
#content  { /*box-sizing: border-box;  -moz-box-sizing: border-box;*/ padding:7% 2% 11% 2%;  float:left;
   width:100%;  background:url('/mobile/img/main/line.jpg') repeat-x bottom left;    } 
  
#content_bdn  { /*box-sizing: border-box;  -moz-box-sizing: border-box;*/ padding:8% 0% 0 2%;  float:left;  width:100%;  } 
  
    
  
.main_vi  {float:left; width:100%; margin-top:10px; text-align:center; background-color:#ddd;}
.main_vi  img {width:100%; max-width:529px; }


.s_tt  {font-size:1.5em; color:#333; line-height:25px;  font-weight:600; padding-bottom:10px; float:left; width:100%; letter-spacing:-2px;}
.s_tt  .more_btn  {float:right; }
.color_c00 {color:#c00;}

.box_50  {width:48.5%; float:left; padding:2.5%; box-sizing:border-box; }
.border_box  {border:1px solid #ddd; }

.text_box  {font-size:0.95em; line-height:1.3em; color:#555;   }


.news  {width:100%; float:left; border:1px solid #ddd; border-bottom:none; box-sizing:border-box;}
.news  ul  {width:100%; float:left; border-bottom:1px solid #ddd; padding-bottom:10px;}
.news  li  {width:100%; float:left; font-size:1em; padding:10px 0px 0px 10px;}
.news  li.date  {color:#999; font-size:0.9em;}


.photo  {width:100%; float:left; }
.photo  ul  {width:100%; float:left;  }
.photo  li  {width:31%; float:left; }
.photo  li:nth-child(2)  {margin-left:6%;}
.photo  li:nth-child(3)  {float:right;}
.photo  li  {width:29%; float:left; }
.photo  li img  {width:100%; }


.product_slide  {width:100%;  float:left; margin-bottom:22px;}
.product_slide td  {padding:4% 0%;  width:33.333%; color:#fff; vertical-align:middle; text-align:Center; background:#333; }
.product_slide_p{font-size:1.2em; font-weight:600; color:#fff}  
    
.box1	 {position:relative; width:49%; height:300px; float:left; }
.box1 h2 {font-size:1.4em; font-weight:600; letter-spacing:-0.5px; }
.box1-1	 {position:absolute; color:#333; top:0; left:0; width:100%; height:145px; padding:30px 0 0 20px; float:left; border:1px solid #ddd; background:#fff url('/../mobile/img/main/box1-1_bg.png') no-repeat right bottom; box-sizing:border-box;}
.box1-2	 {position:absolute; bottom:0; left:0; width:100%; height:145px; padding:30px 0 0 20px; border:1px solid #ddd; float:left; background:#b40303 url('/../mobile/img/main/box1-2_bg.png') no-repeat right bottom; box-sizing:border-box;}

.box2	 {width:49%; height:300px; float:right; padding:30px 0 0 20px;  background:#f7791d url('/../mobile/img/main/box2_bg.png') no-repeat right bottom; box-sizing:border-box; }
.box2 h2 {font-size:1.4em; font-weight:600; letter-spacing:-0.5px; color:#fff; }
.box2 p {font-size:0.98em; letter-spacing:-0.5px; color:#fff; font-weight:300; opacity:0.7; line-height:1.35em; margin-top:40px; margin-bottom:50px; }

.box3	 {width:100%; height:170px; padding:12px; box-sizing:border-box; float:left; background:#6699cc; margin-top:10px;}
.box3 .box_3_line	 {width:100%; border:2px solid #79afe6;  padding:30px 0 0 20px;  height:143px; background:url('/../mobile/img/main/box3_bg.png') no-repeat top right; box-sizing:border-box;}
.box3 .box_3_line h2 {font-size:1.4em; font-weight:600; letter-spacing:-0.5px; color:#fff; }
.box3 .box_3_line p {font-size:0.98em; letter-spacing:-0.5px; color:#fff; font-weight:300; opacity:0.7; line-height:1.35em; margin-top:5px; }

/* 카탈로그 다운로드 */
#content aside{width: 100%; float: left; background: #028763;  margin-top: 20px; position:relative;}
#content aside::after{
    position: absolute;
    content: '';
    border: 1px solid rgb(255 255 255 / 56%);
    top: 50%;
    left: 50%;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    transform: translate(-50%, -50%);
}
#content aside a{color: #fff; font-size: 22px; display:flex; justify-content:space-between; align-items:center; font-weight:600; position: relative; z-index: 9; padding:30px 40px; box-sizing: border-box; line-height:1.4;}
	

.customer_wrap {width:100%; float:Left; background:url('/../mobile/img/main/customer_bg.png') no-repeat top right; padding-bottom:38px; }
.customer_wrap p {width:100%; float:left; font-size:0.92em; color:#666;}
.customer_wrap .more_btn {font-size:1em; color:#fff; text-align:center; float:left; padding:15px 35px; background:#333; border-radius:30px; margin-top:15px;}

.banner_wrap {width:100%; float:left; background:#f7f7f7 url('/../mobile/img/main/banner_bg.png') no-repeat top right; padding:45px 0 50px 15px; box-sizing:border-box;}
.banner_wrap h2 {font-size:1.4em; font-weight:600; margin-bottom:15px;}
.banner_wrap p {font-size:1em; font-weight:500; color:#c00;  margin-bottom:8px;}
.banner_wrap ul li {font-size:0.98em; font-weight:400; line-height:1.5em;}

