* { padding:0; margin:0; box-sizing:border-box; position: relative; }
html , body { width:100%; }

#title { padding:10px; background: #fff; border-bottom: 1px solid #eee; font-size: 16px; text-align: center; }
#title button { padding:10px; border-radius: 5px; border:none; color:#fff; width:200px; margin-left:25px; margin-right:25px; font-size: 16px;
background: linear-gradient(#0030ee,#5577ff); }
#title button:hover { cursor: default; }

#gnb { padding:10px; background: #fff; border-bottom: 1px solid #eee; font-size: 16px; text-align: center;
  position: fixed; z-index:20; width:100%; top:10px; }                          /* 상단 메뉴 고정 */
#gnb a { padding:10px; border-radius: 5px; border:none; color:#fff; min-width:110px; margin-left:50px; margin-right:50px; font-size: 16px;
background: linear-gradient(#c691f7,#7c13c6); text-decoration: none; display: inline-block; }
#gnb a:hover { cursor: pointer; }

#content { text-align: center; margin-top:80px;}                                /* 상단 메뉴 고정 : margin-top:80px */

@font-face {
  font-family: basicfont;
  src: 
     url("./common/font/IropkeBatangM.eot?#iefix") format('embedded-opentype'), /* IE6~8 (eot 인식) - ?#iefix */
     url("./common/font/IropkeBatangM.woff") format('woff')
     ;
  font-weight: bold;
}