@charset "utf-8";

#bo tbody tr{height:100px;padding-top:10px}
#bo .col1{position:absolute;top:28px;width:40px;text-align:center;background:transparent}
#bo thead .col1{display:block;z-index:2;top:-35px;width:17px;height:17px;padding:0}
#bo .col2{float:left;width:40px;padding:3px 5px 0;font-size:12px;text-align:center}
#bo .col3{float:left;padding:0 5px 5px;font-size:12px;text-align:left}
#bo .col4{float:left;padding:0 5px 5px;font-size:12px}
#bo .col5{clear:both;float:left;padding:0 5px 5px 45px;font-size:12px}
#bo .col6{clear:both;float:left;padding:0 5px 5px 45px;font-size:12px}
#bo .col7{float:left;padding:0 5px 5px;font-size:12px}
#bo .col8{clear:both;float:left;padding:0 5px 5px 45px;font-size:12px}
#bo .col3:before{content:"후원자명 : "}
#bo .col4:before{content:"연락처 : "}
#bo .col5:before{content:"후원처 : "}
#bo .col6:before{content:"출금일 : "}
#bo .col7:before{content:"후원금액 : "}
#bo .col8:before{content:"작성일 : "}
.bo_tit{display:inline-block;vertical-align:middle}
.bo_tit a{max-width:100%;font-weight:normal;color:#707070 !important}
@media screen and (min-width:480px){
	#bo tbody tr{height:80px}
	#bo .col6{clear:none;padding:0 5px 5px 0}
}
@media screen and (min-width:767px){
	#bo .col1{position:revert;top:revert;width:20px;padding:0 5px}
	#bo thead .col1{display:revert;z-index:revert;top:revert;width:20px;height:revert;padding:0 5px;background-color:#fafafa}
	#bo .col2{float:none;width:80px;padding-top:0;padding:10px 5px;font-size:15px}
	#bo .col3{float:none;width:90px;padding:10px 5px;font-size:15px;text-align:center}
	#bo .col4{float:none;width:140px;padding:10px 5px;font-size:15px;text-align:center}
	#bo .col5{float:none;width:auto;padding:10px 5px;font-size:15px;text-align:center}
	#bo .col6{float:none;width:80px;padding:10px 5px;font-size:15px;text-align:center}
	#bo .col7{float:none;width:100px;padding:10px 5px;font-size:15px;text-align:center}
	#bo .col8{float:none;width:90px;padding:10px 5px;font-size:15px;text-align:center}
	#bo .col3:before,#bo .col4:before,#bo .col5:before,#bo .col6:before,#bo .col7:before,#bo .col8:before{content:"";display:none}
	.bo_tit{display:block}
	.bo_tit a{max-width:100%}
}
@media screen and (min-width:900px){
	#bo .col2{width:80px}
	#bo .col3{width:15%}
	#bo .col4{width:17%}
	#bo .col5{width:auto}
	#bo .col6{width:12%}
	#bo .col7{width:12%}
	#bo .col8{width:12%}
}

#bo .title_icon {margin-right:2px}
#bo .fa-heart {color:#ff0000}
#bo .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:10px;color:rgba(0,0,0,.8);background-color:#cbe3e8;text-align:center;border-radius:2px;border:1px solid #cbe3e8;vertical-align:middle}
#bo .new_icon {display:inline-block;width:16px;line-height:16px;font-size:10px;color:rgba(0,0,0,.7);background-color:#cfffc6;text-align:center;border-radius:2px;margin-left:5px;font-weight:bold;vertical-align:middle}
#bo .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:10px;color:rgba(0,0,0,.7);background-color:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
#bo .fa-caret-right {color:#bbb}
#bo .fa-download {display:inline-block;width:16px;line-height:16px;font-size:10px;color:rgba(0,0,0,.7);background-color:#ffefb9;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}
#bo .fa-link {display:inline-block;width:16px;line-height:16px;font-size:10px;color:rgba(0,0,0,.7);background-color:#edd3fd;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}


.license-area .license-txt{padding:10px;height:200px;overflow-y:scroll;}
@media screen and (min-width:767px){
	.license-area .license-txt{padding:20px}
}

.btn_address{height:40px;margin-left:10px}
#bo_w .write_div .write_div{line-height:30px}
#bo_w .write_div .write_div .tit{float:none;display:block;position:revert;width:100%;top:revert;left:revert;width:revert;height:revert;font-size:revert;overflow:revert}

.write_div_header{border-top:3px solid #707070}
#bo_w .wr_captcha .tit{float:none;display:block;position:revert;width:100%;top:revert;left:revert;width:revert;height:revert;font-size:revert;overflow:revert}
@media screen and (min-width:767px){
	#bo_w .write_div .write_div{min-height:52px;border-bottom:0;line-height:52px}
	#bo_w .write_div .write_div .tit{width:130px;min-height:20px;background-color:transparent;text-align:left;line-height:20px}
	#bo_w .write_div .write_div .tit2{padding-top:15px}
	#bo_w .write_div .write_div .frm_input{width:100%}
	#bo_w .write_div_wr{float:left;width:80%}
	#bo_w .wr_captcha .tit{float:left;width:18%}
	#bo_w .wr_captcha .tit b{font-weight:normal}
}

#bo_v_atc .tbl1{margin-top:20px;border-top:3px solid #555}
#bo_v_atc .tbl1 .tbl1{margin-top:0;border-top:0}
#bo_v_atc .tbl1 tbody th{background-color:#f0f0f0}
#bo_v_atc .tbl1 .tbl1 tbody th{background-color:#fafafa}
#bo_v_atc .col1{width:80px}
#bo_v_atc .col2{width:calc(100% - 80px)}
#bo_v_atc .col3{width:80px}
#bo_v_atc .col4{width:calc(100% - 80px)}
@media screen and (min-width:550px){
	#bo_v_atc .col1{width:120px}
	#bo_v_atc .col2{width:calc(100% - 120px)}
	#bo_v_atc .col3{width:120px}
	#bo_v_atc .col4{width:calc(100% - 120px)}
	#bo_v_atc .tbl1 tbody th br{display:none}
}
@media screen and (min-width:767px){
	#bo_v_atc .tbl1{margin-top:30px}
	#bo_v_atc .col1{width:20%}
	#bo_v_atc .col2{width:80%}
	#bo_v_atc .col3{width:30%}
	#bo_v_atc .col4{width:70%}
}
@media screen and (min-width:1000px){
	#bo_v_atc .tbl1{margin-top:3rem}
	#bo_v_atc .tbl1 .tbl1 tbody th, #bo_v_atc .tbl1 .tbl1 tbody td{padding:15px 10px}
}