@charset "utf-8";

@import url(/css/egovframework/com/cop/bbs/board.css);


/* 게시판버튼 */
.board_butt{display:block;margin:20px 0;text-align:right}
.board_butt.center{text-align:center}
.button span button[type="button"],
.button span button[type="submit"],
.button span input[type="button"],
.button span input[type="reset"],
.button span input[type="submit"],
.button span a{display:inline-block;position:relative;border:none;outline:none;background:none;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;padding:10px 15px 10px 15px;font-size:14px;line-height:1.42857143;/*min-width:92px*/}
.board_butt.center{text-align:center}
.button span button[type="button"],
.button span button[type="submit"],
.button span input[type="button"],
.button span input[type="reset"],
.button span input[type="submit"],
.button span a{border:1px solid transparent;border-radius:0;background-image:none;text-align:center;vertical-align:middle;white-space:nowrap;font-size:13px;font-weight: 400;}
.button span a *{vertical-align:middle}
.button span a:after{position:absolute;z-index:-1;content:'';transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.button span a:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;}
/* .button span button[type="button"],
.button span input[type="button"],
.button span input[type="reset"],
.button span input[type="submit"]{height:40px;border-radius:0;}
 */

.button .typeA input[type="button"],
.button .typeA button[type="button"],
.button .typeA input[type="reset"],
.button .typeA input[type="submit"],
.button .typeA a,
.button .typeA a.disabled,
.button .typeA a,
.button .typeA a:link,
.button .typeA a:visited{background-color:#fff;border:1px solid #c3c3c3;color:#666;}

.button .typeA input[type="button"]:hover,
.button .typeA input[type="button"]:focus,
.button .typeA input[type="button"]:active,
.button .typeA button[type="button"]:hover,
.button .typeA button[type="button"]:focus,
.button .typeA button[type="button"]:active,
.button .typeA input[type="reset"]:hover,
.button .typeA input[type="reset"]:focus,
.button .typeA input[type="reset"]:active,
.button .typeA input[type="submit"]:hover,
.button .typeA input[type="submit"]:focus,
.button .typeA input[type="submit"]:active,
.button .typeA a:hover,
.button .typeA a:focus,
.button .typeA a:active{background-color:#424242;border-color:#424242;color:#fff;}

.button .typeB input[type="button"],
.button .typeB button[type="button"],
.button .typeB input[type="reset"],
.button .typeB input[type="submit"],
.button .typeB button[type="submit"],
.button .typeB a, 
.button .typeB a.disabled, 
.button .typeB a,
.button .typeB a:link,
.button .typeB a:visited{background-color:#1650a6;border:1px solid #c3c3c3;color:#fff;}

.button .typeB input[type="button"]:hover,
.button .typeB input[type="button"]:focus,
.button .typeB input[type="button"]:active,
.button .typeB button[type="button"]:hover,
.button .typeB button[type="button"]:focus,
.button .typeB button[type="button"]:active,
.button .typeB input[type="reset"]:hover,
.button .typeB input[type="reset"]:focus,
.button .typeB input[type="reset"]:active,
.button .typeB input[type="submit"]:hover,
.button .typeB input[type="submit"]:focus,
.button .typeB input[type="submit"]:active,
.button .typeB button[type="submit"]:hover,
.button .typeB button[type="submit"]:focus,
.button .typeB button[type="submit"]:active,
.button .typeB a:hover,
.button .typeB a:focus,
.button .typeB a:active{background-color: #fff;border-color: #1650a6;color: #1650a6;}

.button .typeB a.appl_open{background-color:#304b7a;border-color:#304b7a}
.button .typeB a.appl_close{background-color:#d81734;border-color:#d81734}
.button .typeB a.appl_close:hover,
.button .typeB a.appl_close:focus,
.button .typeB a.appl_close:active{background-color:#333;color:#fff;}

.button span .writing[type="button"],
.button span .writing[type="reset"],
.button span .writing[type="submit"],
.button span .writing{padding-left:35px;background-image:url(/images/prog/board/btn_writ.png);background-repeat:no-repeat;background-position:15px 50%;}
.button span .writing:hover,
.button span .writing:focus{background-color:#fff;color:#1650a6;background-image:url(/images/prog/board/btn_writ_ov.png);background-repeat:no-repeat;background-position:15px 50%;}

.button span .modit,
.button span .modit[type="button"],
.button span .modit[type="reset"],
.button span .modit[type="submit"],
.button span .modit:link,
.button span .modit:visited{padding-left:38px;background-image:url(/images/prog/board/btn_modit_ov.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .modit:hover,
.button span .modit:focus,
.button span .modit:active,
.button span .modit[type="button"]:hover,
.button span .modit[type="button"]:focus,
.button span .modit[type="button"]:active,
.button span .modit[type="reset"]:hover,
.button span .modit[type="reset"]:focus,
.button span .modit[type="reset"]:active,
.button span .modit[type="submit"]:hover,
.button span .modit[type="submit"]:focus,
.button span .modit[type="submit"]:active{border-color:#c3c3c3;color:#fff;background-image:url(/images/prog/board/btn_modit.png);background-repeat:no-repeat;background-position:15px 48%;}

.button span .delete,
.button span .delete:link,
.button span .delete:visited{width:auto;padding-left:38px;background-image:url(/images/prog/board/btn_delete_ov.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .delete:hover,
.button span .delete:focus,
.button span .delete:active,
.button span .delete[type="button"]:hover,
.button span .delete[type="button"]:focus,
.button span .delete[type="button"]:active,
.button span .delete[type="reset"]:hover,
.button span .delete[type="reset"]:focus,
.button span .delete[type="reset"]:active,
.button span .delete[type="submit"]:hover,
.button span .delete[type="submit"]:focus,
.button span .delete[type="submit"]:active{border-color:#c3c3c3;color:#fff;background-image:url(/images/prog/board/btn_delete.png);background-repeat:no-repeat;background-position:15px 48%;}

.button span .list[type="button"],
.button span .list[type="reset"],
.button span .list[type="submit"],
.button span .list,
.button span .list:link,
.button span .list:visited{padding-left:38px;background-image:url(/images/prog/board/btn_list.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .list:hover,
.button span .list:focus,
.button span .list:active{background-image:url(/images/prog/board/btn_list_ov.png);background-repeat:no-repeat;background-position:15px 48%;}


.button span .notify,
.button span .notify:link,
.button span .notify:visited{padding-left:38px;background-image:url(/images/prog/board/btn_notify_ov.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .notify:hover,
.button span .notify:focus,
.button span .notify:active{border-color:#c3c3c3;color:#fff;background-image:url(/images/prog/board/btn_notify.png);background-repeat:no-repeat;background-position:15px 48%;}

.button span .reply,
.button span .reply:link,
.button span .reply:visited{padding-left:38px;background-image:url(/images/prog/board/btn_reply_ov.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .reply:hover,
.button span .reply:focus,
.button span .reply:active{border-color:#c3c3c3;color:#fff;background-image:url(/images/prog/board/btn_reply.png);background-repeat:no-repeat;background-position:15px 48%;}


.button span .excel,
.button span .excel:link,
.button span .excel:visited{padding-left:38px;background-image:url(/images/prog/board/btn_excel.png);background-repeat:no-repeat;background-position:15px 48%;}
.button span .excel:hover,
.button span .excel:focus,
.button span .excel:active{background-color:#fff;border-color:#c3c3c3;color:#1650a6;background-image:url(/images/prog/board/btn_excel_ov.png);background-repeat:no-repeat;background-position:15px 48%;}

.button .typeB a.appl_open, .button .typeA a.appl_view{min-width:92px;}
.button .typeB a.appl_open, .button .typeB a.appl_close{margin-top:5px}

/* basic_gallary  */
.basic_gallary{position:relative;width:100%}
.basic_gallary ul{clear:both;display:inline-block;width:100%}
.basic_gallary ul li{float:left;width:25%;margin-bottom:20px}
.basic_gallary ul li a{display:block;position:relative}
.basic_gallary ul li figure{width:95%;margin:0 2.5%;background:#000}
.basic_gallary ul li figcaption{width:90%;padding:5%}
.basic_gallary ul li img.point{position:absolute;top:15px;left:50%;margin-left:-15px}
.basic_gallary ul.active figure{position:relative}
.basic_gallary ul.active figcaption{position:absolute;bottom:0;left:0;overflow:hidden;background:url(/images/prog/common/bg_gallary_caption.png);color:#fff}
.basic_gallary ul.active figcaption.ov{word-wrap:normal;white-space:nowrap;text-overflow:ellipsis}
.basic_gallary .gallwrap{clear:none;margin:0 0 0 -1px}
.basic_gallary .gallwrap li{width:272px;margin:0 0 15px 1px}
.basic_gallary .gallwrap li figure{position:relative;width:100%;margin:0;background:#000}
.basic_gallary .gallwrap li figure img{display:block}
.basic_gallary .gallwrap li figcaption{position:absolute;bottom:0;left:0;width:100%;padding:0;font-size:1.071em;color:#fff;text-align:center}
.basic_gallary .gallwrap li figcaption .bg{display:block;width:100%;height:40px;background:#000;opacity:0.7}
.basic_gallary .gallwrap li figcaption em{position:absolute;bottom:8px;left:0;width:100%;padding-top:8px;text-align:center;opacity:1;z-index:1}
.basic_gallary .gallwrap li.no_item{height:25px}





/* 포토 */
.photogallery_list{overflow:hidden;border-bottom:1px #dadada solid}
.photogallery_list li{height:200px}
.photogallery_list .sum_photo{width:95%;margin:0 auto;text-align:center}
.photogallery_list .sum_photo a{display:block;width:100%}
.photogallery_list .sum_photo a:hover,
.photogallery_list .sum_photo a:focus{text-decoration:none}
.photogallery_list .thumb{position:relative;display:block;height:116px;overflow:hidden;/*border-radius:3px;border:1px solid #d1d1d1*/}
/*151210수정
.photogallery_list .thumb img{max-width:none;height:116px;vertical-align:middle;border-radius:3px}*/
.photogallery_list .thumb img{position:absolute;top:0;left:50%;max-width:none;height:116px;vertical-align:middle;border-radius:3px}
.photogallery_list .subject{display:block;width:auto;margin:10px auto 5px;line-height:120%;word-wrap:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.photogallery_list .date{display:block;color:#767676;font-size:0.8em}
.photogallery_list .opt{display:none}
/* 포토갤러리 */
.galleryView {position:relative;margin:0;width:600px;height:400px}
.galleryView ul.bicImage {overflow:hidden;position:absolute;top:0;left:0;width:600px;height:400px}
.galleryView ul.bicImage li {position:relative;float:left}
.galleryView ul.bicImage li img{display:block;width:600px;height:400px}
.galleryText {overflow:hidden;position:absolute;top:360px;left:0;margin:0;padding:0;width:600px;height:40px}
.galleryText li {margin:0;padding:3px 5px;width:590px;height:34px;background:#000;color:#fff;font-size:12px;font-weight:bold;line-height:17px}
.galleryThum {position:relative;margin:0 auto;padding:16px 0;width:600px;height:61px}
.galleryThum span.arrow {position:absolute;top:36px}
.galleryThum span.arrow img {padding:5px}
.galleryThum span.arrLeft {left:4px}
.galleryThum span.arrRight {right:4px}
.galleryThum .wrap {overflow:hidden;position:relative;margin:0 auto;width:553px;height:61px}
.galleryThum .thumnail {position:absolute;width:2000px;left:0px}
.galleryThum .thumnail li {float:left;margin:0 5px 0 0px;width:88px;height:59px;background:#000}
.galleryThum .thumnail li img{display:block}
.no_style{padding:10px 0}
.no_style p{margin:0;padding:0 17px;color:#787878}
.panel-overlay p{margin:0;padding:5px 0 0 0;font-size:12px;font-weight:bold;line-height:17px}
.prog_htxt{display:none}
/* 갤러리 상세보기 */
#galleryView{margin:0 0 30px 0;text-align:center}
#galleryView img{}
#galleryThum{position:relative;width:100%;min-height:70px;padding:5px 0;background:#f9f9f9}
#galleryThum .holder{position:relative;padding:10px 0;width:90%;overflow:hidden;margin:0 auto}
#galleryThum .list {margin:0;padding:0;list-style: none;width:99999px;overflow: hidden}
#galleryThum .item {float: left;width:100px}
#galleryThum .item img{/*width:90px;height:70px*/width:100px;height:63px;}
#galleryThum .item .button{display:none;}
#galleryThum .arrLeft{position:absolute;left:0;top:-5px;width:5%;height:100%;background:none;text-align:center}
#galleryThum .arrLeft img{position:relative;top:0px}
#galleryThum .arrRight{position:absolute;right:0;top:-5px;width:5%;height:100%;background:none;text-align:center}
#galleryThum .arrRight img{position:relative;top:0px}
#galleryThum li a.ov{border:0;}
.board_images{margin-bottom:30px;text-align:center;}

@media only screen and (max-width:767px) {
	#galleryThum .holder{width:100%;margin:0}
	#galleryThum .item{margin: 0 8px}
	#galleryThum .list{left:50%;margin-left:-15px}
}


/* 게시물권한확인 */
form.resultFind{position:relative;margin:45px auto 0;padding:30px 25px;border:1px solid #ddd;}
.resultFind .input_form{margin:0 auto;max-width:500px;}
.resultFind .input_form li{position:relative;margin-top:10px;padding-left:80px;}
.resultFind .input_form li:first-child{margin-top:0;}
.resultFind .input_form li label{position:absolute;top:0;left:0;font-weight:bold;line-height:36px;}
.resultFind .input_form li label[for="findInp1"]{background:url(/images/prog/common/resultFind_lb_nm.gif) no-repeat 0 0}
.resultFind .input_form li label[for="findInp2"]{background:url(/images/prog/common/resultFind_lb_pw.gif) no-repeat 0 0}
.resultFind .input_form li input{width:100%;height:36px;}
.resultFind .link_btn{display:block;position:relative;margin:15px auto 0;padding-left:80px;max-width:500px;}
.resultFind .link_btn input[type="submit"]{padding:0;width:100%;height:40px;background-color:#F05342;border:1px solid #F05342;color:#fff;font-size:15px;line-height:40px;text-align:center;transition:all 0.35s ease-in-out;}
.resultFind .link_btn input[type="submit"]:hover,
.resultFind .link_btn input[type="submit"]:focus{background-color:#EF4030;border-color:#EF4030;}

@media only screen and (min-width:640px) {
	form.resultFind{padding:45px 25px;}
	.resultFind .input_form{padding-right:100px;}
	.resultFind .link_btn{position:absolute;top:50%;right:50%;margin:-41px -250px 0 0;padding:0;width:90px;}
	.resultFind .link_btn input[type="submit"]{height:82px;font-size:15px;line-height:82px;}
}

@media only screen and (min-width:1024px) {
	form.resultFind{padding:60px 25px;}
}

/* FAQ */
.board_faq{border-top:2px solid #e3e3e3;line-height:150%;word-wrap:break-word}
.board_faq .ico{position:absolute;width:55px;height:21px}
.board_faq .title{display:block;position:relative;border-bottom:1px solid #e3e3e3;letter-spacing: 0;}
.board_faq .title:after {content:"";display:block;visibility:hidden;clear:both;}
.board_faq .title .ti{display:block;float:left;padding:15px 10px 15px 45px;color:#333;font-weight:bold;font-weight:normal;}
.board_faq .title .ti.on{text-decoration:underline;color:#ff4b28;}
.board_faq .title .ti.on,.board_faq .title .ti:hover,.board_faq .title .ti:focus{text-decoration:underline;color:#ff4b28;}
.board_faq .title .date {float:right;padding:15px 10px 0 0;color:#767676;font-size:0.9em;}
.board_faq .pt{display:none;position:relative;padding:20px 15px 25px 45px;border-bottom:1px solid #e3e3e3;word-wrap:break-word;background:#f7f7f7;color:#7b7b7b;font-size:0.9em}
.board_faq .pt_noData{position:relative;padding:20px 15px 25px 45px;border-bottom:1px solid #e3e3e3;word-wrap:break-word;background:#f7f7f7;color:#7b7b7b;font-size:0.9em}
.board_faq .title .ico{top:15px;left:16px;color:#ff4b28;}
.board_faq .pt p{margin-top:10px}
.board_faq .addfilebox{padding:5px 0;font-size:0.85em;}
.board_faq .addfilebox:after {content:"";display:block;visibility:hidden;clear:both;}
.board_faq .addfileti {float:left;display:inline-block;height:23px;margin:0 20px 0 0;padding:1px 8px 0 22px;border-radius:15px;border:1px solid #266fbb;background:url(/images/common/ico_attach.png) no-repeat 6px 5px;color:#266fbb;}
.board_faq .list_file {float:left;display:inline-block;padding:10px 0;font-weight:normal;}
.board_faq .list_file:after {content:"";display:block;visibility:hidden;clear:both;}
.board_faq .list_file li {float:left;margin-right:20px;}


/* 보도형 */
.bodo_list{/*border-top:2px #dadada solid*/}
.bodo_list .item{position:relative;margin-top:-1px;padding:25px;padding-left:320px;min-height:225px;border:1px #dadada solid}
.bodo_list .item .thumb{position:absolute;top:25px;left:25px;width:270px;height:170px;margin-right:20px;overflow:hidden;background:#efefef;text-align:center;border:1px solid #ddd}
.bodo_list .item .thumb img{/*position:absolute;top:0;left:50%;margin-left:-50%;*/width:100%;height:100%;}
.bodo_list .item .thumb img.noimg{width:100%;}
#txt .bodo_list .item .thumb img{max-width:none;}
.bodo_list .item .descpt a{display:block}
.bodo_list .item .descpt .subject{display:block;padding-bottom:7px;margin-bottom:7px;font-weight:700;border-bottom:1px dashed #d1d1d1}
.bodo_list .item .descpt .subject input[type="submit"]{display:inline-block;min-width:auto;border:none;height:auto;background-color:transparent;overflow:hidden;width:85%;color:#000;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:17px;padding:0;line-height:28px;}
.bodo_list .item .descpt .pt input[type="submit"]{min-width:auto;border:none;background-color:transparent;color:#666;display:block;width:93%;color:#444;text-align:left;font-size:14px;padding:0;line-height:1.3;word-wrap:break-word;word-break:keep-all;height:auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.bodo_list .item .descpt .pt{display:block}
.bodo_list .item .descpt .pt .opt{display:block;margin-top:40px}
.bodo_list .item .descpt .pt .opt span{display:inline-block;margin-right:10px}
.bodo_list.book .item .thumb{width:110px;height:150px}

/*보도형 공지*/
.bodo_list{}
.bodo_list.bodo_notice{margin-bottom:20px}
.bodo_list.bodo_notice .item{}
.bodo_list.bodo_notice .item .descpt{}
.bodo_list.bodo_notice .item .descpt .subject{margin:0;padding:0;border-bottom-width:0}
.bodo_list.bodo_notice .item .descpt .pt{}
.bodo_list.bodo_notice .item .descpt .pt .opt{margin-top:0}

.bodo_list.bodo_notice.faq{margin-bottom:0}
.bodo_list.bodo_notice.photo{margin-bottom:10px}

@media(max-width:639px){
	.bodo_list .item{padding:0}
	.bodo_list .item .thumb{float:none;margin-bottom:10px;width:auto;margin:0;text-align:center;position:relative;top:auto;left:auto;}
	.bodo_list .item .descpt{padding:10px}
}

/* 캘리더 */
.calenWrap{position:relative;width:100%}
.calenWrap .fl{display:inline-block;float:left;width:auto;height:19px;margin-right:3px;padding:4px;border:1px solid #c0c0c0}
.calenWrap .fl select{width:100%}
.calenWrap .date{display:inline-block;width:100%;margin:10px auto;text-align:center}
.calenWrap .date:after{clear:both;display:block;visibility:hidden;content:""}
.calenWrap .date p{display:inline-block;width:220px;margin:0 auto}
.calenWrap .date p a{display:block;float:left;margin:0 10px}
.calenWrap .date p span{float:left;font-size:1.5em;line-height:32px}
.calenWrap .date div{float:left}
.calenWrap .date div a{display:block;float:left;margin:0 10px}
.calenWrap .date div span{float:left;font-size:1.5em;line-height:32px}
.calenWrap .date .arrow a{display:block;float:left;position:relative;overflow:hidden;width:32px;height:32px;background:url(/images/prog/common/cal_arr.gif) no-repeat;font-size:0;line-height:0;z-index:10}
.calenWrap .date .arrow.prev a{background-position:0 0}
.calenWrap .date .arrow.next a{float:right;background-position:0 -48px}
.schCal3{width:100%;margin-bottom:20px;border-bottom:1px solid #ddd}
.schCal3 th{padding:12px 6px;border-top:1px solid #434547;border-bottom:1px solid #a2a2a2;font-weight:bold;line-height:1.5em;vertical-align:middle}
.schCal3 td{height:90px;padding:8px 6px;border-left:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;color:#666;line-height:1.5em;vertical-align:top}
.schCal3 td:first-child{border-left:0 none}
.schCal3 td p{margin-top:5px}
.schCal3 td p a{float:left;overflow:hidden;width:100%;min-width:120px;max-width:120px;padding:3px 0;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.schCal3 td p a img{margin-right:5px;vertical-align:middle}
.schCal3 .sun,.schCal3 .sun a{color:#c30c0c}
.schCal3 .sat,.schCal3 .sat a{color:#1473b5}
.schCal3 .info{color:#444}
.schCal3 .hospital_info{position:absolute;overflow:hidden;width:170px;padding:10px 15px;border:2px solid #457;background:#fff}
.schCal3 .hospital_info li.title{margin:3px 0;padding:0;font-weight:700;font-size:1.143em;color:#000}
.schCal3 .hospital_info .close{position:absolute;top:0;right:0;width:50px;margin-top:0}
.schCal3 .hospital_info .close a{display:inline-block;width:40px;min-width:50px;max-width:50px;padding:0 5px 3px;background:#457;font-size:1em;color:#fff;text-align:center}
.calenWrap .btn_area{position:absolute;top:11px;right:1px}
.calenviewwrap{position:relative}
.calenviewwrap figure{display:inline-block;float:left;position:relative;overflow:hidden;max-width:390px;max-height:263px;padding-right:8px;background:url(/images/prog/common/figure_titbar.gif) no-repeat 100% 0}
.calenviewwrap figure img{display:block}
.calenviewwrap .hgroup{height:211px;margin:0 0 15px 397px;padding:25px 20px}
.calenviewwrap .hgroup h4{padding-left:0;background:none;font-size:1.500em}
.calenviewwrap .hgroup dl{position:relative;display:inline-block}
.calenviewwrap .hgroup dt,.calenviewwrap .hgroup dd{float:left;min-height:23px;margin:3px 0 2px}
.calenviewwrap .hgroup dt{width:21%;padding-left:7px;background:url(/images/prog/common/hgroup_dot.gif) no-repeat 0 9px;font-weight:700;color:#000}
.calenviewwrap .hgroup dd{width:77%}
.calenviewwrap .hgroup dd img{vertical-align:middle}
.calenviewwrap .hgroup dd.url a{font-weight:700;color:#0d7bbf}
.calenviewwrap .hgroup dd .basic_list li{background:url(/images/prog/common/bul_li_th3.gif) no-repeat 0 11px}
.prevEvent{display:block;margin-top:-4px;padding:8px 15px;background:#ce3c18}
.prevEvent a{display:block;padding-right:45px;background:url(/images/prog/common/prev_event_bg.gif) no-repeat 100% 50%;color:#fff}


/*선거인명부열람*/
.elect_vote{position:relative;width:375px;margin:0 auto}
.elect_vote .elect_vote_info{padding:15px;background:#f8f8f8}
.elect_vote .elect_vote_info .basic_box{margin-bottom:0}
.elect_vote h3{padding-bottom:10px}
.basic_box .elect{padding:10px 15px;background:#fff}
.basic_box .elect p{text-align:justify}
.elect_vote .elect_info{display:block;padding:0 15px}
.elect_vote .elect_info li{padding-left:15px;background:url(/images/prog/common/bul_tab.png) no-repeat 0 -35px}
.elect_vote .elect_info li strong{color:#117ec2}
.elect_vote .elect_info li li{padding-left:0;background:none}
.elect_vote .elect_read{padding:15px}
.elect_vote .elect_read .bul_focus{color:#117ec2}
.elect_vote .elect_srch{position:relative;padding:9px;border:1px solid #dad9d9;background:url(/images/prog/common/elect_read.gif) no-repeat 0 50%}
.elect_srch .item{display:block;margin-bottom:6px;padding-left:91px;letter-spacing:-0.05em}
.elect_srch .i_label{float:left;width:85px;height:28px;font-weight:bold;line-height:2em;color:#333;cursor:pointer}
.elect_srch input[type="text"]{}
.elect_srch input[type="text"].birth1{width:57px}
.elect_srch input[type="text"].birth2{width:27px}
.elect_srch .btn{margin-bottom:0;padding-left:176px}
.elect_srch .btn input[type="submit"]{padding:7px 30px}
.elect_vote .elect_rslt{position:relative;padding:9px 15px;background:#f8f8f8}
.elect_vote .elect_rslt p{padding-bottom:9px;text-align:center}
.elect_vote .elect_rslt p strong{font-size:1.071em;color:#2059af}
.elect_vote .elect_rslt .inquiry{padding:9px 0 0;border-top:1px dotted #a2a2a2}
.elect_vote_foot{position:relative;width:100%;padding:3px 0;background:#4d515e}
.elect_vote_foot p{text-align:center}
.elect_vote_foot p label{color:#fff}

@media(min-width:480px){
	.photogallery_list li{float:left;width:50%}
}

@media(min-width:768px){
	.photogallery_list li{float:left;width:25%}
	.board_faq .list_file {width:80%;}
}
/* 게시판 반응형 */
.basic_table col.problem_number{width:8%}
.basic_table col.problem_cl{width:8%}
.basic_table col.problem_name{width:12%}
.basic_table col.date{width:14%}
.basic_table col.problem_count{width:7%}
.basic_table col.problem_file{width:7%}


@media(max-width:1024px){
	/* .basic_table col[class^="problem_"]{width:10%} */
	.basic_table col.problem_name{width:16%;}
	.basic_table col.date{width:16%}
	

}
@media(max-width:1023px){
	.basic_table tr td{padding:5px}
	.basic_table .problem_number,
	.basic_table .problem_count,
	.basic_table .problem_file{display:none}
	.basic_table .problem_number+th,
	.basic_table .problem_number+td{border-left:0}
	/* .basic_table col.problem_name{width:80px} */
	.basic_table col.problem_status{width:60px}
	.basic_table td.list_subject .link{width:86%}

}

@media(max-width:639px){
	.basic_table .date,.basic_table .problem_name{display:none}
	.basic_table td .list_subject .link{display:inline;float:none;white-space:normal}
	.basic_table td .list_subject img{float:none;margin:0}
	.basic_table col.problem_cl,.basic_table col.problem_number{width:20%}

}



/* 스크롤 포토게시판 */
/* 포토갤러리 */
.sns_list_area{padding:10px}
.sns_wrap span.sns_like{width:30px;padding-left:20px;background-position:0 3px}
.sns_wrap span.sns_date{padding:0 20px;background-position:0 -47px;font-size:0.9em}
.sns_list:after{content:"";display:block;visibility:hidden;clear:both;}
.sns_list li{display:block;overflow:hidden;float:left;width:30%;margin-top:20px;margin-right:3%;padding-bottom:10px;border:1px solid #ddd;text-align:center}
.sns_list li h3{margin:0;padding:0;background:none;font-size:18px;color:#303030;text-align:left;}
.sns_list figcaption{margin:15px;height:84px;overflow:hidden}
.sns_list span{display:inline-block;}
.sns_list li p{text-align:right;}
.sns_list img{max-width:100%;height:180px}
.sns_list .sns_btn{float:right}
.sns_list h2{padding:0;font-size:17px;font-weight:600;line-height:18px;color:#404d56;text-align:left;background:none;}
.sns_list h2 a{display:block;}
.sns_list span.sns_point{color:#0469b4}
.sns_list .sns_btn a{display:inline-block;width:35px;height:35px;padding:3px;text-indent:-9999px}
.sns_list .sns_btn a.twitter{background-position:0 -108px}
.sns_list .sns_btn a.facebook{background-position:0 -215px}
.sns_list .sns_btn a.sns_more{display:none;background-position:0 0}
.sns_list .thump_img{display:block;text-align:center;}
.sns_list li.last{display:block}
.sns_list .img_bg{display:block;overflow:hidden;background:#efefef}
.sns_list li figcaption p{text-align:left;font-size:0.9em}
.sns_tit{position:relative;height:62px;/*margin:0 10px 20px;*/padding:20px;}
.sns_tit span.sns_tit_logo{display:inline-block;position:absolute;top:0;left:40%;width:141px;height:82px;text-indent:-9999px}
.sns_list_area{padding:0}
@media only screen and (max-width:768px){
	.sns_list li{width:46%;}
}
@media only screen and (max-width:550px){
	.sns_list h2{font-size:14px;}
	.sns_list li{float:none;width:auto;}
	.sns_list figcaption{height:100px}
}



/*
.basic_table{width:100%;table-layout:fixed; border-collapse:collapse; border-spacing:0; border:0;border-top:1px solid #999;border-bottom:1px solid #d2d2d2;}
.basic_table th,
.basic_table td{padding:8px 10px;text-align:center;word-wrap:break-word;word-break:keep-all;vertical-align:middle}
.basic_table tbody td *{vertical-align:middle;}
.basic_table thead th{font-weight:normal;padding:12px 0;color:#333;border-bottom:1px solid #ddd;background:#f5f5f5;}
.basic_table thead th:first-child{border-left:none;}
.basic_table td{border-top:1px dashed #e1e1e1;font-size:15px;}
.basic_table td:first-child{border-left:none;}
.basic_table tbody th{border-top:1px dashed #e1e1e1;color:#333;font-weight:bold;}

.basic_table tbody tr.problem th{border-left:1px solid #dcdcdc;}
.basic_table tbody tr.problem th:first-child{border-left:none;}

.basic_table td.left{padding-left:10px;text-align: left}
.basic_table td.left .list_subject .link{display:block;}
.basic_table td.left .list_subject .link img{padding-right:5px;}
.basic_table td.left .list_subject a{display:inline-block;overflow:hidden;width:93%;color:#444;text-overflow:ellipsis;white-space:nowrap;}
.basic_table td.left .list_subject a:hover{text-decoration:underline}
.basic_table td.cell_left{text-align:left;}
*/


.basic_table {display:table;width:100%;border-top: solid 2px #555;}
.basic_table th:first-child, .basic_table td:first-child {border-left:none;}
.basic_table th , .basic_table td {padding:8px 10px;word-wrap:break-word;word-break:keep-all;vertical-align:middle}
.basic_table thead th {padding:15px 10px;background:#fcfcfc; border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#dadada;border-bottom-color:#787878; line-height:17px; font-size:15px; color:#000}
.basic_table tbody th{border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#ccc;border-bottom-color:#ccc; text-align:center; color:#121212;background:#f5f5f5;}
.basic_table th > label {background:#fafafa;border-bottom:0; line-height:15px; font-size:15px; color:#47464c}
.basic_table td {border-left: 1px solid transparent;border-bottom: 1px solid transparent;border-left-color:#ccc;border-bottom-color:#ccc; text-align:center;  color:#666}
.basic_table tbody td *{vertical-align:middle;}
.basic_table tfoot th,
.basic_table tfoot td{border:1px solid #ddd; text-align:center;color:#666;background-color:#fafafa;}

.basic_table tbody tr.problem th:first-child{border-left:none;}

.basic_table td.left{padding-left:10px;text-align: left}
.basic_table td.left .list_subject .link{display:block;}
.basic_table td.left .list_subject .link input[type="submit"]{min-width:auto;border:none;height:auto;background-color:transparent;color:#666;display:inline-block;overflow:hidden;width:84%;color:#444;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:14px;padding:0;line-height:1.4}
.basic_table td.left .list_subject .link img{padding-right:5px;}
.basic_table td.left .list_subject a{display:inline-block;overflow:hidden;width:93%;color:#444;text-overflow:ellipsis;white-space:nowrap;}
.basic_table td.left .list_subject a:hover{text-decoration:underline}
.basic_table td.cell_left{text-align:left;}
.tablewrap .note{margin-top:10px;}

/* .basic_table tobdy td.noData{position:absolute;width:100%;height:38px;border-bottom-color:#fff;border-bottom:1px solid #ccc;} */
.basic_table tr.noData{position:relative;height:40px}
.basic_table tr.noData td{position:absolute;left:0;width:100%;border:0;border-bottom:1px solid #ddd;text-align:center;padding: 8px 10px;}

.noStyle{}
.noStyle th,
.noStyle td{border:none}


/* 게시판 반응형 */
@media(max-width:1279px){
	#contents .basic_table col[class^="problem_"]{width:10%}
	#contents .basic_table col.problem_name{width:20%}
	#contents .basic_table col.date{width:120px}
}
@media(max-width:1000px){
	#contents .basic_table tr td{padding:5px}
	#contents .basic_table .problem_number,
	#contents .basic_table .problem_count,
	#contents .basic_table .problem_file{display:none}
	#contents .basic_table .problem_number+th,
	#contents .basic_table .problem_number+td{border-left:0}
	#contents .basic_table col.problem_name{width:80px}
	#contents .basic_table col.problem_status{width:60px}
	#contents .basic_table td.list_subject .link{width:86%}
}
@media(max-width:639px){
	#contents .basic_table .date,#contents .basic_table .problem_name{display:none}
	#contents .basic_table td .list_subject .link{display:inline;float:none;white-space:normal}
	#contents .basic_table td .list_subject img{float:none;margin:0}
}



.basic_box {position:relative;display:block;margin-bottom:50px;padding:15px 20px 15px 20px;background:#fff;border:1px solid #d9d9d9;}
.basic_box:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.basic_box:after{content:"";display:block;visibility:hidden;clear:both;}
.basic_box *{vertical-align:middle}
.basic_box label{}
.board_total{display:block;float:none;margin:0;padding-left:18px;width:auto;background:url(/images/common/icon_bbs.gif) no-repeat 0 14px;color:#666;font-size:14px;line-height:40px;}
.board_total *{vertical-align:baseline;}
.board_total .bold.red{color:#e03321;}

.basic_search{display:block;float:none;position:relative;padding-left:0;}
.basic_search .grap{display:block;position:relative;width:100%;}
.basic_search .grap select{margin-bottom:5px;padding:0 0 0 8px;width:100%;height:42px;border:1px solid #ddd;line-height:36px;}
.basic_search .searchinput{position:relative;padding-right:50px;width:100%;border:1px solid #ddd;}
/*.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;width:48px;height:34px;text-indent:-9999em;border:none;background:url(/images/lab/sub02/r_find_btn.png) no-repeat scroll 50% 50%;background:url(/images/common/icon_bbs.png) center center no-repeat;background-image:url(/images/common/icon_bbs.svg), none;font-size:0;line-height:0;}*/
.basic_search .searchinput input[type="submit"]{position:absolute;top:0;right:0;padding:0;width:40px;min-width:56px;height:41px;background:#45495b url(/images/common/search_ico.png) no-repeat 50%;border:none;border-radius:0;text-indent:-9999em;}
.basic_search .searchinput input[type="submit"]:focus{outline:1px dotted #45495b;}
.basic_search .searchinput input[type="text"]{width:100%;height:40px;padding:0 40px 0 10px;border:none;}
.basic_box label{position:absolute;padding:0 10px;line-height:40px;}

@media only screen and (min-width:480px) {
	.basic_search .grap,
	.basic_search .searchinput{display:inline-block;width:auto;}
	.basic_search .grap select{margin-bottom:0;width:auto;font-size:13px;}
	.basic_search .searchinput input[type="text"]{width:240px;}
}

@media only screen and (min-width:640px) {
	.board_total{display:inline-block;float:left;}
	.basic_search{display:inline-block;float:right;padding-left:0;}
	.basic_search .searchinput{margin-top:0;}
	.bbs_searchbox input[type="text"]{width:100%;}
}

/*포토형게시판*/
#contents .photogallery_list li{float:left;width:100%;}
@media(min-width:480px){
	#contents .photogallery_list li{width:50%}
}
@media(min-width:640px){
	#contents .photogallery_list li{width:33.3%}
}
@media(min-width:768px){
	#contents .photogallery_list li{width:25%;}
}

/*eBook*/
@media(max-width:767px){
	#contents .type1 .photogallery_list li{width:33.1%}
}
@media(max-width:639px){
	#contents .type1 .photogallery_list li{width:49.7%}
}
@media(max-width:359px){
	#contents .type1 .photogallery_list li{float:none;width:auto}
}

/*보도형 게시판*/
@media(max-width:639px){
	#contents .bodo_list .item{margin-bottom:25px;padding:0}
	#contents .bodo_list .item:first-child{padding-top:25px}
	#contents .bodo_list .item .thumb{float:none;width:auto;margin:0;text-align:center;background-color:#fff;}
	#contents .bodo_list .item .descpt{padding-top:10px}
}

/*동영상게시판*/
/*플레이어*/
@media(max-width:639px){
	.respondPlayer{width:auto;height:auto}
	.respondPlayer video,
	.respondPlayer object{width:auto;height:306px}
}
@media(max-width:479px){
	.respondPlayer video,
	.respondPlayer object{height:226px}
}
@media(max-width:359px){
	.respondPlayer video,
	.respondPlayer object{height:200px}
}









/* Comment Input Area */
.cb_module{margin:0 auto;text-align:left}
.cb_module h2{background-position:1px 4px;font-size:18px;color:#666;}
.cb_module h2 span{color:#4c8}

.cb_module .cb_wrt{margin-bottom:26px;padding:15px 3%;background:#f7f7f7 url(/images/egovframework/com/cmm/img/bg_line.gif) left bottom repeat-x;}
.cb_module .cb_wrt .cb_writer{margin:0 0 10px;}
.cb_module .cb_wrt .cb_writer:after,
.cb_module .cb_wrt .cb_wrt_box:after{display:block;content:'';clear:both}
.cb_module .cb_wrt_box{background:#f7f7f7;}

.cb_module .cb_txt_area{display:block;}
.cb_module .cb_txt_area input[type="text"]{padding:4px 2.5%;width:94.5%;border-radius:4px}
.cb_module .cb_txt_area textarea{padding:5px 2.5%;width:94.5%;border:1px solid #adadad;border-radius:4px;background:#fff;color:#666;font-size:12px;line-height:20px;}


/* Comment list */
.cb_module .cb_lstcomment{border-top:1px solid #c0c0c0;}
.cb_module .cb_lstcomment ul li{position:relative;padding:25px 0 5px;border-bottom:1px solid #dedede;}
.cb_module .cb_lstcomment ul li:first-child{padding-top:20px;}
.cb_module .cb_lstcomment ul li.nothing{padding:25px 0 20px;}

.cb_module .cb_lstcomment .cb_thumb{position:absolute;top:10px;left:20px}
.cb_module .cb_lstcomment .cb_thumb_on .cb_thumb{position:absolute;top:22px;left:12px}

.cb_module .cb_lstcomment .cb_comment_area{padding:0 0 0 70px}
.cb_module .cb_lstcomment {overflow:hidden;padding:5px 0 0;}
.cb_module .cb_lstcomment .cb_section1 .cb_info_area .cb_date{display:inline-block;padding-left:4px;color:#aaa;}

.cb_module .cb_lstcomment .cb_section2{position:absolute;top:20px;top:5px;right:0;color:#aaa}
.cb_module .cb_lstcomment ul li:first-child .cb_section2{top:0;}


.cb_module .cb_lstcomment .cb_section2 span{display:inline-block;overflow:hidden;padding:0 6px 0 9px;color:#aaa;background:none}
.cb_module .cb_lstcomment .cb_dsc_comment{overflow:hidden;clear:both;padding:0 0 15px 1px;color:#555;line-height:20px}

@media only screen and (min-width:1024px){
	.cb_module .cb_wrt .cb_writer .cb_thmb_pw,
	.cb_module .cb_wrt .cb_wrt_box .cb_profile{float:left;width:10%;}
	.cb_module .cb_txt_area{float:left;width:90%}
}


/*바로가기게시판*/
.basic_table .list_subject .link.favor{float:none;margin:0;}
.basic_table .list_subject .link .btn_home{display:block;margin:0 auto;width:30px;height:30px;background:url(/images/common/home.png) no-repeat 50% 50%;border:1px solid #d9d9d9;border-radius:3px;font-size:0;line-height:0;}




/* 캘린더 */
.calenWrap .date{}
.calenWrap .date p{width:auto;text-align:center}
.calenWrap .date p span{display:inline-block;vertical-align:middle;line-height:1}
.calenWrap .date .arr_left{}
.calenWrap .date .arr_right{}


/* 날짜 입력 양식 너비 지정 */
.input_subject input[type='text']{min-width:0;width:99%}
.input_writer input[type='text']{min-width:0;width:228px}
.input_date input[type='text']{min-width:0;width:100px}
.input_textarea textarea{width:99%;min-height:400px;border:1px solid #adadad}



/* 자막 */
.member_terms{width:100%; height:171px; border:1px solid #d4d4d4;}
.member_terms .terms_text{width:96%; height:150px; margin:10px; padding-right:10px; overflow-y:scroll;}



/* detail */
.bbs_detail{border-top:2px solid #434343;border-bottom:1px solid #d5d5d5}
.bbs_detail:before{content:"";display:block;position:absolute;top:0;left:70%;width:1px;height:100%;background:#ddd;}
.bbs_detail.bbs_detail_basic:before{display:none;}
.bbs_detail:after{content:"";display:block;visibility:hidden;clear:both;}
.bbs_detail_content{display:inline-block;float:left;padding-bottom:30px;width:70%;}
.bbs_detail.bbs_detail_basic .bbs_detail_content{display:block;float:none;width:100%;}
.bbs_detail.bbs_detail_basic .bbs_detail_player{position:relative;margin-bottom:30px;}
.bbs_detail.bbs_detail_basic .bbs_detail_player .video-js{position:absolute;top:0;left:0;}
.bbs_detail_content{position:relative;padding:20px 15px;}
.bbs_detail_content p{font-size:14px;line-height:160%;}
.bbs_detail_img{overflow:hidden;position:relative;margin-bottom:20px;width:100%;}
.bbs_detail_img *{margin:0;padding:0;}
.bbs_detail_img figure{width:100%;text-align:center;}
.bbs_detail_img figcaption{height:0;font-size:0;line-height:0;}
.bbs_detail_file{clear:both;position:relative;padding:7px 20px 10px 20px;border-bottom:1px solid #000;background-color:#fff;}
.bbs_detail_file.file_list{padding:0;border:none;}
.bbs_detail_file:after{content:"";display:block;visibility:hidden;clear:both;}

.bbs_detail_file a{display:inline-block;margin-right:10px;font-size:13px;color:#666;line-height:120%;}
.bbs_detail_file a *{vertical-align:middle}
.bbs_detail_file a span{overflow:hidden;display:inline-block;margin-left:-40px;margin-right:5px;width:26px;height:26px;background: url("/images/prog/board/bg_icon.png") no-repeat 0 -240px;font-size:0;}
.bbs_detail_file.file_list a{margin:0;padding-left:0;}
.bbs_detail_file.file_list a span{margin:0;}
.bbs_detail_file a:hover{text-decoration:underline}
.bbs_detail_file a.ppt span,
.bbs_detail_file a.pptx span{background-position: 0 0}
.bbs_detail_file a.doc span,
.bbs_detail_file a.docx span{background-position: 0 -40px}
.bbs_detail_file a.hwp span{background-position: 0 -80px}
.bbs_detail_file a.pdf span{background-position: 0 -120px}
.bbs_detail_file a.png span,
.bbs_detail_file a.gif span,
.bbs_detail_file a.jpg span{background-position: 0 -159px}


.bbs_detail_file a.xls span,
.bbs_detail_file a.xlsx span{background-position: 0 -200px}
.bbs_detail_file a.etc span{background-position: 0 -240px}

/*
.bbs_detail_tit {position:relative;padding:15px 20px;border-bottom: 1px solid #d5d5d5;background: url("/images/prog/board/detail_title_bg.gif") repeat;}
*/
.bbs_detail_tit{position:relative;padding:16px 20px;background-color:#f7f7f7;border-bottom: 1px solid #d5d5d5;}
.bbs_detail_tit h2{display:block;margin:0;padding:0;background:none;color:#111;font-size:20px;line-height:1.2;font-family: 'ntk','Malgun Gothic';}
.bbs_detail_tit h2:before,
.bbs_detail_tit h2:after{display:none;}
.bbs_detail_tit{position:relative;padding:15px 20px;border-bottom: 1px solid #d5d5d5;}
.bbs_detail_tit .info{padding-top:10px;font-size:13px;}
.bbs_detail_tit .info:after{content:"";display:block;visibility:hidden;clear:both;}
.bbs_detail_tit .info li{position:relative;display:inline-block;float:left;margin-left:10px;padding-left:10px;color:#444;}
.bbs_detail_tit .info li:first-child{margin-left:0;padding-left:0;}
.bbs_detail_tit .info li:after{content:"";display:block;position:absolute;top:1px;right:-10px;width:1px;height:15px;background:#ddd;}
.bbs_detail_tit .info li.date{float:right;}
.bbs_detail_tit .info li.date:after,
.bbs_detail_tit .info li.inq_cnt:after{display:none;}




.bbs_detail_nextprev{border-top:1px solid #888;}
.bbs_detail_nextprev li,
.bbs_detail_nextprev li a {font-size: 13px;color:#666;}
.bbs_detail_nextprev li a:hover{text-decoration: underline;}
.bbs_detail_nextprev li{position:relative;overflow:hidden;border-bottom:1px solid #e5e5e5;padding-left:65px;height:40px;line-height:40px;color:#222;font-weight: normal;}
.bbs_detail_nextprev li.prev{background: url("/images/prog/board/icon_brd.png") 25px -16px no-repeat;}
.bbs_detail_nextprev li.next{background: url("/images/prog/board/icon_brd.png") 25px -45px no-repeat;}
.bbs_detail_nextprev li .date{position: absolute;top:8px;right:10px;color:#666;}
.invisible{position:absolute;text-indent:-5000px;height:0;line-height:0;overflow:hidden;}



@media only screen and (max-width:1023px){
	.bbs_detail:before{display:none;}
	.bbs_detail_content{display:block;float:none;padding:10px;width:100%;}
	.bbs_detail_list{display:block;float:none;margin-top:-1px;padding:10px;width:100%;}
	.bbs_detail_itembox{border-top:1px solid #ebebeb;}
	.bbs_detail_itembox:after{content:"";display:block;visibility:hidden;clear:both;}
	.bbs_detail_listitem{display:inline-block;float:left;padding:20px 10px;width:50%;}
	.bbs_detail_nextprev li .date{display:none;}
}
@media only screen and (max-width:768px){
	.bbs_detail:before{display:none;}
	.bbs_detail_tit,
	.bbs_detail_file{padding:10px;}
	.bbs_detail_tit h2{padding-right:0;}
	.bbs_detail_tit .info{position:relative;top:auto;right:auto;font-size:13px;}
	.bbs_detail_tit .info:after{content:"";display:block;visibility:hidden;clear:both;}
	.bbs_detail_tit .info li.part{margin-left:0;padding-left:0;}
	.bbs_detail_tit .info li.date{float:left;}
}
@media only screen and (max-width:640px){
	.bbs_detail_listitem{display:block;float:none;width:100%;}

}
#article_view_content{width:100%;}
#article_view_content table{width:100%;}
.article_view_content{width:100%;}
.article_view_content table{width:100%;}


.mimetype:before{content:"";display:inline-block;width:26px;height:26px;vertical-align:middle;background:url(/images/prog/board/bg_icon.png) no-repeat 0 -240px}
.mimetype.ppt:before,
.mimetype.pptx:before{background-position:0 0}
.mimetype.doc:before,
.mimetype.docx:before{background-position:0 -39px}
.mimetype.hwp:before{background-position:0 -79px}
.mimetype.pdf:before{background-position:0 -120px}
.mimetype.png:before,
.mimetype.gif:before,
.mimetype.jpg:before{background-position:0 -159px}
.mimetype.xls:before,
.mimetype.xlsx:before{background-position:0 -200px}
.mimetype.etc:before{background-position:0 -240px}



.prog_content input[type="text"]{height:30px}

.creative_list{overflow:hidden;position:relative;width:100%;}
.creative_list li{float:left;padding:10px;width:33.33%;}
.creative_list li .sum_photo{}
.creative_list li .sum_photo a{display:block;overflow:hidden;position:relative;width:100%;}
.creative_list li .sum_photo a *{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.creative_list li .sum_photo a .thumb{display:block;overflow:hidden;width:100%;height:220px;text-align:center;z-index:9;background-color:#f2f2f2;}
.creative_list li .sum_photo a .thumb div{width: 200%;margin-left: -50%;height: 100%;text-align: center;}
.creative_list li .sum_photo a .thumb img{display:inline-block;max-width:none;height:100%;width:auto}
.creative_list li .sum_photo a .thumb_over {display:none;position:absolute;top:0;left:0;padding:10%;padding-top:85px;width:100%;height:100%;z-index:10;opacity:0;}
.creative_list li .sum_photo a:hover .thumb_over{}

.creative_list li .sum_photo a .thumb_over:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0.5;z-index:-1;}
.creative_list li .sum_photo a .thumb_over .stroke{display:inline-block;position:absolute;background-color:#f0f0f0;z-index:10;}
.creative_list li .sum_photo a .thumb_over .stroke1{width:0;height:1px;top:5%;left:3%;}
.creative_list li .sum_photo a .thumb_over .stroke2{width:1px;height:0;top:5%;right:3%;}
.creative_list li .sum_photo a .thumb_over .stroke3{width:0;height:1px;bottom:5%;right:3%;}
.creative_list li .sum_photo a .thumb_over .stroke4{width:1px;height:0;bottom:5%;left:3%;}
.creative_list li .sum_photo a .thumb_over .pt{display:block;text-align:center}
.creative_list li .sum_photo a .thumb_over .pt .subject{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:18px;line-height:1.2;font-weight:normal}
.creative_list li .sum_photo a .thumb_over .pt .date{display:block;margin-top:5px;color:#f0f0f0;font-size:13px;}


@media only screen and (max-width:1023px) {
	.creative_list li .sum_photo a .thumb_over{display:block;top:auto;bottom:0;height:auto;padding:10px;opacity:1}
	.creative_list li .sum_photo a .thumb_over .stroke{display:none;}
	.creative_list li .sum_photo a .thumb_over .pt .subject{font-size:16px;}
}
@media only screen and (max-width:768px) {
	.creative_list li{width:50%}

}

@media only screen and (max-width:540px) {
	.creative_list li{width:100%;}
	.creative_list li .sum_photo a .thumb{height:250px;}
	/* .creative_list li .sum_photo a .thumb img{max-height:250px;max-width:540px;width:100%} */
}

.box_type1{margin-bottom:10px;border:1px solid #ddd;padding:20px;position:relative}
.clause{text-align:right;}

.cell_left input[type="text"]{margin-bottom:2px;}




.video_list{overflow:hidden;position:relative;}
.video_list li{margin-bottom:10px;}
.video_list li:first-child{margin-top:0;border-top:0;}
.video_list li a{display:block;position:relative;padding:15px;padding-right:100px;min-height:187px;border:1px solid #d7d7d7;background-color:#fff;}
.video_list li a:hover,
.video_list li a:focus,
.video_list li a:active{background-color:#fafafa;border-color:#1461ac}
.video_list li a .img{position:absolute;right:15px;top:30px;width:120px;height:120px;}
.video_list li a .img img{width:100%;height:100%;}
.video_list li a .info{display:block;padding:15px 0;font-size:14px;line-height:20px;}
.video_list li a .info b{display:block;position:relative;overflow:hidden;margin-bottom:10px;/*padding-bottom:10px;*/max-height:60px;color:#1461ac;font-size:18px;font-family:'nsr';font-weight:bold;/*line-height:26px;*/line-height:20px;word-wrap:break-word;word-break:keep-all;}
/*.video_list li a .info b:after{content:"";display:block;position:absolute;bottom:0;left:0;width:25px;height:1px;background-color:#d7d7d7}*/
.video_list li a .info .text{display:block;overflow:hidden;padding:5px 0;color:#767676;font-size:14px;line-height:20px;height:50px;}
.video_list li a .info .date{display:block;position:relative;padding-top:10px;color:#bbb;font-size:12px;line-height:1;}
.video_list li a .info .date:before{content:"";display:block;position:absolute;top:0;left:0;width:25px;height:1px;background-color:#d7d7d7}
.video_list li a .info .count{display:inline-block;margin-left:10px;color:#bbb;font-size:12px;line-height:1;}

@media all and (min-width:768px) {
	.video_list li a{padding-right:160px;min-height:162px;}
	.video_list li a .img{height:90px;}
	.video_list li a .info .text{height:70px}
	.video_list{margin-left:-1%;border:none;}
	.video_list li{float:left;margin:0 0 1% 1%;width:49%;}
	.video_list li:before{}
}


@media all and (min-width:1200px) {
	.video_list li{width:32.33%;}
}

iframe[name="iframeBbs"]{display:none;}



.board_images .lcon,
.board_images .rcon{display:inline-block;float:left;width:49%;position:relative}
.board_images .rcon{float:right;}
.board_images .rcon img,
.board_images .lcon img{position:relative;z-index:11}
.board_images .rcon span,
.board_images .lcon span{position:absolute;top:10px;left:10px;padding:10px;width:50px;height:50px;background-color:#fff;z-index:12;border-radius:50%;line-height:30px;font-family:'nsr';font-size:17px;font-weight: 600}
.board_images .lcon span{border:3px solid #0580A3;color:#0580A3}

.board_images .rcon span{border:3px solid #E6007D;color:#E6007D}




@media all and (max-width:768px) {
	.board_images .lcon,
	.board_images .rcon{display:block;margin:0 auto;width:98%;}
}

#ajaxList{position:relative}

.sns_list li{margin-right:1%;margin-top:10px;width:32.3%;height:auto}
.sns_list .img_bg{max-height:373px;}
.sns_list li,
.sns_list .img_bg a{display:block;}
.sns_list li figcaption{text-align:left;}
.sns_list img{max-width:none;height:auto;width:100%;}
.sns_list h2:before{display:none;}
@media(max-width:1199px){.sns_list li{width:23.5%} }
@media(max-width:1023px){.sns_list li{width:32.3%} }
@media(max-width:767px){.sns_list li{width:48%} }
@media(max-width:480px){.sns_list li{width:100%;margin:10px 0} }


/* 시설물예약 */

.eventCal{position:relative;margin:0 0 30px;}
.schLst2{position:relative;width:100%;margin:0;border-top:2px solid #000000;background:url(/images/prog/common/box_bg_bottom.gif) repeat-x left bottom}
.schLst2:before{display:block;content:"";position:absolute;left:50%;top:0;width:1px;height:100%;background-color:#dcdcdc;}
.schLst2:after{clear:both;display:block;content:"";visibility:hidden}
.ctrMm{position:relative;width:50%;height:32px;margin:0 auto 20px;padding:0;}
.ctrMm strong{position:absolute;top:0;left:0;width:100%;font-weight:normal;font-size:1.7em;font-family:"Arial";line-height:1.25em;color:#111;text-align:center}
.ctrMm .arrow a{display:block;float:left;position:relative;overflow:hidden;width:32px;height:32px;background:url(/images/prog/common/cal_arr.png) no-repeat;font-size:0;line-height:0;z-index:10}
.ctrMm .prev a{background-position:0 0}
.ctrMm .next {float:right;}
.ctrMm .next a{background-position:0 -48px}
.schLst2 .rCon{padding:30px 0}
.schLst2 .rCon h2{display:block;width:90px;height:90px;margin:0 auto;padding:30px 10px 0px 10px;border-radius:70px;font-size:1.5em;color:#fff;background:#666666;text-align:center}
.schLst2 .rCon h2:before{display:none;}
.schLst2 .rCon h2 em {display:block;padding:5px 0 0;margin:15px 0 0;font-size:0.55em;/*border-top:1px solid #f0f0f0;*/font-weight:normal;background:none;color:#333;}
.schLst2 .rCon h2 .bico {top:120px;left:50%;margin-left:-9px;width:18px;height:15px;background-position:-50px 0;}
.schLst2 .rCon ul{margin-top:40px}
.schLst2 .rCon ul li{display:block;position:relative;width:100%;padding:3px 0px;border-bottom:1px dashed #ccc;}
.schLst2 .rCon ul li:after{clear:both;display:block;content:"";visibility:hidden}
.schLst2 .rCon ul li strong{display:block;float:left;width:100px;padding:7px 0;font-size:1em}
.schLst2 .rCon ul li ul{display:block;float:left;width:80%}
.schLst2 .rCon ul li a{display:block}
.schLst2 .rCon ul li a:link,.schLst2 .rCon ul li a:active,.schLst2 .rCon ul li a:visited{padding:5px 30px 5px 23px;color:#555}
.schLst2 .rCon ul li a:hover,.schLst2 .rCon ul li .tab_ov:link,.schLst2 .rCon ul li .tab_ov:active,.schLst2 .rCon ul li .tab_ov:visited,.schLst2 .rCon ul li .tab_ov:hover{font-weight:bold;color:#555;}
.schLst2 .rCon ul li img{position:absolute;top:14px;left:5px}
.schLst2 .lCon{padding:30px 3% 20px 0;}
.schLst2 .dt{position:absolute;bottom:30px;left:560px}
.schLst2 .dt:after{clear:both;display:block;content:"";visibility:hidden}
.schLst2 .dt li{float:left;margin:0 0 0 20px;line-height:24px}
.schCal_tbl{width:100%}
.schCal_tbl.type2{margin-bottom:20px}
.schCal_tbl th{padding:12px 6px;border:1px solid #434547;border-color:#434547 transparent #a2a2a2;font-weight:bold;line-height:1.5em;vertical-align:middle}
.schCal_tbl td{text-align:left; padding:8px 6px;height:50px;border:1px solid #dfdfdf;border-right:0 none;color:#666;line-height:1.5em;vertical-align:top}
.schCal_tbl.type2 td{height:90px}
.schCal_tbl td:first-child{border-left:0 none}
.schCal_tbl td div{overflow:hidden; margin-top:5px}
.schCal_tbl td a[target="_parent"]{line-height:1.2em;font-size:0.85em}
.schCal_tbl .sun{color:#c30c0c}
.schCal_tbl .sat{color:#1473b5}
.schCal_tbl .date{color:#454545}
.schCal_tbl .toDay{background-position:52% -28px}
.schCal_tbl .toDay a{color:#fff}
.schCal_tbl .spDay{background-position:51% 6px}
.tablewrap .basic_table img{vertical-align:middle !important;}

@media(max-width:767px){
	.ctrMm{width:200px;}
	.schLst2:before,
	.schCal_tbl td div span{display:none;} 
	.schLst2 .rCon{margin-top:30px;border-top:1px dashed #ddd;}
}

@media(min-width:768px){
	.schLst2 .rCon{float:right;width:50%;padding:30px 0 0}
	.schLst2 .lCon {float:left;width:50%;padding:30px 3% 20px 0;}
	.schLst2 .rCon .schTxWrap{position:relative;min-height:400px;overflow-x:hidden;overflow-y:auto}
	/* view */
	.calenviewwrap .hgroup {position:relative;padding:25px 15px 25px 130px;margin:0 0 30px;}
	.calenviewwrap .hgroup .bgico {position:absolute;top:23px;left:40px;display:block;}
	.calenviewwrap .hgroup .bgico .bico {position:relative;width:50px;height:56px;background-position:-30px -20px;}
}

/*댓글테스트*/

/*이벤트*/
.event_login{padding:9px 23px;background-color:#0060d8;color:#fff;font-size:14px}

.event_table{border-width:2px 0 0}
.event_table tbody{border-left:none}
.event_table tr{border-top:1px dashed #ddd}
.event_table tr td{border:none;}

.reply_table{border-width:2px 0 0}
.reply_table th{border:none;background:none}
.reply_table td{border:none}

.wrt_reply{padding:10px 25px;background:#003875;color:#fff}
.modi_reply{padding:10px 25px;background:#003875;color:#fff}
.reset_reply{padding:10px 25px;background:#777b81;color:#fff}




@media(max-width:767px){
#content .bodo_list .item .thumb{float:none;width:auto;margin:0 0 20px}


}





