.accordion {
  width: 100%;
  background: #fff;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #ddd;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 15px;
  color: #4D4D4D;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion .link a { color:#666; }

.accordion .menulist {
  background: #666;
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 15px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion .link_on {
  background: #002d56;
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #ddd;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion .link_on i { color:#fff; }

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .link { color: #002d56; }

.accordion li.open i { color: #002d56; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
.submenu {
  display: none;
  background: #efefef;
  font-size: 14px;
}

.submenu li { border-bottom: 1px solid #ddd; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #666;
  padding: 12px;
  padding-left: 15px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu a:hover {
  background: #999;
  color: #fff;
}

.submenu_on {
  background: #efefef;
  font-size: 14px;
  font-weight:700;
  font-family:Nanum Gothic,sans-serif; 
}

.submenu_on li { border-bottom: 1px solid #ddd; }

.submenu_on a {
  display: block;
  text-decoration: none;
  color: #666;
  padding: 12px;
  padding-left: 15px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu_on a:hover {
  background: #999;
  color: #FFF;
}


.submenu_02 li { background: #fff; height:30px; border-bottom: 0px solid #ddd; }

.submenu_02 li a {
  display: block;
  text-decoration: none;
  font-size:12px;
  color: #666;
  padding: 5px;
  padding-left: 15px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.submenu_02 li a:hover {
  background: #fff;
  color: #666;
}