@charset "utf-8";
/*section0 ���κ��־�*/




.section#section0{position: relative; width:100%; height:100%; }

.section#section0 .container{position:relative; width:100%;height:1000px; }


.section#section0 .scroll_down{position:absolute; bottom:140px; z-index: 200;width: 100%;}
.section#section0 .scroll_down p{color: #fff;text-align: center;padding-bottom: 55px;font-size: 13px;font-weight: 300;letter-spacing: 0.5px; background: url(../img/s_img/home_scroll_down.png) no-repeat center 100%;}


.section#section0 .btn_box{position: absolute;bottom:0;left: 0;z-index: 1000;width: 100%;z-index: 300;}
.section#section0 .btn_box ul.btn{width: 540px;margin: 0 auto; padding:0;}
.section#section0 .btn_box ul.btn:after{display: block;content: '';clear: both;}
.section#section0 .btn_box ul.btn li{float: left;width: 270px;height: 80px; margin:0; padding:0;}
.section#section0 .btn_box ul.btn li a{display: block;width: 100%;margin-top: 16px;height: 64px;text-align: center;font-size: 20px;color:#fff;font-weight: normal;letter-spacing: -1px;line-height: 64px;background: #333;}
.section#section0 .btn_box ul.btn li.on a{height: 80px;margin-top: 0; background:#499940; color:#fff; font-size: 25px; font-weight:500;line-height: 80px;letter-spacing: 0;}
.section#section0 .btn_box ul.btn li.on a img{ vertical-align:middle;line-height: 50px; }

#wrap .visual ul.bxslider{width:100%; height:100%;}
#wrap .visual ul.bxslider li{width: 100%; height:100%;}
#wrap .visual ul.bxslider li .bg{width:100%; height:100%;}



.section#section0 .container.pc {display:block;}
.section#section0 .container.mobile{display:none;}



.section#section0 ul.bxslider li{height:100%;}
.section#section0 ul.bxslider li.s1{width:100%; text-align:center; z-index:400;}
.section#section0 ul.bxslider li .bg {width:100%; height: 100%; position:relative; }
.section#section0 ul.bxslider li .bg img {width:100%; height: 100%; object-fit: cover;}
.section#section0 ul.bxslider li .bg img.pc{display:block;}
.section#section0 ul.bxslider li .bg img.mobile{display:none;}





.home_box{position: absolute;z-index:99;top:40%;text-align:center; width: 100%; }
.home_box h3{font-size:48px;font-weight:400; padding:10px 0 0 0px; margin:0; color: #fff; font-weight:600;letter-spacing:-0.03em; line-height:1.1; text-align: center; text-shadow:0px 0px 5px rgba(0,0,0,0.22);}
.home_box p.txt{padding-top:18px; font-size:22px; line-height:1.5;font-weight:400; color: #fff; letter-spacing:-0.03em;text-shadow:0px 0px 5px rgba(0,0,0,0.22);}
.home_box p.btn{font-size:18px; font-weight:500;width: 1200px;margin: 20px auto ; height:40px; line-height:1.5;color:#fff; letter-spacing:-0.05em;width:200px; margin:0 auto; margin-top:80px;  border:2px solid #fff; text-align:center;}

.home_box h3 span.pc_cut{display:block;}
.home_box p.txt span.pc_cut{display:block;}


.home_box h3.black{color:#111;}
.home_box p.black{color:#111;}
.home_box p.btn{color:#111;}



.white{color:#fff !important;}
.black{color:#111 !important;}




@media (max-width: 1199px) {


#wrap .section#section0 .cover{display: none;}
.section#section0 .container{position:relative; width:100%;height:100%; }
#wrap .section#section0 ul.bxslider{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#wrap .section#section0{height:910px; }
#wrap .section#section0 ul.bxslider li{width: 100%;  height:100%; /*height:1000px !important;*/text-align: left;min-height:910px;}

#wrap .section#section0 ul.bxslider li .innder_tit{width:100%;margin: 0 auto;padding-top:300px;}

.home_box{top:45%; }
.section#section0 ul.bxslider li h3{display:block; text-align:center; font-size:36px; color:#fff; line-height:1.5; letter-spacing:-0.05em; font-weight:600; margin-left:0px; }
.section#section0 ul.bxslider li p.txt{text-align:center;  display:block; color:#fff; z-index:100;line-height:1.5; font-size:18px; padding-left:0px;  font-weight:300;letter-spacing:-0.05em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.section#section0 ul.bxslider li p.btn{font-size:16px; font-weight:500; height:40px; line-height:38px;color:#fff; letter-spacing:-0.05em;width:200px; margin:0 auto; margin-top:80px;  border:2px solid #fff;}






.bx-wrapper .bx-controls-direction{
  position: relative;
  width: 90%;
  margin:0% auto 0 auto;}


.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 1000px;
  margin: 0 auto;
  padding-left:40px;}


#wrap .section#section0 .scroll_down{display:none}





}/* 1199px End*/




@media (max-width: 991px) {

/*991px section0 */


.section#section0 .container.pc {display:none;}
.section#section0 .container.mobile{display:block;}
.section#section0 .container.mobile ul.bxslider li .bg img{width:100%; height:100%; object-fit: cover;}


#wrap #content .section#section0 ul.bxslider li .innder_tit{padding-top:280px;}
.section#section0 ul.bxslider li h3{ font-size:34px;}
.section#section0 ul.bxslider li p.txt{font-size:18px; }
.section#section0 ul.bxslider li p.btn{font-size:16px; }
.section#section0 ul.bxslider li .bg img.pc{display:none;}
.section#section0 ul.bxslider li .bg img.mobile{display:block;}



.home_box{display:none;}
.bx-controls-direction{display:none !important;}

}/* 991px End*/

@media (max-width: 768px) {



#wrap  .section#section0 .scroll_down{display:none}
#wrap .visual{display:none;}
#wrap .visual .video{display:none;}
#wrap .visual .bg{display:none;}

#wrap .section#section0 .visual{display:none;}
#wrap .section#section0 .visual .video{display:none;}
#wrap .section#section0 .visual .bg{display:none;}

#wrap .section#section0{position: relative; width:100%; height:100%;}
#wrap .section#section0 .container{position:relative; width:100%; height:100%;}
#wrap .section#section0 .visual_mobile#home ul.bxslider li .bg{width:100%;}


#wrap .section#section0{/*height:600px; */height:600px;}
#wrap .section#section0 ul.bxslider li{width: 100% !important;  height:100%; /*height:1000px !important;*/text-align: left; /*min-height:600px;*/ min-height:600px;}
#wrap .section#section0 ul.bxslider li .bg{padding-top:0px !important;}

.section#section0 ul.bxslider li h3{ font-size:24px; letter-spacing:-0.05em;}
.section#section0 ul.bxslider li p.txt{font-size:16px; letter-spacing:-0.05em; padding-top:0;}
.section#section0 ul.bxslider li p.btn{font-size:15px; margin-top:60px;  }



#wrap .section#section0 .btn_box ul.btn{width:100%;margin: 0 auto;}
#wrap .section#section0 .btn_box ul.btn:after{display: block;content: '';clear: both;}
#wrap .section#section0 .btn_box ul.btn li{float: left;width:50%;height: 60px;}
#wrap .section#section0 .btn_box ul.btn li a{display: block;width: 100%;margin-top: 14px;height:46px;text-align: center;font-size: 18px;color: #fff;font-weight: normal;letter-spacing: -1px;line-height: 44px;background: #333;}
#wrap .section#section0 .btn_box ul.btn li.on a{height:60px;margin-top: 0;background: #499940;color: #fff;font-size: 20px; font-weight: 500;line-height:58px;letter-spacing:-0.03em;}
#wrap .section#section0 .btn_box ul.btn li.on a img{ vertical-align:middle;line-height: 60px; }

.bx-controls{display:none !important;}


/*���κ��־� ��ư index3�� �ش�*/

.section#section0 .quick_menu3{position:absolute; bottom:80px !important; z-index:100; width:100%; height:180px; text-align:center; }
.section#section0 .quick_menu3 ul{position: relative;width:90%; margin:0 auto; height:200px; border:none;}
.section#section0 .quick_menu3 ul:after{display: block;content: '';clear: both;}

.section#section0 .quick_menu3 ul li.last{border-right:1px solid #fff;}


.section#section0 .quick_menu3 ul li a:hover{background:url('../img/s_img/main_quick_bg.png') repeat 0 0;}

.section#section0 .quick_menu3 ul li a span.cut{display:inline;}

/*
.section#section0 .quick_menu3 ul li a{display:block; width:100%; height:40px; color: #fff; line-height:38px; font-size:16px;text-align:center; font-weight:400; padding-top:0px;}*/

.section#section0 .quick_menu3 ul li{float:none; width:100%; height:auto; margin-bottom:5px; border:1px solid #fff;}
.section#section0 .quick_menu3 ul li a{display: block;width:100%; height:auto; color: #fff; }
.section#section0 .quick_menu3 ul li a span.line1{line-height:50px; font-size:18px;text-align:center; font-weight:400; padding-top:35px; }
.section#section0 .quick_menu3 ul li a span.line2{display: block;width:100%; height:50px; color: #fff; line-height:22px; font-size:18px;text-align:center; font-weight:400; padding-top:5px;}
.section#section0 .quick_menu3 ul li a span.line2 em{font-size:15px; display:block; font-weight:300;}
.section#section0 .quick_menu3 ul li a.span.black:hover{background:url('../img/s_img/main_quick_bg_black.png') repeat 0 0;}







}/* 768px End*/


@media (max-width: 320px) {

#wrap .section#section0{/*height:600px; */height:420px;}
#wrap .section#section0 ul.bxslider li{width: 100%;  height:100%; /*height:1000px !important;*/text-align: left; /*min-height:600px;*/ min-height:420px;}


}/* 320px End*/