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




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

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


.section#section0 .scroll_down{position:absolute; bottom:100px; 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/scroll_view_icon_k.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{background:#00A651; }
.section#section0 .btn_box ul.btn li a:hover{height: 80px;margin-top: 0;font-size: 25px; font-weight:500;line-height: 80px;letter-spacing: 0;}


/*
.section#section0 .btn_box ul.btn li.on a{height: 80px;margin-top: 0; background:#00A651; 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; }
*/

.visual ul.bxslider{width:100%; height:100%;}
.visual ul.bxslider li{width: 100%; height:100%;}
.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:42%;text-align:center; width: 100%; }
.home_box h3{font-size:50px;font-weight:500; padding:10px 0 0 0px; margin:0; color: #fff; letter-spacing:-0.03em; line-height:1.3; text-align: center; }
.home_box p.txt{padding-top:15px; font-size:25px; line-height:1.5;font-weight:300; color: #fff; letter-spacing:-0.03em;}
.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) {


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

.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:40px; color:#fff; line-height:1.5; letter-spacing:-0.05em; 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:24px; padding-left:0px;  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;}


.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;}


.section#section0 ul.bxslider li .innder_tit{padding-top:280px;}
.section#section0 ul.bxslider li h3{ font-size:32px;}
.section#section0 ul.bxslider li p.txt{font-size:19px; }
.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;}

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

}/* 991px End*/



@media (max-width: 768px) {


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

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

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

.section#section0{/*height:600px; */height:600px !important;}
.section#section0 ul.bxslider li{width: 100% !important;  height:100%; /*height:1000px !important;*/text-align: left; /*min-height:600px;*/ min-height:600px;}
.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;  }






.section#section0 .btn_box ul.btn{width:100%;margin: 0 auto;}
.section#section0 .btn_box ul.btn:after{display: block;content: '';clear: both;}
.section#section0 .btn_box ul.btn li{float: left;width:50%;height: 60px;}
.section#section0 .btn_box ul.btn li a{display: block;width: 100%;margin-top: 16px;height: 44px;text-align: center;font-size:18px;color:#fff;font-weight: normal;letter-spacing: -1px;line-height: 44px;background: #333;}
.section#section0 .btn_box ul.btn li.on a{background:#00A651; }
.section#section0 .btn_box ul.btn li a:hover{height:60px;margin-top: 0;font-size:20px; font-weight:500;line-height:60px;letter-spacing: 0;}


.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{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;}

.home_box h3{ padding:0px 0 0 0px; }






}/* 768px End*/


@media (max-width: 320px) {

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


}/* 320px End*/