/* 0709 이거 있어야 태블릿/모바일 패널 열었을때 스크롤이 안생김 */
html.active, body.active {overflow-x:hidden; overflow-y:hidden; }



/* 0709 이거 있어야 태블릿/모바일 패널 열었을때 스크롤이 안생김 */




@media all and (min-width:1025px) {
  
  
   header {
    transition: top 0.2s ease-in-out;
    position: fixed;
    width: 100%;
    z-index: 999;
    top : 0;
    left : 0;
    background-color : white;
  }
  
  .nav-up {
    top: -83px;

    /*box-shadow: 1px 2px 3px rgb(0 0 0 / 9%);*/

  }

    header.nav-down {
        box-shadow: 1px 2px 3px rgb(0 0 0 / 9%);
/*     box-shadow: 1px 2px 3px rgb(0 0 0 / 9%); */
    
  }
  
  
  
  
  
  
    .moNav{ display: none; }
/*  #hs_menu_wrapper_module_162567597133194_ > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > ul{ display: none; } */
    
  /*    대메뉴 */
    .hs-menu-wrapper > ul{ display: flex; }
    .hs-menu-wrapper > ul > li{ position: relative; height: 70px; }
    .hs-menu-wrapper > ul > li a{ line-height: 70px; }
    
/*  .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > ul{ display: none; }
    .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.active > ul{ display: flex; } */

    
    
    
    
    .hs-menu-wrapper > ul > li:nth-child(1) > ul { position: absolute; top:70px; left: -200px; width:555px; height: 148px;  justify-content: flex-start; border: 1px solid #508aff; border-radius: 10px; background-color: #fff;  }
    .hs-menu-wrapper > ul > li:nth-child(4) .hs-menu-children-wrapper{  height: 80px;}
    .hs-menu-wrapper .hs-menu-children-wrapper a{ font-size: 14px;  }
  .hs-menu-wrapper > ul > li:nth-child(1) > ul > li:nth-child(1) { position: relative; width: 15%; }
    .hs-menu-wrapper > ul > li:nth-child(1) > ul > li:nth-child(2) { position: relative; width: 15%; }
    .hs-menu-wrapper > ul > li:nth-child(1) > ul > li:nth-child(3) { position: relative; width: 15%; }
    .hs-menu-wrapper > ul > li:nth-child(1) .hs-menu-children-wrapper li:nth-child(4){ position: relative; width: 55%; }
    .hs-menu-wrapper > ul > li:nth-child(1) .hs-menu-children-wrapper li:nth-child(5){ position: relative; width: 55%; }
    .hs-menu-wrapper > ul > li:nth-child(1) .hs-menu-children-wrapper li:nth-child(1):before, .hs-menu-wrapper > ul > li:nth-child(1)   .hs-menu-children-wrapper li:nth-child(2):before, .hs-menu-wrapper > ul > li:nth-child(1) .hs-menu-children-wrapper li:nth-child(3):before{ position: absolute; left:0; top:0; bottom:0; right:0; margin: auto; content: ""; width: 72px; height: 72px; background-repeat: no-repeat; background-size: cover; background-position: center; }
    .hs-menu-wrapper > ul > li:nth-child(1) > ul > li:nth-child(1):before{ background-image: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/standard-logo2o2x.png) }
  .hs-menu-wrapper > ul > li:nth-child(1) > ul > li:nth-child(2):before{ background-image: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/premium-logoo2x.png) }
  .hs-menu-wrapper > ul > li:nth-child(1) > ul > li:nth-child(3):before{ background-image: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/archiDesign-logoo2x.png) }
    .hs-menu-wrapper > ul > li:nth-child(1) > ul > li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > ul {display: flex; flex-wrap: wrap; margin-top: 40px; }
    .hs-menu-wrapper > ul > li:nth-child(1) > ul > li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > ul > li{ width: 100%; text-align: left; }
    .hs-menu-wrapper > ul > li:nth-child(1) > ul > li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > ul > li > a{ line-height: 2; }
    .hs-menu-children-wrapper li{margin-left: 0; text-align:cener;}
    .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.active > ul > li.hs-menu-item.hs-menu-depth-2.hs-item-has-children > ul{ border-left: 1px solid #ddd; }
    .hs-menu-children-wrapper > ul > li:nth-child(1) > ul {display: flex;}
    
    .hs-menu-wrapper > ul > li:nth-child(4) > ul{ width: 445px; height: 143px; border: 1px solid #508aff; border-radius:10px; background-color: #fff; }
    .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > ul{ position: absolute; left: -180px; }
    .hs-menu-wrapper > ul > li:nth-child(4) > ul > li{ position:relative; }
    .hs-menu-wrapper > ul > li:nth-child(4) > ul > li:after{ position:absolute; top:29px; right: -11px; content:''; width:1px; height: 15px; background-color: #ddd; }  
    .hs-menu-wrapper > ul > li:nth-child(4) > ul > li:last-child:after{ display: none; }
    .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children.active > ul > li > a{ color: #858585; }
/*   .row-fluid-wrapper.row-depth-1.row-number-1 .row-fluid{
    max-width: 100%!important;
  }  */
/*  .row-fluid { max-width: 1410px;margin-top: 2%;     margin-bottom: 4%;} */
/*  .body-container-wrapper .row-fluid { max-width: 1380px!important; margin: 0 auto;} */
        .body-container-wrapper .row-fluid { margin-top: 0%;     margin-bottom: 0%;}
	.topmargin {margin-top: 100px;}
    .topmargin {margin-top: 20px;}
}
.text_box{
  max-width: 1440px;
  margin: 0 auto;
  width: 100%;
}


.descriptHover{
  margin-left: 20px;
}



header 
.pc_view {}
.mo_view {display:none;}

#wrap {min-width: 960px;}



header .head {position: relative; background: white; z-index: 9999;width:auto; max-width:1440px; padding:26px 24px; margin:0 auto; display: flex; align-items: center; justify-content: space-between;} 
header .head h1 {left:17px;   font-weight: bold; }
header .head h1 img {display: block; height:32px;}
header .head nav {display:inline-block; height: 70px; }

header .head nav ul li{ height:100%;}

/* .header ul li.hs-menu-item .hs-menu-depth-1 .hs-item-has-children a {color:red} */

header .head nav li {display:inline-block; position: relative;}
header .head nav li a {font-size: 14px; font-weight: 500; line-height: 70px; letter-spacing: -0.25px; color: #595959; transition:all 0.3s;}
header .head nav li a:hover > a {color:#508aff;}



header .head nav li:hover > a {color:#508aff;}
header .head nav ul li ul {display:none;}
header .head nav ul li:hover ul {display:flex !important; background-color: #ffffff; z-index: 999999;}
/* .hs-menu-wrapper > ul > li.hs-menu-item.hs-menu-depth-1.hs-item-has-children > ul{ display: none; } */
header .head nav li{margin-left:24px;}
header .head nav .active .subMenu {display: flex;}

header .head nav .subMenu {display:none; position: absolute; top:60px; left: 250%; transform: translateX(-50%);padding: 26px 35px; border-radius: 10px;border: solid 1px #508aff;background-color: #ffffff; align-items: center;}
header .head nav .subMenu li {margin-left: 0 !important; display: flex; align-items: center;}
header .head nav .subMenu li + li::before {content: ''; width: 1px; height:18px; background: #d9d9d9; display: inline-block; margin:0 15px;}
header .head nav .subMenu li a {font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 1.93;letter-spacing: -0.25px;color: #858585; white-space: nowrap; text-decoration: underline; }

header .head nav .subMenu-02 {align-items: flex-start;}
header .head nav .subMenu-02 div { display: flex; align-items: center; border-right: 1px solid #d9d9d9;}
header .head nav .subMenu-02 div a { display: block; background: center/cover no-repeat; width: 80px; height: 85px; text-indent: -9999px; margin-right: 34px;}
header .head nav .subMenu-02 div a:nth-child(1) {background-image: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/subMenu_s2x.png)}
header .head nav .subMenu-02 div a:nth-child(2) {background-image: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/subMenu_s2x.png)}
header .head nav .subMenu-02 div a:nth-child(3) {background-image: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/subMenu_s2x.png) margin-right: 25px;}
header .head nav .subMenu-02 li {flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-left: 33px !important;}
header .head nav .subMenu-02 li a {margin-bottom: 5px;}

header .head .abs_right {right:17px; display:flex; align-items: center;}
header .head .abs_right a.headerText {font-size: 15px;font-weight: 500;margin-right: 15px;}
header .head .abs_right .word_link {height: 35px; border-radius: 3px; background:#508aff url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_head_write.png) 10px 6px no-repeat; background-size:24px; padding:0 12px 0 48px; display: none; font-size: 14px; font-weight: 500; line-height: 35px; letter-spacing: -0.25px; color: #ffffff; vertical-align: middle;}

header .head .abs_right .search {display:inline-block; vertical-align: middle; margin-left:20px;}
header .head .abs_right .search .pc {}
header .head .abs_right .search .mo {display:none;}
header .head .abs_right .search img {width:28px; display: flex;}

header.on .head-search {display: block;}
header .head-search { display:none; padding: 24px 0 25px; background-color: #1e2029; position: absolute; width: 100%; left:0; top: 0; z-index: 9999;}
header .head-search.active{ display: block; }
header .head-search .inner {max-width: 1440px; margin: 0 auto; padding: 0 30px;display: flex; position: relative;}
header .head-search .search-field {margin: 0 auto; width: 50%; position: relative; border-bottom: 1px solid #979797;}
header .head-search .search-field input {background: transparent;border:0;  width: 93%; height: 35px;font-size: 16px;font-weight: bold;line-height: 0.94;letter-spacing: -0.29px;color: #fff; text-overflow: ellipsis; overflow: hidden; }


/* 0715 jungeun */



/* header .head-search .search-field input::placeholder {color:#757575;} */
header .head-search .search-field input::placeholder {color:#757575;}




header .head-search .search-field button {width: 24px; height: 25px; background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon-search-w.svg) center/contain no-repeat; position: absolute; right: 0; top: 8px;}
header .head-search .closeBtn {position: absolute; right: 0; top: 50%; transform: translateY(-50%); margin-right: 30px; display: flex; align-items: center;}
header .head-search .closeBtn span {font-size: 14px;font-weight: normal;line-height: 1.07;letter-spacing: -0.25px;color: #979797;opacity: 0.7; margin-right: 11px;}
header .head-search .closeBtn button {width: 24px; height: 25px; background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon-search-close.svg) center/contain no-repeat;}





.footer {margin-top:0px;}
.footer .add_area {height:462px; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/cta_bg.png) repeat; border-top:1px solid #ececec; border-bottom:1px solid #ececec; background-size:20px; box-sizing: border-box; padding-top:10px;}
.footer .add_area .add_inner {max-width:1440px; padding:0 30px; box-sizing: border-box; margin:0 auto; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/cta_img.png) right top no-repeat; background-size:510px; padding-top:100px; padding-bottom : 100px; background-position: 87% -12%; }
.footer .add_area .add_inner strong {display:block; font-size: 46px; font-weight: bold; line-height: 1.28; letter-spacing: -0.83px; color: #474747;}
.footer .add_area .add_inner p {font-size: 17px; line-height: 1.82; letter-spacing: -0.31px; color: #4a4e5e; margin-top:19px;}
.footer .add_area .add_inner a {display:inline-block; margin-top:70px; padding-right:61px; }
.footer .add_area .add_inner a span {width: 227px; height: 60px; background-color: #4a4e5e; display:inline-block; font-size: 17px; font-weight: bold; line-height: 1.82; letter-spacing: -0.31px; color: #f2f2f2; display:flex; align-items: center; justify-content: center; transition: .5s; font-family: 'Noto Sans KR' !important;}
.footer .add_area .add_inner a:hover span {background-color: #3437ce; transition: .5s;}
.footer .add_foot {background:#f2f2f2; padding:47px 0 40px;}
.footer .add_foot .top {display:none;}
.footer .add_foot .add_content {width:1440px; padding:0 30px; margin:0 auto; text-align:center;}
.footer .add_foot .add_content .add_icon {}
.footer .add_foot .add_content .add_icon a + a {margin-left:50px;}
.footer .add_foot .add_content .add_icon img {height:41px; cursor: pointer;}
.footer .add_foot .add_content .txt_link {margin-top:30px;}
.footer .add_foot .add_content .txt_link a {font-size: 16px; font-weight: bold; line-height: normal; letter-spacing: -0.32px; color: #757575;}
.footer .add_foot .add_content .txt_link li {display:inline-block; position: relative;}
.footer .add_foot .add_content .txt_link li + li {margin-left:24px; padding-left:24px;}
.footer .add_foot .add_content .txt_link li + li::after {content:''; width:1px; height:27px; background:#979797; opacity: 0.4; position: absolute; left:0; top:50%; transform: translateY(-50%);}
.footer .add_foot .add_content .all_txt_link {margin-top:60px; border-top:1px solid #c8c8c8; padding-top:28px; text-align:center;}
.footer .add_foot .add_content .all_txt_link li {display:inline-block;}
.footer .add_foot .add_content .all_txt_link li + li {margin-left:90px;}
.footer .add_foot .add_content .all_txt_link li a {font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: -0.29px; color: #828282;}
.footer .real_foot {padding:52px 24px 47px; background:#3d3d46;}
.footer .real_foot .inner_foot {max-width:1440px; padding:0 30px; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
.footer .real_foot .inner_foot div { width: calc(100% - 220px);}
.footer .real_foot .inner_foot h2 img {width:143px;}
.footer .real_foot .inner_foot p {font-size: 12px; font-weight: normal; line-height: normal; letter-spacing: -0.25px; color: #848484; margin-top:10px;}
.footer .real_foot .inner_foot li {display:inline-block;}
.footer .real_foot .inner_foot li img {width:24px;}
.footer .real_foot .inner_foot li + li {margin-left:24px;}

/* view_case */

    .view_case {margin-top:130px; max-width: 1440px;margin-left: 30px;
    margin-right: 30px;}
    .view_case .tit_box {position: relative;}
    .view_case .tit_box h3 {font-size: 28px; font-weight: 300; line-height: 1.3; letter-spacing: -0.5px; color: #595959;}
    .view_case .tit_box h3 strong {font-weight: 500;}
    .view_case .tit_box 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; position: absolute; right:0; top:0;}
    .view_case .tit_box a:hover {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;; color: #000000; }
    .view_case ul {display:flex; justify-content: space-between; margin-top:50px; flex-wrap: wrap;}
    .view_case ul li {width: 23.5%; }
    .view_case ul li:last-child {margin-right:0%;}
    .view_case ul a {display:block;}
    .view_case ul dl {width: 100%; height: 404px; height: auto; border-radius: 10px; border: solid 1px #ebebeb; background-color: #ffffff; overflow:hidden;transition: .5s;}
    .view_case ul dl dt {position: relative; padding-top:74%; background: center center/cover no-repeat;}
    
    .view_case ul dl dt div {position: absolute; left:0; bottom:0; width:100%; text-align:right; background-color: #508aff; height:34px; padding-right:20px; box-sizing: border-box; display:none;}
    .view_case ul dl dt div span {font-size: 12px; font-weight: bold; line-height: 34px; letter-spacing: -0.22px; color: #ffffff; padding-right:28px; display:inline-block; background:url() right center no-repeat; background-size:17px auto;}
    .view_case ul dl dd {padding: 26px;min-height: 168px;}
/* 1018새로 추가     width: fit-content; */
    .view_case ul dl dd strong {
      display:block;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.13;
      letter-spacing: -0.29px;
      color: #474747;
      width: fit-content;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
    }
    .view_case ul dl dd p {margin-top:9px; font-size: 14px; line-height: 1.29; letter-spacing: -0.25px; color: #858585;}
    .view_case ul dl dd div {margin-top:24px;}
    .view_case ul dl dd div span {font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.22px; color: #508aff; display:inline-block;}
    .view_case ul dl dd div span + span {margin-left:5px;}
    .view_case ul a:hover dl {box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1); border: solid 1px #508aff;}
    .view_case ul a:hover dl dt div {display:block;}
    .view_case + .pro_tabs {margin-top:200px;}

/* view_case */

/*블로그 리스트 모듈 최종*/
.cadBlog div.innerWrap {
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 120px;
    margin-bottom: 127px;
}
.cadBlog div.innerWrap ul {
    flex-wrap: wrap;
}

.cadBlog div.innerWrap ul li {
    width: 49%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 17px 0;
    font-size: 14px;
    line-height: 1.5;
}
.cadBlog div.innerWrap ul li a.imgDim {
    width: 40%;
    max-width: 263px;
    height: 177px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center;
  transition: .7s;
}
.cadBlog div.innerWrap ul li a:hover.imgDim {
    background-size: 125%;
  transition: .7s;
    
}
.cadBlog div.innerWrap ul li a.imgDim:before {
    content: " ";
    width: 263px;
    height: 197px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.1)
}
.cadBlog div.innerWrap ul li div.textBox {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    margin-left: 20px;
  padding-top: 1%;
  padding-bottom : 7%;
}

.cadBlog div.innerWrap ul li div img{
    width: 100%;
  object-fit: contain;
}
.textBox p {
    font-size: 16px;
  font-weight: normal!important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: -0.29px;
  color: #858585;
    overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.textBox .word {
    font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.29;
  letter-spacing: -0.25px;
  color: #3437ce;
}
.detailValue {
    font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: -0.36px;
  color: #474747;
}



/*블로그 리스트 모듈 최종*/

@media all and (max-width:1380px) { 
  .pc_view {display:none;}
  .mo_view {display:block;}
  
  .footer {/*margin-top:125px;*/}
  .footer .add_area {}
  .footer .add_area .add_inner {background-position: 98% -150%; }
  .footer .add_area .add_inner strong {display:block; font-size: 46px; font-weight: bold; line-height: 1.2; letter-spacing: -0.54px; color: #474747;}
  .footer .add_area .add_inner p {font-size: 19px; line-height: 1.47; letter-spacing: -0.31px; color: #4a4e5e; margin-top:30px;}
  
  /*   표시: background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/btn_add_arrow.png) right center no-repeat; background-size: 61px auto */
  .footer .add_area .add_inner a {display:inline-block; margin-top:72px; padding-right:61px;} 

  .footer .add_area .add_inner a span {width: 227px; height: 60px; background-color: #4a4e5e; display:inline-block; font-size: 17px; font-weight: bold; line-height: 1.82; letter-spacing: -0.31px; color: #f2f2f2; display:flex; align-items: center; justify-content: center;}
  .footer .add_foot {background:#f2f2f2; padding:47px 0 40px; text-align:center; position: relative;}
  .footer .add_foot .top {display:flex; justify-content: center; align-items: center; width:60px; height:60px; border: solid 1px #ececec; background-color: rgba(255,255,255,0.8); border-radius: 50%;}
  .footer .add_foot .top::after {content:''; width:100%; height:100%; border-radius:50%; opacity: 0.8;  position: absolute; left:0; top:0;}
  .footer .add_foot .top img {width:19px;}
  .footer .add_foot .add_content {width:auto; margin:0 auto; text-align:center;}
  /* .footer .add_foot .add_content .add_icon {margin-top:60px;} */
  .footer .add_foot .add_content .add_icon a + a {margin-left:30px;}
  .footer .add_foot .add_content .add_icon img {height:41px;}
  .footer .add_foot .add_content .txt_link {margin-top:30px;}
  .footer .add_foot .add_content .txt_link a {font-size: 16px; font-weight: bold; line-height: normal; letter-spacing: -0.25px; color: #757575;}
  .footer .add_foot .add_content .txt_link li {display:inline-block; position: relative;}
  .footer .add_foot .add_content .txt_link li + li {margin-left:9px; padding-left:9px;}
  .footer .add_foot .add_content .txt_link li + li::after {content:''; width:1px; height:22px; background:#979797; opacity: 0.4; position: absolute; left:0; top:50%; transform: translateY(-50%);}
  .footer .add_foot .add_content .all_txt_link {margin-top:60px; border-top:1px solid #c8c8c8; padding-top:28px; text-align:center;}
  .footer .add_foot .add_content .all_txt_link li {display:inline-block; padding:0 10px;}
  .footer .add_foot .add_content .all_txt_link li + li {margin:0;}
  .footer .add_foot .add_content .all_txt_link li a {font-size: 16px; font-weight: 500; line-height: 3; letter-spacing: -0.29px; color: #828282;}
  .footer .real_foot {padding:52px 24px 47px; background:#3d3d46; position: relative;}
  .footer .real_foot .inner_foot {display: block; text-align:left;}
  .footer .real_foot .inner_foot h2 img {width:143px;}
  .footer .real_foot .inner_foot p {font-size: 12px; font-weight: normal; line-height: normal; letter-spacing: -0.25px; color: #848484; margin-top:10px;}
  .footer .real_foot .inner_foot ul {position: absolute; top:68px; right:47px;}
  .footer .real_foot .inner_foot li {display:inline-block;}
  .footer .real_foot .inner_foot li img {width:24px;}
  .footer .real_foot .inner_foot li + li {margin-left:24px;}
  
}
@media all and (max-width:1380px) {
  
  header {
    transition: top 0.2s ease-in-out;
    position: fixed;
    width: 100%;
    z-index: 999;
    top : 0;
    left : 0;
    background-color : white;
  }
  
  .nav-up {
    top: -83px;
  }
  
    .moNav{ 
			display: none;
	}

    .footer{margin-top: 0px;}
} 

@media all and (max-width: 1000px){
  .moNav .search .searchBox {
    position: relative;
  }
  .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li:nth-child(1) > ul > li:nth-child(1) > a {
    width: 99px;
    height: 99px;
    background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/mbLogo1.svg);
  }
  .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li > ul li {
    display: flex;
    height: 30px;
    padding-left: 15px;
    margin-bottom: 20px;
  }
  .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li > ul li a {
    line-height: 45px;
    font-size: 14px;
    color: #979797;
  }
  .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li.active > a {
    color: #fff;
  }
  .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li > a {
    font-size: 25px;
    font-weight: 700;
    line-height: 15px;
    color: #979797;
    z-index: 22;
  }
  .hs-menu-wrapper.active-branch.flyouts ul {
    margin-top: 40px;
  }
  .moNav .search .searchBox input {
    box-sizing: border-box;
    padding-left: 10px;
    width: 100%;
    height: 76px;
    border-radius: 5px;
    border: 1px solid #979797;
    line-height: 50px;
    font-size: 15px;
    color: #fff;
    background-color: transparent;
    margin-top: 10px;
  }
  .moNav.active{
    opacity: 1;
    display: block;
    top: 0;
    padding-top: 88px;
  }
  .moNav {
    opacity: 0;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
/*     margin-top: 88px; */
    padding: 0px 30px 0;
    overflow-y: scroll;
    background-color: #1e2029;
    z-index: 20;
    transition: 0.6s;
  }
  .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li:nth-child(5) > ul,
  .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper>ul>li:nth-child(1)>ul {
    display: none;
  }
  .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper>ul>li {
    margin-bottom: 30px;
  }
  .searchImage {
    width: 32px !important;
    height: 32px !important;
    top: 39px !important;
    right: 12px !important;
  }
  .moNav .search .searchBox input {
    box-sizing: border-box;
    padding-left: 10px;
    width: 100%;
    height: 65px;
    border-radius: 5px;
    border: 1px solid #4c4c4c;
    line-height: 50px;
    font-size: 15px;
    color: #fff;
    background-color: transparent;
    margin-top: 22px;
}
}
 

@media screen and (max-width:768px) { 

    .searchImage{

    
    
    width: 32px !important;
    height: 32px !important;
/*     top: 35px !important; */
    right: 0;

    }
    
    .moNav{ display: block; }
  
  header {
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 999;
    top : 0;
    left : 0;
/*     height: 800px; */
/*     overflow-y: auto; */
  }
  
  .nav-up {
    top: -83px;
  }
    
  header {}
  header .head {position: relative; z-index: 9999; width:auto; max-width:1440px; padding:26px 0px; text-align:center; margin:0 auto; height:35px; box-sizing: content-box; box-shadow: 1px 2px 3px rgb(0 0 0 / 9%); display: flex; align-items: center; justify-content: space-between;} 
/*   header .head h1 {left:17px; top:50%; } */
  header .head h1 img {height:28px;}
  header .head nav {display:none;}
  header .head .abs_right {right:17px; }
/*   header .head .abs_right .word_link {height: 35px; border-radius: 3px; background:#508aff urlurl(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/icon_head_write.png)  10px 6px no-repeat; background-size:24px; padding:0 12px 0 48px; display:inline-block; font-size: 14px; font-weight: 500; line-height: 35px; letter-spacing: -0.25px; color: #ffffff; vertical-align: middle;} */
  header .head .abs_right .search {display:inline-block; vertical-align: middle; margin-left:14px;}
  header .head .abs_right .search .pc {display:none;}
/*   header .head .abs_right .search .mo {display:inline;} */
  header .head .abs_right .search img {width:29px;}

/*  0708 테블릿/모바일 서브네비 */
    
    
    .moNav{ opacity:0; display: none; top:0; right:0; width: 100%; height: 100%; padding:0px 30px 0; overflow-y: scroll;  background-color: #1e2029; z-index:20; transition: 0.6s; }
    .moNav.active{ opacity: 1; display: block;}
    .moNav .search .searchBox { position:relative; }
    
/*     .moNav .search .searchBox input { box-sizing: border-box; padding-left: 10px; width:100%; height: 76px; border-radius: 5px; border: 1px solid #979797; line-height:50px; font-size:15px; color: #fff; background-color: transparent; margin-top : 10px} */
 
    .moNave .search .searchBox img { border : 4px solid red !important; position: absolute; width: 18px; height:18px; margin-top:50px; right: 0}

    .moNav form button{position:relative; top:25px; right:40px; width: 40px; height: 40px; }
    .moNav form button img{ width: 100%;}
    
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul{ margin-top: 50px; }
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li{ margin-bottom: 50px; }
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li > a{ font-size:25px; font-weight: 700; line-height:15px; color: #979797; z-index:22; }
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li.active > a{ color:#fff }
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li > ul { margin-top: 20px;}
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li > ul li{ display:flex; height: 30px; padding-left:15px; margin-bottom: 20px; }
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li > ul li a{ line-height:45px; font-size: 14px; color: #979797; }
  
  .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li:nth-child(1) > ul {
    margin-bottom : 50px;
  }
    
/*  .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li:nth-child(1) > ul {display: flex; align-items: center; justify-content: flex-start;} */
    
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li:nth-child(1) > ul > li:nth-child(1) > a {width: 99px;height: 99px;background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/mbLogo1.svg);}
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li:nth-child(1) > ul > li:nth-child(2) > a {width: 99px;height: 99px;background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/mbLogo2.svg);}
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li:nth-child(1) > ul > li:nth-child(3) > a {width: 99px;height: 99px;background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/mbLogo3.svg);}

    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper  > ul > li:nth-child(1) > ul > li.hs-menu-item.hs-menu-depth-2.hs-item-has-children {display:none;}
    
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li:nth-child(5) > ul {display: none;}
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li:nth-child(5) > ul > li {margin-bottom: 0px;}
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li:nth-child(5) > ul > li > a {font-size: 18px; color: #979797; font-weight: bold; line-height: 2.22; letter-spacing:-0.23px}
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li:nth-child(5) > ul > li > a:before {content: '-'; margin-right: 10px;}
/*  0708 테블릿/모바일 서브네비 */
    
    
  .footer {margin-top:0px;}
  
  /*무료맞춤제안 CTA모듈 최종*/
  .footer .add_area {height:563px;}
  .footer .add_area .add_inner {width:auto; margin:0 auto; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/cta_img.png) 76px 224px no-repeat; background-size:240px; padding-top:51px; text-align:center;}
  .footer .add_area .add_inner strong {display:block; font-size: 30px; font-weight: bold; line-height: 1.2; letter-spacing: -0.54px; color: #474747;}
  .footer .add_area .add_inner p {font-size: 17px; line-height: 1.47; letter-spacing: -0.31px; color: #4a4e5e; margin-top:30px;}
  .footer .add_area .add_inner a {display:inline-block; margin-top:291px; padding-right:61px; }
  .footer .add_area .add_inner a span {width: 227px; height: 60px; background-color: #4a4e5e; display:inline-block; font-size: 17px; font-weight: bold; line-height: 1.82; letter-spacing: -0.31px; color: #f2f2f2; display:flex; align-items: center; justify-content: center;}
  




  /*무료맞춤제안 CTA모듈 최종*/

  .footer .add_foot {background:#f2f2f2; padding:47px 0 40px; text-align:center;}
  .footer .add_foot .top {}
  .footer .add_foot .top img {width:19px;}
  .footer .add_foot .add_content {width:auto; margin:0 auto; text-align:center;}
  .footer .add_foot .add_content .add_icon {margin-top:60px;}
  .footer .add_foot .add_content .add_icon a + a {margin-left:30px;}
  .footer .add_foot .add_content .add_icon img {height:33px;}
  .footer .add_foot .add_content .txt_link {margin-top:30px;}
  .footer .add_foot .add_content .txt_link a {font-size: 14px; font-weight: bold; line-height: normal; letter-spacing: -0.25px; color: #757575;}
  .footer .add_foot .add_content .txt_link li {display:inline-block; position: relative;}
  .footer .add_foot .add_content .txt_link li + li {margin-left:9px; padding-left:9px;}
  .footer .add_foot .add_content .txt_link li + li::after {content:''; width:1px; height:22px; background:#979797; opacity: 0.4; position: absolute; left:0; top:50%; transform: translateY(-50%);}
  .footer .add_foot .add_content .all_txt_link {margin-top:54px; border-top:1px solid #c8c8c8; padding-top:20px; text-align:center;}
  .footer .add_foot .add_content .all_txt_link li {display:inline-block; padding:0 10px;}
  .footer .add_foot .add_content .all_txt_link li + li {margin:0;}
  .footer .add_foot .add_content .all_txt_link li a {font-size: 14px; font-weight: 500; line-height: 3; letter-spacing: -0.29px; color: #828282;}
  .footer .real_foot {padding:145px 24px 30px; background:#3d3d46; position: relative;}
  .footer .real_foot .inner_foot {width:100%; margin:0 auto; display: block; text-align:center;}
  .footer .real_foot .inner_foot h2 img {width:143px;}
  .footer .real_foot .inner_foot p {font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: -0.25px; color: #9a9a9a; margin-top:10px;}
  .footer .real_foot .inner_foot ul {position: absolute; top:68px; left:0; width:100%; justify-content: center;}
  .footer .real_foot .inner_foot li {display:inline-block;}
  .footer .real_foot .inner_foot li img {width:24px;}
  .footer .real_foot .inner_foot li + li {margin-left:24px;}


/*분리+취합*/

      .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper>ul>li:nth-child(1)>ul {display:none}
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper>ul>li:nth-child(1)>ul.active {display:flex}
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper ul li:hover {color: white;}
    
/*  0715 jungeun */
    
    .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper>ul>li {
        margin-bottom : 30px;
    }
    
   #wrap {min-width: initial;}
   header .head-search {top:unset}
   header.on .head-search {height: calc(100% - 87px);}
   header .head .abs_right .search img {display: none;}
   header .head .abs_right .search .mo.moActive {display: none;}
   header.on .head .abs_right .search .moDefault {display: none;}
   header.on .head .abs_right .search .moActive {display: block;}
  
/*  수정 -> header .head-search .search-field {margin: initial; width:calc(100% - 18px)}  */
/*  수정 -> header .head-search .closeBtn {display: none;} */
   header .head-search .search-field {margin: initial; width:calc(60% - 10px)}
   header .head-search .closeBtn {display: flex; margin-right: 20px;}
   
   header.on:before {content:'';display:block;position: fixed;top: 87px;left: 0;right: 0;bottom: 0;background-color: #1e2029;}
   header.on .head nav {display: block !important; position: absolute; left: 30px; top: 230px; z-index: 1;}
   header .head nav ul {display: flex; flex-direction: column; align-items: flex-start;}
   header .head nav li {margin-bottom: 36px; text-align: left;}
  
   header .head nav .active .subMenu {position: relative;top: unset;left: unset;transform: none;margin-top: 0;padding:35px 10px; background-color: transparent; border: 0;}
   header .head nav .subMenu-02 div {border: 0;}
   header .head nav .subMenu-02 div a {width: 99px;height: 99px;margin-right: 10px;}
   header .head nav .subMenu-02 div a:nth-child(1) {background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/subMenu_s.svg)}
   header .head nav .subMenu-02 div a:nth-child(2) {background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/subMenu_s.svg)}
   header .head nav .subMenu-02 div a:nth-child(3) {background: url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/subMenu_s.svg)}
   header .head nav .subMenu-02 li {display: none;}
   header .head nav li + li {margin-left: 0;}
   header .head nav li a {font-size: 24px;font-weight: bold;line-height: 1;letter-spacing: -0.3px;color: #979797;}
   
   header .head nav li.active a {color: #fff;}
   header .head nav .active .subMenu {align-items: flex-start; padding-left: 20px;padding-bottom: 0;padding-top: 30px;}
   header .head nav .subMenu li a {font-size: 18px;font-weight: bold;line-height: 2.22;letter-spacing: -0.23px;color: #979797;text-decoration: none;}
   header .head nav .subMenu li {display: flex; align-items: center; margin-bottom: 10px;}
   header .head nav .subMenu li:last-child {margin-bottom: 0;}
   header .head nav ul.subMenu li:before {content:'';width: 9px;height: 1px;background: #979797;display: inline-block;margin-right: 10px;margin-left: 0;}
   header .head nav .subMenu.subMenu-02 li {display: none;}
  
    .footer .add_area {}
    .footer .add_area .add_inner {width:auto; margin:0 auto; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/cta_img.png) 47% 43% no-repeat; background-size:320px; padding-top:51px; text-align:center;}
    .footer .add_area .add_inner strong {display:block; font-size: 37px; font-weight: bold; line-height: 1.22; letter-spacing: -0.83px; color: #474747;}
    .footer .add_area .add_inner p {font-size: 16px; line-height: 1.5; letter-spacing: -0.31px; color: #4a4e5e; margin-top: 12px; padding-left: 7%; padding-right: 8%;}

    .footer .add_area .add_inner a span {width: 227px; height: 60px; background-color: #4a4e5e; display:inline-block; font-size: 17px; font-weight: bold; line-height: 1.82; letter-spacing: -1.0px; color: #f2f2f2; display:flex; align-items: center; justify-content: center; transition: .5s;}
    .footer .add_area .add_inner a:hover span {background-color: #3437ce; transition: .5s;}

    .footer .add_foot .add_content .add_icon {margin-top: 0px; display:flex; justify-content:center;}
    .footer .add_foot .add_content .txt_link a {font-size: 14px;}
    .footer .real_foot .inner_foot div {width: 100%;} 
    .footer .real_foot .inner_foot p {font-size: 12px; font-weight: 300;line-height: normal; letter-spacing: -0.25px; color: #797979; margin-top: 20px; padding-left: 5%; padding-right: 5%;}

    /*활용사례 목록 모듈 타블릿 */
       .view_case {width: 100%; max-width: 910px; margin: 130px 0 0; padding-left: 30px; padding-right: 30px;}     
        
    /*.view_case {margin-top:130px; max-width: 1440px;}*/
    .view_case .tit_box {position: relative;}
    .view_case .tit_box h3 {font-size: 28px; font-weight: 300; line-height: 1.3; letter-spacing: -0.5px; color: #595959;}
    .view_case .tit_box h3 strong {font-weight: 500;}
    .view_case .tit_box 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; position: absolute; right:0; top:0;}
    .view_case .tit_box a:hover {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;; color: #000000; }
    .view_case ul {display:flex; justify-content: space-between; margin-top:50px;}
    .view_case ul li {width: 48.5%; margin-bottom: 3%;}
    .view_case ul li:last-child {margin-right:0%;}
    .view_case ul a {display:block;}
    .view_case ul dl {width: 100%; height: 404px; height: auto; border-radius: 10px; border: solid 1px #ebebeb; background-color: #ffffff; overflow:hidden;transition: .5s;}
    .view_case ul dl dt {position: relative; padding-top:74%; background: center center/cover no-repeat;}
    
    .view_case ul dl dt div {position: absolute; left:0; bottom:0; width:100%; text-align:right; background-color: #508aff; height:34px; padding-right:20px; box-sizing: border-box; display:none;}
    .view_case ul dl dt div span {font-size: 12px; font-weight: bold; line-height: 34px; letter-spacing: -0.22px; color: #ffffff; padding-right:28px; display:inline-block; background:url() right center no-repeat; background-size:17px auto;}
    .view_case ul dl dd {padding: 26px;min-height: 168px;}
    .view_case ul dl dd strong {display:block; font-size: 16px; font-weight: bold; line-height: 1.13; letter-spacing: -0.29px; color: #474747;}
    .view_case ul dl dd p {margin-top:9px; font-size: 14px; line-height: 1.29; letter-spacing: -0.25px; color: #858585;}
    .view_case ul dl dd div {margin-top:24px;}
    .view_case ul dl dd div span {font-size: 12px; font-weight: bold; line-height: 1.5; letter-spacing: -0.22px; color: #508aff; display:inline-block;}
    .view_case ul dl dd div span + span {margin-left:5px;}
    .view_case ul a:hover dl {box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.1); border: solid 1px #508aff;}
    .view_case ul a:hover dl dt div {display:block;}
    .view_case + .pro_tabs {margin-top:200px;}
    /*활용사례 목록 모듈 타블릿 */





    /*블로그 리스트 모듈 최종*/ 
    .textBox p {font-size: 14px !important;}
    .cadBlog div.innerWrap ul li a.imgDim {
    width: 40%;
    max-width: 263px;
    height: 111px;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center center;
    transition: all 0.7s ease 0s;}
    .cadBlog div.innerWrap ul li div.textBox {
        width: 60%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: flex-start;
            height: 100%;
            margin-left: 20px;
          padding-top: 1%;
          padding-bottom : 0px;
        }
         .detailValue {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: -0.36px;
    color: rgb(71, 71, 71);
    }



    /*블로그 리스트 모듈 최종*/. 

    
  
}
@media all and (max-width: 1080px) {
    header .head .abs_right a.headerText {display: none;}
}

@media all and (max-width: 1045px) {
  header .head nav .hs-menu-flow-horizontal>ul>li{
    margin-left: 14px;
  }
}

@media all and (max-width: 1380px) {
  header .head {
    width: auto;
    max-width: 1440px;
    padding: 26px 24px;
    text-align: center;
    margin: 0 auto;
    height: 35px;
    box-sizing: content-box;
    box-shadow: 1px 2px 3px rgb(0 0 0 / 9%);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header .head nav{
    display: none;
  }
    header .head .abs_right .search img{
    display: none;
  }
  header .head .abs_right .search .mo{
    display: flex;
  }
}

@media all and (max-width:980px) {
  header .head .abs_right .word_link {
    display: none;
  }
}
@media all and (max-width:768px) {
  .hs-menu-wrapper.active-branch.flyouts ul {
    margin-top : 40px;
  }
}

/* 1017 수정 아이폰13프로 사이즈에 맞게 기존 428 -> 644로 변경 */

@media all and (max-width:644px) {
  .poppoppopOpen{
    display: none;
  }
  header .head .abs_right .word_link {
    display: none;
  }
  /* 스크롤 뷰 헤더 구현 */
  header {
    transition: top 0.2s ease-in-out;
    width: 100%;
    z-index: 999;
    top : 0;
    left : 0;
    background-color : white;
  }

header .head {
/*     width: 100%; */
    background-color: #fff;
    overflow: hidden;
}
header .head .abs_right .search{
    margin-left: 0px !important;
}

header .head .abs_right{
    display: block;

}



.hs-menu-wrapper.active-branch.flyouts ul {
    margin-top: 30px;
}
.moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper>ul>li>a {
    font-size: 22px;}

.moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper>ul>li>ul {
    margin-top: 5px;
}
.moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper>ul>li {
    margin-bottom: 25px;
}

  /*1차 마지막 수정안 */
  
  .footer .add_foot .add_content {
   padding : 0px 24px;
  }
  


.searchImage{
 
    width: 32px !important;
    height: 32px !important;
    top: 39px !important;
    right: 12px !important;

    }

.moNav .search .searchBox input {
    box-sizing: border-box;
    padding-left: 10px;
    width: 100%;
    height: 65px;
    border-radius: 5px;
    border: 1px solid #4c4c4c;
    line-height: 50px;
    font-size: 15px;
    color: #fff;
    background-color: transparent;
    margin-top: 22px;
}

  

.footer .add_area .add_inner a {
    display: inline-block;
    margin-top: 294px;
/*     padding-right: 61px; */
    padding-right: 0;
    width: 100%;
}
.footer .add_area .add_inner a span {
    width: 100%;
}



  /*1차 마지막 수정안 끝*/
  
  .nav-up {
    top: -87px;
  }
  
  .moNav .hs_cos_wrapper_type_menu .hs-menu-wrapper > ul > li:nth-child(1) > ul {
    margin-bottom : 80px;
  }

    .moNav form input{ font-size: 15px; }
    .moNav form button{ top: 15px; }


   /*무료맞춤제안 CTA모듈 최종*/
    .footer .add_area {}
    .footer .add_area .add_inner {max-width:425px; height: 598px; padding:0 30px; box-sizing: border-box; margin:0 auto; background:url(//2495902.fs1.hubspotusercontent-na1.net/hubfs/2495902/raw_assets/public/midasMCAD/Coded_Files/images/common/cta_img.png) center center no-repeat; background-size:245px; padding-top:47px;}
    .footer .add_area .add_inner strong {display:block; font-size: 30px; font-weight: bold; line-height: 1.22; letter-spacing: -0.83px; color: #474747;}
    .footer .add_area .add_inner p {font-size: 16px; line-height: 1.5; letter-spacing: -0.31px; color: #4a4e5e; margin-top: 12px; padding-left: 7%; padding-right: 8%;}
    .footer .add_area .add_inner a {display:inline-block; margin-top:279px; padding-right:0; }
    .footer .add_area .add_inner a span {height: 60px; background-color: #4a4e5e; display:inline-block; font-size: 17px; font-weight: bold; line-height: 1.82; letter-spacing: -1.0px; color: #f2f2f2; display:flex; align-items: center; justify-content: center; transition: .5s;}
    .footer .add_area .add_inner a:hover span {background-color: #3437ce; transition: .5s;}
   
  .footer .add_foot .add_content .all_txt_link li a {font-size: 11.5px; font-weight: 500; line-height: 3; letter-spacing: -0.29px; color: #828282;}
    /*무료맞춤제안 CTA모듈 최종*/



.footer .add_foot .add_content .add_icon {margin-top: 0px;}
.footer .add_foot .add_content .txt_link a {font-size: 11.5px;}
.footer .real_foot .inner_foot div {width: 100%;} 
.footer .real_foot .inner_foot p {font-size: 12px; font-weight: 300;line-height: normal; letter-spacing: -0.25px; color: #797979; margin-top: 20px; padding-left: 5%; padding-right: 5%;}


/*활용사례 목록 모듈 모바일 */
    .view_case .tit_box h3 {font-size: 20px;}
    .view_case .tit_box a {top:6px}
    .view_case ul li {margin: 0 0 20px; width: 100%;}
    .view_case ul dl {width: 100%;}
    .view_case ul {margin:0px;}
    .view_case .tit_box {margin:0px;    margin-bottom: 45px;}
    .view_case ul dl dt {position: relative; padding-top:57%; background: center center/cover no-repeat;}
    .view_case ul dl dd {min-height: 142px;}

/*활용사례 목록 모듈*/
/*블로그 리스트 모듈 - 최종*/
  .cadBlog div.innerWrap ul{
    padding: 0px;
    
  }
   .cadBlog div.innerWrap ul li {
            width: 100%;
        }
  .cadBlog div.innerWrap ul li a.imgDim {
    width: 40%;
    max-width: 263px;
    height: 116px;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: 110%;
    background-position: center center;
    transition: all 0.7s ease 0s;
}
  .cadBlog div.innerWrap ul li div.textBox {
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    margin-left: 14px;
    padding-top: 0%;
    padding-bottom: 0%;
}
  .textBox p {
    font-size: 14px !important;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: -0.29px;
  color: #858585;    
}
  .detailValue {
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: -0.36px;
    color: rgb(71, 71, 71);
}
/*블로그 리스트 모듈 - 최종*/ 


}

@media all and (max-width:375px) {
  body{
    min-width: 375px;
  }
    .footer .add_foot .add_content .add_icon {
        flex-direction: column;
    align-items: center;
    justify-content: center;
    }
    .footer .add_foot .add_content .add_icon a {
        margin-bottom: 23px;
    }
    .footer .add_foot .add_content .add_icon a+a {
        margin-left: 0;
    }
    .footer .add_foot .add_content .add_icon img {
    height: 45px;
  }
}