
#wrapper_sl {width:850px;}

.slider-button {position:relative; display:block; width:24px; height:44px; top:270px; cursor:pointer; z-index:1000;}
.slider-button.left{float:left; left:24px; background:url('../images/arrow_l.png') no-repeat;}
.slider-button.left:hover{background:url('../images/arrow_l_over.png') no-repeat;}
.slider-button.right{float:right; right:24px;background:url('../images/arrow_r.png') no-repeat;}
.slider-button.right:hover{background:url('../images/arrow_r_over.png') no-repeat;}

.pagination {position:absolute; left:485px; z-index:1000; list-style:none; margin:457px 0 0 0; -webkit-padding-start:0px;padding:0px;margin-left:0px;}
.pagination li {float:left; cursor:pointer; height:12px; width:13px; background-image:url('../images/pagi_normal.png'); margin-right:8px;}
/*
.pagination li:hover {background:#ff0000;}
*/
li.current {background-image:url('../images/pagi_current.png');}

/* TinyFader */

#slideshow_wrap_bac {background:#222; width:100%; height:500px;}
#slideshow_wrap {width:1024px; margin:0 auto; position:relative;}

#slideshow {width:100%; height:100%;}
#slides li {width:1024px; height:100%}
#slides li img{width:100%; position:relative;}
.fader-slide {opacity:0; position:absolute}
.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s}

.slides_text {position:absolute; top:178px; left:135px; width:756px;}
/*1117 수정*/
.slides_text p {font-size:22px; line-height:35px; margin-top:26px; text-align:center; color:#fff;}
.slides_text p span {color:#f2df00;}
h3 {text-shadow:1px 1px 3px #000; font-size:30px; margin:0 auto; line-height:40px; text-align:center; color:#fff;}
h3 span{color:#f2df00; font-weight:bold;}
.slides_text .roll_btn01 {background:url(../images/arrow_btn_01.png) no-repeat right; width:322px; height:62px; margin:50px auto 0; border:3px solid #fff; cursor:pointer;}
.slides_text .roll_btn01:hover {background:url(../images/arrow_btn_01_over.png) no-repeat right; background-color:#f2df00; border:3px solid #f2df00;} 
.slides_text .roll_btn01 span {padding:21px 0 0 16px; font-size:20px; font-weight:bold; display:inline-block; width:309px; height:44px; color:#fff;}
.slides_text .roll_btn01 span:hover {color:#222;}
.slides_text .roll_btn02 {background:url(../images/arrow_btn_01.png) no-repeat right; width:360px; height:62px; margin:54px auto 0; border:3px solid #fff; cursor:pointer;}
.slides_text .roll_btn02:hover {background:url(../images/arrow_btn_01_over.png) no-repeat right; background-color:#f2df00; border:3px solid #f2df00;} 
.slides_text .roll_btn02 span {padding:21px 0 0 16px; font-size:20px; font-weight:bold; display:inline-block; width:347px; height:44px; color:#fff;}
.slides_text .roll_btn02 span:hover {color:#222;}

#top_visual .slides_text {position:absolute; top:247px; left:154px; width:730px; text-align:center;}
#top_visual h3 {text-shadow:1px 1px 3px #000; font-size:36px; margin:0 auto; line-height:40px; text-align:center;}
/*1117 수정*/
#top_visual .slides_text span {display:block; text-align:center; font-size:16px; line-height:24px; margin-top:30px; text-shadow:1px 1px 3px #000; color:#fff;}

#top_visual .slides_text img {margin-top:60px;}
.case_top {top:177px !important;}

#slideshow_wrap_bac_so {background:#1a1a1a; width:100%; height:80px;}
#top_visual_so {height:80px;}

/* Slide Styling */

#content_sl {width:464px; height:270px; padding:15px 18px 15px 18px; background:#fff}
#content_sl h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}
/*
#caption {background:#fff; position:relative}
#caption div {position:absolute; bottom:0; left:0; width:464px; padding:15px 18px 10px 18px; background:#000; background:rgba(0,0,0,.7)}
#caption h2 {font:18px Georgia,Verdana; margin-bottom:6px; color:#eee}
#caption p {line-height:1.4; color:#aaa}
*/

