#fixMenu{
	
	width:100%;
	position:fixed;
	z-index:99;
}

.scroll{
	position: fixed;
	top:0px;
	left:0;
	z-index:99999;
	width:100%;
	
}

#header{
	width:1180px;
	margin:0 auto;
	padding:30px 0px;
}



#main #header .inner .subLogo{
	display:none;
}



#main #header .inner .selectArea .lang{
	color:#fff;
}


#main #header .inner .selectArea .subArrow{
	display:none;
}



#main #header .inner .menu li a{
	color:#fff;
}


#main #header .inner .subMenu{
	display:none;
}



#header .inner{
	width:100%;
	display:inline-block;
}

#header .inner .logo{
	width:100px;
	display:inline-block;
	margin-top:7px;
}


#header .inner .logo img{
	width:100%;
}

#header .inner .mainLogo{
	display:none;
}



#header .inner .menu{
	display:inline-block;
	position:absolute;
	left:53%;
	transform:translate(-40%, -50%);
	top:50%;
}

#header .inner .menu li{
	display:inline-block;
	margin:0px 20px;
	font-size:16px;
	font-family:'roboto','noto sans kr'
}


#header .inner .menu li:hover{
	font-weight:bold;
}


#header .inner .selectArea{
	display:inline-block;
	float:right;
	padding:10px 10px;
	border:1px solid #ba86ff;
	cursor:pointer;
	width:140px;
	position:relative;
}

#header .inner .selectArea .lang{
	font-size:14px;
	display:inline-block;
	opacity:0.5
}

#header .inner .selectArea .arrow{
	width:15px;
	display:inline-block;
	margin-left:10px;
	float:right;
	opacity:0.5
}

#header .inner .selectArea .arrow img{
	width:100%;
}



#header .inner .moMenu{
	display:none;
}


























#header .moMenuCont{
	width:100%;
	position:fixed;
	background:#944efc;
	height:100%;
	z-index:9999;
	padding:30px 10%;
	top:0;
	left:0;
	display:none;
}

#header .moMenuCont .closeLine{
	width:100%;
	text-align:right;
	margin:0 auto;
}

#header .moMenuCont .closeLine .close{
	width:20px;
	display:inline-block;
}


#header .moMenuCont .closeLine .close img{
	width:100%;
}



#header .moMenuCont .menuArea{
	width:100%;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}


#header .moMenuCont .menuArea li{
	font-size:24px;
	color:#fff;
	font-family:'titillium web';
	margin:40px 0px;
}

#header .moMenuCont .menuArea li a{
	color:#fff;
}

#header .moMenuCont .selectLang{
	position:absolute;
	display:inline-block;
	border:1px solid #c89eff;
	padding:10px 15px;
	bottom:30px;
	width:140px;
}

#header .moMenuCont .selectLang .lang{
	display:inline-block;
	color:#c89eff;
	font-family:'roboto';
	vertical-align:middle;
}



#header .moMenuCont .selectLang .arrow{
	display:inline-block;
	width:14px;
	vertical-align:middle;
	margin-left:10px;
	float:right;
	opacity:0.5;
}


#sub #fixMenu{
	position:relative;
}
#sub #header{
	position:relative;
}


#sub #header .inner .subLogo{
	display:inline-block;
}



#sub #header .inner .selectArea .lang{
	color:#222;
}


#sub #header .inner .selectArea .subArrow{
	display:inline-block;
}

#sub #header .inner .selectArea .mainArrow{
	display:none;
}



#sub #header .inner .menu li a{
	color:#222;
}


#sub #header .inner .subMenu{
	display:inline-block;
}




#sub #header .inner .selectArea{
	border:1px solid #e5e5e5;
}





#sub #header .inner .menu{
	display:inline-block;
	position:absolute;
	left:53%;
	transform:translate(-35.5%, -50%);
	top:50%;
}





#sub #footer{
	margin-top:40px;
}



#footer{
	width:100%;
	background:#333333;
	margin-top:-20px;
	position:relative;
	z-index:99;
}

#footer .top{
	width:100%;
	padding:80px 0px 80px 0px;
}

#footer .top .inner{
	width:1180px;
	margin:0 auto;
}

#footer .top .inner .container{
	width:100%;
	display:inline-block;
}

#footer .top .inner .container .infoArea{
	display:inline-block;
}


#footer .top .inner .container .infoArea .footLogo{
	width:96px;
	display:inline-block;
	vertical-align:top;
	margin-top:10px;
}

#footer .top .inner .container .familySite{
	display:Inline-block;
	float:right;
	border:1px solid #444;
	font-size:14px;
	box-sizing:border-box;
	padding:12px;
	color:#777;
	position:relative;
	cursor:pointer;
}


#footer .top .inner .container .familySite a{
	color:#777;
}


#footer .top .inner .container .familySite span{
	display:Inline-block;
	margin-left:30px;
}


#footer .top .inner .container .familySite .siteList{
	position:absolute;
	width:calc(100% + 2px);
	margin-top:12px;
	border:1px solid #444;
	left:-1px;
	padding:12px;
	display:none;
}

#footer .top .inner .container .familySite .siteList li{
	width:100%;
	font-family:'roboto','noto sans kr';
	padding:10px 0px;
}




#footer .top .inner .infomation{
	font-size:14px;
	color:#777;
	display:inline-block;
	margin-top:30px;
	vertical-align:top;
	font-family:'roboto','noto sans kr';
	line-height:20px;
}







#footer .copyArea{
	font-family:'roboto','noto sans kr';
	color:#777;
	margin-top:20px;
}