@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {font-family: 'Nanum Gothic';}

.fork {
  border:0;
  position:absolute;
  top:0;
  right:0;
}

.col {
  width: 320px;
  float: left;
  margin-right:32px;
  margin-bottom: 16px;
}




#aside_t {background:#FFF; color:#1f628c; font-size:2em; text-align:center; font-weight:bold; line-height:30px; margin:30px 10px 10px 0}


#css3-animated-example h3 {background: #f1f1f1; border-bottom:1px solid #f1f1f1;  width:212px;font-weight: bold; border-left:8px solid #ddd; padding:0; text-decoration: none !important;
  /*background:#ddd
  background-color: rgb(228,10,85);
  background-image: linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
  background-image: -o-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
  background-image: -moz-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
  background-image: -webkit-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);
  background-image: -ms-linear-gradient(bottom, rgb(228,10,85) 14%, rgb(255,36,111) 57%);*/
}
#css3-animated-example h3 a.link{ padding:0; margin:0; border:0}
#css3-animated-example h3 a {
  display: block;
  height:30px;
  line-height:25px;
  margin: 0;
  color: #444;
  text-decoration: none;
  padding-top:2px;
  padding-left:5px;
  font-weight: normal;
   min-height:13px;
   font-size:15px;
   font-weight:bold
}
#css3-animated-example h3 a:hover {

  display: block;
  height:30px;
  line-height:25px;
  margin: 0;
  color: #0d2c56;
  text-decoration: none;
  font-weight: normal;
  padding-top:2px;
  padding-left:5px;
  min-height:13px;
  font-size:15px;
  font-weight:bold
  
}
#css3-animated-example h3:hover {background: #fff;  width:212px;font-weight: bold; border:1px solid #3d6294; border-left:8px solid #0d2c56; padding:0; text-decoration: none !important; }
#css3-animated-example h3.open  { background: #fff; color:#0d2c56;border:1px solid #3d6294;border-left:8px solid #0d2c56; }
#css3-animated-example h3.open a { background-position: 13px -25px;  }
#css3-animated-example h3 + div { padding: 10px; }



#css3-animated-example h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #fff;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition:all 0.3s ease;
	transition: all 0.3s ease;
}
#css3-animated-example .content { padding: 2px; min-height:10px;}
#css3-animated-example .content ul { padding: 0; word-spacing:-2px;}
#css3-animated-example .content ul li{font-size:15px; color:#666;background:#FFF; text-align:left; line-height:15px; }
#css3-animated-example .content ul li a.slm { background: #FFF; display:block; width:195px; height:20px;color:#222; padding:5px 0 0 5px; text-decoration:none; color:#ccc;font-size:13px; }
#css3-animated-example .content ul li a.slm:hover {color:#222;background:#FFF; font-weight: bold; width:195px; height:20px ;font-size:13px;}
#css3-animated-example .content ul li a.slmON{background: #FFF; display:block; width:195px; height:20px;color:#222; padding:5px 0 0 5px; text-decoration:none;font-weight: bold;;font-size:13px; }
#css3-animated-example .content ul li a.slmON:hover{background: #FFF; display:block; width:190px; height:20px;color:#222; padding:5px 0 0 5px; text-decoration:none;font-weight: bold; ;font-size:13px;}


#css3-animated-example h3.open + div {
  height: auto;
  background: #fff;
}