@charset "utf-8";
/* ----------
css
---------- */

/* -------- MAIN LAYOUT -------- */
#mainContainer { background-color:#fff; overflow:hidden;  }

/* MAIN :: VISUAL */
#mainVisual { position:relative; width:100%; height:990px; margin:0 auto; z-index:10;   }
#mainVisual .visual-item{width:100%; height:892px; margin-top:98px;}
#mainVisual .visual-txt{display:none; position:absolute; top:50%; left:50%; margin:-20px 0 0 -600px;}
#mainVisual .slick-dots{position:absolute; top:50%; left:50%; width:494px; margin:70px 0 0 -600px; text-align:center;}
#mainVisual .slick-dots li{display:inline-block; margin:0 2px;}
#mainVisual .slick-dots li button{margin:0px; padding:0px; background:none; border:0; cursor:pointer; display:none; width:40px; height:40px; background:url('/images/main/main_bt_off.png') no-repeat top center; font-size:0;  }
#mainVisual .slick-dots li.slick-active button{background:url('/images/main/main_bt_on.png') no-repeat  top center; }
#mainVisual .slick-arrow{
	position:absolute; top:50%;width:45px; height:80px; background:none; border:0; cursor:pointer; z-index:99; font-size:0; opacity:0.7;filter:Alpha(opacity=70);
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
#mainVisual .slick-arrow.slick-prev{left:2%;background:url(/images/button/prev_btn_on.png) no-repeat}
#mainVisual .slick-arrow.slick-next{right:2%;background:url(/images/button/next_btn_on.png) no-repeat}
#mainVisual .slick-arrow:hover{opacity:1.0;filter:Alpha(opacity=100);}
.scroll-icon{position:absolute; bottom:65px; left:50%; margin-left:-33px;}

/* MAIN :: CONTENT */
#mainContent{position:relative; z-index:1; background-color:#eee;}
.main-banner-con{position:relative; width:100%;  text-align:center; }
.main-banner-con .main-banner-bg{position:absolute; top:0px; left:50%; width:100%; height:100%; margin-left:-960px;}
.main-banner-con .main-banner-bg .bg-img{position:absolute; top:0px; left:0px;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms}
.main-banner-con:hover .main-banner-bg .off-img{opacity:0;filter:Alpha(opacity=0);}
.main-banner-con .banner-tit{position:relative; padding:128px 0 26px;}
.main-banner-con .banner-txt{position:relative; display:block; padding-bottom:36px; color:#fff; font-size:18px; font-weight:400;}
.main-banner-con.black-main-banner .banner-txt{color:#333}
.main-banner-con .detail-view-btn{position:relative; display:inline-block; margin-left:15px}
.main-banner-con .detail-view-btn img{position:relative; z-index:1;}
.main-banner-con .detail-view-btn:before{
	position:absolute; top:4px; left:4px; content:""; opacity:0;filter:Alpha(opacity=0);width:238px; height:62px; background:#333;
	-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;
	-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms
}
.main-banner-con .detail-view-btn:hover:before{opacity:0.7;filter:Alpha(opacity=70);}
.main-banner-con.black-main-banner .detail-view-btn:before{background-color:#cfcfcf}
.main-banner-con.black-main-banner .detail-view-btn:hover:before{opacity:0.9;filter:Alpha(opacity=90);}
#banner1{top:-20px; height:438px;}
#banner2{height:440px;}
#banner3{height:445px;}
#banner4{z-index:-1; top:-16px; height:431px;}
#banner5{z-index:-2; top:-30px; height:410px;}