@charset "UTF-8";

/* Page Title */
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#wrap    { width:100%; float:left;  }
#main_wrap  {width:100%; float:left; position:relative;  box-sizing:border-box;  top:680px; z-index:9999999999999;}


.in  {width:1200px; margin:0 auto;  }
.box_wrap { display:inline-block;  width:100%; margin-top:25px;   background-color:#fff;  }


/*공통*/
.box_wrap  h3 {font-weight:500;  font-size:16px; line-height:16px; margin-bottom:20px; width:100%; display:flex; align-items:center; color:#333; font-family: 'GmarketSansMedium'; position:relative; padding-top:5px}
.box_wrap h3 a {color:#71cceb; font-size:12px; font-weight:400; margin-left:auto}
.box_wrap h3:before {content:''; width:58px; height:2px; background-color:var(--main_c);  display:inline-block; position:absolute; top:-5px; left:0}
.box_wrap .box2 h3:before { width:73px; }
.box_wrap .box  {padding:30px;  float:left;  background-color:#fff;  }

/*고객문의*/
.box_wrap .box1 {width:290px;}
.box_wrap .box1 .call_txt { margin-bottom:11px; font-weight:700; font-size:1.3em; line-height:1.5; letter-spacing:.5px}
.box_wrap .box1 .time_txt { font-weight:500; font-size:.97em; color:#777; line-height:1.3;}



/*시공갤러리*/
.box_wrap .box2 {width:390px;  }
.box_wrap .box2 .gall_wrap {width:100%;  display:flex; justify-content:space-between }
.box_wrap .box2 .gall_wrap li {width:120px;   }
.box_wrap .box2 .gall_wrap li p.t1 {font-size:14px; margin-top:10px; }
.box_wrap .box2 .gall_wrap li img {width:100%;}
.box_wrap .box2 .gall_wrap li:last-child {margin:0; float:right;}

.more_bt img {float:right; margin-top:10px;}

/*공지사항*/
.box_wrap .box3 {width:335px; border-right:none;  }
.box_wrap .box3 .notice_wrap  {width:100%; }
.box_wrap .box3 .notice_wrap  li { width:100%; display:flex;  padding-bottom:6px; font-size:0.90em; width:100%; line-height:1.4em;}
.box_wrap .box3 .notice_wrap  li .date {margin-left:auto;  text-align:left; white-space:nowrap; font-size:0.9em; width:80px; color:#666;}



/*파트너사*/
.box_wrap .box4 {width:100%; display:flex; align-items:flex-start;  box-sizing:border-box; padding:0 30px  }
.box_wrap .box4  h3 {width:150px;  } 

/* 하단 롤링박스 */
.roll_wrap {width:1000px; }
.roll_wrap img {width:150px; float:right;  margin-left:10px;   box-sizing:border-box;}


 
.main_h2 {width:100%;  text-align:center; font-size:20px; font-weight:500; color:var(--main_c); margin-bottom:40px; margin-top:100px}
.main_h2 p {margin-bottom:20px }
.main_h2  span {font-size:17px;  letter-spacing:0;   color:#000; font-weight:400;  position:relative; font-family: 'GmarketSansMedium'; }
.main_h2  span:before {content:'';  width:100%;  height:2px; background-color:var(--main_c); display:inline-block; position:absolute; top:-7px; left:0}

.m_product {width:94%; max-width:1240px;  margin:0 auto;    }
.m_product ul {width:100%; float:left;  margin-bottom:50px }
.m_product ul li {width:31%; float:left; margin-right:3.3%; font-size:17px; text-align:Center; font-weight:500;}
.m_product ul li img {width:100%;  }
.m_product ul li:nth-child(3) {float:right; margin-right:0}
.m_product ul li ul {width:100%; margin:0; margin-bottom:10px; }
.m_product ul li ul li {width:100%; margin:0; padding:0;}





ul.bl-img {position:relative; width:100%;   text-align:center;    }

.ov_wrap {position:absolute; text-align:center; z-index:9; bottom:0px;left:0px; top:0px;width:100%; height:100%;  background-color:rgba(0,0,0,.5);  }
ul.ov_wrap li {display:inline-block;  }
ul.ov_wrap {display:none;}
ul.bl-img li:hover ul.ov_wrap {display:block; }
ul.bl-img li:hover ul.ov_wrap     .ov_box { color:#fff;  box-sizing:border-box; padding:40% 3%;  width:100%;   font-size:1em; font-weight:600; line-height:1.4em; }



 


.m_company {width:94%; max-width:1240px;  margin:0 auto;  text-align:center;  height:600px;   }
.m_company div {font-size:16px; line-height:1.35em; color:#666; padding-bottom:30px;  }
.m_company b {font-size:28px; font-weight:600; line-height:1.3em; color:#063879;  padding-bottom:20px;}

.m_patent {width:100%; display:inline-block; text-align:center; padding-bottom:120px; background-color:#f5f5f5;}
.in {display:flex; justify-content:space-between}
.m_patent div.horizon {width:24%; box-sizing:border-box; display:flex; align-items:center; background-color:#fff }
 .m_patent div.horizon:nth-child(1) {padding:0 1%;}
.m_patent div.horizon:nth-child(2) {padding:0 1%;}
.m_patent div.horizon {font-size:16px; color:#888; line-height:1.3em; }
 .m_patent div.horizon p {width:70%;  display:inline-block; border:1px solid #ddd; margin:0 auto; padding:15px; box-sizing:border-box; }
.m_patent h3 {font-size:23px; padding-bottom:20px !important; width:100%; float:left; color:#333;}

 

#main_wrap2  {width:100%; float:left;  margin-top:50px;   position:relative;  box-sizing:border-box;   z-index:9999999999999; background:url('/common/img2/shadow_bg.png') repeat-x top;}
#main_wrap2 {background-color:#fff; width:100%; float:left;}