@charset "utf-8";

/* body > div.body-container-wrapper > div > div > div > div.span12.widget-span.widget-type-cell.container.topmargin > div > div.row-fluid > div > div.row-fluid-wrapper.row-depth-1.row-number-5 > div.row-fluid-wrapper.row-depth-1.row-number-1 > div > div > div.row-fluid-wrapper.row-depth-2.row-number-1 > div > div { padding-top:85px;line-height: 1.4; text-align: left;font-size: 14px;}
.blog_view .blog_content .inner_content .blog_text {font-size: 16px;    margin: 0px;    padding-top: 0px; position: relative; display: block; color: #5f676b; line-height: 1.9;letter-spacing: -0.1px;word-spacing: 0.5px; text-indent : 0px ;}
.blog_view .blog_content .inner_content .blog_text p {}
.blog_view .blog_content .inner_content .blog_text h1 {font-size: 40px; padding: 0;font-family:'Noto Sans KR';margin-bottom: 6px; margin-top: 10px;}
.blog_view .blog_content .inner_content .blog_text h2 {font-size: 30px; padding: 0;font-family:'Noto Sans KR';margin-bottom: 5px; margin-top: 8px;}
.blog_view .blog_content .inner_content .blog_text h3 {font-size: 24px; padding: 0;font-family:'Noto Sans KR'; margin-bottom: 4px; margin-top: 6px;}
.blog_view .blog_content .inner_content .blog_text h4 {font-size: 20px; padding: 0;font-family:'Noto Sans KR';margin-bottom: 3px; margin-top: 5px;}
.blog_view .blog_content .inner_content .blog_text h5 {font-size: 18px; padding: 0;font-family:'Noto Sans KR';margin-bottom: 2px; margin-top: 4px;}
.blog_view .blog_content .inner_content .blog_text h6 {font-size: 18px; padding: 0;font-family:'Noto Sans KR';margin-bottom: 1px; margin-top: 3px;}
.blog_view .blog_content .inner_content .blog_text h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 0 0 1.4rem; letter-spacing: 0.05rem; color: #1e2b33;font-stretch: normal;font-style: normal;}
.blog_view .blog_content .inner_content .blog_text blockquote {border-left: 16px solid red; padding-left: 1.4rem; font-size: 1.4rem; margin: 0 0 1.4rem;}
.blog_view .blog_content .inner_content .blog_text div {line-height: 1.4; color: #1e2b33; font-size: 16px;}
.blog_view .blog_content .inner_content .blog_text pre {white-space: pre;margin:1em 0px;}
.blog_view .blog_content .inner_content .blog_text {width: 100%; padding-top:85px;}
.blog_view .blog_content .inner_content .blog_text img{max-width: 910px; margin-bottom: 30px;    margin-top: 30px;}
.blog_view .blog_content .inner_content .blog_text hr{margin-bottom: 20px; margin-top: 20px;}
.blog_view .blog_content .inner_content .blog_text span{}
.blog_view .blog_content .inner_content .blog_text strong{font-weight: 500;} */
.blog_text p {padding: 0;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.64;letter-spacing: -0.2px;color: #757575;}
.blog_text h1 {font-size: 40px; padding: 0;font-family:'Noto Sans KR';}
.blog_text h2 {font-size: 30px; padding: 0;font-family:'Noto Sans KR';}
.blog_text h3 {font-size: 24px; padding: 0;font-family:'Noto Sans KR';}
.blog_text h4 {font-size: 20px; padding: 0;font-family:'Noto Sans KR';}
.blog_text h5 {font-size: 18px; padding: 0;font-family:'Noto Sans KR';}
.blog_text h6 {font-size: 18px; padding: 0;font-family:'Noto Sans KR';}
.blog_text h1, h2, h3, h4, h5, h6 {font-weight: bold; margin: 0 0 1.4rem; letter-spacing: 0.05rem; color: #1e2b33;font-stretch: normal;font-style: normal;}
.blog_text blockquote {border-left: 16px solid red; padding-left: 1.4rem; font-size: 1.4rem; margin: 0 0 1.4rem;}
.blog_text div {line-height: 1.4; color: #1e2b33; font-size: 16px;}
.blog_text pre {white-space: pre;margin:1em 0px;}
.blog_text {width: 100%; padding-top:85px;line-height: 1.4; text-align: left;}
.blog_text img {max-width: 910px; width: 100%;; padding-top: 20px; padding-bottom: 20px;}
                 

.container {width:100%; max-width:1380px; margin:0 auto; margin-top:0px;}
/* blog_view width값 추가 */
.blog_view {max-width: 1380px; margin-top: 10px;}
/* blog_view width값 추가 */
.blog_view .tit_area {}
.blog_view .tit_area .tit {display: flex; justify-content: space-between;}
.blog_view .tit_area .tit h2 {font-size: 42px; font-weight: bold; line-height: 1.33; letter-spacing: -0.4px; color: #474747; }
.blog_view .tit_area .tit ul {}
.blog_view .tit_area .tit ul li {display:inline-block; font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -0.2px; color: #595959;}
.blog_view .tit_area .tit ul li + li {margin-left:5px;}
.blog_view .tit_area .tit ul li a {font-size: 14px; font-weight: 500; line-height: 1; letter-spacing: -0.2px; color: #595959; text-decoration: underline;}
.blog_view .tit_area > p {font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.29px; color: #979797; margin-top:20px;}
.blog_view .tit_area > p span.bar {margin:0 9px; display:inline-block;}
.blog_view .tit_small {display:flex; margin-top:74px; justify-content: space-between; align-items: center; padding-bottom:30px; border-bottom:4px solid #3437ce;}
.blog_view .tit_small p {font-size: 18px; font-weight: normal; line-height: 1; letter-spacing: -0.2px; color: #508aff;}
.blog_view .tit_small p strong {font-weight:bold; color:#3437ce;}

.blog_view .tit_small p span {color:#508aff;}
.blog_view .tit_small p span.bar {color:#adadad; margin:0 9px;}
.blog_view .tit_small a {width: 132px; height: 50px; background-color: #4f4f4f; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; text-align: center; color: #ffffff;}
div > p > strong > a {font-weight:bold; color:#3437ce;width: unset; height: unset; background-color: unset; font-size: unset; line-height: unset; letter-spacing:unset; text-align: unset; color: unset;}
.blog_view .tit_small p strong a.selectCategory {font-weight:bold; color:#3437ce;width: unset; height: unset; background-color: unset; font-size: unset; line-height: unset; letter-spacing:unset; text-align: unset; color: unset;}
.blog_view .blog_content {margin-top:0px;}
.blog_view .blog_content .blog_photo .imgs {display: flex; justify-content: center; align-items: center; width: 100%; position: relative;}
.blog_view .blog_content .blog_photo .imgs:before {content: '';top: 0;position: absolute;width: 100%;height: 100%;background-color:rgba(29, 30, 43, 0.1);}
.blog_view .blog_content .blog_photo .imgs img {width: 100%;}
.blog_view .sns_fild { display:none; flex-direction: column; align-items: flex-start;}
.blog_view .sns_fild span {font-size: 14px;
	margin-bottom: 10px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.29px;
    color: #1e2029;}
.blog_view .sns_fild ul {margin-left:0px;}
.blog_view .sns_fild li {display:inline-block;}
.blog_view .sns_fild li + li {margin-left:8px;}
.blog_view .sns_fild li img {width:38px;}
.blog_view .blog_content .inner_content {display:flex; justify-content: space-between; position: relative; padding-top:15px;}
.blog_view .blog_content .inner_content .blog_text {width:910px; padding-top:6px;}

.blog_view .blog_content .inner_content .side { max-width:400px;  position: absolute; position:sticky; position: -webkit-sticky; top:0;}
.blog_view .blog_content .inner_content .side .ex_imgs {text-align: center; position: relative;}
.blog_view .blog_content .inner_content .side .ex_imgs span img {width:100%;}
.blog_view .blog_content .inner_content .side .ex_imgs .close {padding:10px; position: absolute; right:0; top:-10px;}
.blog_view .blog_content .inner_content .side .ex_imgs .close img {width:13px;}
.blog_view .blog_content .inner_content .side .ex_imgs + .real_side {margin-top:75px;}
.blog_view .blog_content .inner_content .side .real_side {margin-top:0; margin-bottom: 50px;}
.blog_view .blog_content .inner_content .side .real_side {border:1px solid #cdcdcd; padding:38px 35px 140px; position: relative;}
.blog_view .blog_content .inner_content .side .real_side::after {content:''; width:185px; height:189px; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/bg_side.png) no-repeat; background-size: 100%; position: absolute; right:0px; bottom:-57px;}
.blog_view .blog_content .inner_content .side .real_side .post {}
.blog_view .blog_content .inner_content .side .real_side .post .tit {display:flex; justify-content: space-between; align-items: center;}
.blog_view .blog_content .inner_content .side .real_side .post .tit strong {font-size: 18px; font-weight: 500; line-height: 1.44; letter-spacing: -0.32px; color: #f43442;}
.blog_view .blog_content .inner_content .side .real_side .post .tit strong.blue {color:#3437ce;}
.blog_view .blog_content .inner_content .side .real_side .post .tit a {display: inline-block; width: 89px; height: 34px; background: #f2f2f2 url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_arrow_more.png) 60px center no-repeat; background-size:auto 12px; font-size: 13px; font-weight: bold; line-height: 34px; letter-spacing: -0.23px; color: #979797; padding-left:12px; box-sizing: border-box;}
.blog_view .blog_content .inner_content .side .real_side .post ul {margin-top:45px;}
.blog_view .blog_content .inner_content .side .real_side .post ul li {}
.blog_view .blog_content .inner_content .side .real_side .post ul li strong {font-size: 18px; font-weight: 500; line-height: 1.28; letter-spacing: -0.32px; color: #474747; display:block;}
.blog_view .blog_content .inner_content .side .real_side .post ul li strong:hover {color:#3437ce; text-decoration: underline;}
.blog_view .blog_content .inner_content .side .real_side .post ul li p {margin-top:10px; font-size: 14px !important; line-height: 1.43; letter-spacing: -0.25px; color: #858585;}


/* 이미지 경우 css 추가 */
.blog_view .blog_content .inner_content .side .real_side .post ul li p span{margin-top:6px; font-size: 14px !important; line-height: 1.43; letter-spacing: -0.25px; color: #858585;}
.blog_view .blog_content .inner_content .side .real_side .post ul li p img{width: 20%;}
/* 이미지 경우 css 추가 */

.blog_view .blog_content .inner_content .side .real_side .post ul li .inner {margin-top:26px; font-size: 14px;  display:block;}
.blog_view .blog_content .inner_content .side .real_side .post ul li .inner .category { font-weight: 500; line-height: 1.29; letter-spacing: -0.25px; color: #508aff; }
.blog_view .blog_content .inner_content .side .real_side .post ul li .inner:not(:first-child) { line-height: 1.29; letter-spacing: -0.25px; color: #508aff; }

.blog_view .blog_content .inner_content .side .real_side .post ul li .inner .bar {font-size: 14px; font-weight: normal; line-height: 1.29; letter-spacing: -0.25px; color: #adadad; margin:0 9px;}
.blog_view .blog_content .inner_content .side .real_side .post ul li + li {margin-top:58px;}
/* 사이드바 css 수정 recent class이름 추가 */
.blog_view .blog_content .inner_content .side .real_side .post.recent {margin-top:69px; border-top:1px solid #cdcdcd; padding-top:40px;}
/* 사이드바 css 수정 recent class이름 추가 */
.blog_view .blog_content .inner_content .side .real_side .news_fild {margin-top:69px; border-top:1px solid #cdcdcd; padding-top:40px;}
.blog_view .blog_content .inner_content .side .real_side .news_fild .tit strong {display:block; font-size: 18px; line-height:1.2; letter-spacing: -0.32px; color: #3437ce; font-weight: 500; margin-bottom: 33px;}
.blog_view .blog_content .inner_content .side .real_side .news_fild .tit p { text-align: left;   font-size: 14px;    font-weight: 500;    line-height: 1.2;    letter-spacing: -0.22px;    color: #1e2029;    
/*  text-align: center */
}
.blog_view .blog_content .inner_content .side .real_side .news_fild .input_fild {margin-top:40px;}
.blog_view .blog_content .inner_content .side .real_side .news_fild .input_fild .text input[type=text] {width:100%; box-sizing: border-box; height: 50px; padding: 18px 25px; background-color: #f2f2f2; font-size: 16px; font-weight: bold; line-height: 1.1; letter-spacing: -0.29px; color: #595959; border:0;}
.blog_view .blog_content .inner_content .side .real_side .news_fild .input_fild .text input[type=text]::placeholder {color: #595959; opacity: 0.3;}
.blog_view .blog_content .inner_content .side .real_side .news_fild .input_fild .text + .text {margin-top:10px;}
.blog_view .blog_content .inner_content .side .real_side .news_fild .input_fild .text + .link {margin-top:10px;}
.blog_view .blog_content .inner_content .side .real_side .news_fild .input_fild .link a {height: 50px; padding-left:20px; background-color: #e8f0f9; display:block; position: relative; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; color: #000145;}
/* 블로그 구독하기 background-url 이미지 수정 */
.blog_view .blog_content .inner_content .side .real_side .news_fild .input_fild .link a::after {content:''; width:19px; height:14px; position: absolute; right:20px; top:50%; transform: translateY(-50%); background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_arrow_more.png) no-repeat; background-size:100%;}
.blog_view .blog_content .inner_content .side .real_side .news_fild .input_fild p {margin-top:10px; font-size: 12px; font-weight: 500; line-height: 1.58; letter-spacing: -0.22px; color: #979797;}
.blog_view .blog_content .inner_content .blog_text {}
.blog_view .blog_content .inner_content .blog_text .imgs img {width:100%;}
/*.blog_view .blog_content .inner_content .blog_text .h1 {font-size: 36px; font-weight: bold; line-height: 1.39; letter-spacing: -0.2px; color: #1e2029;}
.blog_view .blog_content .inner_content .blog_text .h2 {font-size: 28px; font-weight: bold; line-height: 1.29; letter-spacing: -0.16px; color: #595959;}
.blog_view .blog_content .inner_content .blog_text .h3 {font-size: 22px; font-weight: bold; line-height: 1.41; letter-spacing: -0.2px; color: #595959;}
.blog_view .blog_content .inner_content .blog_text .h4 {font-size: 18px; line-height: 1.5; letter-spacing: -0.16px; color: #595959;}
.blog_view .blog_content .inner_content .blog_text .h5 {font-size: 16px; font-weight: bold; line-height: 1.5; letter-spacing: -0.15px; color: #595959;}
.blog_view .blog_content .inner_content .blog_text .normal {font-size: 14px; line-height: 1.64; letter-spacing: -0.2px; color: #757575;}
.blog_view .blog_content .inner_content .blog_text p + .imgs {margin-top:45px;}
*/.blog_view .blog_bot .tit_small {padding-bottom:0; padding-top:48px; border-bottom:0; border-top:4px solid #3437ce;}
.blog_view .blog_bot .tit_small + .sns_fild {margin-top:80px;}
.blog_view .blog_step {margin-top:48px; border-top:1px solid #b0afb7; display: flex; padding-top:53px; justify-content: space-between; position: relative; padding-bottom:23px;}
.blog_view .blog_step::after {content:''; height:112px; width:0px; border-left:1px dashed #bbbbbb; position: absolute; left:50%; bottom:24px;}
.blog_view .blog_step > div {width:50%;}
.blog_view .blog_step > div a {display:block;}
.blog_view .blog_step > div a > strong {font-size: 16px; font-weight: 500; line-height: 1; letter-spacing: -0.29px; color: #595959;}
.blog_view .blog_step > div a dl {display: flex; margin-top:42px;}
.blog_view .blog_step > div a dl dt {width:190px;}
.blog_view .blog_step > div a dl dt img {width:100%;height: 112px;    object-fit: cover;    overflow: hidden;}
.blog_view .blog_step > div a dl dd {width:290px; margin-left:30px;}
.blog_view .blog_step > div a dl dd strong {font-size: 20px; font-weight: bold; line-height: 1.35; letter-spacing: -0.36px; color: #474747; display:block;}
.blog_view .blog_step > div a dl dd p {font-size: 16px; line-height: 1.5; letter-spacing: -0.29px; color: #858585; margin-top:8px;}
.blog_view .blog_step > div a dl dd .word {display:block; margin-top:17px; width:100%;}
.blog_view .blog_step > div a dl dd .word {font-size: 14px; font-weight: normal; line-height: 1.29; letter-spacing: -0.25px; color: #508aff;}
.blog_view .blog_step > div a dl dd .word a {font-weight:bold; color:#3437ce; display:inline; font-size:14px;}
.blog_view .blog_step > div a dl dd .word a strong {font-weight:bold; color:#3437ce; display:inline; font-size:14px;}
.blog_view .blog_step > div a dl dd .word span.bar {color:#adadad; margin:0 9px;}
/* css > 제거 */
.blog_view .blog_step div.next {direction:rtl;}
.blog_view .blog_step div.next a dl dd {margin-left:0; margin-right:30px; direction:ltr; text-align:right;}
/* css > 제거 */
.blog_view .blog_content .inner_content .sub_blog {max-width:910px; padding-top:40px; padding-bottom:109px; position: relative;}
.blog_view .blog_content .inner_content .tabs_menu {}
.blog_view .blog_content .inner_content .tabs_menu li {display:inline-block;}
.blog_view .blog_content .inner_content .tabs_menu li + li{margin-left:10px;}
.blog_view .blog_content .inner_content .tabs_menu li a {font-size: 16px; font-weight: bold; line-height: 1.2; letter-spacing: -0.23px; text-align: center; color: #b0afb7; padding:0 15px; display:inline-block; border-bottom:1px solid #b0afb7; padding-bottom:15px;}
.blog_view .blog_content .inner_content .tabs_menu li.on a {color:#4a4e5e; border-color:#3437ce;}
.blog_view .blog_content .inner_content .tabs_menu + .sub_list {margin-top:50px;}
.blog_view .blog_content .inner_content .tag_menu {margin:66px 0; border-top: solid 1px #cdcdcd;  border-bottom: solid 1px #cdcdcd; display: flex; align-items: center; justify-content: center; padding:60px 0;}
.blog_view .blog_content .inner_content .tag_menu strong {    white-space: nowrap; font-size: 14px; font-weight: bold; line-height: 1.29; letter-spacing: -0.25px; color: #ababab; margin-right:17px;}
.blog_view .blog_content .inner_content .tag_menu li {display: inline-block;}
.blog_view .blog_content .inner_content .tag_menu li + li {margin-left:10px;}
.blog_view .blog_content .inner_content .tag_menu a {font-size: 14px; line-height: 42px; letter-spacing: -0.29px; text-align: center; color: #595959; padding:0 18px; height: 42px; border-radius: 21px; background-color: rgba(186, 186, 205, 0.3); display:inline-block;}
.blog_view .blog_content .inner_content .tag_menu .on a {background:#3437ce; color:#fff;}
.blog_view .blog_content .paging { max-width:1380px; margin-bottom: 100px;}
.blog_view .blog_content .paging ul {display: flex; align-items: center; justify-content: center;}
.blog_view .blog_content .paging ul li {}
.blog_view .blog_content .paging ul li + li {margin-left:17px;}
.blog_view .blog_content .paging ul li.box + li.box {margin-left:9px;}
.blog_view .blog_content .paging ul li.box + li {margin-left:50px;}
.blog_view .blog_content .paging ul li + li.box {margin-left:50px;}
.blog_view .blog_content .paging ul li a {font-size: 16px;    font-weight: 400;    line-height: 1.29;    letter-spacing: -0.25px;    color: #979797;    cursor: pointer;    margin-top: 5px;}
.blog_view .blog_content .paging ul li.box a {min-width:75px; height:40px; border: solid 0.8px #cfcfcf; background-color: #ffffff; font-size: 11.2px; font-weight: bold; line-height: 40px; letter-spacing: -0.2px; text-align: center; color: #3d3d3d; display:inline-block; padding:0 12px; box-sizing: border-box;}

.sub_list li {}
.sub_list li dl {display:flex; width: 100%;}
.sub_list li dl dt {width: 38%; display: flex; justify-content: center; align-items: center; height: 194px;}
.sub_list li dl dt.imgDim { position: relative;}
.sub_list li dl dt.imgDim::before { content: ''; top: 0;  position: absolute;  width: 100%;  height: 100%;  background-color:rgba(29, 30, 43, 0.15);}
.sub_list li dl dt img {width: 100%;    object-fit: cover;    overflow: hidden;    height: 194px;}

.sub_list li dl dd {width: 65%; margin-left:30px;}
.sub_list li dl dd strong {font-size: 20px; font-weight: 500; line-height: 1.35; letter-spacing: -0.36px; color: #474747;  transition: all .5s;}
.sub_list li dl dd strong:hover {color: #3437ce; transition: all .5s; text-decoration-line: underline;}
/* --------------- 조태호 추가 수정 ---------------*/
.sub_list li dl dd p { margin-top:10px; font-size: 16px !important; line-height: 1.5; letter-spacing: -0.29px; color: #858585;
    display: -webkit-box;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* --------------- 조태호 추가 수정 ---------------*/
.sub_list li dl dd p span {margin-top:35px; font-size: 16px !important; line-height: 1.5; letter-spacing: -0.29px; color: #858585;}
.sub_list li dl dd .word {display:block; margin-top:66px; width:100%;}
.sub_list li dl dd .word {font-size: 14px; font-weight: normal; line-height: 1.29; letter-spacing: -0.25px; color: #508aff;}
.sub_list li dl dd .word strong {font-weight:bold; color:#3437ce; display:inline; font-size:14px;}
.sub_list li dl dd .word span.bar {color:#adadad; margin:0 9px;}
.sub_list li + li {margin-top:50px;}

.container .sub_mains {margin-top:0px; display:flex; justify-content: space-between; padding-bottom:40px; border-bottom:4px solid #3437ce;}
.sub_mains .txt_main {width:667px; position: relative;}
.sub_mains .txt_main .top_txt {}
.sub_mains .txt_main .top_txt h2 {font-size: 50px; font-weight: bold; line-height: 1.06; letter-spacing: -0.9px; color: #292929;}
.sub_mains .txt_main .top_txt p {font-size: 22px; font-weight: 500; line-height: 1.36; letter-spacing: -0.4px; color: #979797; margin-top:16px;}


.sub_mains .txt_main .bot_txt {position: absolute;    left: 0;    bottom: 20px;}
.sub_mains .txt_main .bot_txt .links {}
.sub_mains .txt_main .bot_txt .links li {display:inline-block; margin-top:10px; margin-right:10px;}
.sub_mains .txt_main .bot_txt .links li a { width: 121px; height: 50px; border: solid 1px #cfcfcf; background-color: #ffffff; display:inline-block; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; text-align: center; color: #3d3d3d;}
.sub_mains .txt_main .bot_txt .links .bot_link {margin-top:10px;}
.sub_mains .txt_main .bot_txt .links .bot_link > a {font-size: 14px; line-height: 1.93; letter-spacing: -0.25px; color: #757575; text-decoration: underline; margin-right:20px;}
/* inputfild border-top 수정 */
.hs_cos_wrapper .input_fild {padding-top:50px;  margin-top:50px; border-top: 1px solid #cdcdcd;}

.sub_mains .txt_main .bot_txt .input_fild > strong {display:block; font-size: 18px; font-weight: 500; line-height: 1.44; letter-spacing: -0.32px; color: #3437ce;}
.sub_mains .txt_main .bot_txt .input_fild .inputs {margin-top:18px;}
.sub_mains .txt_main .bot_txt .input_fild .text {display:inline-block; width:32%; vertical-align: top; margin-right:1%;}
.sub_mains .txt_main .bot_txt .input_fild .text input[type=text] {width:100%; box-sizing: border-box; height: 50px; padding: 18px 25px; background-color: #f2f2f2; font-size: 16px; font-weight: bold; line-height: 1.1; letter-spacing: -0.29px; color: #595959; border: 0}
.sub_mains .txt_main .bot_txt .input_fild .text input[type=text]::placeholder {color: #595959; opacity: 0.3;}
.sub_mains .txt_main .bot_txt .input_fild a {height: 50px; padding-left:20px; background-color: #e8f0f9; display:inline-block; position: relative; font-size: 14px; font-weight: bold; line-height: 50px; letter-spacing: -0.25px; color: #000145; width:32%; box-sizing: border-box; vertical-align: top;}
.sub_mains .txt_main .bot_txt .input_fild a::after {content:''; width:19px; height:14px; position: absolute; right:20px; top:50%; transform: translateY(-50%); background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_arrow_more.png) no-repeat; background-size:100%;}

.sub_mains .txt_main .bot_txt .input_fild > p { font-size: 12px; font-weight: 500; line-height: 1.58; letter-spacing: -0.22px; color: #979797; margin-top:10px;} 
.sub_mains .img_main {width:663px; position: relative;}
.sub_mains .img_main dt {width:100%; position: relative;}
.sub_mains .img_main dt > img {width:100%;}
.sub_mains .img_main dt span {position: absolute; left:39px; bottom:34px; display:flex; align-items: center;}
.sub_mains .img_main dt span img {width:46px;}
.sub_mains .img_main dt span strong {font-size: 14px; font-weight: bold; line-height: 1.29; letter-spacing: -0.25px; color: #ffffff; margin-left:16px;}
.sub_mains .img_main dd {background:#f2f2f2; padding:30px 45px;}
.sub_mains .img_main dd strong {display:block; font-size: 26px; font-weight: 500; line-height: 1.23; letter-spacing: -0.47px; color: #474747;}
.sub_mains .img_main dd p {font-size: 16px; line-height: 1.25; letter-spacing: -0.29px; color: #858585; margin-top:13px; text-align: left;}
.sub_mains .img_main dd .word {display:block; margin-top:29px; width:100%; text-align: left;}
.sub_mains .img_main dd .word {font-size: 14px; font-weight: normal; line-height: 1.29; letter-spacing: -0.25px; color: #508aff;}
.sub_mains .img_main dd .word strong {font-weight:bold; color:#3437ce; display:inline; font-size:14px;}
.sub_mains .img_main dd .word span.bar {color:#adadad; margin:0 9px;}
.sub_mains .img_main .swiper-pagination {position: absolute; right:-35px; bottom:60px; width:16px; left:auto;}
.sub_mains .img_main .swiper-pagination .swiper-pagination-bullet {width: 12px; height: 12px; border: solid 1px #979797; background-color: #f2f2f2; margin:0; margin-top:10px; opacity: 1; display:block;}
.sub_mains .img_main .swiper-pagination .swiper-pagination-bullet-active {background:#4851ff;}

/* 이미지 슬라이더 수정 */
/* .sub_mains .img_main .swiper-container {overflow: hidden;} */
.sub_mains .img_main .swiper-container .swiper-wrapper {overflow: visible;}
.sub_mains .img_main .swiper-container .swiper-wrapper dl {min-height : 550px; display:flex; flex-direction : column; justify-content : space-between;}
/* .sub_mains .img_main .swiper-container .swiper-wrapper dl dt img : { height: 1000px; } */

/* 활용사례 상단 최종 - 변경필요시 별도 CSS생성하여 진행필요 */
li.swiper-slide{height: 536px;}
li.swiper-slide.swiper-slide-active > dl > dt > img { height: 393px; }
/* 활용사례 상단 최종 - 변경필요시 별도 CSS생성하여 진행필요 */
.sub_mains .txt_main .bot_txt .input_fild{ border: none; }
.sub_mains .img_main{ width: 663px; }
.sub_mains .img_main dd{ text-align: right; padding-right: 40px;}
/*.sub_mains .img_main dd strong{ font-size: 20px; font-weight: 500; text-align: left; line-height: 1.4;}*/
.sub_mains .img_main dd p{ font-size: 14px; }


.dtBox {
    display: flex; 
    flex-direction: column;
}
.featured_img_box {
    width:663px; 
    height: 460px;
    background-size: 110%;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.featured_img_box:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1)
}


.newblueline{
    border-bottom: 4px solid #3437ce;
    padding-bottom: 50px;
}

/* blog_reference list 추가 */

.category{ margin-top: 100px; }
.category .btn{ width: 507px; overflow: hidden; margin: 0 auto; }
.category .btn li{ float: left; width: 134px; height: 47px; margin-right: 10px; border-bottom: 2px solid #b0afb7; text-align: center;  }
.category .btn li a{ display: block; width: 100%; line-height: 47px; font-size: 16px; font-weight: 700; color: #b0afb7; }
.category .btn li:first-child{ width: 75px; }
.category .btn li:last-child{ margin-right: 0; }
.category .btn li.active{ border-bottom-color: #3437ce; }
.category .btn li.active a{ color: #4a4e5e; }

.category .conwrap > div ul{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top: 51px; font-size: 16px; line-height: 16px; }
.category .conwrap > div ul li{  flex-basis: 24%; overflow: hidden; margin-bottom: 30px; border: 1px solid #ebebeb; border-radius: 10px; box-sizing: border-box; }
.category .conwrap > div dt{ position: relative; width: 100%; height: 240px;  }
.category .conwrap > div .more{ opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 34px; background-color: #508aff; z-index: 10; }
.category .conwrap > div .more a{ display: block; padding-right: 44px; font-size: 12px; line-height: 34px; text-align: right; color: #fff;  }
.category .conwrap > div dd{ padding: 30px; }
.category .conwrap > div strong{ font-size: 16px; font-weight: 700; line-height: 18.08px; letter-spacing: -0.29px; color: #474747; }
.category .conwrap > div p{ font-size: 14px; line-height: 18.06px;  padding: 20px 0; letter-spacing: -0.25px; color: #858585; }
.category .conwrap > div a{ font-size: 12px; line-height: 18px;  font-weight: 700; letter-spacing: -0.22px; color: #508aff; }

.category .conwrap > div ul li:hover{ border:1px solid #508aff; box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1); }
.category .conwrap > div ul li:hover .more{ opacity: 1; }

/* ==================== HUBSPOT FORM CSS ====================*/




/* .hs-form h2 {
  margin-top: 10px;
} */
.hs-form p {
  font-size: 12px;
/*   font-weight: 500; */
  font-stretch: normal;
  font-style: normal;
  line-height: 1.58;
  letter-spacing: -0.22px;
  color: #979797;
  margin: 28px 0 20px 0;
}
.hs-form span {
  font-weight: normal;
}
.hs-form input {
  margin-right: 0;
}

@media all and (min-width: 1381px) {

.newblueline{
    border-bottom: 4px solid #3437ce;
    padding-bottom: 50px;
}


  .hs-form .hs-input:not(.hs-form-checkbox .hs-input, .hs-form-radio .hs-input, .hs-form-booleancheckbox-display .hs-input) {
  
/*   margin-top: 10px;
    margin-bottom: 5px; */
    
    width: 94% !important;
    margin: 10px 0 0px;
    padding: 17px 0px 16px 17px;
    border: solid 1px #fff;
    background-color: #f2f2f2;
/*      background-color: pink; */
  } 
}


.blog_view .blog_content .inner_content .side .real_side .news_fild .tit p strong {
   margin-top: 11px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.22px;
    color: #adadad;
    margin-bottom: 14px;
}

.legal-consent-container .hs-form-booleancheckbox-display input {
    margin-bottom : 10px;
}
.hs_submit .actions{
    display: block;
    position: absolute;
    right: 0px;
    top: 43.2px;
    width: 27%!important;
}
.hs_submit .actions input {
   margin: 0px 0px 0;
    padding: 22px 12px 32px 12px;
    border: 0px;
    background-color: #e8f0f9;
    color: #000145;
    width: 100%;
    cursor: pointer;
    transition: all .5s;        
}
.hs_submit .actions input:hover {
    background-color: #508aff;
    color: #fff;
    transition: all .5s;
}

.hs-form .hs-error-msg {
  font-size: 12px;
    color: #f3467d;
    height: -10px;
    position: relative;
    display: block;
    float: left;
    margin-bottom: 0px;
    width: 100% !important;
    min-height: 20px;
    padding: 2px;
    padding-top: 0;
    margin-top: -71px;
}
.hs-form input[type=checkbox] + label:before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    background-color: #f7f7f7;
    border-radius: 2px;
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
.hs-form .hs-form-checkbox .hs-form-checkbox-display {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
} 
.hs-form .hs-form-radio .hs-form-radio-display {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.hs-form .hs-form-booleancheckbox .hs-form-booleancheckbox-display {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}
.hs-form .hs-form-checkbox .hs-form-checkbox-display .hs-input {
  margin: 0 10px 0 0;
}
.hs-form .hs-form-radio .hs-form-radio-display .hs-input {
  margin: 0 10px 0 0;
}
.hs-form-booleancheckbox-display .hs-input {
  margin: 0;
    /* 추가 */
    margin-bottom: 5px;
    /* 추가 */
}
.hs-form .hs-form-booleancheckbox-display .hs-input span {
  margin-left: 0;
}
.hs-form .form-columns-0{
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 40px;
}
.hs-form .form-columns-1,
.hs-form .form-columns-2{
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 60px;
}
.hs-form .hs-richtext p {
font-weight: 100;
    color: #9fa0a2;
    margin-bottom: 3px;
    margin-top: 15px;
}
.form-field p {
    font-weight: normal
}
/*  */
.hs_resellersalesform_product_options_cim_.hs-fieldtype-checkbox {
    margin-top: 10px;
}
.inputs-list.multi-container li {
    margin: 10px;
      font-size: 10px;
}
.inputs-list.multi-container li span {
  font-weight: 200;
}
.hs-form-booleancheckbox p {
    color: #3d3d46;
}
.actions .hs-button {
    width: 131px;
        height: 50px;
        margin: 50px 47px 0 0;
        padding: 17px 20px 20px;
        background-color: #3437ce;
      font-family: NotoSansKR;
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.93;
        letter-spacing: -0.25px;
        text-align: center;
        color: #ffffff;
}
div.hs-dependent-field > div.hs_consentflow.hs-consentflow.hs-fieldtype-booleancheckbox.field.hs-form-field > div > ul > li {
    font-size: 10px;
}
div.hs-dependent-field > div.hs_cad_____________________.hs-cad_____________________.hs-fieldtype-booleancheckbox.field.hs-form-field > div > ul > li > label > span {
    font-size: 10px;
}
 div.hs-dependent-field > div.hs_cad______________________________.hs-cad______________________________.hs-fieldtype-checkbox.field.hs-form-field > div > ul > li {
     margin: 0;
}
div.hs-dependent-field > div.hs_cad______________________________.hs-cad______________________________.hs-fieldtype-checkbox.field.hs-form-field > div > ul > li {
    margin: 0;
    margin-bottom: 5px;
}

#hsForm_e81cbded-3c63-4eb6-912d-fd2ed9a201d6_9406 > fieldset {
    max-width: 600px;
}

#hsForm_f9999a0b-63bd-408e-a4b8-c2e1520cbda1_6800 > div.hs-dependent-field {
        position: absolute;
        bottom: 50px;
}
/* ==================== HUBSPOT FORM CSS ====================*/

/* 0713 수정 ( 박성조 ) */
.hs-featured-image{ float: initial; }

@media all and (max-width: 1380px) {
  .blogFormBox{padding: 0 30px; }   
}

/*------------------------*/
/*------------------------*/
/*------------------------*/
/*------------------------*/
/*------------------------*/
/*------------------------*/

@media all and (max-width: 1024px) {
	.blog_view .blog_content .inner_content .side{
		width: 100%;
	}
  .hs-form .form-columns-1,
.hs-form .form-columns-2{
    border: 0;
    padding: 0;
    margin: 0;
    width: 87%;
    height: 60px;
}

.hs_submit .actions{
    right: -31px;
    width: 21%!important;
}



.blog_view .blog_content .inner_content{
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 15px;
	  flex-direction: column;
}

.sub_list li dl dt {width: 38%; height: 147px; margin-right: 20px;}
.sub_list li dl dt img {width: 100%; height: 147px !important;}

.sub_list li dl dd .word {margin-top:30px !important;}

.blog_view .blog_content .inner_content .side .real_side{
    border-right: 0px!important;
    border-left: 0px!important;
    padding-bottom: 50px!important;
    margin-bottom: -29px;
}
.blog_view .blog_content .inner_content .tabs_menu {margin-bottom: 70px;!important}

	.blog_view .blog_content .inner_content .side{
		max-width: 100%;
		padding: 100px 0 0 ;
	}
	
	.blog_view .blog_content .inner_content .side .real_side{
		padding-right:0;
		padding-left: 0;
	}

}

/*------------------------*/
/*------------------------*/
/*------------------------*/
/*------------------------*/
/*------------------------*/
/*------------------------*/

@media all and (max-width: 768px) {
  .hs-form .form-columns-1,
.hs-form .form-columns-2{
    border: 0;
    padding: 0;
    margin: 0;
    width: 87%;
    height: 60px;
}

.hs_submit .actions{
    right: -31px;
    width: 21%!important;
}



.blog_view .blog_content .inner_content{
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 15px;
}

.sub_list li dl dt {width: 38%; height: 127px; margin-right: 20px;}
.sub_list li dl dt img {width: 100%; height: 127px !important;}

.sub_list li dl dd .word {margin-top:30px !important;}

.blog_view .blog_content .inner_content .side .real_side{
    border-right: 0px!important;
    border-left: 0px!important;
    padding-bottom: 50px!important;
    margin-bottom: -29px;
}
.blog_view .blog_content .inner_content .tabs_menu {margin-bottom: 70px;!important}



}

/*------------------------*/
/*------------------------*/
/*------------------------*/
/*------------------------*/
/*------------------------*/
@media all and (max-width: 480px) {
	.hs_submit .actions{
    width: 90%!important;
/*     top: 253.2px!important; */
  }
	
}
/*------------------------*/

@media all and (max-width: 425px) {

.blog_view {
    max-width: 1380px;
    margin-top: 30px;
}
.blog_view .blog_content .inner_content .blog_text p {
    font-size: 14px!important;
    padding: 0 0px !important;
    line-height: 1.3 !important;
}

.blog_text span {

    font-size: 14px!important;
}

  .hs-form .form-columns-1,
  .hs-form .form-columns-2{
    border: 0;
    padding: 0;
    margin: 0;
    width: 99%;
    height: 60px;
  }

.hs_submit .actions{
    right: 30px!important;
    width: 100%!important;
/*     top: 253.2px!important; */
    top: 252.2px!important;
  }

    .hs-form span {
        font-size: 20px;
        font-weight: 600;
    }

.blog_view .blog_content .inner_content{
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-top: 15px;
}
  
.blog_view .blog_step > div a dl dt.guide img {width:100%;height: 112px;    object-fit: contain;    overflow: hidden;}

.sub_list li dl dt {width: 38%; height: 77px; margin-right: 8px;}
.sub_list li dl dt img {width: 100%; height: 77px !important;}

.sub_list li dl dd .word {margin-top:11px !important;}

.blog_view .blog_content .inner_content .side .real_side{
    border-right: 0px!important;
    border-left: 0px!important;
    padding-bottom: 50px!important;
    margin-bottom: -29px;
}
.blog_view .blog_content .inner_content .tabs_menu {margin-bottom: 70px;!important}

.sub_list li dl dd strong{font-size: 14px!important; line-height: 1.3!important;}
.sub_list li dl dd p{font-size: 12px!important;}
.sub_list li+li{margin-top: 35px!important;}
.sub_list li dl dd .word {font-size: 12px!important;}

.blog_view .blog_content .inner_content .tag_menu a{font-size: 12px!important; line-height: 37px!important; padding: 0 14px !important; height: 37px !important;  }
.blog_view .blog_content .inner_content .tag_menu li+li{margin-left: 2px !important;}


.blog_view .blog_content .inner_content .sub_blog div.tabs_menu>ul>li>a{font-size: 12px !important;}


}