@charset "utf-8";

/* BOARD COMMON */
.bd_btnWrap { margin: 24px 0; }
.btnRight { text-align: right; }
.btnCenter { text-align: center; }

.bd_btn01 { display: inline-block; width: 150px; height: 45px; line-height: 43px; text-align: center; background: #303540; color: #fff; font-size: 17px; font-weight: 400; vertical-align: middle; }
.bd_btn01 span { color: #fff; }
.bd_btn02 { display: inline-block; width: 100px; height: 45px; line-height: 43px; text-align: center; background: #fbfbfb; color: #4c4c4c; font-size: 17px; font-weight: 400; border: 1px solid #ccc; vertical-align: middle; }
.bd_btn02 span { display: inline-block; padding-left: 17px; background: url('./img/ico_list.png') left center no-repeat; }
.bd_btn02.wrt { background: #303540; color: #fff; border: 1px solid #303540; }

.icoNotice { font-size: 12px; color: #fff; background-color: #444; text-align: center; font-weight: 500; vertical-align: middle; display: inline-block; width: auto; padding: 0 14px; height: 26px; line-height: 26px; border-radius: 26px; margin: 0 10px; }

.bo_ctgr { margin-bottom: 40px; }
.bo_ctgr ul { text-align: center; font-size: 0; margin-left: 1px; }
.bo_ctgr ul li { position: relative; display: inline-block; margin-left: -1px; margin-top: -1px; }
.bo_ctgr ul li a { position: relative; display: block; font-size: 16px; font-weight: 500; color: #aaa; height: 46px; line-height: 46px; padding: 0 18px; border: 1px solid #ddd; }
.bo_ctgr ul li a#bo_cate_on { color: #fff; background-color: #2075de; border: 1px solid #2075de; z-index: 3; }

/* BOARD SEARCH */
.search_wp { margin-bottom: 40px; }
.search_wp::after { display: block; visibility: hidden; clear: both; content: ''; }
.r_search { float: right; }
.r_search::after { display: block; visibility: hidden; clear: both; content: ''; }
.r_search .slt {  position: relative; float: left; display: inline-block; min-width: 125px; height: 45px; background: #fff; vertical-align: middle; }
.r_search .slt select { position: relative; width: 100%; height: 45px; z-index: 2; }
.r_search .inputBox { float: left; width: 200px; margin-left: 2px; }
.r_search .inputBox  input { height: 45px; line-height: 45px; width: 100%; border: 1px solid #d9d9d9; color: #333; padding-left: 10px; font-size: 15px; }
.r_search .btnSearch { float: left; margin-left: 7px; }
.r_search .btnSearch button { display: inline-block; height: 45px; line-height: 45px; width: 80px; background: #303540; text-align: center; font-size: 15px; color: #fff; } 

/* BOARD LIST */
.all_chk { }
.listType01 { border-top: 2px solid #000; text-align: left; margin-bottom: 68px; }
.listType01 .dateLast { position: absolute; right: 20px; top: 50%; margin-top: -10px; font-size: 15px; color: #999; }
.listType01 ul li { position: relative; }
.listType01 ul li .li_chk { position: absolute; left: 0; top: 5px; z-index: 5; }
.listType01 ul li a { position: relative; display: block; padding: 36px 0; font-size: 21px; border-bottom: 1px solid #ddd; }
.listType01 ul li a:hover { color: #303540; border-bottom: 1px solid #303540; }
.listType01 ul li a:hover .dateLast { color: #303540; }
.listType01 ul li.empty { position: relative; display: block; padding: 36px 0; font-size: 21px; border-bottom: 1px solid #ddd; }

.listType02  { margin-bottom: 68px; }
.listType02 .thead ul{ display: table; width: 100%; background: #fff; border-top: 2px solid #000; border-bottom: 1px solid #000; }
.listType02 .thead ul li { display: table-cell; text-align: center; font-size: 16px; color: #222; text-align: center; height: 54px; vertical-align: middle; }
.listType02 .thead ul li.no1 { width: 98px; } 
.listType02 .thead ul li.no2 {  }
.listType02 .thead ul li.no3 { width: 190px; }
.listType02 .thead ul li.no4 { width: 98px; }

.listType02 .tbody ul{ display: table; width: 100%; }
.listType02 .tbody ul li { display: table-cell; text-align: center; border-bottom: 1px solid #ddd; font-size: 16px; color: #222; text-align: center; vertical-align: middle; padding: 28px 0; }
.listType02 .tbody ul:hover {background: #f5f5f5; }
.listType02 .tbody ul li.no1 { width: 98px; }
.listType02 .tbody ul li.no2 { text-align: left; color: #222; padding-left: 20px; }
.listType02 .tbody ul li.no2 a { color: #222; display: block; }
.listType02 .tbody ul li.no2 .mobInfo { display: none; }
.listType02 .tbody ul li.no3 { width: 190px; color: #888; }
.listType02 .tbody ul li.no4 { width: 98px; color: #888; }
.listType02 .tbody ul li .dv { display: inline-block; width: 70px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-size: 15px; background: #0144b3; }
.listType02 .tbody ul li .dv.new { background: #53aefa; }

/* BOARD VIEW */
.viewType01 { padding: 30px 0; margin-bottom: 30px; border-top: 2px solid #000; border-bottom: 2px solid #000; text-align: left; }
.viewType01 .topInfo { position: relative; margin-bottom: 20px; }
.viewType01 .topInfo .title { font-size: 18px; font-weight: 500; color: #000; border-bottom: 1px solid #d1d1d1; margin-bottom: 0; padding: 0 400px 25px 20px; }
.viewType01 .topInfo .etcInfo { position: absolute; right: 20px; top: 0; }
.viewType01 .topInfo .etcInfo span { float: left; margin-left: 25px; font-size: 15px; color: #888; }
.viewType01 .topInfo .etcInfo span:first-child { margin-left: 0;}
.viewType01 .topInfo .etcInfo span em { color: #222; padding-left: 8px; margin-left: 6px; position: relative; }
.viewType01 .topInfo .etcInfo span em::after { content:''; position: absolute; left: 0; top: 50%; width: 1px; height: 9px; background: #939393; margin-top: -5px; }
.viewType01 .topInfo .down { background: #fbfbfb; margin-top: 5px; text-align: right; padding: 15px 20px 15px; }
.viewType01 .cont { padding: 0 15px; }
.viewType01 .v_file { margin: 20px 0; }
.viewType01 .v_file ul { } 
.viewType01 .v_file ul li { padding: 0 0 20px 20px; border-bottom: 1px solid #d1d1d1; } 
.viewType01 .v_file ul li .v_file_cnt { font-size: 15px; color: #999; }

.tbList ul { border: 1px solid #e1e1e1; border-bottom: none; margin-bottom: 60px; }
.tbList ul li { border-bottom: 1px solid #e1e1e1; }
.tbList ul li::after { display: block; visibility: hidden; clear: both; content: ''; }
.tbList ul li .fkTb  {display: table; }
.tbList ul li.double .fkTb { width: 50%; float: left; }
.tbList ul li .fkTb .fkTh { display: table-cell; background: #f7f7f7; width: 200px; font-size: 16px; color: #222; padding: 13px 0 13px 25px; vertical-align: middle; }
.tbList ul li .fkTb .fkTh em{ font-size: 12px; color: #777;}
.tbList ul li .fkTb .fkTd { display: table-cell; padding: 13px 0 13px 25px; font-size: 16px; color: #777; text-align: left; vertical-align: middle; }
.tbList.pg { }
.tbList.pg ul{ border-left: none; border-right: none; margin-bottom: 30px; }
.tbList.pg ul li .fkTb .fkTh { padding-left:0; text-align: center; font-size: 15px; color:#666; }
.tbList.pTb .fkTd a { font-size: 17px; color: #222; }

.inq_view { overflow: hidden; }
.inq_view dt { position: relative; float: left; width: 108px; padding: 3px 0 0 20px; }
.inq_view dt::after { position: absolute; left: 108px; top: 3px; content: ':';  }
.inq_view dd { padding: 3px 0 3px 128px; }


//*글쓰기*/
#bo_w .write_div { margin: 10px 0; position: relative; }
#bo_w .bo_w_info::after { display: block; visibility: hidden; clear: both; content: ''; }
#bo_w .bo_w_info .frm_input { float: left; width: 33%; }
#bo_w #wr_password { margin: 0 0.5%; }
#bo_w .wr_content.smarteditor2 iframe { background:#fff; }
#bo_w .bo_w_tit { position: relative; }
#bo_w .bo_w_tit .frm_input { padding-right: 120px; }
#bo_w .bo_w_tit #btn_autosave { position: absolute; top: 5px; right: 5px; line-height: 30px; height: 30px; }
#bo_w .bo_w_link label { position: absolute; top: 1px; left: 1px; border-radius: 3px 0 0 3px; height: 37px; line-height: 37px; width: 40px; background: #eee; text-align: center; color: #888; }
#bo_w .bo_w_link .frm_input { padding-left: 50px; }
#bo_w .bo_w_flie .lb_icon { position: absolute; top: 0px; left: 0px; border-radius: 3px 0 0 3px; height: 38px; line-height: 38px; width: 40px; background: #eee; text-align: center; color: #888; }
#bo_w .bo_w_flie .frm_file { padding-left: 50px; }
#bo_w .bo_w_flie .file_wr { border: 1px solid #ccc; background: #fff; color: #000; vertical-align: middle; border-radius: 3px; padding: 5px; height: 40px; margin: 0; }
#bo_w .bo_w_flie .frm_input { margin: 10px 0 0; }
#bo_w .bo_w_flie .file_del { position: absolute; top: 10px; right: 10px; font-size: 0.92em; color: #7d7d7d; }
#bo_w .bo_w_link label i, #bo_w .bo_w_flie label i { vertical-align: middle; }
#bo_w .bo_w_select select { border: 1px solid #4d7ce4; height: 40px; border-radius: 3px; }
#bo_w .btn_confirm input { vertical-align: middle; }


/* PAGING */
.paging { text-align: center; font-size: 0; }
.paging a { display: inline-block; vertical-align: top; min-width: 30px; padding: 2px 2px 0; font-size: 20px; line-height: 30px; text-indent: -1px; text-align: center; white-space: nowrap; }
.paging a.active { color: #303540; }
.paging a:hover, .paging a:focus { text-decoration: underline; }
.paging a.move { overflow: hidden; position: relative; width: 0; height: 32px; min-width: 0; padding: 0 0 0 25px; line-height: 32px; text-indent: 2px; }
.paging a.move::before, .paging a.move::after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -5px 0 0 0; border-bottom: 1px solid #282828; }
.paging a.move.m2::after, .paging a.move.m3::after { display: none; }
.paging a.move.m1::before,
.paging a.move.m1::after,
.paging a.move.m2::before { content: ''; border-left: 1px solid #282828; 
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.paging a.move.m3::before,
.paging a.move.m4::before,
.paging a.move.m4::after { border-right: 1px solid #282828; 
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.paging a.move.m1::before { margin-left: -6px; }
.paging a.move.m2::before { margin-left: -2px; }
.paging a.move.m3::before { margin-left: -6px; }
.paging a.move.m4::before { margin-left: -9px; }
.paging a.move.m4::after { margin-left: -3px; }
.paging a.move.m2 { margin-right: 20px !important; }
.paging a.move.m3 { margin-left: 20px !important; }
.paging a.move:focus, .paging a.move:hover { border-color: #000; }


@media screen and (max-width:1280px) {
	
}

@media screen and (max-width:1024px){

	/* BOARD LIST */
	.listType02  { margin-bottom: 40px; }
	.listType02 .thead { display: none; }
	.listType02 .tbody { border-top: 2px solid #000; }
	.listType02 .tbody ul { display: block; border-bottom: 1px solid #ddd; position: relative; padding: 15px 0; }
	.listType02 .tbody ul li { display: block; border-bottom: none; font-size: 14px; color: #222; text-align: center; padding: 0; }
	.listType02 .tbody ul:hover { background: none; color: #303540; border-bottom: 1px solid #303540; }
	.listType02 .tbody ul:hover li.no2 a { color: #000; }
	.listType02 .tbody ul li.no1 { position: absolute; right: 0; top: 50%; margin-top: -13px; width: 50px; }
	.listType02 .tbody ul li.no2 {}
	.listType02 .tbody ul li.no2 { text-align: left; padding: 0 60px 0 0; }
	.listType02 .tbody ul li.no2 a { }
	.listType02 .tbody ul li.no3 { display: none; }
	.listType02 .tbody ul li.no4 {display: none;}

	/* BOARD VIEW */
	.viewType01 { padding: 15px 0 25px 0; margin-bottom: 15px; }
	.viewType01 .topInfo .title { margin-bottom: 12px; padding: 0 0 25px 5px; }
	.viewType01 .topInfo .title span { display: inline-block; }
	.viewType01 .topInfo .etcInfo { position: static; border-bottom: 1px solid #d1d1d1; padding: 10px 0 10px 8px; }
	.viewType01 .topInfo .etcInfo::after { display: block; visibility: hidden; clear: both; content: ''; }
	.viewType01 .topInfo .etcInfo span { float: left; margin-left: 30px; font-size: 12px; }
	.viewType01 .topInfo .etcInfo span:first-child { margin-left: 0; }
	.viewType01 .topInfo .etcInfo span em { padding-left: 6px; margin-left: 5px; }
	.viewType01 .topInfo .etcInfo span em::after { height: 6px; margin-top: -3px; }
	.viewType01 .cont img { max-width: 100%; }

	.tbList ul { margin-bottom: 25px; }
	.tbList ul li.double .fkTb { width: 100%; float: none; }
    .tbList ul li.double .fkTb:first-child { border-bottom: 1px solid #d1d1d1; }
	.tbList ul li .fkTb .fkTh { width: 150px; font-size: 12px; padding: 13px 0 13px 10px; }
	.tbList ul li .fkTb .fkTh em { font-size: 10px; }
	.tbList ul li .fkTb .fkTd { padding: 13px 0 13px 10px; font-size: 12px; }
	.tbList.pg ul{ margin-bottom: 15px; }
	.tbList.pg ul li .fkTb .fkTh { font-size: 12px; width: 80px; }
	.tbList.pg ul li .fkTb .fkTd a { font-size: 12px; }

}

@media screen and (max-width:768px) {

	.bo_ctgr { margin-bottom: 28px; }
	.bo_ctgr ul li a { font-size: 14px; height: 38px; line-height: 38px; padding: 0 12px; }
		
	/* BOARD SEARCH */
	.r_search .slt { width: 82px; min-width: 82px; }
	.r_search .slt select { font-size: 13px; }
	.r_search .inputBox { width: 146px; }
	.r_search .inputBox input { font-size: 13px; }
	.r_search .btnSearch button { width: 64px; font-size: 13px; }

	/* BOARD LIST */
	.listType01 { margin-bottom: 40px; }
	.listType01 .dateLast { font-size: 12px; }
	.listType01 ul li a { padding: 26px 0; font-size: 14px; }
	.listType01 ul li.empty { padding: 26px 0; font-size: 14px; }

	.listType02  { margin-bottom: 40px; }
	.listType02 .thead { display: none; }
	.listType02 .tbody { border-top: 2px solid #000; }
	.listType02 .tbody ul { display: block; border-bottom: 1px solid #ddd; position: relative; padding: 15px 0; }
	.listType02 .tbody ul li { display: block; border-bottom: none; font-size: 14px; color: #222; text-align: center; padding: 0; }
	.listType02 .tbody ul:hover { background: none; color: #303540; border-bottom: 1px solid #303540; }
	.listType02 .tbody ul:hover li.no2 a { color: #000; }
	.listType02 .tbody ul li.no1 { position: absolute; right: 0; top: 50%; margin-top: -13px; width: 50px; }
	.listType02 .tbody ul li.no2 {}
	.listType02 .tbody ul li.no2 { text-align: left; padding: 0 60px 0 0; }
	.listType02 .tbody ul li.no2 a { }
	.listType02 .tbody ul li.no3 { display: none; }
	.listType02 .tbody ul li.no4 {display: none;}

	/* BOARD VIEW */
	.viewType01 { padding: 15px 0 25px 0; margin-bottom: 15px; }
	.viewType01 .topInfo .title { font-size: 15px; margin-bottom: 12px; padding: 0 0 18px 5px; }
	.viewType01 .topInfo .title span { display: inline-block; }
	.viewType01 .topInfo .etcInfo { position: static; border-bottom: 1px solid #d1d1d1; padding: 10px 0 10px 8px; }
	.viewType01 .topInfo .etcInfo::after { display: block; visibility: hidden; clear: both; content: ''; }
	.viewType01 .topInfo .etcInfo span { float: left; margin-left: 30px; font-size: 12px; }
	.viewType01 .topInfo .etcInfo span:first-child { margin-left: 0; }
	.viewType01 .topInfo .etcInfo span em { padding-left: 6px; margin-left: 5px; }
	.viewType01 .topInfo .etcInfo span em::after { height: 6px; margin-top: -3px; }
	.viewType01 .cont img { max-width: 100%; }

	.tbList ul { margin-bottom: 25px; }
	.tbList ul li.double .fkTb { width: 100%; float: none; }
    .tbList ul li.double .fkTb:first-child { border-bottom: 1px solid #d1d1d1; }
	.tbList ul li .fkTb .fkTh { width: 150px; font-size: 12px; padding: 13px 0 13px 10px; }
	.tbList ul li .fkTb .fkTh em { font-size: 10px; }
	.tbList ul li .fkTb .fkTd { padding: 13px 0 13px 10px; font-size: 12px; }
	.tbList.pg ul{ margin-bottom: 15px; }
	.tbList.pg ul li .fkTb .fkTh { font-size: 12px; width: 80px; }
	.tbList.pg ul li .fkTb .fkTd a { font-size: 12px; }

	/* PAGING */
	.paging a { min-width: 23px; font-size: 15px; }
	.paging a.move { padding: 0 0 0 20px; }
	.paging a.move.m2 { margin-right: 5px !important; }
	.paging a.move.m3 { margin-left: 5px !important; }	

}