	.link_source{
		cursor:pointer;
	}
	.topic_name{
		color:#FFF;
		display: block;
		font-size: 14px;
		text-transform: uppercase;
		padding: 4px 0px;
		border-top: 1px solid white;
		border-bottom: 1px solid #FFF;
		display: table;
		margin-bottom: 10px;
	}
	.text_notice{
		border-radius: 15px;
		background:none !important;
		background-color : #529b50  !important;
	}
	.text_notice .topic_name{
		color:#FFF;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF;
	}
	.notice_filters{
		font-size:14px;
		display:flex;
		align-items:center;
		margin-bottom:20px;
	}
	.notice_filters .post{
		background-color: #e8e6e7;
		border-radius: 3px;
		display: table;
		padding: 8px 0px;
		margin-right:20px;
	}
	.filter_flags{
	    margin-right: 10px;
	}
	.filter_flags span{
	    display: inline-block;
	    margin-right: 5px;
	    margin-top: 4px;
	}
	.filter_flags span.flag_{
		width:2px;
	}
	.filter_flags .checkbox.bounce{
		margin-left:15px;
	}
	.filter_flags a{
	    margin-top: 0;
	    line-height: 0;
	    display: inline-block;
	}
	.notice_filters .map_search{
		width: 120px;
		margin-left: 20px;
	}
	.notice_filters .map_search i{
		font-size: 28px;
	    position: relative;
	    top: 6px;
	    margin-right: 8px;
	}
	.notice_filters .map_search span{
		font-size: 16px;
		font-weight: 600;
		position: relative;
		top: -3px;
	}
	.notice_filters .post a{
		padding:0 20px 0 50px;
		border-right:1px solid #0d2b3f;
		position: relative;
	}
	.notice_filters .post a:after{
		content: "";
	    width: 25px;
	    height: 25px;
	    display: table;
    	background-repeat: no-repeat;
	    background-size: contain;
	    position: absolute;
	    left: 23px;
    	top: -2px;
	}
	.notice_filters .post a:nth-child(1):after{
		background-image:url('../img/wr.png');
	}
	.notice_filters .post a:nth-child(2):after{
		background-image:url('../img/sa.png');
	}
	.notice_filters .post a:nth-child(3):after{
		background-image:url('../img/ch.png');
	}
	.notice_filters .post a:last-child{
		border-right:0;
	}
	.filter .select_box{
		display: table;
		float: left;
		max-width: 140px;
		padding: 8px 20px;
		width: 100%;
		background-color: #fff;
		border-radius: 3px;
		text-align: center;
		border: 1px solid #e4e4e4;
	}
	.filter .select_box:first-child{
		margin-right:20px;
	}
	.filter .select_box select{
		border:0;
		width:100%;
	}
	.links{
		float:right;
		margin-top:5px;
	}
	.links a{
		font-size:14px;
		text-transform:uppercase;
		padding:4px 10px;
		font-weight:500;
		margin-top: 4px;
		border-radius:3px;
		margin:0 10px;
	}
	.links a:last-child{
		margin-right:0px;
	}
	.links a.active{
		background-color:#0d2b3f;
		color:#fff;
		padding:4px 10px;
	}
	.links a:hover{
		background-color:#0d2b3f;
		color:#fff;
	}
	.grid-item{
		width:calc(12.5% - 10px);
		margin:0px 5px;
		margin-bottom:8px;
		cursor:pointer;
		overflow:hidden;
		display:block;
	}
	.grid-item-inner{
		position:relative;
		width:100%;
		background-image: url(https://gnb-platform.s3.eu-west-2.amazonaws.com/loaders/comp6.gif);
		background-position: center;
		background-repeat: no-repeat;
		background-size:30%;
	}
	.grid-item-inner:after{
		position:absolute;
		content:"";
		width:100%;
		height:100%;
		left:0;
		top:0;
		background-color:rgba(0,0,0,0.6);
		transform:translateY(2px);
		transition:0.5s;
		opacity:0;
		border-radius:15px;
	}
	.grid-item-inner .text{
		position:absolute;
		transform:translateY(20px);
		transition:0.5s;
	    top: 0;
	    opacity: 0;
	    left: 0;
	    z-index: 999;
		height:calc(100% - 5px);
	    width:Calc(100% - 10px);
	}
	.grid-item-inner .text h2{
		position:relative;
		font-size:18px;
		line-height:24px;
		top:40px;
		left:0;
		padding:0px 20px;
		display:table;
		color:#fff;
		height: calc(100% - 70px);
		display: block;
		overflow: hidden;
	}
	.play_news{
	    z-index: 9999999;
	    position: absolute;
	    bottom: 0;
	    left: 0;
	}
	.play_news i{
	    color: #fff;
	    font-size: 35px;
	    padding-left: 13px;
	    padding-bottom: 8px;
	}
	.text_notice .text{
		opacity: 0;
		color:#FFF;
	}
	.text_notice .text h2{
		color:#FFF;	
	}
	.information_notice {
		background:#173644;
		border-radius: 15px;
	}
	.information_notice h2{
		color: #529b50;
		font-size: 20px;
		padding: 20px;
		text-align: center;
		position: relative;
	}
	.grid-item-inner .text span.read_more_button{
		color: white;
		font-size: 12px;
		width: 67px;
		bottom: 0px;
		top: auto;
		opacity:0;
		transform:translateY(2px);
		transition:0.5s;
	}
	.grid span.flag{
		top:10px;
		right:10px;
	}
	.grid-item-inner:hover .text, .grid-item-inner.active_audio .text{
		transform:translateY(0px);
		opacity:1;
	}
	.grid-item-inner.text-grid-item-inner:hover .text, .grid-item-inner.text-grid-item-inner.active_audio .text{
		transform:translateY(20px);
		opacity:1;
	}
	.grid-item-inner:hover:after, .grid-item-inner.active_audio:after{
		transform:translateY(0px);
		opacity:1;
	}
	.grid-item-inner:hover .text span.read_more_button, .grid-item-inner.active_audio .text span.read_more_button{
		transform:translateY(0px);
		opacity:1;
	}
	.text-grid-item .text-grid-item-inner{
		background-color:#fff;
		border-radius:10px;
		width:calc(100% - 40px);
		padding:20px 18px;
		display:table;
	}
	.text-grid-item .text-grid-item-inner h4{
		font-size:20px;
		color:#0d2b3f;
		padding-bottom: 10px;
	}
	.text-grid-item .text-grid-item-inner .description_text{
		font-size: 13px;
		color: #666;
		line-height: 22px;
	}
	.text-grid-item .text-grid-item-inner .text_icons{
		text-align:Center;
	}
	.text-grid-item .text-grid-item-inner .text_icons .count_div{
		font-size:32px;
	}
	.text-grid-item .text-grid-item-inner .text_icons .count_div div{
		font-size:12px;
		text-transform: capitalize;
	}
	.text-grid-item .text-grid-item-inner .social_share{
		display: table;
		align-items: center;
		flex-direction: unset;
		margin: 0 auto;
		width: auto;
		float: none;
	}
	.text-grid-item .text-grid-item-inner .social_share a{
		margin-right:0;
		margin-top: 20px;
	}
	.text-grid-item .text-grid-item-inner .social_share a:last-child i{
		margin-right:0;
	}
	.social_share a i.fa-whatsapp{
		background-color:#4cca5c;
	}
	.social_share a i.fa-telegram{
		background-color:#08c;
	}
	.detail_content_icon, .detail_content_social{
		width:50%;
		margin:10px 0 0 0;
	}
	.detail_content_icon a, .detail_content_social a{
		width:20%;
		float:left;
		display:table;
		margin-right:6px;
	}
	.detail_content_social, .addthis_detail_content_social{
		height: 58px;
	    display: flex;
	    align-items: center;
	    flex-direction: row-reverse;
	}
	.detail_content_social a{
		max-width:45px;
	}
	.detail_content_icon a:last-child, .detail_content_social a:last-child {
		margin-right:0;
	}
	.detail_content_icon a img{
		max-width:24px;
		display:table;
		margin:0 auto;
	}
	.detail_content_icon a span{
		display:table;
		margin-top:10px;
		font-size:12px;
		text-align: center;
    	width: 100%;
	}
	.detail_content_social a i{
		font-size: 18px;
		width: 32px;
		height: 32px;
		line-height: 32px;
		color: #fff;
		text-align: center;
		border-radius:3px;
	}
	.detail_content_social a i.fa-twitter{
		background-color:#1a9fda;
	}
	.detail_content_social a i.fa-facebook{
		background-color:#324a92;
	}
	.detail_content_social a i.fa-linkedin{
		background-color:#006aa8;
	}
	.detail_content_social a i.fa-envelope{
		background-color:#d91516;
	}
	.detail_content_social a i.fa-link{
		background-color:#d2ccc0;
	}
	.detail_main_remain_inner h4, .detail_main_remain_inner h5{
		color:#333;
	}
	.detail_image{
		height:360px;
		width:100%;
		display:block;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		background-color:#efefef;
		border-radius:15px;
		position:relative;
	}
	.detail_main{
		display: table;
		width:calc(100% - 560px);
	}
	
	.detail_main .detail_content, .detail_main .detail_content_remain{
		width:calc(50% - 8px);
		border-radius:15px;
		-webkit-box-shadow: 13px 3px 79px -25px rgba(0,0,0,0.45);
		-moz-box-shadow: 13px 3px 79px -25px rgba(0,0,0,0.45);
		box-shadow: 13px 3px 79px -25px rgba(0,0,0,0.45);
		position:relative;
	}
	.detail_main .detail_content{
		float:left;
	}
	.detail_main .detail_content_remain{
		float:right;
		padding:10px 0;
	}
	.detail_main .detail_content_remain .detail_message_div{
		height:calc(100vh - 180px);
		display: block;
    	overflow-y: auto;
    	width: calc(100% - 6px);
	}
	.detail_main .detail_content_remain .detail_message_div .detail_message_div_inner{
		padding: 10px 5px 10px 10px;
    	width: calc(100% - 15px);
	}
	.detail_content_remain{
		width:460px;
	}
	.detail_content_inner{
		padding:10px 0;
		display:table;
	}
	.notice_name_and_date{
		width:calc(100% - 50px);
		float:left;	
	}	
	.notice_author_picture{
		width: 40px;
		height: 40px;
		border-radius: 40px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		float: left;
		margin-right: 10px;
		position: relative;
		margin-top: 3px;
	}
	.comments_overlay{
		position:absolute;
		left:0; 
		top:0; 
		width:100%; 
		background:rgba(0,0,0,0.7); 
		border-radius: 10px;
	}
	.social_overlay{
		position:absolute;
		left:0; 
		width:100%; 
		background:rgba(0,0,0,0.7); 
		height:70px;
		border-radius: 0px 0px 10px 10px;
	}
	.comments_overlay span{
		text-align:center; 
		width:100%;
		left:0; 
		position: absolute;
		font-size: 25px;
		font-weight: bold;color:#FFF
	}
	.social_overlay span{
		text-align:center; 
		width:100%;
		left:0; 
		margin-top:17px;
		position: absolute;
		font-size: 25px;
		font-weight: bold;
		color:#FFF
	}
	.detail_content_inner .detail_content_inner_{
		height:calc(100vh - 629px);
		display: block;
    	overflow-y: auto;
    	max-width: calc(100% - 35px);
    	padding: 10px 15px 10px 15px;
    	min-height:260px;
	}
	.detail_content_inner .detail_content_inner_text{
		height:calc(100vh - 270px);
	}
	.detail_content_inner h2{
		font-size:18px;
	}
	.detail_content_inner span{
		font-size:16px;
	}
	.detail_content_inner span.date_notice{
		font-size:12px;
		color:#929292;
		margin-bottom:10px;
		display:table;
	}
	.detail_content_inner .desc_of_notice{
		font-size:13.5px;
		font-weight:normal;
		text-align:justify;
	}
	.detail_content_inner .desc_of_notice li{
    	margin-left: 15px;
	}
	.detail_content_inner .read_more{
		margin:0;
		margin-top:20px;
		font-size:14px;
	}
	.detail_content_inner a{
		font-size:14px;
		word-wrap: anywhere;
		color:#529b50;
		margin:0;
	}
	.msg_profile_pic{
		height:36px;
		width:36px;
		float:left;
		margin-right:10px;
		background-image:url('https://gnb-user-uploads.s3.amazonaws.com/cnb/website/gnab/9079675ea1ef0ff14a3eff0a62c44834.png');
		background-position:center;
		background-size:cover;
		display:block;
		background-color:#6e5c59;
		border-radius:50%;
	}
	.detail_message_type input,.detail_message_type textarea{
		padding:6px 10px;
		border-radius:4px;
    	width: 100%;
    	height: 39px;
		border:1px solid #f2f2f2;
		max-width:calc(100% - 86px);
		font-size:14px;
		float:right;
		font-weight:normal;
		resize: none;
    	overflow-y: hidden;
    	float:left;
	}
	i.commend_send{
		position: absolute;
		margin-top: 0;
		color: #515151;
		font-size: 22px;
		right: -2px;
		padding: 8px 12px;
		cursor:pointer;
	}
	.detail_message_type, .detail_message_list{
		margin-bottom:20px;
	}
	.outer_list.detail_message_list{
		margin-bottom: 0;
	}
	.outer_list .detail_message_list{
		margin-bottom: 0;
	}
	.detail_message_list .detail_message_read{
		background-color:#f7f7f7;
		padding:6px 10px;
		border-radius:4px;
		float:right;
	}
	.detail_message_type, .detail_message_list.outer_list .detail_message_read{
		background-color:transparent;
	}
	.detail_message_type, .detail_message_list.outer_list .msg_profile_pic{
		background-image:unset;
		background-color:transparent;
		position:relative;
	}
	.detail_message_list.outer_list .detail_message_read .detail_message_read{
		background-color:#f7f7f7;
		margin-bottom:5px;
	}
	.comment_reply .detail_message_type{
		 width: 95%;
	}
	.comment_reply i.commend_send{
    	right: 25px;
	}
	.detail_message_list.outer_list .detail_message_read .msg_profile_pic{
		background-image:url('https://gnb-user-uploads.s3.amazonaws.com/cnb/website/gnab/9079675ea1ef0ff14a3eff0a62c44834.png');
		background-color:#5b6a7a;
	}
	.detail_message_list .detail_message_read{
		max-width:calc(100% - 66px);
		float:left;
		width:100%;
		display:table;
	}
	.detail_message_list .detail_message_read h5{
		font-weight:600;
	}
	.detail_message_list .detail_message_read p{
		font-size:12px;
		font-weight:normal;
	}
	
	.detail_main_remain{
		max-width:560px;
		width:100%;
	}
	.detail_main_remain_inner{
		width:100%;
		height:calc(100vh - 160px);
		display: block;
    	overflow-y: auto;
	}
	.detail_main_remain_inner{
		padding:0 10px;
	}
	.detail_main_remain_inner h4{
		font-weight:600;
		margin-bottom:20px;
	}
	.detail_main_remain_inner .grid-item{
		width:calc(50% - 10px);
	}
	
	.detail_content_icon_social{
		padding:0 20px;
		display:table;
		width:calc(100% - 40px);
	}
	.detail_content_icon, .detail_content_social{
		width:50%;
		margin:10px 0 0 0;
	}
	.detail_content_icon a, .detail_content_social a{
		width:20%;
		float:left;
		display:table;
		margin-right:6px;
		max-width:40px;
	}
	.detail_content_social{
		height: 58px;
	    display: flex;
	    align-items: center;
	    flex-direction: row-reverse;
	}
	.detail_content_social a{
		max-width:45px;
	}
	.detail_content_icon a:last-child {
		margin-right:0;
	}
	.detail_content_social a:first-child{
		margin-right:0;
	}
	.detail_content_icon a img{
		max-width:24px;
		display:table;
	}
	.detail_content_icon a span{
		display:table;
		margin-top:10px;
		font-size:12px;
	}
	.detail_content_social a i{
		font-size: 18px;
		width: 32px;
		height: 32px;
		line-height: 32px;
		color: #fff;
		text-align: center;
		border-radius:3px;
	}
	.detail_content_social a i.fa-twitter{
		background-color:#1a9fda;
	}
	.detail_content_social a i.fa-facebook{
		background-color:#324a92;
	}
	.detail_content_social a i.fa-linkedin{
		background-color:#006aa8;
	}
	.detail_content_social a i.fa-envelope{
		background-color:#d91516;
	}
	.detail_content_social a i.fa-link{
		background-color:#d2ccc0;
	}
	.scrollbar_style_1::-webkit-scrollbar-track
	{
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		border-radius: 10px;
		background-color: #F5F5F5;
	}
	.scrollbar_style_1::-webkit-scrollbar
	{
		width: 12px;
		background-color: #F5F5F5;
	}
	.scrollbar_style_1::-webkit-scrollbar-thumb
	{
		border-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		background-color: #555;
	}
	.list_page .grid-item {
		width: calc(20% - 8px);
		margin: 0;
		margin-right: 7px;
	    margin-bottom: 6px;
	}
	.list_page .grid-item:nth-child(5n){
		margin-right:0px;
	}
	.pop_up_header h3{
		text-align: center;
    	font-size: 20px;
    	font-weight:500;
	}
	.detail_popup_inner_{
		margin-top:50px;
		display:table;
		width:100%;
	}
	.overlay a.closebtn{
		top:-42px;
	}
	@media (max-width: 1920px){
		.list_page .grid-item {
		    width: calc(20% - 6px);
		    margin-right:6px;
		    margin-bottom: 6px;
		}
	}
	@media (max-width: 1600px){
		.list_page .grid-item {
		    width: calc(20% - 10px);
		    margin-bottom: 10px;
		}
		.detail_main_remain{
			max-width:280px;
		}
		.detail_main{
			width:calc(100% - 280px);
		}
		.comments_overlay span{
			font-size:18px;
		}
	}
	@media (max-width: 1440px){
		.list_page .grid-item {
		    width: calc(25% - 10px);
		    margin-right: 10px;
		}
		.list_page .grid-item:nth-child(4n){
			margin-right:0px;
		}
		.detail_main_remain{
			max-width:280px;
		}
		.select_box select{
			border:	0px;
		}
		.detail_main{
			width:calc(100% - 280px);	
		}
		.detail_content_icon a, .detail_content_social a{
			margin-right:0px;
		}
		.detail_content_social a{
			max-width:42px;
		}
		.detail_image{
			height:260px;
		}
		#wrapper_video_iniator, #positioning_div {
    		border-radius: 16px !important;
		}
		.detail_content_inner .detail_content_inner_{
			height: calc(100vh - 596px);
		}
		.links a{
			margin: 0 5px;
			font-size:12.5px;
			padding:4px 8px;
		}
		.gnb_inner_page_containter .col_50:first-child{
			width:calc(100% - 470px);
		}
		.gnb_inner_page_containter .col_50:nth-child(2){
			width:470px;
		}
	}
	@media (max-width: 1366px){
		.topnav{
			margin-left:10px;
		}
		.topnav .search-container button{
			margin-right:0 !important;
		}
	}
	@media (max-width: 1300px){
		.topnav{
			margin-left:0 !important;
		}
		.topnav input[type=text]{
			padding:7px 6px !important;
		}
		.topnav .search-container button{
			padding:9px 10px;
		}
	}
	@media (max-width: 1280px){
		.filter .select_box:first-child{
			margin-right:0;
		}
		.notice_filters .post{
			margin-right:10px;
		}
		.notice_filters .filter{
			margin-right:10px;
		}
		.list_page .grid-item {
		    width: calc(33.3333% - 10px);
		    margin-right: 10px;
		}
		.list_page .grid-item:nth-child(3n){
			margin-right:0px;
		}
		.detail_content_inner h4{
			font-size: 14px;
			font-weight: 600;
			margin:0px 5px;
			margin-bottom:8px;
			cursor:pointer;
			overflow:hidden;
		}
		.grid-item-inner:after{
			margin-bottom: 6px;
		}
		.detail_content_inner p, .detail_content_inner a{
			font-size:12px;
		}
		.notice_filters .col_50 .filter i{
			display:block !important;
			margin-right:5px;
		}
		.notice_filters .col_50 .filter span:nth-child(2){
			display:none;
		}
		.filter .select_box{
			width:auto;
		}
		
	}
	@media (max-width: 1200px){
		.detail_main_remain{
			display:none;
		}
		.detail_main{
			width:100%;
		}
	}
	@media (max-width: 1080px){
		.list_page .grid-item {
		    width: calc(33.3333% - 10px);
		    margin: 0px 10.24px;
	    	margin-bottom: 10.24px;
		}
		.list_page .grid-item:nth-child(1n){
			margin-left:0px;
		}
		.list_page .grid-item:nth-child(3n){
			margin-right:0px;
		}
		.gnb_inner_page_containter .col_50:first-child{
			width:calc(100% - 425px);
		}
		.gnb_inner_page_containter .col_50:nth-child(2){
			width:425px;
		}
		.links a{
			margin:0 2px;
		}
	}
	@media(max-width:991px){
		.notice_filters .gnb_inner_page_containter{
			display:none;
		}
		/******************* filter_mobile_btn Start *******************/
		#filter_mobile_btn{
			display:block;
		}
		#filter_mobile_btn a.filter_cen_btn{
			background-color: #0d2b3f;
			display: table;
			border-radius: 50%;
			width: 50px;
			height: 40px;
			margin: 0 auto;
			padding: 5px 0;
			position: fixed;
			z-index: 99999;
			bottom: 70px;
			left: 20px;
			outline: none;
			float:left;
			text-align:center;
			font-size: 20px;
		}
		#filter_mobile_btn a.filter_cen_btn i{
			line-height: 50px;
			color: #fff;
			padding: 10px 0;
			display: table;
			width: 100%;
		}
		#filter_mobile_btn .filter_ul{
			display:none;
		}
		/******************* filter_mobile_btn End *******************/
	}
	@media (max-width: 860px){
		.detail_content_social a i{
			width: 28px;
			height: 28px;
			line-height: 28px;
			font-size:14px;
		}
		.detail_content_inner h2{
			font-size:14px;
		}
		.detail_content_icon_social{
			width:calc(100% - 20px);	
			padding:0 10px;
		}
		.detail_content_icon a img{
			max-width:18px;
		}
	}
	@media (max-width: 768px){
		.notice_filters .col_50:nth-child(2){
			width:280px;
		}
		.notice_filters .col_50:nth-child(1){
			width:calc(100% - 280px);
		}
		.links a{
			margin:0;
			margin-right:10px;
			font-size:12px;
			font-weight:400;
		}
		.detail_main{
			flex-direction: column;	
		}
		.detail_main .detail_content, .detail_main .detail_content_remain{
			width:100%;
		}
		.detail_main .detail_content_remain{
			margin-top:35px;
		}
		.detail_content_icon_social{
			width:calc(100% - 40px);	
			padding:0 20px;
		}
		.detail_content_icon a img{
			max-width:24px;
		}
	}
	@media  (max-width: 679px){
		.list_page .grid-item 
		{
		    width: calc(50% - 10px);
		    margin-bottom: 6px;
		}
		.filter .select_box{
			display: table;
			float: left;
			max-width: 140px;
			padding: 8px 20px;
		}
	}
	@media(max-width: 520px){
		.list_page .grid-item {
		    width: 100%;
		    margin-bottom: 6px;
		}
		.detail_popup_inner {
			padding: 0px;
			width: 100%;
		}
		.detail_popup_inner_{
			margin-top:0px !important;
		}
		.detail_content_icon_social{
			width:calc(100% - 40px);
		}
		.detail_content_icon, .detail_content_social{
			width:100%;
			margin:10px 0;
		}
		.detail_content_inner .detail_content_inner_{
			margin-bottom:20px;
		}
		.detail_content_icon a, .detail_content_social a{
			max-width:20%;
			text-align:center;
		}
		.detail_content_icon a img{
			display:table;
			margin:0 auto;
		}
		.detail_content_icon a span{
			display:table;
			margin:0 auto;
		}
		.zoom_out {
		display:none;
			
		}
	}
	@media(max-width:320px){
		.detail_content_icon a img{
			max-width:20px;
		}
		.detail_content_social a i{
			font-size: 15px;
		    width: 26px;
		    height:26px
		}
	}