@charset "utf-8";
#container { overflow:hidden; padding-bottom:77px; margin-bottom:50px; }
.btn a { display:block; }
.btn:hover a { color:#ffffff; }
/* leftmenu */
#leftmenu { float:left; width:185px;  }
#leftmenu h2 { margin-bottom:3px; width:100%; height:115px; border-radius:5px; background:#4ba18b url('/fleamarket/images/sub/left_tit_arrow.png') no-repeat center 80px; box-shadow:0px 3px 0px 0px #58756d; }
#leftmenu h2 span { display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center 20px; text-indent:-9999px; }
#leftmenu.leftmenu01 h2 span { background-image:url('/fleamarket/images/sub/lmenu_tit01.jpg'); }
#leftmenu.leftmenu02 h2 span { background-image:url('/fleamarket/images/sub/lmenu_tit02.jpg'); }
#leftmenu.leftmenu03 h2 span { background-image:url('/fleamarket/images/sub/lmenu_tit03.jpg'); }
#leftmenu.leftmenu04 h2 span { background-image:url('/fleamarket/images/sub/lmenu_tit04.jpg'); }
#leftmenu>ul>li { border-bottom:1px solid #e5e5e5; }
#leftmenu>ul>li>a { display:block; padding:13px 0 13px 34px; color:#383838; background:url('/fleamarket/images/sub/lmenu_off.png') no-repeat 12px 23px; font-size:16px; font-weight:bold; letter-spacing:-0.5px; }
#leftmenu>ul>li.select>a { color:#1d7d65; background:url('/fleamarket/images/sub/lmenu_on.png') no-repeat 12px 17px; }
#leftmenu>ul>li>ul { display:none; padding:0px 15px 0px 23px; background:#f9f9f9; }
#leftmenu>ul>li>ul>li { border-top:1px dotted #cccccc; }
#leftmenu>ul>li>ul>li:first-child { border-top:0; }
#leftmenu>ul>li>ul>li>a { display:block; padding:6px 0; color:#333333; font-size:13px; font-weight:bold; }
#leftmenu>ul>li>ul>li.select>a { text-decoration:underline; }
#leftmenu #lmenu_call { margin-top:47px; padding:20px; width:100%; height:204px; background:#ffffff url('/fleamarket/images/sub/left_call_bg.jpg') no-repeat right bottom; border-radius:5px; box-shadow:1px 2px 1px 0px rgba(0,0,0,0.2); box-sizing:border-box; }
#leftmenu #lmenu_call .tit { padding-bottom:10px; color:#2f2f2f; border-bottom:1px solid #e5e5e5; font-size:18px; font-weight:800; text-align:center; letter-spacing:-1px; }
#leftmenu #lmenu_call .tit span { color:#e25848; }
#leftmenu #lmenu_call .call { margin-top:15px; }
#leftmenu #lmenu_call .call span { display:block; letter-spacing:-1px; text-align:center; }
#leftmenu #lmenu_call .call span:first-child { margin-bottom:5px; color:#383838; font-size:13px; }
#leftmenu #lmenu_call .call span:last-child { color:#333333; font-size:22px; }

/*contents*/
#contents { float:right; margin-right:1px; padding:0 35px; width:730px; background:#ffffff; border-radius:5px; box-shadow:1px 3px 1px 0px rgba(0,0,0,0.1); box-sizing:border-box; }
#contents .sub_title { position:relative; height:100px; padding:30px 0 0 0; background:url('/fleamarket/images/sub/sub_title_bg.jpg') no-repeat right bottom; border-bottom:1px solid #c1c1c1; }
#contents .sub_title ol { overflow:hidden; }
#contents .sub_title ol li { position:relative; float:left; margin-left:9px; padding-left:12px; font-size:14px; }
#contents .sub_title ol li.home { margin-left:0; padding-left:0; width:12px; background:url('/fleamarket/images/sub/icon_home.gif') no-repeat left 50%; text-indent:-999px; }
#contents .sub_title ol li.home:after { display:none; }
#contents .sub_title ol li:after { position:absolute; z-index:1; left:0; top:5px; content:''; display:block; width:7px; height:13px; background:url('/fleamarket/images/sub/location_arrow.jpg') no-repeat; }
#contents .sub_title ol li.now { font-weight:bold; }
#contents .sub_title h3 { margin-top:5px; font-size:35px; }
#contents .sub_title .sns { position:absolute; z-index:1; top:33px; right:0px; }
#contents .sub_title .sns li { float:left; margin-right:6px; }
#contents .sub_title .sns li.print { margin-right:0px; }
#contents .sub_title .sns li a { display:block; width:29px; height:28px; text-indent:-9999px; transition:all 0.2s ease; }
#contents .sub_title .sns li.sns01 a { background:url('/dong/images/sub/ic_facebook.jpg') no-repeat; }
#contents .sub_title .sns li.sns02 a { background:url('/dong/images/sub/ic_twitter.jpg') no-repeat; }
#contents .sub_title .sns li.sns03 a { background:url('/dong/images/sub/ic_blog.jpg') no-repeat; }
#contents .sub_title .sns li.sns04 a { background:url('/dong/images/sub/ic_kakao.jpg') no-repeat; }
#contents .sub_title .sns li.favorite a { background:url('/dong/images/sub/ic_favorite.jpg') no-repeat; }
#contents .sub_title .sns li.print a { background:url('/dong/images/sub/ic_print.jpg') no-repeat; }
#contents .sub_title .sns li a:hover { background-position:0px -28px; transition:all 0.2s ease; }
#contents #detail_con { margin-top:20px; }


#detail_con h4 { margin-top:50px; color:#366e3d; background:url('/fleamarket/images/sub/h4_bg.jpg') repeat-x left 15px; font-size:21px; font-weight:bold; line-height:21px; }
#detail_con h4:first-child { margin-top:20px; }
#detail_con h4 span { padding-right:6px; background:#ffffff; }
#detail_con .phara { margin-bottom:50px; }
#detail_con .para01 { margin:15px 0 35px 10px; }
#detail_con .para02 { margin:7px 0 0 10px; }
#detail_con .para03 { margin:5px 0 10px 0px; }
#detail_con .para04 { margin:15px 0 35px 15px; }
#detail_con .sblet { padding-left:18px; color:#33673a; background:url('/fleamarket/images/sub/ic_sblet.jpg') no-repeat left 7px; font-size:16px; font-weight:bold; }
#detail_con .ssblet { padding:2px 0 2px 10px; color:#222222; background:url('/fleamarket/images/sub/ic_ssblet.jpg') no-repeat left 10px; font-size:14px; }
#detail_con .sssblet { padding-left:10px; color:#666666; background:url('/fleamarket/images/sub/ic_sssblet.jpg') no-repeat left 9px; font-size:13px; }
#detail_con .link { padding-right:15px; color:#bf1d1d; background:url('/fleamarket/images/sub/link_on.jpg') no-repeat right 1px; font-size:13px; font-weight:bold; text-decoration:underline; }
#detail_con .link:hover { color:#333333; background:url('/fleamarket/images/sub/link_off.jpg') no-repeat right 1px; }
#detail_con .map { border:1px solid #dddddd; }
#detail_con .design_area { padding:25px 0; background:#bf1d1d; color:#ffffff; font-size:24px; font-weight:bold; text-align:center; }
#detail_con .wfont_red { color:#bf1d1d; font-weight:bold; }
#detail_con .txt_box { padding:20px; background:#fbfbfb; border:3px solid #eeeeee; font-size:14px; }
#detail_con .fill { padding:0 5px; color:#ffffff; background:#1d7d65; }
#detail_con .fill2 { padding:0 5px; color:#ffffff; background:#2e7b9f; }
#detail_con .fill3 { padding:0 5px; color:#ffffff; background:#e25848; }
#detail_con .underline { text-decoration:underline; color:#1d7d65; }
#detail_con .underline_b { text-decoration:underline; color:#1d7d65; font-weight:bold; line-height:180%; }

/* 버튼 */
.flea_btn a { padding:7px 25px; display:inline-block; color:#ffffff; border-radius:5px; text-align:center; font-weight:bold; }
.flea_btn.bg01 a { background:#2e7b9f; box-shadow:0px 4px 0px 0px #0e3f56; }
.flea_btn.bg02 a { background:#e25848; box-shadow:0px 4px 0px 0px #9a2b1e; }
.flea_btn a:hover { background:#1d7d65; box-shadow:0px 4px 0px 0px #084c3b; }

/* 표 */
table.data { margin-top:20px; width:100%; border-top:2px solid #447c4b; border-spacing:0; }
table.data th, table.data td { text-align:center; padding:5px; border:1px solid #cacaca; }
table.data td { font-size:14px; }
table.data thead tr th { padding:7px; background:#f7fef8; color:#1d4b22; border-bottom:none; font-size:16px; }
table.data tbody tr th { background:#fefefe; }

/* 절차도 */
ol.step li { position:relative; overflow:hidden; padding-bottom:14px; }
ol.step li:after { position:absolute; z-index:3; content:''; display:block; left:20px; bottom:0; width:1px; height:15px; background:#a02f22; }
ol.step li:last-child:after { display:none; }
ol.step li p.num { float:left; width:10%; height:43px; }
ol.step li p.num span { display:inline-block; padding-top:8px; width:40px; height:32px; border-radius:40px; color:#ffffff; background:#e25848; box-shadow:0px 2px 0px 0px #a12f22; font-size:18px; font-weight:bold; text-align:center; }
ol.step li .con { float:left; width:90%; min-height:43px; }
ol.step li .con span { display:block; padding:7px 0 5px 15px; min-height:40px; border-radius:5px; background:#ffffff; border:1px solid #dddddd; box-shadow:0px 2px 0px 0px #e9e9e9; font-weight:bold; box-sizing:border-box; }

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

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

}

@media all and (max-width:941px) {	
	#contents { width:72%; }
}

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

}

@media all and (max-width:768px) {
	#container { padding-bottom:0; margin-bottom:0; }
	#leftmenu { float:none; width:100%; }
	#leftmenu h2 { position:relative; height:auto; background:#4ba18b !important; border-radius:0; }
	#leftmenu h2 span { padding:10px 15px; color:#ffffff; background-image:none !important; text-indent:0; font-size:18px; font-weight:bold; }
	#leftmenu h2 a { position:absolute; z-index:3; display:block; top:0; left:0; width:100%; height:44px; background:url('/fleamarket/images/sub/left_tit_arrow.png') no-repeat right 27px center; text-indent:-9999px; }
	#leftmenu>ul>li>a { padding:10px 0 10px 20px; background:none !important; font-size:14px; }
	#contents .sub_title { padding:20px 0; height:auto; }
	#contents .sub_title h3 { font-size:20px; }
	#leftmenu #lmenu_call { display:none; }
	#contents { float:none; margin:0 auto; width:100%; border-radius:0; padding:0 15px 15px 15px; }
	#contents .sub_title ol, #contents .sub_title .sns { display:none; }
}

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

@media all and (max-width:480px) {
	header, body, footer { min-width:320px; }
	ol.step li.large:after { height:34px; }
	ol.step li p.num { width:17%; }
	ol.step li .con { width:83%; }
}