/* ¸ð¹ÙÀÏ ¸Þ´º */
@media screen and (max-width:940px){
	.menu_logo{position:fixed;width:100%;height:70px;z-index:9000;padding:7px;top:0;background:rgba(255,255,255,0.9);text-align:center;overflow:hidden}
	.menu_logo img{max-height:56px;max-width:130px}
	.nav_wrap{height:70px;}
	.nav_site{position:fixed;width:230px;right:-230px;height:100%;z-index:10000;padding:0;transition:.2s;top:0;bottom:0;background:#444}
	.menu_scroll{height:100%;position:relative;}
	body.menu_open{width:100%;height:100%;overflow:hidden;display:block;}
	.nav_site.menu_open{transition:.2s;transform:translateX(-230px)}
	.toggle_site{position:absolute;width:70px;height:70px;top:0px;right:230px;padding:25px 10px;cursor:pointer;background:#70a207;}
	.toggle_site .bar{position:relative;display:block;width:30px;height:3px;margin:5px auto;background-color:#fff;border-radius:2px;-webkit-transition:.2s;transition:.2s;}
	.toggle_site .bar:nth-of-type(1){margin-top:0px;}
	.toggle_site .bar:nth-of-type(3){margin-bottom:0px;}
	.cross .bar:nth-of-type(1){-webkit-transform: translateY(8px) rotate(-45deg);-ms-transform: translateY(8px) rotate(-45deg);transform: translateY(8px) rotate(-45deg);}
	.cross .bar:nth-of-type(2){opacity:0;}
	.cross .bar:nth-of-type(3){-webkit-transform:translateY(-8px) rotate(45deg);-ms-transform:translateY(-8px) rotate(45deg);transform:translateY(-8px) rotate(45deg);}
	.side_menu_wrap > .menu > li > a{display:block;padding:20px 15px 17px 30px;font-size:16px;font-weight:700;color:#fff;line-height:1;border-bottom:1px solid #333;}
	.side_menu_wrap > .menu > li > a > i{display:block;float:right;font-size:25px;margin-top:-4px;transition:.2s;}
	.side_menu_wrap > .menu > li:hover > a{background:#ed6c00;}
	.side_menu_wrap > .menu > li.selected > a{background:#8fc31f;}
	.side_menu_wrap > .menu > li:hover > a > i, .side_menu_wrap > .menu > li.selected > a > i{transform:rotate(90deg);transition:.2s;}
	.side_menu_wrap > .menu > li > ul{background:#333;box-sizing:border-box;max-height:0;overflow:hidden;transition: max-height,.5s;}
	.side_menu_wrap > .menu > li > ul.st_open{max-height:400px;transition:max-height,1s;}
	.side_menu_wrap > .menu > li > ul > li{border-bottom:1px solid #222}
	.side_menu_wrap > .menu > li > ul > li > a{color:#ccc;display:block;padding:12px 15px 10px 30px;font-size:15px;}
	.side_menu_wrap > .menu > li > ul > li > a > span{display:block;float:right;font-size:20px;margin-top:-4px;color:#888}
	.side_menu_wrap > .menu > li > ul > li.selected > a{color:#8fc31f;}
}
/* background ¹ÝÀÀÇü */
.back_opacity.menu_open{background:#fff;width:100%;height:100%;z-index:9999;position:absolute;opacity:.8;}
@media screen and (min-width:940px){
	.back_opacity.menu_open{display:none}
}

/* PC¿ë ¸Þ´º */
@media screen and (min-width:940px){
	.toggle_site{display:none}
	.nav_wrap{height:110px;border-bottom:1px solid #eee;background:#fff;}
	.nav_wrap > .nav_box{overflow:visible;text-align:center}
	.nav_wrap > .nav_box > div{display:inline-block;vertical-align:top;}
	.nav_wrap > .nav_box > .menu_logo{height:80px;overflow:hidden;margin:15px 0 0 0px}
	.nav_wrap > .nav_box > .menu_logo img{height:80px;max-height:100%;}
	.nav_wrap > .nav_box > .nav_site{margin-top:37px}
	.nav_wrap > .nav_box > div span, .nav_wrap > .nav_box > div i{display:none;}
	.menu > li{display:inline-block;vertical-align:top;position:relative;margin-left:-4px;height:72px}
	.menu > li > a{display:block;padding:5px 0;width:148px;font-size:18px;font-weight:700;color:#555;text-align:center;}
	.menu > li.selected > a{color:#8fc31f;}
	.menu > li > ul{display:none;width:100%;border-top:3px solid #8fc31f;background:#fff;margin-top:32px;padding:13px 0;position:absolute;z-index:9999;}
	.menu > li:hover > ul{display:block;}
	.menu > li > ul > li a{display:block;font-size:13px;padding:4px 15px;text-align:left}
	.menu > li > ul > li.selected > a{color:#8fc31f;}
}
@media screen and (min-width:1024px){
	.nav_wrap > .nav_box > .menu_logo{height:80px;overflow:hidden;margin:15px 40px 0 0px}
}


/* footer layout */
footer{background:#fff;padding:35px 0px;border-top:1px solid #ddd}
.footer_box{padding:0 15px;color:#888;font-size:13px;text-align:center}
.footer_box .footer_logo{display:inline-block;vertical-align:middle;margin-bottom:20px}
.footer_box .footer_logo img{max-height:60px;}
.footer_box .footer_information{display:inline-block;vertical-align:middle;text-align:left}
.footer_box .footer_information span{display:inline-block;margin-right:10px}



@media screen and (min-width:940px){
	.footer_box{padding:0}
	.footer_box .footer_logo{margin-bottom:0}
	.footer_box .footer_logo img{max-height:80px;margin-right:30px;}
}