.board .open{display:inline-block;width:70px;height:25px;line-height:25px;font-size:15px;color:#fff;background:#2e63aa;border:1px solid #0b4798;border-radius:3px;text-align:center;}
.board .adno-open{display:inline-block;width:70px;height:25px;line-height:25px;font-size:15px;color:#fff;background:#c60013;border:1px solid #FF0000;border-radius:3px;text-align:center;}
.board .no-open{display:inline-block;width:70px;height:25px;line-height:25px;font-size:15px;color:#fff;background:#929191;border:1px solid #767676;border-radius:3px;text-align:center;}

.board .status-re{display:inline-block;width:70px;height:25px;line-height:25px; align-items:center; justify-content:center;font-size:15px;color:#FFFFFF;background:#2e63aa;border:1px solid #b68101;border-radius:3px;text-align:center;} /*  ?�Ԩ�?????��?����?����  */
.board .status-ing{display:inline-block;width:70px;height:25px;line-height:25px; align-items:center; justify-content:center;font-size:15px;color:#fff;background:#c60013;border:1px solid #ac0011;border-radius:3px;text-align:center;} /* ?����?����?����?����?��??����  */
.board .status-end{display:inline-block;;width:70px;height:25px;line-height:25px; align-items:center; justify-content:center;font-size:15px;color:#FFFFFF;background:#8C8C8C;border:1px solid #3f3f3f;border-radius:3px;text-align:center;} /*  ?����?����  ????��??���� */
.board .status-ia{display:inline-block;width:70px;height:25px;line-height:25px; align-items:center; justify-content:center;font-size:15px;color:#FFFFFF;background:#86E57F;border:1px solid #3f3f3f;border-radius:3px;text-align:center;}/* ?����????��?�樫?���� ?����?����  */
/* .board .status-hide{display:inline-block;width:60px;height:16px;line-height:16px;font-size:11px;color:#fff;background:#505050;border:1px solid #3f3f3f;border-radius:3px;letter-spacing:-1px;} ?����?����?����?����???��??����?����?��??����?���� 
.board .status-no-re{display:inline-block;width:60px;height:16px;line-height:16px;font-size:11px;color:#fff;background:#0f8a46;border:1px solid #0a7339;border-radius:3px;}  ?����?����  ?����?����?���� */
.board .status-move{display:inline-block;width:70px;height:25px;line-height:25px; align-items:center; justify-content:center;font-size:15px;color:#000000;background:#FFFFFF;border:1px solid #6044a2;border-radius:3px;text-align:center;}/*   ?����?����, ?����?����?����?����???��??����?����?��??����?���� ,  ?����?���� ,  ?����?����  ?����?����?���� */
.board .status-end2{display:inline-block;width:70px;height:25px;line-height:25px; align-items:center; justify-content:center;font-size:15px;color:#000000;background:#e46f35;border:1px solid #c75116;border-radius:3px;text-align:center;}/* ?����?����  ?����?��??��??���??����  ????��??���� */
.board .status-end3{display:inline-block;width:70px;height:25px;line-height:25px; align-items:center; justify-content:center;font-size:15px;color:#FFFFFF;background:#008040;border:1px solid #3f3f3f;border-radius:3px;text-align:center;}/*  ?�Ԩ�?????�� ????��??����( ?����??��??��  ) */

.board-top{/*overflow:hidden;*/margin-bottom:10px; display:flex; justify-content: space-between; flex-wrap:wrap;}
.board-top::after { content:""; display:none; clear:both;}
.board-top .left{float:left;}
.board-top .right{float:right;}
.board-top .board-top-left { display:flex; align-items: center; }
.board-top .board-top-right { display:flex; align-items: center; }
.board-top .count{ display:flex; align-items:center; height:auto; font-size:15px; line-height:1.2; color:#555555; }
.board-top .count::before { content:""; display:block; width:13px; height:15px; background-image:url(https://www.gwanak.go.kr/images/gwanak/board/board_coun_ico.png); background-repeat:no-repeat; background-position:center; margin-right:5px; }
.board-top .count + .sort{margin-left:20px;}
.board-top .sort a{margin:0 3px;}
.board-top .sort .on{background:url(https://www.gwanak.go.kr/images/gwanak/board/sort_on.gif) right 7px no-repeat;padding-right:10px;font-weight:600;color:#036ab3;}
.board-top .sort { position:relative; display:flex; align-items: center; }
.board-top .sort select { position:relative; width:90px; height:38px; border:1px solid #c5c9d6; border-radius:3px 0 0 3px; border-right:0; color:#666666; letter-spacing: -0.025em; }
.board-top .sort select + button[type="submit"] { border:1px solid #c5c9d6; line-height:1; font-weight:500; border-radius:0 3px 3px 0; width:50px; height:38px; color:#666666; }
.board-top .count em{font-weight:700; margin-left:4px; color:#003dad;}
.board-top .btns{padding:0;}
.board-regist-top{border:3px solid #888;padding:15px;color:#222;}

.board-top .board-search{float:right;margin-bottom:5px;text-align:right;}
.board-search {position:relative; background-color:#f8f8f8; border:1px solid #dddddd; padding:25px; box-sizing: border-box; width:100%; margin-bottom:25px;}
.board-search.bottom{text-align:center;padding:10px;border:1px solid #ddd;margin:10px 0;}
.board-search select{border:1px solid #ddd;}
.board-search input[type="text"]{border:1px solid #ddd;border-top:1px solid #cbcbcb;border-left:1px solid #cbcbcb;max-width:200px;background-color:#f8f8f8;}
.board-search input[type="submit"]{background:#464646 url(/images/gwanak/board/btn_search_bg.gif) 50% 50% no-repeat;color:#fff;font-size:12px;width:37px;height:26px;text-align:left;text-indent:-9999px;margin-left:-3px;}
.board-search input[type="submit"]:focus { outline-color:#ff0000 }
.board-search input[type="button"]{background:#464646;color:#fff;font-size:12px;border:1px solid #4f4f4f;border-radius:2px;padding:0 10px;height:25px;font-weight:bold;}
.board-search input[type="button"]:focus { outline-color:#ff0000 }
.board-search .searching{background:#464646 url(/images/gwanak/board/btn_search_bg.gif) 50% 50% no-repeat;color:#fff;font-size:12px;width:37px;height:26px;text-align:left;text-indent:-9999px;margin-left:-3px;}

/* �˻�  ���� ���� ���� 240822 */
.board-search .search-cate { margin-bottom:20px;}
.board-search .search-cate ul { display:flex; align-items: center; justify-content: center; flex-wrap:wrap;}
.board-search .search-cate ul li a { position:relative; display:block; padding:0 12px; color:#666666; font-size:15px; letter-spacing: -0.05em; margin:4px 0;}
.board-search .search-cate ul li a.active { color:#005aa7; font-weight:500; }
.board-search .search-cate ul li a::after { content:""; display:block; width:1px; height:15px; background-color:#c5c9d6; position:absolute; right:0; top:50%; transform: translateY(-50%); }
.board-search .search-cate ul li:last-child a::after { display:none; }

.board-search .search-condition { display:flex; justify-content: center; }
.board-search .search-condition .selectbox { position:relative; background-color:#ffffff; width:100%; max-width:184px; border:1px solid #c5c9d6; height:42px; box-sizing: border-box; border-radius:4px; overflow: hidden; margin-right:8px; }
.board-search .search-condition .selectbox select::-ms-expand { display: none; }
.board-search .search-condition .selectbox select { position:relative; z-index:3; height:100%; width:100%; padding:0 40px 0 8px; font-size:15px; letter-spacing: -0.05em; color:#666666; background-color:transparent; border:none;  -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.board-search .search-condition .selectbox select + span { display:block; z-index:1; position:absolute; background-image:url(../../images/gwanak/board/search_select_arrow.png); background-repeat:no-repeat; background-position:center; width:40px; top:0; right:0; height:100%; border-left:1px solid #c5c9d6 }
.board-search .search-condition input[type="text"]#searchKey { width:100%; max-width:340px; background-color:#ffffff; border:1px solid #c5c9d6; box-sizing: border-box; height:42px; border-radius:4px; padding:0 8px; color:#666666; letter-spacing: -0.05em; font-size:15px;}
.board-search .search-condition input[type="text"]#searchKeyword { width:100%; max-width:340px; background-color:#ffffff; border:1px solid #c5c9d6; box-sizing: border-box; height:42px; border-radius:4px; padding:0 8px; color:#666666; letter-spacing: -0.05em; font-size:15px; }
.board-search .search-condition input[type="text"]#searchTxt { width:100%; max-width:340px; background-color:#ffffff; border:1px solid #c5c9d6; box-sizing: border-box; height:42px; border-radius:4px; padding:0 8px; color:#666666; letter-spacing: -0.05em; font-size:15px; }
.board-search .search-condition button[type="submit"].s-command { margin-left:8px; font-size:15px; letter-spacing: -0.05em; text-indent:0; text-align: center; width:96px; height:42px; display:flex; align-items: center; justify-content: center; border-radius:4px; background:none; background-color:#437dea; color:#ffffff;}
.board-search .search-condition button[type="submit"].s-command::after { content:""; display:block; width:14px; height:14px; background-image:url(../../images/gwanak/board/search_submit_ico.png); background-repeat:no-repeat; background-position:center; margin-left:8px; }

.board-search .search-period { display:flex; align-items: center; justify-content: center; margin-bottom:8px; }
.board-search .search-period span { margin:0 7px;}
.board-search .search-period .dateinput { position:relative; width:305px; height:42px; border:1px solid #c5c9d6; background-color:#ffffff; border-radius:2px; overflow: hidden;}
.board-search .search-period .dateinput::after { content:""; position:absolute; right:0; top:0; display:block; width:42px; height:100%; background-color:#f4f5f9; background-position:center; background-repeat:no-repeat; background-image:url(../../images/gwanak/board/new_cal_ico.png); border-left:1px solid #c5c9d6; }
.board-search .search-period .dateinput input[type="text"] { position:relative; z-index:3; width:100%; max-width:305px; background-color:transparent; box-sizing: border-box; padding:0 42px 0 10px; border:none; height:100%; }

.search-table{padding:0;border:none;margin-bottom:20px;}
.search-table table{width:100%;table-layout:fixed;}
.search-table table th{padding:8px 2px 8px 5px;border:1px solid #c2c2c2;background:#f8f8f8;box-sizing:border-box;text-align:center;}
.search-table table td{padding:5px;text-align:left;border:1px solid #c2c2c2;box-sizing:border-box;}
.search-table + .btns{margin:-10px 0 0 0;padding:0;}
.search-table input + img{margin-left:3px;}

.search-wrap{text-align:center;border:1px solid #c2c2c2;padding:15px 0;box-sizing:border-box;margin-bottom:10px;}

.btn-calendar{display:inline-block;width:25px;height:22px;text-align:left;text-indent:-9999px;background:url(../../images/gwanak/board/calendar.gif) 0 0 no-repeat;}

.s-command{background:#464646 url(/images/gwanak/board/btn_search_bg.gif) 0 50% no-repeat;color:#fff;font-size:12px;width:60px;height:26px;text-align:left;text-indent:20px;margin-left:-3px;}

.board{width:100%;position:relative;}
.board .list{width:100%;table-layout:fixed;border-top:1px solid #7a7d96;}
.board .list thead th{position:relative;background:#ffffff;color:#444444; font-weight:400; font-size:14px; padding:15px 0;text-align:center; border-left:0; border-bottom:1px solid #e5e7ee; letter-spacing: -0.03em }
.board .list thead th:after { content:""; display:block; width:1px; height:15px; background-color:#c5c9d6; position:absolute; right:0; top:50%; transform: translateY(-50%); }
.board .list thead th:last-child:after { display:none }
.board .list tbody td{border-bottom:1px solid #ddd; text-align:center;padding:15px 0;word-break:break-all; font-size:14px; color:#555555; letter-spacing: -0.03em; }
.board .list tbody .notice td{background:#eaeaea;}
.board .list tbody tr:hover{background:#f8f8f8;}
.board .list tbody td.left{text-align:left;padding-left:25px;}
.board .list tbody td.title{text-align:left;padding-left:25px;}
.board .list tbody td.title a{display:block; color:#555555; width:95%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.board .list tbody td.cate { }
.board .list tbody .del{font-size:12px;color:#666;background:url(/images/gwanak/board/icon_del.gif) 3px 7px no-repeat;padding-left:13px;}
.board .list tbody .delay{font-size:12px;color:#666;background:url(/images/gwanak/board/icon_del.gif) 3px 7px no-repeat;padding-left:13px;margin-left:13px;color:#27881e;}
.board .list tbody td a span.reply{display:inline-block;width:30px;text-indent:-9999px;background:url(../../images/gwanak/board/icon_reply.gif) 0 0 no-repeat;}
.board .list tbody td .file{text-indent:-9999px;text-align:left;display:inline-block;width:20px;height:20px;padding:0;}
.board .list tbody td.no-data{padding:30px 5px;text-align:center;}
.board .list tbody td img{}
.board .list tbody td .strike{text-decoration:line-through;}
.board .list tbody th{border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;padding:8px 0;word-break:break-all;}
.board .list .data-none{padding:30px 5px;text-align:center;}
.board .list br.m{display:none;}
.board .list + .btns{padding:10px 0 0 0;}

.board .list tbody td .agency {
    display:flex;
    align-items: center;
    justify-content: center;
}

.board .list tbody td .agency .logo {
    margin-right:8px;
}

.board .list tbody td .agency.seoul .logo {
    width:29px;
    height:32px;
    background-image:url(/images/edu/common/seoul_ci.png);
    background-position:center;
    background-repeat:no-repeat;
}

.board .list tbody td .agency.eshare .logo {
    width:33px;
    height:35px;
    background-image:url(/images/edu/common/eshare.png);
    background-position:center;
    background-repeat:no-repeat;
}

.board .list tbody td .agency span {
    font-weight:500;
}

.board .list tbody td .agency.seoul span {
    max-width:calc(100% - 37px);
}

.board .list tbody td .agency.eshare span {
    max-width:calc(100% - 41px);
}

/*PC 노출 모바일 숨김*/
.board .list thead tr th.mh { display:table-cell; }
.board .list tbody tr td.mh { display:table-cell; }

/*PC, 모바일 모두 숨김*/
.board .list thead tr th.bh { display:none; }
.board .list tbody tr td.bh { display:none; }

/*PC 숨김, 모바일 노출*/
.board .list thead tr th.ph { display:none; } 
.board .list tbody tr td.ph { display:none; } 

.board .list-faq tbody th{vertical-align:top;}

.board .photo-list{border-top:1px solid #343436;border-bottom:1px solid #c1c1c1;padding:15px 0 0 0;}
.board .photo-list ul{overflow:hidden;}
.board .photo-list ul li{float:left;width:29%;margin:0 2% 15px 2%;}
.board .photo-list ul li a{display:block;position:relative;}
.board .photo-list a > span{text-align:left;line-height:1.5em;}
.board .photo-list .photo{display:block;display:block;overflow:hidden;}
.board .photo-list .photo img{width:100%;height:180px;}

.board .photo-list .photo-info{position:absolute;left:0;bottom:0;box-sizing:border-box;width:100%;background:url(/images/gwanak/board/black_bg.png) repeat;padding:10px;color:#dadada;}
.board .photo-list .photo-info span{margin-right:10px;}
.board .photo-list .photo-info .no{display:none;}
.board .photo-list .title{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff;font-size:14px;}
.board .photo-list .writer{font-size:12px;}
.board .photo-list .date{font-size:12px;}
.board .photo-list .no-data{float:none;width:auto;text-align:center;margin:0;padding:5px 0 20px;}

.board .video-list{border-top:1px solid #343436;border-bottom:1px solid #c1c1c1;padding:15px 0 0 0;}
.board .video-list ul{overflow:hidden;}
.board .video-list ul li{float:left;width:23%;margin:0 1% 15px 1%;}
.board .video-list ul li a{display:block;padding:10px 0;text-align:center;border:1px solid #ccc;}
.board .video-list ul li a > span{display:block;margin:0 auto;width:90%;text-align:left;line-height:1.5em;}
.board .video-list ul li a .photo{position:relative;margin-bottom:10px;background:#f4f4f4;overflow:hidden;display:inline-block;height:110px;}
.board .video-list ul li a .photo img{width:100%;min-height:130px;height:150px;margin:-20px 0 -20px;}
.board .video-list ul li a .photo .mv{position:absolute;right:0;bottom:0;display:block;width:50px;height:20px;text-align:left;text-indent:9999px;display:none;}
.board .video-list ul li a .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.board .video-list ul li a .title + .photo{margin-bottom:0;}
.board .video-list ul li a .writer{font-size:12px;}
.board .video-list ul li a .date{font-size:12px;}
.board .video-list ul li.no-data{float:none;width:auto;text-align:center;margin:0;padding:5px 0 20px;}

.board .blog-type{border-top:1px solid #555;}
.board .blog-type > li{padding:20px 0;border-bottom:1px solid #ddd;}
.board .blog-type > li.recommond{padding:20px 0;border-bottom:1px solid #ddd;height: 158px;}
.board .blog-type > li > a{display:block;overflow:hidden;}
.board .blog-type > li > a.recommond{float: left;margin-right: 3%;height: 158px; width:26%;}
.board .blog-type .photo{float: left;width: 27%;margin-right: 3%;height: 158px;}
.board .blog-type .photo img{width:100%;vertical-align:middle;}
.board .blog-type .photoRecommond{float: left;margin-right: 3%;height: 158px; width:100%;}
.board .blog-type .photoRecommond img{width:100%;vertical-align:middle;}
.board .blog-type .txt{float:left;width:70%;}
.board .blog-type .no{display:inline-block;height:20px;line-height:20px;color:#fff;background:#444;font-size:12px;padding:0 8px;}
.board .blog-type .title{font-size:15px;font-weight:600;padding:10px 0 15px;}
.board .blog-type .summary{}
.board .blog-type > li:nth-child(3n+1) .no{background:#b13d62;}
.board .blog-type > li:nth-child(3n+1) .title{color:#b13d62;}
.board .blog-type > li:nth-child(3n+2) .no{background:#00875c;}
.board .blog-type > li:nth-child(3n+2) .title{color:#00875c;}
.board .blog-type > li:nth-child(3n) .no{background:#005587;}
.board .blog-type > li:nth-child(3n) .title{color:#005587;}
.board .blog-type .no-data{width:100%;text-align:center;}

.board .ebook-list{border-bottom:1px solid #c1c1c1;padding:20px 0;}
.board .ebook-list ul{overflow:hidden;}
.board .ebook-list ul li{float:left;width:23%;margin:0 1% 15px 1%;text-align:center;}
.board .ebook-list a.photo{display:block;}
.board .ebook-list a:hover img{border-color:#4d92d9;}
.board .ebook-list img{border:1px solid #ccc;}
.board .ebook-list span{display:block;}
.board .ebook-list .title{padding:10px 0;text-align:center;}
.board .ebook-list .ebook-btns{text-align:center;}
.board .ebook-list .ebook-btns a{font-size:11px;padding:0 5px;font-weight:600;}


.paging{text-align:center;padding:30px 0; display:flex; align-items: center; justify-content: center;}
.paging > a,
.paging > span{font-weight:200;display:inline-block;width:40px;height:40px;line-height:40px;box-sizing:border-box;border:1px solid #dddddd;vertical-align:top;margin:0 2px; font-size:16px; color:#444444; }
.paging a span,
.paging span span{position:absolute;left:-9999em;top:-9999em;}
.paging a:hover{border:1px solid #0d375c;}
.paging .first{background:#ffffff url(../../images/edu/common/new_icon_first.png) center center no-repeat;text-align:left;text-indent:-9999px;}
.paging .prev{background:#ffffff url(../../images/edu/common/new_icon_prev.png) center center no-repeat;text-align:left;text-indent:-9999px; margin-right:20px; }
.paging .num{text-align:center;}
.paging .num span{position:absolute;left:-9999em;top:-9999em;}
.paging .next{background:#ffffff url(../../images/edu/common/new_icon_next.png) center center no-repeat;text-align:left;text-indent:-9999px; margin-left:20px; }
.paging .last{background:#ffffff url(../../images/edu/common/new_icon_last.png) center center no-repeat;text-align:left;text-indent:-9999px; }
.paging .current{background:#0d375c;border-color:#1f4f8c;color:#fff;}
.paging + .btns{margin-top:-30px;}

.paging + .board-search{text-align:center;padding:10px;border:1px solid #ddd;}

.paginate{text-align:center;padding:30px 0;}
.paginate > a,
.paginate > span{font-weight:bold;display:inline-block;width:28px;height:28px;line-height:27px;box-sizing:border-box;border:1px solid #d1d1d1;vertical-align:top;}
.paginate a span,
.paginate span span{position:absolute;left:-9999em;top:-9999em;}
.paginate a:hover{border:1px solid #1f4f8c;}
.paginate .first{background:#f4f4f4 url(../../images/gwanak/board/icon_first.gif) center center no-repeat;text-align:left;text-indent:-9999px;}
.paginate .prev{background:#f4f4f4 url(../../images/gwanak/board/icon_prev.gif) center center no-repeat;text-align:left;text-indent:-9999px;}
.paginate .num{text-align:center;}
.paginate .num span{position:absolute;left:-9999em;top:-9999em;}
.paginate .next{background:#f4f4f4 url(../../images/gwanak/board/icon_next.gif) center center no-repeat;text-align:left;text-indent:-9999px;}
.paginate .last{background:#f4f4f4 url(../../images/gwanak/board/icon_last.gif) center center no-repeat;text-align:left;text-indent:-9999px;}
.paginate .current{background:#1f4f8c;border-color:#1f4f8c;color:#fff;}
.paginate + .btns{margin-top:-30px;}

.board .view{width:100%;table-layout:fixed;border-top:1px solid #464646;}
.board .view tbody tr:first-child th,
.board .view tbody tr:first-child td{border-top:none;}
.board .view > tbody > tr > th{width:10%;padding:7px 2px;text-align:center;border-bottom:1px solid #c2c2c2;border-right:1px solid #c2c2c2;box-sizing:border-box;background:#f8f8f8;}
.board .view > tbody > tr.md-space td{width:auto;border-bottom:1px solid #555;}
.board .view > tbody > tr.md-title th{width:auto;border-right:none;border-top:1px solid #555;}
.board .view > tbody > tr > td{padding:7px 10px 7px 15px;border-bottom:1px solid #c2c2c2;box-sizing:border-box;}
.board .view > tbody > tr > td + th{border-left:1px solid #c2c2c2;}
.board .view .b-title{}
.board .view td.b-title{font-weight:600;font-size:15px;}
.board .view .file{text-decoration:none;}
.board .attach-file p a {display:inline-block;line-height:20px;margin-right:5px;}
.board .attach-file p a:last-of-type { margin-right:0; }

.board .view-col{width:100%;table-layout:fixed;border-top:1px solid #555;}
.board .view-col > thead > tr > th{border-bottom:1px solid #c2c2c2;border-left:1px solid #c2c2c2;padding:7px 2px;background:#f8f8f8;text-align:center;}
.board .view-col > thead > tr > th:first-child{border-left:none;}
.board .view-col > tbody > tr > td{border-bottom:1px solid #c2c2c2;border-left:1px solid #c2c2c2;padding:7px 2px;text-align:center;}
.board .view-col > tbody > tr > td.left{text-align:left;}
.board .view-col > tbody > tr > td:first-child{border-left:none;}

.board .view_contents{padding:25px;overflow:hidden;line-height:normal !important;}
.board .view_contents .photo-area{text-align:center;padding-bottom:20px;}
.board .view_contents .photo-area img{max-width:100%;height:auto;}
.board .view_contents .photo-area + .txt-area{padding-top:20px;}
.board .view_contents .txt-area{word-break: break-all;line-height:170%;font-size: 12pt;}
.board .view_contents .txt-area  img{max-width:100%;height:auto !important;}
.board .view_contents .bbs_process {padding:5px;text-align:center;border-top:1px solid #555555;border-bottom:1px solid #555555;}

.board .view_contents_ect { padding:25px;overflow:hidden;line-height:normal !important; }
.board .view_contents_ect dl dt { font-size:14pt; font-weight:600; margin-bottom:12px; padding-bottom:8px; border-bottom:1px solid #dddddd; }
.board .view_contents_ect dl.answer-con { margin-top:35px; }
.board .view_contents_ect .txt-area{word-break: break-all;line-height:170%;font-size: 12pt;}
.board .view_contents_ect .txt-area  img{max-width:100%;height:auto !important;}

.board .board-view .tit { padding:30px 25px; background-color:#f2f4f8; border-top:2px solid #000000; }
.board .board-view .tit strong {display:block;font-size:24px;font-weight:600;color:#222222;letter-spacing: -0.05em;line-height: 1.4;}
.board .board-view .view-info { display:flex; align-items: center; padding:15px 25px; border-bottom:1px solid #d9dadf; flex-wrap:wrap; }
.board .board-view .view-info dl { position:relative; display:flex; align-items: center; font-size:16px; margin:5px 15px 5px 0; padding-right:15px;}
.board .board-view .view-info dl::after { content:""; display:block; width:1px; height:15px; background-color:#c5c9d6; position:absolute; right:0; top:50%; transform: translateY(-50%); }
.board .board-view .view-info dl dt { font-weight:600; }
.board .board-view .view-info dl dd { margin-left:10px; color:#555555; }
.board .board-view .view-info dl:last-of-type::after { display:none; }

.board .board-view .view-attachment { background-color:#f8f8f8; padding:25px }
.board .board-view .view-attachment ul li {position:relative;display:flex;align-items: center;margin-bottom:12px;padding-left:40px;height: 100%;}
.board .board-view .view-attachment ul li::before { content:""; position:absolute; left:0; top:0px; display:block; width:32px; height:32px; background-color:#1b5aab; border-radius:6px; margin-right:10px; background-image:url(../../images/gwanak/board/attachment_down_ico.png); background-repeat:no-repeat; background-position:center; }
.board .board-view .view-attachment ul li a { margin-right:5px; }
.board .board-view .view-attachment ul li a:last-of-type { margin-right:0; }
.board .board-view .view-attachment ul li a.filedown {font-size:16px;color:#222222;letter-spacing: -0.05em;display: flex;align-items: center;min-height: 32px;}
.board .board-view .view-attachment ul li a.viewbtns { font-size:16px; color:#222222; letter-spacing: -0.05em; display:flex; align-items: center; justify-content: center; height:32px; padding:0 10px; border:1px solid #d7d7d7; border-radius:3px; box-sizing: border-box; background-color:#ffffff;}
.board .board-view .view-attachment ul li a.viewbtns.docubrailleview::before { content:""; display:block; width:21px; height:16px; background-image:url(../../images/gwanak/board/docubrailleview_ico.png); background-repeat:no-repeat; background-position:center; margin-right:2px; }
.board .board-view .view-attachment ul li a.viewbtns.voiceview::before { content:""; display:block; width:15px; height:15px; background-image:url(../../images/gwanak/board/voiceview_ico.png); background-repeat:no-repeat; background-position:center; margin-right:4px; }
.board .board-view .view-attachment ul li:last-child { margin-bottom:0;}

.board .board-view .view-nuri dl { display:flex; align-items: center; padding:15px 0; border-top:1px solid #dddddd;  }
.board .board-view .view-nuri dl dt { width:150px; text-align: center; font-size: 15px; letter-spacing: -0.05em; font-weight: 600; }
.board .board-view .view-nuri dl dd { width: calc(100% - 150px); padding-left:15px; }
.board .board-view .view-nuri dl dd div.codeView { display:flex; align-items: center; flex-wrap:wrap; padding:25px 15px; position:relative; margin-top:5px; background:#f9f9f9; border-radius:3px; border:1px solid #dbdbdb; font-size:14px; color:#292929; font-weight:bold; }
.board .board-view .view-nuri dl dd div.codeView img { margin-right:10px; height:54px; }
.board .board-view .view-nuri dl dd div.codeView05 img { height:auto; }

.board .txt-area iframe{max-width:640px;width:100%;}
.board .movie-txt{max-width:630px;width:100%;height:100px;}

.inner-list-table ul{border-top:1px solid #d9dadf;}
.inner-list-table ul li{border-bottom:1px solid #c2c2c2;position:relative;}
.inner-list-table ul li .th{position:absolute;left:0;top:0;height:40px;line-height:40px;color:#111;width:15%;border-right:1px solid #c2c2c2;text-align:center;font-weight:600;}
.inner-list-table ul li .td-title{display:block;margin-left:18%;height:40px;line-height:40px;}
.inner-list-table ul li .td-title a{display:block;overflow:hidden;white-space:nowrap;width:100%;text-overflow:ellipsis;}
.inner-list-table ul li .td-date{display:none;}

.board-prevnext dl { display:flex; flex-wrap:wrap; border-top:1px solid #d9dadf; }
.board-prevnext dl dt { width:150px; height:48px; box-sizing: border-box; display:flex; align-items: center; justify-content: center; border-bottom:1px solid #d9dadf; font-size:15px; letter-spacing: -0.05em; font-weight:600;}
.board-prevnext dl dt.prev::after { content:""; display:block; width:11px; height:14px; background-image:url(../../images/gwanak/board/viewprev_ico.png); background-repeat:no-repeat; background-position:center; margin-left:10px; }
.board-prevnext dl dt.next::after { content:""; display:block; width:11px; height:14px; background-image:url(../../images/gwanak/board/viewnext_ico.png); background-repeat:no-repeat; background-position:center; margin-left:10px; }
.board-prevnext dl dd { width:calc(100% - 150px); height:48px; font-size:15px; letter-spacing: -0.05em; display:flex; align-items: center; justify-content: space-between; border-bottom:1px solid #d9dadf; padding:0 35px 0 15px; box-sizing: border-box; }
.board-prevnext dl dd a { color:#010101; }
.board-prevnext dl dd a:hover { font-weight:500;}
.board-prevnext dl dd span.td-title { display:block; width:calc(100% - 85px); }
.board-prevnext dl dd span.td-title a { display:block; width:100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.board-prevnext dl dd span.td-date { color:#999999 }

.board-view-btns { display:flex; align-items: center; justify-content: flex-end; margin:15px 0 35px 0; }
.board-view-btns a { margin-right:4px; }
.board-view-btns a:last-of-type { margin-right:0; }
.board-view-btns .commonbtn { display:flex; align-items: center; justify-content: center; width:80px; height:35px; color:#ffffff; letter-spacing: -0.05em; font-size:14px; border-radius:4px; background-color:#1b5aab; }
.board-view-btns .listbtn { display:flex; align-items: center; justify-content: center; width:80px; height:35px; color:#ffffff; letter-spacing: -0.05em; font-size:14px; border-radius:4px; background-color:#1b5aab; }
.board-view-btns .delbtn { display:flex; align-items: center; justify-content: center; width:80px; height:35px; color:#333; font-weight:500; letter-spacing: -0.05em; font-size:14px; border-radius:4px; background-color:#dddddd; }

.data-view{width:100%;table-layout:fixed;border-top:1px solid #464646;}
.data-view > tbody > tr > th{width:10%;padding:7px 2px;text-align:center;border:1px solid #c2c2c2;box-sizing:border-box;background:#f8f8f8;}
.data-view > tbody > tr > td{padding:7px 10px 7px 15px;border:1px solid #c2c2c2;box-sizing:border-box;}
.data-view > tbody > tr:first-child th{border-top:1px solid #464646;}
.data-view > tbody > tr:first-child td{border-top:1px solid #464646;}

.om-reply-date{font-weight:600;margin:20px 0 10px 0;background:url(/images/gwanak/board/icon_date.png) 0 0 no-repeat;height:30px;line-height:30px;padding:0 0 0 38px;font-size:15px;}
.om-reply{border:4px solid #c1c1c1;padding:15px;}
.om-reply > div{padding:15px 10px;border-top:1px dotted #c1c1c1;}
.om-reply > .detail{background:#fde4dd;}
.om-reply > p{padding:0 10px 15px 10px;border-top:none;}
.om-reply dl{padding:15px 0 10px 0;border-top:1px solid #7a7a7a;}
.om-reply dl dt{font-weight:600;padding:0 10px;font-size:15px;}
.om-reply dl dd{padding:10px;}
.om-reply dl dd.detail{background:#fde4dd;}
.om-reply-tel{padding:10px 19px;border-bottom:1px dotted #c1c1c1;}
.om-reply-file{padding:10px 19px;border-bottom:1px dotted #c1c1c1;}

.file{display:inline-block;height:20px;background:url(../../images/gwanak/board/new_icon_file.png) 0 1px no-repeat;padding-left:25px;}
.file:hover{text-decoration:underline;color:#2e63aa;}

.required-guide{margin-bottom:5px;font-size:12px;}
.required-guide em{color:#e80000;}
.required{font-weight:bold;color:#b40000;font-family:dotum;}

.board .regist{width:100%;table-layout:fixed;border-top:1px solid #464646;}
.board .regist .uploaded_file{padding:5px 0;}
.board .regist .uploaded_file a.file{text-decoration:underline;}
.board .regist .uploaded_file a.delete{background:url(../../images/gwanak/board/icon_delete.gif) 0 0 no-repeat;font-size:12px;color:#a50101;padding-left:13px;}
.board .regist input[type="text"],
.board .regist input[type="password"],
.board .regist select,
.board .regist textarea{border-radius:5px;max-width: 100%;}
.board .regist td{box-sizing:border-box;}
.board .regist td .btn{border-radius:3px;}
.board .regist tr:first-child th,
.board .regist tr:first-child td{border-top:none;}
.board .regist td .row{margin-bottom:5px;}
.board .regist td .row:last-child{margin-bottom:0;}
.board .regist td label {/* display:block; */}
.board .regist td label.noblock { display:inline; padding:0 5px;}
.board .regist .tel-label{display:inline-block;width:80px;}
.board .regist .type-inline > span{margin-right:10px;}
.board .regist input + img{margin-left:3px;}

.board .regist .radio-flex { display:flex; align-items: center; flex-wrap:wrap; }
.board .regist .radio-wrap { display:flex; align-items: center; margin:4px 15px 4px 0; }
.board .regist .radio-wrap input[type=radio] { margin:0; width:16px; height:16px; }
.board .regist .radio-wrap input[type=radio] + label { line-height:16px; margin-left:4px;}
.board .regist .radio-wrap:last-of-type { margin-right:0; }


.board .regist-col{width:100%;table-layout:fixed;border-top:1px solid #464646;}
.board .regist-col tr{}
.board .regist-col tr:first-child th{border-top:none;}
.board .regist-col tr:first-child td{border-top:none;}
.board .regist-col thead th{background:#e0e0e0;padding:6px 5px;text-align:center;font-size:12px;font-weight:bold;border:1px solid #cac9c9;}
.board .regist-col th{padding:6px 5px;text-align:center;border:1px solid #cac9c9;}
.board .regist-col td{padding:6px 5px;text-align:center;border:1px solid #cac9c9;}
.board .regist-col + .btns{padding-top:20px;}
.board .regist-col td .btn{border-radius:3px;}

.board .type-inline dt{background:#f4f4f4;padding:10px 10px 10px 20px;text-align:left;font-size:12px;font-weight:bold;border-bottom:1px solid #ddd;}
.board .type-inline dd{padding:10px 10px 10px 20px;border-bottom:1px solid #ddd;}
.board .type-inline .q{background-color:#26754c;height:20px;border-radius:10px;display:inline-block;padding:0 5px;color:#fff;}

.regist-agree{padding:10px 0 10px 10px;border-bottom:1px solid #cac9c9;}
.regist-agree label{width:auto;}
.regist-agree em{font-weight:600;}

/* ��?��??��?���??����?���� ?��??��??��?  ?����??��?��? */
.privacy-agree-wrap{}
.privacy-agree-wrap textarea{padding:10px;}
.privacy-agree-wrap .radio-check{background:#f4f4f4;padding:10px;}

.agree-box{border:1px solid #c9c9c9;padding:10px;}

.gis-icons-wrap{border:1px solid #c9c9c9;padding:5px 15px;}
.gis-icons{padding:5px 0;overflow:hidden;}
.gis-icons span{display:inline-block;margin-right:20px;white-space:nowrap;overflow:hidden;}
.gis-icons label{position:relative;display:inline-block;padding:2px 0 2px 20px;}
.gis-icons label img{position:absolute;left:0;top:0;width:16px;height:21px;margin-right:3px;}

.gis-icons table{width:100%;}
.gis-icons table .th{width:50px;font-weight:600;white-space:nowrap;}
.gis-icons table .th span{display:inline-block;width:40px;overflow:inherit;}
.gis-icons table td{border-top:1px dotted #ccc;padding:2px 0;}
.gis-icons table tr:first-child td{border-top:none;}
.gis-icons table span{width:140px;margin-right:0;}

.gis-icons.col4 span{display:inline-block;width:24%;padding:2px 0;margin:2px 0;}

.gis-map{margin-bottom:20px;}
#gisMap{width:100% !important;overflow:hidden;border-bottom:1px solid #7a7a7a;border-top:1px solid #7a7a7a;}

/* gis */
.gis-infobox{width:300px;border:1px solid #333;background-color:white;height:auto;padding:15px;overflow:hidden;position:relative;}
.gis-infobox .photo{float:left;}
.gis-infobox .photo img{width:80px;height:100px;}
.gis-infobox .photo + .info{float:left;width:200px;height:auto;}
.gis-infobox .info li{background:url(/images/gwanak/common/content/icon_dot2.gif) left 5px no-repeat;padding-left:10px;font-size:12px;margin:2px 25px 2px 0;}
.gis-infobox .info li:first-child{font-size:16px;font-weight:600;background:none;padding:0;margin-bottom:5px;}
.gis-infobox .info + div{clear:both;padding:5px 0 0 0;text-align:left;border-top:1px dotted #aaa;margin-top:5px;}
.gis-infobox .info + div a{display:inline-block;background:#666;color:#fff;height:20px;line-height:20px;padding:0 10px;margin:0 5px 0 0;font-size:11px;font-family:NanumGothic, Malgun Gothic, dotum, Arial, sans-serif;}
.gis-infobox .info + div a.close{position:absolute;right:10px;top:15px;background:url(/images/gwanak/board/btn_close.gif) center center no-repeat;width:25px;height:25px;text-align:left;text-indent:-999px;overflow:hidden;padding:0;margin:0;}

.spmc {width:30px; height:28px; overflow:hidden; background:url(/images/etc/gps_icon.png) no-repeat 0 0;line-height:999px;display:inline-block;}


/*  ?����?����?����?�������桧?�樣?��? */
.poll-wrap{border:1px solid #cac9c9;padding:2px;}
.poll-wrap h4{font-size:14px;color:#222;padding:8px;text-align:center;background:#2e63aa;color:#fff;margin-bottom:2px;}
.poll-wrap h4 + p{padding:8px 25px;color:#2e63aa;}
.poll-wrap dt{background:#e0e0e0;padding:6px 15px 6px 25px;font-weight:600;position:relative;}
.poll-wrap dt .required{position:absolute;left:15px;top:7px;}
.poll-wrap dd{padding:10px 15px 20px 25px;}
.poll-wrap dd.guide{padding:5px 15px 0 25px;color:#f1543a;}
.poll-wrap dd p{display:inline-block;margin-right:20px;}
.poll-wrap dd.type-col p{display:block;padding-top:5px;}
.poll-wrap dd p.etc{display:block;padding-top:5px;}

.poll-wrap dd table{width:100%;table-layout:fixed;}
.poll-wrap dd table td{border:1px solid #e9e9e9;}
.poll-wrap dd table .item{width:25%;padding:5px;}
.poll-wrap dd table .graph{padding:5px 0;}
.poll-wrap dd table .graph .bar{height:18px;}
.poll-wrap dd table .graph .graph1{background:#2e63aa url(/images/gwanak/board/poll_patt1.gif) 0 0 repeat;}
.poll-wrap dd table .graph .graph2{background:#2e9daa url(/images/gwanak/board/poll_patt2.gif) 0 0 repeat;}
.poll-wrap dd table .graph .graph3{background:#cb8c29 url(/images/gwanak/board/poll_patt3.gif) 0 0 repeat;}
.poll-wrap dd table .graph .graph4{background:#c84488 url(/images/gwanak/board/poll_patt4.gif) 0 0 repeat;}
.poll-wrap dd table .graph .graph5{background:#34a855 url(/images/gwanak/board/poll_patt5.gif) 0 0 repeat;}
.poll-wrap dd table .graph .graph6{background:#c13232 url(/images/gwanak/board/poll_patt6.gif) 0 0 repeat;}
.poll-wrap dd table .graph .graph7{background:#8e4daf url(/images/gwanak/board/poll_patt7.gif) 0 0 repeat;}
.poll-wrap dd table .graph .graph8{background:#c49800 url(/images/gwanak/board/poll_patt8.gif) 0 0 repeat;}
.poll-wrap dd table .graph .graph9{background:#747474 url(/images/gwanak/board/poll_patt9.gif) 0 0 repeat;}
.poll-wrap dd table .graph .graph10{background:#0097c2 url(/images/gwanak/board/poll_patt10.gif) 0 0 repeat;}
.poll-wrap dd table .number{width:15%;padding:5px;}
.poll-wrap dd table .number em{font-weight:600;}
.poll-wrap dd table td.etc{padding:5px;}
.poll-wrap dd table .answer-list{}
.poll-wrap dd.answer-list{max-height:300px;overflow-y:auto;}
.poll-wrap dd.answer-list p > span{display:inline-block;width:18px;height:14px;font-size:12px;line-height:14px;text-align:center;background:#666;color:#fff;vertical-align:middle;}
.poll-complete{border:1px solid #e9e9e9;text-align:center;padding:30px 0;font-size:20px;margin:0 0 20px 0;line-height:1.5em;}
.poll-complete p:first-child{font-size:27px;font-weight:600;margin-bottom:20px;}


.reserve-cal-navi{text-align:center;padding:20px 0;}
.reserve-cal-navi .year .prev{background:url(/images/gwanak/board/icon_prev.gif) 0 1px no-repeat;padding:0 0 0 10px;margin-right:15px;font-size:11px;font-weight:bold;}
.reserve-cal-navi .year .next{background:url(/images/gwanak/board/icon_next.gif) right 1px no-repeat;padding:0 10px 0 0;margin-left:15px;font-size:11px;font-weight:bold;}
.reserve-cal-navi .year strong{font-size:18px;}
.reserve-cal-navi .month{padding:10px 0 0 0;}
.reserve-cal-navi .month a{display:inline-block;height:22px;line-height:22px;width:24px;text-align:center;background:#eaeaea;}
.reserve-cal-navi .month a.current{background:#a50101;color:#fff;}
.reserve-cal-navi .month a:hover{background:#a50101;color:#fff;}
.reserve-cal-navi .month a span{position:absolute;left:-9999px;top:-9999px;}

.reserve-calendar td { text-align:left; padding:5px 10px;vertical-align:top;}
.reserve-calendar td .num { font-weight:600;display:block;text-align:left; }
.reserve-calendar td div{ color:#888; }
.reserve-calendar td.sun { color:#ea2727; }
.reserve-calendar td.sat { color:#277acd; }
.reserve-calendar td a.go-reserve{background:#7294a1;color:#fff;height:22px;line-height:22px;border-radius:11px;display:inline-block;padding:0 20px;}


/*  ?�⡯?����?��? ?�⡯?����  */
.free-wrap{text-align:center;}
.free-wrap:after{clear:both;display:block;content:'';}
.free-wrap ul{padding-right:25px;margin:0 auto;display:inline-block;}
.free-wrap ul li{color:#53585e;margin-right:-25px;float:left;height:44px;box-sizing:border-box;position:relative;line-height:44px;background:url('/images/gwanak/m4/free_step_bg.png') left center no-repeat;padding:0 40px 0 40px;margin-bottom:2px;}
.free-wrap ul li span{position:absolute;right:-24px;top:0;display:block;height:44px;width:25px;background:url('/images/gwanak/m4/free_step_bg.png') right center no-repeat;}
.free-wrap ul li.on{background:url('/images/gwanak/m4/free_step_bg2.png') left center no-repeat;color:#fff;}
.free-wrap ul li.on span{background:url('/images/gwanak/m4/free_step_bg2.png') right center no-repeat;}
.free-wrap ul li:last-child{padding-right:20px;}

.selfcheck-wrap{border:1px solid #cac9c9;padding:2px;margin-bottom:-1px;}
.selfcheck-wrap h6{font-size:14px;color:#222;padding:8px 15px;background:#f4f4f4;color:#222;margin-bottom:2px;}
.selfcheck-wrap h6 + p{padding:8px 25px;color:#2e63aa;}
.selfcheck-wrap .selfcheck-text{padding:5px 15px 0 25px;color:#f1543a;}
.selfcheck-wrap .selfcheck-input{padding:10px 25px 20px 25px;box-sizing:border-box;}
.selfcheck-wrap .selfcheck-con{padding:10px 25px 20px 25px;box-sizing:border-box;}
.selfcheck-wrap .type-radio li{padding:2px 0;}
.selfcheck-wrap .type-radio input{margin-right:5px;}
.selfcheck-wrap .type-check li{padding:2px 0;}
.selfcheck-wrap .type-check input{margin-right:5px;}
.selfcheck-wrap .mycheck{display:inline-block;width:22px;height:22px;text-indent:-9999px;overflow:hidden;vertical-align:middle;background:url(/images/gwanak/m4/mycheck.png) 0 0 no-repeat;}


/* sns */
.sns-site-go{border-bottom:1px dashed #ccc;padding-bottom:20px;text-align:center;margin-bottom:20px;}
.sns-site-go a{display:inline-block;width:23%;text-align:center;box-sizing:border-box;overflow:hidden;margin:0 0.5%;border-radius:5px;}
.sns-site-go .kakaostory{border:1px solid #ffca08;}
.sns-site-go .facebook{border:1px solid #466fb3;}
.sns-site-go .blog{border:1px solid #2db400;}
.sns-site-go .sns-type {width:39px; height:40px;position:absolute;left:0;top:0;}
.sns-site-go .kakaostory .sns-type{background:#ffca08 url(/images/gwanak/m2/sns_profile_k.png) center center no-repeat;}
.sns-site-go .facebook .sns-type{background:#466fb3 url(/images/gwanak/m2/sns_profile_f.png) center center no-repeat;}
.sns-site-go .blog .sns-type{background:#2db400 url(/images/gwanak/m2/sns_profile_b.png) center center no-repeat;}
.sns-site-go .sitename{display:block;padding:0 0 0 80px;line-height:40px;height:40px;}
.sns-site-go .instagram{border:1px solid #ab676f;}

.hash-tags{padding-left:1%;}
.hash-tags dl{position:relative;}
.hash-tags dl dt{background:url(/images/gwanak/common/content/icon_con2.gif) 0 12px no-repeat;padding:0 8px;position:absolute;left:0;top:0;height:25px;line-height:25px;border-right:1px solid #ccc;}
.hash-tags dl dd{padding:0 0 0 80px;}
.hash-tags dl dd a{display:inline-block;margin:0 5px 5px 0;height:25px;line-height:25px;padding:0 10px;background:#eeeeee;border-radius:4px;}
.hash-tags dl dd a:hover{background:#1f4f8c;color:#fff;}

.social-wrap{position:relative;margin-bottom:15px;}
.social-box {width:31%;margin:15px 1% 0 1%; background-color: #fff; overflow-x:hidden;float:left;box-sizing:border-box;overflow:hidden;}
.social-box .profile {position: relative;height:45px;}
.social-box .profile.kakaostory {background:#fff8dc;color:#4f451f;}
.social-box .profile.facebook {background:#d6dfee;color:#142c53;}
.social-box .profile.blog {background:#e5f4e1;color:#25411b;}
.social-box .profile.instagram {background:#f5e9ea;color:#852f3a;}
.social-box .profile .sns-type {width:39px; height:45px;position:absolute;left:0;top:0;}
.social-box .profile.kakaostory .sns-type{background:#ffca08 url(/images/gwanak/m2/sns_profile_k.png) center center no-repeat;}
.social-box .profile.facebook .sns-type{background:#466fb3 url(/images/gwanak/m2/sns_profile_f.png) center center no-repeat;}
.social-box .profile.blog .sns-type{background:#2db400 url(/images/gwanak/m2/sns_profile_b.png) center center no-repeat;}
.social-box .profile .nickname { position:relative; padding:0 55px 0 50px;height:45px;line-height:45px;font-size:13px;}
.social-box .profile .nickname:before { content:""; display:block; position:absolute; left:0px; top:0px; width:39px; height:45px; background-repeat:no-repeat; background-position:50% 50%; }
.social-box .profile.facebook .nickname:before { background-color:#466fb3; background-image:url("http://www.gwanak.go.kr/images/gwanak/m2/sns_profile_f.png"); }
.social-box .profile.blog .nickname:before { background-color:#2db400; background-image:url("http://www.gwanak.go.kr/images/gwanak/m2/sns_profile_b.png"); }
.social-box .profile .nickname .date{position:absolute;right:10px;top:0;font-size:12px;}
.social-box .profile .blog-title{padding:0 10px 0 50px;height:45px;line-height:45px;font-size:13px;}
.social-box .profile.instagram .sns-type{background:#852f3a url(/images/gwanak/m2/sns_profile_i.png) center center no-repeat;}
.social-box .social-content {text-align: justify;padding:20px;border:1px solid #ddd;border-top:none;}
.social-box .social-content .cont-pic{}
.social-box .social-content .cont-pic img{width:100%;}
.social-box .social-content .cont-pic + .cont-txt{margin-top:10px;}
.social-box .social-content .cont-txt{line-height: 1.6em;margin-bottom:10px;}
.social-box .social-content .link a{max-width: 100%; display:block; text-overflow: ellipsis; height: 1.6em;font-size:11px; overflow: hidden; color:#1f69bc;}

.social-more{margin:0 1%;}
.social-more a{display:block;background:#f1f1f1;height:40px;border-radius:5px;text-align:center;line-height:40px;font-size:15px;}
.social-more a:hover{background:#b2d5f9;}


/* 2019-03-13 ?����?��??????��?���� ?��??����?��??����?���� ?����?��???��  */
.board .blog-type .btnLike {width:52px; border:1px solid #ccc; padding:3px 3px 3px 20px; background:url(/images/gwanak/board/ico_like.gif) 3px 6px no-repeat; margin-top:15px;}
.board .blog-type .btnLike > a {color:#d75a4a; font-weight:bold;}
.board .blog-type .btnLike > a span {color:#333;}

/*강좌*/
.board-search .edu-search {
    max-width:594px;
    width:100%;
    margin:0 auto;
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.board-search .edu-search input#searchKeyword {
    width:100%;
    max-width:360px;
    height:42px;
    box-sizing: border-box;
    background-color:#ffffff;
    border-radius:3px;
    border:1px solid #dddddd;
    padding:0 15px;
    font-weight:500;
    color:#666666;
    font-size:15px;
    letter-spacing: -0.025em;
}

.board-search .edu-search input[type=submit] {
    display:flex;
    align-items: center;
    justify-content: center;
    width:88px;
    height:42px;
    background:none;
    background-color:#0d375c;
    color:#ffffff;
    text-indent:0;
    text-align: center;
    margin-left:0;
    border-radius:3px;
    font-size:15px;
    letter-spacing: -0.025em;
}

.board-search .edu-search button.edu-search-more {
    width:124px;
    height:42px;
    display:flex;
    align-items: center;
    justify-content: center;
    background-color:#ffffff;
    color:#003dad;
    letter-spacing: -0.025em;
    border:1px solid #003dad;
    border-radius:3px;
    font-weight:500;
}

.board-search .edu-search button.edu-search-more::after {
    content:"";
    display:block;
    width:12px;
    height:12px;
    background-image:url(../../images/edu/common/sub_search_more.png);
    background-repeat:no-repeat;
    background-position:center;
    margin-left:8px;
}

.board-search .edu-search button.edu-search-more.on::after {
    background-image:url(../../images/edu/common/sub_search_more_close.png);
}

.board-search .edu-search-detail-wrap {
    width:100%;
    margin-top:25px;
    position:relative;
    display:none;
}

.board-search .edu-search-detail-wrap.on {
    display:block;
}

.board-search .edu-search-detail-wrap::before {
    content:"";
    display:block;
    position:absolute;
    width:calc(100% + 50px);
    height:1px;
    background-color:#dddddd;
    left:-25px;
    top:0;
}

.board-search .edu-search-detail {
    background-color:#f8f8f8;
    width:100%;
    max-width:863px;
    margin:0 auto;
}

.board-search .edu-search-detail .row {
    display:flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap:wrap;
}

.board-search .edu-search-detail .row .col-1 {
    display:flex;
    align-items: center;
    width:100%;
    border-bottom:2px solid #eaeaea;
    padding:10px 0;
}

.board-search .edu-search-detail .row .col-1 .group {
    display:flex;
    align-items: center;
    width:calc(100% - 70px);
}

.board-search .edu-search-detail .row .col-2 {
    display:flex;
    align-items: center;
    width:50%;
    border-bottom:2px solid #eaeaea;
    padding:10px 0;
}

.board-search .edu-search-detail .row .col-2:nth-of-type(2){
    justify-content: flex-end;
}

.board-search .edu-search-detail .row label {
    width:70px;
    font-size:15px;
    letter-spacing: -0.025em;
    color:#666666;
    font-weight:500;
}

.board-search .edu-search-detail .selectbox {
    position: relative;
    background-color: #ffffff;
    width: 100%;
    max-width: 330px;
    border: 1px solid #dddddd;
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
}

.board-search .edu-search-detail .selectbox select::-ms-expand {
    display: none;
}

.board-search .edu-search-detail .selectbox select {
    position: relative;
    z-index: 3;
    height: 100%;
    width: 100%;
    padding: 0 37px 0 12px;
    font-size: 15px;
    letter-spacing: -0.05em;
    font-weight:500;
    color: #666666;
    background-color: transparent;
    border: none;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.board-search .edu-search-detail .selectbox select+span {
    display: block;
    z-index: 1;
    position: absolute;
    background-image: url(../../images/edu/common/search_select_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 37px;
    top: 0;
    right: 0;
    height: 100%;
    border-left: 1px solid #c5c9d6
}

.board-search .edu-search-detail .radio-wrap {
    display:flex;
    align-items: center;
}

.board-search .edu-search-detail .radiobox {
    position:relative;
    width:auto;
    margin-right:12px;
}

.board-search .edu-search-detail .radiobox:last-of-type {
    margin-right:0;
}

.board-search .edu-search-detail .radiobox input[type=radio] {
    position:absolute;
    top:0;
    left:0;
    padding:0;
    width:100%;
    height:100%;
    opacity:0
}

.board-search .edu-search-detail .radiobox input[type=radio] + label {
    display:block;
    width:auto;
    box-sizing: border-box;
    padding-left:25px;
    background-image:url(../../images/edu/common/input_radio.png);
    background-position:left center;
    background-repeat:no-repeat;
}

.board-search .edu-search-detail .radiobox input[type=radio]:checked + label {
    background-image:url(../../images/edu/common/input_radio_check.png);
}

.board-search .edu-search-detail .dateselect-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left:15px
}

.board-search .edu-search-detail .dateselect-wrap span {
    margin: 0 10px;
}

.board-search .edu-search-detail .dateselect-wrap .dateinput {
    position: relative;
    width: 157px;
    height: 42px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
}

.board-search .edu-search-detail .dateselect-wrap .dateinput::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 42px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../images/edu/common/datepic_ico.png);
}

.board-search .edu-search-detail .dateselect-wrap .dateinput input[type="text"] {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: calc(100% - 42px);
    background-color: transparent;
    box-sizing: border-box;
    padding: 0 0 0 10px;
    border: none;
    height: 100%;
    font-size:15px;
}

.board-search .edu-search-detail input[type="text"] {
    height:42px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
    font-size:15px;
    padding:0 12px;
}

.board-search .edu-search-detail .col-1 input[type="text"] {
    width:calc(100% - 320px);
    max-width:100%;
    font-size:15px;
    color:#666666;
    letter-spacing: -0.025em;
    font-weight:500;
}

.board-search .edu-search-detail .detail-search-btns {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:12px;
}

.board-search .edu-search-detail button.search-reset {
    display:flex;
    align-items: center;
    width:90px;
    height:45px;
    font-size:15px;
    letter-spacing: -0.025em;
    color:#444444;
    background-color:#ffffff;
    border-radius:3px;
    border:1px solid #dddddd;
    justify-content: center;
    box-sizing: border-box;
    margin-right:8px;
}

.board-search .edu-search-detail button.search-reset::before {
    content:"";
    display:block;
    width:17px;
    height:20px;
    background-image:url(../../images/edu/common/reset_ico.png);
    background-position:center;
    background-repeat:no-repeat;
    margin-right:4px;
}

.board-search .edu-search-detail button.detail-search {
    display:flex;
    align-items: center;
    width:112px;
    height:45px;
    font-size:15px;
    letter-spacing: -0.025em;
    color:#ffffff;
    background-color:#324fbd;
    border-radius:3px;
    justify-content: center;
    text-indent:0;
    text-align: center;
}

.board-search .edu-search-detail button.detail-search::before {
    content:"";
    display:block;
    width:20px;
    height:20px;
    background-image:url(../../images/edu/common/detail_search.png);
    background-repeat:no-repeat;
    background-position:center;
    margin-right:8px;
}

/*공유서비스 검색*/
.board-search .shareservice-search {
    width:100%;
    max-width:863px;
    margin:0 auto;
}

.board-search .shareservice-search .row {
    display:flex;
    width:100%;
    justify-content: space-between;
    border-top:2px solid #eaeaea;
    padding:10px 0;
}

.board-search .shareservice-search .row:first-of-type {
    padding-top:0;
}

.board-search .shareservice-search .row:last-of-type {
    padding-bottom:0;
}

.board-search .shareservice-search .row:first-of-type {
    border-top:0;
}

.board-search .shareservice-search .row .col-item {
    width:100%;
}

.board-search .shareservice-search .row.col2 .col-item {
    width:50%;
    box-sizing: border-box;
}

.board-search .shareservice-search .row.col2 .col-item:nth-of-type(1) {
    padding-right:15px;
}

.board-search .shareservice-search .row.col2 .col-item:nth-of-type(2) {
    padding-left:15px;
}

.board-search .shareservice-search .row .col-item .inputbox {
    display:flex;
    align-items: center;
}

.board-search .shareservice-search .row .col-item .inputbox label,
.board-search .shareservice-search .row .col-item .selectbox label {
    width:75px;
    font-weight:500;
    letter-spacing: -0.025em;
    color:#666666;
    font-size:15px;
}

.board-search .shareservice-search .row .col-item .inputbox input[type="text"] {
    width:calc(100% - 75px);
    max-width:100%;
    font-size:15px;
    color:#666666;
    letter-spacing: -0.025em;
    font-weight:500;
    height:42px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
    padding:0 12px;
}

.board-search .shareservice-search .row .col-item .selectbox {
    position: relative;
    background-color: #ffffff;
     width:calc(100% - 60px);
    max-width: 100%;
    border: 1px solid #c5c9d6;
    height: 42px;
    box-sizing: border-box;
    border-radius: 4px;
    overflow: hidden;
}

.board-search .shareservice-search .row .col-item .selectbox select::-ms-expand {
    display: none;
}

.board-search .shareservice-search .row .col-item .selectbox select {
    position: relative;
    z-index: 3;
    height: 100%;
    width: 100%;
    padding: 0 40px 0 8px;
    font-size: 15px;
    letter-spacing: -0.05em;
    color: #666666;
    background-color: transparent;
    border: none;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.board-search .shareservice-search .row .col-item .selectbox select+span {
    display: block;
    z-index: 1;
    position: absolute;
    background-image: url(../../images/gwanak/board/search_select_arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    top: 0;
    right: 0;
    height: 100%;
    border-left: 1px solid #c5c9d6
}

.board-search .shareservice-search .row .col-item.search-col {
    display:flex;
}

.board-search .shareservice-search .row .col-item.search-col .inputbox {
    width:calc(100% - 96px);
    margin-right:8px;
}

.board-search .shareservice-search .row .col-item.search-col input[type=submit] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 42px;
    background: none;
    background-color: #0d375c;
    color: #ffffff;
    text-indent: 0;
    text-align: center;
    margin-left: 0;
    border-radius: 3px;
    font-size: 15px;
    letter-spacing: -0.025em;
}

.board-top .state-tab ul {
    display:flex;
    align-items: center;
}

.board-top .state-tab ul li {
    width:75px;
    height:35px;
    margin-right:4px;
}

.board-top .state-tab ul li:last-child {
    margin-right:0;
}

.board-top .state-tab ul li a {
    display:flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
    background-color:#f3f3f3;
    border:1px solid #dddddd;
    box-sizing: border-box;
    font-size:14px;
    border-radius:3px;
    letter-spacing: -0.05em;
}

.board-top .state-tab ul li.active a {
    color:#003dad;
    font-weight:700;
    background-color:#ffffff;
    border:1px solid #003dad;
}

.board-top .state-tab ul li a:hover {
    color:#003dad;
    font-weight:700;
    background-color:#ffffff;
    border:1px solid #003dad;
}

.board.edu .list thead th {
    padding:8px 0;
}

.board.edu .list tbody td span {
    display:block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space:nowrap;
} 

.board.edu .list tbody td.eduname span.educate {
    font-weight:700;
    color:#1c60de;
} 

.board.edu .list tbody td.eduname span {
    color:#000000;
}

.board.edu .list tbody td.period span {
    font-size:13px;
}

.board.edu .list tbody td.place span {
    font-size:13px;
}

.board.edu .list tbody td.capacity span {
    color:#2b2b2b;
}

.board.edu .list tbody td.capacity span.full {
    color:#ea4141;
    font-weight:700;
}

.board.edu .list tbody td.reception span {
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:12px;
    height:25px;
    border-radius:12.5px;
}

.board.edu .list tbody td.reception span.method {
    border:1px solid #ee572f;
    color:#ee572f;
}

.board.edu .list tbody td.reception span.state {
    border:1px solid #317ad7;
    color:#317ad7;
    margin-top:4px;
}

.board.cityfarmer .list tbody td {
    font-size:13px;
}

.board.cityfarmer .list tbody td.title a {
    -webkit-line-clamp: 2;
    height:3em;
    -webkit-box-orient: vertical;
    white-space:unset;
    display:-webkit-box;
}

.board.cityfarmer .list tbody td.period span {
    display:block;
    letter-spacing: -0.04em;
}

.board.cityfarmer .list tbody td.charge span {
    font-weight:600;
}

.board.cityfarmer .list tbody td.charge span.free {
    color:#3065cb;
}

.board.cityfarmer .list tbody td.charge span.paid {
    color:#de4840;
}

.board.cityfarmer .list tbody td.state span {
    display:flex;
    align-items: center;
    justify-content: center;
    width:65px;
    background-color:#02a288;
    height:27px;
    border-radius:13.5px;
    color:#ffffff;
    margin:0 auto;
    font-size:12px;
    font-weight:500;
}

.board.cityfarmer .list tbody td.rmethod a {
    display:block;
    width:32px;
    height:32px;
    margin:0 auto;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:50%;
    background-color:#4892f1;
    background-image:url(/images/edu/common/rmethod_ico.png);
    font-size:0;
    text-indent:-9999999999em;
}

/** ~600 *************************************************************************************************************** */
@media all and (max-width:600px){

.board{overflow-x:unset !important;}
.board, .board th, .board td{word-break:break-all;}
.board .list br.m{display:block;}
.board .list tbody tr{position:relative;width:100%;}

.board .w800{width:100% !important;}
.board .w600{width:100% !important;}

.board .photo-list ul li{width:46%;margin:0 2% 15px 2%;}
.board .photo-list .photo img{height:130px;}
.board .video-list ul li a .photo img{min-height:130px;}

.board .video-list ul li{width:46%;margin:0 2% 15px 2%;}

.paging + .btns{margin-top:-20px;}

.event-list ul li{width:48%;margin-right:4%;}
.event-list ul li:nth-child(2n){margin-right:0;}

.board-top .top-guide{float:none;text-align:left;margin-bottom:10px;}
.board-top .board-search{float:none;text-align:left;}

/* ?����?����??��?�樫?���� ?����?����?��? ?����?��??����?��? ?��??����    */
.mobile .board .mobile_list colgroup{display:none;}
.mobile .board .mobile_list thead{display:none;}
.mobile .board .mobile_list tr{display:block;border-bottom:1px solid #c1c1c1;padding:10px 0;overflow:hidden;}
.mobile .board .mobile_list tr td{font-size:12px;color:#777;float:left;background:url(/images/gwanak/board/notice_line.gif) right center no-repeat;padding:0 10px;border:none;}
.mobile .board .mobile_list tr td.no{display:none;}
.mobile .board .mobile_list tr td.title{font-size:14px;color:#333;float:none;display:block;border:none;padding-left:2%;width:98%;margin:0 0 5px 0;}
.mobile .board .mobile_list tr td.title a{display:block;width:auto;font-weight:600;padding:0;white-space:normal;overflow:auto;color:#333;}
.mobile .board .mobile_list tr td.title + td{padding:0 10px 0 5px;}
.mobile .board .mobile_list tr td:last-child{background:none;padding:0 0 0 10px;}

.board-search .m-table{display:table;width:95%;padding:0;}
.board-search .m-table .row{display:table-row;}
.board-search .m-table .row > label{display:table-cell;padding:3px;white-space:nowrap;font-weight:600;}
.board-search .m-table .row > span{display:table-cell;padding:3px;}
.board-search .m-table .row + br{display:none;}

.search-table{padding:5px;border:1px solid #c2c2c2;margin:0 0 10px 0;}
.search-table colgroup{display:none;}
.search-table table{display:block;}
.search-table table caption{display:none;}
.search-table table tbody{display:block;width:100%;}
.search-table table tr{display:block;width:100%;overflow:hidden;}
.search-table table th{clear:both;float:left;width:20%;font-size:12px;word-break:break-all;border:none;background:none;text-align:right;padding:5px 5px 5px 0;}
.search-table table td{float:left;width:80%;border:none;padding:3px 0;}
.search-table .m-block{display:inline-block;margin:3px 0;width:100%;}
.search-table td .m-block:last-child{margin-bottom:0;}

.gis-icons-wrap{padding:5px;}
.gis-icons{padding:5px 0;}
.gis-icons span{display:inline-block;width:48%;height:22px;font-size:12px;margin:0;}

.gis-icons table{width:100%;display:block;}
.gis-icons table tr{width:100%;display:block;}
.gis-icons table .th{display:block;width:100%;}
.gis-icons table .th span{width:auto;}
.gis-icons table td{display:block;width:100%;}
.gis-icons table tr:first-child td.th + td{border-top:1px dotted #ccc;}

.board .none{display:none !important;}

.board .view{display:block;border-bottom:1px solid #c1c1c1;}
.board .view > tbody{display:block;}
.board .view > tbody > tr{display:flex;overflow:hidden;width:100%;background:#f8f8f8;}
.board .view > tbody > tr > th{clear:both;float:none;width:25%;padding:5px 2px;text-align:center;color:#222;font-size:12px;}
.board .view > tbody > tr > th{border-bottom:none;border-top:1px solid #c1c1c1;border-right:none;}
.board .view > tbody > tr > td{float:none;width:75%;padding:5px 0 5px 5%;background:#fff;border-bottom:none;border-top:1px solid #c1c1c1;border-left:1px solid #c1c1c1;background:#fff;}
.board .view > tbody > tr > td + th{border-left:none;}
.board .view > tbody > tr > th:first-child + td + th{border-top:1px solid #c1c1c1;}
.board .view > tbody > tr > th:first-child + td + th + td{border-top:1px solid #c1c1c1;}
.board .view > tbody > tr > th:first-child + td + th + td + th{border-top:1px solid #c1c1c1;}
.board .view > tbody > tr > th:first-child + td + th + td + th + td{border-top:1px solid #c1c1c1;}
.board .view .gray th{border-bottom:none;}
.board .view .gray td{background:none;border-bottom:none;}
.board .view + .btns{padding-top:20px;}
.board .view > tbody > tr.m-block{display:block;overflow:hidden;border-top:1px solid #c1c1c1;}
.board .view > tbody > tr.m-block > th{display:none;}
.board .view > tbody > tr.m-block > td{display:block;width:100%;border-top:none;border-left:none;}
.board .view > tbody > tr.m-block > td .view_contents{margin:0;padding:0 0 10px 0;}
.board .view > tbody > tr.m-block > td.view-con{padding:20px 10px;}
.board .view > tbody > tr.md-title{display:block;overflow:hidden;width:100%;}
.board .view > tbody > tr.md-title th{display:block;width:100%;}
.board .view > tbody > tr.md-title:first-child th{border-top:none;}
.board .view > tbody > tr.md-space{display:block;overflow:hidden;width:100%;}
.board .view > tbody > tr.md-space td{display:block;width:100%;border-left:none;}
.board .view .view_contents{padding:20px 0;}
.board .view .attach-file{padding-left:10px;}
.board .view .attach-file p{margin-left:10px;}

.board .view .movie th{display:none;}
.board .view .movie td{display:block;width:100%;}

.board .regist{display:block;width:100%;border-bottom:1px solid #7a7a7a;}
.board .regist tbody{display:block;}
.board .regist tr{display:flex;overflow:hidden;width:100%; flex-wrap:wrap;}
.board .regist th{clear:both;display:flex; float:none; align-items: center; width:25%; padding: 8px 0 8px 20px;text-align:right;color:#222;font-size:12px;border-bottom:none;border-top:1px solid #c1c1c1;background:#f4f4f4;position: relative;box-sizing: border-box;}
.board .regist th label { position:relative; }
.board .regist th .required{position:absolute;left:-10px;top:-1px;}
.board .regist td{float:none;width:75%;padding:8px 0 8px 3%;border-bottom:none;border-top:1px solid #c1c1c1;background:#fff;}
.board .regist tr:first-child th,
.board .regist tr:first-child td{border-top:none;}
  .board .regist tr:first-child th:nth-of-type(2),
.board .regist tr:first-child td:nth-of-type(2){border-top:1px solid #c1c1c1;}
.board .regist td label{/*white-space:nowrap;*/display:inline-block;margin:0 0 5px 0;}
.board .regist + .btns{padding-top:20px;}  

.board .regist .radio-wrap input[type=radio] + label { margin-bottom:0; }

.board .regist.nofloat tr th { float:none; display:block; width:100%; text-align: left; padding:8px; background-color:#f9f9f9; border-bottom:1px solid #dddddd; }
.board .regist.nofloat tr th:nth-of-type(2) { border-top: 1px solid #c1c1c1 }
.board .regist.nofloat tr td { float:none; display:block; width:100%; border-top:0; padding:8px; }

.board .regist tr td .scroll { overflow-x: scroll; }
.board .regist tr td .scroll table { width:768px !important; }
.board .regist tr td table tbody { display:table-row-group !important; }
.board .regist tr td table tr { display:table-row !important; }
.board .regist tr td table tr th,
.board .regist tr td table tr td { display:table-cell !important; width:auto !important; float:none; padding:6px; text-align: center !important; }
.board .regist tr td table tr th { background-color:#f4f4f4 !important; border-bottom:1px solid #dddddd !important; border-top:0 !important; }

.board .blog-type{border-top:1px solid #555;}
.board .blog-type .photo{height:100px;}
.board .blog-type .photo img{height:100%}
.board .blog-type .photoRecommond img{height:100%}
.board .blog-type > li > a.recommond{float: left;margin-right: 3%;height: 158px; width: auto;}
.board .blog-type .txt{float:none;width:auto;}

.board .ebook-list ul li{width:48%;}
.board .ebook-list ul li:nth-child(2n+1){clear:both;float:left;}

.social-box {width:100%;margin:15px 0 0 0;}

.board .blog-type .btnLike {float: left; border:1px solid #ccc; padding:3px 3px 3px 20px; background:url(/images/gwanak/board/ico_like.gif) 3px 6px no-repeat; margin-top:15px;}
.board .blog-type .btnLike > a {color:#d75a4a; font-weight:bold;}
.board .blog-type .btnLike > a span {color:#333;}

.codeView04 { padding:15px!important; border: 1px solid #dbdbdb !important;}
.codeView04 img { display:block!important; position:relative !important; left:0!important; top:0!important;  margin-bottom:5px!important; }


.board .view_contents_ect { padding:10px 0; }
.board .view_contents_ect dl dt { font-size:13pt; font-weight:600; }
.board .view_contents_ect .txt-area { font-size:10.5pt }
}

/** 600~ *************************************************************************************************************** */
@media all and (min-width:600px){

/* .board-search{overflow:hidden;} */
.board-search .m-table{display:inline;}
.board-search .m-table .row{display:inline;white-space:nowrap;}
.board-search .m-table .row-block{clear:both;display:block;margin:5px 0;}
.board-search .m-table .row-block > label{font-weight:600;padding-right:10px;}
.board-search .m-table .row > label{font-weight:600;display:inline-block;padding:3px 5px 3px 0;}
.board-search .m-table .row > span{}
.board-search .m-table .row img{vertical-align:middle;margin-left:1px;}
.board-search .command{display:inline;vertical-align:bottom;}
.board-search .command2{display:inline;vertical-align:bottom;}

.search-table table{}
.search-table table td{border:1px solid #c2c2c2;background:#fff;}
.search-table table td.th{padding:0 10px 0 10px;text-align:center;border:1px solid #c2c2c2;background:#efefef;}

.search-table{}
.search-table .type-inline{text-align:center;box-sizing:border-box;width:auto;margin:0 auto;}
.search-table .type-inline colgroup{}
.search-table .type-inline tbody{}
.search-table .type-inline tr{}
.search-table .type-inline th{display:inline;border:none;background:none;padding:3px;}
.search-table .type-inline td{display:inline;border:none;background:none;padding:3px;}
.search-table .type-inline td + th{padding-left:10px;}

.board .view tr:first-child th{border-top:none;}
.board .view tr:first-child td{border-top:none;}

/* .board .view-table-file + .btns{padding:40px 0;}
.board .view_contents + .btns{padding:40px 0;} */

.board .regist{width:100%;}
.board .regist th{background:#f4f4f4;padding:6px 10px 6px 25px;text-align:left;font-size:12px;font-weight:bold;border-bottom:1px solid #ddd;}
.board .regist th label{position:relative;}
.board .regist th span{position:relative;}
.board .regist th .required{position:absolute;left:-10px;top:-1px;}
.board .regist td{padding:6px 10px;border-bottom:1px solid #ddd;}
.board .regist td .addr1 select.pd0{padding: 0;}

.board .regist-col thead th{border-top:none;}

.board-gis{overflow:hidden;}
.board-gis .gis-view{float:left;width:60%;}
.board-gis .gis-gallary{float:right;width:35%;}

.gis-gallary .front{border:1px solid #ccc;margin-bottom:10px;}
.gis-gallary .thumail li{float:left;width:23%;margin:0 0 0 2.5%;}
.gis-gallary .thumail li:first-child{margin:0;}
.gis-gallary .thumail li img{width:100%;height:50px;border:1px solid #ccc;}

.board .ebook-list ul li:nth-child(4n+1){clear:both;float:left;}

/*  ?����?����?���� ?����??��??? */
.reserve-view{overflow:hidden;}
.reserve-view .view-photo{float:left;width:40%;}
.reserve-view .view-photo img{width:100%;} /* width:340px */
.reserve-view .board{float:right;width:57%;}

}


/** 600~800 *************************************************************************************************************** */
@media all and (min-width:600px) and (max-width:800px){

.social-box {width:48%;margin:15px 1% 0 1%;}
	
}

/** ~1090 *************************************************************************************************************** */
@media all and (max-width:1090px){

.board .reserve-list ul li a .photo img{min-height:auto;}


}

/** 1090~ *************************************************************************************************************** */
@media all and (min-width:1090px){

.board .ebook-list img{width:150px;height:217px;}

}


/*  2022-02-14 ?�ҡ�?��?�? */
    .agrBx { border:1px solid #ddd; background: #f7f9fb; padding:10px 15px;   line-height: 22px;  overflow: hidden;}
    .agrBx p { text-align: center;}
    .agrBx strong { color:#000; font-weight:600;}
    .agrChk { margin:5px 0 30px 0; overflow: hidden;}
    .in-block { display:inline-block !important; }



@media all and (max-width:1080px){
  /* .board .list thead th,
  .board .list tbody td {
    font-size:14px;
  } */
}

@media all and (max-width:960px) {

    .board-search .edu-search-detail {
        max-width:100%;
    }

    .board-search .edu-search-detail-wrap::before {
        width:calc(100% + 40px);
        left:-20px;
    }

    .board-search .edu-search-detail .row .col-2 {
        width:100%;
    }

    .board-search .edu-search-detail .row .col-2:nth-of-type(2) {
        justify-content: flex-start;
    }

    .board-search .edu-search-detail .selectbox {
        width:calc(100% - 70px);
        max-width:100%;
    }

    .board-search .edu-search-detail .col-1 input[type="text"] {
        width:calc(100% - 70px);
    }

}

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

    .board .open {
        height: 20px;
    }

    .board .adno-open {
        height: 20px;
    }

    .board .no-open {
        height: 20px;
    }

    .board .status-re {
        height: 20px;
        font-size: 12px;
    }

    .board .status-ing {
        height: 20px;
        font-size: 12px;
    }

    .board .status-end {
        height: 20px;
        font-size: 12px;
    }

    .board .status-ia {
        height: 20px;
        font-size: 12px;
    }

    .board .status-move {
        height: 20px;
        font-size: 12px;
    }

    .board .status-end2 {
        height: 20px;
        font-size: 12px;
    }

    .board .status-end3 {
        height: 20px;
        font-size: 12px;
    }

    .board .list {
        border: none;
    }

    .board .list colgroup {
        display: none;
    }

    .board .list thead {
        display: none;
    }

    .board .list tbody tr {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        border: 2px solid #dddddd;
        margin-bottom: 15px;
        padding: 15px 25px;
        box-sizing: border-box;
    }

    .board .list tbody tr:last-of-type {
        margin-bottom: 0;
    }

    .board .list tbody tr td {
        position: relative;
        text-align: left;
        border: none;
        padding: 5px 10px 0 0;
        margin: 0 10px 0 0;
    }

    .board .list tbody tr td::after {
        content: "";
        display: block;
        width: 2px;
        height: 15px;
        background-color: #c5c9d6;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .board .list tbody tr td:last-child {
        padding: 0;
        margin: 0;
    }

    .board .list tbody tr td:last-child::after {
        display: none;
    }

    .board .list tbody tr td.num {
        display: none;
        padding: 0;
        margin: 0;
    }

    .board .list tbody tr td.title {
        width: 100%;
        padding: 0;
        margin: 8px 0;
        font-weight: 600
    }

    .board .list tbody tr td.title::after {
        display: none;
    }

    .board .list tbody tr td.cate {
        width: 100%;
        padding: 0;
        margin: 0;
        color: #333333;
    }

    .board .list tbody tr td.cate::after {
        display: none;
    }

    .board .list tbody tr td.cate.cate1 {
        color: #009615;
    }

    /*복지*/
    .board .list tbody tr td.cate.cate2 {
        color: #6b1a9e;
    }

    /*문화/관광*/
    .board .list tbody tr td.cate.cate3 {
        color: #3842c6;
    }

    /*도시/주택/부동산*/
    .board .list tbody tr td.cate.cate4 {
        color: #e96800;
    }

    /*환경/경제*/
    .board .list tbody tr td.cate.cate5 {
        color: #0078ff;
    }

    /*안전/교통*/
    .board .list tbody tr td.cate.cate6 {
        color: #704323;
    }

    /*세금/재정*/
    .board .list tbody tr td.cate.cate7 {
        color: #6d6425;
    }

    /*행정정보*/
    .board .list tbody tr td.cate.cate8 {
        color: #747474;
    }

    /*기타*/
    .board .list tbody tr td.cate.cate9 {
        color: #10b9ab;
    }

    /*건강*/
    .board .list tbody tr td.cate.cate10 {
        color: #ffee00;
    }

    .board .list tbody tr td.cate.cate11 {
        color: #c20000;
    }

    .board .list tbody tr td.cate.cate12 {
        color: #df009c;
    }

    .board .list tbody tr td.cate.cate13 {
        color: #1be600;
    }

    .board .list tbody tr td.cate.cate14 {
        color: #1cccb4;
    }

    .board .list tbody tr td.cate.cate15 {
        color: #c79d5f;
    }

    .board .list tbody tr td.part {
        font-weight: 500;
        color: #000000;
    }

    .board .list tbody tr td.viewct {
        display: flex;
        align-items: center;
    }

    .board .list tbody tr td.viewct::before {
        content: "";
        display: block;
        width: 21px;
        height: 16px;
        background-image: url(../../images/gwanak/board/icon_viewct.png);
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 4px;
    }

    /*PC노출, 모바일 숨김 */
    .board .list thead tr th.mh {
        display: none;
    }

    .board .list tbody tr td.mh {
        display: none;
    }

    /*PC 숨김, 모바일 노출*/
    .board .list thead tr th.ph {
        display: none;
    }

    .board .list tbody tr td.ph {
        display: block;
    }

    .board-search {
        padding: 20px;
    }

    .board-search .search-period .dateinput {
        width: calc((100% - 22px) / 2)
    }

    .board-search .search-period span {
        width: 8px;
    }

    .board-search .search-condition {
        flex-wrap: wrap;
    }

    .board-search .search-condition .selectbox {
        width: 35%;
    }

    .board-search .search-condition .selectbox select {
        font-size: 14px;
    }

    .board-search .search-condition .selectbox.w50 {
        width: calc((100% - 8px) / 2);
        max-width: 100%;
    }

    .board-search .search-condition .selectbox.w50:nth-of-type(2) {
        margin-right: 0;
    }

    .board-search .search-condition .selectbox.mw0 {
        max-width: 100%;
    }

    .board-search .search-condition input[type="text"].w100 {
        width: 100% !important;
        margin-top: 8px;
    }

    .board-search .search-period .dateinput input[type="text"] {
        font-size: 14px;
        padding: 0 42px 0 8px;
        letter-spacing: -0.05em;
    }

    .board-search .search-condition input[type="text"]#searchKey {
        width: calc(65% - 8px);
        max-width: 100%;
    }

    .board-search .search-condition input[type="text"]#searchKeyword {
        width: calc(65% - 8px);
        max-width: 100%;
    }

    .board-search .search-condition input[type="text"]#searchTxt {
        width: calc(65% - 8px);
        max-width: 100%;
    }

    .board-search .search-condition button[type="submit"].s-command {
        width: 100%;
        margin-left: 0;
        margin-top: 8px;
    }


    .board-top .count {
        font-size: 13px;
    }

    .paging {
        padding: 20px 0;
    }

    .paging>a,
    .paging>span {
        width: 35px;
        height: 35px;
        font-size: 14px;
        line-height: 35px;
    }

    .paging .prev {
        margin-right: 10px
    }

    .paging .next {
        margin-left: 10px;
    }

    .board .board-view .tit {
        padding: 20px 15px;
    }

    .board .board-view .tit strong {
        line-height: 1.2;
        font-size: 18px;
    }

    .board .board-view .view-info {
        padding: 15px;
    }

    .board .board-view .view-info dl {
        font-size: 14px;
        margin: 3px 10px 3px 0;
        padding-right: 10px;
    }

    .board .board-view .view-attachment {
        padding: 15px;
    }

    .board .board-view .view-attachment ul li {
        flex-wrap: wrap;
        padding-left: 35px;
    }

    .board .board-view .view-attachment ul li::before {
        top: 2px;
        width: 28px;
        height: 28px;
        background-size: 13px 12px
    }

    .board .board-view .view-attachment ul li a.filedown {
        font-size: 14px;
        width: 100%;
        height: 30px;
        display: flex;
        align-items: center;
    }

    .board .board-view .view-attachment ul li a.viewbtns {
        font-size: 14px;
        height: 30px;
    }

    .board .view_contents {
        padding: 25px 15px;
    }

    .board .board-view .view-nuri dl dt {
        width: 90px;
        font-size: 14px;
    }

    .board .board-view .view-nuri dl dd {
        width: calc(100% - 90px);
    }

    .board .board-view .view-nuri dl dd div.codeView {
        padding: 15px;
        font-size: 13px;
    }

    .board .board-view .view-nuri dl dd div.codeView img {
        display: block;
        margin-bottom: 5px;
    }

    .board-prevnext dl dt {
        width: 90px;
        font-size: 14px;
    }

    .board-prevnext dl dd {
        width: calc(100% - 90px);
        font-size: 14px;
        padding: 0 25px 0 15px;
    }

    .board-search .edu-search-detail-wrap {
        margin-top:20px;
    }
    
    .board-search .edu-search input#searchKeyword {
        margin-right:4px;
        height:35px;
        font-size:13px;
        max-width:calc(100% - 169px);
    }

    .board-search .edu-search input[type=submit] {
        margin-right:4px;
        width:65px;
        font-size:13px;
        height:35px;
    }

    .board-search .edu-search button.edu-search-more {
        width:100px;
        height:35px;
        font-size:13px;
    }

    .board-search .edu-search button.edu-search-more::after {
        content:"";
        width:10px;
        height:10px;
        background-size:cover;
    }

    .board-search .edu-search-detail .row .col-1 .group {
        flex-wrap:wrap;
    }

    .board-search .edu-search-detail .row label {
        font-size:13px;
    }

    .board-search .edu-search-detail .selectbox  {
        height:35px;
    }

    .board-search .edu-search-detail .selectbox select {
        font-size:13px;
        padding:0 30px 0 10px;
    }

    .board-search .edu-search-detail .selectbox select+span {
        width:30px;
    }

    .board-search .edu-search-detail .radiobox input[type=radio] + label {
        font-size:13px;
    }
    
    .board-search .edu-search-detail .row .col-1 .group  .dateselect-wrap {
        margin-left:0;
        width:100%;
        justify-content: flex-start;
        margin-top:4px;
    }
    
    .board-search .edu-search-detail .dateselect-wrap .dateinput {
        height:35px;
        width:calc((100% - 27px) / 2);
    }

    .board-search .edu-search-detail .dateselect-wrap .dateinput input[type="text"] {
        font-size:13px;
    }
    
    .board-search .edu-search-detail .dateselect-wrap span {
        width:7px;
        text-align: center;
    }

    .board-search .edu-search-detail .col-1 input[type="text"]{
        height:35px;
        font-size:13px;
    }

    .board-search .edu-search-detail button.search-reset {
        height:35px;
        font-size:13px;
    }

    .board-search .edu-search-detail button.search-reset::before {
        width:12px;
        height:14px;
        background-size:100%;
    }

    .board-search .edu-search-detail button.detail-search {
        width:90px;
        height:35px;
        font-size:13px;
    }

    .board-search .edu-search-detail button.detail-search::before {
        width:16px;
        height:16px;
        background-size:100%;
    }

    .board-top .board-top-left {
        width: 100%;
    }

    .board-top .board-top-right {
        width: 100%;
        justify-content: space-between;
        margin-top: 10px;
    }

    .board-top .board-top-right .sort select {
        height: 32px;
        font-size: 13px;
    }

    .board-top .board-top-right .sort select+button[type="submit"] {
        height: 32px;
        font-size: 13px;
    }

    .board.edu .list tbody tr td.period {
        width: 100%;
        margin: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
    }

    .board.edu .list tbody tr td.period::after {
        display: none;
    }


    .board.edu .list tbody tr td.period span {
        display: inline-block;
        padding: 2px 0;
        margin-right: 4px;
    }

    .board.edu .list tbody tr td.period span:last-of-type {
        margin-right: 0;
    }

    .board.edu .list tbody tr td.tuition span {
        display: inline-block;
        vertical-align: middle;
    }

    .board.edu .list tbody tr td.capacity::after {
        display: none;
    }

    .board.edu .list tbody tr td.reception {
        width: 100%;
        display: flex;
        align-items: center;
        margin-top: 8px;
    }

    .board.edu .list tbody tr td.reception span {
        padding: 0 8px;
        margin-right: 4px;
    }

    .board.edu .list tbody tr td.reception span.state {
        margin-top: 0;
        margin-right: 0;
    }

    .board.cityfarmer .list tbody td {
        padding-top:0;
    }   
    .board.cityfarmer .list tbody td.place {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .board.cityfarmer .list tbody td::after {
        height:12px;
        right:-0.5px;
    }
    
    .board.cityfarmer .list tbody td.place::after {
        display:none;
    }

    .board.cityfarmer .list tbody td.place br {
        display:none;
    }

    .board.cityfarmer .list tbody tr td.period {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .board.cityfarmer .list tbody tr td.period span:last-child::before {
        content:"~";
        margin:0 4px;
    }

    .board.cityfarmer .list tbody tr td.period::after {
        display:none;
    }

    .board-search .shareservice-search .row.col2 {
        flex-wrap:wrap;
    }

    .board-search .shareservice-search .row.col2 .col-item {
        width:100%;
        box-sizing: border-box;
    }

    .board-search .shareservice-search .row.col2 .col-item:nth-of-type(1) {
        padding-right:0;
        padding-bottom:10px;
        border-bottom:2px solid #eaeaea;
        box-sizing: border-box;
    }

    .board-search .shareservice-search .row.col2 .col-item:nth-of-type(2) {
        padding-left:0;
        padding-top:10px;
    }

    .board-search .shareservice-search .row .col-item .inputbox label,
    .board-search .shareservice-search .row .col-item .selectbox label {
        font-size:13px;
    }

    .board-search .shareservice-search .row .col-item .selectbox {
        height:35px;
    }

    .board-search .shareservice-search .row .col-item .selectbox select {
        font-size:13px;
    }

    .board-search .shareservice-search .row .col-item .selectbox select+span {
        width:33px;
    }

    .board-search .shareservice-search .row .col-item .inputbox input[type="text"] {
        height:35px;
        font-size:13px;
    }

    .board-search .shareservice-search .row .col-item.search-col .inputbox {
        margin-right:4px;
        width:calc(100% - 69px);
    }

    .board-search .shareservice-search .row .col-item.search-col input[type=submit]     {
        width: 65px;
        font-size: 13px;
        height: 35px;
    }


}

@media all and (max-width:480px) {
  .board .list tbody tr { padding:15px;}
  .board .list tbody tr td { font-size:13px; }
  .board .board-view .tit { padding:15px 10px; }
  .board .board-view .tit strong { font-size:16px }
  .board .board-view .view-info { padding:10px; }
  .board .board-view .view-info dl { font-size:13px;}
  .board .board-view .view-attachment { padding:10px; }
  .board .board-view .view-attachment ul li { padding-left:30px; }
  .board .board-view .view-attachment ul li::before { width:24px; height:24px; background-size:11px 10px; }
  .board .board-view .view-attachment ul li a.filedown { font-size:13px; }
  .board .board-view .view-attachment ul li a.viewbtns { font-size:13px; height:28px; }

  .board .board-view .view-nuri dl { display:block; padding:15px 10px; }
  .board .board-view .view-nuri dl dt { font-size:13px; text-align: left; margin-bottom:8px; }
  .board .board-view .view-nuri dl dd { padding:0; width:100%; }
  .board .board-view .view-nuri dl dd div.codeView { font-size:12px;  }

  .paging { padding:20px 0;}
  .paging > a,
  .paging > span { width:30px; height:30px; font-size:13px; line-height: 30px; margin:0 1px;}
  .paging .prev { margin-right:4px } 
  .paging .next { margin-left:4px; }

  .board-prevnext dl dt { width:80px; font-size:13px; }
  .board-prevnext dl dd { width:calc(100% - 80px); font-size:13px; }

  .board-view-btns { display:block; margin:15px 0 25px 0;}
  .board-view-btns a { margin-bottom:4px; }
  .board-view-btns a:last-of-type { margin-bottom:0; }
  .board-view-btns .listbtn { width:100%; height:42px; }
  .board-view-btns .commonbtn { width:100%; height:42px; }
  .board-view-btns .delbtn { width:100%; height:42px; }


  .board-search {
    padding:15px;
  }
  .board-search .edu-search-detail-wrap {
    margin-top:15px;
  }
}

@media all and (max-width:800px){
  
  .board .list tbody td{font-size: 13px;} 
}