@charset "utf-8";
*{padding:0;margin:0;outline:none;border:none;border-spacing:0;box-sizing:border-box;font-family:굴림;font-size:14px;line-height:1.5;}

html,body{height:100%;background:#eee;}

body{overflow-y:scroll;}

article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}
mark,time{display:inline}

p b { box-shadow: inset 0 -8px 0 #d2ffdc; line-height:21px; }
img { border-bottom:1px solid #ccc; padding-bottom:20px; }

table { width:100%; margin:10px auto; text-align:center; }
table th { padding:5px; background:#eee; }
table td { padding:5px; border-bottom:1px solid #ddd; }

#article a {
  color: #00c;
  text-decoration: none;
  font-weight:bold;
}

#article a {
  background:
    linear-gradient(
      to right,
      rgba(100, 200, 200, 1),
      rgba(100, 200, 200, 1)
    ),
    linear-gradient(
      to right,
      rgba(255, 0, 0, 1),
      rgba(255, 0, 180, 1),
      rgba(0, 100, 200, 1)
  );
  background-size: 100% 3px, 0 3px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
}

#article a:hover {
background-size: 0 3px, 100% 3px;
}

#header{background:#2d7a7a}
#footer{background:#2d7a7a}

#header .box{max-width:728px;padding:20px 40px;margin:0 auto;background:rgba(0,0,0,0.15);color:#fff;}

#header h1 a{margin:0 -2px;font-size:26px;text-decoration:none;color:#fff;}

#main{max-width:728px;padding:35px 40px;margin:0 auto;background:#fff;}

#main h2{margin:25px -1px 5px;font-size:18px; border-left: 3px solid #6c8071; padding-left: 5px;}

#main h3{margin:25px -1px 5px;font-size:16px;}

#main p{margin:15px 0;text-align:justify;word-break:break-all;}

#main img{max-width:100%;height:auto;}

#footer .box{max-width:728px;padding:15px 40px;margin:0 auto;background:rgba(255,255,255,0.12);color:#fff;}

ul li { list-style-type: none; }
ul { display:table; background:#d7ebfa; margin:10px 0; padding:15px; }
ul h2 { margin-top:0 !important; border-left:0 !important; padding-left:0 !important; }
li { margin-top: 15px; }

nav.at-menu ul.menu-ul { display:block; max-width:728px;padding:10px 40px;margin:0 auto;background:rgba(0,0,0,0.35);color:#fff; }
nav.at-menu ul.menu-ul li.menu-li { display:inline-block; margin-right:20px; margin-top:0; }
nav.at-menu ul.menu-ul li.menu-li a { text-decoration:none; color:#fff; }	
nav.at-menu ul.menu-ul li.menu-li a:hover { color:orange;  }