/* ======================================== BBS ======================================== */
.bbsSearch{margin-bottom:15px;text-align:right}
.bbsSearch select{width:100px;height:27px;line-height:27px;border:1px solid #b6b6b6;}
.bbsSearch input[type="text"]{width:188px;height:27px;border:1px solid #b6b6b6;box-sizing:border-box;}
.bbsSearch input[type="submit"]{display:inline-block;margin-left:-4px;width:34px;height:27px;text-indent:-9999px;background:#727272 url(/images/common/ico_bbs_sch.png) 0 0 no-repeat;border:0px none;overflow:hidden;cursor:pointer;}
.bbsSearch .btnAll{display:inline-block;padding:0 5px;height:27px;color:#727272;line-height:27px;text-align:center;background:#fff;border:1px solid #727272;vertical-align:top;}
table tbody td.left{text-align:left !important;}
table tbody td.right{text-align:right !important;}
table tbody td.center{text-align:center !important;}
.listTotal{display:block;padding:10px;color:#666;}
.listTotal b{color:#000;}
div.list.list{border-top:2px solid #394698;}
div.list > table{width:100%;border-bottom:1px solid #ababab;text-align:center;font-family:'Nanum Gothic';font-size:13px;}
div.list > table thead th{padding:7px 5px;height:25px;line-height:25px;color:#152168;background-color:#f5f5f8;}
div.list > table tbody th{position:relative;padding:10px 5px;border-top:1px solid #dfdfdf;}
div.list > table tbody td{padding:7px 5px;height:25px;line-height:25px;color:#555;border-top:1px solid #dfdfdf;}
div.list > table tbody td a img{margin-left:5px;}
div.list > table tbody td.subject{text-align:left;}
div.list > table tbody td.subject a{display:inline-block;max-width:85%;font-family:'Nanum Gothic';font-size:14px;color:#272727;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
div.list > table tbody td .iconNew{display:inline-block;width:14px;height:14px;line-height:14px;margin:3px 6px;text-align:center;border-radius:7px;background-color:#ff8f35;color:#fff;font-size:5px;vertical-align:top;}
div.list > table tbody td span.icon_notice{display:inline-block;width:26px;height:26px;background-image:url(/images/sub/icon_notice.gif);background-repeat:no-repeat;background-position:center center;vertical-align:middle;}
div.list > table tbody td span.icon_lock{display:inline-block;width:26px;height:26px;background:url(/images/sub/icon_lock.gif) no-repeat center center;vertical-align:middle;}
.eduBtnState2{display:inline-block;width:56px;height:22px;line-height:22px;font-size:11px;box-sizing:border-box;text-align:center;}
.eduBtnState2.red{color:#ce176c;border:1px solid #ce176c;}
.eduBtnState2.gray{color:#a4a4a4;border:1px solid #a4a4a4;}
.eduBtnState2.blue{color:#0076a4;border:1px solid #28a4d5;}
.eduBtnState2.green{color:#46b179;border:1px solid #46b179;}
.eduBtnState2.purple{color:#5526c0;border:1px solid #815bd8;}

div.view{border-top:2px solid #394698;}
div.view > table{width:100%;border-bottom:1px solid #dfdfdf;font-family:'Nanum Gothic';font-size:13px;}
div.view > table thead th{padding:10px 0 10px 20px;height:25px;line-height:25px;font-family:'Nanum Gothic';font-size:16px;color:#000;background:#f5f5f8;text-align:left;}
div.view > table tbody th{position:relative;padding:7px 5px 7px 20px;height:25px;line-height:25px;color:#555;background:url(/images/common/bg_bar.png) no-repeat right center;border-top:1px solid #dfdfdf;text-align:left;}
div.view > table tbody td{position:relative;padding:7px 20px;height:25px;line-height:25px;border-top:1px solid #dfdfdf;}
div.view > table tbody td .detailCon{padding:10px 0;line-height:160%;}
div.view > table tbody td.fileCon{position:relative;color:#152168;}
div.view > table tbody td.fileCon > img{padding-right:5px;}
div.view > table tbody td.fileCon .btnFileDown{display:inline-block;padding-left:10px;}
div.view > table tbody td.fileCon .btnPrint{display:inline-block;position:absolute;top:50%;right:15px;margin-top:-13px;padding-left:18px;font-family:'Nanum Gothic';font-size:12px;color:#555;background:url(/images/sub/icon_print.gif) 0 center no-repeat;}
div.view > table tbody tr:last-child th,
div.view > table tbody tr:last-child td{border-bottom:0px none;}
div.view > table tfoot th{padding:8px 0 8px 20px;border-bottom:1px solid #dfdfdf;background-color:#f8f8f8;}
div.view > table tfoot th{position:relative;padding:10px 5px;border-bottom:1px solid #dfdfdf;}
div.view > table tfoot th:after{display:block;content:'';clear:both;width:1px;height:14px;position:absolute;top:50%;right:0px;margin-top:-7px;background-color:#c2c2c2;}
div.view > table tfoot td{position:relative;padding:10px 10px;border-bottom:1px solid #dfdfdf;background-color:#f8f8f8;}
div.view > table tbody td.content{padding:20px;}
div.view > table tbody td.content img{max-width:100%;}
div.view > table tbody td img{max-width:100%;}
.view_bottom{margin-top:-1px;margin-bottom:30px;}
.view_bottom > table{width:100%;border-bottom:1px solid #ababab;}
.view_bottom > table th,
.view_bottom > table td{height:25px;line-height:25px;font-family:'Nanum Gothic';font-size:13px;color:#555;font-weight:400;background:#fff;border-top:1px solid #dfdfdf;}
.view_bottom > table th{padding:7px 0;text-align:center;background:url(/images/common/bar_tbl_view.gif) right center no-repeat;}
.view_bottom > table td{padding:7px 20px;text-align:left;}
.view_bottom > table th img{margin-left:5px;}
.view_bottom > table td a{display:block;font-family:'Nanum Gothic';font-size:13px;color:#272727;}
div.write{border-top:2px solid #394698;}
div.write > table{width:100%;border-bottom:1px solid #dfdfdf;line-height:140%;font-family:'Nanum Gothic';font-size:13px;}
div.write > table span.required{display:inline-block;width:11px;height:11px;margin-left:-11px;background:url(/img/board/icon_required.png) no-repeat left center;vertical-align:middle;}
div.write > table thead th{padding:8px 0 8px 20px;border-bottom:1px solid #dfdfdf;background-color:#f8f8f8;}
div.write > table tbody th{position:relative;padding:10px 5px;border-bottom:1px solid #dfdfdf;}
div.write > table tbody th:after{display:block;content:'';clear:both;width:1px;height:14px;position:absolute;top:50%;right:0px;margin-top:-7px;background-color:#c2c2c2;}
div.write > table tbody th.afterNone:after{display:none;}
div.write > table tbody td{position:relative;padding:10px;border-bottom:1px solid #dfdfdf;line-height:140%;}
div.write > table tbody td textarea{width:100%;min-height:100px;}
div.write > table tbody tr:last-child th,
div.write > table tbody tr:last-child td{border-bottom:0px none;}
div.write.allLeft th{text-align:left;}
.formExplain{height:40px;line-height:40px;margin-top:-40px;font-family:'Nanum Gothic';font-size:12px;color:#666;text-align:right;}
.form{margin-bottom:35px;border-top:2px solid #394698;}
.form > table{width:100%;border-bottom:1px solid #ababab;} 
.form > table th{padding:10px 0 10px 20px;height:27px;line-height:27px;font-family:'Nanum Gothic';font-size:13px;color:#272727;font-weight:700;text-align:left;background:#f8f8f8;border-top:1px #dfdfdf solid;}
.form > table th .required{display:inline-block;margin-left:-15px;padding-left:15px;background:url(/img/board/icon_required.png) no-repeat 2px center;vertical-align:middle;}
.form > table td{padding:10px 10px;height:27px;line-height:27px;font-family:'Nanum Gothic';font-size:13px;color:#272727;border-top:1px #dfdfdf solid;}
.form > table td .btnFormCheck{display:inline-block;vertical-align:top;margin:1px;padding:0 10px;height:28px;background:#adadad;color:#fff;text-align:center;line-height:28px;font-family:'Nanum Gothic';font-size:13px;box-sizing:border-box;}
.form > table td .explain{display:inline-block;vertical-align:middle;margin-left:10px;color:#555;letter-spacing:-0.5px;font-family:'Nanum Gothic';font-size:12px;}
.form > table td label{padding:0 25px 0 5px;}

.data_basic{margin:5px 0;border-top:1px solid #aaa;}
.data_basic > table{width:100%;border-collapse:collapse;}
.data_basic > table th{padding:5px 10px;text-align:center;background:#efefef;border:1px solid #dadada;}
.data_basic > table td{padding:5px 10px;border:1px solid #dfdfdf;}

.data_basic2{border-top:1px solid #394698;}
.data_basic2 > table{width:100%;border-bottom:1px solid #dfdfdf;font-family:'Nanum Gothic';font-size:14px;text-align:center;border-right:1px solid #dfdfdf;}
.data_basic2 > table thead th{padding:5px;color:#152168;background:#f5f5f8;border-left:1px solid #dfdfdf;}
.data_basic2 > table tbody th{padding:5px;color:#152168;background:#f5f5f8;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.data_basic2 > table tbody td{padding:5px;color:#272727;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}

.data_view{border-top:1px solid #394698;}
.data_view > table{width:100%;border-bottom:1px solid #dfdfdf;font-family:'Nanum Gothic';font-size:13px;border-right:1px solid #dfdfdf;}
.data_view > table thead th{padding:8px 20px;height:21px;line-height:21px;font-family:'Nanum Gothic';font-size:14px;color:#152168;text-align:center;background:#f5f5f8;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.data_view > table tbody th{padding:8px 20px;height:21px;line-height:21px;font-family:'Nanum Gothic';font-size:14px;color:#152168;text-align:center;background:#f5f5f8;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.data_view > table tbody td{padding:8px 20px;height:21px;line-height:21px;font-family:'Nanum Gothic';font-size:13px;color:#555;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.data_view > table tbody th.first,
.data_view > table tbody td.first{border-top:0;}
.data_view.th_border table tbody th { border-top: 1px solid #394698; }
.data_view.th_border table tbody td.pad_10 { padding:50px 0; }
.data_list{border-top:1px solid #394698;}
.data_list > table{width:100%;border-bottom:1px solid #dfdfdf;font-family:'Nanum Gothic';font-size:14px;text-align:center;border-right:1px solid #dfdfdf;}
.data_list > table thead th{padding:8px 10px;height:21px;line-height:21px;color:#152168;background:#f5f5f8;border-left:1px solid #dfdfdf;}
.data_list > table tbody th{padding:8px 10px;height:21px;line-height:21px;color:#152168;background:#f5f5f8;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}
.data_list > table tbody td{padding:8px 10px;height:21px;line-height:21px;color:#272727;border-top:1px solid #dfdfdf;border-left:1px solid #dfdfdf;}

div.thumb{border-top:2px solid #393939;font-family:'Nanum Gothic';font-size:13px;}
div.thumb ul.list{margin:8px -8px;}
div.thumb ul.list:after{display:block;content:'';clear:both;}
div.thumb ul.list > li{float:left;padding:8px;box-sizing:border-box;}
div.thumb ul.list > li > a{display:block;border:1px solid #dedede;text-align:center;}
div.thumb ul.list.col2 > li{width:50%;}
div.thumb ul.list.col3 > li{width:33.3333%;}
div.thumb ul.list.col4 > li{width:25%;}
div.thumb ul.list.col5 > li{width:20%;}
div.thumb ul.list > li span.img{display:block;height:170px;line-height:170px;overflow:hidden;text-align:center;}
div.thumb ul.list > li span.img img{display:inline-block;vertical-align:middle;max-width:100%;max-height:170px;}
div.thumb ul.list > li span.subject{display:block;height:25px;line-height:25px;padding:5px 10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
div.thumb ul.list > li span.date{display:block;height:25px;line-height:25px;padding:0 10px 5px;}
div.thumb ul.list > li span.btn{display:inline-block;height:26px;line-height:24px;padding:0 10px;margin:5px 0 15px;font-family:'Nanum Gothic';font-size:13px;}
div.thumb ul.list > li span.age{display:block;margin-bottom:10px;font-size:0.9em;color:blue;}

div.thumb ul.view{margin:0 -10px;}
div.thumb ul.view:after{display:block;content:'';clear:both;}
div.thumb ul.view > li{float:left;padding:10px;box-sizing:border-box;}
div.thumb ul.view > li.img{width:40%;height:206px;line-height:206px;padding:0px 10px;margin:14px 0;overflow:hidden;text-align:center;}
div.thumb ul.view > li.img img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;}
div.thumb ul.view > li.info{width:60%;}

div.thumb ul.view > li.info{margin:5px 0;}
div.thumb ul.view > li.info table{width:100%;border-collapse:collapse;}
div.thumb ul.view > li.info table > thead th{padding:8px;background:#f8f8f8;border:1px solid #e5e5e5;}
div.thumb ul.view > li.info table > tbody th{padding:8px;background:#f8f8f8;border:1px solid #e5e5e5;text-align:center;}
div.thumb ul.view > li.info table > tbody td{padding:8px;border:1px solid #e5e5e5;}
