@charset "utf-8";
@import url(section2_product.css);
@import url(section3_contact.css);

body{width: 100%;height: 100%;}

#wrap{position: relative;width: 100%;height: auto; }

#wrap #content{width: 100%; height:auto !important; padding-top:0; margin:0;padding:0; }
#wrap #content:after{display: block;content: '';clear: both;}

.section{position: relative; width:100%; height:100%;}
.section .fp-tableCell{}

.fw500{font-weight: 500;}
.section.default .container{width: 100%;height: 100%;}
.section.default h3{padding:11% 0 20px 0;text-align: center;font-size: 48px;color: #fff;font-weight:600; letter-spacing:-0.03em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.section.default p.tit{font-size:18px; font-weight:300; line-height:1.5; color:#fff; text-align: center; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}


.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: 160px !important;}



.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.section.default .container{width: 100%;height: 100%;}
.section.default h3{padding:12% 0 20px 0;text-align: center;font-size: 48px;color: #fff;font-weight:500; letter-spacing:-0.03em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.section.default p.tit{font-size:18px; font-weight:300; line-height:1.5; color:#fff; text-align: center; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}



/*메인배너04*/


.section#section1{clear:both; width:100%; height:100%; margin:0; margin-top:0px; padding:0; padding-bottom:0px; background:#F5F5F5;}

ul.main_ban04{display: flex; flex-wrap: wrap;align-items: center; margin:0 auto; padding:0; width:100%; }

ul.main_ban04 li{float:left; display:inline; width:50%;}
ul.main_ban04 li.bg_gray{ }
ul.main_ban04 li.bg_gray img{margin:0 auto;}
ul.main_ban04 li.no01 {text-align:right; width:50%;}


ul.main_ban04 li.no01 dl{display:inline-block; width:520px; margin-right:80px;  }
ul.main_ban04 li.no01 dl dt{text-align:left; color:#000; font-weight:600; letter-spacing:-0.035em; font-size:40px; line-height:1.4; }
ul.main_ban04 li.no01 dl dt span.pc_cut{display:block;}
ul.main_ban04 li.no01 dl dt strong{}
ul.main_ban04 li.no01 dl dd{text-align:left;margin-top:30px; color:#777; font-size:18px; line-height:1.4;  }
ul.main_ban04 li.no01 dl dd span.pc_cut{display:block;}
ul.main_ban04 li.no01 dl dd.btn_img{margin-top:35px;}

ul.main_ban04 li.no02{text-align:right; width:50%;}
ul.main_ban04 li.no02 img{text-align:right; width:100%; max-width:960px;  padding-top:0px; }

ul.main_ban04 li.no03{text-align:left;width:50%;}
ul.main_ban04 li.no03 img{text-align:left;width:100%; max-width:960px;  padding-top:0px; }

ul.main_ban04 li.no04 {text-align:left; width:50%;}
ul.main_ban04 li.no04 dl{display:inline-block; margin-right:40px; padding:0px 0 0 80px; }
ul.main_ban04 li.no04 dl dt{text-align:left; color:#000; font-weight:600; font-size:40px; line-height:1.4; letter-spacing:-0.035em;}
ul.main_ban04 li.no04 dl dt span.pc_cut{display:block;}
ul.main_ban04 li.no04 dl dt strong{ }
ul.main_ban04 li.no04 dl dd{text-align:left;margin-top:30px; color:#777; font-size:18px; line-height:1.4;  }
ul.main_ban04 li.no04 dl dd span.pc_cut{display:block;}
ul.main_ban04 li.no04 dl dd.btn_img{margin-top:20px;}
ul.main_ban04 li.no04_m{display:none;}
ul.main_ban04 li.no04 dl dd.btn_img{margin-top:35px;}




/* fix_box  */

.fix_box_lab01{clear:both;width: 100%;height:360px;margin:0px 0; text-align:center;}
.fix_box_lab01{background: url(../img/s_img/main_fullimg01.jpg) no-repeat center top; background-size:100%; background-attachment: fixed;}

dl.fix_txt dt{padding-top:144px;width:94%; max-width:1200px; color:#fff; font-size:30px; line-height:1.3;  margin:0 auto; text-align:center; }
dl.fix_txt dd{font-size:30px; color:#fff;  line-height:1.3;  }



@media (max-width:1400px) {

  ul.main_ban04 li.no01 dl dt{ font-size:34px;}
  ul.main_ban04 li.no04 dl dt{ font-size:34px;}
  ul.main_ban04 li dl{padding-left:20px;}








}/* end */



@media (max-width: 1199px) {



  ul.main_ban04{display: flex; flex-wrap: wrap;align-items: center; margin:0 auto; padding:0; width:100%; }
  ul.main_ban04 li{float:left; display:inline; width:50%;}
  ul.main_ban04 li.no01 {text-align:right; width:50%;}
  
  ul.main_ban04 li.no01 dl{ width:100%; margin-right:0px;  }
  ul.main_ban04 li.no01 dl dt{ font-size:24px; }
  ul.main_ban04 li.no01 dl dd{margin-top:10px; font-size:16px;}

  ul.main_ban04 li.no01 dl dd.btn_img{margin-top:20px;}
  
  ul.main_ban04 li.no02{ width:50%;}
  ul.main_ban04 li.no02 img{width:100%; max-width:960px;  padding-top:0px; }
  
  ul.main_ban04 li.no03{width:50%;}
  ul.main_ban04 li.no03 img{width:100%; max-width:960px;  padding-top:0px; }
  
  ul.main_ban04 li.no04 { width:50%;}
  ul.main_ban04 li.no04 dl{ margin-right:40px; padding:0px 0 0 40px; }
  ul.main_ban04 li.no04 dl dt{font-size:24px;}
  ul.main_ban04 li.no04 dl dd{margin-top:10px;  font-size:16px;  }
  ul.main_ban04 li.no04 dl dd.btn_img{margin-top:20px;}
  ul.main_ban04 li.no04 dl dd.btn_img{margin-top:20px;}
  
  ul.main_ban04 li dl{padding-left:40px;}







}/* 1199px End*/





@media (max-width: 991px) {




/*메인배너04*/



ul.main_ban04 li.no01 dl dd span.pc_cut{display:inline;}
ul.main_ban04 li.no04 dl dd span.pc_cut{display:inline;}

ul.main_ban04 li dl{padding:10px 20px;}

ul.main_ban04 li.no01 dl dt{font-size:20px; }
ul.main_ban04 li.no01 dl dd{margin-top:10px; font-size:15px; line-height:1.3; letter-spacing:-0.05em;}

ul.main_ban04 li.no04 dl dt{font-size:20px;}
ul.main_ban04 li.no04 dl dd{margin-top:10px; font-size:15px; line-height:1.3; letter-spacing:-0.05em; }

ul.main_ban04 li.no04 dl{ margin:0px; padding:10px 20px; }

ul.main_ban04 li.no04 dl dd.btn_img{margin-top:10px;}
ul.main_ban04 li.no04 dl dd.btn_img{margin-top:10px;}
ul.main_ban04 li.no01 dl dd.btn_img a img{width:120px;}
ul.main_ban04 li.no04 dl dd.btn_img a img{width:120px;}
ul.main_ban04 li.no01 dl dd.btn_img{margin-top:10px;}


}/* 991px End*/




@media (max-width: 768px) {




  ul.main_ban04{ flex-wrap: wrap;     flex-direction: column;}
  ul.main_ban04 li{ flex-wrap: wrap; }

  ul.main_ban04 li.no01 {text-align:left; width:100%;}
  ul.main_ban04 li.no02{ width:100%;}
  ul.main_ban04 li.no03{ width:100%;}
  ul.main_ban04 li.no04 {display:none; text-align:left; width:100%;}
  ul.main_ban04 li.no04_m {display:block; text-align:left; width:100%;}

  ul.main_ban04 li.no04_m dl dt{font-size:20px; font-weight:600;}
  ul.main_ban04 li.no04_m dl dd{margin-top:20px;  font-size:15px;  }
  ul.main_ban04 li.no04_m dl dd.btn_img a img{width:120px;}
  ul.main_ban04 li dl{padding:40px 20px;}

  ul.main_ban04 li.no01 dl dd.btn_img{margin-top:20px;}





}/* 768px End*/