@charset "utf-8";

.ico_new{display:inline-block; width:17px; height:17px; line-height:17px; margin:3px 0 0 2px; font-size:10px; font-weight:400; font-family:"arial"; color:#fff; text-align:center; text-transform:uppercase; border-radius:50%; background:#E05454; vertical-align:top;}
.ico_lock,
.ico_reply{display:inline-block; width:18px; height:19px; font-size:0; text-indent:-999px; vertical-align:middle; background: url(/images/board/icon_lock.gif) no-repeat;}
.ico_reply{width:30px; background:url(/images/board/ico_re.gif) no-repeat 0 5px;}
.ico_file{padding:0; margin:0; line-height:0;}
.file_wrap{position:relative;}
.file_list{z-index:1; opacity:0; visibility:hidden; position:absolute; top:-10px; right:60px; width:500px; padding:10px 5px 10px 10px; font-size:95%; text-align:left; border-radius:5px; border:1px solid #3d67a1; box-shadow:-5px -5px 5px rgba(0,0,0,0.12); background:#fff; transition:0.4s ease;}
.ico_file.on + .file_list{opacity:1; visibility:visible; top:4px;}

.box_sign .tit_txt{display:inline-block; width:auto !important;}
.box_sign h4:before{display:inline-block !important;}

/* board_btn */
.btn{display:inline-block; min-width:150px; height:50px; line-height:48px; padding:0 12px; color:#fff; font-size:18px; font-weight:400; 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:#0056b3; background:#0056b3;}
.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:#0056b3;}
.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;}

#search_result .title .btn{height:35px; line-height:33px; margin:-3px 0 0 5px; font-size:15px;}
@media all and (max-width:768px){
	.btn{height:45px; line-height:43px; min-width:130px; font-size:16px;}
}
@media all and (max-width:568px){
	.btn{height:42px; line-height:40px; min-width:108px; font-size:15px;}

	.board_btn .btn + .btn{margin:0 0 0 5px;}

	.normal_list .btn{min-width:95px; height:35px; line-height:33px; font-size:13px;}
	#search_result .title .btn{font-size:14px;}
}
@media all and (max-width:380px){
	.btn{height:39px; line-height:37px; min-width:90px; font-size:14px;}

	.normal_list .btn{min-width:85px; height:30px; line-height:28px;}
	#search_result .title .btn{font-size:13px;}
}

/* 글목록*/
.board_list{clear:both; width:100%; margin:0 0 20px 0; border-collapse:collapse; border-top:2px solid #0b3d6e; background:#fff;}
.board_list tbody tr:hover{background:#f9f9f9; transition:background 0.25s ease-in-out;}
.board_list tbody tr:last-child td{border-bottom:1px solid #657289;}
.board_list th{padding:13px 5px; text-align:center; color:#0b3d6e; font-weight:600; background:#f7f9fc;}
.board_list td{padding:14px 5px; text-align:center; border-bottom:1px solid #d9e1e1; color:#666; background:none; box-sizing:border-box;}
.board_list th:first-child,
.board_list td:first-child{border-left:none;}
.board_list .none,
.board_list td[colspan="6"]{padding:50px 0;}
.board_list .notice{display:inline-block; height:23px; line-height:24px; padding:0 10px; border-radius:23px; color:#fff; font-size:90%; background:#04a09d;}
.board_list .con,
.board_list .sbj{padding-left:17px; color:#333; text-align:left; font-weight:600;}
.board_list .none{padding:20px 0; border-right:none;}
.board_list .del_reason{font-size:12px; vertical-align:middle}
.board_list .del_reason i{display:inline-block; margin-right:3px; color:#fd3223}
.board_list .del{opacity:0.6; text-decoration:line-through;}
.board_list td select{max-width:95px;}

/* 글목록 */
.table_wrap{width:100%; margin:0 0 50px 0; box-sizing:border-box;}
.table_info{display:none; margin:0 0 5px !important; line-height:130%; font-size:13px; color:#0023e8;}
.normal_list{clear:both; width:100%; border-collapse:collapse; table-layout:fixed; text-align:center; box-sizing:border-box;}
.normal_list th{height: 50px;font-weight:500;color:#3e4659;background: #f8f8f8;border: 1px solid #ccc;border-left: none;}

.normal_list thead {border-top: 2px solid #42907a;}
.normal_list thead th{background: #fff;border:none;font-size: 16px;font-weight: 700;}
.normal_list thead th:first-child {border-left: none;}
.normal_list thead tr th{border-bottom: 1px solid #42907a;}
.normal_list tr th:last-child {border-right: none;}
.normal_list thead + tbody td{border-left: none;}
.normal_list td{padding:11px 5px;border: 1px solid #ccc;word-break:break-all;box-sizing:border-box;background:#fff;}
.normal_list td:last-child {border-right:none;}
.normal_list .taL,
.normal_list .sbj,
.normal_list .con{padding-left:15px; color:#333; text-align:left;}
.normal_list .sbj{font-weight:600;}
.normal_list .none,
.normal_list td[colspan="6"]{padding:50px 0;}
.normal_list .comment{background:#f7f7f7; text-align:left; padding:10px;}
.normal_list .ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.normal_list .bdL{border-left:1px solid #ccc !important;}
.normal_list .bdR{border-right:1px solid #ccc !important;}
.normal_list .a_right{padding-right:10px; text-align:right;}
.normal_list .bak {background: #f9fafb;}
.normal_list .cor {color: #3e4659;}
.normal_list .bdB {border-bottom:1px solid #ccc !important;}

@media all and (max-width:568px){
	.normal_list th{font-size:15px;}
	.normal_list td{font-size:15px;}
}

/* 글보기 */
.board_view{clear:both; width:100%; margin:0 0 25px; border-collapse:collapse; border-top:2px solid #0b3d6e;}
.board_view thead th{padding:12px 5px; text-align:center; font-weight:600; border-bottom:1px solid #ddd; background:#f6f6f6;}
.board_view tbody th{border-bottom:1px solid #ddd;}
.board_view td{padding:13px 0; line-height:150%; text-align:center; border-bottom:1px solid #ddd; background:none;}
.board_view .last-child{background:none;}
.board_view .subject{line-height:1.4em; font-weight:600; background:#f7f7f7; padding:5px 0 5px 0; border-right:1px solid #eaeff2;}
.board_view .subject2{line-height:1.4em; font-weight:600; background:#f7f7f7; border-right:1px solid #eaeff2; border-left:1px solid #eaeff2;}
.board_view .comment{padding:10px; color:#333; background:#f7f7f7; text-align:left;}
.board_view .comment textarea{width:98%; height:200px;} /* 글쓰기 내용 */
.board_view td input.file{width:100%; background:#fff;} /* 글쓰기 첨부파일 */
.board_view td input{margin:0 0 3px 0;} /* 글쓰기 input 박스 */
.board_view td img{max-width:100%; vertical-align:middle;}
.board_view .sbj,
.board_view .con{padding-left:13px; text-align:left;}
.board_view .pic img{max-width:100%;}
.board_view .txt{padding:10px;}
.board_view .pdf_link{margin:0 auto;}
.board_view #attach_content p.image img {width:100%}

.board_view .board_movie{width:480px; margin:0 auto; text-align:center;}
.attached_file{display:inline-block !important;}
.board_contents ul {list-style: circle inside; margin:0; padding:0;}
.board_contents ol {list-style: decimal inside; margin:0; padding:0;}
.board_contents ul li,
.board_contents ol li {list-style: inherit;}
.board_contents em { font-style: italic; }
.board_contents table caption {position:initial; left:initial; position:initial; width:inherit; height:initial; font-size:initial; line-height:initial; overflow:initial; text-align:initial;}
.board_contents ul li img{width:100%;}

/* 글쓰기 */
.board_write{clear:both; width:100%; border-spacing:0;  border-collapse:collapse;}
.board_write th{position:relative; padding:13px 5px; text-align:center; font-weight:600; border-bottom:1px solid #ced1d6; background:linear-gradient(to bottom, rgba(63,108,168,1) 0%, rgba(59,100,156,1) 100%);}
.board_write th:before{content:''; display:block; position:absolute; bottom:0; left:0; width:1px; height:100%; background:url(/images/board/bg_th_list.gif) no-repeat 100% 100%;}
.board_write td{padding:11px 5px; color:#666; text-align:center;  border-bottom:1px solid #ced1d6;}
.board_write .last-child{background:none; border-right:none;}
.board_write .subject{font-weight:600; background:#f1f1f1; border-right:1px solid #ced1d6; border-bottom:1px solid #ced1d6;}
.board_write .subject2{font-weight:600; background:#f1f1f1; border-right:1px solid #ced1d6; border-left:1px solid #ced1d6; border-bottom:1px solid #ced1d6;}
.board_write .write_subject{width:90%;}
.board_write td.comment{background:#f7f7f7; text-align:left; padding:10px;  white-space:pre-line;}
.board_write td.comment textarea{width:98%; height:200px;} /* 글쓰기 내용 */
.board_write td input.file{width:100%; background:#fff;} /* 글쓰기 첨부파일 */
.board_write td input{margin:0 0 3px 0;} /* 글쓰기 input 박스 */
.board_write .con{padding-left:15px; text-align:left;}
.board_write .imp{color:red;}

/* 비밀번호 */
#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;}
}

/* 게시물검색 */
.board_search{clear:both; width:100%; margin:10px 0 20px 0; padding:10px 0 10px 0; text-align:center; background:#f9f9f9; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position: relative;}
.board_search form .search{padding:0 10px 0 0; text-align:center;}
.board_search form select{background:#fafafa;}
.board_search .btnSearch{padding:0 0 0 5px; border:0;}
.board_search * {vertical-align:middle;}
.board_search input[type="text"]{max-width:50%;}
.board_search input[type="text"].w80{width:80px;}
.board_search .btn{min-width:60px; height:42px; line-height:40px;}

/* board_sch */
.total_wrap{padding:0 0 25px;}
.total_wrap:after{content:''; display:block; clear:both;}
.board_total{float:left; padding:8px 20px 0 0; box-sizing:border-box; font-weight:500; font-size:20px;}
.board_total strong{color:#04a09d;}
.total_wrap .board_total + .sel{position:relative; float:left;}
.total_wrap select{float:left; width:100px; height:42px; line-height:38px; padding:0 0 0 13px; border-color:#00508e; border-radius:5px; background:#fff url(/images/common/bg_total.png) no-repeat right 14px top 50%; font-weight:400; color:#000; font-size:15px;} 
.total_wrap select{-webkit-appearance:none; -moz-appearance:none; -moz-appearance:none; color:#000;}
.total_wrap select::-ms-expand{display:none;}
.total_wrap .sel:after{content:''; display:block; position:absolute; top:48%; right:15px; width:8px; height:8px; transform:translateY(-50%) rotate(45deg); border:3px solid #053d67; border-radius:2px; border-width:0 2px 2px 0;}

.board_sch{float:right; width:416px; margin:0 0 20px; text-align:center;}
.board_sch fieldset{display:block; position:relative; padding:0 45px 0 108px;}
.board_sch .sel{position:absolute; top:0; left:0; width:100px;}
.board_sch .sel:after{content:''; display:block; position:absolute; top:48%; right:15px; width:8px; height:8px; transform:translateY(-50%) rotate(45deg); border:3px solid #053d67; border-radius:2px; border-width:0 2px 2px 0;}
.board_sch select,
.board_sch input[type="text"]{width:100%; height:42px; line-height:38px; padding:0 0 0 10px; border-radius:5px 0 0 5px; border:1px solid #00508e; box-sizing:border-box; background:none; background-color:#fff;}
.board_sch select{border-radius:5px; -webkit-appearance:none; -moz-appearance:none; -moz-appearance:none;} 
.board_sch select::-ms-expand{display:none;}
.board_sch .btn{position:absolute; top:0; right:0; height:42px; width:45px; min-width:0; padding:0; font-size:0; text-indent:-999px; border:none; border-radius:0 5px 5px 0; background:#104098;}
.board_sch .btn:before,
.board_sch .btn:after{content:''; display:block; position:absolute; top:11px; left:15px; width:15px; height:15px; border:2px solid #fff; border-radius:50%; box-sizing:border-box;}
.board_sch .btn:after{left:25px; top:24px; width:8px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;}
.board_sch select:focus,
.board_sch input[type="text"]:focus{box-shadow:1px 1px 4px rgba(0,0,0,0.15);}
.board_sch .btn:hover{background-color:#152843;}

/* total_wrap 안에 board_sch */
.total_wrap .board_sch{margin:0;}

@media all and (max-width:768px){
	.total_wrap{padding:0 0 15px;}
    .board_total{padding:9px 20px 0 0;}
	/* .board_total{padding:0 0 17px 0; font-size:14px;}
	.board_total .page:before{margin:-2px 8px 0;} */

	.board_sch{width:331px;}
	.board_sch fieldset{padding:0 45px 0 113px;}
	.board_sch .sel{width:110px;}
}
@media all and (max-width:568px){
	.total_wrap{padding:0 0 15px;}
	.board_total{padding:9px 15px 0 0; font-size:17px;}
    .total_wrap select{height:36px; line-height:34px;}
	.total_wrap .board_total + .sel{float:right;}

	.total_wrap .board_sch{width:100%; height:36px; margin:5px 0 0;}
	.total_wrap .board_sch input[type="text"]{height:36px; line-height:36px;}
	.total_wrap .board_sch .btn{height:36px;}
	.total_wrap .board_sch .btn:before{top:8px;}
	.total_wrap .board_sch .btn:after{top:21px;}
}
@media all and (max-width:380px){
	.board_total{padding:6px 8px 0 0; font-size:15px;}
	.board_total .page:before{margin:-2px 7px 0;}
	.board_sch fieldset{padding:0 50px 0 88px;}
	.board_sch .sel{width:85px;}
	.board_sch .btn{width:50px; height:35px;}
	.board_sch .btn:before{width:16px; height:16px; top:8px; left:16px;}
	.board_sch .btn:after{top:21px; left:26px;}
	.board_sch select,
	.board_sch input[type="text"]{height:35px; line-height:34px; padding:0 0 0 6px;}
	.board_sch select{padding:0 0 0 3px;}
}


/* 게시판 버튼 */
.board_btn{clear:both; overflow:hidden; width:100%; margin:0 0 10px 0; padding:30px 0 0 0; text-align:right;}

/* 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:600; 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;}

/* 포토갤러리 */
.photo{clear:both; overflow:hidden; width:100%; border-bottom:1px solid #d9d9d9;}
.photo li{float:left; width:163px; padding:0 0.85em 1.5em 0.85em;}
.photo li p.pic{width:151px; margin:0; padding:5px; background:#f5f5f5; border:1px solid #eaeaea;}
.photo li p.pic a{display:inline-block; width:149px; height:99px; border:1px solid #fff;}
.photo li p.pic a img{width:149px; height:99px;}
.photo li p.day,
.photo li p.date{padding:5px 0 0 14px; text-align:left; color:#9d7b4f; font-weight:600; background:url(/images/board/ico_date.gif) no-repeat 0 8px;}
.photo li p.title{padding:0 0 0 14px; text-align:left; background:url(/images/board/ico_title.gif) no-repeat 0 4px;}
table.bbs_gallery div#attach_content_container {margin:0 auto 10px;max-width:700px;} /* 160325 배장호 */
table.bbs_gallery div#attach_content_container li.image_list p.comment {text-align:center;}

.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 #11466e; border-color:#11466e; transition:0.25s ease-in-out;}
.photo2 li .img{overflow:hidden; text-align:center;}
.photo2 li .img img{display:inline; width:100%; 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{height:188px;}
}
@media all and (max-width:840px){
	.photo2 li{margin:0 0 24px;}
	.photo2 li a{height:250px;}
	.photo2 li .img img{height:155px;}
}
@media all and (max-width:680px){
	.photo2 li a{height:220px;}
	.photo2 li .img img{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{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{height:101px;}
	.photo2 li .title{padding:0 0 2px;}
}
@media all and (max-width:340px){
	.photo2 li a{height:162px;}
	.photo2 li .img img{height:90px;}
}

/* pagingNav */
#pagingNav{display:flex; flex-wrap:wrap; justify-content:center; clear:both; width:100%; margin:50px 0 20px; text-align:center;}
#pagingNav a{position:relative; display:inline-block; width:38px; height:38px; line-height:37px; margin:0 5px 5px 5px; font-size:17px; color:#000; vertical-align:top; text-align:center; border-radius:10px; background:#fff;}
#pagingNav a:hover,
#pagingNav a:focus{z-index:1; border-color:#333; background-color:#f8f8f8; transition:background-color 0.25s ease-in-out;}
#pagingNav a.num_current,
#pagingNav a.num_current:hover,
#pagingNav a.num_current:focus{color:#fff; font-weight:400; background:#152843; text-decoration:none;}
#pagingNav .num_first,
#pagingNav .num_prev,
#pagingNav .num_right,
#pagingNav .num_last{font-size:0; text-indent:-999px; background:#fff url(/images/board/ico_board.gif) no-repeat 12px 13px;}
#pagingNav .num_first{margin:0;}
#pagingNav .num_prev{background-position:8px -15px;}
#pagingNav .num_right{background-position:17px -41px;}
#pagingNav .num_last{margin:0; background-position:14px -68px;}

@media all and (max-width:1024px){
	#pagingNav{margin:40px 0 15px;}
}
@media all and (max-width:768px){
	#pagingNav{margin:35px 0 15px;}
}
@media all and (max-width:568px){
	#pagingNav{margin:30px 0 10px;}
	#pagingNav a{width:27px; height:27px; line-height:27px; margin:0 3px 3px 3px; font-size:14px;}
	#pagingNav .num_first{background-position:7px 7px;}
	#pagingNav .num_last{background-position:8px -74px;}
	#pagingNav .num_right{background-position:12px -47px;}
	#pagingNav .num_prev{background-position:3px -21px;}
}

/* 페이지네비게이션 */
#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(/images/board/bl_first.gif) no-repeat left center;}
#pagingNav2 .num_left{padding:4px 4px 4px 6px; color:#555; background:url(/images/board/bl_left.gif) no-repeat left center;}
#pagingNav2 .num_right{padding:4px 6px 4px 4px; color:#555; background:url(/images/board/bl_right.gif) no-repeat right center;}
#pagingNav2 .num_last{padding:4px 10px 4px 4px; color:#555; background:url(/images/board/bl_last.gif) no-repeat right center;}

/* 본인인증 */
#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:#1f438c; 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:#f3f5f9 url(/images/common/ico_auth1.png) no-repeat center;}
#sub_auth #opt_ipin h4:before{background-image:url(/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:15px 20px; 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;}
#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;}

/* 의회에바란다 */
#att_box{padding:1em; border:1px solid #c8c8c8; background:#fafafa; margin:0 0 10px 0;}
#btn_law{width:100%; text-align:center; margin:0 0 10px 0;}
#btn_law a{display:inline-block; width:150px; height:28px; line-height:28px; color:#fff; background:#f7512a;}
#btn_law .off a{color:#fcff00;}
#btn_law .skip{display:none;}
#slide_law{margin:0 0 20px 0; display:none;}
#slide_law p{padding:1em; border:1px solid #c8c8c8;}

/* 동영상의정활동 */
.cast_list {overflow:hidden; width:100%; margin:0 0 2em 0;}
.cast_list .img{float:left; width:213px; margin:3px 0 0 0;}
.cast_list .img img{border:3px solid #d1d1d1;}
.cast_list .txt{float:right; width:70%;}
.cast_list .txt li{padding:0.3em 0; border-top:1px solid #e7e7e7;}
.cast_list .txt li:first-child{border-top:none; padding-top:0;}
.cast_list .txt li *{display:inline-block; vertical-align:top;}
.cast_list .txt li .tit{width:45px;}
.cast_list .txt li .con{width:75%; overflow:hidden; text-overflow:ellipsis; word-wrap:normal;}

/* 홍보영상 */
.vod_player video{width:100%; height:400px;}
.vod_comment{width:100%; max-height:200px; margin:0 0 2em; overflow-y:auto; padding:1em; border:1px solid #ddd; background:#fafafa; box-sizing:border-box;}

/* 의정소식*/
.vod_tit {padding:0 0 15px;}
.vod_tit .tit{font-size:24px; color:#303030;}
.vod_tit p{color:#626262; font-size:14px; text-transform:uppercase;}
.vod_tit p span{padding:0 5px;}
.vod_play{position:relative;}
.vod_play > div{display:inline-block; vertical-align:top;}
.vod_play .player{width:69.25%; height:360px; max-width:640px; background:#000;}
.vod_play .comment{position:absolute; right:0; top:0; width:100%; padding:0 0 0 655px; box-sizing:border-box;}
.vod_play .comment .inner{width:100%; border:1px solid #ddd; box-sizing:border-box;}
.vod_play .comment .tit{display:block; width:100%; height:60px; padding:18px 0 0 40px; font-size:20px; color:#303030; border-bottom:1px solid #ddd; box-sizing:border-box; background:#ebebeb url(/images/board/ico_list.png) no-repeat 15px 55%;}
.vod_play .comment .txt{overflow-y:auto; overflow-x:hidden; height:300px; padding:10px; box-sizing:border-box;}
.vod_btns{margin:0 0 30px; padding:30px 0 35px; text-align:center; border-bottom:2px dashed #ccc;}
.vod_btns .btn_down{position:relative; width:160px; height:45px; padding:0 25px 0 0; font-size:17px; color:#fff; background:#235cb4; transition:0.3s;}
.vod_btns .btn_down:hover,
.vod_btns .btn_down:focus{background:#0a49ab;}
.vod_btns .btn_down:after{content:''; position:absolute; top:12px; left:50%; display:block; width:24px; height:23px; margin:0 0 0 37px; background:url(/images/board/ico_view.png) no-repeat; background-size:100%;}
.vod_btns .num{position:relative; width:80px; height:45px; line-height:45px; padding:0 0 0 30px; margin:0 0 0 10px; border:1px solid #ddd; box-sizing:border-box; background:#ebebeb url(/images/board/ico_recommend.gif) no-repeat 13px 50%; transition:0.3s;}
.vod_btns .num:hover,
.vod_btns .num:focus{border-color:#888;}
.vod_btns *,
.vod_list *{display:inline-block; vertical-align:top;}
.vod_list li{width:31%; padding:0 1% 20px; text-align:center;}
.vod_list a{position:relative; width:100%; max-width:280px; height:247px; padding:12px; border:1px solid #ddd; transition:0.3s; box-sizing:border-box;}
.vod_list a:after{content:''; display:block; position:absolute; top:0; left:0; width:0; height:100%; transition:0.3s; background:rgba(15,135,255,0.1);}
.vod_list a:hover:after,
.vod_list a:focus:after{width:100%;}
.vod_list a:hover,
.vod_list a:focus{color:#000; border-color:#1086ff;}
.vod_list .img img{width:100%; max-height:144px;}
.vod_list .txt {position:relative; width:100%; padding:32px 0 0 0;}
.vod_list .txt:before{content:''; display:block; position:absolute; top:-25px; left:50%; width:50px; height:50px; margin:0 0 0 -25px; background:url(/images/board/ico_play.png) no-repeat;}
.vod_list a:hover .txt:before,
.vod_list a:focus .txt:before{opacity:0.75;}
.vod_list .txt *{display:block; text-align:center;}
.vod_list .txt em{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px;}
.vod_list .txt .hit{font-size:12px; color:#606060;}

@media all and (max-width:1024px){
    .board_view .pic{width:85%;}
    .board_view .pic img{max-width:100%;}
    .board_view .info{width:85%;}
    .board_view .txt{width:80%;}

    table.bbs_gallery div#attach_content_container {margin:0 auto 10px;max-width:520px;} /* 160325 배장호 */
    .photo li{float:none; display:inline-block; padding:0 0.5em 1.5em 0.5em;}

	.board_search2 select{width:20%;}
	.board_search2 input[type="text"]{width:44%;}

	#attach_content .pdf_list .pdf_link,
    #attach_content .pdf_list .pdf_link iframe{width:520px !important;}

	.cast_list .img{width:24%;}
}
@media all and (max-width:820px){
	.vod_play .player{width:100%; max-width:100%; height:auto; text-align:center; margin:0 auto;}
	.vod_play .player video{width:100%;}
	.vod_play .comment{position:static; margin:10px 0 0 0; padding:0;}
	.vod_play .comment .tit{height:40px; padding:7px 0 0 40px; font-size:17px;}
	.vod_play .comment .txt{height:120px;}
	.vod_btns{padding:20px 0 30px;}
	.vod_list a{height:230px;}
}
@media all and (max-width:768px){
	.ico_new{margin:1px 0 0 3px;}
	.file_list{right:auto; left:20px; width:300px;}

    #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 {background:#fff;}
    .board_list colgroup,
	.board_list thead,
    .board_list td:first-child,
    .board_list td:nth-child(5){display:none;}

	.board_list tr{float:left; width:100%; padding:11px 2px 10px 5px; border-bottom:1px solid #d4d4d4; box-sizing:border-box;}
    .board_list td{display:block; position:relative; float:left; line-height:135%; padding:1px; border:none; box-sizing:border-box; text-align:left; color:#737373;}
	.board_list td.sbj,
	.board_list td.con{width:100%; padding:2px 1px 4px; font-weight:600; font-size:103%; color:#565656;}
	.board_list td:after{content:''; display:inline-block; width:1px; height:11px; margin:4px 12px 0 12px; vertical-align:top; background:#ccc;}
	.board_list td.sbj:after,
	.board_list td.con:after,
	.board_list td:last-child:after{display:none;}
	.board_list tbody tr:last-child th, .board_list tbody tr:last-child td{border-bottom:none;}
	.board_list tbody tr:last-child{border-bottom-color:#567c98;}
	
	.bbs_bill td{width:50%; color:#565656; box-sizing:border-box;}
	.bbs_bill th + td{width:100%;}
	.bbs_bill td:first-child,
	.bbs_bill td:nth-child(5){display:block;}
	.bbs_bill td:before{content:attr(data-cell-header); display:inline-block; padding:0 4px 0 0; vertical-align:top; color:#565656;}
	.bbs_bill td:after{position:absolute; right:10px; top:50%; margin:-7px 0 0 0;}
	.bbs_bill td:first-child:after,
	.bbs_bill td:nth-child(even):after{display:none;}

	.board_view{background:none;}
    .board_view .sb_hit,
    .board_view .con_hit,
	.board_view colgroup{display:none;}
    .board_view thead th:last-child{font-size:110%; text-shadow:0 1px 0 #f3f3f3;}
	.board_view tr:first-child th,
	.normal tr:first-child th{width:20%;}
    #attach_content .pdf_list .pdf_link{width:95% !important;}
    #attach_content .pdf_list .pdf_link iframe{width:100% !important;}
    
    .photo {text-align:center;}
    .photo li{padding:0 0.3em 1.5em 0.3em;}
    table.bbs_gallery div#attach_content_container {margin:0 auto 10px;max-width:330px;} /* 160325 배장호 */

	.board_search2 .total,
	.board_search2 form{width:100%; text-align:left;}
	.board_search2 .total{margin:0 0 0.3em 0;}

	#sub_auth #auth_opt .opt_list{width:100%;}
	#sub_auth #opt_phone{margin:0 0 25px;}

	.vod_tit .tit{font-size:21px;}
	.vod_tit p{line-height:110%; font-size:13px;}
	.vod_list .txt em{font-size:16px;}
}
@media all and (max-width:660px) {
	.vod_list a{height:200px;}
}
@media all and (max-width:568px) {
	.file_list{right:auto; left:-148px; width:280px;}
	.ico_file.on + .file_list{top:30px;}

	.table_wrap{overflow-x:auto; overflow-y:hidden;}
	.table_info{display:block;}
	.table_wrap .normal_list{width:567px;}

	.normal_list .taL,
	.normal_list .sbj,
	.normal_list .con{padding-left:10px;}

	#sub_auth h4:before{width:80px; height:80px; background-size:23px;}
}
@media all and (max-width:530px){
	.vod_list li{width:47.5%;}
	.vod_list a{height:230px;}
}
@media all and (max-width:480px) {
	.board_view .board_movie{width:100%; margin:0 auto; text-align:center;}

	.vod_tit{padding:0 0 10px;}
	.vod_tit .tit{line-height:110%; font-size:18px;}
	.vod_tit p{font-size:12px;}
	.vod_play .comment .tit{height:35px; font-size:16px; padding:5px 0 0 35px; background-position:10px 50%;}
	.vod_play .comment .txt{height:100px; font-size:14px;}
	.vod_list a{height:195px;}
	.vod_list .txt{padding:20px 0 0 0;}
	.vod_list .txt:before{width:40px; height:40px; margin:0 0 0 -20px; background-size:100%;}
	.vod_list .txt em{font-size:15px;}
	.vod_list .txt .hit{line-height:100%;}
}
@media all and (max-width:430px) {
	.vod_play .comment .txt{height:90px;}
	.vod_list a{height:180px; padding:8px;}
}
@media all and (max-width:380px) {
	.table_info{font-size:12px;}
	.vod_list a{height:165px;}
	.board_list,
	.normal_list{font-size:14px;}
}

#sub_agenda .btns{position:relative; float:left; height:60px; width:100%;}
#sub_agenda .btn_left{position:absolute; top:0; left:0;}
#sub_agenda h3{line-height:37px; font-family:"Titillium Web"; font-size:42px; text-align:right; color:#333;}
#sub_agenda .btn_right{left:auto; right:0;}
#sub_agenda .btns .btn{min-width:0; height:40px; line-height:38px;}
#sub_agenda .btns .today{color:#555; background:#fcf8e3;}
#sub_agenda .btns .btn.active{opacity:0.7;}
#sub_agenda .btn-group {margin-left:2px;}
#sub_agenda .btn-group .btn{margin-left:1px;}
#sub_agenda .calendar{width:100%; table-layout:fixed; border-collapse:collapse; margin:0 0 20px 0; font-size:16px; font-weight:400;}
#sub_agenda .calendar th{padding:10px 0; color:#fff; background:#3c4968; border:1px solid rgba(255,255,255,0.3);}
#sub_agenda .calendar td{height:113px; line-height:120%; vertical-align:top !important; padding:2px; text-align:right; border:1px solid #ddd;}
#sub_agenda .calendar td.today{background:#fcf8e3;}
#sub_agenda .calendar .calendarView{display:block; overflow:hidden; width:96%; padding:3px 1px; margin:0 auto 1px; font-size:14px; color:#333; line-height:120%; white-space:nowrap; text-overflow:ellipsis; text-align:center; color:#fff; background:#056fd7; border-radius:2px;}
#sub_agenda .calendar .sun{color:red;}
#sub_agenda .calendar .sat{color:blue;}
#sub_agenda .calendar td.other{opacity:0.3; background:#eee;}
@media all and (max-width:768px) {
    #sub_agenda .btns{height:50px;}
	#sub_agenda .btns .btn{height:35px; line-height:33px; font-size:14px;}
    #sub_agenda h3{line-height:30px;}
    #sub_agenda .calendar td{height:70px;}
    #sub_agenda .calendar .calendarView{font-size:13px;}
	#sub_agenda .bbs_bill tr td:first-child{display:none;}
}
@media all and (max-width:568px) {
	#sub_agenda .btns{height:auto; text-align:left;}
	#sub_agenda .btn_left{position:static;}
	#sub_agenda .btns .btn{height:32px; line-height:30px; font-size:13px;}
    #sub_agenda h3{clear:both; width:100%; padding:10px 0 15px; line-height:26px; font-size:28px; text-align:center;}
    #sub_agenda .calendar{font-size:14px;}
    #sub_agenda .calendar td{height:55px;}
}
@media all and (max-width:380px) {
    #sub_agenda h3{line-height:24px; font-size:27px;}
	#sub_agenda .btns .btn{height:28px; line-height:26px;}
	#sub_agenda .calendar .calendarView{font-size:12px;}
}

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

.magazine {float:left; width:calc(100% + 48px); margin:0 -24px 30px;}
.magazine li{float:left; width:33.333%; padding:0 24px 50px; text-align:center; box-sizing:border-box;}
.magazine .inner{float:left; width:100%; padding:37px 0 0 0; border-radius:10px; border:1px solid #dfe0e3; box-sizing:border-box;}
.magazine .inner:hover{border-color:#767fa3; transition:0.2s ease-in-out;}
.magazine .img_wrap{display:block; padding:0 10px;}
.magazine .img{position:relative; display:inline-block; vertical-align:top;}
.magazine .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;}
.magazine .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;}
.magazine .inner:hover .img:before,
.magazine .inner:hover .view,
.magazine .img_wrap:hover .img:before,
.magazine .img_wrap:hover .view{opacity:1; visibility:visible;}
.magazine .img img{max-width:186px; height:244px; box-shadow:1px 1px 18px rgba(0,0,0,0.11);}
.magazine .sbj{display:block; padding:15px 0 20px; font-weight:400; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.magazine .btns{height:66px;}
.magazine .date{display:none; float:left; padding:13px 0 23px; font-size:15px; color:#666;}

.magazine .btn{width:100%; height:100%; line-height:66px; min-width:0; padding:0; color:#003964; border:none; border-top:1px solid #dfe0e3; font-weight:400; border-radius:0 0 10px 10px; background:#f3f3f8;}
.magazine .btn:hover{border-color:#767fa3;}
.magazine .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%;}
.magazine .btn:hover:after{background-position:0 0; transition:0.25s ease-in-out;}
@media all and (max-width:1230px) {
	.magazine {width:calc(100% + 18px); margin:0 -9px 30px;}
	.magazine li{padding:0 9px 20px;}
}
@media all and (max-width:1024px) {
	.magazine .img img{height:250px; max-width:100%;}
}
@media all and (max-width:768px) {
	.magazine .inner{padding:25px 0 0 0;}
	.magazine .img img{height:210px; box-shadow:1px 1px 10px rgba(0,0,0,0.11);}
	.magazine .date{padding:9px 0 0 11px; font-size:13px;}
	.magazine .btns{height:50px;}
	.magazine .btn{line-height:50px;}
	.magazine .btn:after{margin-left:6px;}
}
@media all and (max-width:568px) {
	.magazine .inner{padding:20px 0 0 0;}
	.magazine li{width:50%;}
	.magazine .img img{height:190px;}
	.magazine .sbj{font-size:16px;}
}
@media all and (max-width:380px) {
	.magazine{width:calc(100% + 10px); margin:0 -5px;}
	.magazine li{padding:0 5px 15px;}
	.magazine .inner{padding:16px 0 0 0;}
	.magazine .img img{height:160px;}
	.magazine .sbj{padding:13px 0 15px; font-size:15px;}
	.magazine .date{padding:9px 0 0 8px; font-size:12px;}
	.magazine .btn:after{margin-left:4px;}
}