@charset "utf-8";
#container { overflow:hidden; }
#left_contents { float:left; width:512px; }
#right_contents { float:right; width:398px; }
.m_box { margin-bottom:30px; width:100%; height:263px; background:#ffffff; border-radius:10px; box-shadow:1px 2px 1px 0px rgba(0,0,0,0.2); box-sizing:border-box; }
.m_box h3 { color:#303030; font-size:18px; letter-spacing:-1px; font-weight:normal; }
.m_box h3 span { display:block; color:#1d7c64; font-size:22px; font-weight:bold; }
.more_btn { position:absolute; z-index:10; }
.more_btn a { padding-right:13px; color:#505050; background:url('/fleamarket/images/main/more_btn.jpg') no-repeat right center; font-size:14px; font-weight:bold; }
.two_box { overflow:hidden; }

/* left*/
/* Æ˾÷Á¸ */
#popupzone { position:relative; width:510px; height:317px; border-radius:10px; background:#646974; }
#popupzone ul.control { position:absolute; z-index:5; right:12px; top:14px; overflow:hidden; }
#popupzone ul.control li { float:left; margin-left:5px; }
#popupzone .p_btn { display:block; position:absolute; top:276px; left:18px; width:18px; height:18px; text-align:center; line-height:25px; }
#popupzone .p_btn#btn02 { left:36px; }
#popupzone .p_btn#btn03 { left:54px; }
#popupzone .p_img { display:none; }
#popupzone .on .p_img { display:block; }
#popupzone .p_img { position:absolute; z-index:1; top:0; width:510px; height:260px; border-radius:8px 8px 0 0; }
#popupzone .p_img img { width:100%; height:260px; border-radius:8px 8px 0 0; }
#popupzone .p_img span { position:absolute; z-index:5; top:275px; right:20px; display:none; overflow:hidden; width:70%; color:#ffffff; font-size:18px; font-weight:bold; text-align:right; text-overflow:ellipsis; white-space:nowrap; }
#popupzone .on .p_img span { display:block; }

/* °Ô½ÃÆÇ (ÀåÅͼҽÄ, ÀåÅÍ°¶·¯¸®) */
#m_board { position:relative; padding:95px 40px 0 40px; }
#m_board h3 { position:absolute; z-index:1; top:37px; width:160px; height:35px; border:1px solid #dcdcdc; background:linear-gradient(to bottom, #ffffff, #e6e6e6); box-shadow:1px 1px 0 0 #e2e2e2; font-weight:bold; }
#m_board .news h3 { left:40px; border-radius:40px 0 0 40px; border-right:0px; }
#m_board .gallery h3 { left:201px; border-radius:0 40px 40px 0; border-left:0px; }
#m_board h3 a { display:block; line-height:37px; font-size:16px; text-align:center; }
#m_board h3.select a { color:#ffffff; background:#e25848; border-radius:40px; text-shadow:1px 1px rgba(131,29,18,0.7); }
#m_board div .con { display:none; }
#m_board div.news .con ul li a { overflow:hidden; display:inline-block; padding-left:13px; width:70%; background:url('/fleamarket/images/main/board_dot.gif') no-repeat left 8px; text-overflow:ellipsis; white-space:nowrap; }
#m_board div.news .con ul li span { position:absolute; z-index:3; right:40px; }
#m_board div.gallery .con ul { overflow:hidden; }
#m_board div.gallery .con ul li { float:left; margin-left:3%; width:31%; text-align:center; }
#m_board div.gallery .con ul li:first-child { margin-left:0; }
#m_board div.gallery .con ul li img { display:block; padding:5px; width:100%; height:auto; border:1px solid #c0c0c0; box-sizing:border-box; } 
#m_board div.gallery .con ul li span { overflow:hidden; display:block; margin-top:10px; width:100%; text-overflow:ellipsis; white-space:nowrap; }
#m_board .more_btn { top:45px; right:40px; }

/* ¿¬¼ö±¸ ¾Ë¶ã³ª´®ÀåÅÍ ¹Ù·Î°¡±â */
#quick { float:left; padding:25px; width:47%; height:276px; }
#quick ul { overflow:hidden; margin-top:15px; }
#quick ul li { float:left; margin-left:3%; margin-bottom:5%; width:31%; }
#quick ul li span { display:block; color:#2f2f2f; font-size:13px; font-weight:bold; letter-spacing:-1px; text-align:center; }
#quick ul li span.img { overflow:hidden; position:relative; padding:11px 0 0 0; width:100%; height:52px; border-radius:5px; box-sizing:border-box; }
#quick ul li span.img:after { position:absolute; content:''; opacity:0; top:0; left:0; width:100%; height:100%; background:rgba(49,49,49,0.8) url('/fleamarket/images/main/quick_zoom.png') no-repeat center; transition:all 0.2s ease; }
#quick ul li:hover span.img:after { opacity:1; }
#quick ul li.quick01 span.img { padding:9px 0 0 8px; }
#quick ul li.quick01, #quick ul li.quick04 { margin-left:0; }
#quick ul li:nth-child(even) span.img { background:#59a42c; border:1px solid #3b6e1c; }
#quick ul li:nth-child(odd) span.img { background:#e25848; border:1px solid #a53e32; }

/* ±âºÎÀÚ ¸í´Ü */
#donation_list { position:relative; float:right; padding:25px; width:47%; height:276px; background:#ffffff url('/fleamarket/images/main/do_list_bg.jpg') no-repeat right 25px top 13px; }
#donation_list table.do_list { margin-top:15px; width:100%; border-top:2px solid #1d4b22; border-spacing:0; }
#donation_list table.do_list th { text-align:center; padding:3px; border-bottom:1px solid #1d4b22; }
#donation_list table.do_list td { padding:3px 0; text-align:center; font-size:13px; }


/* right */
/* ÀåÅÍ ¿î¿µ ÇöȲ */
#operate { position:relative; padding:25px 30px; width:100%; height:317px; background:#ffffff url('/fleamarket/images/main/operate_bg.jpg') no-repeat right 30px top 20px; }
#operate table { width:100%; margin-top:38px; border-top:2px solid #1d4b22; }
#operate table th { padding:5px; border-top:1px dotted #a5b7a7; text-align:center; }
#operate table td { padding:3px; border-top:1px dotted #a5b7a7; text-align:center; }
#operate table thead th { border-bottom:1px solid #1d4b22; font-weight:bold; }
#operate table tbody th { padding-left:13px; text-align:left; background:url('/fleamarket/images/main/donations_dot.gif') no-repeat 5px 50%; }

/* ±âºÎÇöȲ */
#donations { position:relative; padding:25px 30px; width:100%; height:263px; background:#ffffff url('/fleamarket/images/main/donations_bg03.jpg') no-repeat bottom 10px center; }
#donations .list { padding-bottom:11px; margin-bottom:15px; border-bottom:2px solid #1d4b22;  }
#donations .list p { position:absolute; right:30px; top:30px;  }
#donations .list dl { overflow:hidden; margin-top:15px; }
#donations .list dl dt, #donations .list dl dd { float:left; }
#donations .list dt { float:left; width:57%; padding-left:3%; background:url('/fleamarket/images/main/donations_dot.gif') no-repeat left 50%; }
#donations .list dd { float:right; width:40%; text-align:right; }

/* Á¤ºÎ3.0 */
.gov30.m_box { height:105px; background:#ffffff url('/fleamarket/images/main/gov30.jpg') no-repeat 24px 10px; }
.gov30.m_box a { display:block; width:100%; height:100%; }
.gov30.m_box a span { display:inline-block; margin:60px 0 0 280px; padding:5px 20px; color:#ffffff; border-radius:50px; background:#528e2f; font-size:15px; font-weight:bold; }


/* Àç´É±âºÎ½Åû¹®ÀÇ ¹Ú½º */
#etc_btn { padding:20px 30px 0 30px; width:100%; height:140px; background:#ffffff url('/fleamarket/images/main/btn_box_bg.jpg') no-repeat right 4px top 10px; }
#etc_btn .call { overflow:hidden; padding-bottom:15px; border-bottom:1px solid #e4e4e4; }
#etc_btn .call .tit { float:left; width:30%; border-right:1px solid #e4e4e4; color:#2f2f2f; font-size:20px; font-weight:bold; line-height:25px; letter-spacing:-0.5px; }
#etc_btn .call .tit span { display:block; color:#ec6e7a; font-size:20px; font-weight:bold; }
#etc_btn .call .con { float:right; width:65%; }
#etc_btn .call .con span { display:block; font-weight:bold; }
#etc_btn .call .con .time { color:#383838; font-size:13px; letter-spacing:-0.7px; }
#etc_btn .call .con .num { padding-top:3px; color:#ff2b3a; font-size:27px; letter-spacing:-1px; }
#etc_btn ul { overflow:hidden; margin-top:10px; }
#etc_btn ul li { float:left; /* width:50%; */ width:100%; box-sizing:border-box; }
/* #etc_btn ul li:first-child { border-right:1px solid #e4e4e4; } */
#etc_btn ul li a { padding-left:50px; display:block; color:#2f2f2f; font-size:15px; font-weight:bold; letter-spacing:-0.5px; }
#etc_btn ul li:first-child a { background:url('/fleamarket/images/main/ic_btn01.png') no-repeat left top ; }
#etc_btn ul li:last-child a { padding-left:70px; background:url('/fleamarket/images/main/ic_btn02.png') no-repeat 15px top ; }



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

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

}

@media all and (max-width:941px) {	
	.wrapper { padding:0 15px; }
	#left_contents { float:left; width:49%; }
	#right_contents { float:right; width:49%; }
	.m_box h3 { font-size:17px; }
	.m_box h3 span { font-size:19px; }
	#quick { padding:14px; }
	#donation_list { padding:14px; background:#ffffff; }
	#quick.m_box h3, #donation_list.m_box h3 { font-size:14px; }
	#donation_list table.do_list th { padding:0; font-size:13px; letter-spacing:-2px; }
	#donation_list table.do_list td { font-size:12px; letter-spacing:-1px; ; }
	#m_board h3 { width:28%; }
	#m_board .news h3.select a { border-radius:40px 0 0 40px; }
	#m_board .gallery h3.select a { border-radius:0 40px 40px 0; }
	#m_board .gallery h3 { left:34%; }
	#m_board div.news .con ul li a { width:66%; font-size:13px; }
	#popupzone { width:100%; }
	#popupzone .p_img { width:100%; }
	#popupzone .p_img img { width:100%; }
	.gov30.m_box a span { margin:17% 0 0 68%; }
	#etc_btn ul li a { font-size:14px; }

}

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

}

@media all and (max-width:768px) {
	#left_contents, #right_contents { float:none; width:100%; }
	#popupzone { margin-top:30px; width:100%; height:400px; }
	#popupzone .p_img, #popupzone .p_img img { height:343px; }
	#popupzone .p_img span { top:362px; }
	#popupzone .p_btn { top:359px; }
	.gov30.m_box { background-position:center 10px; }
	.gov30.m_box a span { margin:8% 0 0 75%; }
	.m_box { margin-bottom:15px; }
	.m_box h3 { color:#1d7c64; font-size:17px; font-weight:bold; }
	.m_box h3 span { display:inline; padding-left:10px; font-size:17px; }
	#quick.m_box h3, #donation_list.m_box h3 { color:#1d7c64; font-size:17px; font-weight:bold; }
	#donations.m_box h3 span { padding-left:0; }
	#m_board { padding:95px 40px 40px 40px; height:auto; }
	#quick { padding:25px; width:100%; height:auto; }
	#quick ul li { width:14%; margin-bottom:0; }
	#quick ul li.quick04 { margin-left:3%; }
	#donation_list { padding:25px; width:100%; height:auto; }
	#donation_list table.do_list th { padding:3px; }
	#operate { height:auto; background:#ffffff; }
	#operate table { margin-top:18px; }
	#etc_btn ul li { text-align:center; }
	#etc_btn ul li a { display:inline-block; }

}

@media all and (max-width:640px) {  
	#popupzone { height:317px; }
	#popupzone .p_img, #popupzone .p_img img { height:260px; } 
	#popupzone .p_img span { top:279px; }
	#popupzone .p_btn { top:276px; }
}

@media all and (max-width:480px) {
	#m_board { padding:95px 25px 25px 25px; }
	#m_board h3 { width:30%; }
	#m_board .news h3 { left:25px; }
	#m_board .gallery h3 { left:37%; }
	#m_board h3 a { font-sizE:14px; }
	#m_board div.news .con ul li a { width:95%; }
	#m_board div.news .con ul li span { display:none; }
	#quick ul li { float:left; margin-left:3%; margin-bottom:5%; width:31%; }
	#quick ul li.quick01, #quick ul li.quick04 { margin-left:0; }
	#operate table thead th { font-size:13px; }
	#donations { height:auto; background:#ffffff; }
	#donations .list { padding:0; bottom:0; border:0; }
	.gov30.m_box { background-size:70%; background-position:center; }
	.gov30.m_box a span { margin:17% 0 0 60%; }
	#etc_btn { height:auto; padding:20px 30px; }
	#etc_btn .call { text-align:center; }
	#etc_btn .call .tit { width:100%; font-size:20px; }
	#etc_btn .call .tit span { display:inline; font-size:20px; }
	#etc_btn .call .con { width:100%;  }
	#etc_btn ul li:first-child a, #etc_btn ul li:last-child a { background-position:center top !important; }
	#etc_btn ul li a { padding-top:30px; padding-left:0 !important; }
}