/* @import url('https://fonts.googleapis.com/css?family=Roboto'); */

/*body ÃʱâÈ­*/

body {margin: 0; padding: 0; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; overflow-x: hidden; }

h1 {margin: 0em 0em 2em 0em;}
ul, li {margin: 0; padding: 0; list-style: none;}

#main-menu > li {width: 162.857; font-family: NanumGothic, serif; float: left; position: relative;}
#main-menu > li > a {
  font-size: 0.85rem;
  font-weight: bold;
  color: rgba(255,255,255,0.85);
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
  display: block;
  padding: 20px 1px;
  border-right: 1px solid rgba(0,0,0,0.15);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#main-menu > li:nth-child(1) > a {border-left: 1px solid rgba(0,0,0,0.15);}
#main-menu > li >  a:hover {background-color: #000000; background-color: rgba( 0, 0, 0, 0.1 ); opacity: 0.9 ;}

#sub-menu {
  width: 190;
  position: absolute;
  background-color: #000000;
  background-color: rgba( 0, 0, 0, 0.7 );
  opacity: 0;
  visibility: hidden;
  transition: all 0.00s ease-in; }/*0.015 */

#sub-menu > li {padding: 10px 17px; border-bottom: 1px solid rgba(0,0,0,0.15);}
#sub-menu > li >  a {font-size: 0.85rem; color: rgba(255,255,255,0.6); text-decoration: none;}
#main-menu > li:hover #sub-menu {opacity: 1; visibility: visible;}
#sub-menu > li >  a:hover {text-decoration: underline;}
section {column-width: 15em; background: #dadadf; padding: 2em 12em;}




/* sub page >> Casting glossary Àû¿ë*/








/*
#subSub-menu > li {padding: 10px 17px; border-bottom: 1px solid rgba(0,0,0,0.15);}

#subSub-menu > li >  a {font-size: 0.85rem; color: rgba(255,255,255,0.6); text-decoration: none;}

#subMain-menu > li:hover #subSub-menu {opacity: 1; visibility: visible;}

#subSub-menu > li >  a:hover {text-decoration: underline;}
*/




#subMain-menu > nav { width: 200; display: flex; justify-content: center; position: relative; }

ul, li {margin: 0; padding: 0; list-style: none;}

#subMain-menu > li {width: 200; font-family: NanumGothic, serif; float: Left;  position: relative;}

#subMain-menu > li > a {font-size: 0.80rem; font-weight: bold; color: rgba(208,251,35,0.90);
  text-align: center; text-decoration: none; letter-spacing: 0.05em; display: block;
  padding: 1px 1px; border-bottom: 1px solid rgba(255,255,255,0.35);

}

#susMain-menu > li >  a:hover {background-color: #35392d; background-color: rgba( 0, 0, 0, 0.1 ); opacity: 0.9 ;}

#subMain-menu > li >  a:hover {text-decoration: underline;}




/*Top But_gogo
<style>
<!--* {margin:0;padding:0;font-size: 12px;}-->
<!--div {height:1500px;background: #000;}-->/*
a.goto-top{
    position:absolute;bottom:100px;right:100px;z-index:99;
    display: inline-block;width:30px;height:30px;
	
	border-radius: 15px;
    line-height:30px;text-align:center;text-decoration:none;
    background: #ccc;opacity: 0.7;color:#fff;
}
</style>*/