@charset "utf-8";
/* 디카페인 // 2018-11 */

legend, caption, .sound_only, .skip{position:absolute;left:-5000px;top:0;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}

/* 버튼 모음 */
	.btnArea{font-size:0;}
	.btns{display:inline-block;height:36px;line-height:34px;padding:0 20px;margin:2px;border:1px solid #e0e0e0;background-color:#fafafa;text-align:center;color:#535353;font-size:14px;border-radius:4px;vertical-align:top}
	.btns.h40px{height:40px;line-height:38px;}
	.btns.h50px{height:50px;line-height:48px;}
	.btns.h60px{height:60px;line-height:58px;font-size:16px}
	.btns.h70px{height:70px;line-height:68px;font-size:18px}

	.btns.graybtn{border:1px solid #676767;background-color:#676767;color:#fff !important}
	.btns.graylinebtn{border:1px solid #ccc;background-color:#fff;color:#535353}
	.btns.darkbtn{border:1px solid #212121;background-color:#212121;color:#fff}
	.btns.bluebtn{border:1px solid #0e518c;background-color:#0e518c;color:#fff}
	.btns.redbtn{border:1px solid #e8473f;background-color:#e8473f;color:#fff}
	.btns.orangebtn{border:1px solid #f04f25;background-color:#f04f25;color:#fff}
	.btns.orangelinebtn{border:1px solid #f04f25;background-color:rgba(255,104,59,0);color:#f04f25}

.w10{width:10%}
.w20{width:20%}
.w30{width:30%}
.w40{width:40%}
.w50{width:50%}
.w60{width:60%}
.w70{width:70%}
.w80{width:80%}
.w90{width:90%}
.w100{width:100%}

.mgt5px{margin-top:5px;}
.mgt10px{margin-top:10px;}

/* 게시판 카테고리 */
	#boCategory{margin-bottom:20px;}
	#boCategory ul li{padding:1px}
	#boCategory ul.tab3 li{width:33.33%}
	#boCategory ul.tab4 li{width:50%}
	#boCategory ul li a{display:block;height:40px;line-height:40px;background-color:#f3f4f6;text-align:center;color:#212121}
	#boCategory ul li a#bo_cate_on{background-color:#e8473f;color:#fff}

	@media screen and (min-width:512px) {
		#boCategory ul.tab4 li{width:25%}
	}
	@media screen and (min-width:769px) {
		#boCategory{margin-bottom:40px;}
		#boCategory ul li a{height:50px;line-height:50px}
	}

/* 게시물 검색 */
	#boSearch{position:relative;margin:0 4% 10px;font-size:0;}
	#boSearch .boSearchbox{position:relative;max-width:550px;margin:0 auto;}
	#boSearch .basic_select{display:inline-block;width:30%;vertical-align:middle}
	#boSearch .basic_input{display:inline-block;width:69%;margin-left:1%;vertical-align:middle}
	#boSearch .sch_btn{position:absolute;top:0;right:0;width:50px;height:40px;padding:0;margin:0;border:none;background-color:transparent}

	@media screen and (min-width:769px) {
		#boSearch{padding:15px;margin:0 50px 20px;background-color:#f3f3f3;}
	}

	@media screen and (min-width:1025px) {
		#boSearch{margin:0 0 20px}
	}

/* 게시판 리스트 */
	#basicListBox{}
	.basiclist_tbl{width:100%;border-top:1px solid #333;text-align:center}
	.basiclist_tbl thead th{padding:15px;border-bottom:1px solid #dcdddd;text-align:center}
	.basiclist_tbl thead th a{color:#212121}
	.basiclist_tbl thead th a:hover{text-decoration:underline}
	.basiclist_tbl tbody td{padding:15px;border-bottom:1px solid #dcdddd}
	.basiclist_tbl tbody tr.notice td{background-color:#fafafa}
	.basiclist_tbl tbody tr.notice td .notice_icon{display:inline-block;width:30px;height:30px;line-height:30px;background-color:#274e9c;color:#fff;border-radius:3px;}
	.basiclist_tbl tbody tr.notice td.subject a{font-weight:bold}
	.basiclist_tbl tbody td.subject{text-align:left}
	.basiclist_tbl tbody td a:hover{text-decoration:underline}
	.basiclist_tbl .cb{display:none;width:50px}
	.basiclist_tbl .no{display:none;width:100px}
	.basiclist_tbl .cate{display:none;width:120px}
	.basiclist_tbl .cate a{color:#666}
	.basiclist_tbl .subject .bo_cate_link{display:block;color:#999;font-weight:100;}
	.basiclist_tbl .subject a{color:#212121}
	.basiclist_tbl .subject .cnt_cmt{color:#e8473f}
	.basiclist_tbl .subject .m_writer{display:inline-block;margin-right:20px}
	.basiclist_tbl .subject .m_hit{display:inline-block;margin-right:20px}
	.basiclist_tbl .subject .m_date{display:inline-block;color:#999}
	.basiclist_tbl .writer{display:none;width:140px}
	.basiclist_tbl .hit{display:none;width:70px}
	.basiclist_tbl .good{display:none;width:70px}
	.basiclist_tbl .nogood{display:none;width:70px}
	.basiclist_tbl .date{display:none;width:100px;color:#999;font-size:13px}
	
	#dcafeinBasicList .pg_wrap{margin:20px 0 0 0}
	#dcafeinBasicList .btnArea{margin-top:10px;text-align:center}

	@media screen and (min-width:512px) {
		.basiclist_tbl .subject .m_date{display:none}
		.basiclist_tbl .date{display:table-cell}
	}

	@media screen and (min-width:769px) {
		.basiclist_tbl .cb{display:table-cell}
		.basiclist_tbl .no{display:table-cell}
		.basiclist_tbl .writer{display:table-cell}
		.basiclist_tbl .hit{display:table-cell}

		#dcafeinBasicList .btnArea{text-align:right}
	}

	@media screen and (min-width:1025px) {
		.basiclist_tbl .cate{display:table-cell}
		.basiclist_tbl .subject .bo_cate_link{display:none}
		.basiclist_tbl .good{display:table-cell}
		.basiclist_tbl .nogood{display:table-cell}
	}

/* 게시판 뷰 */
	#dcafeinBasicView{border-bottom:1px solid #dcdddd}
	#dcafeinBasicView .titleArea{position:relative;padding:1.2em 1em;border-bottom:5px solid #f1f2f4}
	#dcafeinBasicView .titleArea h2 span.viewCate{display:inline-block;height:24px;line-height:22px;padding:0 15px;margin-bottom:10px;border:1px solid #ccc;color:#444;font-weight:100;border-radius:12px;font-size:12px;}
	#dcafeinBasicView .titleArea h2 em{display:block;line-height:26px;font-size:22px;}
	#dcafeinBasicView .titleArea .writeinfo{margin-top:10px;}
	#dcafeinBasicView .titleArea .writeinfo > span{display:block;}
	#dcafeinBasicView .titleArea .writeinfo > span.date{color:#999;font-weight:100}
	#dcafeinBasicView .titleArea .bo_v_snswr .btn_share{display:none}
	#dcafeinBasicView .titleArea .bo_v_snswr #bo_v_sns{position:absolute;bottom:1.2em;right:1em;display:block;padding:0;margin:0;list-style:none;zoom:1}
	#dcafeinBasicView .titleArea .bo_v_snswr #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
	#dcafeinBasicView .titleArea .bo_v_snswr #bo_v_sns li{float:left;width:40px;text-align:center}
	#dcafeinBasicView .titleArea .bo_v_snswr #bo_v_sns li a{display:block;height:40px;line-height:40px;}
	#dcafeinBasicView .titleArea .bo_v_snswr #bo_v_sns li .sns_f{background:#415b92}
	#dcafeinBasicView .titleArea .bo_v_snswr #bo_v_sns li .sns_t{background:#35b3dc}
	#dcafeinBasicView .titleArea .bo_v_snswr #bo_v_sns li .sns_g{background:#d5503a}
	#dcafeinBasicView .titleArea .bo_v_snswr #bo_v_sns li .sns_k{background:#fbe300}
	#dcafeinBasicView #viewFileLink ul{}
	#dcafeinBasicView #viewFileLink ul li{position:relative;min-height:60px;padding:0.7em 1em 0.7em 4.5em;;border-bottom:1px dashed #dcdddd}
	#dcafeinBasicView #viewFileLink ul li:last-child{border-bottom:5px solid #f1f2f4}
	#dcafeinBasicView #viewFileLink ul li em{position:absolute;top:0.7em;left:1em;display:block;width:40px;height:40px;line-height:38px;border:1px dashed #dcdddd;background-color:#fafafa;text-align:center;border-radius:50%}
	#dcafeinBasicView #viewFileLink ul li a{color:#212121}
	#dcafeinBasicView #viewFileLink ul li .downlodeCount,
	#dcafeinBasicView #viewFileLink ul li .linkCount{margin-top:5px;font-size:12px;font-weight:normal;color:#999}
	#dcafeinBasicView #boContent{padding:1em;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
	#dcafeinBasicView #goodnogood{padding-bottom:4%;text-align:center;font-size:0;}
	#dcafeinBasicView #goodnogood a{display:inline-block;width:70px;height:70px;padding-top:40px;margin:0 2px;border:1px solid #dcdddd;font-size:14px;border-radius:50%}
	#dcafeinBasicView #goodnogood a.bo_v_good{background:url("./img/icon_good.png") no-repeat center 20px;color:#e8473f}
	#dcafeinBasicView #goodnogood a.bo_v_nogood{background:url("./img/icon_bad.png") no-repeat center 20px;}
	#dcafeinBasicView #scrapArea{padding-bottom:1em}
	#dcafeinBasicView #scrapArea a{display:block;width:50%;height:40px;line-height:40px;margin:0 auto;background-color:#626971;color:#fff;font-size:16px;text-align:center;border-radius:20px}

	@media screen and (min-width:769px) {
		#dcafeinBasicView .titleArea{border-bottom:1px solid #dcdddd}
		#dcafeinBasicView .titleArea h2 em{line-height:36px;font-size:30px}
		#dcafeinBasicView #viewFileLink ul li:last-child{border-bottom:1px solid #dcdddd}
		#dcafeinBasicView #viewFileLink ul li a:hover{color:#e8473f}
		#dcafeinBasicView #goodnogood{padding-bottom:20px}
		#dcafeinBasicView #scrapArea{padding-bottom:2em}
		#dcafeinBasicView #scrapArea a{width:300px;height:50px;line-height:50px;border-radius:25px}
	}

/* 댓글 */
	#replyArea{padding:1em;border-bottom:5px solid #f1f2f4}

	@media screen and (min-width:769px) {
		#replyArea{padding:1em;border-bottom:none}
	}

/* 게시판 글쓰기 */
	#dcafeinBasicWrite dl{padding:0.5em 1em;border-bottom:1px solid #e0e0e0}
	#dcafeinBasicWrite dl.optionarea{background-color:#fafafa}
	#dcafeinBasicWrite dl.contentarea{padding:0}
	#dcafeinBasicWrite dl.contentarea .cke_sc{display:none}
	#dcafeinBasicWrite dl dt{display:none;color:#212121}
	#dcafeinBasicWrite dl dt label{margin-bottom:0}
	#dcafeinBasicWrite .write_input{display:inline-block;height:50px;line-height:50px;border:none;}

	@media screen and (min-width:769px) {
		#dcafeinBasicWrite{border-top:2px solid #333}
		#dcafeinBasicWrite dl{display:table;width:100%;padding:0}
		#dcafeinBasicWrite dl dt{display:table-cell;width:110px;line-height:50px;padding:0.5em 1em;text-align:center;vertical-align:middle}
		#dcafeinBasicWrite dl dd{display:table-cell;position:relative;padding:0.5em 1em;vertical-align:middle}
		#dcafeinBasicWrite dl dd #btn_autosave{position:absolute;top:0.9em;right:1.1em}
		#dcafeinBasicWrite .write_input{height:40px;line-height:38px;padding:0 10px;border:1px solid #dcdddd}
	}