@charset "utf-8";
@font-face{font-family:NanumGothic; src:url(webfont/NanumGothic.eot);}
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
* { font-family:"Nanum Gothic" !important }
/* CSS Document */

/*****PC버전일때******/
.slide { position:relative; max-width:1920px; margin: 0 auto; height:350px; overflow:hidden;}
p.imgslide {width:100%; max-width:1920px; height:350px;}
#slide_banner li img {display:block; margin:0 auto; font-size:0; width:100%; max-width:1920px; vertical-align:top; text-align:center;}
#slide_banner li{width:100%;max-width:1920px;overflow:hidden;text-align:center; vertical-align:top;}

/*****태블릿버전일때******/
@media all and (min-width:720px) and (max-width:990px) {
.slide { position: relative; width:100%; max-width: 990px; margin: 0 auto; height:350px; overflow:hidden;}
p.imgslide {width:100%; max-width:990px; height:100%; height:350px;}
#slide_banner li img {display:block; margin:0 auto; font-size:0; width:100%; max-width:990px; vertical-align:top; text-align:center;}
#slide_banner li{width:100%;max-width:990px;overflow:hidden;text-align:center;vertical-align:top;}

}

/*****모바일버전일때******/
@media all and (max-width:720px){
	
.total_slide_p, .slide_title, .slide_title a, .slide_plus, .p_prevBtn, .p_nextBtn  {display:none;}
.slide { position: relative; width:100%; max-width:720px; margin: 0 auto; height:200px; overflow:hidden;}
p.imgslide {width:100%; max-width:720px; height:200px; display:none;}
p.imgslide_m {width:100%; max-width:720px; height:200px; }
#slide_banner li img {display:block; margin:0 auto; font-size:0; width:100%; max-width:720px; vertical-align:top; text-align:center;}
#slide_banner li{width:100%;max-width:720px;overflow:hidden;text-align:center;vertical-align:top;}	
}

/* 슬라이드 버튼 CSS 영역 - start */
/*****PC버전일때******/
p.p_prevBtn *{padding:0; margin:0; font-size:0;}
#prevBtn{padding:0; margin:0; position:absolute;top:156px; width:41px; height:45px; left:50%; margin-left:-545px;z-index:999;}
#nextBtn{padding:0; margin:0; position:absolute;top:156px; width:41px; height:45px; right:50%; margin-right:-545px; z-index:999;}
/*****태블릿이하버전일때******/
@media all and (max-width:1115px) {
#prevBtn{padding:0; margin:0; position:absolute;top:156px; width:41px; height:45px; left:5px; margin-left:0; width:50px; z-index:999;}
#nextBtn{padding:0; margin:0; position:absolute;top:156px; width:41px; height:45px; right:5px; margin-right:0; width:50px; z-index:999;}	
}
/* 슬라이드 버튼 CSS 영역 - end */

/****************************************************/

/*슬라이드 Title Box CSS 영역 - start */
#slide_banner li p.total_slide_p {width:270px; height:95px; position:absolute; left:50%; margin-left:-465px; bottom:18px; z-index:999; background:rgba(0,0,0, 0.5);}
.slide li p.slide_title {position:absolute; bottom:64px; left:50%; margin-left:-450px; width:100%; width:240px; overflow:hidden; word-break:break-all; display:table-cell; text-align:left; z-index:999; color:#fff;}
.slide li p.slide_title>a {line-height:125%; font-size:0.938rem; color:#fff;}
.slide li a.slide_plus {position:absolute; bottom:31px; left:50%; margin-left:-448px; width:63px; text-align:left; z-index:999; border:1px solid #fff; background:rgba(102,102,102,0.6); padding:6px 10px;}
.slide li a.slide_plus>p {font-size:0.6875rem; width:100%; color:#fff;}
@media all and (max-width:990px) {
#slide_banner li p.total_slide_p {width:270px; height:95px; position:absolute; left:30px; margin-left:0; bottom:18px; z-index:999; background:rgba(0,0,0, 0.6);}
.slide li p.slide_title {position:absolute; bottom:64px; left:45px; width:100%; margin-left:0; width:240px; overflow:hidden; word-break:break-all; display:table-cell; text-align:left; z-index:999; color:#fff;}
.slide li p.slide_title>a {line-height:125%; font-size:1.000rem; color:#fff;}
.slide li a.slide_plus {position:absolute; bottom:31px; left:48px; width:63px; margin-left:0; text-align:left; z-index:999; border:1px solid #fff; background:rgba(102,102,102,0.6); padding:6px 10px;}
.slide li a.slide_plus>p {font-size:0.6875rem; color:#fff;}
}

/*슬라이드 Title Box CSS 영역 - end */