@charset "utf-8";

/* 검색폼 */
.board_total{padding:0 0 50px 0; font-size:18px; font-weight:800; color:#333; line-height:165%;}
.board_total:before{display:none;}
.board_total strong{color:#c01a1a;}
.board_total .page{display:block;}
.board_total .page:before{display:none;}

.board_sch{width:560px;}
.board_sch fieldset{position:relative; padding:0 0 0 160px;}
.board_sch select, .board_sch input[type="text"]{height:60px; line-height:58px; border-radius:10px; font-size:18px;}
.board_sch .sel{position:absolute; width:150px;}
.board_sch .sel:after{content:''; display:block; position:absolute; top:48%; right:15px; width:10px; height:10px; transform:translateY(-50%) rotate(45deg); border:3px solid #333; border-radius:2px; border-width:0 2px 2px 0;}
.board_sch .btn{height:60px; border-radius:10px;}
.board_sch .btn:before{top:14px; left:16px; width:26px; height:26px;}
.board_sch .btn:after{top:37px; left:35px; width:10px; height:3.2px;}

@media all and (max-width:1024px){
	.board_total{padding:0 0 30px 0;}
	.board_sch{width:500px;}
}
@media all and (max-width:768px){
	.board_total{padding:10px 0 20px;}
	.board_total .page{display:inline-block;}
	.board_total .page:before{display:inline-block;}

	.board_sch{width:100%;}
}
@media all and (max-width:568px){
	.board_total{font-size:16px;}
	
	.board_sch fieldset{padding:0 0 0 130px;}
	.board_sch select, .board_sch input[type="text"]{height:50px; line-height:48px; font-size:16px;}
	.board_sch .sel{width:120px;}
	.board_sch .btn{width:50px; height:50px;}
	.board_sch .btn:before{top:12px; left:13px; width:22px; height:22px;}
	.board_sch .btn:after{top:30px; left:29px; width:10px; height:3.2px;}
}

/* 페이지네이션 */
#pagingNav a{width:50px; height:50px; border-color:#cccccc; border-radius:10px; color:#333; line-height:50px;}
#pagingNav a.num_current, #pagingNav a.num_current:hover, #pagingNav a.num_current:focus{border-color:#2561ae; background:#2561ae; font-weight:900;}
#pagingNav .num_first, #pagingNav .num_prev, #pagingNav .num_right, #pagingNav .num_last{background:url(/images/data/common/ico_board.png) no-repeat; background-position-x:center;}
#pagingNav .num_first{background-position-y:bottom;}
#pagingNav .num_prev{background-position-y:-100px;}
#pagingNav .num_right{background-position-y:0;}
#pagingNav .num_last{background-position-y:-50px;}

@media all and (max-width:568px){
	#pagingNav a{width:40px; height:40px; line-height:40px;}
	#pagingNav .num_first, #pagingNav .num_prev, #pagingNav .num_right, #pagingNav .num_last{background-size:auto 160px}
	#pagingNav .num_prev{background-position-y:-80px;}
	#pagingNav .num_last{background-position-y:-40px;}
}


/* 갤러리 1 */
.photo3{clear:both; width:calc(100% + 40px); margin:0 -20px;}
.photo3:after{content:''; display:block; clear:both; width:100%;}
.photo3 li{float:left; width:33.3333%; margin:0 0 40px 0; padding:0 20px; box-sizing:border-box; vertical-align:center;}
.photo3 li *{display:block;}
.photo3 li a{overflow:hidden; height:340px; border:1px solid #888888; border-radius:20px; box-sizing:border-box; background:#fff; box-shadow:0 0 15px rgba(0,0,0,0.15);}
.photo3 li a:hover{border:2px solid #2561ae; transition:0.25s ease-in-out;}
.photo3 li .img{overflow:hidden; text-align:center;}
.photo3 li .img{overflow:hidden; text-align:center;}

.photo3 li .img img{display:inline; width:100%; max-height:240px; transition:all 0.25s ease-in-out;}
.photo3 li a:hover img,
.photo3 li a:focus img{transform:scale(1.1);}
.photo3 li .txt{padding:24px 20px 20px 20px; text-align:left; font-size:18px;}
.photo3 li .title{overflow:hidden; width:100%; padding:0 0 8px; text-overflow:ellipsis; white-space:nowrap; font-weight:800;}
.photo3 li .date{color:#838383; font-weight:200;}

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

/* 의회소식지 */
#sub_magazine .box {padding: 45px 10px 50px; font-size: 17px; text-align: center; word-break: keep-all; background: #f9faff; border: 1px solid #e1e4ff; box-sizing: border-box;}
#sub_magazine .box strong {font-size: 20px; font-weight: 800;}
#sub_magazine .box strong::before {content:'';display: block;margin: 0 auto 15px;width: 104px;height: 70px;background: url(/images/kr/activity/ico_latter.png)no-repeat;}
#sub_magazine .box strong span {color: #3f4cd9;}
#sub_magazine .box .btn_wrap a {display: inline-flex;justify-content: center;align-items: center;margin: 20px 15px 0 0;padding: 5px 0 0;width: 185px;height: 46px;font-size: 17px;font-weight: 800;color: #fff;text-align: center;text-decoration: none;background: #434ec5;border-radius: 30px;box-shadow: 0 0 10px 0 rgba(76,78,102,.15);box-sizing: border-box;}
#sub_magazine .box .btn_wrap a::after {content:'';display: inline-block;margin: 0 0 4px 20px;width:6px;height: 11px;background: url(/images/kr/activity/ico_arrows.png)no-repeat 0 0;}
#sub_magazine .box .btn_wrap a.black {background: #2c2e45;}
#sub_magazine .box .btn_wrap a.white {margin-right: 0;width: 427px;color: #333;background: #fff;}
#sub_magazine .box .btn_wrap a.white::after {background-position: 100% 100%;}
#sub_magazine .box .btn_wrap a.white span {font-size: 16px; font-weight: 200;}

@media all and (max-width: 768px){
	#sub_magazine .box {font-size: 16px;}
	#sub_magazine .box strong {font-size: 18px;}
	#sub_magazine .box strong br {display: none;}
}
@media all and (max-width: 568px){
	#sub_magazine .box .btn_wrap a {width: 100%; font-size: 16px;}
	#sub_magazine .box .btn_wrap a.white {flex-direction: column; width: 100%;}
	#sub_magazine .box .btn_wrap a.white::after {display: none;}
	#sub_magazine .box .btn_wrap a.white span {font-size: 14px;line-height: 1;}
}
@media all and (max-width: 380px){
	#sub_magazine .box {font-size: 14px; line-height: 1.4;}
	#sub_magazine .box strong {display: block; margin: 0 0 10px; font-size: 15px;}	
}