.overflow table .btns a{white-space:nowrap;}
table{width:100%;}
.bbs_basic table{width:100%;border-top:2px solid #0054a6;}
.bbs_basic table td{padding:25px 0;border-bottom:1px solid #ddd;vertical-align:middle;}
.bbs_basic table td.date .day{font-size:40px;color:#000;letter-spacing:-2px;font-weight:500;line-height:100%;}
.bbs_basic table td.date .ym{font-size:18px;color:#666;}
.bbs_basic table td.date,
.bbs_basic table td.num{width:100px;text-align:center;color:#000;letter-spacing:-2px;font-weight:500;line-height:100%;}


.bbs_basic table td.status{width:166px;text-align:center;vertical-align:middle;position:relative;}
.bbs_basic table td.status:before{content:"";position:absolute;top:25px;left:0;width:1px;height:74px;background:#e5e5e5;}
.bbs_basic table td.status span{padding:0 10px;margin:0 auto;width:100px;background:#b3b3b3;font-size:18px;color:#fff;width:100px;display:inline-block;line-height:35px;}
.bbs_basic table td.status2 span{background:#ed7c3b;line-height:35px;}
@media screen and (max-width:768px) {
    .bbs_basic table td.status{width:inherit;margin-left:1rem;padding-bottom:0;text-align:left;}
    .bbs_basic table td.status::before{display:none;}
    .bbs_basic table td.status span{text-align:center;}
}
.bbs_basic table td.sbj{vertical-align:middle;}
.bbs_basic table td.sbj>div{padding:0 50px;border-left:1px solid #e5e5e5;word-break:keep-all;}
.bbs_basic table td.sbj div.tit{font-size:20px;color:#333;margin-bottom:10px;font-weight:500;}
.bbs_basic table td.sbj dl{display:inline-block;margin-right:20px;line-height:1;}
.bbs_basic table td.sbj dt{color:#666;padding-right:10px;margin-right:10px;border-right:1px solid #d9d9d9;}
.bbs_basic table td.sbj dd{color:#808080;}
.bbs_basic table td.sbj dt,
.bbs_basic table td.sbj dd{float:left;font-size:20px;}
.bbs_basic table td.more{width:145px;text-align:right;padding-right:40px;vertical-align:middle;}
.bbs_basic table td a.btn{overflow:hidden;display:block;float:right;width:36px;height:38px;padding:0;line-height:32px;border:1px solid #ddd;transition:all 0.4s ease-out;text-align:left;border-radius:0;}
.bbs_basic table td a.btn span{display:inline-block;display:none;width:0;padding-left:0;vertical-align:middle;font-size:15px;transition:all 0.4s ease-out;}
.bbs_basic table td a.btn div{display:inline-block;position:relative;width:14px;height:14px;vertical-align:middle;margin:11px;}
.bbs_basic table td a.btn div:before{display:block;content:"";width:2px;height:100%;position:absolute;left:50%;top:0%;margin-left:-1px;background:#bfbfbf;}
.bbs_basic table td a.btn div:after{display:block;content:"";width:100%;height:2px;position:absolute;left:00%;top:50%;margin-top:-1px;background:#bfbfbf;}
@media screen and (max-width:1024px){
    .bbs_basic table td.date{display:none;}
    .bbs_basic table td.more{width:inherit;padding-right:1rem;}
    .bbs_basic table td.sbj>div{padding:0 3%;border-left:0;}
    .bbs_basic table td.sbj dt,
    .bbs_basic table td.sbj dd{font-size:16px;}
}
@media screen and (min-width:1024px){
    .bbs_basic table tr:hover td a.btn{border:1px solid #0054a6;width:145px;transition:all 0.4s ease-out;background:#0054a6;}
    .bbs_basic table tr:hover td a.btn span{display:inline-block;width:102px;padding-left:20px;color:#fff;transition:all 0.4s ease-out;;}
    .bbs_basic table tr:hover td a.btn div:before{background:#fff;}
    .bbs_basic table tr:hover td a.btn div:after{background:#fff;}
}
.bbs_basic table tbody tr:hover{background:#f3f3f3;}
.bbs_basic table td.sbj div.tit > div{display:inline-block;padding-right:70px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90%;}
.bbs_basic table td.sbj div.tit .label{position:absolute;top:0;right:0;}
.bbs_basic table td.sbj div.tit .label span{display:block;width:60px;line-height:28px;text-align:center;font-size:16px;color:#fff;}
.bbs_basic table td.sbj div.tit .label span.label1{border:1px solid #0054a6;color:#0054a6;}
.bbs_basic table td.sbj div.tit .label span.label2{border:1px solid #aa0000;color:#aa0000;}
.bbs_basic table td.sbj div.tit .label span.label3{border:1px solid #ed7c3a;color:#ed7c3a;}
.bbs_basic table td.sbj div.tit .label span.label4{border:1px solid #33ae82;color:#33ae82;}

table.contentsTable{width:100%;border-top:1px solid #0054a6;margin-top:10px;}
table.contentsTable thead{font-size:1em;background:#f8f8f8;}
table.contentsTable thead th,
table.contentsTable .thead th{padding:10px;font-weight:500;border-bottom:1px solid #ddd;border-right:1px solid #ddd;vertical-align:middle;color:#4c4c4c;font-size:17px;}
table.contentsTable thead th.txtRight{text-align:center;}
table.contentsTable thead th:last-child,
table.contentsTable .thead th:last-child{border-right-width:0;}
table.contentsTable tbody{vertical-align:middle;color:#666;}
table.contentsTable tbody tr{border-bottom:1px solid #ddd;}
table.contentsTable tbody th{padding:10px;border-right:1px solid #ddd;vertical-align:middle;background:#f8f8f8;font-size:20px;color:#333;font-weight:700;}
table.contentsTable tbody th.left{text-align:left;padding:10px;border-right:1px solid #ddd;vertical-align:middle;background:#f8f8f8;font-size:15px;color:#666;font-weight:500;}
table.contentsTable tbody td{background:#fff;padding:10px 15px;border:1px solid #ddd;border-width:0 1px 0 0;vertical-align:middle;font-size:18px;line-height:1.6;color:#333;}
table.contentsTable tbody td.right{text-align:right;font-size:15px;line-height:20px;color:#666;font-weight:500;}
table.contentsTable tbody td.center{text-align:center;font-size:15px;line-height:20px;color:#666;font-weight:500;}
table.contentsTable tbody.center td{text-align:center;font-size:17px;}
table.contentsTable tbody td:last-child{border-right:0}
table.contentsTable tbody td.business{text-align:left;}
table.contentsTable tbody td span.bold{font-weight:600;}
table.contentsTable tbody td .blue{font-weight:600;color:#3676b3;margin-right:5px;top:-3px;}
table.contentsTable tbody td .green{color:#50a332;}
table.contentsTable tbody td ul li{padding-left:15px;position:relative;}
table.contentsTable tbody td ul li:before{display:block;width:7px;height:2px;background-color:#0054a6;content:"";position:absolute;top:10px;left:0;}
table.contentsTable tbody td.empty{text-align:center;height:200px;}
@media screen and (max-width:768px) {
    table.contentsTable.left tbody th,
    table.contentsTable.left tbody td{border-right:0;}
}

table.contentsTable02{width:100%;border-top:1px solid #0054a6;margin-top:10px;}
table.contentsTable02 thead{font-size:1em;font-weight:400;background:#f8f8f8;}
table.contentsTable02 thead th{padding:10px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;vertical-align:middle;color:#4c4c4c;font-size:17px;}
table.contentsTable02 thead th.txtRight{text-align:center;}
table.contentsTable02 thead th:last-child{border-right:0}
table.contentsTable02 tbody{vertical-align:middle;color:#666;}
table.contentsTable02 tbody tr{border-bottom:1px solid #ddd;}
table.contentsTable02 tbody tr th{padding:10px;border-right:1px solid #ddd;vertical-align:middle;background:#f8f8f8;font-size:20px;color:#333;font-weight:700;}
table.contentsTable02 tbody tr th.left{text-align:left;padding:10px;border-right:1px solid #ddd;vertical-align:middle;background:#f8f8f8;font-size:15px;color:#666;font-weight:500;}
table.contentsTable02 tbody tr td{background:#fff;padding:10px 15px;border-right:1px solid #ddd;vertical-align:middle;font-size:18px;line-height:1.6;color:#333;}
table.contentsTable02 tbody tr td.right{text-align:right;font-size:15px;line-height:20px;color:#666;font-weight:500;}
table.contentsTable02 tbody tr td.center{text-align:center;font-size:15px;line-height:20px;color:#666;font-weight:500;}
table.contentsTable02 tbody tr td:last-child{border-right:0}
table.contentsTable02 tbody tr td.business{text-align:left;}
table.contentsTable02 tbody tr td span.bold{font-weight:600;}
table.contentsTable02 tbody tr td .blue{font-weight:600;color:#3676b3;margin-right:5px;top:-3px;}
table.contentsTable02 tbody tr td .green{color:#50a332;}
table.contentsTable02 tbody tr td ul li{padding-left:15px;position:relative;}
table.contentsTable02 tbody tr td ul li:before{display:block;width:7px;height:2px;background-color:#0054a6;content:"";position:absolute;top:10px;left:0;}

table.contentsTable2{width:100%;border-top:1px solid #0054a6;margin-top:10px;}
table.contentsTable2 thead{font-size:1em;font-weight:400;background:#f8f8f8;}
table.contentsTable2 thead th{padding:10px;border-bottom:1px solid #ddd;vertical-align:middle;color:#4c4c4c;font-size:20px;font-weight:500;background:#eee;}
table.contentsTable2 tbody{vertical-align:middle;color:#666;}
table.contentsTable2 tbody tr{border-bottom:1px solid #ddd;}
table.contentsTable2 tbody tr:hover{background:#f3f3f3;}
table.contentsTable2 tbody tr th{padding:10px;vertical-align:middle;background:#f8f8f8;font-size:20px;color:#333;font-weight:700;}
table.contentsTable2 tbody tr td{padding:10px 15px;vertical-align:middle;font-size:17px;line-height:1.6;color:#808080;text-align:center;}
table.contentsTable2 tbody tr td .red-cir{
  margin:auto;
  width : 30px;
  height : 30px;
  border-radius: 50%;
  background-color: red;}
table.contentsTable2 tbody tr td .yellow-cir{
  margin:auto;
  width : 30px;
  height : 30px;
  border-radius: 50%;
  background-color: yellow;}
table.contentsTable2 tbody tr td .green-cir{
  margin:auto;
  width : 30px;
  height : 30px;
  border-radius: 50%;
  background-color: green;}
  table.contentsTable2 tbody tr td a {cursor:pointer;}
table.contentsTable2 tbody tr td .btns a{display:inline-block;color:#fff;margin-left:-3px;}
table.contentsTable2 tbody tr td .btns a:first-child{margin-right:2%;}
@media screen and (max-width:768px) {
    table.contentsTable2 thead th{font-size:17px;}
}

table.contentsTable3{width:100%;border-top:1px solid #0054a6;margin-top:10px;}
table.contentsTable3 thead{font-size:1em;font-weight:400;background:#f8f8f8;}
table.contentsTable3 thead th{padding:10px;border-bottom:1px solid #ddd;vertical-align:middle;color:#4c4c4c;font-size:20px;font-weight:500;background:#eee;}
table.contentsTable3 tbody{vertical-align:middle;color:#666;}
table.contentsTable3 tbody tr{border-bottom:1px solid #ddd;}
table.contentsTable3 tbody tr:hover{background:#f3f3f3;}
table.contentsTable3 tbody tr th{padding:10px;vertical-align:middle;background:#eee;font-size:20px;color:#4c4c4c;font-weight:500;text-align:left;}
table.contentsTable3 tbody tr td{padding:10px 15px;vertical-align:middle;font-size:18px;line-height:1.6;color:#4c4c4c;background:#fff;}
table.contentsTable3 tbody tr td .btns a{display:block;float:left;width:49%;color:#fff;line-height:45px;}
table.contentsTable3 tbody tr td .btns a:first-child{margin-right:2%;}


table.informationTable{width:100%;border-top:1px solid #0054a6;margin-top:10px;}
table.informationTable tbody{vertical-align:middle;color:#666;}
table.informationTable tbody tr{border-bottom:1px solid #ddd;}
table.informationTable tbody tr th{padding:10px;border-right:1px solid #ddd;vertical-align:middle;font-size:30px;color:#4c4c4c;font-weight:700;}
table.informationTable tbody tr td{background:#eee;padding:30px;border-right:1px solid #ddd;vertical-align:middle;font-size:18px;color:#4c4c4c;font-weight:300;}
table.informationTable tbody tr td:last-child{border-right:0}


/* 게시판 페이지 */
.paging{text-align:center;margin:30px 0 0 0;}
.paging > a{display:inline-block;}
.paging *{vertical-align:middle;}
.paging span.back{float:left;}
.paging .number{display:inline-block;margin:0 3px;font-weight:300;font-size:15px;}
.paging .number a{display:inline-block;width:27px;height:27px;line-height:27px;text-align:center;color:#666;font-size:18px;font-weight:500;}
.paging .number a:hover, .paging .number a.on{color:#fff;background-color:#0054a6;}


/*pagenate*/
.paginate{text-align:center;display:block;position:relative;padding:30px 10px 20px;}
.paginate *{text-decoration:none;font-size:12pt;font-weight:600;vertical-align:middle;}
.paginate a{display:inline;padding:4px 10px;background:#f6f6f6;color:#495164;}
.paginate a:hover,
.paginate a:active,
.paginate a:focus{background:#777;color:#fff;}
.paginate strong{display:inline;padding:3px 9px;background:#0054a6;color:#fffeff;border:1px solid #40768e;}
.paginate span.prev{margin-right:14px;}
.paginate span.prev,.paginate span.next{position:static;background:transparent;}
.paginate span.prev a,.paginate span.next a{background:transparent;vertical-align:top;}
.paginate span.prev a i,.paginate span.next a i{color:#333;}
.paginate span.next{margin-left:14px;}

table.viewBoard{border-top:2px solid #0054a6;}
table.viewBoard thead th span.answer{color:#1e478a;margin-right:10px;}
table.viewBoard tbody .counsel_lastLine{border:none;}

table.viewBoard thead th{border-bottom:1px solid #ccc;text-align:center;font-size:20px;padding:15px 30px;font-weight:500;}
table.viewBoard thead th span{color:#0054a6;margin-right:10px;}
table.viewBoard > tbody th{border-bottom:1px solid #d9d9d9;text-align:left;line-height:18px;color:black;}
table.viewBoard tbody td{border-bottom:1px solid #ccc;padding:12px 30px;text-align:left;}
table.viewBoard tbody td dl{font-size:0;}
table.viewBoard tbody td dl.first{float:left;}
table.viewBoard tbody td dl.second{float:right;}
table.viewBoard tbody td dl dt{display:inline-block;position:relative;padding-right:10px;font-size:17px;}
table.viewBoard tbody td dl dt:after{content:"";display:block;position:absolute;width:1px;height:60%;background:#999;left:100%;top:20%;}
table.viewBoard tbody td dl dd{display:inline-block;padding-left:10px;font-size:17px;}
table.viewBoard td.cont{height:200px;vertical-align:top;}
table.viewBoard tbody td .date{float:left;}
table.viewBoard tbody td .click{float:right;}

table.prevNext{border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:28px;}
table.prevNext th, table.prevNext td{padding:10px 0;}
table.prevNext th{padding-left:20px;text-align:left;}
table.prevNext td{padding-left:20px;text-align:left;}
table.prevNext td{background:url('../images/board/bg_board_tab.gif') left center no-repeat #fff;}
table.prevNext .prev th{background:url('../images/board/bg_prve_writing.gif') 80px center no-repeat #fff;border-bottom:1px solid #d9d9d9;color:#7e7e7e}
table.prevNext .prev td{border-bottom:1px solid #d9d9d9;}
table.prevNext .next th{background:url('../images/board/bg_next_writing.gif') 80px center no-repeat #fff;color:#7e7e7e}

/* faq 자주하는질문 */
.faqList{}
.faq_box{border:1px solid #ddd;background:#fff;padding:20px 50px 8px 43px;margin-bottom:5px;cursor:pointer;}
.faq_box.on{border:1px solid #ddd;background:#f8f8f8;padding:20px 50px 8px 43px;margin-bottom:5px;cursor:pointer;}
.faq_box .qustion{padding-left:60px;background:url("../images/board/faq_q.png") no-repeat left top;position:relative;}
.faq_box .qustion a{display:block;position:relative;font-size:20px;color:#333;font-weight:500;padding-bottom:10px;}
.faq_box.on .qustion a{display:block;position:relative;font-size:20px;font-weight:500;padding-bottom:15px;}
.faq_box .qustion a .arr{position:absolute;right:0;top:0px;width:15px;height:15px;border-top:2px solid #aaa;border-right:2px solid #aaa;transform:rotateZ(130deg) skew(-9deg);transition:all 0.3s;}
.faq_box.on .qustion a .arr{position:absolute;right:0;top:10px;width:15px;height:15px;border-top:2px solid #aaa;border-right:2px solid #aaa;transform:rotateZ(309deg) skew(-9deg);transition:all 0.3s;}
.faq_box .answer{display:none;padding:15px 0 0 60px;border-top:1px solid #dedede;background:url("../images/board/faq_a.png") no-repeat 0 15px;}
.faq_box .answer p{margin-bottom:25px;font-size:17px;color:#666;line-height:200%;}
.faq_box .answer .dot{display:block;padding-left:13px;background:url("../images/board/list_bg4.gif") no-repeat left 12px;}
.faq_box .answer ul{margin-bottom:25px;}
.faq_box .answer ul li{font-size:14px;color:#666;line-height:200%;padding-left:14.5px;background:url("../images/board/list_bg4.gif") no-repeat left 12px;}
.faq_box .answer .numtitle{display:block;}
.faq_box .answer .numtitle span{display:inline-block;width:19px;height:19px;padding:0 2px;text-align:center;line-height:19px;font-size:14.5px;color:#fff;background:#f15b6d;margin-right:5px;}

/* 버튼 */
.btnWrap{margin:30px 0;text-align:center;}
.btnWrap button.search{display:inline-block;width:245px;height:45px;line-height:44px;text-align:center;font-size:20px;color:#f15b6d;border-radius:5px;border:1px solid #f15b6d;background:#fff;}
.btnWrap button.darkGray{background-color:#54545f;border-color:#54545f;color:#fff;}
.btnWrap a{display:inline-block;width:245px;height:69px;line-height:67px;text-align:center;font-size:20px;color:#f15b6d;border-radius:5px;border:1px solid #f15b6d;background:#fff;}
.btnWrap a.blue{background-color:#0054a6;border-color:#0054a6;color:#fff;}
.btnWrap a.sky{background-color:#31b0b8;border-color:#31b0b8;color:#fff;}
.btnWrap a.pink{background-color:#f15b6d;border-color:#f15b6d;color:#fff;}
.btnWrap a.gray{background-color:#808080;border-color:#808080;color:#fff;}
.btnWrap a.darkGray{background-color:#54545f;border-color:#54545f;color:#fff;}
.btnWrap a.orange{background-color:#ed7b3c;border-color:#ed7b3c;color:#fff;}
.btnModify,
.btnModify2,
.btnDownload{display:inline-block;width:200px;height:45px;line-height:45px;margin:3px 0;text-align:center;color:#fff;background:#0054a6;border-radius:5px;}
.btnDownload img{position:relative;top:10px;margin-right:10px;}
.btnModify2,
.btnModify{background:#31b0b7;}
.btnPrint img{position:relative;top:14px;margin-right:10px;}
@media (max-width:768px){
    .btnWrap a{width:auto;height:auto;padding:13px 20px;line-height:1;margin:3px 0;}
    .program_view .btnWrap a img{margin-top:1px;}
}


table.writeForm{width:100%;border-top:2px solid #0054a6;margin-top:10px;}
table.writeForm thead{font-size:1em;font-weight:400;background:#f8f8f8;}
table.writeForm thead th{padding:10px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;vertical-align:middle;color:#4c4c4c;font-size:17px;}
table.writeForm thead th:last-child{border-right:0}
table.writeForm tbody{vertical-align:middle;color:#666;}
table.writeForm tbody tr{border-bottom:1px solid #ddd;}
table.writeForm tbody tr th{padding:10px 15px;border-right:1px solid #d9d9d9;vertical-align:middle;background:#efefef;font-size:20px;color:#4c4c4c;font-weight:500;text-align:left;}
table.writeForm tbody tr td{background:#fff;padding:10px 15px;border-right:1px solid #d9d9d9;vertical-align:middle;font-size:18px;line-height:1.6;color:#333;position:relative;word-break:break-all;}
table.writeForm tbody tr td:last-child{border-right:0}
table.writeForm tbody tr td ul li{padding-left:15px;position:relative;}
table.writeForm tbody tr td ul li:before{display:block;width:7px;height:2px;background-color:#0054a6;content:"";position:absolute;top:10px;left:0;}
table.writeForm tbody tr td input[type="text"]{line-height:40px;}
@media screen and (max-width:1024px){
    table.writeForm,
    table.writeForm tbody,
    table.writeForm tbody tr,
    table.writeForm tbody tr th,
    table.writeForm tbody tr td{display:block;border-right:0;}
    table.writeForm tbody tr td{padding-bottom:15px;}
}

table.attendanceTable {border-top:1px solid #0054a6; margin-top:10px;}
table.attendanceTable thead {font-size:1em;font-weight:400;background:#eee;}
table.attendanceTable thead th {padding:10px; border-bottom:1px solid #ddd;vertical-align:middle; color:#4c4c4c; font-size:20px;font-weight:500;background:#eee;border-left:1px solid #ddd;}
table.attendanceTable thead th:first-child {border-left:none;}
table.attendanceTable tbody {vertical-align:middle;color:#666;}
table.attendanceTable tbody tr {border-bottom:1px solid #ddd;}
table.attendanceTable.list tbody tr {cursor:pointer;}
table.attendanceTable tbody tr th {padding:10px;vertical-align:middle; background:#eee; font-size:17px; color:#4c4c4c;font-weight:500; border-left:1px solid #ddd;}
table.attendanceTable tbody tr th:first-child {border-left:none;}
table.attendanceTable tbody tr td {padding:10px;vertical-align:middle;font-size:17px; line-height:1.6; color:#808080;text-align:center;border-left:1px solid #ddd;}
table.attendanceTable tbody tr td:first-child {border-left:none;}
table.attendanceTable tbody tr td .btns {overflow:hidden;}
table.attendanceTable tbody tr td .btns a {display:inline-block;color:#fff;line-height:31px;margin-left:-3px; font-size: 1rem;margin-right:2%;}
table.attendanceTable tbody tr td .btns a:last-child {margin-right: 0;}
table.attendanceTable thead th,
table.attendanceTable thead td,
table.attendanceTable tbody th,
table.attendanceTable tbody td {min-width:60px;}


table.writeForm2{width:100%;border-top:2px solid #0054a6;margin-top:10px;}
table.writeForm2 thead{font-size:1em;font-weight:400;background:#f8f8f8;}
table.writeForm2 thead th{padding:10px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;vertical-align:middle;color:#4c4c4c;font-size:17px;}
table.writeForm2 thead th:last-child{border-right:0}
table.writeForm2 tbody{vertical-align:middle;color:#666;}
table.writeForm2 tbody tr{border-bottom:1px solid #ddd;}
table.writeForm2 tbody tr th{padding:10px 15px;border-right:1px solid #ddd;vertical-align:middle;background:#efefef;font-size:20px;color:#4c4c4c;font-weight:500;text-align:center;}
table.writeForm2 tbody tr td{background:#fff;padding:10px 15px;border-right:1px solid #ddd;vertical-align:middle;font-size:18px;line-height:45px;color:#333;}
table.writeForm2 tbody tr td:last-child{border-right:0}
table.writeForm2 tbody tr td ul li{padding-left:15px;position:relative;}
table.writeForm2 tbody tr td ul li:before{display:block;width:7px;height:2px;background-color:#0054a6;content:"";position:absolute;top:10px;left:0;}
table.writeForm2 .selectBox{display:inline-block;vertical-align:top;}
table.writeForm2 input{height:45px;line-height:43px;padding:0 10px;}
table.writeForm2 input[type=file]{padding:0;}
table.writeForm2 textarea{background:#fff;}
span.star{color:#cd2727}
textarea{background:#f8f8f8;resize:none;height:230px;color:#666;padding:10px;}
@media screen and (max-width:500px) {
    table.writeForm2 input[type=file]{width:100%;}
}

/* 게시판 검색 */
.board_search{background:#f8f8f8;border:1px solid #D9D9D9;margin-top:30px;padding:11px 1rem;text-align:center;}
.board_search select, .board_search input {
    border: 1px solid #d2d2d2;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    vertical-align: middle;
}
.board_search input[type="text"] {
    width: 38%;
    margin: 0 10px;
    background: #fff;
}
.board_search input[value="검색"]{background:#808080;border:none;padding:0px 15px;height:45px;line-height:45px;text-align:center;*line-height:12px;color:white;font-size:14px;}

/*toggle*/
.toggleSwitch span span {
    display:none;
  }
  
  @media only screen {
    .toggleSwitch {
      display:inline-block;
      height:18px;
      position:relative;
      vertical-align:middle;
      overflow:visible;
      padding:0;
      margin-right:16px;
      cursor:pointer;
      width:40px;
    }
    .toggleSwitch * {
      -webkit-box-sizing:border-box;
      -moz-box-sizing:border-box;
      box-sizing:border-box;
    }
    .toggleSwitch label,
    .toggleSwitch > span {
      line-height:20px;
      height:20px;
      vertical-align:middle;
    }
    .toggleSwitch input:focus ~ a,
    .toggleSwitch input:focus + label {
      outline:none;
    }
    .toggleSwitch label {
      position:relative;
      z-index:3;
      display:block;
      width:100%;
    }
    .toggleSwitch input {
      position:absolute;
      opacity:0;
      z-index:5;
    }
    .toggleSwitch > span {
      position:absolute;
      left:-50px;
      width:100%;
      margin:0;
      padding-right:50px;
      text-align:left;
      white-space:nowrap;
    }
    .toggleSwitch > span span {
      position:absolute;
      top:0;
      left:0;
      z-index:5;
      display:block;
      width:50%;
      margin-left:50px;
      text-align:left;
      font-size:0.9em;
      width:100%;
      left:15%;
      top:-1px;
      opacity:0;
    }
    .toggleSwitch a {
      position:absolute;
      right:50%;
      z-index:20;
      display:block;
      height:100%;
      padding:0;
      left:2px;
      width:18px;
      background-color:#fff;
      border:1px solid #CCC;
      border-radius:100%;
      -webkit-transition:all 0.2s ease-out;
      -moz-transition:all 0.2s ease-out;
      transition:all 0.2s ease-out;
      box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);
    }
    .toggleSwitch > span span:first-of-type {
      color:#ccc;
      opacity:1;
      left:45%;
    }
    .toggleSwitch > span:before {
      content:'';
      display:block;
      width:100%;
      height:100%;
      position:absolute;
      left:50px;
      top:-2px;
      background-color:#eee;
      border:1px solid #ccc;
      border-radius:30px;
      -webkit-transition:all 0.2s ease-out;
      -moz-transition:all 0.2s ease-out;
      transition:all 0.2s ease-out;
    }
    .toggleSwitch input:checked ~ a {
      border-color:#fff;
      left:100%;
      margin-left:-8px;
    }
    .toggleSwitch input:checked ~ span:before {
      border-color:#0097D1;
      box-shadow:inset 0 0 0 30px #0097D1;
    }
    .toggleSwitch input:checked ~ span span:first-of-type {
      opacity:0;
    }
    .toggleSwitch input:checked ~ span span:last-of-type {
      opacity:1;
      color:#fff;
    }
  }


@media screen and (max-width:1401px) {
    .board_search{border-width:1px 0;}
}
@media screen and (max-width:1401px) {
    .board_search input[type="text"]{width:50%;}
}

@media (max-width:768px) {
    .board_search{flex-wrap:wrap;}
    .board_search select,
    .board_search input[type="text"],
    .board_search input[type="submit"]{margin:5px 0 0;width:100%;}
    .board_search select{margin-top:0;}
}