@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: #f5961e; color: #fff; border: 1px solid #f5961e; }

.icoNotice { font-size: 9px; color: #fff; background: #444; text-align: center; font-weight: 500; vertical-align: middle; display: inline-block; width: 38px; height: 20px; line-height: 21px; border-radius: 10px; margin: 0 10px; }

.bo_ctgr { }
.bo_ctgr ul { text-align: center; }
.bo_ctgr ul li { display: inline-block; padding: 0 10px; }

/* 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: #222; 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: 18px; font-weight: 600; color: #222; text-align: center; height: 62px; 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 { 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 .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; }

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}



/* 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 all and (max-width:1280px) {
	
}

@media all 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 all and (max-width:768px) {
	
	/* 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 { 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; }

	/* 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; }	

}