@charset "utf-8";

.borderR{border-right:1px solid #ddd !important;}

/* 버튼 스타일 */
.btn{display:inline-block; min-width:150px; height:48px; line-height:48px; padding:0 12px; color:#fff; font-size:16px; font-weight:500; letter-spacing:-1px; text-align:center; vertical-align:top; border-radius:5px; border:1px solid #64636e; background:#64636e; box-sizing:border-box; text-decoration:none !important;}
.btn.blue{border-color:#292e44; background:#292e44;}
.btn.orange{border-color:#f88020; background:#f88020;}
.btn.white{color:#555; border-color:#555; background:#fff;}
.btn.xls{border-color:#417d45; background:#417d45;}
.btn:hover{color:#64636e; background:#fff; transition:0.2s linear;}
.btn.blue:hover{color:#292e44;}
.btn.orange:hover{color:#f88020;}
.btn.white:hover{color:#fff; background:#555;}
.btn.xls:hover{color:#417d45;}
.btn .glyphicon{top:-1px; vertical-align:middle; margin:0 2px 0 0;}

.board_btn{text-align:right;}
.board_btn .btn + .btn{margin:0 0 0 5px;}

.normal_list .btn{min-width:130px; height:40px; line-height:38px; margin:0 2px 6px; font-size:14px; font-weight:400;border-color:#35929d; background:#35929d;}
.normal_list .btn:hover{color:#35929d; background-color:#fff;}

.btn.sch2{position:relative; width:80px; min-width: auto; height:45px; line-height:45px;font-weight:400; border:none; background:#264d99; color:#fff;}

.btn.cancel{padding:0; background:#707070;}
.btn.bgc{background:#fff;}
.btn.bgc.bgc2{background:#3259a6; color:#fff;}



/* 아이콘 - 공지, 새글, 비밀글, 답변, 회의록보기 순 */
.notice{padding:5px 12px; border-radius:25px; background:#45a188; color:#fff; font-size:16px;}
.ico_new{display:inline-block; width:20px; height:20px; line-height:20px; margin:3px 0 0 10px; border-radius:50%; font-size:12px; font-weight:800; color:#dc2d3d; text-align:center; text-transform:uppercase; background:#fbeaea; vertical-align:top;}
.ico_lock{display:inline-block; width:12px; height:18px; margin:-3px 5px 0 0; font-size:0; text-indent:-999px; vertical-align:middle; background:url(../images/common/ico_lock.gif) no-repeat center;}
.ico_reply{display:inline-block; padding:0 0 0 21px; margin:-3px 10px 0 20px; background:url(../images/common/ico_reply.gif) no-repeat top -1px left; height: 13px; vertical-align:middle; font-size:14px; color:#c12f39; font-weight:400; text-transform:uppercase;}
.ico_assemView:before{content:''; display:inline-block; width:22px; height:18px; margin:4px 9px 0 0; background:url(../images/common/ico_assemView.gif) no-repeat center; vertical-align:top;}

@media all and (max-width:568px) {
    .btn {height:40px; line-height:38px;}
    
    .ico_lock{background-size:10px;}
    .ico_reply{padding:0 0 0 12px; margin:0 5px 0 10px; background-size:10px; background-position:top 4px left; font-size:12px;}
    .ico_new{width:15px; height:15px; line-height:16px; margin:2px 0 0 6px; font-size:10px;}
    .ico_assemView:before{margin:0 3px 0 0; background-size:16px;}
}

/* 페이지 네비게이션 */
#pagingNav{display:flex; flex-wrap:wrap; justify-content:center; width:100%; text-align:center; margin:30px 0 0;}
#pagingNav a{position:relative; display:inline-block; width:40px; height:40px; line-height:40px; border:1px solid #ddd; margin:0 0 5px -1px; color:#666; vertical-align:top;}
#pagingNav a:hover,
#pagingNav a:focus,
#pagingNav a.num_current{z-index: 1; border-color: #1d6854; background-color: #e9f3f1; transition: background-color 0.25s ease-in-out; font-weight: 800; text-decoration: none; color: #45a188;}
#pagingNav .btn_num{font-size:0; text-indent:-999px; background:#fff url(../images/common/ico_pagingNav.png) no-repeat center 14px;}
#pagingNav .btn_num, #pagingNav .num_prev, #pagingNav .num_right, #pagingNav .num_last, #pagingNav .num_left, #pagingNav .num_first{font-size:0; text-indent:-999px; background:#fff url(../images/common/ico_pagingNav.png) no-repeat center 14px;}
#pagingNav .btn_num.first, 
#pagingNav .btn_num.prev, #pagingNav .num_left, #pagingNav .num_first{transform:rotate(180deg);}
#pagingNav .btn_num.prev,
#pagingNav .btn_num.next, #pagingNav .num_right, #pagingNav .num_left{margin:0 10px;}
#pagingNav .num_prev {transform:rotate(180deg);}
#pagingNav .btn_num.first, #pagingNav .num_first{background-position:center -30px;}
#pagingNav .btn_num.prev, #pagingNav .num_right{background-position:center 13px;}
#pagingNav .btn_num.last, #pagingNav .num_last{background-position:center -29px;}

@media all and (max-width:768px){
    #pagingNav a{width:35px; height:35px; line-height:37px; font-size:0.938em;}
    #pagingNav .btn_num{background-size:12px; background-position:12px 12px;}
    #pagingNav .btn_num.first{background-position:12px -29px;}
    #pagingNav .btn_num.prev{background-position:12px 11px;}
    #pagingNav .btn_num.last{background-position:12px -28px;}
}

@media all and (max-width:568px){
	#pagingNav a{width:25px; height:25px; line-height:27px;}
    #pagingNav .btn_num.prev,
    #pagingNav .btn_num.next{margin: 0 5px;}

    #pagingNav .btn_num{background-size:10px; background-position:8px 8px;}
    #pagingNav .btn_num.prev{background-position:8px 7px;}
    #pagingNav .btn_num.last{background-position:9px -25px;}
    #pagingNav .btn_num.first{background-position:8px -26px;}
}


/* 페이지네비게이션 */
#pagingNav2{clear:both; position:relative; margin:25px auto 0 auto; font-size:92%; text-align:center; line-height:1.7em; font-weight:600;}
#pagingNav2 a{display:inline-block; padding:4px; color:#000; text-decoration:none; font-weight:normal; vertical-align:top;}
#pagingNav2 a:hover{color:#d43415; text-decoration:none;}
#pagingNav2 .num_current{color:#d43415; text-decoration:underline; font-weight:600;}
#pagingNav2 .num_first{padding:4px 4px 4px 10px; color:#555; background:url(/minutes/images/board/bl_first.gif) no-repeat left center;}
#pagingNav2 .num_left{padding:4px 4px 4px 6px; color:#555; background:url(/minutes/images/board/bl_left.gif) no-repeat left center;}
#pagingNav2 .num_right{padding:4px 6px 4px 4px; color:#555; background:url(/minutes/images/board/bl_right.gif) no-repeat right center;}
#pagingNav2 .num_last{padding:4px 10px 4px 4px; color:#555; background:url(/minutes/images/board/bl_last.gif) no-repeat right center;}


/* 게시물 검색 및 게시물 갯수 */
.sch_wrap{position:relative; margin:0 0 15px;}
.sch_wrap:after{content:''; display:block; clear:both;}

#sub_board {position: relative;}
.board_sch{float:right; width:48.1%; margin-bottom: 20px;}
.board_sch fieldset{position:relative; padding:0 154px 0 130px;}
.board_sch .sel{position:absolute; top:0; left:0; width:125px;}
.board_sch .sel.abnot {position: static; width: auto;}
.board_sch .btn{position:absolute; top:0; right:0;}
.board_top_wrap {position: relative;}

.board_total{position:absolute; left:0; color:#333; top: 35px;}
.board_total:before{content:''; display:inline-block; width:15px; height:16px; margin:-3px 4px 0 0; vertical-align:middle; background:url(../images/common/ico_total.gif) no-repeat;}
.board_total strong{color:#45a188;}
.board_total .page:before{content:''; display:inline-block; width:1px; height:12px; margin:-3px 19px 0; vertical-align:middle; background:#ccc;}
#sub_magazine .magazine_wrap .none {margin: 50px 23px;}

#sub_gallery_contents .board_total {top: 25px;}

#sub_board .board_top_wrap {position: relative;}
#sub_board .board_top_wrap .board_total {top: 25px;}

@media all and (max-width:1230px){
    .board_sch{width:45%;}
    .board_sch fieldset{padding-left:115px;}
    .board_sch .sel{width:110px;}
}
@media all and (max-width:768px){
    .sch_wrap{margin:0 0 10px;}
    .board_total{position:static; margin:0 0 5px; text-align:right;}
    .board_sch{float:none; width:100%;}
    .board_sch .btn{height:40px; line-height:38px;}
    
    .btn.sch2:before{top:12px;}
    .btn.sch2:after{top:26px;}
}
@media all and (max-width:568px){
    .board_total .page:before{margin:-3px 10px 0;}
    
    .board_sch .sel{width:85px;}
    .board_sch fieldset{padding:0 75px 0 90px;}
    .board_sch .btn {width: 70px; height: 32px; line-height: 30px; min-width: auto;}
    
    .btn.sch2:before{top:8px; right:13px; width:11px; height:11px;}
    .btn.sch2:after{top:20px; right:12px;}
}

/* 일반 테이블 */
.table_wrap{margin:0 0 50px 0;}
.table_info{display:none; margin:0 0 5px; line-height:130%; font-size:13px; color:#c12f39;}

.normal_list{border-collapse:collapse; table-layout:fixed; text-align:center; box-sizing:border-box; border-top:3px solid #44a289;}
.normal_list th{height:50px; padding:8px 5px; border:1px solid #ddd; border-top:none; background: #f5f5f5; box-sizing:border-box; font-weight:500;}
.normal_list thead th{background-color:#f5f5f5; line-height:150%;}
.normal_list td{padding:10px 5px; border:1px solid #ddd; word-break:break-all; box-sizing:border-box;}
.normal_list td.taL{padding:10px 15px;}
/* .normal_list th:not(.bR):last-child,
.normal_list td:not(.bR):last-child{border-right:none;} */
.normal_list .con{padding-left:12px; text-align:left;}
.normal_list .comment{text-align: left;}

.normal_list.supplement{border-top:3px solid #45a188; text-align:left;}
.normal_list.supplement th{padding-left:20px;}
.normal_list.supplement td{padding-left:30px;}

/* 글목록 */
.board_list{overflow:hidden; border-top:2px solid #45a188;}
.board_list thead{border-bottom: 1px solid #45a188; background: #45a18817;}
.board_list th{box-sizing:border-box; padding:15px 5px; line-height:120%; text-align:center; font-weight:800;}
.board_list td{box-sizing:border-box; padding:13px 5px; line-height:150%; text-align:center;}
.board_list td.con{text-align:left;}
.board_list tbody tr{border-bottom:1px solid #ddd;}
.board_list tbody td.sbj{text-align:left;}
.board_list .file_list .file .name {font-size: 0;}

/* 글보기 */
.board_view{border-top:2px solid #45a188;}
.board_view td img{max-width:100%; vertical-align:middle;}
.board_view thead th[colspan="6"]{background:none;}
.board_view th, 
.board_normal th{padding:15px 5px; border-bottom:1px solid #ddd; text-align:center; font-weight:800; background:#f5f5f5;}
.board_view td,
.board_normal td{padding:13px 20px; line-height:150%; border-bottom:1px solid #ddd;}
.board_view .attach img{margin:-3px 5px 0;}
.board_view thead {border-bottom: 1px solid #45a188; background: #45a18817;}
.board_view thead th {border-bottom: 1px solid #45a188;}


/* 글보기 - 의원사진 표출 */
.board_view.qna thead th, .board_view.qna .member{background:#fff;}
.board_view.qna .member{padding:25px 5px 21px;}
.board_view.qna .member > *{display:block; margin:0 auto;}

/* 게시판 버튼 */
.board_btn{padding:20px 0; text-align:right;}

/* 이전글, 다음글 */
.board_normal{border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.board_normal tr:first-of-type th,
.board_normal tr:first-of-type td{border-color:#eee;}
.board_normal th:before{content:''; display:inline-block; width:10px; height:10px; margin:0 15px 0 0; border-top:2px solid #666; border-right:2px solid #666; transform:rotate(-45deg); vertical-align:middle;}
.board_normal tr:last-of-type th:before{margin:-7px 15px 0 0; transform:rotate(135deg);}

/* normal table */
.normal{width:100%; border-collapse:collapse; text-align:center;}
.normal th,
.normal td{padding:12px 5px; border-left:1px solid #eaeff2; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.normal th{font-weight:800; border-left:none; background:#f7f7f7;}
.normal .sbj,
.normal .con{padding-left:10px; text-align:left; word-break:keep-all;}
.normal img{max-height:90px; margin-left:10px;}


@media all and (max-width:1024px) {
    .board_view.qna .member img{max-width:100%;}
}
@media all and (max-width:768px) {
	.normal_list td.taL{padding:10px 20px;}

	#pagingNav2{font-size:80%;}
	#pagingNav2 a{padding:5px 8px;}
	#pagingNav2 .num_first,
	#pagingNav2 .num_left,
	#pagingNav2 .num_right,
	#pagingNav2 .num_last{padding:5px; margin:0 1px; color:#555; background:none;}

    .board_list colgroup,
    .board_list thead,
    .board_list tbody td:first-child,
    .board_list tbody td.sbj:after,
    .board_list tbody td:last-child:after{display:none;}

	.board_list .no_list{display:block;}
    
    .board_list tbody tr{float:left; width:100%; box-sizing:border-box; padding:15px 5px;}
    .board_list tbody td{float:left; padding:0;}
    .board_list tbody td.sbj{width:100%; padding:0 0 5px; font-weight:800;}
    .board_list tbody td:after{content:''; display:inline-block; width:1px; height:11px; margin:7px 12px 0; vertical-align:top; background:#ddd;}
    
    .board_view:not(.bill) th, .board_normal:not(.bill) th{width:20%;}
    .board_view:not(.bill) colgroup,
    .board_view:not(.bill) tbody tr:first-of-type th:last-of-type,
    .board_view:not(.bill) tbody tr:first-of-type td:last-of-type{display:none;}
    
    .board_view.qna tbody tr:first-of-type th:last-of-type,
    .board_view.qna tbody tr:first-of-type td:last-of-type{display:table-cell;}
}

@media all and (max-width:568px) {
    .table_wrap{overflow-x:auto; overflow-y:hidden;}
    .table_info{display:block; clear: both;}
    .table_wrap .normal_list{width:567px;}
	
	.normal_list th{height:45px;}
	.normal_list td.taL{padding:10px 10px;}
	.normal_list.supplement th{padding-left:10px;}
	.normal_list.supplement td{padding-left:20px;}
    
    .board_list tbody tr{padding:10px 5px;}
    .board_list tbody td:after{margin:4px 10px 0;}
    
    .board_view th, .board_normal th{padding:10px 5px;}
    .board_view td, .board_normal td{padding:10px 10px;}
    
    .board_normal th:before{width:6px; height:6px; margin:0 10px 0 0;}
    .board_normal tr:last-of-type th:before{margin:-7px 10px 0 0;}
}

@media all and (max-width:380px) {
    .board_normal th:before{display:none;}
}

/* 게시판 상단 안내 */
.board_info{position:relative; margin:0 0 40px;}
.board_info:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border-radius:20px; border:30px solid transparent; border-image:url(../images/common/bg_info1.gif) 30; border-image-repeat:repeat;}
.board_info:after{content:''; position:absolute; top:0; right:0; width:23.4%; height:40%; border-radius:0 20px 0 0; border-top:3px solid #2b425b; border-right:3px solid #2b425b;}
.board_info > div{z-index:1; position:relative; box-sizing:border-box; padding:50px; word-break:keep-all;}
.board_info > div:before,
.board_info > div:after{z-index:-1; content:''; position:absolute; bottom:-1px; right:0; width:calc(70% + 17px); height:5px; background:#fff url(../images/common/bg_info2.gif) no-repeat bottom left;}
.board_info > div:after{bottom:0; width:70%; height:60%; border-radius:0 0 20px 0; border-bottom:3px solid #295daa; border-right:3px solid #295daa; background:none;}

.board_info.info2{margin:0;}
.board_info.info2 div{padding:40px 40px 29px;}
.board_info.info2 div p{margin:0 0 20px; padding:0 0 16px; border-bottom:1px solid #ddd; font-weight:800;}
.board_info.info2 div dl dt{padding:0 0 3px; font-weight:800;}
.board_info.info2 div dl dd{box-sizing:border-box; padding:0 0 11px 16px;}

/* 비밀번호 확인*/
.box_chk {padding:40px 0 45px; background:#f3f5f9; text-align:center;}
.box_chk div *{display:block; margin:0 auto;}
.box_chk div h4{padding:0 !important; background:none !important;}
.box_chk div strong{font-size:22px;}
.box_chk div label{padding:4px 0 12px; font-weight:400; color:#333;}
.box_chk div input{border:2px solid #3259a6; width:270px;}
.box_chk div p{line-height:140%; padding:12px 0 22px; font-size:14px; color:#555;}
.box_chk button + button{margin:0 0 0 7px;}

@media all and (max-width:1024px){
    .board_info div{padding:30px;}
    .board_info.info2 div{padding:30px 30px 19px;}
}
@media all and (max-width:568px){
    .board_info{border-radius:15px 15px 0 0;}
    .board_info:before{border-radius:15px 0 0 0;}
    .board_info:after{border-radius:0 15px 0 0;}
    .board_info div{padding:20px;}
    .board_info.info2 div{padding:20px 20px 9px;}
    
    .box_chk div input{width:180px;}
}

/* 글쓰기 */
.board_write {border-top:2px solid #45a188;}
.board_write th{min-width:70px; box-sizing:border-box; padding:18px 10px; text-align:center; font-weight:800; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#f3f5f9;}
.board_write th label{font-weight:800;}
.board_write td{box-sizing:border-box; padding:10px; color:#666; text-align:center; border-bottom:1px solid #ddd;}
.board_write td textarea{width:100%; height:179px; text-align:left; white-space:pre-line;}
.board_write td input{height:40px; line-height:38px; padding:0 0 0 10px; border-radius:0; color:#999;}
.board_write td input[type="radio"]{margin:-4px 2px 0 0;}
.board_write + .btns{padding:30px 0 0; text-align:center;}
.board_write + .btns a{margin:0 0 0 7px;}

.board_write td.date select{width:auto; padding:0 35px 0 10px; border-radius:0;}
.board_write td.date select + label{line-height:45px; padding:0 15px 0 5px;}


@media all and (max-width:768px) {
    .board_write td.date select + label{line-height:40px;}
}

@media all and (max-width:568px) {
    .board_write td.date select{padding:0 25px 0 5px; background-position:right 5px top 50%;}
    .board_write td.date select + label{line-height:32px; padding:0 10px 0 3px;}
}

/* 비밀번호 */
#password{clear:both; width:100%; margin:0 auto; padding:10px; border-top:2px solid #d4d4d4; border-bottom:1px solid #d4d4d4; box-sizing:border-box;}
#password .detail{margin:0 0 5px 0;}
#password .detail .title{margin:0 0 10px 0;}
#password .btn{margin:25px 0 0 0; text-align:center;}

/* 비밀번호 확인*/
.box_chk {padding:40px 0 45px; background:#f1f7fb; text-align:center;}
.box_chk .inner{width:100%; margin:0 0 20px;}
.box_chk .inner *{display:block; margin:0 auto;}
.box_chk .tit{font-size:22px;}
.box_chk label{padding:4px 0 12px; font-weight:400; color:#333;}
.box_chk input{width:270px; border:2px solid #1d5b9f;}
.box_chk p{line-height:140%; padding:12px 0 22px; font-size:14px; color:#555;}
.box_chk button + button{margin:0 0 0 7px;}

@media all and (max-width:568px) {
	.box_chk .tit{font-size:21px;}
}
@media all and (max-width:380px) {
	.box_chk .tit{font-size:20px;}
}

/* 본인인증 */
#sub_auth{width:100%; margin:0 auto; padding:0;}
#sub_auth h3{clear:both; margin:0 0 10px 0; font-weight:600; font-size:150%; line-height:110%;}
#sub_auth h4{clear:both; margin:25px 0 10px 0; font-weight:600; font-size:125%; line-height:110%; color:#45a188; background:none;}
#sub_auth h4:after{display:none;}
#sub_auth h5{clear:both; margin:10px 0 5px 0;}
#sub_auth h4:before{content:''; display:block; width:120px; height:120px; margin:0 auto 12px; border-radius:50%; background:#f3f9f7 url(/council/images/common/ico_auth1.png) no-repeat center;}
#sub_auth #opt_ipin h4:before{background-image:url(/council/images/common/ico_auth2.png);}
#sub_auth #auth_opt{overflow:hidden; width:100%; margin:15px 0;}
#sub_auth #auth_opt #opt_real{float:left;}
#sub_auth #auth_opt #opt_phone{float:left;}
#sub_auth #auth_opt #opt_ipin{float:right;}
#sub_auth #auth_opt .opt_list{float:left; width:48%; padding:15px 20px; border-radius:15px; box-sizing:border-box; border:1px solid #ddd;}
#sub_auth #auth_opt .opt_list h4{margin:0; padding:0 0 10px 0; text-align:center;}
#sub_auth #auth_opt .opt_list .info{padding:10px 0 20px 0; color:#333;}
#sub_auth #auth_opt .btn{height:40px; line-height:38px; font-size:15px; text-align:center;}

/* 공공아이핀만 사용할경우 */
#sub_auth #auth_opt .only{position:relative; overflow:hidden; width:100%; margin:0 auto; padding:175px 20px 15px; border-radius:15px; border:1px solid #ddd; box-sizing:border-box;}
#sub_auth #auth_opt .only h4{margin:0; padding:0 0 10px 0; text-align:center;}
#sub_auth #auth_opt .only .info{padding:10px 0 20px 0; color:#333; text-align: center;}
#sub_auth #auth_opt .only .btn{text-align:center;}

#sub_auth .auth_agree{position:relative; overflow:auto; width:100%; height:150px; padding:5px 0; font-size:90%; text-indent:10px; border:1px solid #bfcdd8;}
#sub_auth .auth_agree dt{color:#333; font-weight:600;}
#sub_auth .auth_info{margin:0 0 15px 0; font-weight:400; color:#333;}
#sub_auth .auth_info p span{color:#cb4117;}
#sub_auth .auth_info .check_info{padding:25px 0 0 0; text-align:center;}
#sub_auth .auth_btn{clear:both; float:left; width:100%; padding:20px 0 0 0;}
#sub_auth .auth_btn .agree{float:left;}
#sub_auth .auth_btn .btn{float:right;}
#sub_auth .red a{color:#ff5400;}

/* 이용동의 */
#divcheck {clear:both; padding:25px 3% 20px 3%; margin:0 0 20px 0; border:1px solid #ddd; border-radius:15px;}
#divcheck p.title{padding:0 0 0 15px; margin:0 0 15px 5px; color:#000; font-weight:600; border-left:3px solid #1d5b9f;}
#divcheck dl{padding:15px 5px 5px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#divcheck dt{font-weight:600; color:#333;}
#divcheck dd{padding:0 0 10px 10px;}
#divcheck p.agree{padding:10px 0 0 10px; font-weight:600; color:#1d5b9f;}
#divcheck p.agree input{border:none; vertical-align:middle;}

/* 역대의원 의안검색 */
.form_sc{overflow:hidden; box-sizing:border-box; padding:28px 0 28px 82px; margin:0 0 20px; background:#f3f5f9;}
.form_sc fieldset:after {content:''; display:block; clear:both;}
.form_sc div{position:relative; float:left; width:52%; box-sizing:border-box; padding:0 0 0 143px;}
.form_sc .sel{width:240px;}
.form_sc label{position:absolute; top:50%; transform:translateY(-50%); left:63px; width:60px; font-weight:800; text-align:right;}
.form_sc select,
.form_sc input[type="text"]{line-height:41px; padding:0 0 0 15px; border:2px solid #3259a6;}
.form_sc .btn{position:absolute; right:0; top:0; height:100%; width:45px; font-size:0; text-indent:-999px; border:none; background:#264d99;min-width: auto;}
.form_sc .btn:before,
.form_sc .btn:after{content:''; display:block; position:absolute; top:13px; left:13px; width:15px; height:15px; box-sizing:border-box; border:2px solid #fff; border-radius:50%;}
.form_sc .btn:after{left:24px; top:27px; width:8px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;}

.form_sc.year{padding-left:0;}
.form_sc.year div{float:none; width:320px; margin:0 auto; padding:0 0 0 100px;}
.form_sc.year label{left:0;}
.form_sc.year div + p{width:320px; box-sizing:border-box; padding:5px 0 0 100px; margin:0 auto; font-size:15px;}

@media all and (max-width:1024px) {
	.form_sc{padding-left:35px; margin:0 0 30px;}
}
@media all and (max-width:768px) {
	.form_sc div{padding:0 0 0 100px;}
	.form_sc label{left:20px;}
    .form_sc .sel{width:190px;}
    .form_sc select, .form_sc input[type="text"]{line-height:38px;}
    .form_sc .btn:before{top:11px;}
    .form_sc .btn:after{top:25px;}
}
@media all and (max-width:568px) {
	.form_sc{padding:25px 0 25px 20px;}
	.form_sc div{padding:0 0 0 65px;}
	.form_sc label{left:5px; width:50px;}
    .form_sc .sel {width:150px;}
    .form_sc select, .form_sc input[type="text"]{line-height:30px; padding:0 0 0 10px;}
    .form_sc .btn:before{top:7px;}
    .form_sc .btn:after{top:21px;}
    
    .form_sc.year div{width:270px; padding-left:70px;}
    .form_sc.year div + p{width:270px; padding-left:70px; font-size:14px;}
}
@media all and (max-width:380px) {
	.form_sc{padding:20px 30px 15px 10px;}
    .form_sc div{float:none; width:100%; margin:0 0 5px;}
}

/* 사진 게시판 */
.photo{width:calc(100% + 32px); margin:0 -16px;}
.photo:after{content:''; display:block; clear:both;}
.photo li{float:left; width:33.333%; box-sizing:border-box; padding:0 16px; margin:0 0 30px; vertical-align:top;} 
.photo li *{display:block;}
.photo li a{position:relative; overflow:hidden; box-shadow:3px 0 10px rgba(64,64,64,0.15); border-radius:15px 15px 0 0; background:#fff;}
.photo li a:before{z-index:1; content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:2px solid transparent; border-radius:15px 15px 0 0;}
.photo li a:hover:before{border-color:#3259a6; transition:0.25s ease-in-out;}
.photo li .img{overflow:hidden; position:relative; padding-top:70%; text-align:center;}
.photo li .img img{position:absolute; top:0; left:0; width:100%; height:100%; transition:all 0.25s ease-in-out;}
.photo li a:hover img,
.photo li a:focus img{transform:scale(1.1);}
.photo li .txt{padding:19px 22px 16px; text-align:left;}
.photo li .txt em{overflow:hidden; width:100%; padding:0 0 5px; text-overflow:ellipsis; white-space:nowrap; font-weight:800;}
.photo li .date{color:#777;}

.photo + #pagingNav{margin:20px 0 0;}

@media all and (max-width:768px){
    .photo {width:calc(100% + 20px); margin:0 -10px}
	.photo li{padding:0 10px; margin:0 0 20px;}
    .photo li .txt{padding:10px 15px;}
}
@media all and (max-width:568px){
	.photo{width:calc(100% + 14px); margin:0 -7px}
	.photo li{width:50%; margin:0 0 15px; padding:0 7px;}
    .photo li a{border-radius:10px 10px 0 0;}
    .photo li .txt em{padding:0;}
}
@media all and (max-width:380px){
    .photo li a{border-radius:5px 5px 0 0;}
}
.photo2{clear:both; width:100%; width:calc(100% + 24px); margin:0 -12px;}
.photo2:after{content:''; display:block; clear:both; width:100%;}
.photo2 li{float:left; width:33.333%; padding:0 12px; margin:0 0 27px 0; box-sizing:border-box; vertical-align:top;} 
.photo2 li *{display:block;}
.photo2 li a{overflow:hidden; box-shadow:0 0 8px rgba(0,0,0,0.1); height:332px; border-radius:15px 0 15px 0; border:1px solid #eee; background:#fff;}
.photo2 li a:hover{box-shadow:0 0 0 1px #35929d; border-color:#35929d; transition:0.25s ease-in-out;}
.photo2 li .img{overflow:hidden; text-align:center;}
.photo2 li .img img{display:inline; width:100%; max-height:232px; transition:all 0.25s ease-in-out;}
.photo2 li a:hover img,
.photo2 li a:focus img{transform:scale(1.1);}
.photo2 li .txt{padding:17px 10px 17px 20px; text-align:left;}
.photo2 li .title{overflow:hidden; width:100%; padding:0 0 5px; text-overflow:ellipsis; white-space:nowrap; font-weight:600;}
.photo2 li .date{color:#838383; font-size:95%;}

@media all and (max-width:1280px){
	.photo2 li a{height:285px;}
	.photo2 li .img img{max-height:188px;}
}
@media all and (max-width:840px){
	.photo2 li{margin:0 0 24px;}
	.photo2 li a{height:250px;}
	.photo2 li .img img{max-height:155px;}
}
@media all and (max-width:680px){
	.photo2 li a{height:220px;}
	.photo2 li .img img{max-height:130px;}
}
@media all and (max-width:568px){
	.photo2 {width:calc(100% + 14px); margin:0 -7px}
	.photo2 li{width:50%; margin:0 0 16px; padding:0 7px;}
}
@media all and (max-width:430px){
	.photo2 li a{height:200px;}
	.photo2 li .img img{max-height:115px;}
	.photo2 li .txt{padding:12px 5px 0 14px;}
}
@media all and (max-width:380px){
	.photo2 li{margin:0 0 14px;}
	.photo2 li a{height:175px;}
	.photo2 li .img img{max-height:101px;}
	.photo2 li .title{padding:0 0 2px;}
}
@media all and (max-width:340px){
	.photo2 li a{height:162px;}
	.photo2 li .img img{max-height:90px;}
}

/* 간행물 */
/* .magazine{width:calc(100% + 20px); margin:65px 0 30px -10px;}
.magazine:after{content:''; display:block; clear:both;}
.magazine li{position:relative; float:left; width:25%; box-sizing:border-box; padding:0 10px; margin:0 0 30px;}
.magazine li .list *{display:block;}
.magazine .img_wrap a{position:relative; box-sizing:border-box; padding:34px 39px 96px; border:1px solid #cdcdcd; text-align:center;}
.magazine .img_wrap a:before{opacity:0; visibility:hidden; content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border:2px solid #3259a6;}

.magazine .img{position:relative; width:100%; padding:139% 0 0; box-shadow:3px 0 10px rgba(64,64,64,0.3);}
.magazine .img img{position:absolute; top:0; left:0; width:100%; height:100%;}
.magazine .img:before{z-index:1; opacity:0; visibility:hidden; content:''; display:block; position:absolute; top:50%; left:50%; margin:-27px 0 0 -27px; width:55px; height:55px; border-radius:50%; background:rgba(0,0,0,0.65) url(../images/common/ico_more_magazine.png) no-repeat center; transition:0.25s ease-in-out;}
.magazine li:hover .img:before,
.magazine li:hover .img_wrap a:before{opacity:1; visibility:visible;}
.magazine .img + em{overflow:hidden; padding:17px 0 0; text-overflow:ellipsis; white-space:nowrap; font-weight:400; color:#111;}
.magazine .btn.down.down2{position:absolute; bottom:34px; left:50%; transform:translateX(-50%);}

.magazine .img + em.line2{white-space:normal; line-height:1.2; height:2.4em; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

@media all and (max-width:1024px) {
    .magazine .img_wrap a{padding:25px 25px 88px;}
    .magazine .img{width:120px; height:160px; margin:0 auto; padding:0;}
    .magazine .btn.down.down2{bottom:25px;}
}
@media all and (max-width:860px) {
    .magazine li{width:33.33%;}
}
@media all and (max-width:768px) {
    .magazine .img_wrap a{padding:25px 25px 15px; border-bottom:none;}
    .magazine .img_wrap a:before{display:none;}
    .magazine .img{width:120px; height:160px; margin:0 auto;}
    .magazine .btn.down.down2{position:static; transform:none; border-radius:0; width:100%; padding:0;}
}
@media all and (max-width:568px) {
    .magazine{width:calc(100% + 14px); margin:0 -7px}
    .magazine li{width:50%; padding:0 7px; margin:0 0 20px;}
    .magazine .img_wrap a{padding:15px 15px 10px;}
    .magazine .img {width:80px; height:100px;}
    .magazine .btn.down.down2{height:35px; line-height:35px;}
    .magazine .btn.down:after{display:none;}
} */
/* 의회간행물 */
#sub_magazine .magazine_wrap {
	float: left;
	margin: 0 0 50px;
	width: 100%;
}

#sub_magazine .magazine_wrap>ul>li {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}

#sub_magazine .magazine_wrap>ul>li:first-child {
	border-top: 2px solid #848484;
}

#sub_magazine .magazine_wrap .pic {width: 325px;}

#sub_magazine .magazine_wrap .pic a {
	display: block;
	margin: 0 0 30px;
	text-align: center;
}

#sub_magazine .magazine_wrap .inner {
	width: 100%;
	padding: 37px 0 0 0;
	border-radius: 10px;
	border: 1px solid #dfe0e3;
	box-sizing: border-box;
}

#sub_magazine .magazine_wrap .inner:hover {
	border-color: #767fa3;
	transition: 0.2s ease-in-out;
}

#sub_magazine .magazine_wrap .img_wrap {
	display: block;
	padding: 0 10px;
}

#sub_magazine .magazine_wrap .img {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

#sub_magazine .magazine_wrap .img:before {
	opacity: 0;
	visibility: hidden;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(42, 46, 68, 0.5);
	transition: 0.25s ease-in-out;
}

#sub_magazine .magazine_wrap .view {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 110px;
	height: 45px;
	line-height: 46px;
	margin: -22px 0 0 -55px;
	color: #fff;
	border-radius: 45px;
	background: #003964;
	transition: 0.3s ease-in-out;
}

#sub_magazine .magazine_wrap .inner:hover .img:before,
#sub_magazine .magazine_wrap .inner:hover .view,
#sub_magazine .magazine_wrap .img_wrap:hover .img:before,
#sub_magazine .magazine_wrap .img_wrap:hover .view {
	opacity: 1;
	visibility: visible;
}

#sub_magazine .magazine_wrap .img img {
	max-width: 186px;
	height: 200px;
	box-shadow: 1px 1px 18px rgba(0, 0, 0, 0.11);
}

#sub_magazine .magazine_wrap .sbj {
	display: block;
	padding: 15px 0 20px;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#sub_magazine .magazine_wrap .btns {
	height: 66px;
}

#sub_magazine .magazine_wrap .btn {
	width: 100%;
	height: 100%;
	line-height: 66px;
	min-width: 0;
	padding: 0;
	color: #003964;
	border: none;
	border-top: 1px solid #dfe0e3;
	border-radius: 0 0 10px 10px;
	background: #f3f3f8;
}

#sub_magazine .magazine_wrap .btn:hover {
	border-color: #767fa3;
}

#sub_magazine .magazine_wrap .btn:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 14px;
	margin: -6px 0 0 5px;
	background: url('../images/common/ico_down2.png') no-repeat 0 100%;
}

#sub_magazine .magazine_wrap .btn:hover:after {
	background-position: 0 0;
	transition: 0.25s ease-in-out;
}

#sub_magazine .magazine_wrap .con {
	padding: 0 0 0 30px;
	width: calc(100% - 325px);
	box-sizing: border-box;
}

#sub_magazine .magazine_wrap .con strong {
	font-size: 25px;
}

#sub_magazine .magazine_wrap .con .date {
	margin: 5px 0;
	font-size: 15px;
	color: #999;
}

#sub_magazine .magazine_wrap .con ul {
	display: flex;
	flex-wrap: wrap;
}

#sub_magazine .magazine_wrap .con ul li {
	margin: 5px 5px 5px 0;
	padding: 0 20px;
	font-size: 14px;
	border: 1px solid #434da9;
	border-radius: 20px;
}

#sub_magazine .magazine_wrap .con .info {
	overflow: hidden;
	margin: 10px 20px 0 0;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

@media all and (max-width:1500px) {
	#sub_magazine .magazine_wrap .inner {padding-left: 0 !important; padding-right: 0 !important;}

}
@media all and (max-width:1024px) {
	#sub_magazine .magazine_wrap .img img {
		height: 250px;
		max-width: 100%;
	}
}

@media all and (max-width:768px) {
	#sub_magazine .magazine_wrap .inner {
		padding: 25px 0 0 0;
	}

	#sub_magazine .magazine_wrap .img img {
		height: 210px;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.11);
	}

	#sub_magazine .magazine_wrap .btns {
		height: 50px;
	}

	#sub_magazine .magazine_wrap .btn {
		line-height: 50px;
	}

	#sub_magazine .magazine_wrap .btn:after {
		margin-left: 6px;
	}

	#sub_magazine .magazine_wrap .pic {
		width: 230px;
	}

	#sub_magazine .magazine_wrap .con {
		width: calc(100% - 230px);
	}

	#sub_magazine .magazine_wrap .con strong {
		font-size: 22px;
	}
}

@media all and (max-width:568px) {
	#sub_magazine .magazine_wrap .inner {
		padding: 20px 0 0 0;
	}

	#sub_magazine .magazine_wrap .img img {
		height: 190px;
	}

	#sub_magazine .magazine_wrap .pic {
		margin: 0 auto;
	}
	#sub_magazine .magazine_wrap .con ul {justify-content: center;}
	#sub_magazine .magazine_wrap .con {
		padding: 30px 0 0;
		width: 100%;
		text-align: center;
	}

	#sub_magazine .magazine_wrap .con strong {
		font-size: 20px;
	}
}

@media all and (max-width:380px) {
	#sub_magazine .magazine_wrap .inner {
		padding: 16px 0 0 0;
	}

	#sub_magazine .magazine_wrap .img img {
		height: 160px;
	}

	#sub_magazine .magazine_wrap .btn:after {
		margin-left: 4px;
	}
}


/* 의사일정 달력 */
#sub_agenda{position:relative;}
#sub_agenda .btn{position:absolute; top:3px; right:0; width:60px; min-width: auto; height:35px; line-height:35px; border:none; background:#264d99; color:#fff; font-size:14px; font-weight:400; z-index: 2;}
#sub_agenda .btn.today{right:auto; left:0; background:#393e48;}
#sub_agenda .btn.cl{right:65px;}
#sub_agenda .month_wrap{position:relative; text-align:center;}
#sub_agenda .month_wrap .btn{top:3px; right:auto; left:50%; width:35px; height:35px; box-sizing:border-box; border:1px solid #3259a6; margin:0 0 0 105px; background:#f3f5f9 url(../images/common/ico_calendar.png) no-repeat top 10px left 13px; border-radius:50%; font-size:0; text-indent:-999px;}
#sub_agenda .month_wrap .btn.last{margin:0 0 0 150px; background-position:top -34px left 12px;}
#sub_agenda .month_wrap .btn.prev{margin:0 0 0 -140px; transform:rotate(180deg); background-position:top 9px left 12px;}
#sub_agenda .month_wrap .btn.first{margin:0 0 0 -185px; transform:rotate(180deg); background-position:top -35px left 12px;}
#sub_agenda h4{padding:0; font-size:32px; font-weight:900; background:none;}
#sub_agenda .tit_txt {margin: 40px 0 0;}

#sub_agenda .calendar{width:100%; table-layout:fixed; border-collapse:collapse; margin:42px 0 0; border-top:5px solid #393e48;}
#sub_agenda .calendar th{padding:8px 0; border-right:1px solid #cdcdcd; font-size:18px; font-weight:800; background:#f1f3f7;}
#sub_agenda .calendar td{height:134px; line-height:120%; vertical-align:top !important; box-sizing:border-box; padding:10px; text-align:right; border:1px solid #cdcdcd;}
#sub_agenda .calendar td.today{background:#fcf8e3;}
#sub_agenda .calendar th:last-child,
#sub_agenda .calendar td:last-child{border-right:none;}
#sub_agenda .calendar td:first-child{border-left:none;}

#sub_agenda .calendar .calendarView{display:block; overflow:hidden; height:35px; line-height:35px; box-sizing:border-box; padding:0 10px; border-radius:10px; font-weight:400; font-size:14px; white-space:nowrap; text-overflow:ellipsis; color:#fff; background:#056fd7; text-align:left;}
#sub_agenda .calendar .sun{color:#c12f39;}
#sub_agenda .calendar .sat{color:#45a188;}
#sub_agenda .calendar td.other{opacity:0.3; background:#f9f9f9;}
@media all and (max-width:1024px) {
    #sub_agenda .calendar{margin:17px 0 0;}
    #sub_agenda .calendar th{font-size:1em;}
}
@media all and (max-width:768px) {
    #sub_agenda h4{font-size:28px;}
    #sub_agenda .month_wrap .btn{top:4px; width:30px; height:30px; margin:0 0 0 75px; background-size:10px; background-position:top 9px left 11px;}
    #sub_agenda .month_wrap .btn.last{margin:0 0 0 110px; background-position:top -28px left 11px;}
    #sub_agenda .month_wrap .btn.prev{margin: 0 0 0 -110px; background-position:top 8px left 10px;}
    #sub_agenda .month_wrap .btn.first{margin: 0 0 0 -145px; background-position:top -28px left 10px;}
    #sub_agenda .calendar th{padding:5px 0; font-size:0.875em;}
    #sub_agenda .calendar td{padding:5px 8px; height:100px; font-size:0.875em;}
    #sub_agenda .calendar .calendarView{height:25px; line-height:25px; padding:0 5px; border-radius:0; font-size:13px;}
}
@media all and (max-width:568px) {
    #sub_agenda h4{font-size:25px;}
    #sub_agenda .btn{top:46px; width:50px; height:30px; line-height:30px;}
    #sub_agenda .btn.cl{right:55px;}
    #sub_agenda .month_wrap .btn{margin:0 0 0 65px;}
    #sub_agenda .month_wrap .btn.last{margin:0 0 0 100px;}
    #sub_agenda .month_wrap .btn.prev{margin: 0 0 0 -100px;}
    #sub_agenda .month_wrap .btn.first{margin: 0 0 0 -135px;}
    #sub_agenda .month_wrap .btn{top:0;}
    #sub_agenda .calendar{margin:50px 0 0;}
    #sub_agenda .calendar td{height:80px;}
}

/* 의사일정달력스크롤없앰 */
.fc-scroller.fc-day-grid-container{overflow:auto !important; height:auto !important;}

/* 단순검색 */
#minutes_tree{padding:4.5%; line-height:200%; box-sizing:border-box; color:#333; background:#f3f5f9;}
#minutes_tree > ul{font-size:17px; font-weight:800; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
span.fancytree-icon, span.fancytree-checkbox, span.fancytree-expander, span.fancytree-radio, span.fancytree-custom-icon{margin-top:9px !important;}

/* 상세검색 */
.form {margin: 0 0 50px;}
.form_text{box-sizing:border-box; border:1px solid #e4e4e4; padding:17px 10px; margin:0 0 23px; font-weight:500; background:#f7f7f7; text-align:center;}
#form_skin{position: relative; padding:0 0 30px; box-sizing:border-box; background:#fff;}
.form_info{width:100%; padding:0 50px 43px; line-height:130%; font-size:15px; box-sizing:border-box; color:#555; text-align:center;}
/* .form_info:before{content:''; display:inline-block; width:17px; height:17px; margin:1px 5px 0 0; background:url(../images/common/ico_info.png) no-repeat center; vertical-align:top;} */

#form_skin form{padding: 30px 15px 45px; border: 1px solid #ddd; border-top: 5px solid #45a188; margin-bottom: 30px;} 
#form_skin .con_box:after{content:''; display:block; clear:both;}
#form_skin .con{position:relative;width:100%;padding: 0 0 0 110px;box-sizing:border-box;}
#form_skin .title{position:absolute; top:10px; left:0; font-weight:800;}
#form_skin .title:before{content:'';display:inline-block;vertical-align:middle;width:5px;height:5px;margin: -4px 5px 0 0;border-radius:50%;background:#7d7d7d;}

#form_skin .btns{padding:25px 0 0; text-align:center;}
#form_skin .btns .btn {border: none; background: #45a188; color: #fff;}
#form_skin .btns .btn + .btn{margin:0 0 0 8px; background: #707070;}
#form_skin select,
#form_skin input{height:45px; padding:0 0 0 20px; border:1px solid #ddd;}
#form_skin .details.period input{width:calc((100% - 42px) / 2);}
#form_skin .details.period .wave{display:inline-block; width:34px; height:45px; line-height:45px; text-align:center; font-size:20px; font-weight:800;}

#search_result{position:relative;}
#search_result .title{margin:0 0 12px; font-size:20px; font-weight:800;}
#search_result .title + .board_total{position:absolute; top:0; left:auto; right:0;}
#search_result #pagingNav{margin:50px 0 0;}

/* 영상회의록 검색 */
#sub_general{position:relative;}
#sub_general:after{content:''; display:block; clear:both;}
#sub_general h4{padding:0 0 17px 20px; font-size:18px; background:url(../images/common/bg_general.gif) repeat-x bottom left;}

#sub_general .box1{float:left; width:45.5%;}
#sub_general .box2{float:right; width:45.5%;}
#sub_general .box a{color:#333;}
#sub_general .box .depth1{min-height:151px; box-sizing:border-box; padding:17px 0 10px 20px;}
#sub_general .box .depth1 > li{box-sizing:border-box; padding:0 0 18px 25px; background:url(../images/common/ico_h4g.gif) no-repeat top 7px left;}
#sub_general .box .depth1 > li > a{padding:0 0 5px;}
#sub_general .box .depth2 li:before{content:''; display:inline-block; width:3px; height:3px; margin:13px 8px 0 0; vertical-align:top; background:#7d7d7d;}

#sub_general #pagingNav{margin:3px 0 0;}


@media all and (max-width:768px) {
    #form_skin .con{padding:0 0 0 100px;}

    #sub_general:before{display:none;}
	#sub_general .box1{width:100%; padding:0 0 1.2em 0; border-right:0;}
	#sub_general .box1 .depth1,
	#sub_general .box2 .depth1{min-height:0; padding:0.7em 0 0.5em;}
	#sub_general .box2{width:100%;}
    
    #minutes_tree > ul{font-size:1em;}
}
@media all and (max-width:568px) {
    #form_skin{padding:0;}
    .form_info{padding:0 30px 20px; font-size:14px;}
    .form_info:before{margin-top:0; background-size:15px;}
    #form_skin select, #form_skin input{padding:0 0 0 10px;}
    #form_skin .btn.sch2:before{top:14px; right:15px;}
    #form_skin .btn.sch2:after{top:26px; right:13px;}
    
	#sub_general .box .depth1 > li{background-position:top 3px left;}
    #sub_general .box .depth2 li:before{margin-top:8px;}
    
    span.fancytree-icon, span.fancytree-checkbox, span.fancytree-expander, span.fancytree-radio, span.fancytree-custom-icon{margin-top:5px !important;}
}
@media all and (max-width:380px) {
    #form_skin .title:before{margin:-4px 8px 0 0;}
    #form_skin .con{padding:0 0 0 90px;}
    #form_skin .details.period input{width: calc((100% - 27px) / 2);}
    #form_skin .details.period .wave{width:20px;}
    #search_result .title + .board_total{position:static; text-align:left;}
}