@charset "utf-8";
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-8Heavy'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-4Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }


/* 갤러리게시판(gallery02_new) _ Ameri */

#img-row-cover1 .col-lg-3{border:1px solid #efefef!important;}
#img-row-cover1 .col-lg-3:hover{border:1px solid #00a5e5!important;}
#img-row-cover1 .col-lg-3:hover .img-title p{color:#00a5e5!important;}


/* 갤러리게시판 end */


/*floting button*/
.Floating {z-index:99; position:fixed; bottom:275px; right:8px; width:100px; height:50px;  display: flex;
    flex-direction: column; /* 세로 배치 */
    align-items: center;
    gap: 10px; }
 .Floating a {
    text-decoration: none;
    text-align: center;
 
    width: 100px; /* 버튼의 가로 크기 */
 
  }
  
  .Floating .inquiry h1,
  .Floating .call h1 {
    margin: 0;
    padding: 10px;
    background-color: #007BFF; /* 버튼 배경 색 */
    color: #fff; /* 텍스트 색 */
    
    border-radius: 10px;  
    font-size: 16px;
    display: flex;
    flex-direction: column; /* 텍스트 세로 정렬 */
    align-items: center;
  }

  .Floating .call img {
    width: 30px; /* 이미지 크기 조정 */
    height: 30px;
    margin-bottom: 5px;
  }

  .Floating h1 span {
    font-size: 14px; /* 서브 텍스트 크기 */
  }
.Floating p{color:#fff; font-size:16px; line-height:1.5;}

/* common _ jyp */
* {
  font-family: 'Noto Sans KR', serif;
}
body {
  font-family: 'Noto Sans KR', serif;
  color:#000;
  letter-spacing:-0.02em;

  -webkit-text-size-adjust: none;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,input {
  color:#333;
  margin:0;
  padding:0;
  font-size:15px;
  line-height:1.756em;
  font-weight:500;
}
table,td,th {
  font-family: 'Noto Sans KR', serif;
  color:#000;
}
table {
  border-collapse:collapse;
  border-spacing:0
}
ul,ol,li {
  list-style:none;
}
a,img {
  outline:0;
  text-decoration:none;
  border:0;
}
a:link,a:visited,a:active,a:hover {
  outline:0;
  text-decoration:none;
  color:#000;
}

img.fit {
  width:100%;
}
img.max-fit {
  max-width:100%;
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6, {
  margin-top:0;
  font-family:  'Noto Sans KR';

}
.row {
  padding-right:0px !important;
  padding-left:0px !important
}
.row::after {
  clear:both;
}
.row::before,.row::after {
  display:table;
  content: " ";
}

[canvas=container],
[off-canvas] {
  padding: 10px 20px;
}

[class*=js-] {
  cursor: pointer;
}

/* Footer */
.P-footer {
  clear:both;
  padding:0px 0;
  width:100%;
  background:#f9f9f9;
}
.footer-logo {
  display:none;
}
.footer-info {
  width:100%;
}
.footer-info li {
  width:100%;
  background:#000;
  padding:0px 0px 0px 0px;
}
.copy-item {
  display:block;
  width:100%;
  text-align:center;
  font-size:12px;
  color:#ADADAD
}

#menu_box { display:none; }
}


.P-member {
  display: none;
}



/* * Override Bootstrap's default container. */
#totalANDzeroweb {
  width:100%;
  background:#f8f8f8;
  text-align:left;
}
#totalANDzeroweb div{
  font-size:12px;
  color:#666
}

#SUB_Scontent {
  max-width: 1280px;
  margin: 0 auto;
}
.swiper-container {
  position: relative;
  width: 50%;
  float: left;
}
.sw_wrap{
  width:100%;
  float: left;
  padding-bottom: 5%;
}



/* all  */
@media all{
  dl {
    padding-top: 5% !important;
    padding-bottom: 5% !important;
  }

  a{
    font-family: 'Noto Sans KR';
  }

}


/* 모바일 [ ~ 767px 적용] */
@media all and (max-width:767px){
  .m {display:block;}
  .t {display:none;}
  .pc {display:none;}

  .swiper-container img {
    width: 320%;
  }

  .swiper-container {
    float: left;
  }

  .swiper-slide{
    overflow: hidden;
  }

  .main-slider {
    width:100%;
    overflow:hidden;
  }
  .main-slider li {
    position:relative;
    width:100%;
    height:300px;
    overflow:hidden;
    background-size: 100% auto;
  }

  .msd_logo {
    width: 100%;
    z-index: 3;
    top: 34%;
    position: absolute;
  }

  .msd_logo_box {
    width: 280px;
    margin: auto;
  }

  .msd_logo_box img {
    width: 100%;
  }

  .msd_logo {
    width: 100%;
    z-index: 3;
    top: 34%;
    position: absolute;
  }
  .P-member {
    display: none;
  }

  .P-header {
    width: 100% !important;
    position: initial !important;
    height: 70px;
    margin: 0 auto;
    padding: 0 5%;
    z-index: 10;
  }

  .P-header {
    width: 100%;
    height: 70px;
    background-color: #fff;
    display: inline-block;
  } 

  .wrap {
    position: relative;
    width: 100%;
    /* min-width: 320px; */
    /* max-width: 640px; */
    margin: auto;
  }

  .P-nav-logo {
    padding: 14px 0;
    float: left;
    width: 80%;
    font-size: 24px;
    line-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #000;
    position: relative;
  }

  .P-nav-logo img {
    width: 230px;
    float: left;
  }
  .visible-lg {
    display: block;
    overflow: hidden;
  }

  #btn-top-menu {
    width: 45px;
    float: right;
    padding-top: 15px;
  }

  #btn-top-menu img {
    display: block;
  }

  .visible-lg {
    display: none;
  }

  .top-menu{
    height: 130px !important;
  }

  .top-menu-title p {
    color: #fff;
    font-size: 30px;
    font-family: 'Noto Sans KR';
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 5px;
    margin: initial !important;
  }

  .top-menu-title p span {
    display: block;
    color: #f1f1f1;
    font-weight: 400;
    letter-spacing: -1px;
  }

  .top-menu-title {
    padding-top: 25px;
  }

  dl {
    padding-top: 10% !important;
    padding-bottom: 10% !important;
  }

  .tit01_box{
    display: none;
  }

  .sub_wrap{
    width: 90%;
    margin: auto;
  }

  .box01{
    font-family: 'S-CoreDream-5Medium';
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -1px;
    font-weight: nomal;
    padding-bottom: 20px;
  }

  .box01 span{
    font-family: 'S-CoreDream-5Medium';
    font-weight: bold;
  }

  .box02{
    border-top: 2px solid #000;
    padding-top: 20px;
    letter-spacing: -0.2px;
  }

  .vip_box a {color: #fff !important;}

  .vip_box{
    width: 100%;
    height: 80px;
    font-size: 22px;
    text-align: center;
    float: left;
    font-family: 'Noto Sans KR';
    line-height: 80px;
    background-color: #3d3d3d;
    color: #fff;
  }

  .vip_box span{
    font-family: 'Noto Sans KR';
    color: #f4cb7c;
  }

  .vip_box img{
    width:26px;
    margin-top: -7px;
  }

  .vip_t{
    display:none;
  }

  .vip_btn{
    display:none;
  }

}


/*메뉴 버튼 이격 맞춤*/
@media all and (min-width:1024px) and (max-width:1199px){
  .wrap .gnb {display:block !important}

}



/*태블릿 [768 ~ 1023px 적용] */
@media all and (min-width:768px) and (max-width:1023px){
  .t{display:block;}
  .m{display:none;}
  .pc{display:none;}
  .swiper-container img {
    width: 320%;
  }
  .swiper-container {
    float: left;
  }
  .swiper-slide{
    overflow: hidden;
  }

  /*시공가격표_국산차_외제차*/

  .price_bt ul .bt1{width:40%;height:210px; margin-top:25px;margin-right:15px; border:1px solid #fff; border-radius:10px;vertical-align: middle;float:left;}

  .price_bt ul .bt2{width:40%;height:210px; margin-top:25px;margin-right:30px; border:1px solid #fff; border-radius:10px;vertical-align: middle;float:left;}



  .msd_logo {
    width: 100%;
    z-index: 3;
    top: 34%;
    position: absolute;
  }
  .msd_logo_box {
    width: 280px;
    margin: auto;
  }
  .msd_logo_box img {
    width: 100%;
  }
  .msd_logo {
    width: 100%;
    z-index: 3;
    top: 34%;
    position: absolute;
  }
  .P-member {
    display: none;
  }
  .P-header {
    width: 100% !important;
    position: initial !important;
    /* max-width: 640px; */
    margin: 0 auto;
    padding: 0 5%;
    z-index: 10;
  }

  .P-header {
    width: 100%;
    height: 70px;
    background-color: #fff;
    display: inline-block;
  } 


  .wrap {
    position: relative;
    width: 100%;
    /* min-width: 320px; */
    /* max-width: 640px; */
    margin: auto;
  }
  .P-nav-logo {
    padding: 12px 0;
    float: left;
    width: 80%;
    font-size: 24px;
    line-height: 33px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #000;
    position: relative;
  }
  .P-nav-logo img {
    width: 250px;
    float: left;
  }


  .visible-lg {
    display: block;
    overflow: hidden;
  }
  #btn-top-menu {
    width: 45px;
    float: right;
    padding-top: 15px;
  }
  #btn-top-menu img {
    display: block;
  }
  .visible-lg {
    display: none;
  }

  .top-menu-title p {
    color: #fff;
    font-size: 30px;
    font-family: 'Noto Sans KR';
    font-weight: 600;
    line-height: 35px;
    letter-spacing: -0.2px;
    margin: initial !important;
  }


  .top-menu-title p span {
    display: block;
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -1px;
  }

  .top-menu-title {
    padding-top: 70px;
  }


  .vip_box{
    width: 45%;
    height: 80px;
    font-size: 24px;
    text-align: center;
    float: left;
    font-family: 'Noto Sans KR';
    line-height: 80px;
    background-color: #3d3d3d;
    color: #fff;
  }

  .vip_box a {color: #fff !important;}

  .vip_box span{
    font-family: 'Noto Sans KR';
    color: #f4cb7c;
  }

  .vip_box img{
    width:26px;
    margin-top: -7px;
  }

  .vip_t{
    width: 55%;
    height: 80px;
    padding-left: 22px;
    font-size: 18px;
    font-weight:400;
    text-align: left;
    float: left;
    font-family: 'Noto Sans KR';
    line-height: 80px;
    color: #fff;
  }

  .vip_t span{
    font-weight: 400;
    font-family: 'Noto Sans KR';
    color: #ffba00;
  }

  .vip_btn{display:none;}



  <!--시공갤러리&비용문의-->
  .inq_call_wrap{
    width: 100%;
  }

  .inq_box{
    background: url(/images/main/inq_bg_1.jpg);
    position: relative;
    float: left;
    background-position: center center;
    background-size: cover;
    width: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 225px;
  }

  .inq_t{
    text-align: center;
    font-size: 26px;
    line-height: 26px;
    position: absolute;
    /* right: 30px; */
    margin:60px auto 30px;
    color: #fff;
    width: 100%;
    font-weight: 500;
    font-family: 'Noto Sans KR';
  }


  .inq_btn{margin:0px auto; 
    text-decoration: none !important;
    cursor: pointer !important;
    color: #333 !important;
    text-align: center;
    line-height: 48px;
    font-weight:500;
    font-size: 24px;
    width: 148px; height:50px;
    letter-spacing: -0.2px;
    overflow: hidden;
    background:#FFF;margin-top:120px;
    transition: all 0.3s;border-radius:10px;
  }  

  .inq_btn:hover{
    color: #fff !important;
    transition-duration: 0.6s;
    background: #00a5e5;border-radius:10px;
  }

  .call_box{
    background: url(/images/main/inq_bg_2.jpg);
    position: relative;
    float: left;
    background-position: center center;
    background-size: cover;
    width: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 225px;
  }

  .call_t{
    text-align: center;
    font-size: 26px;
    line-height: 26px;
    position: absolute;
    /* right: 30px; */
    margin:60px auto 30px;
    color: #fff;
    width: 100%;
    font-weight: 500;
    font-family: 'Noto Sans KR';
  }


  <!--시공갤러리&비용문의 끝-->
  .tit01_box{
    display: none;
  }

  .sub_wrap{
    width: 90%;
    margin: auto;
  }

  .box01{
    font-family: 'S-CoreDream-5Medium';
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -1px;
    font-weight: nomal;
    padding-bottom: 20px;
  }

  .box01 span{
    font-family: 'S-CoreDream-5Medium';
    font-weight: bold;
  }

  .box02{
    border-top: 2px solid #000;
    padding-top: 20px;
    letter-spacing: -0.2px;
  }


}



/* 웹 [1024 ~ px 적용] */
@media all and (min-width:1024px){
  .m {display:none;}
  .t {display:none;}
  .pc {display:block;}

  .swiper-container img {
    width: 100%;
  }

  .P-header {
    width: 100%;
    height: 90px;
    background-color: #fff;
    display: inline-block;
      padding: 0 5%;
  }
  .P-member {
    display: none;
  }

  .wrap {
    width: 100%;
    max-width: 1280px;
    margin: auto;
  }

  .P-nav-logo {
    position: relative;
        padding: 20px 0;
    font-size: 26px;
    line-height: 90px;
    float: left;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    color: #000;
  }

  .P-nav-logo img {
    /* width: 140px; */
    width: 280px;
    float: left;
  }
  .wrap > a {
    width:20%;
    float:left;
  }

  .P-nav {
    float: right;
    /* display: block; */
    /* overflow: hidden; */
    width:80%;
  }

  #btn-top-menu{display: none !important;}

  .P-nav li:nth-child(2) {
    position:relative;
  }

  .sub_02_menu{
    display: none;
    position: absolute;
    width: 16.66%;
    float:left;
    margin-top: 90px;
    z-index: 999;
    text-align: center;
    left:149px;
  }



  .visible-lg ul li:hover > ul{
    display:block;
  }



  .P-nav-item:hover, .P-nav-item:focus {
    color: #fff;background:#03a6e5;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    font-family:  'Noto Sans KR';

  }

  /* menu */
  .visible-lg {display: inline-block;vertical-align: top;position: relative;z-index:999;}
  #menu a {display: block;position: relative;line-height: 1.7;-webkit-transition: all 0.3s;transition: all 0.3s;}
  #menu ul.menu_child_group {opacity: 0;visibility: hidden;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;}

  /* 1depth */
  #menu {float:right;}
  #menu > li {float: left; height:90px;display: inline-block;vertical-align:middle; position: relative; margin-left: 40px;}
  #menu > li > a {font-size: 17px;letter-spacing: -0.2px;color: #222;word-break: break-all;line-height: 88px;text-align:center;}
  #menu > li > a:hover{color:#03a6e5;}
  #menu > li.active > a {color: #03a6e5;}



  /* 2depth */
  #menu > li:hover > ul, #menu > li.focusin > ul {opacity: 1;visibility: visible;}

  #menu > li > ul {width: 180px;position: absolute;left: 50%;margin-left: -90px;top: 100%;text-align: left;background: #fff;border-radius: 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
  #menu > li > ul > li {display: block;border-bottom: 1px solid #ddd;position: relative;}
  #menu > li > ul > li:last-child {border-bottom: none;}
  #menu > li > ul > li:before {content: '';display: block;position: absolute;top: -1px;bottom: -1px;left: -3px;right: -3px;background: #03a6e5;border-radius: 5px;opacity: 0;visibility: hidden;-webkit-transition: opacity 300ms;transition: opacity 300ms;}
  #menu > li > ul > li:first-child:before {top: -3px;}
  #menu > li > ul > li:last-child:before {bottom: -3px;}
  #menu > li > ul > li > a {padding: 15px 48px 15px 48px;font-size: 15px;letter-spacing: -0.025em;font-weight: 500;color: #666;text-align:center;}
  #menu > li > ul > li > a:after {display: block;width: 16px;height: 16px;position: absolute;right: 16px;top: 50%;margin-top: -8px;font-family: 'jt_font';font-size: 16px;line-height: 1;font-weight: normal;text-align: center;color: #fff;-webkit-transform: translateX(16px);-ms-transform: translateX(16px);transform: translateX(16px);opacity: 0;}
  #menu > li > ul > li:hover:before, #menu > li > ul > li.active:before {opacity: 1;visibility: visible;}
  #menu > li > ul > li:hover > a, #menu > li > ul > li.active > a {color: #fff;}
  #menu > li > ul > li:hover > a:after, #menu > li > ul > li.active > a:after {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transition: all .3s cubic-bezier(0.13, 0.4, 0.6, 0.9);transition: all .3s cubic-bezier(0.13, 0.4, 0.6, 0.9);}

  .visible-lg {
    display: block !important;
  }

  .hidden-lg {
    display: none!important;
  }

  .vip_box{
    width: 35%;
    height: 80px;
    font-size: 26px;
    text-align: center;
    float: left;
    font-family: 'Noto Sans KR';
    line-height: 80px;
    background-color: #3d3d3d;
    color: #fff;
  }

  .vip_box a {color: #fff !important;}

  .vip_box span{
    font-family: 'Noto Sans KR';
    color: #f4cb7c;
  }

  .vip_box img{
    width:26px;
    margin-top: -7px;
  }


  .vip_t{
    width: 53%;
    height: 80px;
    padding-left: 40px;
    font-size: 20px;
    font-weight:400;
    text-align: left;
    float: left;
    font-family: 'Noto Sans KR';
    line-height: 80px;
    color: #fff;
  }

  .vip_t span{
    font-weight: 400;
    font-family: 'Noto Sans KR';
    color: #ffba00;
  }


  .vip_btn{
    width: 12%;
    height: 40px;
    float: left;
    color: #fff;
    font-size: 22px;
    margin-top: 20px;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    font-family: 'Noto Sans KR';
    transform: translate(-20%, -50%);
  }


  .vip_btn > .more {
    display: block;
    color: #fff;
  }

  .vip_btn > .more {
    font-family: 'Noto Sans KR';
    position: relative;
    width: 100%;
    margin-top: 20px;
    border: 1px solid #fff;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
  }
  .vip_btn > .more:after {
    content: "";
    width: 0%;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    background: #f4cb7c;
  }
  .vip_btn > .more:hover {
    color: #2c2c2c;
    border: 1px solid #f4cb7c;
    font-weight:600;
  }
  .vip_btn > .more:hover:after {
    width: 100%;
    z-index: -1;
  }


  <!--시공갤러리&비용문의-->
  .inq_call_wrap{
    width: 100%;
  }

  .inq_box{
    background: url(/images/main/inq_bg_1.jpg);
    position: relative;
    float: left;
    background-position: center center;
    background-size: cover;
    width: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 300px;
  }

  .inq_t{
    text-align: center;
    font-size: 28px;
    line-height: 60px;
    font-weight: 500; letter-spacing: -0.2px;
    font-family: 'Noto Sans KR';
    line-height: 26px;
    margin:90px auto 40px;
    color: #fff;
    font-family: 'Noto Sans KR';
  }


  .inq_box .inq_btn{margin:0px auto; 
    text-decoration: none !important;
    cursor: pointer !important;
    color: #333 !important;
    text-align: center;
    line-height: 48px;
    font-weight:500;
    font-size: 24px;
    width: 148px; height:50px;
    letter-spacing: -0.2px;
    overflow: hidden;
    background:#FFF;
    transition: all 0.3s;border-radius:10px;
  }  

  .call_box .inq_btn{margin:0px auto; 
    text-decoration: none !important;
    cursor: pointer !important;
    color: #333 !important;
    text-align: center;
    line-height: 48px;
    font-weight:500;
    font-size: 24px;
    width: 210px; height:50px;
    letter-spacing: 1px;
    overflow: hidden;
    background:#FFF;
    transition: all 0.3s;border-radius:10px;
  }  

  .inq_btn:hover{
    color: #fff !important;
    transition-duration: 0.6s;
    background: #00a5e5;border-radius:10px;
  }

  .call_box{
    background: url(/images/main/inq_bg_2.jpg);
    position: relative;
    float: left;
    background-position: center center;
    background-size: cover;
    width: 50%;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 300px;
  }

  .call_t{
    text-align: center;
    font-size: 28px;  
    font-weight: 500;
    font-family: 'Noto Sans KR';
    line-height: 26px;
    letter-spacing: -0.2px;
    margin:90px auto 40px;
    color: #fff;
  }


  <!--시공갤러리&비용문의 끝-->

  .tit01_box{
    width: 18%;
    padding-right: 2%;
    float: left;
    font-size: 22px;
    font-family: 'Noto Sans KR';
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 32px;
  }

  .tit01{
    font-size: 22px;
    font-family: 'Noto Sans KR';
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 32px;
    padding-left: 20%;
  }

  .tit01 span{
    font-size: 26px;
    font-weight: 900;
    font-family: 'Noto Sans KR';
    letter-spacing: 1px;
    color: #ff0000;
  }


  .sub_wrap{
    width: 80%;
    float: left;
    padding-bottom: 0%;
  }

  .box01{
    font-family: 'S-CoreDream-5Medium';
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -1px;
    font-weight: nomal;
    padding-bottom: 20px;
  }

  .box01 span{
    font-family: 'S-CoreDream-5Medium';
    font-weight: bold;
  }

  .box02{
    border-top: 2px solid #000;
    padding-top: 20px;
    letter-spacing: -0.2px;
  }


}

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

}


@media all and (min-width:1024px),(max-width:1280px) {

  .m_sd_pc{display:block;}
  .m_sd_t{display:none;}
  /*메인이미지*/
  .m_sd_pc{width:100%;background:url('/images/main/main_sd1.jpg') top center no-repeat;
    height:auto;position:relative;display:inline-block; z-index:1; margin-bottom:57px;}

  /*메인텍스트*/
  .txt_box{max-width:1280px!important;width:100%;text-align:left;margin-top:6%; margin-left:16%;word-break: keep-all; } 
  .txt_box h1{color:#333333;font-size:60px;font-family: 'S-CoreDream-8Heavy';line-height:60px;letter-spacing: -2px;}
  .txt_box h2{color:#333333;font-size:52px;font-family:'S-CoreDream-7ExtraBold';letter-spacing: -2px; }
  .txt_box p {padding-top:60px;color:#333333;font-size:27px;font-family:'S-CoreDream-4Regular';line-height:40px;letter-spacing: -2px;}

  /*시공가격표_텍스트*/
  .price_box{max-width:1280px;width:85%;background:#03a6e5; opacity: 0.97;margin:0 auto;height:260px;border-radius:10px;position:relative; margin-top:85px;}
  .price_box_txt{width:30%;position:absolute;top:52px;left:52px;}
  .price_box_txt h1{font-weight:bold;font-size:28px; line-height:35px;color:#fff; font-family: 'Noto Sans KR';  letter-spacing: -0.2px;}
  .price_box_txt span{font-weight:500;font-size:24px; line-height:35px;color:#fff; font-family: 'Noto Sans KR';  letter-spacing: 0.2px;}
  .price_box_txt p{font-weight:300;font-size:18px; line-height:26px;color:#fff; font-family: 'Noto Sans KR';  letter-spacing: 0.2px;margin-top:40px;}
  /*시공가격표_텍스트 끝*/



  /*시공가격표_국산차_외제차*/
  .price_box .price_bt{position:absolute;top:0;right:0;width:70%;float:right;}
  .price_bt ul{width:100%; display:inline-block;}

  .price_bt ul .bt1{width:45%;height:210px; margin-top:25px;margin-right:28px; background:#fff; border-radius:10px;vertical-align: middle;float:left;}
  .bt1_txt{font-family: 'Noto Sans KR';  letter-spacing: -0.2px;color:#333;font-size:24px;font-weight:600;margin-top:30px; }
  .bt1_img_pc img{ width:65%; border:0px; display:block; padding:0% 0 1%; text-align:center;transition: opacity 1s; }
  .bt2_img_pc img{ width:65%; border:0px; display:block; padding:0% 0 1%; text-align:center;transition: opacity 1s; }
  .bt2_txt{font-family: 'Noto Sans KR';  letter-spacing: -0.2px;color:#333;font-size:24px;font-weight:600;margin-top:15px; }
  .price_bt ul .bt2{width:45%;height:210px; margin-top:25px;margin-right:28px; background:#fff; border-radius:10px;vertical-align: middle;float:left;}
  .price_bt ul .bt1:hover{ background-color: rgba( 255, 255, 255, 0.5 );transition: opacity 1s; color:#fff;}
  .price_bt ul .bt2:hover{ background-color: rgba( 255, 255, 255, 0.5 );transition: opacity 1s; color:#fff;}


  /*끝*/ 
  /*more_view*/ 

  .car_btn{
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    margin: 0 auto;
    color: #333;
    letter-spacing: -0.2px;
    font-size: 20px;
    cursor: pointer;
    font-family: 'Noto Sans KR';font-weight:300;
  }
  .car_btn > .more {
    display: block;
    color:#333;
  }

  .car_btn > .more {
    font-family: 'Noto Sans KR';
    position: relative;
    width: 100%;

  }
  /*more_view 끝*/ 
  .bt1_img_pc img {display:block!important;}
  .bt1_img_m img {display:none!important;}

  .bt2_img_pc img {display:block!important;}
  .bt2_img_m img {display:none!important;}
}



@media all and (max-width:1450px){
  /*메인텍스트*/
  .txt_box{text-align:left;margin-top:6%; margin-left:8%;word-break: keep-all; } 
}


/*메인 top*/
@media all and (min-width:768px) and (max-width:1023px){

  /*메인텍스트*/
  .txt_box{max-width:1023px!important;width:100%;} 
  .txt_box h1{color:#333333;font-size:52px;font-family: 'S-CoreDream-8Heavy';line-height:50px;}
  .txt_box h2{color:#333333;font-size:45px;font-family:'S-CoreDream-7ExtraBold'; }
  .txt_box p {padding-top:60px;color:#333333;font-size:24px;font-family:'S-CoreDream-4Regular';line-height:40px;}


  /*시공가격표_텍스트*/
  .price_box{max-width:1023px;width:85%;background:#03a6e5; opacity: 0.97;margin:0 auto;height:260px;border-radius:10px;position:relative; margin-top:80px;}
  .price_box_txt{width:30%;position:absolute;top:52px;left:3%;}
  .price_box_txt h1{font-weight:bold;font-size:28px; line-height:35px;color:#fff; font-family: 'Noto Sans KR';  letter-spacing: -0.2px;}
  .price_box_txt span{font-weight:500;font-size:24px; line-height:35px;color:#fff; font-family: 'Noto Sans KR';  letter-spacing: 0.2px;}
  .price_box_txt p{font-weight:300;font-size:18px; line-height:26px;color:#fff; font-family: 'Noto Sans KR';  letter-spacing: 0.2px;margin-top:40px;}
  /*시공가격표_텍스트 끝*/



  /*시공가격표_국산차_외제차*/
  .price_box .price_bt{position:absolute;top:0;right:-3%;width:70%;float:right;}
  .price_bt ul{width:100%; display:inline-block;}
  .price_bt ul .bt1{width:40%;height:210px; margin-top:25px;margin-right:30px; border:1px solid #fff; border-radius:10px;vertical-align: middle;float:left;}
  .bt1_txt{font-family: 'Noto Sans KR';  letter-spacing: -0.2px;color:#333;font-size:24px;font-weight:600;margin-top:15px; }

  .bt1_img_m img{ width:100%; border:0px; display:block;text-align:center;transition: opacity 1s; }
  .bt2_img_m img{ width:100%; border:0px; display:block;text-align:center;transition: opacity 1s; }

  .bt2_txt{font-family: 'Noto Sans KR';  letter-spacing: -0.2px;color:#333;font-size:24px;font-weight:600;margin-top:15px; }
  .price_bt ul .bt2{width:40%;height:210px; margin-top:25px;margin-right:30px; border:1px solid #fff; border-radius:10px;vertical-align: middle;float:left;}
  .price_bt ul .bt1:hover{background:#fff;border-radius:10px; }
  .price_bt ul .bt2:hover{background:#fff;border-radius:10px; }


  /*끝*/ 

  .bt1_img_m img {display:block!important;}
  .bt1_img_pc img {display:none!important;}
  .bt2_img_m img {display:block!important;}
  .bt2_img_pc img {display:none!important;}



  /*more_view*/ 
  .car_btn{margin-top:8px!important;}
  /*컨텐츠02-03*/
  .wrap0203
    padding-top:0px!important;
  }


  .call_box .inq_btn{
    width: 210px; 
  }  

}

/*메인텍스트폰트조절*/
@media all and (max-width:890px){
  .txt_box{padding-top:20px;}
  .txt_box h1{font-size:50px;line-height:40px;}
  .txt_box h2{font-size:43px;}
  .txt_box p {padding-top:40px;color:#333333;font-size:20px;font-family:'S-CoreDream-4Regular';line-height:35px;}
}


/* 모바일 [ ~ 767px 적용] */
@media all and (max-width:767px){


  /*시공가격표_텍스트*/
  .price_box{max-width:767px;width:90%;margin:0 auto;height:340px;border-radius:10px;position:relative; margin-top:90px;}
  .price_box_txt{width:100%;position:absolute;top:30px;left:0;text-align:center;}
  .price_box_txt h1{font-weight:bold;font-size:26px; line-height:35px;color:#fff; font-family: 'Noto Sans KR';  letter-spacing: -0.2px;}
  .price_box_txt span{font-weight:500;font-size:22px; line-height:35px;color:#fff; font-family: 'Noto Sans KR';  letter-spacing: 0.2px;}
  .price_box_txt p{display:none;}
  /*시공가격표_텍스트 끝*/


  /*시공가격표_국산차_외제차*/
  .price_box .price_bt{position:absolute;top:50px;left:3.3%;width:100%;float:left;}
  .price_bt ul{width:100%; display:inline-block;margin-top:65px;}
  .price_bt ul .bt1{width:45%;height:185px; margin-top:10px;margin-right:13px; border:1px solid #fff; border-radius:10px;vertical-align: middle;float:left;}
  .bt1_txt{font-family: 'Noto Sans KR';  letter-spacing: -0.2px;color:#333;font-size:24px;font-weight:600;margin-top:15px; }
  .bt1 center img { width:70%; border:0px; display:block;margin-top:5px; text-align:center;transition: opacity 1s; }
  .bt2 center img { width:70%; border:0px; display:block; margin-top:5px; text-align:center;transition: opacity 1s; }
  .bt2_txt{font-family: 'Noto Sans KR';  letter-spacing: -0.2px;color:#333;font-size:24px;font-weight:600;margin-top:15px; }
  .price_bt ul .bt2{width:45%;height:185px; margin-top:10px;margin-right:13px; border:1px solid #fff; border-radius:10px;vertical-align: middle;float:left;}
  .price_bt ul .bt1:hover{background:#fff;border-radius:10px; }
  .price_bt ul .bt2:hover{background:#fff;border-radius:10px; }

  /*끝*/ 
  /*more_view*/ 
  .car_btn{margin-top:2%!important;}


  /*시공가격표 끝*/


  <!--시공갤러리&비용문의-->

  .inq_call_wrap{
    width: 100%;
  }

  .inq_box{
    background: url(/images/main/inq_bg_1.jpg);
    position: relative;
    float: left;
    background-position: center center;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 225px;

  }



  .inq_t{
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    position: absolute;
    margin-top: 50px;
    color: #fff;
    width: 100%;
    font-weight: 400;
    font-family: 'Noto Sans KR';
  }

  .inq_t span{
    text-align: center;
    font-size: 26px;
    line-height: 60px;
    font-weight: 600;
    font-family: 'Noto Sans KR';
  }

  .inq_box .inq_btn{margin:0 auto;
    color: #333 !important;
    text-align: center;
    line-height: 40px;
    font-weight:400;
    font-size: 18px;
    width: 30%;
    height: 40px;
    letter-spacing: -0.2px;
    overflow: hidden;
    background:#FFF;margin-top:110px;
    transition: all 0.3s;border-radius:10px;font-family: 'Noto Sans KR';
  }  

  .call_box .inq_btn{margin:0 auto;
    color: #333 !important;
    text-align: center;
    line-height: 40px;
    font-weight:400;
    font-size: 18px;
    width: 30%;
    height: 40px;
    letter-spacing: -0.2px;
    overflow: hidden;
    background:#FFF;margin-top:110px;
    transition: all 0.3s;border-radius:10px;font-family: 'Noto Sans KR';
  }  

  .call_box{
    background: url(/images/main/inq_bg_2.jpg);
    position: relative;
    float: left;
    background-position: center center;
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 225px;
  }

  .call_t{
    text-align: center;
    font-size: 24px;
    line-height: 26px;
    position: absolute;
    margin-top: 50px;
    color: #fff;
    width: 100%;
    font-weight: 400;
    font-family: 'Noto Sans KR';
  }

  .call_t span{
    text-align: center;
    font-size: 26px;
    line-height: 60px;
    font-weight: 600;
    font-family: 'Noto Sans KR';
  }


  .inq_btn:hover{
    color: #fff !important;
    transition-duration: 0.6s;
    background: #00a5e5;border-radius:10px;
  }
  .more:hover{color: #fff !important;}

}


/* 모바일 [ ~ 480px 적용] */
@media all and (max-width:480px){


  .bt1_img_m img{width:100%!important;margin-top:-1%!important;}
  .bt2_img_m img{width:100%!important;margin-top:-1%!important;}


  .bt1_img_m img {display:block!important;}
  .bt1_img_pc img {display:none!important;}
  .bt2_img_m img {display:block!important;}
  .bt2_img_pc img {display:none!important;}


}





/* 모바일 [ ~ 465px 적용] */
@media all and (max-width:465px){
  .inq_t{}
  .call_t{word-break:keep-all;}

  .txt_box h1{font-size:45px;}
  .txt_box h2{font-size:37px;}

}



/* 모바일 [ ~ 400px 적용] */
@media all and (max-width:400px){
  .call_box .inq_btn{width:40%!important;}
  .txt_box h1{font-size:43px;}
  .txt_box h2{font-size:35px;}

}

/* 모바일 [ ~ 380px 적용] */
@media all and (max-width:380px){
  .txt_box h1{font-size:35px!important;}
  .txt_box h2{font-size:30px!important;}
  .txt_box p{font-size:16px!important;padding-top: 20px!important;}
  .price_box{margin-top:40px!important;height: 280px!important;}
  .price_box_txt{margin-top:-12px!important;}
  .price_box_txt h1{font-size:21px!important;}
  .price_box_txt span{font-size:18px!important;}
  .price_box .price_bt{margin-left:4%;margin-top:-5%;
    -webkit-border-top-right-radius:10px!important;}
  .price_bt ul .bt1{width:40%;height: 150px;}
  .price_bt ul .bt2{width:40%;height: 150px;}

  .bt1 center img{width:90%;}
  .bt2 center img{width:90%;}


  .t04_l h1{font-size:21px!important;line-height:28px!important;}
  .t04_l span{font-size:18px!important;}

  .car_btn > .more{border:none!important;}
  .inq_t{font-size:21px!important;}
  .call_t{font-size:21px!important;}
  .call_t{word-break:keep-all;}
  .t04_l {padding: 40px 15px 0px 35px!important;}
}

/* 모바일 [ ~ 360px 적용] */
@media all and (max-width:360px){
  .bt1 .car_btn .more{margin-left:-15px!important; text-align:center!important; padding:0;}
  .bt2 .car_btn .more{margin-left:-8px!important;text-align:center!important; padding:0;}  
}



@media all and (min-width:768px),(max-width:1280px) {

  /*컨텐츠02-03*/
  .wrap0203{
    width:100%;
    float:left;
    background-color: #FFF;
    overflow:hidden;
    margin:auto;
      padding: 0 5%;
      margin-bottom: 100px;
  }

  .box03{
    width:100%;
    max-width: 1280px;
    overflow:hidden;
    margin:auto; border-bottom:1px solid #eaeaea;
  }
    .box03 a{display: flex;
    align-items: center;
    width: 100%;
    float: left;}
    
  .box04{
    width:100%;padding-top:60px;
    max-width: 1280px;
    overflow:hidden;
    margin:auto;border-bottom:1px solid #eaeaea;
  }

  .t03_l {
    width:50%;
    float: left;
    text-align: right;
      padding-right: 5%;
  }

  .t04_l {
    width:50%;
    padding: 75px 50px 0px;
    height: 270px;
    float: left;
    text-align: left;
  }


  .t02_img2{
    width:50%;
    height: 270px;
    float:left; 
    background:url(/images/main/con031.jpg);
    background-position: center;
    background-size: cover;
    overflow:hidden;
    margin:auto;
  }
  .t02_img3{
    width:50%;
    height: 270px;
    float:left;
    background:url(/images/main/con04.jpg);
    background-position: right;
    background-size: cover;
    overflow:hidden;
    margin:auto;
  }


  .t03_l h1{font-weight:bold;font-size:28px; line-height:35px;color:#333; font-family: 'Noto Sans KR';  letter-spacing: -0.2px;word-break: keep-all;}
  .t03_l span{ color: #333;
    letter-spacing: -0.2px;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    font-family: 'Noto Sans KR';
    margin-top: 20px;
    display: block;
    word-break: keep-all;}


  .t04_l h1{font-weight:bold;font-size:28px; line-height:35px;color:#333; font-family: 'Noto Sans KR';  letter-spacing: -0.2px;}
  .t04_l span{ color:#333;
    letter-spacing:-0.2px;
    font-size:18px;
    font-weight:300;
    line-height: 45px;
    font-family: 'Noto Sans KR';}

  .m-titbox-type1 {
    font-family: 'Noto Sans KR';
    color:#000;
    letter-spacing:-0.2px;
    font-size:28px;
    text-align: right;
    font-weight:bold;
  }

  .m-titbox-type2 {
    font-family: 'Noto Sans KR';
    color:#000;
    letter-spacing:-0.2px;
    font-size:28px;
    text-align: left;
    font-weight:bold;
  }

  .tit_ssss2{display:block;
    color:#333;
    letter-spacing:-0.2px;
    font-weight:300;
    font-size:18px;
    line-height: 26px;
    text-align:left;
    display:block;margin:30px 0px 30px;
    font-family: 'Noto Sans KR';
  }

  .t03_tx{width:100%;padding-top:15px;}
  .t03_tx .tit_ssss1{float:inherit;font-weight:500;font-size:50px; text-align:right;margin-left:-10%;
    line-height:1;color:#eaeaea; font-family: 'Noto Sans KR';  letter-spacing: 0.2px;}
  .t03_tx .tit_bu{float:right!important;text-align:right;}

  .t03_tx .tit_bu .more_view{padding:5px 25px;
    text-decoration: none !important;
    color: #00a5e5 !important;
    border: 1px solid #00a5e5 !important;
    text-align: center;
    line-height: 30px;
    font-weight:400;
    font-size: 18px;
    letter-spacing: -0.2px;
    background: none;
    transition: all 0.3s;border-radius:5px;
  } 
    .t03_tx .tit_bu .more_view span{color: #00a5e5;display: inline-block;font-weight:400;margin-top: 0;}

  .t03_tx .tit_bu .more_view:hover{
    color: #fff !important;
    border: 1px solid #00a5e5 !important;
    transition-duration: 0.6s;
    background: #00a5e5;border-radius:5px;
  }
    .t03_tx .tit_bu .more_view:hover span{color: #fff;}

  .t04_tx{width:100%;padding-top:55px;}
  .t04_tx .tit_ssss1{float:right;font-weight:500;font-size:85px; text-align:right;margin-right:-10%;
    line-height:3px;color:#eaeaea; font-family: 'Noto Sans KR';  letter-spacing: 0.2px;}
  .t04_tx .tit_bu{float:left;text-align:left;}

  .t04_tx .tit_bu .more_view{padding:5px 25px;
    text-decoration: none !important;
    color: #00a5e5 !important;
    border: 1px solid #00a5e5 !important;
    text-align: center;
    line-height: 30px;
    font-weight:400;
    font-size: 18px;
    height:35px;
    letter-spacing: -0.2px;
    background: none;
    transition: all 0.3s;border-radius:5px;
  } 


  .t04_tx .tit_bu .more_view:hover{
    color: #fff !important;
    border: 1px solid #00a5e5 !important;
    transition-duration: 0.6s;
    background: #00a5e5;border-radius:5px;
  }


}

/* 모바일 [ ~ 767px 적용] */
@media all and (max-width:767px){
  /*컨텐츠02-03*/
  .wrap0203{
    width:100%;
    float:left;
    background-color: #FFF;
    overflow:hidden;
    padding-top: 10px!important;
    margin:auto;
      margin-bottom: 70px;
  }

  .box03{
    width:100%;
    margin:0 auto;
    padding-top: 0px;
    overflow: hidden;border-bottom: 1px solid #fff!important; 
  }

  .box04{
    width:100%;
    margin:0px auto;
    padding-top:20px!important;
    height: 280px;
    overflow: hidden;border-bottom: 1px solid #fff!important; 
  }



  .t03_l h1{
    font-size:24px!important
  }

  .t04_l h1{
    font-size:24px!important
  }


  .t03_l span{
    font-size:17px!important;
      letter-spacing: 0;
  }

  .t04_l span{
    font-size:20px!important;
  }

  .t04_l{
    padding: 50px 50px 0px!important;
    height: 280px;background:#f5f5f5;
  }

  .line{
    margin: 0;
  }

  .t02_img2{
    height: 280px;margin-top:0px!important;
  }

  .t02_img3{
    height: 280px;margin-top:0px!important;
  }
  .t03_tx{padding-top:15px!important;}
  .t03_tx .tit_ssss1{float:none!important;font-weight:500;font-size:35px!important; text-align:right!important;
    color:#bbb!important;}
  .t03_tx .tit_bu{float:right!important;}
  .t04_tx{padding-top:15px!important;}
  .t04_tx .tit_ssss1{float:left!important;font-weight:500;font-size:35px!important; text-align:left!important;
    color:#bbb!important;}
  .t04_tx .tit_bu{float:left!important;}

  .t03_l h1 span{display:none!important;}
  .t04_l h1 span{display:none!important;}
  .tit_ssss2{display:none!important;}


  /*컨텐츠02-03 끝*/

}


@media all and (max-width:660px){
  .t04_l {padding: 40px 15px 0px 25px!important;}
    .t02_img2{width: 70%;height: 250px;}
    .t03_tx .tit_bu .more_view span{display: none;}
}



@media all and (max-width:400px){
  .t04_tx .tit_ssss1{font-size:24px!important; }

  .t03_tx .tit_bu .more_view{font-size: 14px;} 



  .t04_tx .tit_bu .more_view{padding:5px 5px;
    font-size: 14px;} 


}