@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
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;
font-size: 100%;
font: inherit;
vertical-align: baseline;
font-family: Pretendard, -apple-system, sans-serif;
-webkit-font-smoothing:antialiased;
}
* {box-sizing: border-box;}
input,
textarea {font-family: Pretendard, -apple-system, sans-serif;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1.75;
word-break: keep-all;
word-wrap: break-word;
overflow-x:hidden;
position:relative
}
ol, ul {
list-style: none;
}
img{width:100%;vertical-align:top}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
strong{display:block}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {display:block; text-decoration: none;}
h1,h2,h3,h4,h5,h6 {font-weight: 700;}
strong {font-weight: 700;}
input[type=submit] {-webkit-appearance:none;}
input[type=button] {-webkit-appearance:none;}
.row-fluid [class*=span] {min-height:auto}
.br{display:block}
.header_cim{position:fixed;left:0;right:0;top:0;z-index:200;background-color:#fff;border:1px solid #E5E8EB}
/* .header_cim .inner{height:72px;padding:0 80px;border-bottom:1px solid #363636} */
.header_cim .logo{width:108px;margin-right:64px;padding:27px 0}
.header_cim .logo img{width:100%;display:block}
.header_cim .gnb{float:left}
/* .header_cim .gnb>li{float:left;position:relative;width:98px} */
/* .header_cim .gnb .sub{display:none;margin-top:16px;} */
/* .header_cim .gnb .sub li{margin-bottom:8px} */
.header_cim .gnb .sub a{font-size:14px;line-height:20px;color:#AAAAAA}
.header_cim .gnb .sub a:hover{color:#fff;text-decoration:underline}
.header_cim .gnb strong{font-size:15px;line-height:72px;font-weight:bold;color:#F4F4F7}
.header_cim .gnb strong>a{font-size:15px;line-height:72px;font-weight:bold;color:#F4F4F7}
.header_cim .logo .logo_w{display:none}
.header_cim .cta{float:right;margin-top:12px}
.header_cim .cta .btn{float:left;width:120px;height:48px;font-size:14px;line-height:48px;border:1px solid #2954E8;text-align:center;border-radius:4px;color:#fff;transition:0.5s}
.header_cim .cta .btn+.btn{margin-left:8px;background-color:#2954E7}
.header_cim .cta .btn:hover{background-color:#2143B5;border-color:#2143B5;}
/* .white .header_cim{background-color:#fff}
.white .header_cim .inner{border-bottom:0}
.white .header_cim .logo img{display:none}
.white .header_cim .logo .logo_w{display:block}
.white .header_cim .gnb .sub a{color:#333}
.white .header_cim .gnb strong{color:#333}
.white .header_cim .gnb strong>a{color:#333}
.white .header_cim .cta .btn{color:#2954E8}
.white .header_cim .cta .btn+.btn{color:#fff}
.white .header_cim .cta .btn:hover{color:#fff} */
/* 1027 ìˆ˜ì •ì‚¬í• */
.header_cim .inner {display:flex;width:1120px;height:80px;margin:0 auto;position:relative;}
.header_cim .gnb>li {float:left;padding:0 20px}
.header_cim .gnb>li>a {display:flex;align-items:center;column-gap:2px;font-size:16px;width:100%;line-height:80px;font-weight:500;color:#191f28;position:relative}
.header_cim .gnb>li>a img {width:16px;height:16px;}
.header_cim .gnb>li>a:after {content:'';position:absolute;left:0;right:0;bottom:1px;height:1px;background-color:#fff;opacity:0;transition:.5s;z-index:10}
.header_cim .gnb>li:hover a:after {opacity:1}
.header_cim .gnb .sub{display:none;width:100%;position:absolute;left:0;top:72px;padding-left:272px;background-color:#000912;opacity:.95}
.header_cim .gnb li:nth-child(2) .sub {padding-left:365px}
.header_cim .gnb li:nth-child(3) .sub {padding-left:460px}
.header_cim .gnb li:nth-child(4) .sub {padding-left:552px}
.header_cim .gnb li:nth-child(5) .sub {padding-left:632px}
.header_cim .gnb .sub li {float:left;margin-right:28px}
.header_cim .gnb .sub li a {font-size:15px;font-weight:500;line-height:72px;color:#aaa;transition:.5s}
.header_cim .gnb .sub li:hover a {color:#fff}
/********** BLOG ***********/
/***** BLOG *****/
.cim_blog{background-color:#fcfcfc}
.head_blog{max-width:1200px;padding-top:160px;margin:44px auto 0;}
.head_blog h2{position:relative;display:inline-block;vertical-align:top;font-weight:700;font-size:48px;line-height:60px;color:#191f28;}
.head_blog h2+p {margin-top:8px;font-size:16px;font-weight:400;line-height:24px;color:#4E5968}
/* .head_blog h2:before{position:absolute;left:0;top:11px;height:38px;width:1px;background-color:#fff;content:''}
.head_blog h2:after{position:absolute;right:0;top:11px;height:38px;width:1px;background-color:#fff;content:''} */
.cim_blog.white{background-color:#fff}
.cim_blog.white .head_blog h2{color:#222}
.cim_blog.white .head_blog h2:before{background-color:#222}
.cim_blog.white .head_blog h2:after{background-color:#222}
.cim_blog.white .filter .btn_all{border-color:#b0afb7;color:#b0afb7}
.cim_blog.white .filter .btn_all:hover{border-color:#222;color:#222}
.cim_blog.white .filter .list_topic li strong{color:#222}
.cim_blog.white .filter .list_topic li a:hover{color:#222}
/* .cim_blog.white .filter .opt_topic{background-color:#fff;border-color:#222}
.cim_blog.white .filter .opt_topic .btn_opt{color:#222} */
.cim_blog .slider_mainbanner {max-width:1200px}
.listingTopic{position:relative;float:none !important;width:1120px !important;margin:0 auto !important}
.post-item .post-body h2,
.post-item .post-body h3,
.post-item .post-body p,
.post-item .post-body details,
.post-item .post-body summary,
.post-item .post-body .header {display:none}
.filter-link-count{display:none}
.filter{position:relative;width:1120px;margin:126px auto 54px}
.filter .btn_all{vertical-align:top;line-height:48px;font-size:14px;padding-right:36px;color:#fff;border:1px solid #707070;text-align:center;padding:0 16px;border-radius:4px;transition:0.5s;display:inline-block}
.filter .btn_all:hover{border-color:#fff;}
.filter .opt_topic{position:absolute;right:0;top:-70px;width:90px;padding-top:48px;border:1px solid #E5E8EB;border-radius:4px;background-color:#fff;z-index:110;transition:0.5s;}
.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 22px;transition:0.5s;color:#333d4b;user-select:none}
.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 .list_topic{position:absolute;top:56px;border-radius:4px;border:1px solid #E5E8EB;box-shadow: 0px 4px 4px 0px #00000040;right:0;background-color:#fff;display:none;overflow-y:scroll;width:140px;height:258px;padding:10px 16px 24px;box-sizing:border-box}
.filter .list_topic li strong{font-size:12px;line-height:40px;color:#4E5968}
.filter .list_topic li a{color:#8b95a1;line-height:40px;transition:0.5s;display:block;font-size:14px}
.filter .list_show{display:none;vertical-align:top}
.filter .list_show li{display:inline-block;vertical-align:top;margin-right:8px}
.filter .list_show li a{font-size:14px;line-height:36px;border:1px solid #eee;padding:0 10px;height:36px;border-radius:4px;color:#000;transition:0.5s}
.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 .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}
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}
.blog-listing-wrapper{padding-bottom:116px}
.post-listing{display:flex;flex-wrap:wrap;gap:42px 24px;max-width:1200px;margin:56px auto 0}
.post-listing .post-item{width:384px;box-sizing:border-box}
.post-listing .post-item .inner_item{position:relative;padding-bottom:229px;box-sizing:border-box;transition:0.5s}
.post-listing .post-item .inner_item:hover {box-shadow: 0px 15px 30px 0px #B3B7BB99;}
/* .post-listing .post-item .inner_item:hover #hubspot-topic_data em{background-color:#fff;color:#222} */
.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:229px;padding:57px 32px 32px;border:1px solid #E5E8EB;border-top:0;cursor:pointer}
.post-listing .post-item .post-header em{display:block;font-size:14px;line-height:16px}
.post-listing .post-item .post-header .post-description{display:-webkit-box;height: 44px;font-size: 14px;font-weight: 500;line-height: 22px;letter-spacing: -0.28px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;overflow: hidden;}
.post-listing .post-item .post-header .post-read_time{display:block;margin-top:16px;color:#333D4B;font-size: 14px;font-weight: 500;line-height: 22px;letter-spacing: -0.28px;}
.post-listing .post-item .post-body{height:220px}
.post-listing .post-item .post-body h1 {display:none}
.post-listing .post-item .post-body .hs-video-widget {display:none}
.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-weight:500;font-size:14px;line-height:16px;color:#6B7684}
.post-listing .hs-featured-image-wrapper{position:relative;width:100%;height:220px;background-position:center center;background-size:cover}
.post-header h2{display:-webkit-box;overflow:hidden;height:auto;max-height:102px;margin-bottom:4px;font-size:20px;line-height:27px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.post-header h2 a{transition:0.5s;color:#333d4b;position:relative}
.post-listing #hubspot-topic_data{display:block;position:absolute;left:32px;bottom:-45px;z-index:100}
.post-listing #hubspot-topic_data em{display:none;height:20px;background-color:#F5F8FE;font-weight:500;font-size:12px;line-height:20px;text-align:center;padding:0 6px;color:#1369E9;border-radius:2px;transition:0.5s}
.post-listing #hubspot-topic_data em:first-child{display:block}
.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}
.blog-pagination{margin-top:20px;text-align:center;font-size:0}
.blog-pagination>a{display:inline-block;vertical-align:top;width:38px;height:38px;margin:0 2px;font-size:14px;line-height:38px;font-weight:bold;color:#8b95a1}
.blog-pagination>a:hover {color:#3671E3}
.blog-pagination>a i{display:block;width:100%;height:100%;line-height:38px;text-align:center}
.blog-pagination>a.blog-pagination__prev-link, .blog-pagination>a.blog-pagination__next-link{display: inline-flex;justify-content: center;align-items: center;}
.blog-pagination>a.blog-pagination__prev-link{transform: rotateZ(180deg);}
.blog-pagination .blog-pagination__link--active{color:#191F28}
.blog-pagination>a.blog-pagination__prev-link--disabled{display:none}
.blog-pagination>a.blog-pagination__next-link--disabled{display:none}
/*
.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 #383A44;color:#AAAAAA}
.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-block;width:38px;height:38px;margin:0 2px;border:1px solid #606377;vertical-align:top;background-color:#606377}
.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{text-align:center;box-sizing:border-box;background-color:#FAFAFA}
.cont_blogview .post-header .inner{position:relative;margin:-28px auto 0;padding:212px 0 113px;}
.cont_blogview .post-header h2{display:block;height:auto;margin:0;-webkit-box-orient:initial;-webkit-line-clamp:initial;font-weight:bold;font-size:40px;line-height:48px;width:800px;margin:0 auto}
.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:bold;font-size:48px;line-height:60px;color:#191F28}
.cont_blogview #hubspot-topic_data{width:100%;border-top:1px solid #dfe1e6;padding-top:60px}
.cont_blogview .blog-section #hubspot-topic_data {border-top:none;padding-top:0;margin-bottom:4px;}
.cont_blogview .blog-section #hubspot-topic_data span {font-weight:500;font-size:14px;line-height:22px;color:#6B7684}
.cont_blogview .blog-section #hubspot-topic_data span:not(:first-child) {display:none}
.cont_blogview #hubspot-topic_data strong{font-size:24px;line-height:32px;color:#17181A;margin-bottom:10px}
.cont_blogview #hubspot-topic_data strong i{vertical-align:top;margin:4px 8px 0 0}
.cont_blogview #hubspot-topic_data>a{display:inline-block;padding:0 13px;margin-bottom:12px;font-size:14px;line-height:36px;color:#222;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 .box_expert{overflow:hidden;position:relative;;height:206px;background-color:#222222;border-radius:8px}
.cont_blogview .box_expert .wrap_thumb{width:200px;float:left}
.cont_blogview .box_expert .wrap_thumb{width:200px;float:left}
.cont_blogview .box_expert .txt{display:block;overflow:hidden;height:100%;box-sizing:border-box;padding:32px}
.cont_blogview .box_expert em{display:block;font-size:14px;line-height:20px;color:#488FF6}
.cont_blogview .box_expert strong{padding:4px 0 8px;font-size:24px;line-height:32px;color:#fff}
.cont_blogview .box_expert p{font-weight:bold;font-size:14px;line-height:20px;color:#ADAFB3}
.cont_blogview .box_expert .btn{position:absolute;right:32px;bottom:32px;color:#fff;font-size:16px;font-weight:bold;color:#fff;line-height:32px}
.cont_blogview .box_expert .btn .ico{width:32px;height:32px;background-color:#fff}
.cont_blogview .box_expert .btn .ico i{color:#222;line-height:32px}
.cont_blogview .comments{padding:160px 0;width:1120px;margin:0 auto}
.cont_blogview .comments .post-footer {width:792px;display:flex;flex-flow:column-reverse}
.cont_blogview .comments #comments-listing .comment{position:relative;padding:24px 100px 24px 0;border-top:1px solid #eee;margin:0}
.cont_blogview .comments #comments-listing .comment.depth-1{padding-left:24px}
.cont_blogview .comments #comments-listing .comment.depth-1+.replying{padding-left:24px;margin-top:-8px}
.cont_blogview .comments #comments-listing .comment.depth-2{padding-left:48px}
.cont_blogview .comments #comments-listing .comment.depth-2+.replying{padding-left:48px;margin-top:-8px}
.cont_blogview .comments .title_comment {display:flex;align-items:center;width:792px;padding-top:20px;padding-bottom:20px;border-top:1px solid #E5E8EB;cursor:pointer;user-select:none}
.cont_blogview .comments .title_comment strong{display:flex;align-items:center;column-gap:4px;font-size:24px;line-height:32px;color:#17181A}
.cont_blogview .comments .title_comment strong .count_comment {font-size:14px;color:#1369E9}
.cont_blogview .comments .title_comment img {margin-left:auto;width:16px;height:16px;transition:transform 0.3s}
.cont_blogview .comments .title_comment.on img {transform:rotate(-180deg)}
.cont_blogview .comments .title_comment.on + .hs_cos_wrapper_type_blog_comments {height:auto}
.cont_blogview .comments .title_comment + .hs_cos_wrapper_type_blog_comments {display:block;height:0;width:792px;overflow:hidden;border-bottom:1px solid #E5E8EB;transition:height 0.3s}
.cont_blogview .comments .comment-from{vertical-align:top;font-size:14px;line-height:16px;padding-right:8px;color:#43464D}
.cont_blogview .comments .comment-date{vertical-align:top;font-size:13px;font-weight:400;color:#8B95A1;line-height:16px;padding-left:8px;position:relative}
.cont_blogview .comments .comment-date:before {content:'';position:absolute;left:-2px;top:4px;width:1px;height:9px;background-color:#D1D6DB}
.cont_blogview .comments .comment-body{margin-top:8px;font-size:14px;line-height:22px;color:#43464D}
.cont_blogview .comments .comment-reply-to{position:relative;height:40px;margin-top:14px;line-height:40px;text-align:center;color:#333D4B;font-weight:500;font-size:14px;padding:0 12px;border:1px solid #D1D6DB;border-radius:4px;background:none;cursor:pointer}
.cont_blogview .comments .comment-reply-to:hover{color:#488FF6;border-color:#488FF6}
.cont_blogview .comments .comment-reply-to em{display:none}
.cont_blogview .comments .replying-to{display:none}
.cont_blogview .comments .hs-common-confirm-message{display:none}
.cont_blogview .comments .hs_comment{margin-top:8px;width:100%}
.cont_blogview .comments .hs_submit{margin-top:8px;margin-right:0}
.cont_blogview .comments .hs-error-msgs{display:none !important}
.cont_blogview .comments .hs_error_rollup{position:absolute;left:0;bottom:0;font-size:14px;line-height:20px;color:#E8533C;font-weight:normal}
.cont_blogview .comments .hs_error_rollup .hs-error-msgs{display:block !important}
.cont_blogview .comments form{display:flex;flex-flow:wrap;column-gap:8px;padding-bottom:24px;position:relative}
.cont_blogview .comments form:after{display:block;clear:both;content:''}
.cont_blogview .comments form>div{width:calc(50% - 4px);flex:none}
.cont_blogview .comments form>div label {font-weight:500;font-size:13px;color:#4E5968}
.cont_blogview .comments input[type="text"]{display:block;width:100%;height:56px;line-height:56px;font-size:14px;font-weight:bold;border:1px solid #EEEEEE;border-radius:4px;padding:0 16px;box-sizing:border-box;outline:none}
.cont_blogview .comments input[type="email"]{display:block;width:100%;height:56px;line-height:56px;font-size:14px;font-weight:bold;border:1px solid #EEEEEE;border-radius:4px;padding:0 16px;box-sizing:border-box;outline:none}
.cont_blogview .comments input[type="submit"]{height:40px;line-height:40px;text-align:center;color:#fff;font-weight:500;font-size:16px;padding:0 12px;border:1px solid #1369E9;border-radius:4px;background:none;cursor:pointer;transition:0.5s;background-color:#1369E9;outline:none}
.cont_blogview .comments input[type="submit"]:hover{background-color:#222;border-color:#222}
.cont_blogview .comments textarea{display:block;width:100%;height:128px;line-height:21px;font-size:14px;font-weight:bold;border:1px solid #EEEEEE;border-radius:4px;padding:16px;box-sizing:border-box;outline:none;resize:none;font-family:'Roboto',sans-serif}
.cont_blogview .comments input::placeholder,
.cont_blogview .comments textarea::placeholder {font-weight:500;font-size:16px;color:#8B95A1}
.cont_blogview .post-body{float:left;width:734px;margin-bottom:40px;min-height:500px}
.cont_blogview .post-body img{width:100%}
.cont_blogview .post-body h2{font-size:22px}
.cont_blogview .post-body p{display:block;font-size:16px;line-height:32px;padding-left:0 !important;font-weight:normal;color:#43464D}
.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 .comments .hs_recaptcha{display:none}
.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:13px;line-height:24px;color:#8B95A1}
.cont_blogview .hs-rss-byline .hs-rss-posted-at{display:none}
.cont_blogview .hs-rss-item.hs-with-featured-image .hs-rss-item-text{width:198px;padding-right:0}
.cont_blogview .hs-rss-item .hs-rss-title span{display:block;display:-webkit-box;overflow:hidden;height:40px;font-weight:500;font-size:14px;line-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#333D4B}
.cont_blogview .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper{width:70px;height:70px;border:1px solid #E5E8EB}
.cont_blogview .feature_image{position:relative;background:url() center center no-repeat;background-size:cover;width:1280px;height:360px;margin:-64px auto -50px}
.cont_blogview .feature_image .tags{position:absolute;left:40px;top:40px;font-size:0;}
.cont_blogview .feature_image .tags em{display:inline-block;vertical-align:top;font-weight:bold;font-size:13px;line-height:18px;height:18px;color:#fff;padding:0 4px;background-color:#222;text-align:center;margin-right:8px}
.cont_blogview .feature_image .vod_area{display:none}
.cont_blogview .feature_vod{background:none;height:544px}
.cont_blogview .feature_vod .vod_area{display:block;height:100%}
.cont_blogview .feature_vod .vod_area iframe{display:block;width:100%;height:100%}
.cont_blogview .blog-section{position:relative}
.hs-postlisting-item{padding:16px 0}
.hs-postlisting-item + .hs-postlisting-item {border-top:1px solid #E5E8EB}
.hs-postlisting-item a{display:block;display:-webkit-box;overflow:hidden;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:#2954e7}
.cont_blogview .blog-tabber .hs-rss-item.hs-with-featured-image{display:flex;flex-flow:row-reverse;column-gap:14px;}
.cont_blogview .blog-tabber .hs-rss-item.hs-with-featured-image + .hs-with-featured-image {margin:16px 0 0}
.cont_blogview .blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-featured-image{width:100%;height:100%;object-fit:cover}
.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:#2954e7}
.cont_blogview .tabber-wrap{float:right;width:330px;border:1px solid #E5E8EB;box-sizing:border-box;}
.cont_blogview .tabber-content{padding:20px 24px}
/* .cont_blogview .tabber-content #hs_cos_wrapper_popular_posts ul {border-top:1px solid #E5E8EB} */
.cont_blogview .tabber-wrap .tabber-tabs{display:flex;padding:0 12px;position:relative;border-bottom:1px solid #E5E8EB;overflow:hidden}
.cont_blogview .tabber-wrap .tabber-tabs li{padding:0 12px;position:relative}
.cont_blogview .tabber-wrap .tabber-tabs li+li{box-sizing:border-box}
.cont_blogview .tabber-wrap .tabber-tabs li+li:before {content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background-color:#8B95A1}
.cont_blogview .tabber-wrap .tabber-tabs .active{position:relative;z-index:1;}
.cont_blogview .tabber-wrap .tabber-tabs a{display:block;font-weight:500;font-size:16px;line-height:68px;text-align:center;color:#8B95A1;}
.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:flex;justify-content:center;column-gap:21px;position:relative;margin:24px 0 0;font-size:16px;line-height:26px;letter-spacing:-0.32px;color:#6B7684;}
.cont_blogview #hubspot-author_data .reading_time{position:relative;}
.cont_blogview #hubspot-author_data .reading_time:before{position:absolute;top:0;left:-13px;content:'|';}
.cont_blogview .content_area{width:1120px;margin:80px auto 0}
.cont_blogview .content_area:after{display:block;clear:both;content:''}
.cont_blogview .content_area td{border:1px solid #ccc !important}
.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:0}
.cont_blogview .form_ebook_light{position:relative;height:480px;background:url() center center no-repeat;background-size:cover}
.cont_blogview .form_ebook_light .bg{height:100%;background-color:#000}
.cont_blogview .form_ebook_light .inner{position:absolute;left:50%;top:0;bottom:0;width:1120px;margin-left:-560px;text-align:center;padding-top:72px}
.cont_blogview .form_ebook_light .inner>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;}
.cont_blogview .form_ebook_light .inner>strong{font-weight: bold;font-size: 40px;line-height: 48px;color: #fff;margin-bottom:48px}
.cont_blogview .form_ebook_light .inner .form_area input[type="text"],
.cont_blogview .form_ebook_light .inner .form_area input[type="email"]{background-color:rgba(56,56,56,0.8);border:1px solid #8e8e8e;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}
.cont_blogview .form_ebook_light .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}
.cont_blogview .form_ebook_light .inner .form_area input[type="submit"]:hover{background-color:#fff;color:#488FF6}
.cont_blogview .form_ebook_light .inner .form_area select{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:4px;background:url(https://2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/ico_select.png) right -4px no-repeat #383838;cursor:pointer;outline:none}
.cont_blogview .form_ebook_light .inner .form_area .hs_private_consent_box{width:340px;display:inline-block;vertical-align:top;float:none;margin:24px 0}
.cont_blogview .form_ebook_light .inner .form_area .hs_private_consent_box label{display:block;color:#fff}
.cont_blogview .form_ebook_light .inner .form_area .hs_submit{float:none;width:400px;margin:0 auto}
.cont_blogview .form_ebook_light .inner .form_area .link_popup{position:absolute;right:0;bottom:78px;color:#fff;text-decoration:underline;font-size:14px;line-height:20px;color:#fff;text-decoration:underline;text-align:right}
.cont_blogview .form_ebook_light .inner .form_area .hs-error-msgs{position:absolute;left:10px;right:0;bottom:-15px;font-size:12px;line-height:14px;color:#FF6638;text-align:left}
.cont_blogview .form_ebook_light .inner .form_area form{overflow:hidden}
.cont_blogview .form_ebook_light .inner .form_area form>div{float:left;width:25%;position:relative;box-sizing:border-box;padding:0 8px}
.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}
.blog_banner2{display:block;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;}
.blog_banner2:hover{background-color:#292929}
.blog_banner2 strong{font-weight:bold;font-size:18px;line-height:21px;color:#fff;margin-bottom:6px}
.blog_banner2 p{overflow:hidden;font-weight:normal;font-size:14px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;color:#eee}
.blog_banner2 em{position:absolute;right:48px;top:50%;margin-top:-16px;font-weight:bold;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}
.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}
.share_sns{overflow:hidden;position:absolute;right:0;bottom:0;text-align:center;font-size:0}
.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:#3E3E3E;transition:0.5s}
.share_sns li>a:hover>i{color:#488FF6}
.form_ebook{background-color:#292929}
.form_ebook .inner{position:relative;width:1280px;margin:0 auto;padding:370px 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:none;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 #hsForm_57a1584c-7b93-4085-bcd6-1f202b0c694b label{display:block}
.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:100%;vertical-align:top;margin-left:0px}
.form_ebook .inner .form_area input[type="text"],
.form_ebook .inner .form_area input[type="tel"],
.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:#2954e7;cursor:pointer;transition:0.5s;border-radius:4px;outline:none}
.form_ebook .inner .form_area input[type="submit"]:hover{background-color:#fff;color:#2143B5}
.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:260px;margin-top:64px}
.form_ebook .inner .form_area .hs_private_consent_box label{display:block}
.form_ebook .inner .form_area .hs_private_consent_box input{
opacity:0;
}
.form_ebook .inner .form_area .hs_private_consent_box span{
margin-left: 6px;
}
.form_ebook .inner .form_area .hs_private_consent_box span:before {
border: 1px solid #e5e8eb;
border-radius: 4px;
box-sizing: border-box;
content: "";
height: 20px;
left: 0;
position: absolute;
top: 2px;
width: 20px
}
.form_ebook .inner .form_area .hs_private_consent_box input+span:after {
background-position: 50%;
background-size: cover;
background: url(https://blog.midasuser.com/hubfs/[BIZ]/common/images/ico_checkbox_checked.svg) no-repeat;
content: "";
display: none;
height: 20px;
left: 0;
position: absolute;
top: 2px;
width: 20px
}
.form_ebook .inner .form_area .hs_private_consent_box input:checked+span:after {
display: block
}
.form_ebook .inner .form_area .link_popup{position:absolute;right:0;bottom:79px;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}
.form_ebook .inner .form_area .hs-form-booleancheckbox{font-size:14px;line-height:20px}
.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:#333333}
.curation{padding:160px 0 200px;background-color:#111}
.curation>strong{display:block;margin-bottom:50px;font-weight:bold;font-size:40px;line-height:48px;text-align:center;color:#fff}
.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;overflow:hidden}
.curation li a{display:block}
.curation li .wrap_thumb .bg{position:absolute;left:0;right:0;top:0;bottom:0;transition:1s}
.curation li em{position:absolute;left:0;bottom:0;font-weight:bold;font-size:13px;line-height:18px;height:18px;background-color:#292929;color:#fff;padding:0 8px;text-align:center;transition:1s}
.curation li p{display:block;display:-webkit-box;overflow:hidden;font-size:20px;margin-top:23px;line-height:26px;height:78px;-webkit-box-orient:vertical;-wegkit-line-clamp:3;text-align:left;color:#fff}
.curation li a:hover .wrap_thumb .bg{background-color:rgba(34,34,34,0.88)}
.curation li a:hover .wrap_thumb:after{position:absolute;left:50%;top:50%;margin-left:-24px;width:48px;height:1px;background-color:#fff;content:''}
.curation li a:hover .wrap_thumb:before{position:absolute;left:50%;top:50%;z-index:10;margin-top:-24px;width:1px;height:48px;background-color:#fff;content:''}
.curation li a:hover em{background-color:#fff;color:#222}
.curation li a:hover p{color:#488FF6;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}
.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:#333333}
.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>div{display:none;margin-bottom:120px}
.feature_event.type1_on .type1{display:block}
.feature_event.type2_on .type2{display:block}
.feature_event .type1 .inner{min-height:400px;background-color:#17181A;box-sizing:border-box;text-align:center}
.feature_event .txt{position:relative;width:1120px;margin:0 auto;color:#fff;padding:160px 0 90px;text-align:center}
.feature_event .txt h1{margin-bottom:26px;font-size:40px;line-height:44px;color:#fff}
.feature_event .txt span{display:block;margin-bottom:8px;font-size:18px;line-height:20px;color:#fff;font-weight:bold}
.feature_event .txt em{font-size:13px;line-height:20px;color:#fff;font-weight:normal}
.feature_event .inner .share_sns{bottom:84px}
.feature_event .inner .share_sns i{color:#fff}
.feature_event .inner .share_sns a:hover i{color:#488ff6}
.feature_event .type1 .link_thumb{position:relative;width:1280px;height:360px;margin:-40px auto 0;background:url() center center no-repeat;background-size:cover}
.feature_event .type1 .link_thumb .tags{position:absolute;left:40px;top:40px;font-size:0}
.feature_event .type1 .link_thumb .tags em{display:inline-block;margin-right:9px;vertical-align:top;font-weight:bold;color:#333;font-size:13px;line-height:18px;background-color:#fff;text-align:center;padding:0 4px;}
.feature_event .type1 .link_thumb .btn{position:absolute;right:40px;bottom:40px;color:#fff;font-size:16px;line-height:48px;font-weight:bold}
.feature_event .type1 .link_thumb .btn .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 .type1 .link_thumb .btn:hover .ico{transform:scale(1.2)}
.feature_event .type1 .link_thumb .btn .ico i{display:block;font-size:16px;line-height:48px;color:#333333}
.feature_event .type1 .link_thumb .bg{position:absolute;left:0;right:0;top:0;bottom:0;
background: -moz-linear-gradient(top, rgba(34,34,34,0.2) 0%, rgba(34,34,34,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(34,34,34,0.2) 0%,rgba(34,34,34,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(34,34,34,0.2) 0%,rgba(34,34,34,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33222222', endColorstr='#e6222222',GradientType=0 ); /* IE6-9 */
}
.feature_event .type2{min-height:400px;background:url() center center no-repeat;background-size:cover}
.feature_event .type2 .bar{background-color:#333}
.feature_event .type2 .bar .etc{height:64px;width:1290px;margin:0 auto}
.feature_event .type2 .bar .etc:after{display:block;clear:both;content:''}
.feature_event .type2 .btn{float:right;margin-top:8px;color:#fff;font-size:16px;line-height:48px;font-weight:bold}
.feature_event .type2 .btn .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 .type2 .btn:hover .ico{transform:scale(1.2)}
.feature_event .type2 .btn .ico i{display:block;font-size:16px;line-height:48px;color:#333333}
.feature_event .type2 .tags{float:left;margin-top:24px;font-size:0}
.feature_event .type2 .tags em{display:inline-block;margin-right:9px;vertical-align:top;font-weight:bold;color:#333;font-size:13px;line-height:18px;background-color:#fff;text-align:center;padding:0 4px;}
.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:24px;line-height:26px;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{display:none}
.item_event .list_program em{display:block;font-weight:bold;font-size:20px;line-height:22px;color:#AAA}
.item_event .list_program strong{display:block;display:-webkit-box;height:64px;overflow:hidden;font-size:20px;line-height:32px;color:#222;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.item_event .list_program p{font-size:15px;line-height:28px;color:#666666}
.item_event .list_program .wrap_thumb{display:block}
.item_event .list_program.type1{overflow:hidden}
.item_event .list_program.type1 li{float:left;width:348px;}
.item_event .list_program.type1 li:nth-child(odd){margin-right:40px}
.item_event .list_program.type1 .wrap_thumb{margin-bottom:48px}
.item_event .list_program.type1 strong{margin-bottom:8px}
.item_event .list_program.type1 em{margin-bottom:8px}
.item_event .list_program.type2 li{overflow:hidden;padding:48px 0;border-top:1px solid #DFE1E6}
.item_event .list_program.type2 li .wrap_thumb{float:right;width:280px;margin-left:40px}
.item_event .list_program.type2 li .cont_thumb{display:block;overflow:hidden;position:relative;padding-left:120px;margin-top:-6px}
.item_event .list_program.type2 li .cont_thumb em{position:absolute;left:0;top:4px;width:120px}
.item_event .list_program.type2 li .cont_thumb strong{margin-bottom:16px}
.filter_solution{position:absolute;right:0;top:-70px}
.filter_solution .opt_topic .list_topic{overflow-y:visible;height:auto;padding:24px}
.filter_solution .opt_topic{background-color:#333}
.filter_solution .opt_topic .btn_opt{color:#fff}
.filter_solution .opt_topic.open .btn_opt:after{position:absolute;left:24px;right:24px;bottom:0;height:1px;background-color:#fff;content:''}
.filter_solution .opt_topic .btn_opt i{color:#fff}
.filter_solution .list_topic li a{color:#ADAFB3;;line-height:30px;font-size:14px;padding-left:0}
.filter_solution.fixed{position:fixed;right:50%;top:200px;margin-right:-872px}
.item_event .tab{font-size:0;margin-bottom:32px;margin-right:16px}
.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{display:none;border-top:1px solid #333333}
.item_event .list_time.list1{display:block}
.item_event .list_time li{overflow:hidden;border-bottom:1px solid #DFE1E6}
.item_event .list_time .time{float:left;width:120px;font-size:15px;line-height:28px;padding:32px 0;color:#666666;font-weight:normal}
.item_event .list_time .title{float:left;width:120px;font-weight:bold;font-size:16px;line-height:28px;padding:32px 0;color:#222}
.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;display:none}
.item_event .list_speaker strong{margin-bottom:16px;font-size:20px;line-height:28px}
.item_event .list_speaker p{font-size:15px;line-height:17px;font-weight:500;color:#666}
.item_event .list_speaker .wrap_thumb{position:relative;display:block;margin-bottom:32px}
.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 .info{display:block;margin-top:4px;font-size:14px;line-height:22px;font-weight:normal;color:#666}
.item_event .list_speaker.type1 li{float:left;width:230px;margin-left:23px}
.item_event .list_speaker.type1 li:first-child{margin-left:0}
.item_event .list_speaker.type1 strong{display:block;display:-webkit-box;max-height:56px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.item_event .list_speaker.type2 li{overflow:hidden}
.item_event .list_speaker.type2 .wrap_thumb{float:left;width:230px}
.item_event .list_speaker.type2 .cont_thumb{overflow:hidden;height:226px;padding:16px;background-color:#F7F8FA;box-sizing:border-box}
.item_event .list_speaker.type2 strong{display:block;display:-webkit-box;max-height:84px;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.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}
.form_regist{background-color:#292929}
.form_regist #form_promo_Regist{background-color:#292929;margin-bottom:80px}
.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{display:none;position: absolute;right:0;bottom:282px;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;color:white}
.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;color:#222}
.form_regist .hbspt-form form>div:first-child p{font-size:16px;line-height:22px;font-weight:normal;color:#eee;margin-top:12px}
.form_regist .hbspt-form form>div{display:inline-block;position:relative;width:348px;vertical-align:top;margin:0 20px 24px}
.form_regist .hbspt-form form>div.hs-n2022cim____{display:block;width:auto;margin-top:60px}
.form_regist .hbspt-form form>div.hs-n2022cim____>label{display:block;font-size:20px;line-height:24px;font-weight:bold;color:#fff;margin-bottom:12px;}
.form_regist .hbspt-form form>div.hs-n2022cim____ ul{overflow:hidden}
.form_regist .hbspt-form form>div.hs-n2022cim____ li{float:left;width:33.33%;padding-top:12px;}
.form_regist .hbspt-form form>div.hs-n2022cim____ li label{font-size:15px;line-height:18px;padding-left:24px;position:relative;cursor:pointer}
.form_regist .hbspt-form form>div.hs-n2022cim__{display:block;width:auto;margin-top:60px}
.form_regist .hbspt-form form>div.hs-n2022cim__>label{display:block;font-size:20px;line-height:24px;font-weight:bold;color:#fff;margin-bottom:12px}
.form_regist .hbspt-form form>div.hs-n2022cim__ ul{overflow:hidden}
.form_regist .hbspt-form form>div.hs-n2022cim__ li{float:left;width:33.33%;padding-top:12px}
.form_regist .hbspt-form form>div.hs-n2022cim__ li label{font-size:15px;line-height:18px;padding-left:24px;position:relative;cursor:pointer}
.form_regist .hbspt-form form>div.hs_n2022drafter_>label{display:block;font-size:16px;line-height:18px;font-weight:bold;margin-bottom:12px}
.form_regist .hbspt-form form>div.hs_n2022drafter_ li label{display:block;font-size:14px;line-height:18px;padding-left:24px;position:relative;cursor:pointer;margin-bottom:8px}
.form_regist .hbspt-form form>div.hs_n2022drafter_ input[type="radio"]+span{opacity:0.7}
.form_regist .hbspt-form form>div.hs_n2022drafter_ input[type="radio"]:checked+span{opacity:1}
.form_regist .hs-form-booleancheckbox-display{display:block;position:relative;padding-left:24px;font-size:12px;line-height:18px;text-align:left;letter-spacing:-1px}
.form_regist .hs-form-booleancheckbox-display a{display:inline;text-decoration:underline;color:#488ff6}
.form_regist input[type="checkbox"]{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;}
.form_regist input[type="checkbox"]+span:after{position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #B0AFB7;border-radius:4px;content:'';box-sizing:border-box}
.form_regist input[type="checkbox"]:checked+span:after{border:5px solid #2954e8}
.form_regist input[type="radio"]{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;}
.form_regist input[type="radio"]+span:after{position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid #B0AFB7;border-radius:4px;content:'';box-sizing:border-box;border-radius:9px}
.form_regist input[type="radio"]:checked+span:after{border:5px solid #2954e8}
.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.5sbackground:url(https://2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/ico_select.png) right -4px no-repeat}
.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-checkbox{padding-top:24px;font-size:18px;color:#fff}
.form_regist .hbspt-form .hs-form-checkbox label{display:block;position:relative;padding-left:24px;cursor:pointer}
.form_regist .hbspt-form .hs-fieldtype-checkbox .hs-error-msgs{bottom:-20px;left:24px}
.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}
/* ì´ë²¤íŠ¸ ì²´í¬ë°•ìŠ¤ ê°€ì´ë“œ 문구(ë¼ë²¨) 보여주기 */
.form_regist .hbspt-form .hs-fieldtype-checkbox>label>span {display:inline-block;padding:8px 0 12px;font-size:16px;line-height:22px;font-weight:500;color:#eee}
.form_regist .hbspt-form .hs-fieldtype-checkbox .hs-form-checkbox {padding-top:4px}
.form_regist .hbspt-form .hs-fieldtype-checkbox .hs-form-checkbox label {padding-top:4px}
.form_regist .hbspt-form .hs-fieldtype-checkbox .hs-form-checkbox span {display:inline-block;vertical-align:top;font-size:16px;color:#eee;line-height:18px;padding-left:6px}
.form_regist .hs-fieldtype-checkbox input[type="checkbox"]+span:after {top:3px}
.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{height:64px;background-color:#488FF6}
.banner_contact .inner{overflow:hidden;width:1280px;margin:0 auto;color:#fff}
.banner_contact .inner strong{float:left;font-size:18px;line-height:64px;color:#fff}
.banner_contact .inner ul{float:right;padding-right:4px}
.banner_contact .inner ul li{float:left;margin-left:32px}
.banner_contact .inner ul a{font-size:15px;line-height:64px;color:#fff;font-weight:700}
.banner_contact .inner ul a:hover .ico{transform:scale(1.2)}
.banner_contact .inner ul .ico{display:inline-block;margin-top:13px;width:40px;height:40px;background-color:#fff;border-radius:20px;text-align:center;margin-left:8px;vertical-align:top;text-align:center;transition:0.5s}
.banner_contact .inner ul .ico i{font-size:16px;line-height:40px;color:#488FF6;vertical-align:top}
.wing_newsletter{float: right;width: 320px;margin-top: 24px;border: 1px solid #e6e5ea;padding: 16px;box-sizing: border-box}
.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;font-size:12px;}
.wing_newsletter .hs-error-msgs{left:10px;right:0;bottom:-15px;font-size:12px;line-height:14px;color:#FF6638;margin-left:20px}
.footer{position:relative;background-color:#111111;padding:60px 0;z-index:10}
.footer .inner{position:relative;padding:0 80px;overflow:hidden}
.footer .logo{float:left;width:108px;margin-right:98px}
.footer .logo img{display:block;width:100%}
.footer ul{overflow:hidden}
.footer ul li{float:left;margin-right:24px}
.footer ul li a{font-size:14px;line-height:20px;color:#AAAAAA;font-weight:bold}
.footer ul li:first-child a {color:#fff}
.footer .btn_top{position:absolute;right:80px;top:0;font-size:15px;font-weight:bold;color:#fff;line-height:20px}
.footer .text{padding-left:206px;margin-top:70px}
.footer .text strong{display:block;font-size:13px;line-height:28px;color:#fff;font-weight:bold}
.footer .text p{font-size:13px;line-height:28px;color:#AAAAAA}
.header_m{display:none}
.btn-64 {min-width:12rem; height: 48px; line-height:48px;font-size:12px;padding:0 2rem;}
.btn-style {transition:all 0.5s;font-weight: 700; color:#fff; text-align: center; text-decoration: none; background:#aaa; border-radius: 4px; border:0; cursor: pointer;}
.btn-block {display:block; width:100%;}
.btn-solid {background:#2954E7;}
.btn-solid:hover {background:#2143B5;}
.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;margin-top:44px}
.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}
.head_cont{padding:160px 0 100px;text-align:center;margin-top:44px}
.head_cont h2{position:relative;display:inline-block;vertical-align:top;font-weight:bold;font-size:48px;line-height:64px;color:#222;padding:0 48px}
.head_cont h2:before{position:absolute;left:0;top:11px;height:38px;width:1px;background-color:#222;content:''}
.head_cont h2:after{position:absolute;right:0;top:11px;height:38px;width:1px;background-color:#222;content:''}
.list_application ul {width:1120px;margin:0 auto;font-size:0;min-height:770px}
.list_application ul li {display:inline-block;vertical-align:top;width:calc(33.33% - 32px);margin: 0 16px;margin-bottom:64px}
.list_application ul li .wrap_thumb {position:relative;margin-bottom:16px}
.list_application ul li .wrap_thumb:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #e8e8e8}
.list_application ul li .wrap_thumb .dim {position:absolute;left:0;right:0;top:0;bottom:0;background:#111;opacity:0;transition:.5s}
.list_application ul li .wrap_thumb .dim:before {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:49px;background-color:#fff;opacity:0}
.list_application ul li .wrap_thumb .dim:after {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:49px;height:1px;background-color:#fff;opacity:0}
.list_application ul li:hover .wrap_thumb .dim {opacity: .8}
.list_application ul li .wrap_thumb .dim:before {opacity:1}
.list_application ul li .wrap_thumb .dim:after {opacity:1}
.list_application ul li .wrap_thumb .caption {position:absolute;left:0;bottom:0;font-size:0}
.list_application ul li .wrap_thumb .caption em {display:none;vertical-align:top;padding:0 9px;box-sizing:border-box;text-align:center;font-size:12px;font-weight:bold;color:#fff;line-height:24px;background-color:#111}
.list_application ul li .wrap_thumb .caption em[class^="capt_"] {font-family:Pretendard, sans-serif}
.list_application ul li .wrap_thumb .caption em[class^="box"] {background-color:#2954E7;}
.list_application ul li .wrap_thumb .caption em.on {display:inline-block}
.list_application ul li .date{display:none;font-size:13px;line-height:20px;color:#777777;margin-top:10px}
.list_application ul li strong {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;font-family:Pretendard, sans-serif;font-weight:bold;line-height:24px;color:#222;max-height:48px;overflow:hidden}
.list_application ul li:hover strong {text-decoration:underline}
.view_application {margin-top:72px;padding-bottom:280px}
.view_application .inner {width:1120px;margin:0 auto;padding-top:150px;position:relative;box-sizing:border-box;padding-right:386px}
.view_application .head_view{margin-bottom:80px}
.view_application .head_view .info {font-size:0;margin-bottom:12px}
.view_application .head_view .info span{display:inline-block;vertical-align:top;font-size:12px;line-height:16px;color:#777;font-weight:bold;position:relative;padding-right:12px}
.view_application .head_view .info span + span {color:#aaa}
.view_application .head_view .info span + span:before{content:'';display:inline-block;vertical-align:top;width:1px;height:9px;margin:3px 12px 0 0;background-color:#707070}
.view_application .head_view h3{font-size:40px;line-height:48px;color:#222;font-weight:bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:96px;overflow:hidden}
#modalVods {position:fixed;width:100%;max-width:1120px;left:50%;top:50%;transform:translate(-50%, -50%);z-index:10000}
#modalVods div[class^="modal"] {display:none;position:relative;height:auto;width:100%;padding-top: 56.25%}
#modalVods div[class^="modal"] iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
#modalVods .btn_close {position:absolute;right:0;top:-56px;width:40px;height:40px;background:url(https://blog.midascim.com/hubfs/cimSolution/Super%20structure/btn_close.png) no-repeat;background-size:contain;transition:.5s;opacity:.5}
#modalVods .btn_close:hover {opacity:1}
body.on {overflow:hidden}
body.on:after{content:'';position:fixed;left:0;right:0;top:0;bottom:0;background-color:#000;opacity:.6;z-index:1000}
.view_application .layer_menu {display:block;position:fixed;width:320px;top:220px;right:50%;margin-right:-560px;padding:40px;border:1px solid #eee;border-radius:4px;background-color:#fff;z-index:10}
.view_application .layer_menu .box {position:relative}
.view_application .layer_menu .box+.box {margin-top:20px}
.view_application .layer_menu .box>a{font-family:Pretendard, sans-serif;font-size:15px;font-weight:bold;color:#222;margin-bottom:11px;padding-right:32px}
.view_application .layer_menu .box>a i {position:absolute;right:0;top:6px;color:#777;transform:rotate(180deg);transition:.5s}
.view_application .layer_menu .box ul {padding:0 32px 0 16px}
.view_application .layer_menu .box ul li+li{margin-top:10px}
.view_application .layer_menu .box ul a {font-family:Pretendard, sans-serif;font-size:13px;line-height:19px;color:#777;transition:.5s}
.view_application .layer_menu .box ul a:hover{color:#2954E7}
.view_application .cont_view h4{display:inline-block;vertical-align:top;position:relative;font-size:20px;line-height:32px;padding:0 24px;margin-bottom:80px}
.view_application .cont_view h4:before{position:absolute;left:0;top:6px;height:20px;width:2px;background-color:#222222;content:''}
.view_application .cont_view h4:after{position:absolute;right:0;top:6px;height:20px;width:2px;background-color:#222222;content:''}
.view_application .cont_view>strong{font-size:15px;line-height:26px;color:#222;margin-bottom:24px}
.view_application .cont_view p{font-size:14px;line-height:24px;color:#555555;margin-bottom:24px}
.view_application .cont_view .img_box{position:relative;margin-bottom:80px}
.view_application .cont_view .img_box:after{position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,0.1);content:''}
.view_application .cont_view .img_box+span{display:block;font-size:13px;line-height:26px;color:#AAA;margin-top:12px}
.view_application .cont_view .img_box+em {display:block;font-size:13px;font-weight:bold;line-height:19px;color:#555;margin-top:24px;text-align:center}
.view_application .cont_view .img_box+em+span{display:block;font-size:13px;line-height:19px;color:#AAA;text-align:center}
.view_application .cont_view .list_img{overflow:hidden;margin-bottom:80px}
.view_application .cont_view .list_img li{float:left;width:355px;margin-bottom:32px}
.view_application .cont_view .list_img li:nth-child(even){margin-left:24px}
.view_application .cont_view .list_img.col3 li{width:228px;margin-left:24px}
.view_application .cont_view .list_img.col3 li:nth-child(3n+1){margin-left:0}
.view_application .cont_view .txt_img{overflow:hidden}
.view_application .cont_view .txt_img .img_box{float:left;width:355px;margin-right:24px}
.view_application .cont_view .txt_img.rgt .img_box{float:right;margin-left:24px;margin-right:0}
.view_application .cont_view .txt_img p{overflow:hidden}
.view_application .cont_view .swiper{margin-bottom:80px;padding-bottom:16px}
.view_application .cont_view .img_swiper .img_box{margin-bottom:24px;border-radius:6px;overflow:hidden}
.view_application .cont_view div[class^="swiper-button-"]{left:0;top:0;height:400px;width:60px;margin:0}
.view_application .cont_view div[class^="swiper-button-"].swiper-button-next{left:auto;right:0}
.view_application .cont_view div[class^="swiper-button-"]:after{content:'';position:absolute;left:22px;width:24px;height:24px;border:none;border-top:1px solid #aaa;border-left:1px solid #aaa;transform:rotateZ(-45deg);transition:.5s}
.view_application .cont_view div[class^="swiper-button-"].swiper-button-next:after{left:auto;right:22px;transform:rotateZ(135deg)}
.view_application .cont_view div[class^="swiper-button-"]:hover:after{border-color:#2954E7}
.img_swiper .swiper-horizontal>.swiper-pagination-bullets,
.img_swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.img_swiper .swiper-pagination-custom,
.img_swiper .swiper-pagination-fraction{bottom:0}
.view_application .cont_view .list_img .img_box {margin-bottom:12px}
.view_application .cont_view .list_img.col3 {margin-bottom:136px}
.wrap_slider {position:relative}
.view_application .cont_view .library_swiper{position:static;}
.view_application .cont_view .library_swiper div[class^="swiper-button-"]{left:-48px;height:236px;width:48px}
.view_application .cont_view .library_swiper div[class^="swiper-button-"].swiper-button-next{left:auto;right:-48px}
.view_application .cont_view .library_swiper .img_box{margin-bottom:0}
.view_application .cont_view .library_swiper .swiper-slide span {display:inline-block;vertical-align:top;width:100%;height:56px;margin-top:0;line-height:56px;background-color:#eee;font-size:13px;font-weight:bold;color:#555;text-align:center;transition:.5s}
.view_application .cont_view .library_swiper .swiper-slide span i {vertical-align:top;margin: 22px 0 0 4px}
.view_application .cont_view .library_swiper .swiper-slide:hover span {color:#fff;background-color:#2954E7}
.view_application .wrap_vod {margin-bottom:80px}
.view_application .wrap_vod .img_box{margin-bottom:0}
.view_application .wrap_vod .img_box a{position:relative;z-index:1}
.view_application .wrap_vod .img_box .dim {position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6);transition:.5s}
.view_application .wrap_vod .img_box a:hover .dim{background-color:rgba(0,0,0,.1)}
.view_application .wrap_vod .img_box a .dim:after {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;border-style:solid;border-width:10px 0 10px 18px;border-color: transparent transparent transparent #fff}
.view_application .wrap_vod .img_box a .dim:before{content:'';position:absolute;left:50%;top:50%;width:80px;height:80px;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%}
.view_application .wrap_vod .img_box+span {width:100%;text-align:center}
.view_application .list_img .wrap_vod {margin-bottom:0}
.view_application .list_img .wrap_vod .img_box a .dim:after{border-width:7px 0 7px 14px;}
.view_application .list_img .wrap_vod .img_box a .dim:before{width:56px;height:56px}
.relation {padding:130px 0 160px;box-sizing:border-box;background-color:#fafafa;position:relative;z-index:100}
.relation:before {content:'';position:absolute;left:0;right:0;top:-200px;height:200px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.relation .inner {width:1120px;margin:0 auto}
.relation .inner>strong {font-size:34px;text-align:center;margin-bottom:72px}
.relation .list_prod {overflow:hidden}
.list_prod li {float:left;width:352px}
.list_prod li+li {margin-left:32px}
.list_prod li .wrap_thumb {height:240px;position:relative;margin-bottom:16px}
.list_prod li .wrap_thumb:after {content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #e8e8e8}
.list_prod li .wrap_thumb .dim {position:absolute;left:0;right:0;top:0;bottom:0;background:#111;opacity:0;transition:.5s}
.list_prod li .wrap_thumb .dim:before {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1px;height:49px;background-color:#fff;opacity:0}
.list_prod li .wrap_thumb .dim:after {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:49px;height:1px;background-color:#fff;opacity:0}
.list_prod li:hover .wrap_thumb .dim {opacity: .8}
.list_prod li .wrap_thumb .dim:before {opacity:1}
.list_prod li .wrap_thumb .dim:after {opacity:1}
.list_prod li .wrap_thumb .caption {position:absolute;left:0;bottom:0;font-size:0}
.list_prod li .wrap_thumb .caption em {vertical-align:top;padding:0 9px;box-sizing:border-box;text-align:center;font-size:12px;font-weight:bold;color:#fff;line-height:24px;background-color:#111}
.list_prod li .wrap_thumb .caption em+em {background-color:#2954E7;}
.list_prod li strong {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;font-family:Pretendard, sans-serif;font-weight:bold;line-height:24px;color:#222;height:48px;overflow:hidden}
.list_prod li:hover strong {text-decoration:underline}
.header_cim .gnb .item_conference a{transition:0.5s}
.header_cim .gnb .item_conference a:hover{color:#1FC8E3}
.banner_ribbon{position:fixed;left:0;right:0;top:0;height:80px;background:url(https://blog.midascim.com/hubfs/CIM%20Story/bg_ribbon.png) center center;background-size:cover;z-index:120}
.banner_ribbon a{position:relative;width:544px;margin:0 auto;height:80px;font-weight:bold;font-size:14px;line-height:20px;padding-top:19px;box-sizing:border-box;color:#fff}
.banner_ribbon a span{position:absolute;font-size:14px;line-height:80px;right:0;top:0;height:80px;color:#fff;font-weight:bold}
.banner_ribbon a span i{margin-left:4px}
@media (max-width: 1200px) {
.head_blog {padding-left: 20px;padding-right: 20px;}
.post-listing{gap:32px 24px;padding-left: 20px;padding-right: 20px;}
.post-listing .post-item{width:calc(50% - 16px);}
}
@media screen and (max-width:900px) {
.blog-listing-wrapper{padding-bottom:80px;}
.header_cim .inner {padding:0 24px}
.post-listing{row-gap:20px;}
}
@media (max-width: 792px) {
.post-listing .post-item{width:100%;}
}
@media screen and (max-width:767px) {
.banner_ribbon a{width:auto;padding:20px 24px;color:#fff}
.banner_ribbon a span{right:20px;font-size:0;}
.banner_ribbon a span i{font-size:20px;line-height:80px}
/* .header_m h1 a{display:block}
.header_cim{display:none}
.header_m{display:block;position:fixed;left:0;right:0;top:0;display:block; z-index: 100;}
.header_m.opend {bottom: 0;z-index:1000}
.header_m .btn_menu {float:right;font-size:14px;line-height:24px;color:#fff;font-weight:bold;padding-right:16px;border-right:1px solid #fff;position:relative; z-index: 200;}
.header_m .btn_menu i{margin-left:8px;font-size:14px;color:#Fff;line-height:24px}
.header_m .bar{height:64px;position:relative;box-sizing:border-box;padding:20px 24px;background-color:#111}
.header_m .bar:after{display:block;clear:both;content:''}
.header_m h1{float:left;height:24px;padding:4px 24px;box-sizing:border-box;border-left:1px solid #fff;border-right:1px solid #fff}
.header_m .logo{display:block;width:90px;height:14px;background:url('https://www.midasbridge.com/hubfs/CIM%20Story/CIM%EB%A1%9C%EA%B3%A0%20%EC%9D%B4%EB%AF%B8%EC%A7%80/logo-white.png'); background-size:cover;}
.header_m .gnb {display:none;position:fixed;left:0;right:0;top:64px;bottom:0;background-color:#111;padding-top:32px}
.header_m .gnb strong {color:#777777;height:30px}
.header_m .gnb strong a {color:#777;}
.header_m .gnb strong i{float:right;line-height:30px;color:#f4f4f7;transition:0.5s}
.header_m .gnb li{padding:0 24px;margin-bottom:24px;font-size:24px;line-height:30px}
.header_m .gnb .on strong {color:#f4f4f7;}
.header_m .gnb .on strong a {color:#f4f4f7;}
.header_m .gnb .open strong i{transform:rotateZ(180deg)}
.header_m .gnb .sub{display:none;font-size:0;padding-left:18px}
.header_m .gnb .sub a{display:inline-block;margin-right:24px;vertical-align:top;font-size:18px;font-weight:bold;color:#F4F4F7;line-height:20px;padding-top:24px}
.header_m .btn{display:none;position:absolute;left:24px;right:24px;bottom:24px}
.header_m .btn a{display:block;height:48px;background-color:#2954E7;border-radius:4px;color:#fff;font-size:14px;line-height:48px;font-weight:bold;text-align:center}
.header_m.opend .gnb,.header_m.opend .btn{display:block} */
/* GNB */
.header_cim{display:none}
.header_m{position:fixed;left:0;right:0;top:0;display:block; z-index: 1000;}
.header_m.opend {bottom: 0;}
.header_m .inner{display:flex;height:64px;position:relative;box-sizing:border-box;padding:20px 24px;border-bottom:1px solid #E5E8EB;background-color:#fff}
.header_m .inner:after{display:block;clear:both;content:''}
.header_m h1{float:left;height:24px;padding-top:6px;box-sizing:border-box}
.header_m .btn_menu {margin-left:auto;font-size:14px;line-height:24px;color:#fff;font-weight:bold;position:relative; z-index: 200;}
.header_m .btn_menu i{margin-left:8px;font-size:23px;color:#000;line-height:24px}
.header_m .logo{display:block;width:90px;height:14px;background:url('https://www.midasbridge.com/hubfs/CIM%20Story/CIM%EB%A1%9C%EA%B3%A0%20%EC%9D%B4%EB%AF%B8%EC%A7%80/logo-white.png'); background-size:cover;}
.header_m .gnb {display:none;position:fixed;left:0;right:0;top:64px;bottom:0;background-color:#111;padding:32px 24px 0}
.header_m .gnb a {font-size:20px;color:#F4F4F7;line-height:36px;font-weight:bold;user-select:none}
.header_m .gnb a>i{float:right;line-height:36px;color:#777;transform:rotateZ(0);transition:0.5s}
.header_m .gnb>li{margin-bottom:20px;font-size:24px;line-height:30px;}
.header_m .gnb .sub{display:none;overflow:hidden;font-size:0;padding:14px 0 4px}
.header_m .gnb .sub li{float:left;margin-right:20px;padding-top:10px}
.header_m .gnb .sub a{font-size:18px;font-weight:500;color:#777;line-height:20px}
.header_m .gnb li.on a i {transform:rotateZ(180deg)}
.header_m .gnb .sub a>i {line-height:18px}
.header_m .btn{display:none;position:absolute;left:24px;right:24px;bottom:24px;height:48px;}
.header_m.opend .gnb,.header_m.opend .btn{display:block}
/* .footer .inner{padding:0 24px}
.footer .logo{float:none}
.footer .text{padding:0;margin-top:55px}
.footer ul{margin-top:24px}
.footer ul li a{font-size:12px}
.footer .text p{font-size:12px;line-height:16px}
.footer .btn_top{display:none} */
.footer {padding:40px 0}
.footer .inner{padding:0 24px}
.footer .logo{float:none;width:90px}
.footer .text{padding:0;margin-top:56px}
.footer ul{margin-top:24px}
.footer ul li {margin-bottom:12px}
.footer ul li a{font-size:12px;line-height:18px}
.footer .text p{font-size:12px;line-height:16px}
.footer .btn_top{display:none}
.footer .text strong {display:none}
.footer .text p.address {display:none}
.footer .text p.reserved {font-size:13px;line-height:18px;font-weight:bold;color:#fff}
.head_blog{padding:120px 0 0}
.head_blog h2{font-size:36px;line-height:48px}
.head_blog h2:before{top:5px}
.head_blog h2:after{top:5px}
.cont_blogview .post-header h2{width:auto}
.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:40px 0 0 ;width:auto}
.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{box-sizing:border-box;font-size:0}
.cont_blogview #hubspot-topic_data>a{font-size:12px;line-height:32px;height:32px;padding:0 8px}
.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}
.head_cont h2{font-size:36px;line-height:48px}
.feature_blog{display:none}
.head_blog{height:200px;padding-top:80px;box-sizing:border-box}
.head_blog p{font-size:12px}
.filter{width:auto;margin:24px}
.filter .list_show{display:none}
.filter .opt_topic{width:100%;top:0}
.filter .opt_topic .list_topic {width:100%}
.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:184px 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}
.cont_blogview .topic {padding:0 24px}
.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 .wing_newsletter{float:none;width:auto;margin:0 24px}
.cont_blogview .comments{width:auto;padding:0 24px}
.cont_blogview .comments .title_comment {width:100%}
.cont_blogview .comments .title_comment + .hs_cos_wrapper_type_blog_comments {width:100%}
.cont_blogview .comments .comment-from{font-size:12px;border:0}
.cont_blogview .comments .comment-date{display:block;padding-left:0;font-size:12px;margin-bottom:4px;color:#8e8e8e}
.cont_blogview .comments #comments-listing .comment{padding:24px 32px 24px 12px}
.cont_blogview .comments form>div{float:none;margin:0 0 8px}
.cont_blogview .comments .post-footer {width:100%}
.cont_blogview .comments input[type="text"]{width:100%}
.cont_blogview .comments .hs_submit{float:none;width:auto}
.cont_blogview .comments input[type="email"]{width:100%}
.cont_blogview .comments .hs_comment{margin:0;width:100%}
.cont_blogview .comments textarea{height:80px;padding:10px;line-height:22px}
.cont_blogview .comments input[type="submit"]{width:100%;margin-top:16px}
.cont_blogview .form_ebook_light{height:auto}
.cont_blogview .form_ebook_light .bg{position:absolute;left:0;right:0;bottom:0;top:0}
.cont_blogview .form_ebook_light .inner{position:relative;width:auto;margin-left:0;left:0;right:0;padding:64px 24px}
.cont_blogview .form_ebook_light .inner>strong{font-size:32px;line-height:40px}
.cont_blogview .form_ebook_light .inner .form_area form>div{float:none;width:auto;margin-bottom:24px;padding:0}
.cont_blogview .form_ebook_light .inner .form_area .hs_submit{width:auto}
.cont_blogview .form_ebook_light{height:auto}
.cont_blogview .form_ebook_light .bg{position:absolute;left:0;right:0;bottom:0;top:0}
.cont_blogview .form_ebook_light .inner{position:relative;width:auto;margin-left:0;left:0;right:0;padding:64px 24px}
.cont_blogview .form_ebook_light .inner>strong{font-size:32px;line-height:40px}
.cont_blogview .form_ebook_light .inner .form_area form>div{float:none;width:auto;margin-bottom:24px;padding:0}
.cont_blogview .form_ebook_light .inner .form_area .hs_submit{width:auto}
.feature_project .title{padding:70px 0 48px;height:auto}
.feature_project .title .inner{width:Auto}
.feature_project .title .inner>strong{font-size:32px;line-height:40px;padding:0 24px}
.feature_project .image{width:auto;height:300px;margin-top:0}
.feature_project .image em{top:24px;left:24px}
.project_contents{margin-top:0 !important;width:auto !important;padding:0;border:0}
.project_contents h1{margin-bottom:24px;font-size:24px;line-height:32px}
.project_contents h2{font-size:22px}
.project_contents h3{font-size:20px;line-height:28px}
.project_contents p{font-size:14px;line-height:24px}
.project_contents .solution_img li .wrap_thumb p{font-size:12px}
.project_contents blockquote{padding-left:24px}
.project_contents h4{margin-left:24px}
.project_contents .solution_img li{margin-bottom:32px}
.wrap_content{width:auto !important;margin-top:80px !important;padding:0}
.project_contents{width:auto !important;float:none !important;padding:0 24px}
.project_contents .blog_banner2{margin:0 0 48px}
.wrap_content .project_aside{display:none}
.cont_blogview .blog_author{padding:0 24px}
.project_contents .info_box li{padding:24px 0}
.project_contents .info_box li em{float:none;width:auto;display:block}
.project_contents .feature_content{padding:24px 16px}
.form_ebook .inner .form_area .link_popup{display:none}
.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 ul li{display:block;width:auto;margin:0 24px}
.curation li p{margin-bottom:24px}
.cont_blogview .blog_author .wrap_thumb{float:none;width:160px;margin:0 auto 32px}
.header_cim .gnb>li:last-child{width:auto}
.feature_event .txt{width:auto;padding:72px 0 0 }
.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}
.feature_event .txt h1{font-size:26px;line-height:34px}
.feature_event .txt span{font-size:14px}
.form_regist .hbspt-form .hs-submit{width:auto;height:64px;margin-top:150px}
.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}
.item_event .list_speaker.type2 .wrap_thumb{float:none;margin:0 auto}
.item_event .list_speaker.type2 .cont_thumb{height:auto}
.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}
.view_application .inner {width:auto;padding:0 18px}
.view_application {padding-bottom:0}
.view_application .inner {width:auto;padding:54px 18px 0;}
.view_application .content{width:auto;float:none}
.view_application .head_view .info {margin-bottom:10px}
.view_application .head_view .info span{padding-right:8px}
.view_application .head_view .info span + span:before{margin:3px 8px 0 0}
.view_application .head_view h2{font-size:32px;line-height:40px;max-height:80px}
.view_application .layer_menu{display:none}
.view_application .head_view h3 {font-size:32px}
.view_application .cont_view .img_box {margin-bottom:40px}
.view_application .cont_view div[class^="swiper-button-"]:after {width:16px;height:16px}
.view_application .cont_view .list_img li {float:none;width:auto}
.view_application .cont_view .list_img li:nth-child(even){margin-left:0}
.view_application .list_img .wrap_vod {margin-bottom:40px}
.view_application .cont_view .list_img.col3 {margin-bottom:80px}
.view_application .cont_view div[class^="swiper-button-"] {height:50vw}
.view_application .cont_view .library_swiper {overflow:visible}
.view_application .cont_view .library_swiper div[class^="swiper-button-"] {display:none}
.view_application .cont_view .img_box+span {font-size:12px}
.view_application .cont_view .list_img.col3 li {width:100%;margin-left:0}
.view_application .cont_view .txt_img {margin-bottom:40px}
.view_application .cont_view .txt_img .img_box{float:none;width:auto;margin:0 0 24px 0}
.view_application .cont_view .txt_img.rgt .img_box {float:none;margin-left:0}
.relation {padding:56px 18px 80px}
.relation .inner {width:100%}
.relation .inner>strong {font-size:24px;margin-bottom:24px}
.list_prod li {float:none;width:auto}
.list_prod li+li {margin: 48px 0 0}
.list_prod li .wrap_thumb {height:auto}
}
section {
max-width: 500px;
}
details {
background: #f0f0f0;
padding: 20px;
margin-bottom: 5px;
}
summary {
cursor: pointer;
font-weight: bold;
font-size: 1.1em;
}