@charset "utf-8";

.ico_new{display:inline-block; width:15px; height:15px; line-height:15px; margin:5px 0 0 5px; font-size:10px; font-weight:400; font-family:"arial"; color:#fff; text-align:center; text-transform:uppercase; background:#e99f48; 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;}

/* 글목록*/
.board_list{clear:both; width:100%; margin:0 0 20px 0; border-collapse:collapse; border-top:2px solid #5f8dc9; font-size:15px; font-weight:300;}
.board_list tbody tr{transition:background 0.3s ease;}
.board_list tbody tr:hover{background:#f8f8f8;}
.board_list th{position:relative; padding:13px 5px 12px; text-align:center; font-weight:700; color:#555; border-bottom:1px solid #cfd1d6; background:url(/images/board/bg_th.gif) repeat-x 0 100%;}
.board_list 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_list th:first-child:before{display:none;}
.board_list td{padding:12px 5px; text-align:center; border-bottom:1px solid #cfd1d6; line-height:150%; background:none;}
.board_list .none{padding:30px 0;}
.board_list .notice{display:inline-block; height:23px; line-height:23px; padding:0 10px; border-radius:12px; color:#fff; background:#3a73bd;}
.board_list .con,
.board_list .sbj{padding-left:10px; text-align:left;}
.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}

/* 글목록 */
.table_wrap{width:100%; margin:0 0 25px 0; box-sizing:border-box;}
.table_info{display:none; padding:0 0 5px; font-size:13px; color:#fc4b05;}
.normal_list{clear:both; width:100%; border-collapse:collapse; table-layout:fixed; text-align:center; border-top:2px solid #2a4e9f; box-sizing:border-box;}
.normal_list th{padding:9px 5px; color:#333; border:1px solid #d8d8d8; background:#f1f9ff;}
.normal_list th:last-child{border-right:none;}
.normal_list td{padding:9px 5px; border:1px solid #d8d8d8; border-right:none; word-break:break-all;}
.normal_list th:first-child,
.normal_list td:first-child{border-left:none;}
.normal_list .con{padding-left:0.7em; text-align:left;}
.normal_list .none{padding:20px 0;}
.normal_list .comment{background:#f7f7f7; text-align:left; padding:0.7em;}
.normal_list .ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.normal_list td.bdL{border-left:1px solid #d1d1d0;}
.normal_list .a_right{padding-right:0.7em; text-align:right;}

/* 글보기 */
.board_view{clear:both; width:100%; margin:0 0 25px; border-collapse:collapse; border-top:2px solid #5f8dc9;}
.board_view thead th{padding:13px 5px 12px; color:#555; text-align:center; font-weight:bold; border-bottom:1px solid #cfd1d6; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%, rgba(237,237,237,1) 100%);}
.board_view tbody th{border-bottom:1px solid #cfd1d6;}
.board_view td{padding:12px 0; line-height:150%; color:#666; text-align:center; border-bottom:1px solid #cfd1d6; background:none;}
.board_view .last-child{background:none;}
.board_view .subject{color:#555; line-height:1.4em; font-weight:bold; background:#f7f7f7; padding:5px 0 5px 0; border-right:1px solid #cfd1d6;}
.board_view .subject2{color:#555; line-height:1.4em; font-weight:bold; background:#f7f7f7; border-right:1px solid #cfd1d6; border-left:1px solid #cfd1d6;}
.board_view .comment{background:#f7f7f7; text-align:left; padding:10px;}
.board_view .comment textarea{width:98%; height:200px;} /* 글쓰기 내용 */
.board_view .comment div img{width:100%;}
.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 .con{padding-left:13px; text-align:left;}
.board_view .pic{width:650px; margin:10px auto 0 auto; padding:3px; text-align:center; background:#fff; border:1px solid #ccc;}
.board_view .pic img{width:650px;}
.board_view .info{width:650px; margin:10px auto 0 auto; padding:3px; text-align:center;}
.board_view .txt{width:636px; margin:10px auto 0 auto; padding:10px; text-align:left; background:#fff; border:1px solid #ccc;}
.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 ul li,
.board_contents ol li,
.board_contents p{line-height:1.5em; letter-spacing: 0.1px; font-family: "Nanum Gothic";}
.board_contents li span,
.board_contents p span{font-size:100%; font-family:"Nanum Gothic";}
.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_write{clear:both; width:100%; border-spacing:0;  border-collapse:collapse;}
.board_write th{position:relative; padding:13px 5px; text-align:center; font-weight:bold; border-bottom:1px solid #ced1d6; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%, rgba(237,237,237,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:bold; background:#f1f1f1; border-right:1px solid #ced1d6; border-bottom:1px solid #ced1d6;}
.board_write .subject2{font-weight:bold; 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;}
.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:90%; margin:0 auto; padding:10px; border-top:2px solid #d4d4d4; border-bottom:1px solid #d4d4d4;}
#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;}

/* 게시물검색 */
.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_search2{overflow:hidden; width:100%; padding:0 0 10px 0; margin:0 0 25px 0; border-bottom:1px solid #dbdbdb;}
.board_search2 .total{float:left; width:40%;}
.board_search2 form{float:right; width:58%; text-align:right;}
.board_search2 select{width:25%; height:30px; padding:2px; margin:0 4px 0 0; line-height:30px; border:1px solid #bfbfbf; background:#fff;}
.board_search2 input[type="text"]{width:50%; height:29px; margin:0 4px 0 0; line-height:29px; border:1px solid #bfbfbf;}

#sub_gallery .boardSearch{overflow:hidden; width:100%; height:20px; border-bottom:2px solid #8da6d1; padding:0 0 10px 0; margin:0 0 23px 0;}
#sub_gallery .total{float:left;}
#sub_gallery .boardSearch fieldset{float:right;}
#sub_gallery .boardSearch select{width:78px; border:1px solid #7f9db9; line-height:18px; height:18px;}
#sub_gallery .boardSearch #key{width:110px; height:16px; line-height:16px; margin:0; padding:0;}
#sub_gallery .none{padding:50px 0; background:#f9f9f9; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}

/* 게시판 버튼 */
.board_btn{clear:both; width:100%; margin:0 0 10px 0; padding:10px 0 0 0; text-align:right; font-family:Tahoma, Sans-serif; font-size:0.9em; overflow:hidden;}
.board_btn ul{float:right; text-align:right;}
.board_btn li{float:left; margin:0 0 0 4px;}

/* normal table */
.normal{width:100%; border-collapse:collapse; text-align:center;}
.normal th,
.normal td{padding:8px 5px; border:1px solid #ced1d6;}
.normal th{background:#f7f7f7;}
.normal .con{padding-left:15px; text-align:left; word-break:keep-all;}

/* 포토갤러리 */
.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:bold; 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;}
.board_contents{text-align:center; }

.photo2 li{display:inline-block; width:24.5%; margin:0 0 30px 0; box-sizing:border-box; vertical-align:top;} 
.photo2 li *{display:block;}
.photo2 li a{max-width:250px; height:240px; margin:0 auto; border:1px solid #d9d9d9; background:#fff;}
.photo2 li a .img{overflow:hidden; text-align:center;}
.photo2 li a .img img{display:inline; max-width:100%; max-height:168px; transition:all 0.3s ease-in-out;}
.photo2 li a:hover img,
.photo2 li a:focus img{transform:scale(1.1);}
.photo2 li a .txt{padding:12px 0 0 12px; text-align:left; border-top:1px solid #d9d9d9;}
.photo2 li a .txt .title{overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; font-weight:bold;}
.photo2 li a .txt .date{color:#838383; font-size:95%;}

/* pagingNav */
#pagingNav{clear:both; width:100%; margin:65px 0 20px; text-align:center;}
#pagingNav a{display:inline-block; width:37px; height:37px; line-height:37px; margin:0 0 5px -1px; font-size:15px; color:#636363; vertical-align:top; text-align:center; transition:background 0.3s ease; border:1px solid #d0d1d6;}
#pagingNav a:hover,
#pagingNav a:focus{background-color:#f5faff;}
#pagingNav a.num_current,
#pagingNav a.num_current:hover,
#pagingNav a.num_current:focus{color:#fff; font-weight:400; border-color:#3a72bd; background:#3a72bd; text-decoration:underline;}
#pagingNav .num_first,
#pagingNav .num_prev,
#pagingNav .num_right,
#pagingNav .num_last{font-size:0; text-indent:-999px; background:url(/images/board/ico_board.gif) no-repeat 10px 12px;}
#pagingNav .num_first{margin:0 20px 0 0;}
#pagingNav .num_prev{background-position:9px -16px;}
#pagingNav .num_right{background-position:17px -41px;}
#pagingNav .num_last{margin:0 0 0 20px; background-position:12px -68px;}

/* 페이지네비게이션 */
#pagingNav2{clear:both; position:relative; margin:15px auto 0 auto; font-size:92%; text-align:center; line-height:1.7em; font-weight:bold;}
#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:bold;}
#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:bold; font-size:150%; line-height:110%; color:#4277ef;}
#sub_auth h4{clear:both; margin:25px 0 10px 0; font-weight:bold; font-size:125%; line-height:110%; color:#4277ef;}
#sub_auth h4:before,
#sub_auth h4:after{display:none;}
#sub_auth h5{clear:both; margin:10px 0 5px 0;}
#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; box-sizing:border-box; border:1px solid #ccc;}
#sub_auth #auth_opt .opt_list h4{margin:0; padding:10px 0; text-align:center; background:#f5f5f5;}
#sub_auth #auth_opt .opt_list .info{padding:10px 0 20px 0;}
#sub_auth #auth_opt .opt_list .btn{text-align:center;}

/* 공공아이핀만 사용할경우 */
#sub_auth #auth_opt .only{position:relative; overflow:hidden; width:100%; margin:0 auto; padding:10px; border:1px solid #ccc; box-sizing:border-box;}
#sub_auth #auth_opt .only h4{margin:0; padding:10px 0; text-align:center; background:#f5f5f5;}
#sub_auth #auth_opt .only .info{padding:10px 0 20px 0;}
#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 #ccc;}
#sub_auth .auth_agree dt{font-weight:bold;}
#sub_auth .auth_info p{margin:0 0 5px 0; font-weight:bold;}
#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:20px 0 10px; border:1px solid #ccc; margin:0 0 20px 0;}
#divcheck p.title{font-weight:bold; padding:0 0 0 15px; margin:0 0 10px 5px; border-left:3px solid #dc2a2a;}
#divcheck dl{padding:10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#divcheck dt{font-weight:bold;}
#divcheck dd{padding:0 0 10px 10px;}
#divcheck p.agree{padding:10px 0 0 10px; font-weight:bold; color:#1d51bb;}
#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;}

/* 최근회의록 */
.board_late{clear:both; width:100%; margin:0 0 20px 0; border-spacing:0; border-collapse:collapse; background:url(/images/board/bg_th.gif) repeat-x;}
.board_late th{padding:6px 5px 6px 5px;  text-align:center; font-weight:bold; border-top:2px solid #909090;  border-bottom:1px solid #909090 ; background:url(/images/board/bg_th_list.gif) no-repeat 100% 50%;}
.board_late .end,
.board_late .last-child{background:none; border-right:none;}
.board_late td{padding:6px 5px 6px 5px; text-align:center; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; background:none;}
.board_late .con{text-align:left; padding:6px 5px 6px 10px;}
.board_late .none{padding:20px 0; border-right:none;}

/* 동영상의정활동 */
.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;}

/* 의회간행물*/
#sub_magazine ul{width:100%;}
#sub_magazine ul li{display:inline-block; width:19.5%; margin:0 0 2em 0; text-align:center;}
#sub_magazine ul li img{max-width:140px; height:180px; padding:5px; border:3px solid #e7e7e7;}
#sub_magazine ul li span{display:block; padding:3px 0 0 0; text-align:center; letter-spacing:-1px;}
#sub_magazine ul li span.none{width:100%;}


@media all and (max-width:1120px){
	#sub_magazine ul li{width:24.5%;}

	.photo2 li{width:32.5%;}
	
}
@media all and (max-width:1024px){
    .board_view .pic{width:85%;}
    .board_view .pic img{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:2px 0 0 3px;}

	/* 페이지네비게이션 */
	#pagingNav{margin:40px 0 20px;}
	#pagingNav a{width:27px; height:27px; line-height:27px;}
	#pagingNav .num_first{margin:0 10px 0 0; background-position:6px 7px;}
	#pagingNav .num_last{margin:0 0 0 10px; background-position:6px -73px;}
	#pagingNav .num_right{background-position:11px -47px;}
	#pagingNav .num_prev{background-position:4px -21px;}

    #pagingNav2{font-size:80%;}
    #pagingNav2 a{padding:5px 8px; margin:0 1px; border:1px solid #e0e0e0;}
    #pagingNav2 a:hover{color:#cb4222; border:1px solid #cb4222;}
    #pagingNav2 .num_current{padding:5px 8px; margin:0 1px; color:#fff; background:#3d65bf; border:1px solid #2526a3;}
    #pagingNav2 .num_first,
    #pagingNav2 .num_left,
    #pagingNav2 .num_right,
    #pagingNav2 .num_last{padding:5px; margin:0 1px; color:#555; border:1px solid #e0e0e0; background:none;}
    #pagingNav2 .num_left:hover,
    #pagingNav2 .num_first:hover,
    #pagingNav2 .num_right:hover,
    #pagingNav2 .num_last:hover{color:#cb4222; border:1px solid #cb4222;}

    .board_list {background:none;}
    .board_list colgroup,
	.board_list thead,
    .board_list td:first-child,
    .board_list td:nth-child(5){display:none;}

	.board_list tr{padding:10px 0 10px;border-bottom:1px solid #d4d4d4;}
    .board_list td{display:block; position:relative; float:left; padding:0 0 10px 7px; line-height:135%; border:none; box-sizing:border-box; text-align:left; color:#737373;}
	.board_list td.sbj,
	.board_list td.con{width:100%; padding:12px 2px 4px 7px; font-size:103%; font-weight:400; color:#565656;}
	.board_list td:after{content:'|'; display:inline-block; overflow:hidden; line-height:14px; padding:3px 5px 0 10px; vertical-align:top; color:#cfd1d6;}
	.board_list td.sbj:after,
	.board_list td.con:after,
	.board_list td:last-child:after{display:none;}
	
	.bbs_bill td{width:100%; padding:0 0 0 7px; color:#565656;}
	.bbs_bill td:first-child,
	.bbs_bill td:nth-child(5){display:block;}
	.bbs_bill td:first-child{padding:12px 2px 0 7px;}
	.bbs_bill td.con{overflow:hidden; padding:0 0 0 62px;}
	.bbs_bill td.con:before{position:absolute; top:0; left:7px;}
	.bbs_bill td:before{content:attr(data-cell-header); display:inline-block; padding:0 5px 0 0; vertical-align:top; color:#565656;}
	.bbs_bill td:after{display:none;}
	.bbs_bill td:last-child{padding:0 0 12px 7px;}

	.bbs_qna {position:relative;}
	.bbs_qna colgroup{display:none;}
	.bbs_qna tr,
	.bbs_qna td,
	.bbs_qna th{display:block; width:100%; box-sizing:border-box;}
	.bbs_qna .sbj,
	.bbs_qna .con{float:left; width:65%;}
	.bbs_qna .con{border-top:none; border-left:none;}
	.bbs_qna .sbj{width:35%;}
	.bbs_qna .sbj br{display:none;}
	.bbs_qna .pic,
	.bbs_qna .name2,
	.bbs_qna .comment{width:100%; border-top:none;}
	.bbs_qna .name{position:absolute; top:155px; right:0; width:110px;}
	.bbs_qna .tit,
	.bbs_qna .name2,
	.bbs_qna .comment{float:left; width:100%;}
	.bbs_qna .ellipsis span{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
    
    .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; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%, rgba(237,237,237,1) 100%);}
	.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) {
	#sub_magazine ul li{width:32.5%;}
	.photo2 li{width:49%;}
	.vod_list a{height:200px;}
}
@media all and (max-width:568px) {
	.table_wrap{overflow-x:auto; overflow-y:hidden;}
	.table_info{display:block;}
	.table_wrap .normal_list{width:567px;}
}
@media all and (max-width:530px){
	.vod_list li{width:47.5%;}
	.vod_list a{height:230px;}
}
@media all and (max-width:490px) {
	#sub_magazine ul li{width:49%;}
}
@media all and (max-width:480px) {
	.photo2 li{width:100%;}
	.photo2 li a{height:auto;}

	.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) {
	.vod_list a{height:165px;}
	.board_list,
	.normal_list{font-size:14px;}
}