@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?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;font-size:14px;line-height:16px;color:#17181A;overflow-x:hidden;padding-top:65px;letter-spacing:0px;position:relative;
}
img{display:block;width:100%}
a, strong{display:block;text-decoration:none;color:#313136}
strong, em{font-weight:500;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;
}

.header-container-wrapper{height:0;overflow:hidden}
.header_structure{position:fixed;left:0;top:0;right:0;z-index:110;border-bottom:1px solid #EDEFF4; padding:0 160px; background-color:#fff;}
.header_structure .bg{display:none;content:'';position:absolute;left:0;right:0;top:69px;background-color:#fff;height:240px;-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.06);
  -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.06);transition: .5s;box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.06);z-index:-1}
.header_structure .bg:after {content:'';position:absolute;left:0;right:0;bottom:-20px;height:20px;background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0) 100%);}

/* main, partnership 페이지 헤더 스타일 */
body.transparent {padding-top: 0}
.transparent .header_structure {background-color: transparent; border-bottom: none;}
.transparent .header_structure.on {background-color:#fff;border-bottom:1px solid #EDEFF4;}
.transparent .header_structure h1 a {color: #fff}
.transparent .header_structure .inner .gnb li > a {color: #EDEFF4;}
.transparent .header_structure .gnb2 a {color:#fff;}
.transparent .header_structure .gnb2 a[href*="contact"] {color:#fff}


.header_structure .inner {position:relative; min-width: 1120px;}
.header_structure .inner:after {display:block;clear:both;content:''}
.header_structure .inner h1{float:left;font-size:18px;margin-right:34px;line-height:68px;font-weight:600}
.header_structure h1>a {font-size:18px; font-weight:600;}
.header_structure .gnb {float:left;}
.header_structure .gnb li {float:left;position:relative; margin-right: 25px;}
.header_structure .inner .gnb li > a{position:relative;font-size:13px;font-weight:bold;line-height:68px;transition:0.5s}
/* .header_structure .inner .gnb li > a:hover{color:#313136} */

.header_structure .gnb li > a:after{position:absolute;left:0;bottom:27px;width:0;height:1px;background-color:#313136;content:'';transition:0.5s;z-index:-1}
.header_structure .inner .gnb li:hover > a:after{width:100%;}

/* .header_structure .gnb .item{float:left;width:200px}
.header_structure .gnb .item strong{font-size:16px;line-height:20px;margin-bottom:24px}
.header_structure .gnb .item a{font-size:14px;line-height:16px;color:#888;margin-bottom:12px;transition:0.5s}
.header_structure .gnb .item a:hover{color:#488FF6}
.header_structure .gnb .item p{font-weight:normal;font-size:13px;line-height:15px;color:#aaa;margin:8px 0 24px;transition:0.5s}
.header_structure .gnb .item a:hover p{color:#488FF6}
.header_structure .gnb .item.unuse{opacity:0.5;}
.header_structure .gnb .item.unuse a{cursor:default} */

.header_structure .gnb .items {position: absolute; top:68px;left:0; right:0; padding-top:32px;display: none;width:800px}

.header_structure .gnb .items > div {float:left; margin-right: 70px;} 
.header_structure .gnb .items strong {display:block; margin-bottom:13px;}
.header_structure .gnb .items a {margin-bottom:8px;font-size:13px; color:#6B6B71; transition: .5s}
.header_structure .inner .gnb .items a:hover {color:#3367D6}
.header_structure .inner .gnb .items a i {vertical-align:top;margin: 1px 0 0 3px}

.header_structure .gnb2 {float:right}
.header_structure .gnb2>a {float:left;font-size:13px;line-height:68px;color:#fff;font-weight:bold;position: relative;}

.header_structure .gnb2 a[href*="contact"]:after {position:absolute;left:0;bottom:27px;width:0;height:2px;background-color:#fff;content:'';transition:0.5s}
.header_structure .gnb2 a[href*="contact"]:hover:after {width:100%}
.header_structure .gnb2>a+a {width:100px;margin: 12px 0 0 18px;border-radius: 4px;height:44px;line-height:44px;text-align:center;background-color:#3367D6;}

.header_structure.on {background-color:#fff;border-bottom:1px solid #EDEFF4;}
.header_structure.on .bg {display:block}
.header_structure.on h1>a {color:#313136;}
.header_structure.on .inner .gnb li>a {color:#aaabaf}
.header_structure.on .inner .gnb li:hover>a {color:#313136}
.transparent .header_structure.on .gnb2 a[href*="contact"] {color:#3367D6}
.transparent .header_structure .gnb2>a[href*="contact"]:after {background-color:#fff}
.transparent .header_structure.on .gnb2>a[href*="contact"]:after {background-color:#3367D6}
.header_structure .gnb2>a[href*="contact"] {color:#3367D6}
.header_structure .gnb2>a[href*="contact"]:after {background-color:#3367D6}





.header_structure .sub{display:none;overflow:hidden;position:absolute;left:0;right:0;top:64px;padding-top:48px}
.header_structure .box_banner{float:right}
.header_structure .box_banner strong{position:relative;font-size:16px;line-height:20px;color:#488FF6;margin:16px 0}
.header_structure .box_banner strong:after{position:absolute;left:0;right:0;width:0;bottom:-4px;height:1px;background-color:#488FF6;content:'';transition:0.5s}
.header_structure .box_banner:hover strong:after{width:100%}
.header_structure .box_banner p{font-size:13px;line-height:16px;color:#aaa}

.header_structure_m{display:none;position:fixed;left:0;right:0;top:0;background-color:#080808;z-index:100000}
.header_structure_m .head_gnb{padding:0 6%;height:64px;background-color:#fff;position:relative;}
.header_structure_m .head_gnb:before {content:''; position: absolute; left: 0; right: 0; bottom: 0; height:1px; background-color: #dfe1e6;}
.header_structure_m .head_gnb:after{display:block;clear:both;content:''}
.header_structure_m .head_gnb h1{float:left}
.header_structure_m .head_gnb .btn_menu{float:right}
.header_structure_m .head_gnb .btn_menu i{font-size:18px;font-weight:bold;line-height:64px}

.header_structure_m ul{display:none;height:100%;background-color:#fff;padding:16px 6%}
.header_structure_m ul li {height:25px; padding: 8px 0;position: relative; overflow: hidden; transition: .5s; cursor:pointer}
.header_structure_m ul li.on {height:auto;}
.header_structure_m ul li > span {display:block; font-size:18px; line-height:25px; color:#313136; transition: .5s;}
.header_structure_m ul li.on > span {color:#3367D6}
.header_structure_m ul li > span:after {content:'';position:absolute;width:8px; height: 8px;top: 13px; right:6px; border-left: 2px solid #888; border-bottom: 2px solid #888; transform: rotateZ(-45deg);transition:.5s;}
.header_structure_m ul li.on > span:after {border-color: #3367D6;top:18px;transform: rotateZ(135deg);}
.header_structure_m ul li .items {height:0; transition: .5s;padding: 20px 0 10px 24px;}
.header_structure_m ul li.on .items {height: auto;}
.header_structure_m ul li .items strong{font-size:14px; line-height:24px;}
.header_structure_m ul li .items a {font-size:14px; line-height:24px; color:#84858B; font-weight:500;}

.header_structure_m .gnb2 {display:none;position:fixed; padding : 0 6%; left:0; right:0;bottom:0;  background-color:#fff;}
.header_structure_m .gnb2:before {content:''; position: absolute; left: 6%; right: 6%; top: 0; height:1px; background-color: #dfe1e6;}
.header_structure_m .gnb2 > a {float:right; line-height:68px; font-size:13px; font-weight:500; color: #3367D6;}
.header_structure_m .gnb2 > a + a {color:#5F96FF; margin-right: 24px;}
.header_structure_m.open{bottom:0}
.header_structure_m.open ul{display:block}
.header_structure_m.open .gnb2 {display: block;}


.footer_structure{position:relative;background-color:#F8F8FA;padding:160px 0}
.footer_structure .inner{padding:0 160px}
.footer_structure .inner:after{display:block;clear:both;content:''}
.footer_structure .inner .cont_footer{float:left;width:40%;}
.footer_structure .inner .cont_footer>strong{margin-bottom:30px;font-size:21px;line-height:28px;color:#17181A}

.footer_structure .inner .cont_footer em{display:block;font-size:12px;line-height:24px;color:#313136;margin-bottom:8px}
.footer_structure .inner .cont_footer .hbspt-form{position:relative;width:312px;box-sizing:border-box;}
.footer_structure .inner .cont_footer .hs_newsletter_agree{display:none}
.footer_structure .inner .cont_footer .hs_email label{display:none}
.footer_structure .inner .cont_footer .hs_email input[type="email"]{display:block;width:100%;height:56px;background-color:transparent;border:0;line-height:56px;box-sizing:border-box;border-bottom:1px solid #84858A}
.footer_structure .inner .cont_footer .hs-submit{position:absolute;right:0;top:0}
.footer_structure .inner .cont_footer .hs-submit input{display:block;width:56px;height:56px;line-height:0;color:#fff;text-align:center;font-size:0;border:0;background-color:#488FF6;transition:0.5s;cursor:pointer;font-weight:bold;background:url(https://www.midasbridge.com/hubfs/STRUCTURE_EN/ico_arr.png) center center no-repeat;text-indent:-9999px;background-size:13px 13px}
.footer_structure .inner .cont_footer .hs-submit input:hover{transform:translateX(10px)}

.footer_structure .cont_footer .copy {display:inline-block; vertical-align:top; font-size:16px; font-weight:500; line-height:18px; color:#17181A;margin-top:140px;}
.footer_structure .cont_footer ul {overflow:hidden; margin: 24px 0 18px;}
.footer_structure .cont_footer ul li{float:left}
.footer_structure .cont_footer ul li+li{position:relative;margin-left:18px;}
.footer_structure .cont_footer ul li a{font-size:12px;font-weight:500;line-height:18px;color:#888;transition:0.5s}
.footer_structure .inner ul li a:hover{color:#3F75EA;text-decoration:underline}
.footer_structure .share a {display:inline-block;vertical-align:top;margin-right:12px;color:#888;font-size:20px;transition:.5s;}
.footer_structure .share a:hover {color:#3f75ea}

.footer_structure .inner .menu {overflow:hidden;float:right;width:800px}
.footer_structure .inner .menu li {float:left; width:calc(20% - 20px); box-sizing:border-box;}
.footer_structure .inner .menu li + li {margin-left:25px;}
.footer_structure .inner .menu li strong {margin-bottom: 23px;font-size:14px; line-height:21px;}
.footer_structure .inner .menu li span {display:block; vertical-align:top;font-size:13px; font-weight:500; line-height:20px; color:#313136;}
.footer_structure .inner .menu li span:not(:first-of-type) {margin-top: 17px;}
.footer_structure .inner .menu li a {margin-top: 10px; font-size:12px; color:#888; line-height:20px;}
.footer_structure .inner .menu .trial {margin-top:60px; font-weight:500; line-height:20px; color:#6B6B71; text-decoration: underline;}
/* .footer_structure .inner .menu_all{overflow:hidden;color:#fff;padding-left:36px;border-left:1px solid #333}
.footer_structure .inner .menu_all em{display:block;font-size:13px;line-height:16px;margin-bottom:11px;color:#aaa}
.footer_structure .inner .menu_all a{color:#fff;font-size:13px;line-height:16px;margin-bottom:11px;transition:0.5s;}
.footer_structure .inner .menu_all a:hover{color:#488FF6;text-decoration:underline}
.footer_structure .inner .menu_all strong{font-size:16px;margin-bottom:24px;color:#fff}
.footer_structure .inner .menu_all ul{overflow:hidden}
.footer_structure .inner .menu_all li{float:left;width:200px}
.footer_structure .inner .menu_all .item{margin-bottom:32px}
.footer_structure .inner .menu_all .unuse{opacity:0.3}
.footer_structure .inner .menu_all .unuse a{cursor:default}
.footer_structure .inner .menu_all .unuse a:hover{color:#888;text-decoration:none}
.footer_structure .inner .download{margin-top:60px}
.footer_structure .inner .download a{margin-bottom:14px;color:#fff;text-decoration:underline;transition:0.5s} */

.footer_structure.first .inner{position:relative;}
.footer_structure.first .cont_footer{width:100%}
.footer_structure.first .menu{overflow:hidden;margin-bottom:24px}
.footer_structure.first .menu li{float:left;margin-right:32px}
.footer_structure.first .menu li a{font-size:16px;line-height:20px;color:#fff}
.footer_structure.first .menu li .line{text-decoration:underline}
.footer_structure.first .copy{display:inline-block;vertical-align:top;font-size:15px;line-height:20px;color:#fff;margin-right:32px}
.footer_structure.first .submenu{display:inline-block;overflow:hidden;vertical-align:top}
.footer_structure.first .submenu a{font-size:13px;line-height:20px;color:#888}
.footer_structure.first .submenu li{float:left}
.footer_structure.first .submenu li+li{position:relative;padding-left:16px;margin-left:16px;}
.footer_structure.first .submenu li+li:after{position:absolute;left:0;top:7px;width:1px;height:8px;background-color:#444;content:''}
.footer_structure.first .area_form{position:absolute;right:0;bottom:0}
.footer_structure.first .area_form em{display:block;font-size:15px;line-height:24px;color:#fff;margin-bottom:8px}
.footer_structure.first .area_form .hbspt-form{position:relative;width:320px;padding-right:80px;box-sizing:border-box}
.footer_structure.first .area_form .hbspt-form .submitted-message{height:56px;line-height:56px;color:#488FF6;border-bottom:1px solid #488FF6}
.footer_structure.first .area_form .hbspt-form .submitted-message strong{font-size:16px;line-height:56px;color:#488FF6}
.footer_structure.first .area_form .hs_newsletter_agree{display:none}
.footer_structure.first .area_form .hs_email label{display:none}
.footer_structure.first .area_form .hs_email input[type="email"]{display:block;width:100%;height:56px;background-color:#fff;border:0;line-height:56px;padding:0 10px;box-sizing:border-box}
.footer_structure.first .area_form .hs-submit{position:absolute;right:0;top:0}
.footer_structure.first .area_form .hs-submit input{display:block;width:80px;height:56px;line-height:56px;color:#fff;text-align:center;font-size:14px;border:0;background-color:#488FF6;transition:0.5s;cursor:pointer;font-weight:bold}
.footer_structure.first .area_form .hs-submit input:hover{background-color:#292929}
.footer_structure.first .channel{display:inline-block;vertical-align:top;overflow:hidden;margin-left:32px}
.footer_structure.first .channel a{float:left;margin-right:20px}
.footer_structure.first .channel a i{font-size:20px;color:#fff}

.footer_structure_m{display:none; background-color:#F8F8FA;padding-bottom:32px;position:relative}
/* .footer_structure_m .util{height:64px;background-color:#292929;font-size:0}
.footer_structure_m .util a{display:inline-block;width:15%;height:64px;border-left:1px solid #080808;box-sizing:border-box;vertical-align:top;font-size:13px;line-height:64px;color:#aaa;text-align:center}
.footer_structure_m .util i{font-size:20px;line-height:64px;color:#aaa}
.footer_structure_m .util .btn_lang{width:55%;font-size:13px}
.footer_structure_m .util .btn_lang i{font-size:13px;margin-right:8px} */

.footer_structure_m .area_form{padding:24px 6% 84px}
.footer_structure_m .hbspt-form{position:relative;padding-right:80px;box-sizing:border-box;margin-bottom:20px}
.footer_structure_m .hs_newsletter_agree{display:none}
.footer_structure_m .hs_email label{display:none}
.footer_structure_m .hs_email input[type="email"]{display:block;width:100%;height:56px;background-color:#fff;border:0;line-height:56px;padding:0 10px;box-sizing:border-box}
.footer_structure_m .hs-submit{position:absolute;right:0;top:0}
.footer_structure_m .hs-submit input{display:block;width:80px;height:56px;line-height:56px;color:#fff;text-align:center;font-size:14px;border:0;background-color:#488FF6;transition:0.5s;cursor:pointer;font-weight:bold}
.footer_structure_m .hs-submit input:hover{background-color:#292929}

.footer_structure_m strong{margin-bottom:12px;font-size:14px;line-height:24px;color:#313136;text-align:center}
.footer_structure_m .list_link{text-align:center;font-size:0;margin-bottom:6px;}
.footer_structure_m .list_link li{display:inline-block;vertical-align:top;position:relative;}
.footer_structure_m .list_link li+li:after{position:absolute;left:0;top:14px;margin-top:-4px;width:1px;height:8px;background-color:#DFE1E6;content:''}
.footer_structure_m .list_link a{font-size:12px;line-height:20px;color:#84858B;padding:0 16px;}



.main .inner{width:1120px;margin:0 auto}
.main .header_structure{background-color:transparent}
.main .header_structure .inner h1{color:#fff}
.main_slider{position:fixed;left:0;right:0;top:0;}
.main_slider .swiper-slide{position:relative;height:100vh;background:url() left center no-repeat;background-size:cover}
.main_slider .swiper-slide:before{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.52);content:''}
.main_slider .swiper-slide strong{position:relative;margin-top:40vh;font-size:48px;line-height:62px;color:#fff;font-weight:500;text-align:center}
.main_slider .swiper-slide a{position:relative;margin:32px auto 0;width:180px;height:56px;background-color:#3F75EA;border-radius:4px;text-align:center;font-size:16px;font-weight:500;line-height:56px;color:#fff;transition:0.5s}
.bar .swiper-pagination-bullet {width:58px; height:2px;border-radius:0;background-color: rgba(255,255,255,.2)}
.swiper-container-horizontal>.bar.swiper-pagination-bullets, .bar.swiper-pagination-custom, .bar.swiper-pagination-fraction {bottom: 100px; left: auto; right:160px; width: auto;}
.swiper-container-horizontal>.bar.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0;}
.bar .swiper-pagination-bullet-active {background-color: rgba(255,255,255,1);}

.main .software{position:relative;margin-top:100vh;background-color:#fff}
.main .software .inner{padding:200px 0;}
.main .software .inner>strong{font-size:42px;line-height:55px;color:#313136;text-align:center;margin-bottom:40px}
.main .software ul{font-size:0}
.main .software li{position:relative;display:inline-block;vertical-align:top;width:368px;height:260px;background-color:#F8F8FA;border-radius:4px;box-sizing:border-box;padding:78px 40px 0}
.main .software li+li{margin-left:8px}
.main .software li>strong{font-size:18px;line-height:20px;color:#313136}
.main .software li>p{font-size:13px;line-height:22px;color:#AAABAF;margin:10px 0 16px}
.main .software li>a{font-size:13px;line-height:16px;color:#3F75EA;text-decoration:underline;transition:0.5s;font-weight:500}
.main .software li>img{position:absolute;right:32px;top:32px;width:auto}


.customer .inner{position:relative;padding:200px 0 212px}
.customer .inner>strong{font-weight:500;font-size:42px;line-height:55px;color:#313136}
.customer .inner a{display:inline-block; margin-top:16px;font-size:14px;line-height:40px;font-weight:500;color:#3F75EA}
.customer .inner a .ico{display:inline-block;vertical-align:top;width:40px;height:40px;border-radius:20px;background-color:#3F75EA;transition:0.5s;margin-left:12px}
.customer .inner a:hover .ico {transform: scale(1.2);}
.customer .inner a .ico i{display:block;font-size:15px;line-height:40px;color:#fff;text-align:center}
.customer .scroll_img{position:absolute;left:0;bottom:112px;width:5300px;}

.customer_slider .swiper-slide{position:relative;padding-left:234px;background-color:#fff;height:160px;box-sizing:border-box;margin-top:56px}
.customer_slider .swiper-slide .wrap_img{position:absolute;left:0;top:0;height:160px;text-align:center;width:234px}
.customer_slider .swiper-slide .wrap_img img{display:inline-block;height:37px;width:auto;margin-top:52px}
.customer_slider .swiper-slide strong{margin:44px 0 4px;padding-right: 76px;font-size:14px;line-height:24px;color:#6B6B71}
.customer_slider .swiper-slide span{display:inline-block; vertical-align: top; font-size:12px;line-height:14px;color:#AAABAF}

.cont .customer_slider .swiper-pagination{bottom: 30px; left: auto; right: 36px; width: auto;}
.cont .customer_slider .swiper-pagination-bullet {opacity: 1; background-color: rgba(49,49,54,.15);}
.cont .customer_slider .swiper-pagination-bullet-active {background-color: #84858B;}


@keyframes customer {
  0% { transform:translateX(0) }   
  100% { transform:translateX(-4180px) }
}

.main .number{position:relative;background-color:#F8F8FA}
.main .number .inner{position:relative;padding:200px 0}
.main .number .inner>strong{font-size:42px;line-height:55px;color:#313136}
.main .number .inner a {display: inline-block; margin-top:16px;font-size:14px;line-height:40px;font-weight:500;color:#3F75EA;}
.main .number .inner a .ico {display:inline-block; vertical-align: top; width:40px;height:40px;margin-left: 12px; border-radius:20px;background-color:#3F75EA;text-align: center; transition:0.5s;}
.main .number .inner a:hover .ico {transform: scale(1.2);}
.main .number .inner a .ico i{display:inline-block;vertical-align: top; margin-top:50%;transform: translateY(-50%);font-size:15px;line-height:40px;color:#fff;}
.main .number ul{font-size:0;margin-top:94px}
.main .number li{display:inline-block;vertical-align:top;margin-right:84px}
.main .number li em{display:block;font-weight:500;font-size:56px;line-height:66px;color:#3F75EA;margin-bottom:4px}
.main .number li span{display:block;font-size:14px;line-height:16px;color:#6B6B71}

.main .banner {width: 100%; background-size: cover; height: 520px; overflow: hidden; position: relative}
.main .banner .box_bg {background: url() no-repeat center center; background-size: cover;width:100%;height: inherit;overflow:hidden;position: relative; transition: .5s;}
.main .banner .box_bg:after {content:''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.31);}
.main .banner:hover .box_bg {transform: scale(1.1);}
.main .banner .box_txt {position: absolute; width: 1120px; top: 170px; left: 50%; transform: translate(-50%); z-index: 1;}
.main .banner .box_txt em {display: block; margin-bottom: 8px; font-size: 13px; color: #5F96FF; font-weight: 500; line-height: 20px; background-color: transparent;}
.main .banner .box_txt strong {margin-bottom: 30px; font-size: 32px; color: #fff; font-weight: 500; line-height: 46px;}
.main .banner .box_txt .info {overflow: hidden; margin-bottom: 11px;}
.main .banner .box_txt .info span {float: left; font-size: 14px; color: #fff; font-weight: 500; line-height: 28px;}
.main .banner .box_txt .info span + span {margin-left: 8px;position: relative;}
.main .banner .box_txt .info span + span:before {content:'';display:inline-block; vertical-align: top; width:1px; height: 8px; margin: 10px 8px 0 0; background-color: #fff}
.main .banner .box_txt p {font-size:14px; color: #fff; line-height: 28px;}


.main .explore {background-color: #fff; position: relative;}
.main .explore .inner {width:100%; padding: 200px 0;position: relative;}
.main .explore .inner > strong {width: 1120px; margin: 0 auto; font-size: 42px; color: #313136; font-weight: 500; line-height: 55px;position: relative;}
.main .link_view {display: block; position: absolute; right: 0; top: 94px; font-size: 14px; font-weight: 500; color: #84858B; line-height: 21px; text-decoration: underline;}

.main .explore .swiper-container {margin-top:40px; padding: 0 400px; overflow: visible;}
.main .explore .swiper-container:after {content:''; display: block; clear: both}
.main .explore .swiper-container .swiper-slide {float:left; width: 352px;}
.main .explore .swiper-container .swiper-slide + .swiper-slide {margin-left: 32px;}
.main .explore .swiper-container .swiper-slide .wrap_thumb {border-radius: 4px; width: 100%; height: 240px; position: relative; top:0; overflow: hidden; transition: .5s;}
.main .explore .swiper-container .swiper-slide .wrap_thumb:after {content: ''; position:absolute;left: 0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,.1); border-radius: 4px;}
.main .explore .swiper-container .swiper-slide:hover .wrap_thumb {transform: translateY(-10px); -webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.2); box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.2);}
.main .explore .swiper-container .swiper-slide .wrap_thumb img {height: 100%;}
.main .explore .swiper-container .swiper-slide em {display: block; margin: 16px 0 8px; font-size: 13px; font-weight: 500; color:#3F75EA; line-height: 24px;}
.main .explore .swiper-container .swiper-slide a > strong {width:100%; padding-right:20px; box-sizing: border-box; font-size:16px; color:#313136; font-weight: 500; line-height: 28px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.main .projects {background-color: #fff; position: relative;}
.main .projects .inner {padding: 200px 0;position: relative;}
.main .projects .inner > strong {font-size: 42px; color: #313136; line-height: 55px;position: relative;}
.main .projects ul {margin-top: 40px;}
.main .projects ul:after {content:''; display: block; clear: both}
.main .projects ul li {float:left; width: 352px;position: relative;}
.main .projects ul li+li {margin-left: 32px;}
.main .projects ul li a {border-radius: 4px; width: 100%; height: 352px; position: relative; top:0; overflow: hidden; transition: .5s;}
.main .projects ul li a:after {content: ''; position:absolute;left: 0;right:0;top:0;bottom:0; background-color: rgba(21,22,21,.47);border-radius: 4px;}
.main .projects ul li:hover a {top: -10px; -webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.2); box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.2);}
.main .projects ul li a img {height: 100%;}
.main .projects ul li .cont_thumb {position: absolute; top:158px; left:0; right: 0; text-align: center; z-index:1;}
.main .projects ul li .cont_thumb strong {font-size: 18px; color: #fff; line-height: 28px;margin-bottom: 6px;}
.main .projects ul li .cont_thumb span {font-size:12px; color:#DFE1E6; line-height: 24px;}



/*********** overview ***********/
body.noborder .header_structure {border-bottom: none}
.scrolllock {overflow: hidden;touch-action:none;}
.overview .keyvi.win9 {display: none;}
body[data-browser="IE"] .overview.design .keyvi.win9 {display: block;}
body[data-browser="IE"] .overview.design .keyvi.win9 .bgs div {position:static}
.overview .keyvi {padding-top:136px;text-align: center;position:sticky;top:0}
.overview .keyvi h3 {font-size: 14px; font-weight: 500; line-height: 20px; color:#5F96FF; text-align: center;}
.overview .keyvi strong {margin: 7px 0 76px;font-size: 48px; line-height: 56px; color: #17181A; text-align: center;}

.overview .inner {width: 1120px; margin: 0 auto;}

.overview .intro {padding: 54px 0 162px;position:relative; background-color: #fff;}
.overview .intro:before{position:absolute;left:0;right:0;top:-160px;height:160px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.07+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#12000000',GradientType=0 ); /* IE6-9 */
content:''}
.overview .intro .inner {text-align: center;}
.overview .intro strong {margin-bottom: 32px;font-size: 24px; line-height: 36px; color:#313136;}
.overview .intro .btn_more {display: inline-block;font-size: 14px; font-weight: 500; line-height:40px; color: #313136; text-decoration: underline;}
.overview .intro .btn_more .ico {display: inline-block; vertical-align: top; width:40px; height: 40px; margin-left: 8px; line-height: 40px; border-radius: 20px; background-color: #313136;transition: .5s;}
.overview .intro .btn_more:hover .ico {transform: scale(1.2);}
.overview .intro .btn_more .ico i {color: #fff}
.overview .intro .wrap_link {width: 768px; margin: 240px auto 0;font-size:0;}
.overview .intro .wrap_link > a {display:inline-block; vertical-align: top;width: 33.33%; box-sizing: border-box; text-align: center; position: relative;}
.overview .intro .wrap_link > a + a:before {content:''; position: absolute; left: -12px; top: 42px; width: 24px; height: 1px; background-color:#bbb}
.overview .intro .wrap_link a .ico_intro {display:inline-block; width: 56px; height: 56px; opacity: 0.4; transition: .5s;}
.overview .intro .wrap_link > a span {display: block; vertical-align: top; margin-top: 15px; font-size: 15px; font-weight: 500; line-height: 32px; color:#313136;opacity: 0.4; transition: .5s;}
.overview .intro .wrap_link a:hover img, .overview .intro .wrap_link a:hover span {opacity: 1;}


.overview .funcs {position:relative; background-color: #fff;}
.overview .funcs .func_m{ display:none;}
.overview .func_slider {height:382px;margin-bottom:84px;display:block;}
.overview .func_slider .swiper-slide {background-color:#fff}
.overview .funcs .func {overflow: hidden;}
.overview .funcs .func + .func {margin-top: 160px;}
.overview.gen .funcs .func + .func + .func {margin-top: 80px;}
.overview .func_slider .func + .func {margin-top:0;}
.overview .funcs .func figure {float:left; width: 520px; height: auto; }
.overview .funcs .func figure img {height: 100%;}
.overview .funcs .func .txt {overflow: hidden; padding: 90px 120px 0 80px; box-sizing: border-box;}
.overview .funcs .func .txt strong {margin-bottom: 30px; font-size: 32px; line-height: 36px; color:#3E3E3E; }
.overview .funcs .func .txt p {font-size: 16px; line-height: 28px; color:#3E3E3E;}
.overview .funcs .func:first-of-type figure {float:right}
.overview .funcs .func:first-of-type .txt {padding: 90px 200px 0 0;}
.overview.gen .funcs .func:nth-of-type(3) .txt {padding-top: 310px;}

.overview.design .funcs .func figure {float: right; width: 544px; height: 382px;}
.overview.design .funcs .func .txt {padding: 100px 66px 0 0;}
.overview.design .funcs .func .txt strong {margin-bottom:24px;}
.overview.design .funcs .func .txt p {font-size:14px; line-height:24px; color:#6B6B71}

.overview .understand {padding-top: 240px;position:relative;background-color:#fff}
.overview .understand .inner {width: auto;}
.overview .understand .wrap_txt {width: 1120px; margin: 0 auto 72px}
.overview .understand .wrap_txt > strong {margin-bottom: 24px;font-size:48px; color: #17181A; line-height:62px;}
.overview .understand .wrap_txt > a {display: inline-block;font-size: 14px; font-weight: 500; line-height:36px; color: #313136; text-decoration: underline;}
.overview .understand .wrap_txt > a .ico {display: inline-block; vertical-align: top; width:40px; height: 40px; margin-left: 8px; line-height: 40px; text-align: center; border-radius: 20px; background-color: #313136;transition: .5s;}
.overview .understand .wrap_txt > a:hover .ico {transform: scale(1.2);}
.overview .understand .wrap_txt > a .ico i {color: #fff}


.overview .understand_slider {overflow: visible;transition: .5s;} 
.overview .understand_slider.on {transform: translateX(-710px)} 

.overview .understand_slider .swiper-slide {float: left; width: 452px; height: 564px;padding: 40px 0 77px 40px; box-sizing: border-box;margin-left: 16px; position: relative; background-color: #F8F9FD; overflow: hidden; transition: .5s;}
.overview .understand_slider .swiper-slide.on {width: 1120px;}
.overview .understand_slider .swiper-slide .example .txt{overflow:hidden; width: 412px;}
.overview .understand_slider .swiper-slide .example strong {margin-bottom: 2px;font-size:24px; line-height:32px; color: #313136;transition: .5s;}
.overview .understand_slider .swiper-slide .example .loca { font-size: 14px; line-height: 24px; color: #313136;transition: .5s;}
.overview .understand_slider .swiper-slide .example p {margin-top: 16px; height: 61px; font-size: 13px; line-height: 21px; color:#84858B;}
.overview .understand_slider .swiper-slide .example img {position: absolute; left: 40px; bottom: 77px; width:412px; height: 280px;}

.overview .understand_slider .swiper-slide .spread {position: absolute; right: 0; top: 40px; bottom:0; width: 560px; opacity: 0; transition: .3s;}
.overview .understand_slider .swiper-slide.on .spread {padding-right:40px; opacity: 1;}
.overview .understand_slider .swiper-slide .spread > p {font-size:13px; line-height: 21px; color: #84858B;}
.overview .understand_slider .swiper-slide .spread .box_img {width: 588px; height: 280px; position: absolute; bottom: 77px; overflow: hidden; }
.overview .understand_slider .swiper-slide .spread .box_img img {height: 100%;}
.overview .understand_slider .swiper-slide button {display: block; border: none; background-color: transparent; width: 70px; height: 40px; position: absolute; right: 34px; bottom: 31px;font-size: 14px; line-height: 21px; color:#888888; text-decoration: underline; transition: .5s; cursor:pointer;}
.overview .understand_slider .swiper-slide:hover .example strong, .overview .understand_slider .swiper-slide:hover .example .loca, .overview .understand_slider .swiper-slide:hover button {color:#5F96FF;}

.overview .feature_ngen {padding: 240px 0;position:relative;background-color:#fff}
.overview .feature_ngen strong {margin-bottom: 80px; font-size:32px; line-height:36px; color:#313136;}
.overview .feature_ngen ul {overflow: hidden;}
.overview .feature_ngen ul li {width:20%; float: left; text-align: center; transition: .5s;}
.overview .feature_ngen ul li img {display: block; width: 120px; height: 120px; margin: 0 auto; opacity: .4; transition: .5s}
.overview .feature_ngen ul li img + img {display: none;}
.overview .feature_ngen ul li span {display: inline-block; vertical-align: top; margin-top: 31px; font-size:16px; line-height: 28px; color: #313136; opacity: .4; transition: .5s;}
.overview .feature_ngen ul li a:hover img, .overview .feature_ngen ul li a:hover span {opacity: 1;}

.overview .run {padding-bottom: 240px; position: relative; background-color: #fff;}
.overview .run .inner {text-align: center;}
.overview .run img {display:inline-block; height:45px; width: auto; margin-bottom: 32px;}
.overview .run strong {margin-bottom: 56px;font-size:48px; line-height: 62px;color:#17181A;}
.overview .btn_try {display:inline-block; width: 176px; height: 56px; border-radius: 4px; line-height: 56px;font-size: 16px; color: #fff; font-weight: 500;text-align:center; background-color: #3367D6}

.overview .member {background-color: #5F96FF; overflow: hidden;}
.overview .member .inner strong {margin-bottom: 56px; font-size:48px; line-height: 62px; color:#17181A;}

.overview div[class^="banner_"] {height: 440px; background: url() right center no-repeat; background-size: cover; padding-top: 144px; box-sizing: border-box; position:relative;}
.overview div[class^="banner_"] .inner strong {margin-bottom: 16px; font-size: 32px; line-height: 46px; color: #fff;}
.overview div[class^="banner_"] .inner a {display: inline-block; font-size:15px; font-weight: 500; color: #fff; line-height: 40px;}
.overview div[class^="banner_"] .inner a span {display:inline-block; vertical-align:top; margin-left: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background-color: #fff;}
.overview div[class^="banner_"] .inner a span i {color:#313136}

div[class^="banner_"] .inner {width:1120px; margin: 0 auto;}
div[class^="banner_"].banner_try {height: 440px; background: url() right center no-repeat; background-size: cover; padding-top: 144px; box-sizing: border-box; position:relative;}
div[class^="banner_"].banner_try .inner strong {margin-bottom: 16px; font-size: 32px; line-height: 46px; color: #fff;}
div[class^="banner_"].banner_try .inner a {display: inline-block; font-size:15px; font-weight: 500; color: #fff; line-height: 40px;}
div[class^="banner_"].banner_try .inner a span {display:inline-block; vertical-align:top; margin-left: 10px; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 20px; background-color: #fff;}
div[class^="banner_"].banner_try .inner a span i {color:#313136}



/* overview Gen */
.overview.gen .keyvi .overview_slider {box-sizing: border-box;}
.overview.gen .keyvi .overview_slider .swiper-container{overflow:visible}
.overview.gen .keyvi .overview_slider .swiper-slide {height: 560px; background:url() no-repeat #fff; background-position: center center; background-size: cover; position: relative}
.overview.gen .keyvi .overview_slider .swiper-slide:before{position:absolute;left:0;right:0;top:-40px;height:40px;background-color:#fff;content:''}
.overview.gen .keyvi .overview_slider .swiper-slide p {display:inline-block; position: absolute; left: 10vw; bottom: 56px; font-size: 12px; color:#6B6B71; text-align:left;} 
.overview.gen .keyvi .overview_slider img {display: block; margin:-40px auto 0; width: auto;position:relative}
.overview.gen .keyvi .overview_slider .mid img{margin-top:56px}
.overview.gen .keyvi .overview_slider .swiper-slide img:nth-of-type(2) {display: none;}
.overview.gen .intro .wrap_link > a + a:before {transform:rotateZ(90deg)}
.overview.gen .customer_slider .swiper-slide {background-color: #F8F9FD;}


/* overview Design+ */
.overview.design .keyvi {position:relative; overflow:hidden; padding-top:0;}
.overview.design .keyvi .txts {padding-top:136px;width: 100%; position: fixed;}
.overview.design .keyvi strong {color: #17181A; margin-bottom:0;}
.overview.design .keyvi .bgs div {position:sticky; top: 300px; height:100vh; background: url(https://www.midasbridge.com/hubfs/midasStructure/images/overview/design_keyvi1.png) center bottom no-repeat;background-size:100% auto;background-attachment:fixed;}
.overview.design .keyvi .bgs .bg_color {background-image:url(https://www.midasbridge.com/hubfs/midasStructure/images/overview/design_keyvi2.png)}

.overview.design .keyvi.win9 .txts {position: relative;padding-bottom: 70px;}
.overview.design .keyvi.win9 .bg {position: relative; height: 560px;background: url(https://www.midasbridge.com/hubfs/midasStructure/images/overview/design_keyvi1.png) center bottom no-repeat;}

.overview.design .members {overflow: hidden;padding:240px 0; position: relative; background-color: #fff;}
.overview.design .members strong {width: 1120px; margin: 0 auto 56px; font-size: 48px; color: #17181A; line-height: 62px;}
.overview.design .members .tit {font-size: 32px; font-weight: 500; line-height: 46px; color:#fff;}
.overview.design .members .container {padding-top: 56px;background-color: #5F96FF;overflow: hidden; }
.overview.design .members .items {width:1120px; margin: 0 auto;}
.overview.design .members .items > div {overflow: hidden; margin-top: 16px;}
.overview.design .members .items > div.composite {float: left; width: 60%;}
.overview.design .members .items > div.alu {float:left; width: 40%;}
.overview.design .members ul {margin: 24px 0 16px; overflow: hidden;}
.overview.design .members ul li {width:20%; height: 50px; float: left; margin-bottom: 40px;position:relative;}
.overview.design .members .items > div.composite ul li {width: 33.33%;}
.overview.design .members .items > div.alu ul li {width: 50%;}
.overview.design .members ul li img {float:left; width: 50px; height: 50px; }
.overview.design .members ul li span {position: absolute; left: 58px; top: 50%; transform: translateY(-50%); font-size: 15px; color: #fff; font-weight: 500;line-height:22px;}
.overview.design .members p {font-size:15px; font-weight: 500; line-height: 32px; color: #fff; margin-bottom: 50px;}
.overview.design .customer_slider .swiper-slide {background-color: #F8F9FD;}  


/* overview ngen */
.overview.ngen .keyvi video {width:1120px; height: auto;display:block;margin:0 auto}
.overview.ngen .customer_slider .swiper-slide {background-color: #F8F9FD;}
.overview .mechanism {padding-top: 240px;position:relative;background-color:#fff}
.overview .mechanism:after {clear:both; display: block; content:'';}
.overview .mechanism .inner > strong {font-size:48px; line-height:62px; color:#17181A;}
.overview .mechanism .con {margin-top: 24px;}
.overview .mechanism .con:after {clear: both;display: block; content:'';}
.overview .mechanism .wrap_btn {float: left;}
.overview .wrap_facil {width: 176px;float:left;}
.overview .wrap_facil ul {margin-top: 44px; }
.overview .wrap_facil ul li {display: inline-block; padding: 12px 0; font-size:18px; line-height:30px; font-weight: 500; color: #84858B; text-decoration: underline; position: relative; cursor: pointer; transition: .5s;}
.overview .wrap_facil ul li:hover {color: #3367D6}
.overview .wrap_facil ul li:after {content:''; position: absolute; width: 5px; height: 5px; right: -14px; top: 24px; border-top: 2px solid #84858B;border-right: 2px solid #84858B; transform: rotateZ(45deg); transition: .5s;}
.overview .wrap_facil ul li:hover:after {border-color: #3367D6}
.overview .wrap_facil ul li .popup {display: none; position: absolute; padding: 40px; box-sizing: border-box;width:1120px; height: 622px; left: 190px; top: 16px; border-radius: 4px;background-color:#F8F9FD; -webkit-box-shadow: 5px 10px 20px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 5px 10px 20px 0px rgba(0,0,0,0.16);box-shadow: 5px 10px 20px 0px rgba(0,0,0,0.16); z-index: 1; cursor: default;}
.overview .wrap_facil ul li.on .popup {display: block; z-index:10;}
.overview .wrap_facil .popup .info {float: left;margin-right:40px;}
.overview .wrap_facil .popup .info strong {font-size:24px; line-height:32px; color:#313136;}
.overview .wrap_facil .popup .info p {font-size: 14px; line-height:24px; color: #313136; margin: 2px 0 38px;}
.overview .wrap_facil .popup .info img {width:412px; height:448px;}
.overview .wrap_facil .popup .detail {overflow: hidden}
.overview .wrap_facil .popup .detail p {height:63px;font-size:13px; line-height: 21px; color:#84858B;margin-bottom: 32px;}
.overview .wrap_facil .popup .detail img {width:589px; height: 448px;}
.overview .wrap_facil .popup button {position: absolute; width:40px; height: 40px; right: 8px; top: 8px; text-align: center; background: none; border:none; cursor:pointer; z-index: 10;}
.overview .wrap_facil .popup button i {display:inline-block; vertical-align: top; font-size: 24px; color: #AAABAF;}

.overview .wrap_view {display:block; float:left; height: 725px;position: relative;}
.overview .wrap_view.bg:after {content:''; background: url(https://www.midasbridge.com/hubfs/midasStructure/images/overview/img_view_bg.png) no-repeat center center; background-size: cover; position: absolute; left:0; top: 0; width: 1184px; height: 725px;}
.overview .wrap_view ul:after {clear:both; display: block; content:'';}
.overview .wrap_view ul li {position:relative; opacity: 0; transition: .5s;}
.overview .wrap_view ul li.on {opacity: 1;}
.overview .wrap_view ul li img {position: absolute; left: 0; top: 0; width: 1184px; height: 725px;}

.overview .interface {padding-bottom: 240px;position:relative;background-color:#fff;overflow:hidden;}
.overview .interface strong {width: 1120px; margin:0 auto 56px; font-size: 48px; line-height:62px; color:#17181A;}
.overview .interface .interface_slider {position:relative;width:100%;}
/* .wrap_drag::-webkit-scrollbar {display: none;} */
/* .overview .interface .interface_slider {position:absolute;left:400px;top:0;width:2256px;} */
.overview .interface .interface_slider .swiper-slide {float: left; width:1120px;}
.overview .interface .interface_slider .analysis {margin-left: 40px;}
.overview .interface .interface_slider .box {position: relative;width: auto; height: 566px; border-radius: 8px; background:url() no-repeat center center; background-size: cover;}
.overview .interface .interface_slider .box:after {content:''; position: absolute; left:0; right: 0; top:0; bottom: 0; background-color: rgba(11,11,11,.74); transition: .5s;border-radius: 8px; cursor:pointer;}
.overview .interface .interface_slider .box:before {content:''; position: absolute; left:50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 0;height: 0;border-style: solid; border-width: 28px 0 28px 48px;border-color: transparent transparent transparent #fff;z-index:1;cursor:pointer;}
.overview .interface .interface_slider .box:hover:after {background-color:rgba(63,117,234,.6);}
.overview .interface .interface_slider .box a {width:100%;height:100%;}
.modal {display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:9999;}
.modal iframe {width:1120px; height:485px;}
.modal:after {content:''; position:absolute; left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.70);z-index:-1}
.modal .video {position:absolute; left:50%; top:50%;transform: translateX(-50%) translateY(-50%)}
.modal .video button {position:absolute;right:-8px; top:-40px;width:40px; height: 40px;border:none; background:none;cursor: pointer;}
.modal .video button i {font-size:24px; color: #fff;}
/* .modal .video iframe {position: absolute;left:50%;top} */
.modal.on {display:block;}


  
/* .overview .interface .video {width: auto; height: inherit;} */
.overview .interface .txts {overflow: hidden;margin-top: 24px;}
.overview .interface .txts span {display: inline-block; vertical-align:top; margin-right:24px;font-size: 24px; line-height: 36px; font-weight: 500; color:#17181A;}
.overview .interface .txts span i {display:inline-block; vertical-align: top; margin:6px 4px 0 0}
.overview .interface .txts a {display:inline-block; vertical-align:top; font-size:15px; font-weight: 500; line-height: 36px; color: #000; transition: .5s;}
.overview .interface .txts a:hover {color:#3F75EA}
.overview .interface .txts a + a {margin-left: 16px;}
.overview .interface .txts a i {display:inline-block; vertical-align:top; margin:10px 6px 0 0}
.overview.ngen .feature_ngen ul li {width: 25%}
.overview.ngen .func video {width: 520px; height: 400px; float:right;}

  

/* feature 공통 */
.feature .keyvi_feature {padding-top:136px;}
.feature .keyvi_feature .wrap_txt {width:1082px;margin: 0 auto 72px;text-align:center;}
.feature .keyvi_feature span {display:block;margin-bottom:8px;font-size:14px;font-weight:500;line-height:20px;color:#5F96FF}
.feature .keyvi_feature strong {margin-bottom:48px;font-size:48px;line-height:56px;color:#17181A}
.feature .keyvi_feature strong .br {display:inline-block;}
.feature .keyvi_feature p {font-size:16px;line-height:28px;color:#6B6B71}
.feature .keyvi_feature .bg {height:480px;position:relative;}
.feature .keyvi_feature .bg:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(85,135,229,.53);}
.feature.mesh .keyvi_feature .bg {background-color:#3F75EA !important}
.feature.mesh .keyvi_feature .bg:after {display:none !important}

.feature .inner {width: 1120px; margin:240px auto 0;overflow:visible;}
.feature div[class^="item"] {margin-bottom:240px;overflow:visible;}
.feature div[class^="item"]:after {display:block;content:'';clear:both}
.feature div[class^="item"] .tit {font-size:32px;line-height:46px;margin-bottom:24px;}
.feature div[class^="item"] .desc {width:560px;font-size:16px;line-height:28px;color:#6B6B71;margin-bottom:64px;}
.feature.drawing div[class^="item"].item4 .desc {width:688px;}
.feature div[class^="item"] .imgs {margin-bottom:96px;}
.feature div[class^="item"] .imgs:after {display:block;content:'';clear:both}
/* .feature div[class^="item"] .imgs img {height:auto;} */
.feature div[class^="item"] .icons {float:right;width:768px;overflow:hidden;}
.feature div[class^="item"] .icons>div {float:left;width:384px;padding-left:32px;box-sizing:border-box;}
.feature div[class^="item"] .icons>div img {width:80px;height:80px;}
.feature div[class^="item"] .icons>div strong {margin: 24px 0 16px;font-size:18px;line-height:30px;}
.feature div[class^="item"] .icons>div p {font-size:13px;line-height:21px;color:#6B6B71}


/* 병립 스타일 */
.feature div[class^="item"].equal .imgs {width:1600px;transform:translateX(-240px)}
.feature div[class^="item"].equal .imgs img {float:left;width:50%;height:487px;}
.feature.seismic .item3.equal .imgs img {width:33.33%;} 

/* 와이드 스타일 */
.feature div[class^="item"].wide .imgs {width:1600px;transform:translateX(-240px)}
.feature div[class^="item"].wide .imgs img {width:100%;height:auto;}

/* 치우친 스타일 */
.feature div[class^="item"].side {margin-bottom:0;}
.feature div[class^="item"].side .txts {width:50%;float:left;}
.feature div[class^="item"].side .txts:after {display:block;content:'';clear:both}
.feature div[class^="item"].side .txts .desc {margin-bottom:40px;padding-right:26px;box-sizing:border-box;}
.feature div[class^="item"].side .imgs_m {display:none;}
.feature div[class^="item"].side .icons {float:left; width: auto;}
.feature div[class^="item"].side .icons>div {float:none;padding:0;}
.feature div[class^="item"].side .icons>div+div {margin-top:40px}
.feature div[class^="item"].side .icons>div p {padding-right:64px;box-sizing:border-box;}
.feature div[class^="item"].side .imgs {display:block;width:50%;float:right;}
.feature div[class^="item"].side .imgs img {width:1300px;transform:translateX(-105px) translateY(-105px)}
.feature div[class^="item"].side.leftside .txts {float:right;}
.feature div[class^="item"].side.leftside .imgs {float:left;}
.feature div[class^="item"].side.leftside .imgs img {transform:translateX(-650px) translateY(-105px)}

.feature.design div[class^="item"] .desc {margin-bottom:24px;}
.feature.design div[class^="item"] .btns {font-size:0;display:block;}
.feature.design div[class^="item"] .btn_code {display:inline-block;margin-bottom:60px;font-size:14px;line-height:40px;height:40px;font-weight:500;color:#313136;text-decoration:underline}
.feature.design div[class^="item"] .btn_code:nth-of-type(2) {margin-left:24px;}
.feature.design div[class^="item"] .btn_code span {display:inline-block;margin-left:16px;width:40px;height:40px;border-radius:20px;background-color:#313136;text-align:center;}
.feature.design div[class^="item"] .btn_code span i {color:#fff;font-size:15px;}
.feature.design div[class^="item"].item3 .imgs {position:relative;height:1210px;margin-bottom:0;}
.feature.design div[class^="item"].item3 .imgs img {position:absolute;left:-900px;width:1613px;height:auto;}
.feature.design div[class^="item"].item3 .imgs img + img {left:auto;right:-900px;top:-150px}
.feature.design .popup_code {display:none;position:fixed;width:1600px;left:50%;top:50%;padding:48px 0;transform:translateX(-50%) translateY(-50%);background-color:#F8F9FD;z-index:10000;}
.feature.design .popup_code .btn_close {position:absolute;right:16px;top:16px;width:24px;height:24px;}
.feature.design .popup_code .btn_close i {font-size:24px;color:#313136}
.feature.design .popup_code dl {width:944px;margin:0 auto;border-top:1px solid #DFE1E6;font-size:0;}
.feature.design .popup_code dl span {display:inline-block;width:208px;font-size:12px;font-weight:500;color:#84858B;line-height:32px;height:32px;}
.feature.design .popup_code dl span:nth-child(2) {width:176px;}
.feature.design .popup_code dl span:last-child {width:560PX;}
.feature.design .popup_code dl dt {border-bottom:1px solid #DFE1E6;}
.feature.design .popup_code dl dt span {color:#313136;}
.feature.design .popup_code dl dd {border-bottom:1px solid #DFE1E6;}
.feature.design .popup_code>span {display:block;font-size:12px;color:#6B6B71;font-weight:500;line-height:20px;margin-top:16px;text-align:center;}

/* feature_design 페이지 팝업 배경 dimmed */
body.dimmed {overflow:hidden}
body.dimmed:after {content:'';position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.70);z-index:1000}



/* feature_ngen */
.feature.ngen div[class^="item"].side .imgs img {width:1004px;transform:translateX(105px) translateY(68px);}
.feature.ngen div[class^="item"].side.leftside .imgs img {transform:translateX(-545px) translateY(68px)}
.feature.ngen div[class^="item"].side {margin-bottom:240px;}
.feature.ngen.drawing div[class^="item"].item2 .imgs img,
.feature.ngen.basement div[class^="item"].item1 .imgs img,
.feature.ngen.basement div[class^="item"].item3 .imgs img {transform: translateX(105px) translateY(108px);}





.download .popup_download{position:Fixed;left:0;right:0;top:0;bottom:0;z-index:10000}
.download .popup_download .bg{width:100%;height:100%;background-color:rgba(75,75,75,0.4)}
.download .popup_download .layer{position:absolute;left:50%;top:50%;width:736px;height:680px;margin:-340px 0 0 -368px;background-color:#F7F8FA;border-radius:8px;text-align:center;padding-top:80px;box-sizing:border-box}
.download .popup_download .layer img{display:block;width:146px;margin:0 auto}
.download .popup_download form{display:block;width:352px;margin:0 auto}
.download .popup_download form h1{font-size:32px;line-height:48px;color:#222}
.download .popup_download form .hs-main-font-element p{margin-bottom:32px;font-size:14px;line-height:24px;font-weight:bold;color:#ADAFB3}
.download .popup_download form>div{position:relative;padding-bottom:24px;width:352px;clear:both}
.download .popup_download .area_form .hs_firstname{position:Relative;float:left;width:168px;clear:none;margin-right:16px}
.download .popup_download .area_form .hs_lastname{position:Relative;float:left;width:168px;clear:none} 
.download .popup_download .area_form .hs_email{position:relative}
.download .popup_download .area_form .hs-error-msgs{position:absolute;left:0;right:0;bottom:-22px;font-size:12px;line-height:24px;color:#E8533C;letter-spacing:-1px;text-align:left}
.download .popup_download .area_form input[type="text"],.download .popup_download .area_form input[type="tel"],.download .popup_download .area_form input[type="email"]{
width:100%;height:56px;background-color:#fff;display:block;box-sizing:border-box;border-radius:4px;border:1px solid #DFE1E6;padding:0 10px;outline:none;user-select:none;font-size:13px;line-height:54px;color:#666;
}
.popup_download .area_form input[type="email"]{margin-top:24px}

.download .popup_download .btn_close{position:absolute;right:24px;top:24px;}
.download .popup_download .btn_close i{font-size:48px;color:#ADAFB3}
.download .popup_download .area_form input[type="text"]:hover,.download .popup_download .area_form input[type="tel"]:hover,.download .popup_download .area_form input[type="email"]:hover{border-color:#488FF6}
.download .popup_download .area_form input[type="text"]:focus,.download .popup_download .area_form input[type="tel"]:focus,.download .popup_download .area_form input[type="email"]:focus{border-color:#488FF6}
.download .popup_download .btn_down:hover{background-color:#222}
.download .popup_download .area_form input[type="submit"]{display:block;margin:24px auto 0;width:100%;;height:64px;line-height:64px;font-weight:bold;font-size:20px;color:#fff;text-align:center;border-radius:8px;cursor:pointer;transition:0.5s;border:0;background-color:#488FF6}
.download .popup_download .area_form .inputs-list{border-top:0}
.download .popup_download .area_form .inputs-list li{border-bottom:0}
.download .popup_download .area_form .hs_private_consent_box{margin-top:32px;position:Realtive}
.download .popup_download .area_form .hs_private_consent_box label{display:block;cursor:pointer;text-align:left}
.download .popup_download .area_form .hs_private_consent_box label span{color:#ADAFB3;font-size:14px;line-height:18px}
.download .popup_download .area_form .hs_private_consent_box a{display:inline;color:#488FF6}
.download .popup_download .area_form .hs_error_rollup{display:none}
.download .popup_download .area_form .submitted-message p{font-size:32px;line-height:48px;width:420px;margin: 80px auto 0;font-weight: bold;}






.download .started .inner{width:1120px;padding-top:160px;margin:0 auto 120px;text-align:center}
.download .started .inner>h3{font-size:48px;line-height:52px;color:#17181A;margin-bottom:8px;font-weight:500}
.download .started .inner>em{display:block;font-size:13px;line-height:24px;font-weight:500;color:#3F75EA;text-align:center;margin-bottom:8px}
.download .started .inner>p{font-size:14px;line-height:16px;color:#ADAFB3;font-weight:bold;}
.download .started .list_resource{margin-top:64px}
.download .started .list_resource:after{display:block;clear:both;content:''}
.download .started .list_resource li{float:left;padding:48px 70px 0;overflow:hidden;width:352px;height:292px;background-color:#F8F9FD;border-radius:4px;box-sizing:border-box}
.download .started .list_resource li+li{margin-left:32px}
.download .started .list_resource strong{font-size:18px;line-height:30px;color:#313136;margin-bottom:8px}
.download .started .list_resource p{font-size:13px;line-height:21px;color:#84858B}
.download .started .list_resource .btns{font-size:0;margin-top:32px}
.download .started .list_resource .btns a{display:inline-block;width:50%;vertical-align:top;font-size:14px;line-height:30px;color:#3F75EA;font-weight:500;text-align:center;transition:0.5s}
.download .started .list_resource li img{display:block;width:48px;margin:0 auto 8px} 
.download .updates .inner{width:1120px;margin:0 auto 160px}
.download .updates h4{font-size:18px;line-height:50px;color:#17181A;font-weight:500;border-bottom:1px solid #707070}
.download .updates .type{overflow:hidden}
.download .updates .type em{float:left;font-size:13px;line-height:60px;color:#3367D6;width:160px;}
.download .updates .type ul{overflow:hidden;}
.download .updates .type li{border-bottom:1px solid #dfe1e6;}
.download .updates .type li strong{position:relative;font-size:14px;line-height:60px;color:#43464D;transition:0.5s;cursor:pointer;font-weight:500}
.download .updates .type li strong i{position:absolute;right:8px;top:0;line-height:74px;color:#A0A0A0;transition:0.5s}
.download .updates .type li strong:hover{color:#488FF6}
.download .updates .type li strong:hover i{color:#488FF6}
.download .updates .type .btns{display:none;overflow:hidden;margin-bottom:24px}
.download .updates .type .btns>div{float:left;padding-top:0}
.download .updates .type .btns .item>a{width:116px;font-size:14px;line-height:48px;height:48px;border:1px solid #6B6B71;border-radius:4px;background-color:#6B6B71;color:#fff;text-align:center;font-weight:bold;transition:0.5s}
.download .updates .type .btns .item+.item{margin-left:8px}
.download .updates .type .btns .item>a:hover{background-color:#488ff6;color:#fff;border-color:#488ff6}
.download .updates .type .links{display:none;overflow:hidden;padding-bottom:24px}
.download .updates .type .links>a{float:left;font-size:14px;line-height:24px;font-weight:500;color:#3F75EA;margin-right:15px}
.download .updates .type .links>a i{line-height:20px}
.download .updates .type .links>a:hover{text-decoration:underline}
.download .updates .type li.on .btns,.download .updates .type li.on .links{display:block}

.contact_form {
/*  기존 스타일 초기화  */
width: auto; margin: 0; padding:0; border-radius: 0;
padding: 160px 0 206px;
}
.contact_form strong {display:block; margin-bottom:16px; font-size:42px; line-height:55px; color:#17181A; text-align: center;}
.contact_form p {display:block; margin-bottom:120px; font-size:13px; line-height:21px; color:#6B6B71; text-align: center;}
.contact_form .inner {width:768px;margin: 0 auto;}


/****************** submit 이후 .area_form display:none 처리 클래스?? *******************/
/* .contact_form strong, .contact_form p 는 .innerhtml 메소드로 수정 */
.contact_form .area_form {display: block;} 
.contact_form .area_form.submitted {display: none;}


.contact_form .hs-form-field{position:relative;padding: 0 16px; box-sizing: border-box;float:left;width:100%}
.contact_form .hs-form-field .input > .hs-input {width:100%; line-height:56px; height:56px; box-sizing:border-box; border: 1px solid #dfe1e6; border-radius: 4px;}
.contact_form .hs-form-field>label {display:block; margin-bottom:6px;}
.contact_form .hs-form-field>label>span {font-size:13px;line-height:21px; color:#84858B}
.contact_form .inputs-list {overflow: hidden;}
.contact_form .hs-form-checkbox {position:relative; float:left;width:33.33%; height:20px;margin-bottom:16px}
.contact_form .hs-form-checkbox label {height: inherit;}
.contact_form .hs-form-checkbox label>span {padding-left: 24px; cursor:pointer;}
.contact_form .hs-form-checkbox span {font-size:14px; color:#6B6B71;}
.contact_form .hs-fieldtype-checkbox {margin-bottom:53px;position:relative;}
.contact_form .hs-fieldtype-checkbox>label{margin-bottom:24px}
.contact_form .hs-fieldtype-checkbox>label>span{font-size:16px;line-height:28px;color:#313136;font-weight:500}
.contact_form .hs-fieldtype-checkbox.hs_bridge_request_type {margin-bottom:38px}
.contact_form .hs_bridge_request_type .hs-form-checkbox {width: 25%;margin-bottom:15px;}
.contact_form .area_form form>.hs-fieldtype-text {width: 50%; float:left; margin-bottom:24px;position:relative;}
.contact_form .area_form select {background-color: #f7f8fa; display: block; font-size:16px; color:#222; padding: 0 16px; appearance:none;-webkit-appearance: none; background:url(https://2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/ico_select.png) right -4px no-repeat}
.contact_form .hs_country_for_mbm_registering {display:block; margin-bottom: 24px; float:left; position:relative;}
.contact_form .hs-form-field .hs-error-msgs {position:absolute; left:20px; bottom:-16px; color: red; font-size:12px; line-height:14px;}
.contact_form .inner .area_form .hs-form-field textarea {width:100%; margin-bottom: 30px; resize:none; border: 1px solid #dfe1e6; height: 120px; box-sizing: border-box; padding: 10px; font-size:14px; font-weight:500;line-height:16px;}
.contact_form .area_form .hs-form-booleancheckbox label {float:left; height:40px; line-height:40px; cursor:pointer;}
.contact_form .area_form .hs-form-booleancheckbox label span {font-size: 13px;}
.contact_form .area_form .hs-form-booleancheckbox label>span {float: left;margin-left: 0;}
.contact_form .area_form .hs-form-booleancheckbox input[type="checkbox"]+span:after {top: 11px; border-color:#DFE1E6;}
.hs_error_rollup {display:none}
.contact_form .area_form .hs_submit {padding: 0 16px;}
.contact_form .area_form .hs_submit .hs-button {width:100%; height:56px; line-height:56px; border: none; border-radius: 4px; background-color: #3367D6; color:#fff; font-size:14px; font-weight:500; margin-top:27px; padding: 0 16px;cursor:pointer;}

.license_faq{padding:160px 0;background-color:#F7F8FA}
.license_faq .inner{width:1120px;margin:0 auto}
.license_faq .inner>strong{font-size:32px;line-height:46px;color:#313136;margin-bottom:48px}
.license_faq ul{border-top:1px solid #DFE1E6}
.license_faq li{position:relative;border-bottom:1px solid #DFE1E6}
.license_faq li strong{font-size:14px;line-height:60px;color:#84858B;transition:0.5s;cursor:pointer}
.license_faq li strong .ico{position:absolute;left:30px;top:25px;width:12px;height:12px;}
.license_faq li strong i{float:right;line-height:60px;font-size:19px;color:#84858B;transition:0.5s}
.license_faq li .desc{display:none;font-size:14px;line-height:24px;color:#888888;margin-bottom:32px}
.license_faq li .desc a{display:inline;color:#488FF6;text-decoration:underline}
.license_faq li.on strong{color:#313136}
.license_faq li.on strong i{transform:rotateZ(180deg);color:#313136}

.header_trial{position:fixed;left:0;right:0;top:0;bottom:0;height:64px;background-color:#17181A;z-index:100}
.header_trial .inner{position:relative;width:1120px;margin:0 auto;line-height:64px;text-align:center}
.header_trial .inner button {position:absolute;left:0;top:0;;font-size:14px;color:#84858b;font-weight:500;background:none;outline:none;border:none;cursor:pointer;height:64px;line-height:64px}
.header_trial .inner button i {vertical-align:top;margin: 25px 9px 0 0}
.header_trial h1 a{font-size:18px;line-height:64px;color:#fff}
.head_step{width:1120px;margin:80px auto 122px;border-bottom:1px solid #DFE1E6}
.head_step .inner{width:100%;overflow:hidden;font-weight:bold}
.head_step strong{float:left;font-size:20px;line-height:60px;color:#222}
.head_step .num_step{float:right;font-size:18px;line-height:60px;color:#488FF6;font-weight:500}
.select_trial {padding:160px 0 120px}
.select_trial>strong{margin-bottom:48px;font-weight:500;font-size:32px;line-height:46px;text-align:center}
.select_trial .item_select{display:flex;justify-content:flex-start;width:1120px;height:360px;margin:0 auto;font-size:0}
.select_trial .item_select a{position:relative;width:368px;height:242px;vertical-align:top;box-sizing:border-box;transition:0.5s;background-color:#17181A;border-radius:4px;padding:82px 0 0 40px}
.select_trial .item_select a+a{margin-left:8px}
.select_trial .item_select a strong{margin-bottom:10px;font-size:18px;line-height:22px;color:#fff;font-weight:500} 
.select_trial .item_select a p{font-size:13px;line-height:22px;color:#AAABAF}

.select_trial .item_select i{display:none;position:absolute;right:40px;top:50%;margin-top:-9px;font-size:18px;color:#333}
.select_trial .item_select img{position:absolute;right:32px;top:32px;max-width:44px}


.feature_blog{overflow:hidden;position:relative;width:1120px;margin:0 auto 74px;font-size:0}
.feature_blog .item{float:left;position:relative;display:inline-block;width:544px;height:280px;padding:52px 48px;box-sizing:border-box;vertical-align:top;border-radius:4px;overflow:hidden}
.feature_blog .item+.item{margin-left:32px}
.feature_blog .item .cont{position:relative}
.feature_blog .item .dimmed{position:absolute;left:0;right:0;bottom:0;top:0;background-color:rgba(0,0,0,0.63)}
.feature_blog .item .tags{font-size:0;}
.feature_blog .item .tags>span{display:inline-block;vertical-align:top;font-size:13px;line-height:18px;height:18px;background-color:#fff;color:#333;padding:0 4px;text-align:center;margin-right:8px;font-weight:bold}
.feature_blog .item strong{font-size:18px;line-height:30px;color:#fff}
.feature_blog .item .info{display:block;color:#AAABAF;font-size:12px;line-height:20px;margin:6px 0 12px}
.feature_blog .item .ico{display:block;width:40px;height:40px;border-radius:20px;background-color:#fff;text-align:center}
.feature_blog .item .ico i{color:#060607;display:block;text-align:Center;line-height:40px;font-size:15px}

.hs-form-booleancheckbox-display{position:relative;padding-left:24px}
input[type="checkbox"]{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0}
input[type="checkbox"]+span:after{position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #B0AFB7;content:'';border-radius:4px;box-sizing:border-box}
input[type="checkbox"]:checked+span:after{border:5px solid #488FF6}


.filter{position:relative;width:1120px;margin:0 auto 20px;padding:6px 0}
.filter .btn_all{display:inline-block;width:40px;vertical-align:top;text-decoration:underline;line-height:38px;font-size:16px;border:1px solid #DFE1E6;background-color:#EDEFF4;border-radius:4px;text-align:center}
.filter .opt_topic{position:absolute;right:0;top:0;width:300px;padding-top:48px;border:1px solid #DFE1E6;border-radius:4px;background-color:#fff;z-index:110;transition:0.5s}
.filter .opt_topic:hover{border-color:#488FF6}
.filter .opt_topic .btn_opt{overflow:hidden;position:absolute;left:0;top:0;right:0;font-size:14px;line-height:48px;height:48px;padding:0 24px;transition:0.5s}
.filter .opt_topic.open .btn_opt:after{position:absolute;left:24px;right:24px;bottom:0;height:1px;background-color:#333;content:''}
.filter .opt_topic.open{-webkit-box-shadow: 10px 10px 22px 5px rgba(0,0,0,0.15);-moz-box-shadow: 10px 10px 22px 5px rgba(0,0,0,0.15);box-shadow: 10px 10px 22px 5px rgba(0,0,0,0.15)}
.filter .opt_topic .btn_opt i{float:right;line-height:48px;transition:0.5s}
.filter .opt_topic.open .btn_opt i{transform:rotateZ(180deg)}
.filter .opt_topic .btn_opt:hover{color:#488FF6}
.filter .opt_topic .list_topic{display:none;overflow-y:scroll;height:300px;padding:0 24px 24px;box-sizing:border-box}
.filter .list_topic strong{font-weight:bold;font-size:12px;line-height:16px;color:#aaa;margin:24px 0 12px}
.filter .list_topic li a{margin-bottom:12px;padding-left:12px;font-size:14px;line-height:16px;color:#333;transition:0.5s}
.filter .list_topic li a:hover{color:#488FF6;text-decoration:underline}

.filter .list_show{display:inline-block;vertical-align:top;font-size:0;}
.filter .list_show li{display:inline-block;vertical-align:top;margin-right:8px}
.filter .list_show li a{font-size:14px;line-height:38px;border:1px solid #eee;padding:0 10px;height:38px;border-radius:4px;color:#000;transition:0.5s}
.filter .list_show li a:hover{border-color:#488FF6;color:#488FF6}
.tutorials .filter .event, .tutorials .filter .contents {display:none} 


.thumb_list{overflow:hidden;width:1158px;margin:0 auto;padding-bottom:160px}
.thumb_list>li{float:left;;width:33.33%;margin-bottom:48px}
.thumb_list>li>a{margin:0 20px}
.thumb_list .wrap_thumb{position:relative;}
.thumb_list .wrap_thumb:after{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,0.1);content:'';transition:0.5s}
.thumb_list .wrap_thumb .ico_more{display:none;position:absolute;left:50%;top:50%;margin-top:-24px;width:1px;height:48px;background-color:#fff;z-index:10}
.thumb_list .wrap_thumb .ico_more:after{position:absolute;left:50%;top:50%;margin-left:-24px;height:1px;width:48px;background-color:#fff;content:''}
.thumb_list .wrap_thumb .tags{position:absolute;left:20px;top:20px;z-index:10}
.thumb_list .wrap_thumb .tags em{display:inline-block;vertical-align:top;background-color:#222;color:#fff;font-weight:bold;font-size:13px;line-height:18px;padding:0 5px;margin-right:8px;;transition:0.5s;color:#fff}
.thumb_list .wrap_thumb .tags em.status{background-color:#fff;color:#222}
.thumb_list .wrap_thumb .tags em.status b{color:#579EFF}
.thumb_list .cont_thumb{padding-top:24px}
.thumb_list .cont_thumb strong{display:block;display:-webkit-box;overflow:hidden;font-size:20px;line-height:26px;height:78px;-webkit-box-orient:vertical;-webkit-line-clamp:3;transition:0.5s}
.thumb_list .cont_thumb .txt_date{display:block;margin-top:10px;font-weight:normal;font-size:13px;line-height:20px;height:40px;color:#ADAFB3}
.thumb_list a:hover .wrap_thumb .ico_more{display:block}
.thumb_list a:hover .wrap_thumb .tags em{background-color:#fff;color:#333}
.thumb_list a:hover .wrap_thumb .tags em.status{background-color:#222}
.application .thumb_list .cont_thumb .tags em+em {padding-left:0;}
.application .thumb_list .cont_thumb .tags em+em:before {display: none;}
.thumb_list a:hover .wrap_thumb:after{border:0;background-color:rgba(0,0,0,0.8)}
.thumb_list a:hover .cont_thumb strong{color:#488FF6;text-decoration:underline}


.head_blog{width:1120px;margin:0 auto 36px;padding-top:270px;box-sizing:border-box}
.head_blog h2{margin-bottom:8px;font-weight:500;font-size:48px;line-height:60px;color:#313136}
.head_blog p{font-size:14px;line-height:28px;color:#6B6B71}

.start_step{padding-bottom:300px}
.form_freetrial{position:relative;margin:0 auto;width:544px;padding-bottom:80px;}
.form_freetrial .hbspt-form{display:block;width:544px;margin:0 auto}
.form_freetrial .hs-error-msg{display:block;text-align:left;color:#488FF6}
.form_freetrial>strong{margin-bottom:60px;font-weight:500;font-size:32px;line-height:46px;text-align:center}
.form_freetrial label{font-size:12px;line-height:24px;color:#ADAFB3;font-weight:normal}
.form_freetrial .hs-form-checkbox{position:relative;display:inline-block;vertical-align:top;width:33.33%;padding-left:24px;box-sizing:border-box;margin-bottom:16px}
.form_freetrial .hs-form-checkbox label{color:#ADAFB3;cursor:pointer;font-size:14px;line-height:18px}
.form_freetrial .hs-fieldtype-text,.form_freetrial .hs_country_for_mbm_registering{padding-bottom:32px}
.form_freetrial .hs_error_rollup{display:none}

.form_freetrial .hs-phone .no-list.hs-error-msgs.inputs-list{display:none !important}
.form_freetrial select{width:100%;height:66px;background-color:#fff;border:1px solid #dfe1e6;border-radius:4px;font-weight:bold;font-size:16px;color:#17181A;background:url(https://2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/ico_select.png) right -4px no-repeat}
.form_freetrial .hs-fieldtype-text input[type="text"],.form_freetrial .hs-fieldtype-text input[type="tel"],.form_freetrial .hs-fieldtype-text input[type="email"]{width:100%;height:64px;border:1px solid #DFE1E6;border-radius:4px;padding:0 16px;line-height:64px;font-weight:bold;font-size:16px;color:#17181A;background-color:#fff;box-sizing:border-box}
.form_freetrial .hs-fieldtype-text input[type="text"],.form_contact .hs-fieldtype-text input[type="tel"],.form_contact .hs-fieldtype-text input[type="email"]{width:100%;height:64px;border:1px solid #DFE1E6;border-radius:4px;padding:0 16px;line-height:64px;font-weight:bold;font-size:16px;color:#17181A;background-color:#fff;box-sizing:border-box}
.form_freetrial .hs-fieldtype-text input[type="email"]{color:#E8533C}
.form_freetrial .hs-submit input{display:block;height:64px;border-radius:4px;border:1px solid #3367D6;color:#3367D6;font-size:16px;font-weight:bold;text-align:center;width:100%;line-height:64px;cursor:pointer;margin-top:32px;transition:0.5s;background-color:#fff}
.form_freetrial .hs-submit input:hover{color:#fff;background-color:#3367D6}
.form_freetrial .hs_agree_check a{display:inline-block;text-decoration:underline}
.form_freetrial+.wrap_btn{padding-top:120px}   
.form_freetrial+.wrap_btn strong{margin-bottom:48px;font-family:'Roboto Slab',serif;font-size:32px;line-height:48px}
.form_freetrial+.wrap_btn .btn{background-color:#fff;color:#17181A;border:1px solid #17181A}
.form_freetrial .link_popup{position:absolute;right:0;bottom:96px;font-size:12px;line-height:24px;text-decoration:underline;color:#888}

.text_step2{text-align:center;font-size:16px;line-height:24px;font-weight:normal}
.text_step2 em{display:block;margin-top:15px;font-weight:bold;color:#488FF6}
.form_freetrial .img{width:442px;margin:64px auto 0;background-color:gray}

.item_input{position:relative;padding-bottom:24px}
.item_input label{display:block;font-size:12px;line-height:32px;color:#B0AFB7}
.item_input input{width:100%;height:100%;background:none;border:0;padding:0;font-size:16px;line-height:62px}
.item_input .box_inp{overflow:hidden;padding:0 16px;border:1px solid #B0AFB7;border-radius:4px}
.item_input .box_inp select{height: 64px;width:100%;border: 0;background: #fff;background:url(https://2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/ico_select.png) right -4px no-repeat}
.item_input .desc_confirm{position:absolute;right:0;bottom:0;font-size:12px;line-height:20px;color:#305AE2}
.item_input .desc_confirm i{margin:4px 8px 0 0;vertical-align:top}
.input_user{display:none;padding-top:48px}
.input_user button{display:block;width:100%;font-weight:bold;font-size:16px;line-height:64px;margin-top:26px;;background-color:#305AE2;color:#fff;text-align:center;border:0;border-radius:3px;cursor:pointer;transition:0.5s}
.input_user button:hover{background-color:#1D3688}

.list_start{display:flex;margin:0 auto;justify-content:space-between}
.list_start li{position:relative;width:31%;height:372px;padding-top:48px;background-color:#F7F6FB;text-align:center}
.list_start li strong{font-size:24px;line-height:30px}
.list_start li i{font-size:48px;margin:48px 0}
.list_start li p{font-size:14px;line-height:26px;color:#4A4E5E}
.list_start li .btn_start{position:absolute;left:50%;bottom:48px;margin-left:-88px}

.start_faq{padding-top:80px}
.start_faq p{margin-bottom:32px;font-weight:bold;font-size:24px;line-height:32px;text-align:center}


.box_miss{width:544px;padding:48px 0;margin:48px auto 0;background-color:#F7F8FA;text-align:center}
.box_miss p{font-size:15px;line-height:22px;color:#43464D;font-weight:normal}
.box_miss a{display:inline-block;margin-top:24px;border:1px solid #17181A;border-radius:4px;font-weight:bold;color:#17181A;line-height:48px;height:48px;text-align:center;padding:0 37px;vertical-align:top;transition:0.5s}
.box_miss a:hover{background-color:#17181a;color:#fff}
.box_miss .hs-submit input{display:inline-block;margin-top:24px;border:1px solid #17181A;border-radius:4px;font-weight:bold;color:#17181A;line-height:48px;height:48px;text-align:center;padding:0 37px;vertical-align:top;transition:0.5s;cursor:pointer}
.box_miss .hs-submit input:hover{background-color:#17181a;color:#fff}

.box_resend{width:544px;padding:48px 0;margin:48px auto 0;background-color:#F7F8FA;text-align:center}
.box_resend p{font-size:16px;line-height:32px;color:#43464D}
.box_resend a{display:inline-block;margin-top:24px;border:1px solid #17181A;border-radius:4px;font-weight:bold;color:#17181A;line-height:48px;height:48px;text-align:center;padding:0 37px;vertical-align:top;transition:0.5s}
.box_resend a:hover{background-color:#17181a;color:#fff}
.box_resend .hs-submit input{display:inline-block;margin-top:24px;border:1px solid #17181A;border-radius:4px;font-weight:bold;color:#17181A;line-height:48px;height:48px;text-align:center;padding:0 37px;vertical-align:top;transition:0.5s}
.box_resend .hs-submit input:hover{background-color:#17181a;color:#fff}

.list_key{overflow:hidden;width:1150px;margin:0 auto}
.list_key li{float:left;width:33.33%}
.list_key li .inner{position:relative;margin:0 15px;background-color:#F7F8FA;text-align:center;height:400px;border-radius:4px;padding-top:48px;box-sizing:border-box}
.list_key li strong{font-family:'Roboto Slab',serif;font-weight:bold;font-size:24px;line-height:32px;color:#222}
.list_key li i{display:block;margin:28px auto;font-size:48px;line-height:52px;color:#43464D}
.list_key li p{line-height:24px;color:#43464D}
.list_key li p a{display:inline;font-weight:bold;color:#e8533c}
.list_key li p a:hover{text-decoration:underline}
.list_key li a[class^="btn_"]{position:absolute;left:64px;right:64px;bottom:48px;height:48px;border:1px solid #E8533C;border-radius:4px;background-color:#fff;font-weight:bold;color:#e8533c;text-align:center;line-height:48px;transition:0.5s}
.list_key li a[class^="btn_"]:hover{background-color:#e8533c;color:#fff}

.tab_sign{overflow:hidden}
.tab_sign a{float:left;width:50%}
.tab_sign a .inner{position:relative;margin:0 16px;border:1px solid #DFE1E6;padding:24px 0 24px 56px}
.tab_sign a em{position:absolute;left:16px;top:36px;width:24px;height:24px;border-radius:12px;border:1px solid #DFE1E6;background-color:#fff;box-sizing:border-box}
.tab_sign a em i{width:22px;height:22px;border-radius:12px;font-size:18px;line-height:22px;color:#fff;text-align:center}
.tab_sign a strong{font-family:'Roboto Slab',serif;font-size:16px;line-height:24px;color:#ADAFB3}
.tab_sign a strong i{margin-right:8px;font-size:18px;line-height:24px}
.tab_sign a p{font-size:12px;line-height:24px;color:#ADAFB3}
.tab_sign .on .inner{border-color:#E8533C}
.tab_sign .on em{border-color:#E8533C;background-color:#E8533C}
.tab_sign .on strong,.tab_sign .on p{color:#E8533C}

.head_event{height:400px;padding-top:160px;;background-color:#17181A;box-sizing:border-box}
.head_event h2{margin-bottom:8px;font-weight:bold;font-size:48px;line-height:60px;text-align:Center;color:#fff}
.head_event p{font-size:14px;line-height:28px;text-align:Center;color:#fff}

.feature_event_main{overflow:hidden;position:relative;width:1280px;margin:-110px auto 120px}
.feature_event_main .item{position:relative}
.feature_event_main .txt{position:absolute;left:0;right:0;top:0;bottom:0;padding:40px;background: -moz-linear-gradient(top,  rgba(34,34,34,0.8) 0%, rgba(34,34,34,0.2) 100%);background: -webkit-linear-gradient(top,  rgba(34,34,34,0.8) 0%,rgba(34,34,34,0.2) 100%);background: linear-gradient(to bottom,  rgba(34,34,34,0.8) 0%,rgba(34,34,34,0.2) 100%);}
.feature_event_main .txt em{display:inline-block;vertical-align:top;font-size:13px;line-height:18px;height:18px;background-color:#fff;color:#333;padding:0 4px;text-align:center;margin-right:8px;font-weight:bold}
.feature_event_main .txt em.status{background-color:#222;color:#fff}
.feature_event_main .txt em b{color:#579EFF}
.feature_event_main .txt strong{margin:16px 0 42px;font-weight:bold;font-size:32px;line-height:36px;color:#fff}
.feature_event_main .txt p{font-weight:500;font-size:14px;line-height:22px;color:#ADAFB3}
.feature_event_main a{position:absolute;right:40px;bottom:40px;font-weight:bold;font-size:16px;line-height:48px;color:#fff;}
.feature_event_main a .ico{display:inline-block;margin-left:8px;vertical-align:top;width:48px;height:48px;background-color:#fff;border-radius:24px;text-align:center;transition:0.5s}
.feature_event_main a:hover .ico{transform:scale(1.2)}
.feature_event_main a .ico i{display:block;font-size:16px;line-height:48px;color:#313136}
.feature_event_main .slick-dots{position:absolute;right:40px;bottom:40px;font-size:0;left:40px;text-align:center}
.feature_event_main .slick-dots li{display:inline-block;vertical-align:top;margin:0 8px}
.feature_event_main .slick-dots li button{display:block;padding:0;margin:0;border:0;width:8px;height:8px;background-color:rgba(255,255,255,0.4);cursor:pointer;font-size:0;text-indent:-9999px;line-height:0;transition:0.5s;outline:none}
.feature_event_main .slick-dots li button:hover{background-color:rgba(255,255,255,1)}
.feature_event_main .slick-dots .slick-active button{background-color:#488FF6}

.feature_event{position:relative;height:516px;background:url() cetner center no-repeat;background-size:cover;margin-bottom:120px}
.feature_event .bg{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.66)}
.feature_event .txt{position:relative;z-index:10;padding-top:160px;height:100%;box-sizing:border-box;text-align:center}
.feature_event .txt em{display:block;font-size:16px;line-height:20px;color:#fff}
.feature_event .txt strong{margin:8px 0 16px;font-size:42px;line-height:55px;color:#fff}
.feature_event .txt p{font-size:14px;line-height:24px;color:#DFE1E6}

.item_event{width:1120px;margin:0 auto 120px}
.item_event .type1_on .type1{display:block}
.item_event .type2_on .type2{display:block}
.item_event:after{display:block;clear:both;content:''}
.item_event .tit{float:left;width:384px;}
.item_event .tit strong{display:inline;font-size:22px;line-height:30px;font-weight:bold;border-bottom:2px solid #222}
.item_event .cont{overflow:hidden}
.item_event .cont p{font-size:15px;line-height:28px;color:#666666}

.item_event .list_program{border-top:1px solid #dfe1e6}
.item_event .list_program li{border-bottom:1px solid #DFE1E6;padding:23px 0;overflow:hidden}
.item_event .list_program .wrap_thumb{width:290px;float:right;margin-left:64px}
.item_event .list_program .cont_thumb{overflow:hidden;padding-top:53px}
.item_event .list_program .cont_thumb strong{font-size:16px;line-height:28px;color:#313136;margin-bottom:14px}
.item_event .list_program .cont_thumb p{font-size:14px;line-height:24px;color:#6B6B71}

.item_event .tab{font-size:0;margin-bottom:32px}
.item_event .tab a{display:inline-block;position:relative;font-size:20px;line-height:30px;font-weight:bold;color:#888888;vertical-align:top}
.item_event .tab a.on{color:#222;text-decoration:underline}
.item_event .tab a+a{margin-left:45px;}
.item_event .tab a+a:before{position:absolute;left:-23px;top:14px;width:4px;height:4px;border-radius:2px;background-color:#888;content:''}
.item_event .list_time{border-top:1px solid #DFE1E7}
.item_event .list_time li{overflow:hidden;border-bottom:1px solid #DFE1E6}
.item_event .list_time .time{float:left;width:160px;font-size:13px;line-height:28px;padding:32px 0;color:#6B6B71;font-weight:normal}
.item_event .list_time .txt{overflow:hidden;padding:32px 0} 
.item_event .list_time .txt p{font-size:15px}
.item_event .list_time.list2{display:none}
.item_event .timetable{margin-top:-32px}
.item_event .list_speaker{overflow:hidden}
.item_event .list_speaker strong{font-size:16px;line-height:28px}
.item_event .list_speaker p{font-size:14px;line-height:24px;color:#6B6B71}
.item_event .list_speaker li{overflow:hidden;background-color:#F8F9FD;margin-bottom:24px}
.item_event .list_speaker .wrap_thumb{float:left;width:327px;margin-right:23px}
.item_event .list_speaker .wrap_thumb em{position:absolute;top:20px;left:22px;background-color:#fff;font-weight:bold;padding:0 4px;font-size:12px;line-height:22px;text-align:center}
.item_event .list_speaker .cont_thumb{overflow:hidden;padding:30px 24px 0 0}
.item_event .list_speaker .cont_thumb strong{font-size:16px;line-height:28px;color:#313136}
.item_event .list_speaker .info{display:block;margin-top:24px;font-size:13px;line-height:22px;color:#959595}

.form_regist{background-color:#292929;margin-bottom:160px}
.form_regist .inner{position:relative;width:1120px;margin:0 auto;padding:160px 0}
.form_regist .inner.finish strong{font-size:40px;line-height:48px;color:#fff}
.form_regist .inner.finish em{display:inline-block;margin-bottom:24px;font-weight:bold;padding:0 4px;font-size:13px;line-height:22px;text-align:center;font-weight:bold;background-color:#fff;vertical-align:top}
.form_regist .inner.finish p{margin-top:24px;font-size:15px;line-height:24px;color:#fff}
.form_regist .inner.complete strong{font-size:40px;line-height:48px;color:#fff}
.form_regist .inner.complete em{display:inline-block;font-weight:bold;margin-bottom:24px;padding:0 4px;font-size:13px;line-height:22px;text-align:center;font-weight:bold;background-color:#fff;vertical-align:top}
.form_regist .inner.complete p{margin-top:24px;font-size:15px;line-height:24px;color:#fff}
.form_regist .inner.complete_webinar strong{font-size:40px;line-height:48px;color:#fff}
.form_regist .inner.complete_webinar em{display:inline-block;font-weight:bold;margin-bottom:24px;padding:0 4px;font-size:13px;line-height:22px;text-align:center;font-weight:bold;background-color:#fff;vertical-align:top}
.form_regist .inner.complete_webinar p{margin-top:24px;font-size:15px;line-height:24px;color:#fff}
.form_regist .txt{float:left}
.form_regist .txt em{display:inline-block;font-weight:bold;padding:0 4px;font-size:13px;line-height:22px;text-align:center;font-weight:bold;background-color:#fff;vertical-align:top}
.form_regist .txt strong{font-size:40px;line-height:48px;color:#fff}
.form_regist .form{overflow:hidden}
.form_regist .form .link_popup{position: absolute;right:0;top:503px;color:#fff;padding-right:24px;text-decoration:underline;font-size:14px;line-height:20px;color:#fff;text-decoration:underline;text-align:right}
.form_regist .hbspt-form{padding-left:344px;position:relative;}
.form_regist .hbspt-form form{font-size:0}
.form_regist .hbspt-form form>div:first-child{position:Absolute;left:0;top:0;width:344px;text-align:left;color:#fff;font-size:40px;font-weight:bold;line-height:48px;text-align:left;margin:0}
.form_regist .hbspt-form form>div:first-child strong{display:inline-block;font-weight:bold;padding:0 4px;font-size:13px;line-height:22px;text-align:center;font-weight:bold;background-color:#fff;vertical-align:top}
.form_regist .hbspt-form form>div{display:inline-block;position:relative;width:348px;vertical-align:top;margin:0 20px 24px}
.form_regist .hbspt-form .hs_error_rollup{display:none}
.form_regist .hbspt-form .hs-form-required{display:none}
.form_regist .hbspt-form input[type="text"],
.form_regist .hbspt-form input[type="tel"],
.form_regist .hbspt-form input[type="email"],
.form_regist .hbspt-form select{display:block;width:100%;background-color:#292929;font-size:16px;border:1px solid #44464D;border-radius:4px;height:56px;line-height:56px;color:#fff;box-sizing:border-box;padding:0 10px;transition:0.5s}
.form_regist .hbspt-form select{background:url(https://2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/ico_select.png) right -4px no-repeat}
.form_regist .hbspt-form select option{background-color:#292929}
.form_regist .hbspt-form input[type="text"]:hover,
.form_regist .hbspt-form input[type="tel"]:hover,
.form_regist .hbspt-form input[type="tel"]:hover{border-color:#fff}
.form_regist .hbspt-form .hs-error-msgs{position:Absolute;left:10px;right:0;bottom:-15px;font-size:12px;line-height:14px;color:#FF6638;}
.form_regist .hbspt-form input[type="submit"]{display:block;width:100%;height:64px;line-height:64px;margin:0;border:0;background-color:#488FF6;color:#fff;font-size:16px;font-weight:bold;text-align:center;cursor:pointer;transition:0.5s;outline:none}
.form_regist .hbspt-form input[type="submit"]:hover{background-color:#fff;color:#488ff6}
.form_regist .hbspt-form .hs-form-booleancheckbox{padding-top:24px;font-size:13px;color:#fff}
.form_regist .hbspt-form .hs-fieldtype-booleancheckbox .hs-error-msgs{bottom:-20px;left:24px}
.form_regist .hbspt-form .hs-submit{width:736px;margin-top:8px}
.form_regist .hbspt-form .hs_private_consent_box{float:left;width:600px}
.form_regist .hbspt-form .hs_private_consent_box+div{overflow:hidden;display:block;width:auto}
.link_info{display:none}
.form_regist .hbspt-form .submitted-message strong{display:inline-block;margin-bottom:16px;font-weight:bold;padding:0 4px;font-size:13px;line-height:22px;text-align:center;font-weight:bold;background-color:#fff;vertical-align:top}
.form_regist .hbspt-form .submitted-message em{display:block;font-size:40px;line-height:48px;color:#fff;margin-bottom:24px}
.form_regist .hbspt-form .submitted-message p{font-size:16px;line-height:24px;color:#fff}
.form_regist .hbspt-form .submitted-message{margin-left:-344px;}
.submitted-message+.link_info{display:none}

.contact.partner {position:relative;background-color:#fff}
.form_partnership{background-color:#fff}
.form_partnership .inner{position:relative;width:768px;margin:0 auto;padding:160px 0}
.form_partnership .txt{float:left}
.form_partnership .txt em{display:inline-block;font-weight:bold;padding:0 4px;font-size:13px;line-height:22px;text-align:center;font-weight:bold;background-color:#fff;vertical-align:top}
.form_partnership .txt strong{font-size:40px;line-height:48px;color:#fff}
.form_partnership .form .multi-container{overflow:hidden;padding-top:16px}
.form_partnership .form .multi-container li{float:left;width:25%;margin-bottom:20px}
.form_partnership .form .multi-container label{position:relative;font-weight:400;font-size:14px;line-height:18px;color:#888888;padding-left:24px;cursor:pointer}
.form_partnership .hbspt-form{margin: 0 auto; position:relative;}
.form_partnership .hbspt-form form{font-size:0;}
.form_partnership .hbspt-form form>div:first-child{position:relative;left:0;top:0;width:100%;text-align:center;color:#313136;font-size:42px;font-weight:bold;line-height:55px;margin:0 0 70px 0;}
.form_partnership .hbspt-form form .hs_which_type_of_partnership_are_you_interested_in_{width:736px}
.form_partnership .hbspt-form form .hs_which_type_of_partnership_are_you_interested_in_ label{font-size:14px;line-height:24px;color:#888;cursor:pointer}
.form_partnership .hbspt-form form .hs_which_type_of_partnership_are_you_interested_in_ .hs-error-msg{position:Absolute;left:0;right:0;bottom:20px;font-size:12px;line-height:14px;color:#FF6638;}
.form_partnership .hbspt-form form .hs_which_type_of_partnership_are_you_interested_in_>label{color:#313136;font-size:16px;font-weight: 500;}
.form_partnership .hbspt-form form>div:first-child strong{display:none;font-weight:bold;padding:0 4px;font-size:13px;line-height:22px;text-align:center;font-weight:bold;background-color:#fff;vertical-align:top}
.form_partnership .hbspt-form form>div{display:inline-block;position:relative;width:348px;vertical-align:top;margin:0 16px 24px}
.form_partnership .hbspt-form .hs-form-required{display:none}
.form_partnership .hbspt-form .hs-form-booleancheckbox-display input[type="checkbox"]+span:after{top:0}
.form_partnership .hbspt-form form>div>label>span{font-size:13px;line-height:21px;color:#84858B}
.form_partnership .hbspt-form input[type="text"],
.form_partnership .hbspt-form input[type="tel"],
.form_partnership .hbspt-form input[type="email"],
.form_partnership .hbspt-form select{display:block;width:100%;background-color:#fff;font-size:16px;border:1px solid #DFE1E6;border-radius:4px;height:56px;line-height:56px;color:#6B6B71;box-sizing:border-box;padding:0 10px;transition:0.5s;}
.form_partnership .hbspt-form select{appearance:none;-ms-appearance:none;background:url(https://2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/ico_select.png) right -4px no-repeat}
.form_partnership .hbspt-form input[type="text"]:hover,
.form_partnership .hbspt-form input[type="tel"]:hover,
.form_partnership .hbspt-form input[type="tel"]:hover{border-color:#fff}
.form_partnership .hbspt-form .hs-error-msgs{position:Absolute;left:0;right:0;bottom:-15px;font-size:12px;line-height:14px;color:#FF6638;}
.form_partnership .hbspt-form input[type="submit"]{display:block;width:100%;height:64px;line-height:64px;margin:0;border:0;border-radius: 4px;background-color:#488FF6;color:#fff;font-size:16px;font-weight:bold;text-align:center;cursor:pointer;transition:0.5s}
.form_partnership .hbspt-form .hs-form-booleancheckbox{font-size:13px;color:#fff}
.form_partnership .hbspt-form .hs-form-booleancheckbox span {font-size:13px;line-height:21px;color:#313136}
.form_partnership .hbspt-form .hs-fieldtype-booleancheckbox .hs-error-msgs{bottom:-20px;left:0}
.form_partnership .hbspt-form .hs-submit{width:736px;margin-top:36px;}
.form_partnership .hbspt-form .hs_private_consent_box{width:500px}
.form_partnership .hbspt-form .hs_error_rollup{display:none}
.form_partnership .form .link_popup{position: absolute;right:0;top:613px;color:#fff;padding-right:24px;text-decoration:underline;font-size:14px;line-height:20px;color:#fff;text-decoration:underline;text-align:right}
.form_partnership .hbspt-form .submitted-message strong{display:inline-block;margin-bottom:16px;font-weight:bold;padding:0 4px;font-size:13px;line-height:22px;text-align:center;font-weight:bold;background-color:#fff;vertical-align:top}
.form_partnership .hbspt-form .submitted-message em{display:block;font-size:40px;line-height:48px;color:#fff;margin-bottom:24px}
.form_partnership .hbspt-form .submitted-message p{font-size:16px;line-height:24px;color:#fff}
.form_partnership .hbspt-form .submitted-message{margin-left:-344px;}


.table_info{border-top:1px solid #333}
.table_info .item{overflow:hidden;border-bottom:1px solid #DFE1E6;padding:30px 0}
.table_info .item>strong{float:left;width:180px;font-size:13px;line-height:17px;color:#666666}
.table_info .item .data{display:block;overflow:hidden;font-size:15px;line-height:17px}
.table_info .item_date_location{display:none}
.table_info .item .list_date li{font-size:0;line-height:0}
.table_info .item .list_date li:first-child{padding-bottom:30px}
.table_info .item .list_date li:last-child{padding-bottom:0}
.table_info .item .list_date li+li{border-top:1px solid #dfe1e6;padding:30px 0}
.table_info .item .list_date li>span{display:inline-block;width:38%;font-size:15px;line-height:17px;vertical-align:top}
.table_info .item .list_date li .city{width:24%}
.table_info .item .btn_down,
.table_info .item .address a{font-weight:bold;color:#488FF6;text-decoration:underline}
.table_info .item .address a i,
.table_info .item .btn_down i{margin-right:4px;line-height:19px}
.table_info .item.notice p{font-size:15px;line-height:28px;font-weight:400;color:#666}
.table_info.table_info2{display:none}
.table_info.multi_locate .item_date_location{display:block}
.table_info.multi_locate .item.box_map{display:none}
.table_info .box_map{padding:0}

.head_contact{position:relative;height:400px;background-color:#488FF6}
.head_contact .txt{text-align:center;padding-top:160px}
.head_contact .txt strong{font-weight:bold;font-size:48px;line-height:60px;color:#fff;margin-bottom:24px}
.head_contact .txt p{font-size:14px;line-height:28px;color:#fff}
.head_contact .txt img{position:absolute;left:50%;width:448px;margin-left:-150px;bottom:-208px;}
.clients .inner{overflow:hidden;width:1120px;margin:0 auto;padding:286px 0 223px}
.clients .inner>strong{float:left;width:300px;font-weight:bold;font-size:24px;line-height:36px;}
.clients .inner .list_client{overflow:hidden}
.clients .inner .list_client .item{float:left;width:33.33%;text-align:center}
.clients .inner .list_client .item strong{font-size:14px;line-height:16px;font-weight:bold;margin-bottom:4px}
.clients .inner .list_client .item a{margin-top:16px;font-size:12px;line-height:14px;color:#579EFF;outline:none}
.clients .inner .list_client .item em{font-size:12px;line-height:14px;color:#ADAFB3}
.clients .inner .list_client .item img{display:block;width:150px;margin:48px auto 0}


.global_office{background-color:#F8f9fd;padding:160px 0}
.global_office .inner_item{display:none}
.global_office .inner{position:relative;width:400px;margin:0 auto}
.global_office .inner>strong{margin-bottom:180px;font-weight:bold;font-size:48px;line-height:60px;text-align:center}
.global_office .list_global{position:absolute;left:0;right:0;top:150px;z-index:100;;border:1px solid #6b6b70;background-color:#fff;text-align:left;border-radius:4px}
.global_office .list_global ul{display:none;padding-bottom:20px;height:400px;overflow-y:scroll;-webkit-box-shadow: 10px 10px 22px 5px rgba(0,0,0,0.15);-moz-box-shadow: 10px 10px 22px 5px rgba(0,0,0,0.15);box-shadow: 10px 10px 22px 5px rgba(0,0,0,0.15);}
.global_office .list_global .link_down{display:block;position:relative;color:#6b6b70}
.global_office .list_global a{display:block;padding:0 16px;font-size:16px;line-height:56px;color:#333}
.global_office .list_global a:hover{background-color:#488FF6;color:#fff}
.global_office .list_global i{position:absolute;right:16px;top:0;line-height:56px}
.global_office .list_global i.on{transform:rotateZ(180deg)}
.global_office .tit_global{position:Absolute;left:32px;top:32px;font-size:16px;line-height:18px;font-weight:bold}
.global_office .inner_item{text-align:left;padding:40px;background-color:#fff;min-height:375px}
.global_office .head_item{position:relative;margin-bottom:26px}
.global_office .head_item strong{font-weight:500;margin-bottom:10px;font-size:32px;line-height:40px}
.global_office .head_item span{display:block;font-size:13px;line-height:24px;color:#AAAAAA}
.global_office .head_item .img_flag{position:absolute;right:0;top:10px;width:48px;border-radius:3px;overflow:hidden}
.global_office .head_item .img_flag:after{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,0.05);content:''}
.global_office .list_info{padding-top:12px;border-top:1px solid #4A4E5E;font-size:0}
.global_office .list_info li{padding:8px 0;font-size:14px;line-height:24px;color:#B0AFB7}
.global_office .list_info em{float:left;width:96px;color:#888}
.global_office .list_info span{display:block;overflow:hidden;font-weight:400;color:#888}



.popup_info{position:fixed;left:0;right:0;top:0;bottom:0;z-index:100;background-color:rgba(35,37,50,0.8)}
.popup_info .layer>strong{margin-bottom:24px;font-size:24px;line-height:32px}
.popup_info .layer{position:absolute;left:50%;top:50%;width:736px;height:502px;padding:32px;background-color:#fff;margin:-240px 0 0 -368px;box-sizing:border-box}
.popup_info .layer .box{overflow-y:scroll;padding:24px;border:1px solid #E6E5EA;height:332px;font-size:14px;line-height:32px}
.popup_info .layer .box strong{font-size:16px}
.popup_info .layer .box em{display:block;text-decoration:underline}
.popup_info .layer .box p{margin-bottom:24px;font-size:12px;line-height:18px}
.popup_info .layer .box ul{margin-bottom:24px}
.popup_info .layer .box dl{margin-bottom:24px}
.popup_info .layer .box li{position:relative;padding-left:10px;font-size:12px;line-height:18px}
.popup_info .layer .box li:after{position:absolute;left:0;top:7px;width:2px;height:2px;border-radius:1px;background-color:#444;content:''}
.popup_info .layer .box dt{font-size:12px;line-height:18px}
.popup_info .layer .box dd{position:relative;padding-left:10px;font-size:12px;line-height:18px}
.popup_info .layer .box dd:after{position:absolute;left:0;top:7px;width:2px;height:2px;border-radius:1px;background-color:#444;content:''}
.popup_info .layer .box table{width:100%;font-size:12px;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1}
.popup_info .layer .box table td{padding-left:12px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.popup_info .layer .box table td+td{text-align:center;padding:0}
.popup_info .layer .box th{background-color:#ccc;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.popup_info .layer .btn_close{position:absolute;right:30px;top:30px}
.popup_info .layer .btn_close>i{display:block;font-size:32px;color:#232532}

.feature_project{overflow:hidden;width:1120px;margin:0 auto}
.feature_project .title{margin-bottom:40px}
.feature_project .title h1{font-size:42px;line-height:55px;color:#313136;font-weight:500}
.feature_project .title span{display:block;font-weight:500;font-size:13px;line-height:24px;color:#3F75EA;margin-bottom:12px}
.feature_project .image{position:relative;float:left;width:768px;margin:0 auto;height:360px;background:url() center center no-repeat;background-size:cover}
.feature_project .image em{position:absolute;left:40px;top:40px;font-size:13px;padding:0 4px;height:18px;line-height:18px;background-color:#222;color:#fff;font-weight:bold;text-align:center;z-index:5}

.wrap_content{position:relative;float:none !important;width:1120px !important;margin:120px auto 0 !important;box-sizing:border-box;padding-right:350px}
.wrap_content .filter{display:none}
.wrap_content .project_aside{display:block;position:fixed;right:5%;transform:translateX(-50%);width:288px;background-color:#fff;z-index:10}
.wrap_content .project_aside .box{border:1px solid #E6E5EA;padding:24px 24px 53px;box-sizing:border-box;border-radius:4px;position:relative}
.wrap_content .project_aside .box ul{position:absolute;left:0;width:100%;height:53px;border-top:1px solid #dfe1e6}
.wrap_content .project_aside .box ul li a {line-height:53px;height:53px}
.wrap_content .project_aside .item+.item{margin-top:8px}
.wrap_content .project_aside .share_sns {margin-top:24px}
.wrap_content .project_aside em{font-size:12px;line-height:24px;color:#A7A7A7;display:Block}
.wrap_content .project_aside p{font-size:12px;line-height:22px;color:#43464D}
.wrap_content .project_aside .btn_learn{height:56px;font-size:14px;line-height:56px;color:#fff;font-weight:bold;padding:0 16px;border-radius:4px;background-color:#333;transition:0.5s}
.wrap_content .project_aside .btn_learn i{line-height:56px;float:right;font-size:20px}
.wrap_content .project_aside .btn_learn:hover{background-color:#488FF6}
.wrap_content .project_aside .share_sns{position:static}

.project_contents{position:relative;border-top:1px solid #DFE1E6;width:768px !important;margin:0 auto !important}
.project_contents h1{font-size:40px;line-height:48px;color:#17181A;margin-bottom:48px}
.project_contents h2{display:inline-block;font-size:22px;line-height:30px;color:#fff;height:30px;padding:0 4px;text-align:center;background-color:#17181A;vertical-align:top;margin-bottom:16px}
.project_contents h3{font-size:24px;line-height:30px;color:#17181A;margin-bottom:24px}
.project_contents h4{position:relative;font-size:18px;line-height:30px;color:#17181A;padding-left:14px;margin:24px 0 16px;margin-left:40px}
.project_contents h4:before{position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:4px;background-color:#17181a;content:''}
.project_contents p{font-size:14px;line-height:24px;color:#6B6B71}
.project_contents blockquote{padding-left:40px}
.project_contents .solution_img li{text-align:center;margin-bottom:64px;font-size:0}
.project_contents .solution_img li .wrap_thumb{display:inline-block;vertical-align:top;font-size:0}
.project_contents .solution_img li .wrap_thumb p{padding-top:16px;font-size:13px;line-height:15px;color:#ADAFB3;text-align:left}
.project_contents .solution_img li .wrap_thumb img{display:inline-block;width:auto;max-width:1120px;vertical-align:top}
.project_contents .solution_img.type2{overflow:hidden}
.project_contents .solution_img.type2 li{float:left;width:50%}
.project_contents .solution_img.type2 li .wrap_thumb{display:block}
.project_contents .solution_img li .wrap_thumb img{width:100%;max-width:100%;display:block;}

.project_contents .info_box{margin-bottom:64px}
.project_contents .info_box>strong{font-size:18px;line-height:30px;color:#313136;margin-bottom:16px}
.project_contents .info_box .co_name{display:block;height:62px;line-height:62px;background-color:#F8F9FD;font-size:14px;color:#313136;font-weight:500;border-top:1px solid #dfe1e6}
.project_contents .info_box ul{border-top:1px solid #DFE1E6}
.project_contents .info_box li{overflow:hidden;border-bottom:1px solid #DFE1E6;padding:32px 0}
.project_contents .info_box li em{float:left;width:120px;font-size:14px;line-height:24px;color:#313136;font-weight:500}
.project_contents .info_box li p{overflow:hidden;font-size:14px;line-height:24px;color:#6B6B71}
.project_contents .info_box li p a{color:#488FF6;text-decoration:underline}

.project_contents .feature_content{margin-top:-140px;background-color:#6B6B71;padding:40px;margin-bottom:64px;border-radius:4px;}
.project_contents .feature_content strong{font-size:16px;line-height:28px;color:#fff;margin-bottom:16px}
.project_contents .feature_content .item{display:block;padding-left:16px;position:relative;color:#ADAFB3;font-size:13px;font-weight:500;line-height:21px;}
.project_contents .feature_content .item:before{position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:2px;background-color:#adaf83;content:''}


.blog_banner2{position:relative;color:#fff;border-radius:8px;padding:24px 200px 24px 48px;box-sizing:border-box;background-color:#3367D6;transition:0.5s;margin-bottom:80px;}
.blog_banner2:hover{background-color:#292929}
.blog_banner2 strong{font-weight:500;font-size:16px;line-height:28px;color:#fff;margin-bottom:6px}
.blog_banner2 p{overflow:hidden;font-weight:normal;font-size:13px;line-height:21px;text-overflow:ellipsis;white-space:nowrap;color:#B6C8F0}
.blog_banner2 em{position:absolute;right:48px;top:50%;margin-top:-16px;font-weight:500;font-size:16px;line-height:32px;color:#fff}
.blog_banner2 em .ico{display:inline-block;margin-left:12px;vertical-align:top;width:32px;height:32px;border-radius:16px;background-color:#fff;text-align:center}
.blog_banner2 em .ico i{font-size:18px;line-height:32px;color:#488FF6}

.blog_author{margin-bottom:40px}
.blog_author:after{display:block;clear:both;content:''}
.blog_author strong{margin-bottom:24px;font-weight:500;font-size:18px;line-height:30px;}
.blog_author .wrap_thumb{float:left;position:relative;width:96px;height:96px;margin-right:24px;overflow:hidden;border-radius:48px;}
.blog_author .wrap_thumb:after{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,0.1);content:'';border-radius:80px}
.blog_author .txt{overflow:hidden}
.blog_author .txt em{display:block;font-size:16px;line-height:28px;margin-bottom:16px}
.blog_author .txt p{font-weight:normal;font-size:14px;line-height:24px;color:#6B6B71}


@keyframes bgScale{
  from{transform:scale(1)}
  to{transform:scale(1.1)}
}




/* 21.04.21 feature 마지막 수정: 21.04.23 */
.product .feature_product {margin-top: 120px;text-align: center;}
.product .feature_product h3 {font-size: 14px; color: #3F75EA; font-weight: 500; letter-spacing: -1px; line-height: 24px; margin-bottom: 8px;}
.product .feature_product p {margin-bottom: 32px;font-size:42px;color:#313136;font-weight:500;line-height:55px;letter-spacing:-1px;}
.product .feature_product p .br {display: block;}
.product .feature_product .btns {display: inline-block; margin-bottom: 80px;}
.product .feature_product .btns a {float: left; width: 176px; height: 56px; font-size: 14px; color: #fff; font-weight: bold; line-height: 56px; text-align: center; border-radius: 4px; background-color: #3367D6;}
.product .feature_product .btns a + a {margin-left: 8px; color: #3267D6; background-color: #fff; border: 1px solid #3367D6;}

.function {width: 1120px; margin: 0 auto 200px;}
.function .thead {height: 60px; border-top: 1px solid #707070; border-bottom: 1px solid #707070; background-color: #EDEFF4;}
.function .thead .th {float: left; width: 160px; box-sizing:border-box; font-size: 14px; font-weight: 500; color: #3F75EA; line-height: 60px; text-align: center;}
.function .thead .th:first-child {width: 640px; padding-left: 38px; color: #313136; text-align: left;}
.function ul {border-bottom: 1px solid #DFE1E6;}
.function ul li {display: block; height: 60px; transition: all .5s;}
.function ul li + li {border-top: 1px solid #aaabaf;}
.function ul li > strong {font-size:14px;color:#313136;line-height:60px;position:relative;padding-left:38px;box-sizing: border-box;background-color: #F8F9FD; user-select: none; cursor: pointer;}
.function ul li > strong .ico {display: block; position:absolute;left:0;top:0;width:38px;height:100%;}
.function ul li > strong .ico:before {content:'';position:absolute;left:19px;top:25px;width:1px;height:9px;background-color:#313136;display:block;}
.function ul li > strong .ico:after {content:'';position:absolute;left:15px;top:29px;width:9px;height:1px;background-color:#313136;}
.function ul li > strong > a {display: inline-block;}
.function ul li > strong .xi-external-link {vertical-align: top; margin-top: 24px}
.function ul li > strong .tooltip {display: inline-block; vertical-align: top; width:20px; height: 20px; margin: 24px 0 0 13px; position: relative;}
.function ul li > strong .tooltip i {vertical-align: top; color: #0447E3; cursor: pointer;}
.function ul li > strong .tooltip p {position: absolute; left: 23px; top: 5px;  width: 224px; border: 1px solid #0447E3; border-radius:4px; padding: 12px; box-sizing: border-box; font-family: Roboto; font-size: 14px; color: #0447e3; font-weight: normal;letter-spacing: 0; line-height:24px; -webkit-box-shadow: 8px 8px 24px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 8px 8px 24px 0px rgba(0,0,0,0.16);box-shadow: 8px 8px 24px 0px rgba(0,0,0,0.16); background-color: #fff; opacity: 0; transition: .5s;}
.function ul li > strong .tooltip i:hover + p {opacity:1}
.function ul li .item {display: none; align-items: center; flex-wrap:wrap;transition: all .5s; border-top: 1px solid #DFE1E6; overflow: hidden;}
.function ul li .item:hover {background-color: #F8F9FD} 
.function ul li .item > p {float: left; width: 640px;  padding: 20px 0 20px 38px; box-sizing: border-box; font-size: 14px; color: #6B6B71; line-height: 24px;}
.function ul li .item .td {float: left; width: 160px; height: 60px; line-height: 60px; text-align: center;}
.function ul li .item .td .txt {display: none;}
.function ul li .item .td i {font-size: 13px; color: #3F75EA;}
.product.gen .function ul li .item .td i {color: #6B6B71}
/* on 클래스 처리 */
.function ul li.on {height: auto;}
.function ul li.on .item {display: flex;}
.function ul li.on > strong .ico:before {display: none}


/* 21.04.23 partnership */

.partnership .item_partner:first-child {position:fixed; top: 0; left:0; right: 0; width: 100%; height: 100vh; background: url(https://www.midasstructure.com/hubfs/STRUCTURE_EN/bg_partner.png) no-repeat center center; background-size: cover; background-attachment: fixed;}
.partnership .item_partner:first-child:after {content:''; position: absolute; top:0; bottom: 0; left: 0; right: 0; background-color: rgba(7,7,7,.8);}
.partnership .item_partner:first-child .tit {position: sticky; left: 0; right: 0; margin-top: 324px;text-align: center; z-index:1;}
.partnership .item_partner:first-child .tit:after {content:''; position: absolute; width:14px; height: 14px; left: 50%; bottom: -50px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotateZ(-45deg);}
.partnership .item_partner:first-child .tit h3 {margin-bottom: 26px; font-size: 16px; color: #fff; line-height: 23px;}
.partnership .item_partner:first-child .tit strong {font-size: 48px; color: #fff; line-height: 62px; letter-spacing: -1px;}

.partnership .item_partner:nth-child(2) {background-color: #09090A; margin-top:100vh; padding: 70px 0 210px; position: relative;}
.partnership .item_partner:nth-child(2):before {content:''; position: absolute; left: 0; right: 0; top: -300px; height: 300px; background: linear-gradient(180deg, rgba(9,9,10,0) 0%, rgba(9,9,10,1) 70%, rgba(9,9,10,1) 100%);}
.partnership .item_partner:nth-child(2) .wrap_txt {width: 1120px; margin: 0 auto;}
.partnership .item_partner:nth-child(2) .wrap_txt .solution {margin-bottom: 228px;}
.partnership .item_partner:nth-child(2) .wrap_txt .tit {float:left; width: 50%;}
.partnership .item_partner:nth-child(2) .wrap_txt .tit strong {margin-bottom: 8px; font-size: 32px; color: #fff; line-height: 48px;}
.partnership .item_partner:nth-child(2) .wrap_txt .tit p {width: 460px; font-size: 24px; color: #6B6B71; font-weight: 500; line-height: 36px;}
.partnership .item_partner:nth-child(2) .wrap_txt .txt {overflow: hidden}
.partnership .item_partner:nth-child(2) .wrap_txt .txt dt {margin-bottom: 16px; font-size: 18px; font-weight: 500; color: #fff; line-height: 30px;}
.partnership .item_partner:nth-child(2) .wrap_txt .txt dt:not(:first-of-type) {margin-top: 40px;}
.partnership .item_partner:nth-child(2) .wrap_txt .txt dd {width: 544px; font-size: 16px; color: #6B6B71; font-weight: 500; line-height: 28px;}
.partnership .item_partner:nth-child(2) .wrap_txt .txt dd:before {content:''; display:inline-block; vertical-align: top; margin: 12px 5px 0 1px; width: 4px; height: 4px; background-color:#6B6B71;} 

.partnership .item_partner:nth-child(3) {position: relative; padding: 170px 0 140px; background-color: #17181A}
.partnership .item_partner:nth-child(3) .wrap_tit {margin-bottom: 100px; text-align: center;}
.partnership .item_partner:nth-child(3) .wrap_tit strong {margin-bottom: 24px; font-size: 42px; color: #fff; line-height: 55px;}
.partnership .item_partner:nth-child(3) .wrap_tit p {font-size: 14px; line-height: 24px; color: #6B6B71}
.partnership .item_partner:nth-child(3) .wrap_tit p .br {display: block;}
.partnership .list_partner {width: 1120px; margin: 0 auto; overflow: hidden; }
.partnership .list_partner li {width: 33.33%; float: left; margin-bottom: 48px;}
.partnership .list_partner li img {width: 64px; height: 42px; float: left; margin-right: 32px;}
.partnership .list_partner li .name {overflow: hidden;}
.partnership .list_partner li .name span {display: block; margin-bottom: 4px; font-size: 14px; color: #fff; font-weight: 500; line-height: 20px;}
.partnership .list_partner li .name span + span {margin-bottom: 0; font-size: 12px; color: #888; font-weight: normal; line-height: 16px;}
.partnership .list_partner li .name span .br {display: inline}




@media (max-height: 720px) {
  .overview.design .keyvi .txts {padding-top:40px}
}
@media (max-width:700px){
  .header_structure{display:none}
  .header_structure_m{display:block}
  .footer_structure{display:none}
  .footer_structure_m{display:block}
}



/********** BLOG ***********/
/***** BLOG *****/

.hs-blog-listing{background-color:#fff} 

.listingTopic{position:relative;float:none !important;width:1120px !important;margin:0 auto !important}
.post-body p{display:none}
.filter-link-count{display:none}

.widget-type-post_filter .block{overflow:hidden;margin-bottom:64px}
.widget-type-post_filter ul{float:right;padding-right:140px}
.widget-type-post_filter ul li{float:left;margin-left:22px}
.widget-type-post_filter ul li a{font-size:16px;line-height:48px;font-weight:bold;transition:0.5s}
.widget-type-post_filter ul li a:hover{color:#DD2A71}
.widget-type-post_filter .widget-module{overflow:hidden}
.widget-type-post_filter .widget-module>a{height:48px;font-weight:bold;font-size:14px;line-height:48px;width:96px;border:1px solid #f7f8fa;background-color:#f7f8fa;border-radius:4px;text-align:center;transition:0.5s}
.widget-type-post_filter .widget-module>a:hover{border-color:#17181A;color:#17181a;background-color:#fff}
div[data-widget-type="post_filter"] .cell-wrapper{position:relative}
.filter-expand-link{position:absolute;right:0;top:0}
.widget-type-post_filter h3{float:left;font-weight:normal;font-size:16px;line-height:18px}
.widget-type-post_filter h3 a{height:48px;font-weight:bold;font-size:14px;line-height:48px;width:120px;background-color:#f7f8fa;border:1px solid #F7F8FA;border-radius:4px;text-align:center;transition:0.5s;color:#323232}
.widget-type-post_filter h3 a:hover{background-color:#fff;border-color:#17181A}
.blog-listing-wrapper{padding-bottom:196px}
.post-listing{width:1152px;margin:8px auto 0}
.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}
.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}
.post-listing .hs-featured-image-wrapper{overflow:hidden;position:relative;width:100%;height:240px;background-position:center center;background-size:cover}
.post-header h2{display:-webkit-box;overflow:hidden;height:52px;margin:8px 0;font-size:16px;line-height:28px;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:500}
.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:#3367D6;transition:0.5s}
.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:''}
.blog-pagination{margin-top:20px;text-align:center;font-size:0}
.blog-pagination a{display:inline-block;vertical-align:top;font-size:0}
.blog-pagination .page-numbers-container{display:inline-block;font-size:0;text-align:center;vertical-align:top;}
.blog-pagination .page-numbers-container li{display:inline-block;vertical-align:top}
.blog-pagination .page-numbers-container li a{display:block;width:38px;height:38px;margin:0 2px;font-size:14px;line-height:38px;border:1px solid #B0AFB7;color:#B0AFB7}
.blog-pagination .page-numbers-container li a:hover{border-color:#4A4E5E;color:#4A4E5E}
.blog-pagination .page-numbers-container li.current a{border-color:#488FF6;color:#488FF6}
.blog-pagination .next-posts-link,.blog-pagination .previous-posts-link{display:inline-flex;justify-content:center;align-items:center;width:38px;height:38px;margin:0 2px;border:1px solid #B0AFB7;vertical-align:top;background-color:#F8F8F8}
.blog-pagination .previous-posts-link{transform:rotateZ(180deg)}
.blog-pagination .next-posts-link i,.blog-pagination .previous-posts-link i{display:block;width:100%;height:100%;line-height:38px;font-size:16px;color:#B0AFB7;text-align:center}
.blogMain{display:none}

.cont_blogview{position:relative;width:auto !important;margin:-64px auto 0!important;float:none !important;padding:0}
.cont_blogview .post-header .inner{position:relative;width:1120px;margin:0 auto;padding:270px 0 42px;}
.cont_blogview .post-header h2{display:block;height:auto;margin:0;-webkit-box-orient:initial;-webkit-line-clamp:initial;font-weight:500;font-size:42px;line-height:55px;margin:0 auto;text-align:left}
.cont_blogview .post-header em{display:block;margin-bottom:16px;font-size:16px;line-height:18px;font-weight:bold}
.cont_blogview #hs_cos_wrapper_name{display:block;font-weight:500;font-size:42px;line-height:55px;color:#17181A}
.cont_blogview #hubspot-topic_data{float:left;width:100%;}
.cont_blogview #hubspot-topic_data strong{font-size:18px;line-height:30px;color:#17181A;margin-bottom:24px}
.cont_blogview #hubspot-topic_data>a{display:inline-block;padding:0 13px;margin-bottom:12px;font-size:12px;line-height:36px;color:#6B6B71;border:1px solid #eee;border-radius:4px;vertical-align:top;margin-right:8px;transition:0.5s}
.cont_blogview #hubspot-topic_data>a:hover{color:#488FF6;border-color:#488FF6}
.cont_blogview .post-body{float:left;width:734px;margin-bottom:40px}
.cont_blogview .post-body p{display:block;font-size:14px !important;line-height:24px !important;padding-left:0 !important;font-weight:normal;color:#6B6B71}
.cont_blogview .post-body p img{max-width:100% !important;margin:0 0 64px}
.cont_blogview .post-body p strong{display:inline}
.cont_blogview .post-body li{position:relative;padding-left:16px;margin-bottom:6px;font-size:16px;line-height:32px}
.cont_blogview .post-body li:after{position:absolute;left:0;top:16px;width:2px;height:2px;background-color:#222;content:''}
.cont_blogview .post-body a{display:inline}
.cont_blogview .hs-featured-image-link{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,0.05);border-radius:3px}
.cont_blogview .hs-featured-image{display:block;float:none;margin:0;width:100%;max-width:100%}
.cont_blogview .hs-rss-byline{font-size:12px;line-height:24px;color:#ADAFB3}
.cont_blogview .hs-rss-byline .hs-rss-posted-at{display:none}
.cont_blogview .hs-rss-item.hs-with-featured-image .hs-rss-item-text{float:right;width:198px;padding-right:0}
.cont_blogview .hs-rss-item .hs-rss-title span{display:block;display:-webkit-box;overflow:hidden;height:40px;font-size:14px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.cont_blogview .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper{float:left;width:70px;height:70px;border:1px solid #E6E5EA}
.cont_blogview .feature_image{background:url() center center no-repeat;background-size:cover;width:auto;height:360px;margin-bottom:40px;border-radius:4px;overflow:hidden}
.cont_blogview .feature_image .tags{position:absolute;left:0;top:160px;font-size:0;}
.cont_blogview .feature_image .tags em{position:relative;display:inline-block;vertical-align:top;font-size:13px;line-height:18px;height:18px;color:#3367D6;padding-right:18px;text-align:center;}
.cont_blogview .feature_image .tags em+em:before{position:absolute;left:-10px;top:7px;width:2px;height:2px;border-radius:1px;background-color:#3367d6;content:''}
.cont_blogview .blog-section{position:relative;width:1120px;margin:0 auto}
.hs-postlisting-item{padding:16px 0}
.hs-postlisting-item+.hs-postlisting-item{border-top:1px solid #E6E5EA}
.hs-postlisting-item a{display:block;display:-webkit-box;overflow:hidden;height:40px;font-size:14px;line-height:20px;color:#4A4E5E;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:0.5s}
.hs-postlisting-item a:hover{color:#E8533C} 
.cont_blogview .blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-featured-image{display:block;width:100%;height:100%}
.cont_blogview .blog-tabber .hs-rss-item.hs-with-featured-image{margin-bottom:0;padding:12px 0;border-top:1px solid #E6E5EA}
.cont_blogview .blog-tabber .hs-rss-item.hs-with-featured-image span{transition:0.5s}
.cont_blogview .blog-tabber .hs-rss-item.hs-with-featured-image a:hover span{color:#3C85F6}
.cont_blogview .tabber-wrap{float:right;width:320px;border:1px solid #E6E5EA;box-sizing:border-box;border-radius:4px}
.cont_blogview .tabber-wrap .share_sns{position:static;border-top:1px solid #DFE1E6;padding-bottom:10px}
.cont_blogview .tabber-wrap .share_sns ul{padding-left:16px}
.cont_blogview .tabber-content{padding:0 16px}
.cont_blogview .tabber-wrap .tabber-tabs{position:relative;overflow:hidden;}
.cont_blogview .tabber-wrap .tabber-tabs li{position:relative;display:inline-block;vertical-align:top;}
.cont_blogview .tabber-wrap .tabber-tabs li+li:before{position:absolute;left:-1px;top:20px;width:1px;height:10px;background-color:#AAABAF;content:''}
.cont_blogview .tabber-wrap .tabber-tabs .active{position:relative;z-index:1;}
.cont_blogview .tabber-wrap .tabber-tabs a{display:block;font-size:13px;line-height:50px;color:#B0AFB7;padding:0 16px}
.cont_blogview .tabber-wrap .tabber-tabs .active a{font-weight:bold;color:#4A4E5E;border-bottom-color:#fff}
.cont_blogview .row-fluid [class*="span"].blogMain{display:none}
.cont_blogview .blog-sidebar{float:right !important;width:auto !important}
.cont_blogview .about-author-sec{display:none}
.cont_blogview #hubspot-author_data{display:block;position:relative;margin-top:20px;font-size:14px;line-height:20px;color:#84858B;text-align:left}
.cont_blogview .content_area{width:1120px;margin:0 auto}
.cont_blogview .content_area:after{display:block;clear:both;content:''}
.cont_blogview .cont_etc{display:block;float:none !important;width:1120px !important;margin:0 auto !important;padding-right:386px;box-sizing:border-box;padding-bottom:170px}

.cont_blogview .blog_banner1{color:#fff;margin-bottom:80px;}
.cont_blogview .blog_banner1 .thumb_banner{float:left;width:368px;border-radius:8px 0 0 8px;overflow:hidden}
.cont_blogview .blog_banner1 .cont_banner{overflow:hidden;position:relative;height:280px;padding:40px;border-radius:0 8px 8px 0;box-sizing:border-box}
.cont_blogview .blog_banner1 .cont_banner strong{margin-bottom:16px;font-weight:bold;font-size:18px;line-height:21px;color:#fff}
.cont_blogview .blog_banner1 .cont_banner p{font-weight:normal;font-size:14px;line-height:24px}
.cont_blogview .blog_banner1 .cont_banner a{position:absolute;left:40px;bottom:40px;font-weight:bold;font-size:14px;line-height:18px;color:#fff;transition:0.5s;letter-spacing:2px}
.cont_blogview .blog_banner1 .cont_banner a:hover{color:#488FF6;text-decoration:underline}

.cont_blogview .blog_banner2{position:relative;color:#fff;border-radius:8px;padding:24px 200px 24px 48px;box-sizing:border-box;background-color:#488FF6;transition:0.5s;margin-bottom:80px;}
.cont_blogview .blog_banner2:hover{background-color:#292929}
.cont_blogview .blog_banner2 strong{font-weight:bold;font-size:18px;line-height:21px;color:#fff;margin-bottom:6px}
.cont_blogview .blog_banner2 p{overflow:hidden;font-weight:normal;font-size:14px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;}
.cont_blogview .blog_banner2 em{position:absolute;right:48px;top:50%;margin-top:-16px;font-weight:bold;font-size:16px;line-height:32px;color:#fff}
.cont_blogview .blog_banner2 em .ico{display:inline-block;margin-left:12px;vertical-align:top;width:32px;height:32px;border-radius:16px;background-color:#fff;text-align:center}
.cont_blogview .blog_banner2 em .ico i{font-size:18px;line-height:32px;color:#488FF6}

/*
.cont_blogview .blog_author{margin-bottom:80px}
.cont_blogview .blog_author:after{display:block;clear:both;content:''}
.cont_blogview .blog_author strong{margin-bottom:24px;font-weight:bold;font-size:24px;line-height:28px;}
.cont_blogview .blog_author .wrap_thumb{float:right;position:relative;width:160px;height:160px;margin-left:28px;overflow:hidden;border-radius:80px;}
.cont_blogview .blog_author .wrap_thumb:after{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,0.1);content:'';border-radius:80px}
.cont_blogview .blog_author .txt{overflow:hidden}
.cont_blogview .blog_author .txt em{display:block;font-size:16px;line-height:18px;letter-spacing:2px;margin-bottom:16px}
.cont_blogview .blog_author .txt p{font-weight:normal;font-size:16px;line-height:32px;color:#43464D}
*/


.cont_blogview .blog_banner1:after{display:block;clear:both;content:''}
.wrap_layer{position:fixed;left:0;top:0;bottom:0;right:0;z-index:1000}
.wrap_layer .dimmed_g{width:100%;height:100%;background-color:rgba(35,37,50,0.7)}
.popup_taglist{position:absolute;left:50%;top:300px;z-index:20;padding:48px;background-color:#fff;box-sizing:border-box;margin-left:-560px;width:1120px;height:500px}
.popup_taglist>strong{font-size:24px;line-height:32px;margin-bottom:48px}
.popup_taglist ul{overflow:hidden;height:300px;overflow-y:scroll}
.popup_taglist ul+ul{display:none !important}
.popup_taglist li{float:left;margin:0 32px 32px 0}
.popup_taglist li a{font-weight:bold;font-size:18px;line-height:24px;transition:0.5s}
.popup_taglist li a:hover{color:#DD2A71}
.popup_taglist .btn_close{position:absolute;right:45px;top:45px;transition:none}
.popup_taglist .btn_close i{transition:none;font-size:32px}

.list_recommend{overflow:hidden;width:1152px !important;float:none !important;margin:0 auto !important;padding-bottom:160px}
.list_recommend>div{float:left;width:33.33%}
.list_recommend .item_thumb{margin:0 16px}
.blog-listing-wrapper{padding-bottom:98px !important}

.share_sns{overflow:hidden;position:absolute;right:0;bottom:0;font-size:0}
.share_sns ul {padding-left:24px;box-sizing:border-box}
.share_sns li{display:inline-block;margin:0 8px;vertical-align:top}
.share_sns li>a>i{display:block;font-size:16px;line-height:32px;color:#84858B;transition:0.5s;margin-top:10px}
.share_sns li>a:hover>i{color:#488FF6}

.feature_client{margin-bottom:70px}
.feature_client .list_client{position:relative;width:1120px;margin:0 auto}
.feature_client .list_client .swiper-slide{overflow:hidden;background-color:#F8F9FD;border-radius:4px}
.feature_client .list_client .wrap_thumb{float:left;width:544px}
.feature_client .list_client .cont_thumb{overflow:hidden;position:relative;padding:80px 48px 0}
.feature_client .list_client .cont_thumb strong{font-size:18px;line-height:30px;color:#313136}
.feature_client .list_client .cont_thumb span{font-size:13px;line-height:21px;color:#6B6B71}
.feature_client .list_client .cont_thumb p{font-size:13px;line-height:21px;color:#6B6B71}
.feature_client .list_client .cont_thumb a{font-size:13px;line-height:21px;color:#3F75EA;text-decoration:underline}
.feature_client .list_client .cont_thumb .logo{width:auto;height:28px;position:absolute;right:48px;top:40px}
.feature_client .list_client .swiper-pagination{position:Absolute;right:48px;bottom:40px;width:auto;left:auto}


.customer{position:relative;background-color:#FFF}
.customer .list_thumb{width:1160px;margin:0 auto;overflow:hidden}
.customer .list_thumb li{float:left;width:33.33%}
.customer .list_thumb li a{margin:0 20px}
.customer .list_thumb li>div{margin:0 20px}
.customer .list_thumb li .wrap_thumb{position:relative;display:flex;height:240px;align-items:center;justify-content:center;border:1px solid #EEEEEE}
.customer .list_thumb li .wrap_thumb img{width:auto;max-width:160px}
.customer .list_thumb li .wrap_thumb .bg{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.44);transition:0.5s;opacity:0}
.customer .list_thumb li .wrap_thumb .bg:before{position:absolute;left:50%;top:50%;width:1px;height:48px;margin-top:-24px;content:'';background-color:#fff}
.customer .list_thumb li .wrap_thumb .bg:after{position:absolute;left:50%;top:50%;width:48px;height:1px;margin-left:-24px;content:'';background-color:#fff}
.customer .list_thumb li a:hover .wrap_thumb .bg{opacity:1}
.customer .list_thumb li .cont_thumb{padding:16px 0 48px;height:136px;box-sizing:border-box}
.customer .list_thumb li .cont_thumb strong{font-size:16px;line-height:26px;color:#222222;font-weight:normal;margin-bottom:6px;max-height:52px}
.customer .list_thumb li .cont_thumb span{display:block;font-size:12px;line-height:16px;color:#ADAFB3;margin-bottom:10px}
.customer .list_thumb li .cont_thumb p{display:none;font-size:12px;line-height:24px;color:#ADAFB3;font-weight:bold}
.customer .list_thumb li a .cont_thumb p{display:block}
.customer .list_thumb+.list_thumb{margin-top:184px}

.customer .banner_customer .inner{width:1120px;margin:0 auto;overflow:hidden;padding:48px 0}
.customer .banner_customer .wrap_thumb{float:left;display:flex;width:386px;height:120px;text-align:center;margin-bottom:24px;align-items:center;justify-content:center}
.customer .banner_customer .wrap_thumb img{width:auto;}
.customer .banner_customer .txt{display:block;overflow:hidden}
.customer .banner_customer .txt p{font-weight:bold;font-size:24px;line-height:30px;color:#17181A}
.customer .banner_customer .txt span{display:block;font-size:14px;line-height:22px;color:#ADAFB3}

.form_ebook{background-color:#292929}
.form_ebook .inner{position:relative;width:1280px;margin:0 auto;padding:270px 0}
.form_ebook .inner .wrap_thumb{width:752px}
.form_ebook .inner .form_area{position:absolute;right:0;top:160px;color:#fff}
.form_ebook .inner .form_area .form{position:relative}
.form_ebook .inner .form_area em{display:inline-block;margin-bottom:24px;font-weight:bold;font-size:13px;line-height:18px;height:18px;background-color:#fff;color:#292929;text-align:Center;padding:0 5px;vertical-align:top}
.form_ebook .inner .form_area strong{margin-bottom:15px;font-weight:bold;font-size:40px;line-height:48px;color:#fff}
.form_ebook .inner .form_area p{margin-bottom:58px;font-size:14px;line-height:24px;color:#888}
.form_ebook .inner .form_area label{display:none}
.form_ebook .inner .form_area .hs-error-msgs label{display:block}
.form_ebook .inner .form_area .input{margin-bottom:24px}
.form_ebook .inner .form_area .hs_firstname{display:inline-block;width:224px;vertical-align:top}
.form_ebook .inner .form_area .hs_lastname{display:inline-block;width:224px;vertical-align:top;margin-left:16px}
.form_ebook .inner .form_area input[type="text"],
.form_ebook .inner .form_area input[type="email"]{background-color:#292929;border:1px solid #44464D;display:block;font-size:16px;line-height:56px;height:56px;width:100%;color:#fff;box-sizing:border-box;padding:0 16px;border-radius:4px;outline:none}
.form_ebook .inner .form_area input[type="submit"]{display:block;border:0;padding:0;width:100%;height:56px;font-weight:bold;font-size:16px;line-height:56px;color:#fff;text-align:center;background-color:#488FF6;cursor:pointer;transition:0.5s;border-radius:4px;outline:none}
.form_ebook .inner .form_area input[type="submit"]:hover{background-color:#fff;color:#488FF6}
.form_ebook .inner .form_area select{background-color:#383838;border:1px solid #44464D;display:block;font-size:16px;line-height:56px;height:56px;width:100%;color:#fff;box-sizing:border-box;padding:0 16px;appearance:none;-webkit-appearance:none;border-radius:4pxbackground:url(https://2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/ico_select.png) right -4px no-repeat}
.form_ebook .inner .form_area .hs_private_consent_box{width:320px;margin-top:64px}
.form_ebook .inner .form_area .hs_private_consent_box label{display:block}
.form_ebook .inner .form_area .link_popup{position: absolute;right:0;top:594px;color:#fff;text-decoration:underline;font-size:14px;line-height:20px;color:#fff;text-decoration:underline;text-align:right}
.form_ebook .inner .form_area .hs-error-msgs{position:Absolute;left:10px;right:0;bottom:-15px;font-size:12px;line-height:14px;color:#FF6638;}
.form_ebook .inner .form_area form>div{position:relative}
.banner{position:relative;background:url() center center no-repeat;background-size:cover;}
.banner .bg{position:absolute;left:0;right:0;top:0;bottom:0}
.banner .inner{position:relative;width:1120px;margin:0 auto;z-index:10;height:440px;box-sizing:border-box;padding-top:124px}
.banner .inner em{display:inline-block;margin-bottom:20px;position:relative;font-weight:bold;font-size:13px;line-height:18px;height:18px;background-color:#fff;color:#292929;padding:0 8px;text-align:center}
.banner .inner strong{margin-bottom:24px;font-size:40px;line-height:48px;color:#fff}
.banner .inner p{font-size:14px;line-height:24px;color:#fff;opacity:0.8}
.banner .inner a{position:absolute;right:0;top:50%;margin-top:-24px;font-weight:bold;font-size:16px;line-height:48px;color:#fff;}
.banner .inner a .ico{display:inline-block;margin-left:8px;vertical-align:top;width:48px;height:48px;background-color:#fff;border-radius:24px;text-align:center;transition:0.5s}
.banner .inner a:hover .ico{transform:scale(1.2)}
.banner .inner a .ico i{display:block;font-size:16px;line-height:48px;color:#313136}

/* 모듈. Related Project Application*/
.curation{padding:160px 0;min-width:1158px;}
.curation>strong{margin-bottom:50px;font-size:32px;line-height:48px;text-align:center}
.curation>strong .br {display:inline;}
.curation ul{text-align:center;font-size:0}
.curation ul li{display:inline-block;vertical-align:top;width:346px;margin:0 20px}

.curation li .wrap_thumb{position:relative;border-radius:4px;transition:.5s;position:relative;}
.curation li em{position:absolute;bottom:-48px;display:block;margin:16px 0 8px;font-size:12px;line-height:14px;height:18px;color:#3367D6;text-align:left}
.curation li p{display:-webkit-box;overflow:hidden;padding:48px 14px 0 0;font-size:16px;font-weight:500;color:#313136;line-height:28px;height:55px;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:left}

.curation li:hover .wrap_thumb {-webkit-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.2);box-shadow: 0px 20px 30px 0px rgba(0,0,0,0.2);}
.curation li:hover p{text-decoration:underline}

.contact .head{height:400px;padding-top:160px;box-sizing:border-box}
.contact h3{font-weight:bold;font-size:48px;line-height:60px;text-align:Center;color:#fff}
.contact h3+p{margin-top:16px;font-size:14px;line-height:28px;color:#fff;text-align:center}
.contact .cont{width:1120px;margin:0 auto}
.partner .head{background-color:rgba(23,24,26,0.88)}
.partner .cont .item_partner{overflow:hidden;padding-top:160px}
.partner .cont .item_partner .wrap_thumb{float:right;width:348px}
.partner .cont .item_partner .txt{overflow:hidden}
.partner .item_partner strong{font-weight:bold;font-size:32px;line-height:36px;color:#333}
.partner .item_partner p{font-weight:bold;font-size:32px;line-height:36px;color:#888}
.partner .item_partner dl{margin-top:64px}
.partner .item_partner dl dt{font-weight:bold;margin-top:32px;font-size:20px;line-height:36px;color:#333}
.partner .item_partner dl dd{font-weight:normal;font-size:14px;line-height:22px;color:#888}

.global_partner{margin-top:160px;padding:160px 0 96px;background-color:#F7F8FA}
.global_partner .inner{width:1120px;margin:0 auto}
.global_partner strong{margin-bottom:24px;font-weight:bold;font-size:48px;line-height:60px;text-align:center}
.global_partner p{font-size:14px;line-height:22px;color:#888;font-weight:400;text-align:center}
.global_partner .list_partner{margin-top:64px;text-align:center;font-size:0}
.global_partner .list_partner li{display:inline-block;width:33.33%;margin-bottom:64px;vertical-align:top}
.global_partner .list_partner em{display:block;font-weight:bold;font-size:14px;line-height:24px;color:#333}
.global_partner .list_partner span{display:block;font-weight:normal;font-size:14px;line-height:24px;color:#888}
.global_partner .wrap_flag{position:relative;display:block;width:60px;margin:0 auto 12px;}
.global_partner .wrap_flag:after{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,0.1);content:''}

.banner_partner{padding:160px 0;text-align:center}
.banner_partner strong{font-weight:bold;font-size:32px;line-height:36px;text-align:center;margin-bottom:20px}
.banner_partner a{display:inline-block;vertical-align:top;font-size:14px;line-height:40px;color:#5093F4}
.banner_partner a .ico{display:inline-block;margin-left:8px;vertical-align:top;width:40px;height:40px;border-radius:20px;background-color:#5093F4;text-align:center;transition:0.5s}
.banner_partner a:hover .ico{transform:scale(1.2)}
.banner_partner a .ico i{font-size:16px;line-height:40px;color:#fff}

.banner_tech{padding:80px 0;text-align:center;Background-color:#488FF6;}
.banner_tech strong{font-weight:bold;font-size:32px;line-height:36px;text-align:center;color:#fff;margin-bottom:20px}
.banner_tech a{display:inline-block;vertical-align:top;font-size:14px;line-height:40px;color:#fff}
.banner_tech a .ico{display:inline-block;margin-left:8px;vertical-align:top;width:40px;height:40px;border-radius:20px;background-color:#fff;text-align:center;transition:0.5s}
.banner_tech a:hover .ico{transform:scale(1.2);text-decoration:underline;}
.banner_tech a .ico i{font-size:16px;line-height:40px;color:#5093F4}

.banner_contact{width:1120px;margin:0 auto;background-color:#313136;border-radius:4px;padding:0 60px;box-sizing:border-box;height:113px}
.banner_contact .inner{overflow:hidden}

.banner_contact .inner>strong{float:left;width:320px;font-size:18px;line-height:113px;color:#fff}
.banner_contact .cont{overflow:hidden;padding-top:32px}
.banner_contact .cont>strong{font-size:14px;line-height:24px;color:#fff;margin-bottom:4px}
.banner_contact .cont .item{display:inline-block;vertical-align:top;font-size:13px;line-height:21px;color:#AAABAF}
.banner_contact .cont .item i{margin-right:8px}


.wing_newsletter{float: right;width: 320px;margin-top: 24px;border: 1px solid #e6e5ea;padding: 16px;box-sizing: border-box;border-radius:4px}
.wing_newsletter>p{font-size:16px;font-weight:700px;line-height:22px;margin-bottom:16px}
.wing_newsletter .hs_newsletter_agree{display:none}

.wing_newsletter .hs_email label{display:none}
.wing_newsletter .hs_email input[type="email"]{display:block;width:100%;height:56px;background-color:#fff;border:0;line-height:56px;padding:0 10px;box-sizing:border-box;border:1px solid #e6e5ea;outline:none}
.wing_newsletter .hs-submit{position:absolute;right:0;top:0}
.wing_newsletter .hs-submit input{display:block;width:80px;height:56px;line-height:56px;color:#fff;text-align:center;font-size:14px;border:0;background-color:#488FF6;transition:0.5s;cursor:pointer;font-weight:bold}
.wing_newsletter .hs-submit input:hover{background-color:#292929}
.wing_newsletter .hbspt-form{position:relative;width:288px;padding-right:80px;box-sizing:border-box}

.cont_error{overflow:hidden;width:736px;margin:0 auto;font-family:'Roboto';padding:160px 0}
.cont_error .txt{text-align:center}
.cont_error img{display:block;position:relative;left:50%;margin-left:-107px;width:256px}
.cont_error strong{font-size:24px;line-height:32px;font-weight:700;color:#17181A;margin:48px auto 24px}
.cont_error a{width:200px;height:64px;line-height:40px;font-size:14px;font-weight:700;color:#5093F4;text-align:Center;margin:0 auto;padding-left:10px}
.cont_error a .ico{display:inline-block;vertical-align:top;width:40px;height:40px;margin-left:8px;border-radius:20px;background-color:#5093f4;text-align:center;color:#fff}
.cont_error a i{font-size:14px;color:#fff;text-align:center}
.password_error img{margin-left:-128px}
.password_error p{margin:24px 0 48px;font-size:18px;line-height:32px}
.password_error input[type="password"]{display:block;padding-left:24px;width:352px;height:64px !important;margin:0 auto 16px!important;border:1px solid #DFE1E6;font-size:18px;line-height:64px;color:#222;box-sizing:border-box}
.password_error input[type="submit"]{display:block;width:352px;height:64px;background-color:#488FF6;color:#444;font-weight:bold;font-size:16px;line-height:64px;padding:0 24px;box-sizing:border-box;color:#fff;cursor:pointer;margin:0 auto;border:0}

@media (max-width:1152px){
  .post-listing{width:1012px}
  .listingTopic{width:980px !important;margin:0 auto !important;float:none !important}
  .popup_taglist{width:980px;margin-left:-490px}
  .cont_blogview{width:980px !important}
  .blog-content{width:auto !important;float:none !important}
  .item_thumb .wrap_thumb{max-height:200px}
  .list_recommend{width:1012px !important;margin:0 auto !important}
  .widget-type-post_filter ul li{margin-left:22px}
  .widget-type-post_filter ul li a{font-size:16px}
  .widget-type-post_filter .block{margin-bottom:4px}
  .down_resource .inner{width:980px}
  .down_resource .info_resource{width:570px}
}
@media (max-width:1024px){
  span[data-hs-cos-type="post_filter"]{display:block;padding:48px 24px 24px}
  .listingTopic{width:auto !important}
  .post-listing{width:auto;padding:0 12px} 
  .post-listing .post-item{width:50%;padding:0 12px 20px}
  .post-listing .post-item .post-header{padding:0 12px}
  .head_blog .feature_library{margin-bottom:0}
  .widget-type-post_filter .block{margin-bottom:0}
  .widget-type-post_filter ul{padding-right:0;letter-spacing:-1px}
  .widget-type-post_filter .filter-expand-link{position:absolute;right:24px;top:47px}
  .widget-type-post_filter ul li{margin-left:20px}
  .popup_taglist{width:auto;left:24px;right:24px;margin:0}
  
  .blog-sidebar{display:none !important}
  .blog-content{padding:0 24px;}
  .cont_blogview{width:auto !important;float:none !important;}
  .cont_blogview .post-header em{margin-top:32px;text-align:center}
  .cont_blogview #hs_cos_wrapper_name{text-align:center}
  .cont_blogview #hubspot-author_data{text-align:center}
  .widget-type-post_filter .widget-module{padding-right:120px}
  
}
@media (max-width:600px){
  .header_geo .inner_header .btn_menu{position:absolute;right:5%;top:0}
  .popup_taglist{display:none}
  span[data-hs-cos-type="post_filter"]{padding-top:0}
  span[data-hs-cos-type="post_filter"] .widget-module{display:none}
  .post-listing{margin:0}
  .post-listing .post-item{width:auto;float:none}
  .cont_blogview #hs_cos_wrapper_name{font-size:32px;line-height:40px}
  .cont_blogview .post-body{float:none;width:auto;padding:0 24px;border-top:0}  
  .cont_blogview .post-body p{font-size:14px;line-height:24px}
  .cont_blogview .post-body p strong{margin-bottom:24px}
  .cont_blogview .post-body h2{line-height:24px}
  .cont_blogview #hubspot-topic_data>a{font-size:12px;line-height:32px;height:32px}
  .cont_blogview #hubspot-topic_data strong{font-size:16px;line-height:24px}
  .down_resource .info_resource .tit{font-size:32px;line-height:40px}
  .down_resource .info_resource{width:auto;float:none;height:auto}
  .down_resource .inner{width:auto}
  .down_resource{padding:64px 5%}
  .down_resource .info_resource img{width:100%;position:static;max-width:100%}
  .down_resource .form_down .hs-fieldtype-text{height:112px}
  
  .recommend_post{padding:64px 0 0}
  .recommend_post>strong{font-size:24px;line-height:32px}
  .recommend_post .list_thumb{overflow:hidden;margin-bottom:0}
  div[data-widget-type="post_filter"] .cell-wrapper{margin-top:-52px}
  span[data-hs-cos-type="post_filter"]{margin-bottom:-30px}
  
  .feature_blog{display:none}
  .head_blog{height:200px;padding-top:170px;box-sizing:border-box}
  .head_blog h2{font-size:40px}
  .head_blog p{font-size:12px}
  .filter{width:auto;margin:24px}
  .filter .list_show{display:none}
  .filter .opt_topic{width:200px}
  .filter .list_topic li a{font-size:12px}
  .post-listing .post-item{padding-bottom:0}
  .post-listing .post-item .inner_item{margin-bottom:0}
  .blog-content{padding:0}
  .cont_blogview .feature_image{width:auto;height:300px}
  .cont_blogview .post-header .inner{width:auto;padding:170px 24px 48px}
  .cont_blogview .tabber-wrap{display:none}
  .cont_blogview .content_area{width:auto;border-top:0;margin-top:0;padding-top:80px}
  .cont_blogview .feature_image{margin:0}
  .cont_blogview .post-header{min-height:200px}
  .share_sns{position:static}
  .cont_blogview #hubspot-author_data{margin-top:15px;font-size:13px;font-weight:400}
  .cont_blogview .feature_image .tags{top:20px;left:24px}
  .cont_blogview .blog_banner1{margin:0 24px 84px;border-radius:8px;overflow:hidden}
  .cont_blogview .blog_banner1 .thumb_banner{float:none;width:auto;border-radius:0;overflow:hidden}
  .cont_blogview .blog_banner1 .cont_banner{border-radius:0;height:auto;padding:20px}
  .cont_blogview .cont_etc{width:auto !important;padding:0 0 80px}
  .cont_blogview .blog_banner1 .cont_banner a{position:static;margin-top:20px}
  .cont_blogview .blog_banner2{margin:0 24px 108px;padding:20px 20px 77px}
  .cont_blogview .blog_banner2 em{right:20px;bottom:20px;top:auto;margin:0}
  .cont_blogview .blog_banner2 p{overflow:visible;text-overflow:normal;white-space:normal}
  .cont_blogview .blog_author{padding:0 24px}
  .cont_blogview .blog_author strong{margin-bottom:32px}
  .cont_blogview .blog_author .wrap_thumb{float:none;width:160px;margin:0 auto 32px}
  .cont_blogview .blog_author .txt em{line-height:32px}
  .cont_blogview .blog_author .txt p{line-height:24px}
  .cont_blogview #hubspot-topic_data{float:none;padding:0 24px;border-top:0;}
  .form_ebook .inner{width:auto;padding:48px 24px}
  .form_ebook .inner .wrap_thumb{display:none}
  .form_ebook .inner .form_area{position:static}
  .form_ebook .inner .form_area input[type="text"], 
  .form_ebook .inner .form_area input[type="email"]{display:block;width:100%}
  .form_ebook .inner .form_area strong{font-size:32px;line-height:40px}
  .banner .inner{width:auto;height:auto;padding:48px 20px 132px}
  .banner .inner strong{font-size:32px;line-height:40px;font-weight:500}
  .banner .inner a{right:20px;top:auto;bottom:32px;margin:0}
  .form_ebook .inner .form_area .hs_firstname{display:block;width:auto}
  .form_ebook .inner .form_area .hs_lastname{display:block;width:auto;margin:0}
  .curation{padding:80px 0 16px;min-width:unset;}
  .curation>strong{margin-bottom:26px;}  
  .curation>strong .br {display:block;}
  .curation ul li{display:block;width:auto;margin:0 24px}
  .curation li p{margin-bottom:48px}
  
  .feature_event_main{display:none}
  .thumb_list{width:auto}
  .thumb_list li{float:none;width:auto;margin:0 24px 48px}
  .thumb_list>li>a{margin:0}
  .head_event{height:200px;padding-top:80px}
  .head_event h2{font-size:40px;line-height:44px;margin-bottom:10px}
  .head_event p{font-size:12px;line-height:14px}
  
  .head_contact{height:200px;}
  .head_contact .txt{padding-top:80px}
  .head_contact .txt strong{font-size:40px;line-height:44px;margin-bottom:10px}
  .head_contact .txt p{font-size:12px;line-height:14px}
  
  /********** Main **********/
  .header_structure_m {background-color: rgba(255,255,255,1);}
  .header_structure_m h1 a {font-size: 18px; line-height:64px;}
  .header_structure_m .head_gnb .btn_menu i {color: #333}

  .main .inner {width: auto;}
  .main_slider .swiper-slide { background-position: center center; background-size: auto 100%;}
  .main_slider .swiper-slide strong{margin-top:35vh; padding: 0 24px;font-size:32px; line-height:46px;}
  .main_slider .swiper-slide a {margin-top: 24px;}
  .swiper-container-horizontal>.bar.swiper-pagination-bullets, .bar.swiper-pagination-custom, .bar.swiper-pagination-fraction {bottom:46px;left:0; right:0;}

  .main .software .inner {padding: 80px 24px}
  .main .software .inner>strong {font-size:24px; line-height: 36px;}
  .main .software li {width: 100%;}
  .main .software li + li {margin: 24px 0 0 0;}


  .customer .inner {padding: 80px 24px 120px;}
  .customer .inner>strong {font-size:24px; line-height: 36px;}
  .customer .scroll_img {bottom: auto; top: 240px;}
  
  .customer_slider {margin-top:160px;}
  .customer_slider .swiper-slide {height: auto;margin-top: 0; padding: 0 32px 56px;}
  .customer_slider .swiper-slide .wrap_img {width:101px; height: 37px; top: 40px; left: 32px;}
  .customer_slider .swiper-slide .wrap_img img {margin-top: 0; width: auto; height: 100%;}
  .customer_slider .swiper-slide strong {margin: 84px 0 8px;padding-right: 32px;}
  .customer_slider .swiper-container-horizontal>.swiper-pagination-bullets, .customer_slider .swiper-pagination-custom, .customer_slider .swiper-pagination-fraction {bottom: 32px; right: 32px;}
  .main .customer_slider {margin-top:110px;}
  
  .main .number .inner {padding: 0 24px 104px}
  .main .number .inner>strong {font-size:24px; line-height: 36px;}
  .main .number ul {margin-top: 80px}
  .main .number li {display: block;}
  .main .number li + li {margin-top: 46px}
  .main .number li em {font-size: 48px; line-height: 62px;}
  
  .main .link_view {display: none;}
  .main .projects .inner {padding: 80px 24px 80px} 
  .main .projects .inner>strong {font-size: 24px; line-height: 36px; text-align: center;}
  .main .projects ul li {float: none; width: auto;}
  .main .projects ul li + li {margin: 24px 0 0 0;}
  
  .main .banner {height: 428px;}
  .main .banner:hover .box_bg {transform: scale(1.1);}
  .main .banner .box_txt {width: auto; top: 80px; left: 24px; right:24px; transform: translateX(0)}
  .main .banner .box_txt strong {font-size: 24px;line-height: 36px;}
  .main .banner .box_txt p {font-size:14px; color: #fff; line-height: 28px;}
  
  .main .explore .inner {padding: 80px 24px }
  .main .explore .inner>strong {font-size:24px; line-height: 36px;}
  .main .explore .swiper-container {margin-top: 20px;padding: 0;}
  .main .explore .swiper-container .swiper-slide {width:236px}
  .main .explore .swiper-container .swiper-slide + .swiper-slide {margin-left: 10px;}
  .main .explore .swiper-container .swiper-slide .wrap_thumb {height: 161px;}
  .main .explore .swiper-container .swiper-slide a>strong {font-size: 14px; line-height: 24px;}
  
  /********** Overview **********/
  .overview .keyvi {padding-top:55px;position:static;}
  .overview .keyvi strong {font-size: 24px; line-height: 32px;}
  .overview.gen .keyvi .overview_slider .swiper-slide {height: auto; background-image:none !important;}
  .overview.gen .keyvi .overview_slider .swiper-slide p {display: none;}
  .overview.gen .keyvi .overview_slider .swiper-slide img:first-of-type {display:none;}
  .overview.gen .keyvi .overview_slider .swiper-slide img:nth-of-type(2){display:block; width: 100%}
  .overview.gen .keyvi .overview_slider .mid img {margin-top: -40px;}
  .overview.gen .swiper-pagination.bar {display: none;}
  .overview.gen .customer_slider {margin-top: 160px;}
  .overview.gen .customer_slider .swiper-slide strong {padding-right: 0;}
  .overview.gen .customer_slider .swiper-slide span {width: 180px;}
  
  .overview .inner {width: auto;}
  
  .overview .intro {padding: 80px 24px 80px;}
  .overview .intro strong {margin-bottom: 15px; font-size: 14px; line-height: 24px;}
  .overview .intro .wrap_link {width: auto; margin-top: 160px;}
  .overview .intro .wrap_link a .ico_intro {margin: 0 auto; width: 40px; height: 40px;} 
  .overview .intro .wrap_link a span {margin-top: 19px; padding: 0 10px; font-size: 12px;line-height: 20px;}
  .overview .intro .wrap_link > a + a:before {left: -8px; width: 17px;}
  
  .overview .funcs {padding: 0 24px;}
  .overview .funcs .func_slider {display:none}
  .overview .funcs .func_m {display:block;}
  .overview .funcs .func + .func {margin-top: 80px;}
  .overview .funcs .func figure {float: none; width: auto; height: auto;}
  .overview .funcs .func .txt {padding: 24px 0 0 0;}
  .overview .funcs .func .txt strong {margin-bottom: 15px; font-size: 24px;}
  .overview .funcs .func .txt p {font-size: 13px; line-height: 21px;}
  .overview .funcs .func:first-child figure {float:none}
  .overview .funcs .func:first-child .txt {padding: 24px 0 0 0}
  .overview.gen .funcs .func:nth-of-type(3) .txt {padding-top:24px;}
  
  .overview .understand {padding: 160px 24px 0;}
  .overview .understand .wrap_txt > strong {font-size:24px; line-height:32px;}
  .overview .understand_slider .swiper-slide {width: 295px; height: 414px; padding: 27px 0 77px 27px;}
  .overview .understand_slider .swiper-slide.on {width: 564px;}
  .overview .understand_slider .swiper-slide .example strong {font-size: 18px; line-height: 30px;}
  .overview .understand_slider .swiper-slide .example .loca {font-size: 12px; line-height: 18px;}
  .overview .understand_slider .swiper-slide .example p {margin-bottom: 24px;font-size: 12px;line-height:20px;height:77px;}
  .overview .understand_slider .swiper-slide .example img {width:100%;height: auto; bottom: 30px;}
  .overview .understand_slider .swiper-slide button {display: none;}
  .overview .understand_slider .swiper-slide.on .spread {display: none;}
  
  
  .contact_form {padding: 80px 0 90px}
  .contact_form strong {font-size:32px; line-height:46px;}
  .contact_form p {margin-bottom:86px;font-size:14px}
  .contact_form .inner {width: auto; padding: 0 24px;}
  .contact_form .hs-form-field {padding: 0;}
  .contact_form .hs_bridge_request_type .hs-form-checkbox {width:50%}
  .contact_form .area_form .hs-form-booleancheckbox label {height: unset;}
  .contact_form .hs-form-checkbox span {font-weight: 500; font-size:13px;}
  .contact_form .area_form form>.hs-fieldtype-text {width: 100%; float: none;}
  .contact_form .hs_country_for_mbm_registering {float: none;}
  .contact_form .area_form .hs_submit {padding: 0;}
  .contact_form .area_form .hs_submit .hs-button {font-weight: 500;}
  
  .overview .feature_ngen {padding: 160px 24px 0;}
  .overview .feature_ngen strong {margin-bottom: 20px; font-size:24px; line-height:32px;}
  .overview .feature_ngen ul {border-bottom: 1px solid #DFE1E7}
  .overview .feature_ngen ul li {width:100%; float: none; position: relative;border-top: 1px solid #DFE1E7}
  .overview .feature_ngen ul li a {line-height: 80px;}
  .overview .feature_ngen ul li img {display: none;}
  .overview .feature_ngen ul li img + img {display: block; position: absolute; left: 0; top: 12px; width: 56px; height: 56px;}
  .overview .feature_ngen ul li span {margin-top: 0; line-height: 80px; font-size:13px;}
  
  .overview .run {padding: 160px 0}
  .overview .run img {margin-bottom: 11px;}
  .overview .run strong {font-size:24px; line-height: 36px; margin-bottom: 24px;}
  
  .overview.design .funcs .func figure {float:none; width: 100%; height: auto;}
  .overview.design .funcs .func .txt {padding: 24px 0 0 0}
  
  .overview.design .members {padding: 160px 0 0 0;}
  .overview.design .members strong {width: auto; padding: 0 24px; font-size:24px; line-height:32px; margin-bottom:24px;}
  .overview.design .members .container {padding: 56px 24px 0}
  .overview.design .members .items {width: auto;}
  .overview.design .members .items>div.composite {float: none; width: auto;}
  .overview.design .members .items>div.alu {float: none; width: auto;}
  .overview.design .members ul {margin: 24px 0}
  .overview.design .members ul li {width: 50%}
  .overview.design .members .items>div.composite ul li {width: 50%;}
  .overview.design .members .items>div.alu ul li {width: 50%;} 
  
  .overview div[class^="banner_"] {height: 380px; padding: 56px 24px 0;}
  .overview div[class^="banner_"] .inner strong {font-size: 24px; line-height: 36px; margin-bottom: 20px;}
  .overview div[class^="banner_"].banner_try {background-position-x: 75%}
  
  div[class^="banner_"] .inner {width:auto}
  div[class^="banner_"].banner_try {height: 380px; padding: 56px 24px 0;}
  div[class^="banner_"].banner_try .inner strong {font-size: 24px; line-height: 36px; margin-bottom: 20px;}
  div[class^="banner_"].banner_try {background-position-x: 75%}
  div[class^="banner_"].banner_tutorial {background-position-x: 40%}
  
  
  .modal .video {left:20px; right:20px; top:40%; transform: none;}
  .modal iframe {width:100%; height:auto;}
  .overview.ngen .keyvi video {width:100%}
  .overview.ngen .keyvi {padding:55px 24px 0}
  .overview.design .keyvi .txts {padding:55px 0 50px; position:static;}
  .overview.design .keyvi .bgs {position:relative;}
  .overview.design .keyvi .bgs div {position:static; background-size:cover; position: static; height:240px; background-attachment:initial;}
  .overview.design .keyvi .bgs .bg_mono {display:none;}
  .overview.ngen .func video {width: 100%; height: auto; float: none;}
  .overview.ngen .mechanism {padding: 160px 24px 0;}
  .overview .mechanism .inner>strong {font-size:24px; line-height:32px;}
  .overview .mechanism .con {margin-top: 48px;}
  .overview .wrap_facil {float: none;}
  .overview .wrap_facil ul li {font-size: 16px;}
  .overview .wrap_facil ul li .popup {position: fixed;padding: 72px 16px 24px;width:100%; height: 100vh; left: 0; top:0; z-index: 1;overflow-y:scroll}
  .overview .wrap_facil ul li .popup .box{padding-bottom:160px}
  .overview .wrap_facil .popup .info {float: none; margin-right: 0; text-align: center;}
  .overview .wrap_facil .popup .info p { margin-bottom:24px;}
  .overview .wrap_facil .popup .info img {width:100%; height:auto;}
  .overview .wrap_facil .popup .detail {display:block;}
  .overview .wrap_facil .popup .detail p {height:auto;font-size:12px; line-height: 18px; margin: 24px 0 20px;}
  .overview .wrap_facil .popup .detail img {width:100%; height: auto;}
  .overview .wrap_facil .popup button {position: absolute; width:40px; height: 40px; right: 50%; top: 16px; transform: translateX(50%); cursor:pointer; z-index: 10;}
  
  .overview .wrap_view {display: none;}
/*   .overview .wrap_view ul li.on {display: none;} */
/*   .overview .wrap_view.bg:after {display: none} */
  .overview.ngen .feature_ngen ul li {width:100%}
  
  .overview .interface {padding: 160px 24px 0;}
  .overview .interface strong {width:auto; margin: 0 0 40px 0; font-size:24px; line-height:32px;}
  .overview .interface .swiper-container {padding-left: 0;}
  .overview .interface .swiper-container .swiper-wrapper {display:block;}
  .overview .interface .swiper-container .swiper-slide {float: none; width: 100%;}
  .overview .interface .swiper-container .swiper-slide.analysis {margin: 50px 0 0 0}
  .overview .interface .swiper-container .box {height: 165px;}
  .overview .interface .swiper-container .swiper-slide video {width: 100%; height: auto}
  .overview .interface .swiper-container .box:before {border-width: 18px 0 18px 30px;}
  .overview .interface .swiper-container .swiper-slide .txts {margin-top: 16px;}
  .overview .interface .swiper-container .swiper-slide .txts span {margin-right:16px; font-size:16px;line-height:28px;}
  .overview .interface .swiper-container .swiper-slide .txts span i {display:inline-block; vertical-align: top; margin:6px 8px 0 0}
  .overview .interface .swiper-container .swiper-slide .txts a {font-size:11px; line-height:28px;}
  .overview .interface .swiper-container .swiper-slide .txts a + a {margin-left: 20px;}
  .overview .interface .swiper-container .swiper-slide .txts a i {margin-top: 8px;}
  
  
  
/*  feature  공통 */
  .feature .keyvi_feature {padding-top:80px}
  .feature .keyvi_feature .wrap_txt {width:auto;margin-bottom:40px;padding: 0 24px;}
  .feature .keyvi_feature span {font-size:13px;line-height:21px;}
  .feature .keyvi_feature strong {margin-bottom:16px;font-size:32px;line-height:34px;}
  .feature .keyvi_feature strong .br {display:block;}
  .feature .keyvi_feature p {width:auto;margin-bottom:40px;font-size:14px;line-height:24px;}
  .feature .keyvi_feature .bg {height:200px;}
  
  .feature .inner {width:auto;margin-top:80px;padding: 0 24px;}
  .feature div[class^="item"] {margin-bottom:80px;}
  .feature div[class^="item"] .tit {font-size:24px;line-height:36px;margin-bottom:16px;}
  .feature div[class^="item"] .desc {width:100%;font-size:14px;line-height:24px;}
  .feature.drawing div[class^="item"].item4 .desc {width:100%;}
  .feature div[class^="item"] .imgs {width:auto;margin-bottom:32px;transform:translateX(0);overflow:hidden;}
  .feature div[class^="item"] .icons {float:none; width:auto;}
  .feature div[class^="item"] .icons>div {float:none;width:auto;padding-left:0;}
  .feature div[class^="item"] .icons>div + div {margin-top:32px;}
  .feature div[class^="item"] .icons>div strong {margin-top: 16px;font-size:16px;line-height:28px;}

  .feature div[class^="item"].equal .imgs {transform:none;width:auto;}
  .feature div[class^="item"].equal .imgs img {float:none;width:100%;height:auto;}
  .feature div[class^="item"].wide .imgs {transform:none; width:auto;}
  .feature div[class^="item"].wide .imgs img {width:100%;height:auto;transform:none;}
  
  .feature div[class^="item"].side {margin-bottom:80px;}
  .feature div[class^="item"].side .txts {width:auto; float:none;}
  .feature div[class^="item"].side .txts .desc {padding-right:0;margin-bottom:0;}
  .feature div[class^="item"].side .imgs {display:none;}
  .feature div[class^="item"].side .imgs_m {display:block;width:auto;}
  .feature div[class^="item"].side .imgs_m img {width:120%;height:auto;transform:translateX(-8%);}
  .feature div[class^="item"].side .icons>div p {padding-right:0}
  
  .feature.mesh div[class^="item"].wide .imgs img {height:200px;width:auto;transform:translateX(-100px)}
  .feature.highrise div[class^="item"].item1 .desc {margin-bottom:32px;}
  .feature.seismic div[class^="item"].equal .imgs {margin-bottom:64px;}
  .feature.seismic div[class^="item"].equal .imgs img {width:100%}
  .feature.seismic div[class^="item"].wide .imgs {margin-bottom:64px;}
  .feature.design div[class^="item"] .btns {display:none;}
  .feature.design div[class^="item"] .btn_code {display:none;}
  .feature.design div[class^="item"].item3 .desc {margin-bottom:0;}
  .feature.design div[class^="item"].item3 .imgs {height:auto;}
  .feature.design div[class^="item"].item3 .imgs img {position:static;left:auto;right:auto;width:120%;transform:translateX(-8%);}
  .feature.design div[class^="item"].item3 .imgs img + img {transform:translateX(-8%) translateY(-8%)}
   
  
  /*  feature ngen   */
  .feature.ngen div[class^="item"].side .imgs_m {margin:32px 0 24px;}
  .feature.ngen div[class^="item"].side .imgs_m img {width:110%; transform:translateX(-4%);}
  .feature.ngen div[class^="item"].side {margin-bottom:80px;}
  .feature.ngen div[class^="item"] .desc {margin-bottom:32px;}
  
  
     
  .contact_form{margin-top:0;width:auto;padding:48px 24px 80px}
  .contact_form .form_area form>div{float:none;width:auto;padding:0}
  .contact_form .form_area .hs_structure_en_consent_box{width:auto}
  .contact_form .form_area .hs_structure_en_request_type{width:auto;border-bottom:1px solid #E6E5EA;margin-bottom:48px}
  .contact_form .form_area .multi-container{border-bottom:0;height:auto}
  .contact_form .form_area .multi-container li{width:50%}
  .contact_form .form_area .hs_private_consent_box{width:auto}
  .contact_form .form_area .hs_submit{width:auto;margin-top:60px}
  .global_office{padding:0}
  .global_office .inner{width:auto;padding:80px 24px}
  .global_office .inner>strong{margin-bottom:100px;font-size:32px;line-height:40px}
  .global_office .list_global{top:130px;left:24px;right:24px}
  .global_office .inner_item{padding:24px}
  .banner_partner{padding:80px 0}
  .global_office .list_global ul{height:200px}
  .banner_partner strong{line-height:40px;padding:0 24px}
  .head_contact .txt img{width:270px;margin-left: -105px;bottom:-148px;}
  .clients .inner{width:auto;padding:130px 0 100px}
  .clients .inner>strong{float:none;text-align:center;font-size:24px;line-height:32px;margin:0 auto 48px}
  .clients .inner ul li{float:none;width:auto;margin:0 auto 62px}
  .clients .inner ul li img{margin-top:10px}
  .contact h3{font-size:40px;line-height:48px;margin-bottom:10px}
  .partner .head{height:300px;padding:80px 24px 0}
  .contact h3+p{font-size:12px;line-height:18px}
  .contact .cont{width:auto}
  .partner .cont .item_partner .wrap_thumb{display:none}
  .partner .cont .item_partner{padding:80px 24px 0}
  .partner .item_partner strong{font-size:24px;line-height:32px}
  .partner .item_partner p{font-size:24px;line-height:32px}
  .partner .item_partner dl{margin-top:48px}
  .partner .item_partner dl dt{font-size:15px;line-height:30px}
  .partner .item_partner dl dd{font-size:14px;line-height:22px}
  .global_partner{padding-top:80px;margin-top:80px}
  .global_partner .inner{width:auto;padding:0 24px}
  .global_partner p{font-size:14px;line-height:22px;font-weight:400}
  .global_partner strong{font-size:32px;line-height:40px}
  .global_partner .list_partner em{line-height:18px}
  
  .feature_event .txt{width:auto}
  .feature_event .type1 .link_thumb{width:auto;margin:0 0 80px}
  .feature_event .type1 .link_thumb .tags{top:24px;left:24px}
  .item_event{width:auto;padding:0 24px;margin-bottom:80px}
  .item_event .tit{float:none;width:auto;margin-bottom:32px}
  .item_event .tit strong{font-size:20px}
  .feature_event>div{margin-bottom:0}
  
  .form_regist{margin-bottom:80px}
  .form_regist .hbspt-form .hs-submit{width:auto}
  .form_regist .hbspt-form .hs_private_consent_box{width:auto;margin-bottom:48px}
  .item_event .list_program.type1 li{float:none;width:auto;margin-bottom:24px}
  .item_event .list_program strong{max-height:64px;height:auto}
  .item_event .list_program.type1 li:nth-child(odd){margin-right:0}
  .item_event .list_program.type1 .wrap_thumb{margin-bottom:32px}
  .item_event .list_program.type2 li{border-top:0;padding-top:0}
  .item_event .list_program.type2 li .wrap_thumb{float:none;width:auto;margin:0 0 32px}
  .item_event .list_program.type2 li .cont_thumb{padding-left:60px}
  .item_event .list_time .time{display:block;float:none;width:auto;padding:24px 0 16px}
  .item_event .list_time .title{float:none;width:auto;padding:0}
  .item_event .list_time .txt{padding-top:8px}
  .item_event .cont p{font-size:14px !important;line-height:24px !important;font-weight:400}
  .item_event .list_speaker.type1 li{float:none;width:auto;margin:0 0 32px}
  .item_event .list_speaker .wrap_thumb{margin-bottom:26px}
  .item_event .list_speaker.type1 strong{margin-bottom:0;font-size:16px;line-height:24px}
  .item_event .list_speaker .info{margin-top:0}
  .item_event .list_program.type1 em{margin-bottom:0}
  
  .form_regist .inner{width:auto;padding:48px 24px 24px}
  .form_regist .hbspt-form{padding:0}
  .form_regist .hbspt-form form>div:first-child{position:static;margin-bottom:48px}
  .form_regist .hbspt-form form>div{display:block;width:auto;margin:0 0 24px}
  .form_regist .form .link_popup{top:auto;bottom:130px}
  .table_info .item>strong{float:none;display:block;width:auto;margin-bottom:8px}
  .table_info .item{padding:24px 0}
  .table_info .item .list_date li+li{padding:24px 0}
  .table_info .item .list_date li>span{float:none;width:auto;display:block;color:#888;font-weight:400;margin-bottom:8px}
  .banner_contact .inner strong span{display:none}
  
  .banner_contact .inner{width:auto;padding:0 24px}
  .banner_contact .inner strong{font-size:16px}
  .banner_contact .inner ul .txt{display:none}
  .banner_contact .inner ul .ico{margin-left:0}
  .banner_contact .inner ul li{margin-left:8px}
  
  .cont_error{width:auto;padding:64px 5%}
  .cont_error p{font-size:16px;margin-bottom:24px}
  .cont_error .txt{float:none;margin-bottom:48px}
  .cont_error img{float:none;display:block;width:256px;margin:0 auto}
  .password_error strong{font-size:64px;line-height:72px}
  .password_error p{margin:24px 0 48px;font-size:14x;line-height:32px}
  .password_error input[type="password"]{width:100%}
  .password_error input[type="submit"]{;width:100%}
  .contact_form .form_area .link_popup{left:auto;right: 0;bottom: 77px;}
  .cont_blogview .post-body img{width:100% !important}
  .form_ebook .inner .form_area form .hs-submit{margin-top:60px}
  .form_ebook .inner .form_area .link_popup{right:24px;top:auto;bottom:128px}
  
  .form_partnership{margin-bottom:0}
  .form_partnership .hbspt-form .hs-submit{width:auto}
  .form_partnership .hbspt-form .hs_private_consent_box{width:auto;margin-bottom:48px}
  .form_partnership .inner{width:auto;padding:48px 24px 24px}
  .form_partnership .hbspt-form{padding:0}
  .form_partnership .hbspt-form form>div:first-child{position:static;margin-bottom:48px}
  .form_partnership .hbspt-form form>div{display:block;width:auto;margin:0 0 24px}
  .form_partnership .form .link_popup{top:auto;bottom:130px}
  .form_partnership .hbspt-form form{padding:0}
  
  .popup_info .layer{top:0;bottom:0;left:0;right:0;margin:0;width:auto;height:auto;padding:80px 5%}
  .popup_info .layer .box{height:480px}
  .popup_info .layer .btn_close{right:5%}
  .item_event .list_speaker.type2 .wrap_thumb{float:none;margin:0 auto}
  .item_event .list_speaker.type2 .cont_thumb{height:auto}

  
  /* 21.04.21 feature 마지막 수정: 21.04.23 */
  .product {padding: 0 24px;}
  .product .feature_product {margin-top: 82px;}
  .product .feature_product h3 {font-size: 12px; line-height: 21px;}
  .product .feature_product p {font-size: 32px; line-height: 46px; margin-bottom: 43px;}
  .product .feature_product p .br {display: inline;}
  .product .feature_product .btns {display: block; margin-bottom: 56px;}
  .product .feature_product .btns a {float: none; width: auto;}
  .product .feature_product .btns a + a {margin: 8px 0 0 0}
  
  .function {width: auto;}
  .function .thead {border-bottom-color: #AAABAF; border-top: none; background-color: #fff;}
  .function .thead .th {display: none;}
  .function .thead .th:first-child {display: block; width: auto; padding-left: 0; font-size: 16px;}
/*   .function ul li + li {border-top-color: #AAABAF;} */
  .function ul li > strong {padding-left: 30px;}
  
  .function ul li > strong .ico {width: 30px;}
  .function ul li > strong .ico:before {left: 15px;}
  .function ul li > strong .ico:after {left: 11px;}

  .function ul li .item:hover {background: none;}
  .function ul li .item > p {width: 100%; padding: 0 30px; line-height: 24px; margin: 24px 0 16px 0}
  .function ul li .item .td {width: 33.33%; line-height: normal;}        
  .function ul li .item .td .txt {display: block;text-align: center;font-size: 14px; font-weight: 500; line-height: 16px;color: #3F75EA; margin-bottom: 8px;}
  
  .function ul li > strong .tooltip {display: none;}
  
  /* 21.04.23 partnership */
  
  .partnership .item_partner:first-child .tit {top: 236px;}
  .partnership .item_partner:first-child .tit:after {bottom: -25px;}
  .partnership .item_partner:first-child .tit h3 {margin-bottom: 13px; font-size: 14px;}
  .partnership .item_partner:first-child .tit strong {font-size: 32px; line-height: 46px;}
  
  .partnership .item_partner:nth-child(2):before {height: 134px; top: -134px;}
  .partnership .item_partner:nth-child(2) {padding: 105px 24px;}
  .partnership .item_partner:nth-child(2) .wrap_txt {width: auto}
  .partnership .item_partner:nth-child(2) .wrap_txt .solution {padding-bottom: 60px; margin-bottom: 70px; border-bottom: 1px solid #313136;}
  .partnership .item_partner:nth-child(2) .wrap_txt .tit {float: none; width: auto;margin-bottom: 24px;}
  .partnership .item_partner:nth-child(2) .wrap_txt .tit strong {margin-bottom: 12px; font-size:24px; line-height: 36px;}
  .partnership .item_partner:nth-child(2) .wrap_txt .tit p {width: auto; font-size: 16px; line-height: 28px; color: #DFE1E6;}
  .partnership .item_partner:nth-child(2) .wrap_txt .txt dt {margin-top: 32px;}
  .partnership .item_partner:nth-child(2) .wrap_txt .txt dd {width: auto; font-size: 14px;line-height: 26px;}
  .partnership .item_partner:nth-child(2) .wrap_txt .txt dd:before {margin-right:4px;; width: 3px; height: 3px;} 
  
  .partnership .item_partner:nth-child(3) {padding: 98px 24px 84px}
  .partnership .item_partner:nth-child(3).wrap_tit {margin-bottom: 56px;}
  .partnership .item_partner:nth-child(3) .wrap_tit strong {margin-bottom: 28px; font-size: 32px; line-height: 46px;}
  .partnership .item_partner:nth-child(3) .wrap_tit p .br {display: inline;}
  .partnership .list_partner {width: auto;}
  .partnership .list_partner li {margin-bottom: 32px; width: 50%; height: 118px;}
  .partnership .list_partner li img {float: none; margin: 0 auto 16px;}
  .partnership .list_partner li .name {text-align: center;}
  .partnership .list_partner li .name span .br {display:block;}
  
/*  튜토리얼 */
  .wrap_content .project_aside {display:none;}
} 

/* Poppins 폰트 적용 */
input, textarea {
    font-family: 'Poppins', sans-serif;
    font-size: inherit;
}

/* placeholder에 Poppins 폰트 적용 */
input::placeholder, textarea::placeholder {
    font-family: 'Poppins', sans-serif !important;
    font-size: inherit;
}

input {
    font-family: 'Poppins', sans-serif;
    font-size: inherit;
}

select {
    font-family: 'Poppins', sans-serif;
    font-size: inherit;
}

h1 {
    font-family: 'Poppins', sans-serif !important;
}

h2 {
    font-family: 'Poppins', sans-serif !important;
}

h3 {
    font-family: 'Poppins', sans-serif !important;
}

p {
    font-family: 'Poppins', sans-serif !important;
}

label {
    font-family: 'Poppins', sans-serif !important;
}

input[type="checkbox"] {
    font-family: 'Poppins', sans-serif !important;
}