@charset "utf-8";

html {overflow:hidden;}

#contents {position:relative; height:100%;  zoom:1; background:#fff; z-index:3;}
#contents:after { clear:both; content: ""; display: block;  }

.main_slider { position:relative; left:0; top:0; z-index:1;}
.main_slider .bx-wrapper {position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; }
.main_slider .bx-viewport, .main_slider01 .bx-viewport .bxslider {position:absolute !important; width:100%; height:100% !important; left:0; top:0; z-index:1; }
.main_slider .bxslider li { position:absolute; width:100%; height:100%; left:0; top:0; background-position:center center; background-size:cover; background-repeat:no-repeat;}

.back_img {position:absolute; height:100% !important; width:auto !important; vertical-align:top; left:0; top:0;}

.mainTypo { position:absolute; width:45%; max-width:662px; left:30px; /*top:60%; margin-top:-120px;*/ bottom:15%; font-size:13px; line-height:18px;z-index:5;
-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
-moz-text-shadow:    1px 1px 2px rgba(0, 0, 0, 0.3);
text-shadow:         1px 1px 2px rgba(0, 0, 0, 0.3);}
.mainTypo p { margin:0 0 0 10px; color:#fff;}
.mainTypo img { width:100%; vertical-align:top !important;}
.btn_more { width:50%;  max-width:174px !important; display:inline-block; vertical-align:top; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;  }
.mainTypo span { font-family: 'Lato', sans-serif; font-size:1.2em; font-style:italic;}
.btn_more:hover, .btn_more:focus { background:url(../images/common/footer_allBg.png);}
.btn_more img { width:100%; vertical-align:top !important;}
.back.mainTypo { left:42%;} 




@media  (max-width: 1480px){

}

@media  (max-width: 1280px){

}


@media  (max-width: 1024px){


}


@media  (max-width: 830px){

.mainTypo { width:60%; top:auto; margin:0; bottom:12%; font-size:18px; line-height:24px;}

}


@media  (max-width: 768px){

}

@media  (max-width: 560px){

}

@media  (max-width: 380px){

}