@charset "utf-8";
/*상단팝업*/
.top-wide-popups {overflow:hidden;height:0px;background:#f0e8dd url(/_Img/Template/twidepop/twidepop_bg.jpg) repeat center bottom;z-index:2000;}
.top-wide-popups img {max-width:100%;}
.tpop-topwide {position:relative;margin-left:auto;margin-right:auto;max-width:1200px;padding-top:24px;padding-bottom:36px;}
.tpop-list-wrap {max-width:1000px;margin-left:auto;margin-right:auto;overflow:hidden;position:relative;height:150px;}
.tpop-list-wrap ul {width:960px;}
.tpop-list-wrap ul:after {content:"";display:block;clear:both;}

.top-wide-popups button {border:0;}
.top-wide-popups button.btn-prev, .top-wide-popups button.btn-next {position:absolute;display:block;overflow:hidden;top:50%; background:url(/_Img/Template/twidepop/arr_btns_w.png) no-repeat left center; width:50px;height:50px;margin-top:-35px;z-index:400;}
.top-wide-popups button.btn-prev span, .top-wide-popups button.btn-next span {padding-left:50px;overflow:hidden;display:block;}
.top-wide-popups button.btn-prev {left:0px; }
.top-wide-popups button.btn-next {right:0px; background-position:-51px center;}

.top-wpop-btns {min-width:100%;height:30px;position:absolute;right:0;bottom:15px;z-index:200;}
.top-wpop-btns * {vertical-align:center}
.top-wide-popups .close-btns {position:absolute;right:10px;bottom:0;z-index:10;font-size:13px;line-height:1.15em;color:#9faab9;}
.top-wide-popups .close-btns * {vertical-align:middle;}
.top-wide-popups .close-btns button {background:none;cursor:pointer;width:30px;height:30px;background:url(/_Img/Template/twidepop/twidepop_sclose.png) no-repeat 50% 50%;margin-left:5px;}
.wpop-go-btns {padding:7px 10px;text-align:left;}
.wpop-go-btns button {border:0;padding:0;cursor:pointer;}
.wpop-go-btns button, .wpop-go-btns a {width:22px;height:22px;background:url(/_Img/Template/twidepop/arr_btns_w.png) no-repeat;overflow:hidden;margin-right:4px;vertical-align:middle;}
.wpop-go-btns .btn-play {background-position:-108px -23px;}
.wpop-go-btns .btn-stop {background-position:-108px 0;}
.wpop-go-btns button span, .wpop-go-btns a span {white-space:nowrap;padding-left:40px;display:inline-block;cursor:pointer;}
.wpop-go-btns a {background-position:left 0px;}
.wpop-go-btns a:hover, .wpop-go-btns a.over, .wpop-go-btns a.is-over {background-position:left -60px;}
.top-wide-popups .nicons {display:inline-block; height: 16px;}
.top-wide-popups .nicons button {width:20px;height:20px;overflow:hidden;border:0;background:url(/_Img/Template/twidepop/arr_btns_w.png) no-repeat -130px -21px}
.top-wide-popups .nicons button span {padding-left:20px;white-space:nowrap;cursor:pointer;}
.top-wide-popups .nicons button.over, .top-wide-popups .nicons button.is-over {background-position:-130px 0}

.wpop-item {position:absolute;overflow:hidden;border-left:1px dashed #ccc}
.wpop-item.first {left:0;border-left:0;}
.wpop-cont, .wpop-cont > div  {position:relative;display:block;height:100%;margin-left:auto;margin-right:auto;overflow:hidden}
.wpop-cont img {max-width:100%;max-height:100%;}
.wpop-item {width:460px;height:80px;}
.wpop-item.first {left:0;}
.wpop-cont {max-width:400px;}
.wpop-cont .pop-img {display:block;vertical-align:middle;line-height:100px;}

@media all and (min-width:741px) and (max-width:999px){
	.tpop-topwide {min-width:680px;}
	.tpop-list-wrap {max-width:880px;margin-left:30px;margin-right:30px;}

	.wpop-item {width:340px;border:0;}
	.wpop-cont {max-width:320px;}
	.wpop-cont .pop-img {display:block;vertical-align:middle;}
}
@media only screen and (max-width:499px){
	.wpop-item img {width:100%;}
	.tpop-list-wrap {height:100px;}

}