/* 메인페이지 블로그 배너 */
.blog-banner-wrap{width:100%; margin:40px 0; padding:0px 10px;}
.blog-banner-wrap .blog-banner-con{float:left; width:49%; padding:25px; margin:0 2% 0 0; border-radius: 8px;}
.blog-banner-wrap .blog-banner-con:last-child{margin:0;}
.blog-banner-wrap .blog-banner-con .blog-banner-left{float:left; width:76%; margin:0;}
.blog-banner-wrap .blog-banner-con .blog-banner-left .blog-banner-left-top{margin: 0 0 15px 0;}
.blog-banner-wrap .blog-banner-con .blog-banner-left .blog-banner-left-top img{float: left; margin: 0 10px 0 0;}
.blog-banner-wrap .blog-banner-con .blog-banner-left .blog-banner-left-top .blog-banner-top-txt{color: #fff; font-size: 20px; font-weight:bold; display: inline-block;}
.blog-banner-wrap .blog-banner-con .blog-banner-left .blog-banner-left-top .blog-banner-top-txt span{color: #fff; font-size: 15px; font-weight:normal;}
.blog-banner-wrap .blog-banner-con .blog-banner-left .blog-banner-left-bottom{color: #fff; font-size: 18px; font-we ight:bold;}

.blog-banner-wrap .blog-banner-con .blog-banner-right{float:right; width:19%;}
.blog-banner-wrap .blog-banner-con .blog-banner-right img{width:100%; display: block; border-radius: 6px;}
.blog-bg-01{background-color:#A1CB3A;}
.blog-bg-02{background-color:#1FA7DF;}

/* 메인페이지 리스트 */
.m_list{margin:0 !important;}
.m_list li{margin:0 !important;}
.m_list_title{border-bottom: 1.5px solid #0abe16; margin: 0 15px; padding:15px 0 6px 5px !important;}
.m_list_list{border-bottom: 0.1px dashed #d8d8d8; padding: 4px 0; font-size:13px;}
.m_list_list:last-child{border-bottom: none;}
.m_list_icon{width: 22px; float: left; display: inline-block; margin: 3px 6px 0 0;}
.m_list_category{float: right; display: inline-block; font-size:11px;color:#787878;}
.m_list_bottom{background-color:#619dff !important;}
.m_list_bottom a{color:#fff  !important;}
.m_list_bottom_icon{width: 22px; display: inline-block; margin: -1px 0 0 0;}

/* 메인페이지 버튼 */

.btn_main{margin: 49px auto 0 auto; display: block; text-align: center; }
.btn_main a{ padding: 10px 28px; border-radius: 30px; border: 1px solid #e4e4e4; font-size: 14px; width:160px; color:#0353a5; letter-spacing: -.5px;}
.btn_main a:hover{ border: 1px solid #0353a5; color: #fff; background-color:  #0353a5; transition: 0.3s ease-in-out;}

/* 메인페이지 Footer */

#copyRights {width: 100%; background-color: rgba(0,58,116,1.0); padding: 30px 0 15px 0; font-family: 'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,sans-serif !important;}
#copyRights .footer-adress {width: 100%; height: auto; margin: auto; background-color: rgba(0,58,116,1.0); display: inline-block; text-align: center; position: relative; border: none;}
#copyRights .footer-adress h2 { display: inline-block; opacity: 0.8; margin: 0px auto 10px auto; }
#copyRights .footer-adress h2 img{vertical-align: super; height:52px;}
#copyRights .footer-adress address {text-align: left; display: inline-block; margin: 0 3%;}
#copyRights .footer-adress address p {font-size: 12px; line-height: 19px; margin: 0; color: #fff; opacity: 0.8; letter-spacing: 0.5px;}
#copyRights .footer-adress address p:last-child{padding-top:10px;}
#copyRights .footer-adress address a{color:#f1f1f1}
#copyRights .footer-adress address a:hover{text-decoration:underline}


/* mobile */
@media only screen and (max-width: 768px) {

	.blog-banner-wrap{width:100%; margin:40px 0; padding:0px 0px;}
	.blog-banner-wrap .blog-banner-con{float:left;width:95%; padding:15px; margin:0 0 0 0;}
	.blog-banner-wrap .blog-banner-con:last-child{margin:0;}
	.blog-banner-wrap .blog-banner-con .blog-banner-left{float:left; width:65%; margin:0 0 0 0;}
	.blog-banner-wrap .blog-banner-con .blog-banner-left .blog-banner-left-top{margin:0px 0 8px 0;}
	.blog-banner-wrap .blog-banner-con .blog-banner-left .blog-banner-left-top img{display:none;}
	.blog-banner-wrap .blog-banner-con .blog-banner-left .blog-banner-left-top .blog-banner-top-txt{color: #fff; font-size: 22px; font-weight:bold; display: inline-block;}
	.blog-banner-wrap .blog-banner-con .blog-banner-left .blog-banner-left-top .blog-banner-top-txt span{color: #fff; font-size: 15px; font-weight:normal;}
	.blog-banner-wrap .blog-banner-con .blog-banner-left .blog-banner-left-bottom{color: #fff; font-size: 14px;line-height:1.4;}

	.blog-banner-wrap .blog-banner-con .blog-banner-right{float:right; width:29%;}
	.blog-banner-wrap .blog-banner-con .blog-banner-right img{width:100%; display: block;}
	.blog-bg-01{background-color:#A1CB3A;margin:0px 10px 0px 10px !important;}
	.blog-bg-02{display:none;margin:0px 10px 0px 10px;}
}