@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: #097cd3; 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: #7d19ff; color: #fff; border: 1px solid #7d19ff; }
.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: 32px; }
.search_wp:after { content: ''; display: block; clear: both; }
.r_search { float: right; }
.r_search:after { content: ''; display: block; clear: both; }
.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: #7d19ff; 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: #7d19ff; border-bottom: 1px solid #7d19ff; }
.listType01 ul li a:hover .dateLast { color: #7d19ff; }
.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: #f6fafb; border-top: 2px solid #000; border-bottom: 1px solid #ddd; }
.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: 15px 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 { display: inline-block; margin-left: 32px; font-size: 15px; color: #999; }
.viewType01 .v_link { margin-bottom: 20px; background: #f7f4fa; }
.viewType01 .v_link ul { }
.viewType01 .v_link ul li { padding: 20px; border-bottom: 1px solid #d1d1d1; }
.viewType01 .v_link ul li:last-child { border-bottom: 0; }
.viewType01 .v_link ul li a { color: #5a2e97; }
.viewType01 .v_link ul li .v_link_cnt { display: inline-block; margin-left: 32px; 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 { content: ''; display: block; clear: both; }
.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; 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:38px;line-height:38px;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_select select{border:1px solid #3497d9;height:40px;border-radius:3px}
/* 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: #097cd3; }
.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: #097cd3; border-bottom: 1px solid #097cd3; }
.listType02 .tbody ul:hover li.no2 a { color: #097cd3; }
.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 { content: ''; display: block; clear: both; }
.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) {
/* BOARD SEARCH */
.r_search .slt { width: 98px; min-width: 98px; }
.r_search .inputBox { width: 126px; }
.r_search .btnSearch a { width: 70px; }
/* 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: #097cd3; border-bottom: 1px solid #097cd3; }
.listType02 .tbody ul:hover li.no2 a { color: #097cd3; }
.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 { content: ''; display: block; clear: both; }
.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%; }
.viewType01 .v_file ul li .v_file_cnt { display: block; margin-left: 0; }
.viewType01 .v_link ul li .v_link_cnt { display: block; margin-left: 0; }
.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; }
}