@charset "utf-8";

/* 메인페이지 스타일만 정의 */

/*mainBody클래스명 들어갈때*/
.mainBody header {top:120px;}

.mainBody .topSeason {height:120px; background-repeat:no-repeat; background-position:top center; background-size:cover;}

.mainBody .topSeason>div {max-width:1200px; width:100%; height:120px; margin:0 auto; display:table;}
.mainBody .topSeason>div p {text-align:center; font-family:"gyeonggi"; font-size:42px; display:table-cell; vertical-align:middle; letter-spacing:-1px;}

/*각각의 스타일값::시즌별*/
.mainBody .topSeason.spring {background-image:url(../images/main/topSeason_spring.jpg);} /*시즌1*/
.mainBody .topSeason.summer {background-image:url(../images/main/topSeason_summer.jpg); background-position:center;} /*시즌2*/
.mainBody .topSeason.autumn {background-image:url(../images/main/topSeason_autumn.jpg);} /*시즌3*/
.mainBody .topSeason.winter {background-image:url(../images/main/topSeason_winter.jpg);} /*시즌4*/

.mainBody .topSeason>div p br {display:none;}

/*각각의 스타일값::번외*/
.mainBody .topSeason.spring>div p {color:#8fbf13;} /*2019봄*/

.mainBody .topSeason.summer>div p {color:#50bbff; text-shadow:1px 1px 1px rgba(0,0,0,.05);} /*2019여름*/
.mainBody .topSeason.summer>div p>span {color:#0f8dff;}

/* .mainBody .topSeason.purple190528 {background-image:url(../images/main/topSeason_190528.jpg); background-position:bottom;}*/ /*2019보라색꽃*/
.mainBody .topSeason.purple190528 {background-image:url(../images/main/topSeason_250414.jpg); background-position:bottom;} /*2025파란색꽃*/
.mainBody .topSeason.purple190528>div p {color:#0292ff;}

/*.mainBody .topSeason.purple190528>div p {color:#96a63c; text-shadow:1px 1px 1px rgba(0,0,0,.05);}
.mainBody .topSeason.purple190528>div p>span {color:#a04ede;}*/
.mainBody .topSeason.purple190528>div p>b {font-size:1.3em;font-weight:inherit; color:#03a9f4;}

.mainBody .topSeason.autumn190930 {background-image:url(../images/main/topSeason_190930.jpg); background-position:bottom;} /*2019가을*/
.mainBody .topSeason.autumn190930>div p {color:#6f3800; text-shadow:1px 1px 1px rgba(0,0,0,.05);}
.mainBody .topSeason.autumn190930>div p>span {color:#bf4100;}

.mainBody .topSeason.autumn200102 {background-image:url(../images/main/topSeason_200102.jpg); background-position:bottom;}
.mainBody .topSeason.autumn200102>div p {color:#fff;}
.mainBody .topSeason.autumn200102>div p>span {color:#f34a4a;}

/*.main 공통*/
.main {margin-top:80px;}

.main>.box>.in {position:relative; display:block; width:100%; max-width:1200px; margin:0 auto; overflow:hidden;}


/* -------------------- 1:: -------------------- */
.box.notice {background:#f0f5fb; padding:50px 0;}
.box.notice .in>div {float:left; width:50%; height:380px;}
.box.notice .in>div.tabZone {padding-right:10px;}

.box.notice .in>div.tabZone>div,
.box.notice .in>div.popupZone {box-shadow:5px 5px 5px rgba(0,0,0,.1);}

.box.notice .in>div.popupZone ul li a.border {border:1px solid #ddd;} /*팝업존::보더값*/

/*탭::메인*/
.tab_main .cateWrap {overflow:hidden;}
.tab_main .cateWrap>a {float:left; width:33.3%; padding:20px 0; text-align:center; background:#9eca2c; color:#fff; font-size:18px; font-weight:400;}
.tab_main .cateWrap>a+a {border-left:1px solid rgba(255,255,255,.3);}
.tab_main .cateWrap>a.on {background:#fff; color:#9eca2c;}
.tab_main .listWrap {background:#fff; padding:40px; height:306px;}
.tab_main .listWrap .list2, .tab_main .listWrap .list3 {display:none;}
.tab_main .listWrap div[class^="list"] ul li {position:relative;}
.tab_main .listWrap div[class^="list"] ul li+li {margin-top:5px;}
.tab_main .listWrap div[class^="list"] ul li:before {content:""; position:absolute; top:14px; left:0; display:block; background:#000; width:2px; height:2px;}
.tab_main .listWrap div[class^="list"] ul li a {font-size:16px; color:#000; padding-left:10px; padding-right:100px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tab_main .listWrap div[class^="list"] ul li a:hover {text-decoration:underline !important;}
.tab_main .listWrap div[class^="list"] ul li>.date {position:absolute; top:0; right:0; font-size:16px; color:#999;}

/* 201910 more버튼추가 ---------- */
.style201910 .tabZone .tab_main .cateWrap>a {position:relative; text-align:left !important; padding:20px 30px;}
.style201910 .tabZone .tab_main .cateWrap>a>button {
	position:absolute; top:20px; right:20px;
	width:30px; height:30px; border:0;
	background:url(../images/main/more_tab.png)no-repeat center;
	cursor:pointer;
}

/* .style201910 .tabZone .tab_main .cateWrap>a:active>button {background:url(../images/main/more_tab_on.png)no-repeat center;} */
.style201910 .tabZone .tab_main .cateWrap>a.on>button {
	position:absolute; top:20px; right:20px;
	width:30px; height:30px; border:0;
	background:url(../images/main/more_tab_on.png)no-repeat center;
}
/* ---------- 201910 more버튼추가 */


/* -------------------- 2:: -------------------- */
/*식단표*/
.box.menu {background:#2bbcd0; height:94px;}
.box.menu .in {padding:30px 0;}
.box.menu .in>* {float:left;}
.box.menu .in h3 {width:20%;}
.box.menu .in ul {width:80%; padding:0 50px;}

.box.menu .in h3>* {display:inline-block; vertical-align:middle;}
.box.menu .in h3 span {font-size:22px; font-weight:700; color:#fff; margin-right:10px;}
.box.menu .in h3 a {padding:10px 20px; background:#fff; color:#2bbcd0; font-size:14px; font-weight:400; border-radius:30px; line-height:1;}

.box.menu .in ul {background:url(../images/main/i_menu.png)no-repeat 40px 13px;}
.box.menu .in ul li {float:left; color:#fff; font-size:18px; margin-right:40px;}
.box.menu .in ul li:last-child {margin-right:0;}

/*퀵메뉴*/
.box.quick {border-bottom:1px solid #e6e8ea;}
.box.quick .in {display:table;}
.box.quick .in>div {display:table-cell; vertical-align:top; width:16.6%; border-left:1px solid #e6e8ea; text-align:center;}
.box.quick .in>div:last-child {border-right:1px solid #e6e8ea;}
.box.quick .in>div>a {
	display:inline-block; padding:140px 30px 30px; font-size:18px; font-weight:400; color:#000; line-height:1.2;
	background-repeat:no-repeat; background-position:center 30px; background-color:#fff;
}

.box.quick .in>div:nth-child(1)>a {background-image:url(../images/main/i_use.png);}
.box.quick .in>div:nth-child(2)>a {background-image:url(../images/main/i_space.png);}
.box.quick .in>div:nth-child(3)>a {background-image:url(../images/main/i_volunteer.png);}
.box.quick .in>div:nth-child(4)>a {background-image:url(../images/main/i_sponsor.png);}
.box.quick .in>div:nth-child(5)>a {background-image:url(../images/main/i_shuttle.png);}
.box.quick .in>div:nth-child(6)>a {background-image:url(../images/main/i_location.png);}



/* -------------------- 3:: -------------------- */
.box.news .in {padding:50px 0;}
.box.news .in>div {float:left;}
.box.news .in .pressWrap {width:66.4%;}
.box.news .in .businessWrap {width:33.6%; height:448px;}

/* 언론속복지관모습 */
.box.news .in .pressWrap {padding-right:50px;}
.box.news .in .pressWrap h3 {font-size:22px; font-weight:400; color:#000; position:relative;}
.box.news .in .pressWrap h3 a {position:absolute; top:0; right:0; width:30px; height:30px; background:url(../images/main/more.jpg)no-repeat center;}
.box.news .in .pressWrap ul {overflow:hidden; margin-top:30px; height:396px;}
.box.news .in .pressWrap ul li {float:left; width:100%;}
.box.news .in .pressWrap ul li+li {margin-top:30px;}
.box.news .in .pressWrap ul li a {display:inline-block; width:100%;}
.box.news .in .pressWrap ul li a:hover .con .content {text-decoration:underline !important;}
.box.news .in .pressWrap ul li a>* {float:left; line-height:1.6;}
.box.news .in .pressWrap ul li a .img {width:20%;}
.box.news .in .pressWrap ul li a .con {width:80%; padding-left:30px;}
.box.news .in .pressWrap ul li a .con .tit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000; font-size:16px; font-weight:500;}
.box.news .in .pressWrap ul li a .con .content {margin-top:5px; color:#666; font-size:16px; height:50px; overflow:hidden;}
.box.news .in .pressWrap ul li a .con span {display:inline-block; color:#999; font-size:14px; line-height:1;}

/*사업마당*/
.businessWrap.slider ul li>.business {
	padding:40px; height:448px; background-position:center; background-size:cover; background-repeat:no-repeat;
}
.businessWrap.slider ul li:nth-child(1)>div {background-image:url(../images/slider/business01.jpg);}
.businessWrap.slider ul li:nth-child(2)>div {background-image:url(../images/slider/business02.jpg);}
.businessWrap.slider ul li:nth-child(3)>div {background-image:url(../images/slider/business03.jpg);}
.businessWrap.slider ul li:nth-child(4)>div {background-image:url(../images/slider/business04.jpg);}
.businessWrap.slider ul li:nth-child(5)>div {background-image:url(../images/slider/business05.jpg);}
.businessWrap.slider ul li>.business .fixPart {position:relative;}
.businessWrap.slider ul li>.business .fixPart>span {display:inline-block; width:100%; line-height:1; color:#fff;}
.businessWrap.slider ul li>.business .fixPart>span {width:auto; padding-bottom:10px; border-bottom:1px solid #fff; font-weight:400;}
.businessWrap.slider ul li>.business .fixPart>span>span {position:absolute; top:0; right:0; font-size:36px; font-weight:700; letter-spacing:-1px;}
.businessWrap.slider ul li>.business .catePart {margin-top:60px;}
.businessWrap.slider ul li>.business .catePart .tit {font-size:36px; font-weight:700; color:#ffe400; line-height:1; margin-bottom:30px;}
.businessWrap.slider ul li>.business .catePart .con {font-size:16px; color:#fff; line-height:1.6; height:130px; overflow:hidden;}
.businessWrap.slider ul li>.business>a.link {
	position:absolute; bottom:40px; left:40px; z-index:1;
	display:inline-block; line-height:40px; padding:0 35px; width:auto !important; height:40px !important;
	border:1px solid #fff; color:#fff; font-size:12px; cursor:pointer !important;
}
/* .businessWrap.slider ul li>.business>a:hover {background-color:#fff !important;} */



/* -------------------- 4:: -------------------- */
.box.sns .in {padding:35px; background:#5b8be4 url(../images/main/bg_sns.png)no-repeat center bottom; font-weight:500; text-align:center;}
.box.sns .in p {color:#fff; font-size:20px;}
.box.sns .in div {margin-top:10px;}
.box.sns .in div a {font-size:16px; color:#5b8be4; display:inline-block; background:#fff; border-radius:30px; line-height:1; padding:10px 20px; margin:0 10px;}



/* -------------------- 5:: -------------------- */
/*배너롤링*/
.rollBanner {position:relative; max-width:1200px; height:40px; margin:35px auto; padding:0; overflow:hidden;}
.rollBanner ul {z-index:0; position:absolute; left:0; top:0; padding:0 0 0 100px; font-size:0; line-height:0; white-space:nowrap; max-width:100%;}
.rollBanner li {display:inline-block; opacity:1;}
.rollBanner img {height:40px; width:auto; margin-right:50px;}

.rollBanner .btnWrap {z-index:10; position:absolute; top:0; left:0; width:80px; height:40px; background:#fff; font-size:0; line-height:0;}
.rollBanner .btnWrap a {
	display:inline-block; height:40px; width:40px; background-color:#fff; cursor:pointer;
	background-repeat:no-repeat; background-position:center;
}
.rollBanner .btnWrap a {box-shadow:none;}
.rollBanner .btnWrap a.on {box-shadow:inset 0 0 3px rgba(0,0,0,.1) !important;}
.rollBanner .btnWrap a.play {background-image:url(../images/main/icon_play.png); border:1px solid #e5e5e5;}
.rollBanner .btnWrap a.on.play {background-image:url(../images/main/icon_play.png); background-color:#f6f6f6;}
.rollBanner .btnWrap a.stop {background-image:url(../images/main/icon_stop.png); border:1px solid #e5e5e5; border-left:0;}
.rollBanner .btnWrap a.on.stop {background-image:url(../images/main/icon_stop.png); background-color:#f6f6f6;}





/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	
	.mainBody .topSeason {margin-top:60px;}
	.main {margin-top:0;}
	.mainBody .topSeason>div p {font-size:32px; line-height:1.2;}
	
	
	/* -------------------- 1:: -------------------- */
	.box.notice {padding:0;}
	.box.notice .in>div {float:none; width:100%; height:380px;}
	.box.notice .in>div.tabZone {padding-right:0; height:auto;}

	.box.notice .in>div.tabZone>div,
	.box.notice .in>div.popupZone {box-shadow:none;}
	
	/*탭::메인*/
	.tab_main .listWrap {padding:30px; height:auto;}
	
	/* -------------------- 2:: -------------------- */
	/*식단표*/
	.box.menu {height:auto;}
	.box.menu .in {padding:30px 0 40px;}
	.box.menu .in h3 {width:100%; padding:0 30px;}
	.box.menu .in ul {width:100%; padding:20px 30px 0 40px;}

	.box.menu .in h3 span {margin-right:10px;}

	.box.menu .in ul {background:url(../images/main/i_menu.png)no-repeat 30px 33px;}
	.box.menu .in ul li {margin-right:15px; font-size:16px;}

	/*퀵메뉴*/
	.box.quick {border-bottom:0;}
	.box.quick .in>div {display:inline-block; width:33.3%; border-bottom:1px solid #e6e8ea;}
	.box.quick .in>div:last-child {border-right:0;}
	.box.quick .in>div>a {
		padding:120px 30px 30px; font-size:16px; font-weight:400; color:#000;
		background-size:80px;
		background-repeat:no-repeat; background-position:center 30px; background-color:#fff;
	}
	
	
	/* -------------------- 3:: -------------------- */
	.box.news .in {padding:30px 0 0;}
	.box.news .in>div {float:none;}
	.box.news .in .pressWrap {width:100%;}
	.box.news .in .businessWrap {width:100%; height:360px;}

	/* 언론속복지관모습 */
	.box.news .in .pressWrap {padding:0 30px 30px;}
	.box.news .in .pressWrap h3 {font-size:22px; font-weight:400; color:#000; position:relative;}
	.box.news .in .pressWrap h3 a {position:absolute; top:0; right:0; width:30px; height:30px; background:url(../images/main/more.jpg)no-repeat center;}
	.box.news .in .pressWrap ul {overflow:hidden; margin-top:30px; height:auto;}
	.box.news .in .pressWrap ul li {float:left; width:100%;}
	.box.news .in .pressWrap ul li+li {margin-top:30px;}
	.box.news .in .pressWrap ul li a {display:inline-block; width:100%;}
	.box.news .in .pressWrap ul li a:hover .con .content {text-decoration:underline !important;}
	.box.news .in .pressWrap ul li a>* {float:left; line-height:1.6;}
	.box.news .in .pressWrap ul li a .img {width:20%;}
	.box.news .in .pressWrap ul li a .con {width:80%; padding-left:30px; height:100px;}
	.box.news .in .pressWrap ul li a .con .tit {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#000; font-size:16px; font-weight:500;}
	.box.news .in .pressWrap ul li a .con .content {margin-top:5px; color:#666; font-size:16px; height:50px; overflow:hidden;}
	.box.news .in .pressWrap ul li a .con span {display:inline-block; color:#999; font-size:14px; line-height:1;}

	/*사업마당*/
	.businessWrap.slider ul li>.business {
		padding:30px 30px 130px; height:auto; background-position:center; background-size:cover; background-repeat:no-repeat;
		background-image:url(../images/slider/business01.jpg);
	}
	/* .businessWrap.slider ul li:nth-child(1)>div {background-image:url(../images/slider/business01.jpg);} */
	.businessWrap.slider ul li>.business .fixPart {position:relative;}
	.businessWrap.slider ul li>.business .fixPart>span {display:inline-block; width:100%; line-height:1; color:#fff;}
	.businessWrap.slider ul li>.business .fixPart>span {width:auto; padding-bottom:10px; border-bottom:1px solid #fff; font-weight:400;}
	.businessWrap.slider ul li>.business .fixPart>span>span {position:absolute; top:0; right:0; font-size:30px; font-weight:700; letter-spacing:-1px;}
	.businessWrap.slider ul li>.business .catePart {margin-top:30px;}
	.businessWrap.slider ul li>.business .catePart .tit {font-size:30px; font-weight:700; color:#ffe400; line-height:1; margin-bottom:20px;}
	.businessWrap.slider ul li>.business .catePart .con {font-size:16px; color:#fff; line-height:1.6; height:100px; overflow:hidden;}
	.businessWrap.slider ul li>.business>a.link {
		position:absolute; bottom:30px; left:30px;
		display:inline-block; line-height:40px; padding:0 35px; width:auto !important; height:40px !important;
		border:1px solid #fff; color:#fff; font-size:14px; cursor:pointer !important;
	}
	
	
	/* -------------------- 4:: -------------------- */
	.box.sns .in {padding:25px; background:#5b8be4 url(../images/main/bg_sns.png)no-repeat center bottom; background-size:contain !important; font-weight:500; text-align:center;}
	.box.sns .in p {text-align:center; color:#fff; font-size:18px; font-weight:500;}	
	.box.sns .in div {margin-top:10px;}
	.box.sns .in div a {font-size:16px; color:#5b8be4; display:inline-block; background:#fff; border-radius:30px; line-height:1; padding:10px 20px; margin:0 10px;}
	
	
	/* -------------------- 5:: -------------------- */
	/*배너롤링*/
	.rollBanner {position:relative; max-width:100%; height:35px; margin:25px auto; padding:0; overflow:hidden;}
	.rollBanner ul {z-index:0; position:absolute; padding:0 30px 0 130px; font-size:0; line-height:0; white-space:nowrap; max-width:100%;}
	.rollBanner li {display:inline-block;}
	.rollBanner img {height:35px; width:auto; margin-right:50px;}

	.rollBanner .btnWrap {z-index:10; position:absolute; top:0; left:30px; width:80px; height:35px; background:#fff; font-size:0; line-height:0;}
	.rollBanner .btnWrap a {
		display:inline-block; height:35px; width:35px; background-color:#fff; cursor:pointer;
		background-repeat:no-repeat; background-position:center;
	}
	
}





/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* body {border:10px solid red;} */
	.mainBody .topSeason>div p {font-size:28px;}
	.mainBody .topSeason>div p br {display:block;}
	
	/*각각의 스타일값::번외*/
	.mainBody .topSeason.autumn190930 {background-position:right bottom;} /*2019가을*/
	.mainBody .topSeason.autumn190930>div {padding:0 20px;}
	.mainBody .topSeason.autumn190930>div>* {text-align:left;}
	.mainBody .topSeason.autumn190930>div p {color:#6f3800; text-shadow:1px 1px 1px rgba(0,0,0,.05);}
	.mainBody .topSeason.autumn190930>div p>span {color:#bf4100;}
	
	/* -------------------- 1:: -------------------- */

	/*탭::메인*/
	.tab_main .listWrap {height:286px;}
	.tab_main .listWrap div[class^="list"] ul li a {padding-right:0;}
	.tab_main .listWrap div[class^="list"] ul li>.date {display:none;}
	
	/* 201910 more버튼추가 ---------- */
	.style201910 .tabZone .tab_main .cateWrap {display:table; width:100%;}
	.style201910 .tabZone .tab_main .cateWrap>a {display:table-cell; width:33.3%; float:initial; position:relative; text-align:left !important; padding:15px 50px 15px 20px; font-size:18px; font-weight:500; letter-spacing:-1px; line-height:1.2;}
	.style201910 .tabZone .tab_main .cateWrap>a>button,
	.style201910 .tabZone .tab_main .cateWrap>a.on>button {top:10px; right:10px; background-size:25px; cursor:pointer;}
	
	
	
	/* -------------------- 2:: -------------------- */
	
	/*퀵메뉴*/
	.box.quick {border-bottom:0;}
	.box.quick .in>div {width:50%; border-bottom:1px solid #e6e8ea;}
	.box.quick .in>div:last-child {border-right:0;}
	.box.quick .in>div>a {
		padding:100px 30px 20px; font-size:16px; font-weight:400; color:#000;
		background-size:80px;
		background-repeat:no-repeat; background-position:center 20px; background-color:#fff;
	}
	
	
	
	/* -------------------- 3:: -------------------- */
	.box.news .in {padding:30px 0 0;}
	.box.news .in>div {float:none;}
	.box.news .in .pressWrap {width:100%;}
	.box.news .in .businessWrap {width:100%; height:335px;}

	/* 언론속복지관모습 */
	.box.news .in .pressWrap {padding:0 30px 30px;}
	.box.news .in .pressWrap h3 {font-size:20px; font-weight:400; color:#000; position:relative;}
	.box.news .in .pressWrap ul li a .img {width:100%; height:220px !important;}
	.box.news .in .pressWrap ul li a .con {width:100%; padding-left:0; margin-top:10px; height:100px;}

	/*사업마당*/
	.businessWrap.slider ul li>.business {
		padding:30px 30px 120px; height:auto; background-position:center; background-size:cover; background-repeat:no-repeat;
		background-image:url(../images/slider/business01.jpg);
	}
	/* .businessWrap.slider ul li:nth-child(1)>div {background-image:url(../images/slider/business01.jpg);} */
	.businessWrap.slider ul li>.business .fixPart {position:relative;}
	.businessWrap.slider ul li>.business .fixPart>span {display:inline-block; width:100%; line-height:1; color:#fff;}
	.businessWrap.slider ul li>.business .fixPart>span {width:auto; padding-bottom:10px; border-bottom:1px solid #fff; font-weight:400;}
	.businessWrap.slider ul li>.business .fixPart>span>span {position:absolute; top:0; right:0; font-size:26px; font-weight:700; letter-spacing:-1px;}
	.businessWrap.slider ul li>.business .catePart {margin-top:20px;}
	.businessWrap.slider ul li>.business .catePart .tit {font-size:26px; font-weight:700; color:#ffe400; line-height:1; margin-bottom:20px;}
	.businessWrap.slider ul li>.business .catePart .con {font-size:15px; color:#fff; line-height:1.4; height:87px; overflow:hidden;}
	.businessWrap.slider ul li>.business>a.link {
		position:absolute; bottom:50px; left:30px;
		display:inline-block; line-height:40px; padding:0 35px; width:auto !important; height:40px !important;
		border:1px solid #fff; color:#fff; font-size:14px; cursor:pointer !important;
	}
	
	
	/* -------------------- 4:: -------------------- */
	.box.sns .in {padding:25px; background:#5b8be4 url(../images/main/bg_sns.png)no-repeat center bottom; background-size:contain !important; font-weight:500; text-align:center;}
	.box.sns .in p {text-align:center; color:#fff; font-size:18px; font-weight:500;}	
	.box.sns .in div {margin-top:10px;}
	.box.sns .in div a {font-size:14px; color:#5b8be4; display:inline-block; background:#fff; border-radius:30px; line-height:1; padding:10px 15px; margin:0 5px;}
	
	
	/* -------------------- 5:: -------------------- */
	/*배너롤링*/
	.rollBanner {position:relative; max-width:100%; height:35px; margin:25px auto; padding:0; overflow:hidden;}
	.rollBanner ul {z-index:0; position:absolute; padding:0 30px 0 130px; font-size:0; line-height:0; white-space:nowrap; max-width:100%;}
	.rollBanner li {display:inline-block;}
	.rollBanner img {height:35px; width:auto; margin-right:50px;}

	.rollBanner .btnWrap {z-index:10; position:absolute; top:0; left:30px; width:80px; height:35px; background:#fff; font-size:0; line-height:0;}
	.rollBanner .btnWrap a {
		display:inline-block; height:35px; width:35px; background-color:#fff; cursor:pointer;
		background-repeat:no-repeat; background-position:center;
	}

}