* { 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: 20px; text-align: center; }
#title button { padding:10px; border-radius: 5px; border:none; color:#fff; width:200px; margin-right:5px; font-size: 20px;
background: linear-gradient(#808080,#636363); }
#title button:hover { cursor: default; }

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

#submenu { display: inline-block; width:180px; margin-left:20px; margin-right:20px; }
#submenu p { background: linear-gradient(#509e9e,#3c7575); border-radius: 5px; border:none; color:#fff;  padding:10px; z-index: 10; }
#submenu:hover > item { display:block }
#submenu item{ position: absolute; left:0px; top:39.5px; display: none;}
#submenu a { background: linear-gradient(#4b4ea3,#35337d); border-bottom: 1px solid #ebebeb; border-radius: 5px; color:#fff; width:100%; margin: 0; }
#submenu a:hover { background: #4f4fff; }

#image_buttons { position: absolute; width:100%; z-index: 100; text-align: center; color:#fff; margin-top: 150px;}
#image_buttons:hover { cursor: default; }
#image_buttons h2 { font-size: 100px; }
#image_buttons h3 { font-size: 70px; }
#image_buttons h5 { font-size: 30px; }
#image_slide {display : block ; margin : auto;}              /* 가운데 정렬 */
#image_slide { width:70%; height:600px; z-index: 10; }
#image_slide img { width:100%; height:100%; position: absolute; top:0; left:0; }

#magazine { text-align: center; }
.magazinebox2 {  display: inline-block; margin:10px; margin-bottom: 70px;  margin-top:5px; border:25px solid #000;  border-image: url("./frame.png") 200 / 25px; }
.magazinebox2 img { width:100%; height:100%; margin-bottom:25px; }
.box { width:47.6%; height:450px; }

#content { text-align: center; margin-top:75px;}  /* 상단 메뉴 고정 : margin-top:60px */
.imagebox1 {  display: inline-block; margin:10px; margin-bottom: 70px;  margin-top:5px; border:30px solid #000;  border-image: url("./frame.png") 200 / 30px; }
.imagebox2 {  display: inline-block; margin:10px; margin-bottom: 70px;  margin-top:5px; border:25px solid #000;  border-image: url("./frame.png") 200 / 25px; }
.imagebox3 {  display: inline-block; margin:10px; margin-bottom: 70px;  margin-top:5px; border:20px solid #000;  border-image: url("./frame.png") 200 / 20px; }
.imagebox4 {  display: inline-block; margin:10px; margin-bottom: 70px;  margin-top:5px; border:15px solid #000;  border-image: url("./frame.png") 200 / 15px; }
.imagebox6 {  display: inline-block; margin:10px; margin-bottom: 70px;  margin-top:5px; border:10px solid #000;  border-image: url("./frame.png") 200 / 10px; }

.imagebox1 img { width:100%; height:100%; margin-bottom:30px; }
.imagebox2 img { width:100%; height:100%; margin-bottom:25px; }
.imagebox3 img { width:100%; height:100%; margin-bottom:20px; }
.imagebox4 img { width:100%; height:100%; margin-bottom:15px; }
.imagebox6 img { width:100%; height:100%; margin-bottom:10px; }

.box1 { width:65%; height:580px; }
.box2 { width:45.5%; height:455px; }
.box3 { width:29.8%; height:298px; }
.box4 { width:22%; height:220px; }
.box6 { width:14.1%; height:141px; }
.date { font-size:14px; color:#999;}

#footer { width:100%; margin-top: 10px; padding:10px; background: #eee; text-align: center;}