@charset "UTF-8";

/* Page Title */

body { width:100%;  padding:0px; margin:0px; /* background: url('/common/img/sub/sub_vi_bg.png') no-repeat top center;  */background-size:100% 100%; background-color:#fff; }

 
h2  {font-weight:600;  font-size:1.8em; line-height:1.2em;   margin:0px; padding-bottom:10px; color:#333;}
h3  {font-weight:600;  font-size:1.5em; line-height:1.3em;   margin:0px; padding-bottom:10px; color:#333;}
h4  {font-weight:600;  font-size:23px; letter-spacing:-1px;  line-height:1.4em;   margin:0px; color:#555;  }
 

.border_top  {border-top:1px solid #ddd;}
.bg_gray  {background-color:#f9f9f9; }
.red  {color:red;}


.img_border  {border:1px solid #ddd;}


.box_100  {width:100% ! important; float:left;}
.box_20   {width:20% ! important; float:left;}
.box_30   {width:30% ! important; float:left;}
.box_40   {width:40% ! important; float:left;}
.box_45   {width:45% ! important; float:left;}
.box_50   {width:50% ! important; float:left;}
.box_60   {width:60% ! important; float:left;}
.box_70   {width:70% ! important; float:left; }
.box_80   {width:80% ! important; float:left;}

.box_border {width:100%; float:left; border:1px solid #ddd; padding:2%; box-sizing:border-box;}
.basic_t {font-size:.97em; line-height:1.5; color:#333}

#sub_wrap  {   width:100%; display:inline-block; padding-top:180px; padding-bottom:100px; background:linear-gradient( to bottom, #f5f5f5, #fff ); font-size:15.5px }
#sub_wrap  h1.guide  {font-weight:800; display:none; font-size:3.5em; line-height:1.2em; text-align:center; color:#555; width:100%; float:left; margin-top:50px;}

#article  {width:100%; width:1200px;  margin-top:20px; margin:0 auto; padding:120px 0px 80px 0;}
#article .content_wrap {padding:0 30px;}



#menu    {width:1200px; margin:0 auto;  display:flex;  }
#menu ul  {display:flex; width:100%; justify-content:center; align-items:center; padding:10px 0}
#menu li  { font-size:16px; font-weight:600; line-height:1; margin:0 20px; position:relative  }
#menu li:before {content:''; width:0; height:2px; background-color:var(--main_c); display:inline-block; position:absolute; top:-10px; left:50%; transition: all 0.3s ease-out; }
#menu li:hover:before {  width:100%; left:0; }
#menu li:hover a {color:var(--main_c);  }

#menu li.ov:before { width:100%; left:0}
#menu li.ov a {color:var(--main_c);  }
 
/*인사말*/
#article .intro_tit {width:85%; color:#333;  padding-bottom:30px; margin:0 auto; line-height:1.4;   text-align:center;  }
#article .intro_tit p:nth-child(1) {font-weight:500; font-size:1.7em; color:var(--main_c); }
#article .intro_tit p:nth-child(1) b {font-weight:600}
#article .intro_tit p:nth-child(2) {font-size:1.1em; margin-top:10px;  color:var(--main_c); line-height:1.6}


#article .intro_txt {font-size:1em; color:#444; text-align:center; padding-top:80px; margin-top:50px; line-height:1.6; position:relative}
#article .intro_txt:before {content:''; width:50px; height:2px; background-color:var(--main_c); display:inline-block; position:absolute; top:0; left:50%; margin-left:-25px; }
#article .intro_txt b {float:right; color:#000}
 
 /* 회사 연혁 */

.history_box {width:100%; display:inline-block; position:relative}
.history_box:after {content:''; width:1px; height:100%; background-color:var(--main_c); position:absolute; left:0; top:0; display:inline-block}
.history_box:before {content:''; width:7px; height:7px;  border-radius:50%; background-color:var(--main_c); position:absolute; left:-3px; top:68px; display:inline-block}

.table_history  {width:100%; margin-top:50px}
.table_history td { padding:10px; font-size:0.95em; line-height:1.7; color:#333; vertical-align:top; }
.table_history th {width:100px; padding:10px; vertical-align:top;  color:var(--main_c); font-weight:800; font-size:1.2em; }


.table_history  td strong {color:var(--main_c); font-weight:800; }
.table_history  td.date   {width:15%; vertical-align:middle;}
 

.company4 ul {display:flex; justify-content:center}
.company4 ul li {  margin:0 50px; padding-top:10px; font-size:1.2em; position:relative}
.company4 ul li:before {content:''; width:100%; height:2px; background-color:var(--main_c); display:inline-block; position:absolute; top:0; left:0; }


/* 인증서/현황 */
.certificate_group  {width:100%; display:flex; flex-wrap:wrap; }
.certificate_group li {width:18.999%; margin-right:1.2% }
.certificate_group li:nth-child(5n) {margin-right:0}

.certificate_group li a img{width:100%;  box-sizing:border-box;}

.certificate_txt{text-align:center; font-weight:500; padding:10px 0 20px 0; font-size:.97em}


.bottom_line{border-bottom:1px solid #ddd; }

.border_bottom_box{border-bottom:1px dashed #ddd;  padding-bottom:60px; margin-bottom:60px;  width:100%; float:left;}

.certi_box   {width:100%; display:flex; justify-content:space-between; } 
.certi_box li {width:24%; position:relative; padding-top:20px} 
.certi_box li img {position:absolute; left:10px; top:0; z-index:99}			
			
.certi_box li div  { width:100%; height:calc(100% - 20px); border:2px solid var(--main_c);  display:flex; flex-wrap:wrap;  align-content:center;   box-sizing:border-box; padding:45px 20px 40px 20px } 

.certi_box li div strong{color:var(--t_c); font-size:1em; line-height:1.4em; padding-bottom:5px; width:100%; font-weight:800 }
.certi_box li div p{color:var(--t_c); font-size:0.94em; line-height:1.2em; }

 
/* 제품소개 */
 
/* 타이틀 앞에 화살표그림1 */
.tit_arr{width:100%;  font-size:1.2em; margin-bottom:20px; font-weight:700;  display:flex; align-items:center; box-sizing:border-box; color:#333;  position:relative; letter-spacing:-1px; float:left;}
.tit_arr:before {content:''; width:7px; height:7px; background-color:var(--main_c);  display:inline-block; margin-right:15px  }  
 /* 상세설명페이지에 450px-제품 큰이미지 */
.prod_450_img {border:1px solid #ddd; box-sizing:border-box;}
 
 
 
/* 시공현장사진 */
.build_pic_wrap {width:100%; float:left;}
.build_pic_wrap ul{width:100%; float:left;}
.build_pic_wrap ul li{width:100%; float:left;}
.build_pic_wrap ul li img{width:auto; margin-right:0.5%; float:left;}
.build_pic_wrap ul li img:last-child{margin:0; float:right;}
 
 
 
 
 
 
 
 
 /*상단 제품 설명 테이블*/
 table.basic3   {width:100%; float:left; border-top:2px solid #999; border-bottom:2px solid #999; }
 table.basic3  th   {padding:13px; text-align:left;   font-size:1em; font-weight:600; color:#333;  border-bottom:1px solid #ddd;}
 table.basic3  td   {padding:13px; vertical-align:middle; font-size:1em; line-height:1.35em;  color:#555; border-bottom:1px solid #ddd;}
 table.basic3  td span  {font-size:1em; font-weight:600; color:#c00;}

.sheraton_txt  {width:100%; float:left; }
.sheraton_txt li.t1  { font-size:1.05em; list-style:circle; line-height:1.3em; color:#cc0000; font-weight:600; padding-bottom:3px;}
.sheraton_txt li  {font-size:0.95em; line-height:1.4em; color:#666;}


 /*하단 제품 설명 테이블*/
 table.basic4   {width:100%; display:inline-block;  border:1px solid #ddd; }
 table.basic4  th   {padding:10px; text-align:left;   font-size:1em; font-weight:600; color:#333;  border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:center; background:#f6f6f6;}
 table.basic4  td   {padding:10px; vertical-align:middle; font-size:0.95em; line-height:1.3em;  color:#555;  text-align:center; border-right:1px solid #ddd;   border-bottom:1px solid #ddd;}
 table.basic4  td span  {font-size:1em; font-weight:600; color:#c00;}
 table.basic4  th.bg {background-color:var(--main_c); color:#fff !important}
 table.basic4  td.bg {background-color:#ddebf7;  }

.product_info  table.basic4  td {font-weight:500}
.product_info  table.basic4 th {font-weight:600}
 
.prod_box_wrap{width:100%; height:auto; padding:25px 0; } 
.prod_box_wrap li{width:46%; } 
.prod_box_wrap .prod_left_box{float:left; margin-right:2%;} 
.prod_box_wrap .prod_right_box{float:right; } 
.prod_box_wrap li p{text-align:center; font-size:1.1em; font-weight:600; padding:25px 0;} 
.prod_box_wrap li span{font-size:1.1em; font-weight:600; } 
 
 
 
 
 
 
 
  
.text_box  {width:100%; float:left; font-size:0.95em; line-height:1.5em; color:#555;}
.span1  {color:red; font-weight:600;}
.text_box strong  { font-size:1.6em; line-height:1.8em; color:#333; font-weight:800;}
.bg_box  {background-color:#f2fcfe; border:1px solid #caf3fb; width:100%; float:left; padding:10px; box-sizing:border-box; color:#13679e; font-size:0.95em; line-height:1.5em;}
 
 
 
 
/*고객사 (partner)*/
.partner_box1 {width:100%;  display:flex; flex-wrap:wrap; }
.partner_box1 li{width:25%;  }
  
.partner_box2 {width:100%; float:left; }
.partner_box2 li{float:left; margin-right:10px;}
  
 
 
 
 

  
 
/* 레이어 팝업 */
 

.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 550px; height:auto;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}	
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}

a.cbtn {display:inline-block; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}	
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

a.cbtn:link		{text-decoration:none; color:#fff;}
a.cbtn:visited	{ text-decoration:none; color:#fff;}


.pop_product_img{padding-left:65px;}
 
  

.h3_tit {width:100%; font-size:19px; text-align:center; margin-bottom:50px}
.h3_tit span {line-height:40px; display:inline-block; color:var(--main_c); position:relative; }
.h3_tit p {font-weight:500; width:100%; font-size:16.5px; letter-spacing:0; display:inline-block; padding:0; color:#333132; margin-top:6px}
.h3_tit span:before {content:''; width:100%; height:1px; background-color:var(--main_c); display:inline-block; position:absolute; bottom:0px; left:0}


.product_info { font-size:.97em; line-height:1.6}
.product_info p {color:#444}
.product_info  h4 {display:block; width:100%; font-size:1em; font-weight:800; margin-bottom:10px}
.product_info  h3 {display:block;  width:100%; font-size:1.2em; font-weight:800; margin-bottom:30px; position:relative; padding-left:20px; box-sizing:border-box}
.product_info h3:before {content:''; width:2px; height:100%; background-color:#0e3e7c; display:inline-block; position:absolute; top:0; left:0}
.product_info .no {font-size:2em; font-weight:700; letter-spacing:-3px; line-height:1}

.product_info p {width:100%; display:inline-block}
.product_info .bg_box_n {width:100%; display:inline-block; padding:20px; box-sizing:border-box; background-color:#333; color:#fff}
.product_info .bg_box_n h4 { color:#fff; font-weight:600 }
.product_info .bg_box_n p { color:#fff; }
.product_info .bg_box_n.bg2 { background-color:#0e3e7c;    }
.product_info .bg_box_n.bg3 { background-color:#e9e9e9; color:#333 }
.product_info hr {height:50px}
.product_info hr.line {height:1px; background-color:#ddd;  width:100%; display:block; margin-bottom:10px }


.product_info .border_info_list {width:100%; display:flex; justify-content:space-between}
.product_info .border_info_list li {width:32%; border:2px solid var(--main_c); color:var(--t_c);  padding:15px; box-sizing:border-box}
.product_info .border_info_list li.type2 {width:65%; background-color:#0e3e7c; color:#fff}
.product_info .border_info_list li b {width:100%; display:block}

.product_info table.basic4  th {color:#222; } 
 
.product_info table.basic4  td {color:#222; }