@keyframes gnb_open{
    0%{opacity: 0;}
    100%{opacity: 1;} }

.gnb_li h2 .sel_gnb{color: #93C01F; font-weight: bold;}
.sel_sub{font-weight: bold;}
.sel_sub a{color: #93C01F}

.main article{max-width: 960px; margin: auto}

.sub_bg{background: center no-repeat; display: block; width: 100%; background-size: cover;}

@media (min-width: 960px) {
	.sub_bg{height: 150px;}

	.logo_s_a{display: block; width: 300px;}
	.logo_s{display: block; width: 100%;}

	.home{display: none;}
	.title{display: none;}
		
	.menu_open{display: none;}
	.menu_open_click{display: none;}

	.sub_menu{display: block; width: 960px; margin: auto; height: 40px; padding: 10px 0}	
	.sub_menu_open{display: none;}
	.sub_m_a{display: block; width: 191px; float: left; text-align: center; font-size: 16px; height: 40px; line-height: 40px; color: #333; border-right: 1px solid #ddd}
	.sub_menu li:last-child .sub_m_a{border: none;}
	.sub_m_a:hover{color: #93C01F}
	.sel_sub_s a{color: #93C01F; font-weight: bold;}
}

@media (max-width: 959px) {
	.sub_bg{height: 80px;}

	.logo_s_a{display: none;}
	.logo_s{display: none;}

	.home{display: block; position: absolute; width: 16px; height: 16px; background: url(../../img/common/home.png) no-repeat center; background-size: contain; top:24px; left: 20px; text-indent: -9999px;}
	.title{display: block; width: 100%; text-align: center; font-size: 16px; line-height: 15px}
	
	.menu_open{display: block; width: 28px; height: 28px; text-indent: -9999px; background: url(../../img/common/open.svg) no-repeat center; background-size: 14px; position: absolute; top: 15px; right: 20px; border: 1px solid #fff; border-radius: 28px;}
	.menu_open_click{background-image: url(../../img/common/open_click.svg)}

	.sub_menu{display: none;}

	.sub_menu_open{display: block; background-color: #F0F6FA; border-bottom: 3px solid #93C01F; position: absolute; width: 100%; z-index: 3; animation: gnb_open 0.3s}
	
	.sub_menu_open .sub_m_a{display: block; width: 100%; text-align: center; font-size: 16px; height: 58px; line-height: 58px; }
	.sub_menu li{width: 90%; border-bottom: 1px solid #ddd;margin: auto}
	.sub_menu li:last-child{border-bottom: none}
	.sel_sub_s a{color: #93C01F}

}