/* 해상도 공통 */
#container .colgroup2 {
	padding: 20px 20px;
	overflow: hidden;
}
.group-box {
	position: relative;
	background: #fff;
	margin-bottom: 50px;
}
.group_box2 h2 {
	position: relative;
	color: #00569e;
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -1px;
}
.group-box .btn_more {
	position: absolute;
	right: 0;
	top: 6px;
	z-index: 0;
}
.group-box .btn_more a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.tabcontent {
    margin: 25px 0;
}

.group-box li a {
	display: block;
}

li.first_list {
	-webkit-transition-property: border, box-shadow;
	-webkit-transition-duration: .3s;
	transition-property: border, box-shadow;
	transition-duration: .3s;
}
li.first_list:hover {
    border: 1px solid #091152 !important;
    box-shadow: 0.4375rem 0.875rem 0.1875rem rgba(4, 0, 0, 0.11);
}

.group-box li.first_list a span {
	display: block;
}
.group-box li.first_list a span.tit {
	font-weight :bold;
	font-size: 18px;
	text-decoration: underline;
	margin-bottom: 15px;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.group-box li.first_list a span.text {
	height: 77px;
	margin-bottom: 20px;
	font-size: 16px !important;
	line-height: 24px !important;
	overflow: hidden;
	color: #727272 !important;
}
.group-box li.first_list a span.text * {
	font-size: 16px !important;
	color: #727272 !important;
	line-height: 24px !important;
}
.group-box li.first_list {
	border: 1px #DCDCDC solid;
	padding: 20px;
}
.group-box li.first_list .notice_info span:after {
	content: "";
	width: 1px;
	height: 10px;
	background: #dcdcdc;
	margin: 0px 5px;
	display: inline-block;
	vertical-align: middle;
}
.group-box li.first_list .notice_info span:last-child:after {
	display: none;
}
.group-box li.normal_list {
	width: 100%;
	margin-top: 20px;
	line-height: 30px;
	position: relative;
	font-size: 16px;
	letter-spacing: -1px;
	border-bottom: 1px solid #dcdcdc;
}
.group-box li.normal_list a {
	display: inline-block;
	width: calc(100% - 73px);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #727272;
}
.group-box li.normal_list .date {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	font-weight: 300;
	color: #727272;
}



@media all and (min-width: 769px) {
	#container .colgroup2 {
		padding: 25px 30px;
	}
	.group-box {
	 	width: calc(50% - 20px);
		height: 388px;
	 	float: left;
		margin-right: 40px;
		margin-bottom: 20px;
	}	
	
	#main_board_wrap .group-box:first-child{
		width: 100%;
	}
}

@media all and (min-width: 769px) and (max-width: 1199px) {
	/*
	.group-box:nth-of-type(2n) {
		margin-right: 0;
	}
	*/
}

@media all and (min-width: 1200px) {
	#container .colgroup2 {
		padding: 25px 30px;
		overflow: hidden;
	}
	.group-box {
		width: calc(30% - 32px);
		margin-right: 50px;
		margin-bottom: 0;
	}
	
	#main_board_wrap .group-box:first-child{
		width: calc(50% - 32px) !important;
	}
}



.group-box.cmn .bg {
	width: 100%;
	/* height: calc(100% - 90px); */
	height: 100%;
	padding-top: calc(100px - 24%);
	box-sizing: border-box;
	-webkit-transition-property: outline, box-shadow;
	-webkit-transition-duration: .3s;
	transition-property: outline, box-shadow;
	transition-duration: .3s;
}
.group-box.cmn .bg:hover {
	outline-offset: -1px;
    outline: 1px solid #091152 !important;
    box-shadow: 0.4375rem 0.875rem 0.1875rem rgba(4, 0, 0, 0.11);
}

.group-box.cmn .bg img {
	display: block;
	width: 100%;
}

@media all and (max-width: 768px) {
	.group-box.cmn {
		height: 265px;
	}
	.group-box.cmn .tabcontent > a {
		display: block;
		height: 100%;
	}
	.group-box.cmn .bg {
		max-width: 400px;
		height: 100%;
		margin: 0 auto;
	}
}


/* 공지사항 */
.ps_sub_top {width:100%; padding:50px 0; background:#000 url(../../../images/egovframework/com/policys_bg.gif)no-repeat center center; text-align:center;}
.ps_sub_top h2 {font-size:22pt; color:#fff; font-weight:bold;}

.group-box:last-of-type {margin-right: 0px;}

@media all and (min-width: 769px){
	.colgroup2 .wrap {
		width: 100%;
		max-width: 1600px;
		padding:10px 0;
		display:flex;
		justify-content:center;
	}
}



.tab_mn{}
.tab_mn ul{width:325px;padding:8px 30px; float:left;}
.tab_mn ul:after{content:'';display:block;clear:both;}
.tab_mn>ul>li>a {float: left;position:relative;box-sizing:border-box;height:100%;padding:15px 20px; color:#a6a6a6;font-size:19px; display:block; letter-spacing:-1px;}
.tab_mn>ul>li:first-child>a{padding-left:0;}
.tab_mn>ul>li:first-child>a:before{content:'';display:inline-block;position:absolute;top:50%;right:0;margin-top:-10px;width:1px;height:20px; background:#a6a6a6;}


.tab_mn.tab01 .tab01 > a,
.tab_mn.tab02 .tab02 > a{color:#00569e; font-weight:600;}



.tab_mn .btn_more {display:none;}
.tab_mn.tab01 .tab01 .btn_more,	
.tab_mn.tab02 .tab02 .btn_more{display:block;}



/* 탭
.group_box1 ul.board_ui {width:325px; position:relative; margin:8px 30px; float:left;}
.group_box1 ul.board_ui .board_li {float:left; margin-right: 20px; padding: 15px 0; }
.group_box1 ul.board_ui .board_li>a {color:#a6a6a6; border-right: 1px #a6a6a6 solid; font-size:19px; display:block; text-align:center; padding-right: 20px; letter-spacing:-1px;}
.group_box1 ul.board_ui .board_li:last-child a{ border: 0; padding:0;}

.group_box1 ul.board_ui .tabcontent {display:none; position:absolute; top:30px; left:0px; width:100%; padding-top:24px;}
.group_box1 ul.board_ui>li .btn_more {display:none; right: -31px; top: -9px;}
.group_box1 ul.board_ui>li.on .btn_more {display:block;}

.group-box .btn_more {position:absolute; right:-1px; top:-1px;}
.first_list a:before {content:none; display:none !important;}
*/

/* SNS */
.fb-swiper-container .swiper-wrapper { width: 325px; cursor:pointer; }
.fb-swiper-container .swiper-slide { background:#f0f8fb; height: 285px; padding: 22px; box-sizing: border-box; }
.fb-swiper-container .swiper-slide.swiper-slide-active{}
.fb-swiper-container .swiper-pagination { position: static; padding: 20px 0; }
.fb-swiper-container a{display:block;}
.fb-swiper-container h3 {display:block; float: left; font-weight: bold; font-size: 13pt; }
.fb-swiper-container h3::before { content:''; display: inline-block; margin-right: 5px; width: 19px; height: 22px; background: url(./images/egovframework/com/facebook_mark.gif) left 0px/contain no-repeat;  vertical-align: middle;}
.fb-swiper-container span.date { border-bottom: 2px #0060b1 solid; float: right; padding-bottom: 3px; }
.fb-swiper-container p {display:block; clear: both; font-size:0.9rem; line-height: 1.5rem; margin-top: 35px; }
.fb-swiper-container p.cont {display:block; clear: both; font-size:0.9rem; line-height: 1.5rem; margin-top: 35px; }

.fb-swiper-container .nav{position:absolute;top:10px;right:50px;}
.fb-swiper-container .nav div{display:inline-block; position:relative; overflow:hidden; width:14px; height:14px; border:0; font-size:14px; color:transparent !important; white-space:nowrap; vertical-align:top;}
.fb-swiper-container .nav div.swiper-button-play{display:none; background-image:url((../../../images/egovframework/com/btn_ctrl_play.png);}
.fb-swiper-container .nav div.swiper-button-pause{display:none; background-image:url((../../../images/egovframework/com/btn_ctrl_pause.png);}
.fb-swiper-container .nav div.swiper-button-prev{background-image:url((../../../images/egovframework/com/btn_ctrl_prev.png);}
.fb-swiper-container .nav div.swiper-button-next{background-image:url((../../../images/egovframework/com/btn_ctrl_next.png);}
.fb-swiper-container .nav div.active{display:inline-block;}



@media all and (max-width: 768px){
	.tab_mn.tab01 .tab01 .tabcontent, .tab_mn.tab02 .tab02 .tabcontent{
		width: calc(100% - 61px);
		margin:8px 30px;
	}
	.tab_mn ul{width:100%;margin:0;}
}