@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 1140px) {
}

/* ========================================================
 * common
a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
}
 */

.SlideMenuView {
	position:fixed;
	top: 0px;
	left: 220px;
	height: auto;
	background-color: rgba(0,158,132,0.5);
	z-index:999;
	overflow:hidden;
    transition-property:opacity,width,height,left;
    transition-duration:0.5s;
    transition-timing-function:ease-out;
}

.SlideMenuView.hidden {
	width: 0px;
}

.SlideMenuView.visibility {
	width: 221px;
}

.SlideMenuSub {
	position: relative;
	top: 0px;
	left: 0px;
	width:0;
	overflow-x:hidden;
	background-color: rgba(0,158,132,1.9);
    border-top: 1px solid #FFFFFF;
    transition-property:opacity,width,height,left;
    transition-duration:0.5s;
    transition-timing-function:ease-out;
}
.SlideMenuSub li {
    border-bottom: 1px solid #FFFFFF;
	white-space: nowrap;
	overflow:hidden;
    transition-property:opacity,width,height,left;
    transition-duration:0.5s;
    transition-timing-function:ease-out;
}

.SlideMenuSub li {
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
}

.SlideMenuSub li a{
	height: 50px;
	line-height: 50px;
	color: #FFFFFF;
	font-weight: bold;
}



.SlideMenuSub.hidden {
	width: 0px;
}

.SlideMenuSub.hidden li {
	width: 0px;
	overflow:hidden;
}

.SlideMenuSub.visibility {
	width: 219px;
}

.SlideMenuSub.visibility li {
	width: 219px;
}

.SlideMenuViewClose {
	position: absolute;
	top: 0px;
	right: 0px;
	width:50px;
	height:50px;
	background-color: rgba(0,158,132,0.8);
	display:table-cell;
	text-align:center;
	vertical-align:center;
    transition-property:opacity,width,height,left;
    transition-duration:0.5s;
    transition-timing-function:ease-out;
}


.SideBar{width: 220px; height: 100%; background: #FFFFFF; float: left; position: fixed; top: 0; left: 0:}
.SideBar{top:0px;}
@media screen and (max-width: 899px) {.SideBar{display:none;}}

.SideBar ul li{border-bottom:1px solid #DDDDDD;}
.SideBar ul li{width:220px; background:url(../img/side/nav.png) no-repeat 0px;}
.SideBar ul li.sub{background:url(../img/side/nav_sub.png) no-repeat 0px;}

.SideBar ul li:hover{background:url(../img/side/nav_on.png) no-repeat 0px;}
.SideBar ul li.sub:hover{background:url(../img/side/nav_sub_on.png) no-repeat 0px;}
.SideBar ul li a{display:block; text-align:center;}


.SideBar ul {
	height:500px;
}

.SideBar ul li:hover{
	height: 50px;
}

.SideBar ul li{
	height: 50px;
}

.SideBar ul li a {
	height:50px;
}

.SideBar ul li.logo{background:url(../img/header/logo.png) no-repeat center; width:220px; height:120px;}
.SideBar ul li.logo a{height: 120px;}
.SideBar ul li.logo:hover{width:220px; height:120px;}

.SideBar ul li.lang{border-bottom:none;margin-top: 10px; box-sizing: border-box;}
.SideBar ul li.lang{height:25px;}
.SideBar ul li.lang a{height:25px;}

.SideBar ul li.btn{background: none; border-bottom:none; width:220px; height:50px; margin-top: 10px; box-sizing: border-box;}
.SideBar ul li.btn a{width:220px; height:50px;}

.SideBar ul li.list{background: none; border-bottom:none; width:220px; height:20px; margin-top: 10px; box-sizing: border-box;}
.SideBar ul li.list a{width:220px; height:20px;}

.SideBar ul li.recruit{background: none; border-bottom:none; width:220px; height:50px; margin-top: 10px; box-sizing: border-box;}
.SideBar ul li.recruit a{width:220px; height:50px;}


.SlideMenuItem {
	height:100%;
	min-height:30px;
	background-size:contain;
	background-repeat:norepeat;
}

.SlideMenuSubScrollIcon {
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	text-align:center;
}


.SideNav01{background: url(../img/side/nav01.png) no-repeat 0px;}
.SideNav02{background: url(../img/side/nav02.png) no-repeat 0px;}
.SideNav03{background: url(../img/side/nav03.png) no-repeat 0px;}
.SideNav04{background: url(../img/side/nav04.png) no-repeat 0px;}
.SideNav05{background: url(../img/side/nav05.png) no-repeat 0px;}
.SideNav06{background: url(../img/side/nav06.png) no-repeat 0px;}
.SideNav07{background: url(../img/side/nav07.png) no-repeat 0px;}

.SideNavBtn01{background: url(../img/side/nav_btn01.png) no-repeat 0px;}
.SideNavBtn02{background: url(../img/side/nav_btn02.png) no-repeat 0px;}

.SideNavRecruit{background: url(../img/side/nav_recruit.png) no-repeat 0px;}


.SideNavList01{background: url(../img/side/nav_list01.png) no-repeat 0px;}
.SideNavList02{background: url(../img/side/nav_list02.png) no-repeat 0px;}
.SideNavList03{background: url(../img/side/nav_list03.png) no-repeat 0px;}