#menu h1 {text-align: center;}
#menu ul { background:#eeffee;}
#menu li {font-size:18px; text-align: center; display : inline-block; list-style:none; margin:10px; padding:10px; border:0px; }

#nav {position: relative; z-index:1;}
#nav iframe {position:absolute; left:0; top: 0; width:100%; height: 200px;}

#group {position: relative; left: 0; top: 250px; width:100%; height:auto; }
#group ul li{display : inline-block; list-style:none;  text-align:center; border:2px solid #ddffdd;}

#footer {position: relative; left: 0; top: 350px;}
//------±βΊ»
body { margin:0px; padding:0px; border-collapse:collapse; }
iframe {width:100%; height:auto; border:0px; margin-top:0px; margin-left:0px; margin-bottom:0px; margin-left:0px; opacity :1;  overflow:hidden; }
a:link {text-decoration:none; color:#;}
a:visited {text-decoration:none; color:#;}
a:active {text-decoration:none; color:#;}
a:hover {text-decoration:none; color:#;}
ul { text-align:center; }
li {display : inline-block; list-style: none; padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; margin-left:0px; margin-right:0px; border:0px;}
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
@media ( max-width: 480px ) {
        #rndm {
          width: auto;
        }
        #top {
          width: auto;
        }
        #group {
          width: auto;
        }
        #bottom {
          width: auto;
        }
      }