@charset "utf-8";


/*메인비주얼*/

.section{position: relative; width:100%; height:100%;}
.section .fp-tableCell{}

.section#section0{position: relative; width:100%; height:100vh;}
.section#section0 .container{position:relative; width:100%; height:100%;}
.section#section0 .scroll_down{position:absolute; bottom:80px; z-index: 200;width: 100%;}
.section#section0 .scroll_down p{color: #fff;text-align: center;padding-bottom:60px;font-size: 13px;font-weight: 300;letter-spacing: 0.5px;background: url(../img/s_img/scroll_view_icon.png) no-repeat center 100%;}
.section#section0 .fp-tableCell{position: relative;width: 100%;height: 100%;}
.section#section0 .fp-tableCell .container{position: relative;z-index: 100;width: 100%;height: 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:-0.05em; line-height: 64px;background: #333;}
.section#section0 .btn_box ul.btn li.on a{height: 80px;margin-top: 0;background: #005aab;color: #fff;font-size: 25px;font-weight: 500;line-height: 80px;letter-spacing:-0.05em;}
.section#section0 .btn_box ul.btn li.on a img{ vertical-align:middle;line-height: 50px; }

.section#section0 ul.bxslider{position:absolute; top:0; left:0; width:100%; height:100%;}
.section#section0 ul.bxslider li{width:100%; height:1000px; text-align: left;}
.section#section0 ul.bxslider li.s1{background: url(../img/p_img/bg_visual01.jpg) no-repeat center 80px;-webkit-background-size: cover; background-size: cover;}
.section#section0 ul.bxslider li.s2{background: url(../img/p_img/bg_visual02.jpg) no-repeat center 80px;-webkit-background-size: cover; background-size: cover; }
.section#section0 ul.bxslider li.s3{background: url(../img/p_img/bg_visual03.jpg) no-repeat center 80px;-webkit-background-size: cover; background-size: cover; }
.section#section0 ul.bxslider li .bg{width: 1200px;margin: 0 auto;padding-top:360px;}

.section#section0 ul.bxslider li h3{display:block; text-align:center; font-size:48px; color:#fff; line-height:1.3; font-weight:600; letter-spacing:-0.05em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.section#section0 ul.bxslider li p.txt{text-align:center; font-weight:400; margin-top:15px; display:block; color:#fff; z-index:100;line-height:1.5; font-size:24px; padding-left:0px; letter-spacing:0em; background:url('../img/p_img/main_visual_txtline.gif') no-repeat 10px top;text-shadow:0px 0px 10px rgba(0,0,0,0.22);}

.section#section0 ul.bxslider li p.txt span.pc_cut{display:block;font-weight:400;}
.section#section0 ul.bxslider li h3 strong{font-weight:600; }
.bx-wrapper .bx-controls-direction{display:none;}



@media (max-width: 1300px) {



#wrap #content .section#section0 ul.bxslider li .bg{width: 1200px;margin: 0 auto;padding-top:340px;}



}/* 1300px End */





@media (max-width: 1199px) {

/*1199px 메인비주얼*/
#wrap #content .section#section0 ul.bxslider li .bg{width:100%;}


#wrap #content .section#section0{height:910px; }
#wrap #content .section#section0 .cover{display: none;}
#wrap #content .section#section0 ul.bxslider{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#wrap #content .section#section0 ul.bxslider li{width: 100%;  height:100%; /*height:1000px !important;*/text-align: left;min-height:910px;}
#wrap #content .section#section0 ul.bxslider li.s1{background: url(../img/p_img/bg_visual01.jpg) no-repeat center 60px;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s2{background: url(../img/p_img/bg_visual02.jpg) no-repeat center 60px;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s3{background: url(../img/p_img/bg_visual03.jpg) no-repeat center 60px;-webkit-background-size: cover; background-size: cover; }

#wrap #content .section#section0 ul.bxslider li .bg{width:90%;margin: 0 auto;padding-top:340px;}

.section#section0 ul.bxslider li h3{display:block; text-align:center; font-size:42px; color:#fff; line-height:1.3; font-weight:600; letter-spacing:-0.05em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.section#section0 ul.bxslider li p.txt{text-align:center; font-weight:400; margin-top:15px; display:block; color:#fff; z-index:100;line-height:1.5; font-size:22px; padding-left:0px; letter-spacing:0em; background:url('../img/p_img/main_visual_txtline.gif') no-repeat 10px top;text-shadow:0px 0px 10px rgba(0,0,0,0.22);}



.bx-wrapper .bx-controls-direction{
  position: relative;
  width:100%  !important;
   max-width:1000px;
  margin:0% auto 0 auto;}


.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: center;
  width: 100% !important;
  max-width:1000px;
  margin: 0 auto;
  padding-left:0px !important;}




}/* 1199px End */



@media (max-width: 991px) {


/*991px 메인비주얼*/

#wrap #content .section#section0 .btn_box ul.btn li.on a{height: 80px;margin-top: 0;background: #005aab;color: #fff;font-size: 22px;font-weight: 500;line-height: 80px;letter-spacing: 0;}
#wrap #content .section#section0 .btn_box ul.btn li.on a img{ vertical-align:middle;line-height: 50px; }

#wrap #content .section#section0 {position: relative;width: 100%; height:800px; }
#wrap #content .section#section0 .container{padding-top: 0px;}
#wrap #content .section#section0 .container{position: relative;width: 100%;height: 100%;padding-top: 0;}
#wrap #content .section#section0 ul.bxslider{width: 100%;height: 100%; }
#wrap #content .section#section0 ul.bxslider li{width: 100%;height:800px !important;text-align: left;}
#wrap #content .section#section0 ul.bxslider li.s1{background: url(../img/p_img/main_vi_m1.jpg) no-repeat center 0px;-webkit-background-size: 100%; background-size: 100%; }
#wrap #content .section#section0 ul.bxslider li.s2{background: url(../img/p_img/main_vi_m2.jpg) no-repeat center 0px;-webkit-background-size: 100%; background-size: 100%; }
#wrap #content .section#section0 ul.bxslider li.s3{background: url(../img/p_img/main_vi_m3.jpg) no-repeat center 0px;-webkit-background-size: 100%; background-size: 100%; }

#wrap #content .section#section0 ul.bxslider li .bg{width:100%;margin: 0 auto !important; padding-top:320px; }


#wrap #content .section#section0 .btn_box ul.btn{width:100%;margin: 0 auto;}
#wrap #content .section#section0 .btn_box ul.btn:after{display: block;content: '';clear: both;}
#wrap #content .section#section0 .btn_box ul.btn li{float: left;width:50%;height: 60px;}
#wrap #content .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 #content .section#section0 .btn_box ul.btn li.on a{height:60px;margin-top: 0;background: #005aab;color: #fff;font-size: 20px; font-weight: 500;line-height:58px;letter-spacing:-0.03em;}
#wrap #content .section#section0 .btn_box ul.btn li.on a img{ vertical-align:middle;line-height: 60px; }
.section#section0 ul.bxslider li h3{display:block; text-align:center; font-size:32px; color:#fff; line-height:1.3; font-weight:600; letter-spacing:-0.05em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.section#section0 ul.bxslider li p.txt{text-align:center; font-weight:400; margin-top:15px; display:block; color:#fff; z-index:100;line-height:1.5; font-size:16px; padding-left:0px; letter-spacing:0em; background:url('../img/p_img/main_visual_txtline.gif') no-repeat 10px top;text-shadow:0px 0px 10px rgba(0,0,0,0.22);}






}/* 991px End */






@media (max-width: 768px) {

#wrap #content .section#section0 ul.bxslider li .bg{width:100%;}

#wrap #content .section#section0 .btn_box ul.btn li.on a{height: 80px;margin-top: 0;background: #005aab;color: #fff;font-size: 22px;font-weight: 500;line-height: 80px;letter-spacing: 0;}
#wrap #content .section#section0 .btn_box ul.btn li.on a img{ vertical-align:middle;line-height: 50px; }

#wrap #content .section#section0 {position: relative;width: 100%; height:600px; }
#wrap #content .section#section0 .container{padding-top: 0px;}
#wrap #content .section#section0 .container{position: relative;width: 100%;height: 100%;padding-top: 0;}
#wrap #content .section#section0 ul.bxslider{width: 100%;height: 100%; }
#wrap #content .section#section0 ul.bxslider li{width: 100%;height:600px !important;text-align: left;}
#wrap #content .section#section0 ul.bxslider li.s1{background: url(../img/p_img/main_vi_m1.jpg) no-repeat center center;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s2{background: url(../img/p_img/main_vi_m2.jpg) no-repeat center 50px;-webkit-background-size: cover; background-size: cover; }
#wrap #content .section#section0 ul.bxslider li.s3{background: url(../img/p_img/main_vi_m3.jpg) no-repeat center 50px;-webkit-background-size: cover; background-size: cover; }

#wrap #content .section#section0 ul.bxslider li .bg{width:100%;margin: 0 auto !important; padding-top:230px; }

.section#section0 ul.bxslider li h3{display:block; text-align:center; font-size:24px; color:#fff; line-height:1.3; font-weight:600; letter-spacing:-0.05em; text-shadow:0px 0px 10px rgba(0,0,0,0.22);}
.section#section0 ul.bxslider li p.txt{text-align:center; font-weight:400; margin-top:15px; display:block; color:#fff; z-index:100;line-height:1.5; font-size:15px; padding:0 10px; letter-spacing:0em; background:url('../img/p_img/main_visual_txtline.gif') no-repeat 10px top;text-shadow:0px 0px 10px rgba(0,0,0,0.22);}

.section#section0 ul.bxslider li p.txt span.pc_cut{display:block;}
.section#section0 ul.bxslider li p.txt span.m_cut{display:block;}


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

}/* 768px End */



@media (max-width: 576px) {


#wrap #content .section#section0 .btn_box ul.btn{width: 100%;margin: 0 auto;}
#wrap #content .section#section0 .btn_box ul.btn li{width: 50%;}

#wrap #content .section#section0 .video .txt_box .bullet span.line{float: left;display: block;width: 41%;height: 2px;background: #fff;margin: 18px 0 0 0;}
#wrap #content .section#section0 .video .txt_box .bullet span.icon img{width: 40px;}



}/* 576px End */



@media (max-width: 480px) {




}/* 480px End */