#header-logo{
  width: 100%; 
  height:150px; 
  font-size: 11px; 
  line-height: 150px; 
  color:#fff; 
  background:#ffffff; 
  text-align: center;
}

/* »ó´Ü°íÁ¤ */


#top_fixed.fixed{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index:999;
  background: #ffffff;
}

#top_fixed ul{
  font-size:0;
  background: #ffffff;
  z-index:999;
}

#top_fixed li{
  z-index:999;
}




#container{

font-family:Caudex, 'Apple SD Gothic Neo, Malgun Gothic, Nanum Gothic, Meiryo, sans-serif, serif, Arial', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', 'Noto Sans', sans-serif;
  width:100%;
  min-height:300px;
  font-size:14px;
  background: #ffffff;
  text-align: center;
  font-weight:normal;
}



#container_sub{

font-family:Caudex, 'Apple SD Gothic Neo, Malgun Gothic, Nanum Gothic, Meiryo, sans-serif, serif, Arial', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', 'Noto Sans', sans-serif;
  width:100%;
  max-width:1200px;
  min-height:300px;
  font-size:14px;
  background: #ffffff;
  text-align: center;
  font-weight:normal;
 margin:0 auto;
}



#copyright{
  color: #555555;
  font-family: 'Caudex', 'Apple SD Gothic Neo, Malgun Gothic, Nanum Gothic, Meiryo, sans-serif, serif, Arial', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', 'Noto Sans';
  font-size:11px;
  background: #ffffff;
  text-align: center;
  font-weight:normal;
  padding-top:30px;
  padding-bottom:30px;
  width:100%;
  line-height:25px;
  transition-duration:0.5s;
}

#copyright a{
  color: #555555;
  font-family: 'Caudex', 'Apple SD Gothic Neo, Malgun Gothic, Nanum Gothic, Meiryo, sans-serif, serif, Arial', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', 'Noto Sans';
  font-size:11px;
}

#copyright a:hover{
  color: #000000;
  font-family: 'Caudex', 'Apple SD Gothic Neo, Malgun Gothic, Nanum Gothic, Meiryo, sans-serif, serif, Arial', 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', 'Noto Sans';
  font-size:11px;
}

/* Basic Styling Rules for the navigation menu, including resetting */

/* Link color and fonts */

.main-navigation  {
    color: #888888;
    display: block;
    font-family: 'Alegreya', NanumMyeongjo, serif;
	font-size: 17px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	letter-spacing: 1px; 
	line-height: 19.2px;
    padding: 10px 25px 0px 25px;
    text-decoration: none;
	transition-duration:0.5s;
}



.main-navigation a {
    color: #888888;
    display: block;
    font-family: 'Alegreya', NanumMyeongjo, serif;
	font-size: 17px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	letter-spacing: 1px; 
	line-height: 19.2px;
    padding: 10px 25px 0px 25px;
    text-decoration: none;
	transition-duration:0.5s;
}


.main-navigation a:hover {
    color: #000000;
    display: block;
    font-family: 'Alegreya', NanumMyeongjo, serif;
	font-size: 17px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	letter-spacing: 1px; 
	line-height: 19.2px;
    padding: 10px 25px 0px 25px;
    text-decoration: none;
}



/* Reset the ul styles */
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Styling of each menu item, allows the absolute positioning of the li's ul children.  */
.main-navigation li {
    background: ;
    float: left;
    position: relative; 
}

/* The dropdown menu most important features, making it invisible at default. */
ul.dropdown-menu {
    background: #fff;
    color: #000;
    display: none;      
    font-size: 13px;
    left: 0;
    position: absolute; 
	border-radius:5px;
	box-shadow: 0px 0px 10px #ddd;
    width: 160px;
}

/** 
 * The Styling of dropdown menu-items 
 */
ul.dropdown-menu li a{
    color: #000;
    display: block;
    float: none;
    width: 120px;
}

ul.dropdown-menu li a:hover{
    color: #fff;
    background: #555;
    display: block;
    float: none;
    width: 120px;
}



/**
 * Targets all ul that are a direct child of any ul li:hover in the .main-navigation container,
 * Also the animation properties!
 * The animation is called opacity, takes 700ms,
 * easing is ease-in-out, no delay, it will run one time in normal direction
 */
.main-navigation ul li:hover > ul.dropdown-menu {
   display: block; /* Dropdown will be visible after hover. */
   opacity: 1; /* This keeps the opacity at 1 after the animation has run (e.g. could be considered as the final or default stage of the element) */
   animation: opacity 600ms ease-in-out normal;
   -moz-animation: opacity 600ms ease-in-out normal;
   -ms-animation: opacity 600ms ease-in-out normal;
   -o-animation: opacity 600ms ease-in-out normal;
   -webkit-animation: opacity 600ms ease-in-out normal;    
}

/**
 * Defines how the animation will look like
 */
@keyframes opacity { 
    from { opacity:0; } 
    to { opacity: 1; } 
}
@-moz-keyframes opacity { 
    from { opacity: 0; } 
    to { opacity: 1; } 
}
@-ms-keyframes opacity { 
    from {opacity:0; } 
    to { opacity: 1; } 
}
@-o-keyframes opacity { 
    from {opacity:0; } 
    to { opacity: 1; } 
}
@-webkit-keyframes opacity { 
    from { opacity:0; } 
    to { opacity: 1; } 
}