@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* 알뜰나눔장터란 */
.introduce .top .tit { color:#444444; font-size:30px; font-family: 'Nanum Myeongjo', serif; font-weight:bold; }
.introduce .top .tit .fill { font-family: 'Nanum Myeongjo', serif; }
.introduce .top .sub { color:#777777; font-size:19px; font-weight:bold; }
.introduce .top .sub span { color:#1d7d65; }
#detail_con .finger_step { overflow:hidden; margin-top:40px; }
#detail_con .finger_step li { float:left; padding-bottom:50px; border-bottom:2px solid #ff9898; box-sizing:border-box; background-repeat:no-repeat; background-position:right bottom; }
#detail_con .finger_step li.step01 { background-image:url('/fleamarket/images/sub/step01.jpg'); }
#detail_con .finger_step li.step02 { background-image:url('/fleamarket/images/sub/step02.jpg'); }
#detail_con .finger_step li.step03 { background-image:url('/fleamarket/images/sub/step03.jpg'); }
#detail_con .finger_step li.step04 { background-image:url('/fleamarket/images/sub/step04.jpg'); }
#detail_con .finger_step li.step05 { background-image:url('/fleamarket/images/sub/step05.jpg'); }
#detail_con .finger_step li span { display:block; color:#444444; font-size:14px; font-weight:bold; letter-spacing:-0.5px; }
#detail_con .finger_step.line_one { margin-top:0; }
#detail_con .finger_step.line_one li { padding:30px 0 10px 55px; background-position:left bottom; }
#detail_con .finger_step.col4 li { margin-right:1%; width:24%; }
#detail_con .finger_step.col4 li:last-child { margin-right:0%; }
#detail_con .finger_step.col3 li { margin-right:3%; width:31%; }
#detail_con .finger_step.col3 li:nth-child(3), #detail_con .finger_step.col3 li:last-child { margin-right:0%; }
/* 재능기부신청 */
.talent_top { margin-top:10px; font-size:28px !important; color:#555555; text-align:center; letter-spacing:-0.5px; font-family: 'Nanum Myeongjo', serif; font-weight:bold; }
.talent_top .fill, .talent_top .fill2 { font-family: 'Nanum Myeongjo', serif;  }

/*****************************************************************************************************************************************************************************************/ 

@media all and (min-width:942px) {	

}

@media all and (max-width:941px) {	

}

@media all and (min-width:769px) {

}

@media all and (max-width:768px) {
	.introduce .top .tit { font-size:22px; font-weight:bold; }
	.introduce .top .sub { font-size:17px; }
	#detail_con .finger_step { margin-top:20px; }
	#detail_con .finger_step li { float:none; padding:20px 0 10px 60px;  width:100% !important; background-position:left bottom; }
	#detail_con .finger_step li span { display:inline; }
}

@media all and (max-width:640px) {	
	.talent_top { font-size:18px !important; }
}

@media all and (max-width:480px) {

}