/* list_menu
-------------------------------------------------- */

/* Remove usual bullet styles from list */
.list_menu {
  color:#ffffff;
  margin-bottom: 10px;
  list-style: none;
  background-color: #333333;
}

/* Pad each list item and add dividers */
.list_menu li {
  position: relative;
  padding: 10px 10px 10px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */
  border-bottom:1px solid #666666;
}

/* Give top border to first list items 
.list_menu li:first-child {
  position: relative;
  padding: 7px 30px 7px 10px; 
  border-top: 1px solid rgba(062, 069, 085, 1);
  border-bottom: 1px solid rgba(036, 042, 055, 1);
}
*/
/* If a list of links, make sure the child <a> takes up full list item tap area (want to avoid selecting child buttons though) */
.list_menu li > a:not([class*="button"]) {
  position: relative;
  display: block;
  padding: inherit;
  margin: -10px -10px -10px -10px;
  color: inherit;
}

/* Inset list_menu
-------------------------------------------------- */

.list_menu.inset {
  width: auto;
  margin-right: 10px;
  margin-left: 10px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 0px;
  box-sizing: border-box;
}

/* Remove border from first/last standard list items to avoid double border at top/bottom of lists 
.list_menu.inset li:first-child {
  width: auto;
  margin-right: 10px;
  margin-left: 10px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 6px;
  box-sizing: border-box;
}

 */
.list_menu.inset li:last-child {
  border-bottom-width: 0;
}


/* list_menu dividers
-------------------------------------------------- */

.list_menu .list_menu-divider {
  position: relative;
  top: 0px;
  padding: 10px 10px 10px 10px; 
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #fff;
  /* text-shadow: 0 1px 0 rgba(255, 255, 255, .5); */
  background-color: #3E4558;
  /* background-image: -webkit-linear-gradient(top, #f8f8f8 0, #eee 100%); */
  /* background-image: linear-gradient(to bottom, #f8f8f8 0, #eee 100%); */
  border-top: 1px solid rgba(036, 042, 055, .1);
  border-bottom: 1px solid rgba(036, 042, 055, .1);
  box-shadow: inset 0 1px 1px rgba(036, 042, 055, .4);
}

/* Rounding first divider on inset lists and remove border on the top
.list_menu.inset .list_menu-divider:first-child {
  top: 0;
  border-top-width: 0;
  border-radius: 6px 6px 0 0;
}
 */

/* Rounding last divider on inset lists */
.list_menu.inset .list_menu-divider:last-child {
  border-radius: 0;
}

/* Right-aligned subcontent in lists (chevrons, buttons, counts and toggles)
-------------------------------------------------- */
.list_menu .chevron,
.list_menu [class*="button"],
.list_menu [class*="count"],
.list_menu .toggle {
  position: absolute;
  top: 50%;
  right: 10px;
}

 /* Position chevrons/counts vertically centered on the right in list items */
.list_menu .chevron,
.list_menu [class*="count"] {
  margin-top: -10px; /* Half height of chevron */
}

/* Push count over if there's a sibling chevron */
.list_menu .chevron + [class*="count"] {
  right: 30px;
}

/* Position buttons vertically centered on the right in list items */
.list_menu [class*="button"] {
  left: auto;
  margin-top: -14px; /* Half height of button */
}

.list_menu .toggle {
  margin-top: -15px; /* Half height of toggle */
}/* Forms
-------------------------------------------------- */

/* List
-------------------------------------------------- */

/* Remove usual bullet styles from list */
.list {
  margin-bottom: 10px;
  list-style: none;
  background-color: #fff;
}

/* Pad each list item and add dividers */
.list li {
  position: relative;
  padding: 15px 0px 15px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

/* Give top border to first list items */
.list li:first-child {
  border-top: 1px solid rgba(0, 0, 0, .1);
}

/* If a list of links, make sure the child <a> takes up full list item tap area (want to avoid selecting child buttons though) */
.list li > a:not([class*="button"]) {
  position: relative;
  display: block;
  padding: inherit;
  margin: -20px 0px -20px -10px;
  color: inherit;
}


/* List_co
-------------------------------------------------- */

/* Remove usual bullet styles from list */
.list_co {
  margin-bottom: 10px;
  list-style: none;
  background-color: #fff;
}

/* Pad each list item and add dividers */
.list_co li {
  position: relative;
  padding: 5px 10px 5px 10px; /* Given extra right padding to accomodate counts, chevrons or buttons */
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

/* Give top border to first list items */
.list_co li:first-child {
  border-top: 1px solid rgba(0, 0, 0, .1);
}

/* If a list of links, make sure the child <a> takes up full list item tap area (want to avoid selecting child buttons though) */
.list_co li > a:not([class*="button"]) {
  position: relative;
  display: block;
  padding: inherit;
  margin: -5px -10px -5px -10px;
  color: inherit;
}

/* Inset list
-------------------------------------------------- */

.list.inset {
  width: auto;
  margin-right: 0px;
  margin-left: 0px;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 0px;
  box-sizing: border-box;
}

/* Remove border from first/last standard list items to avoid double border at top/bottom of lists */
.list.inset li:first-child {
  border-top-width: 0;
}
.list.inset li:last-child {
  border-bottom-width: 0;
}


/* List dividers
-------------------------------------------------- */

.list .list-divider {
  position: relative;
  top: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #fff;
  /* text-shadow: 0 1px 0 rgba(255, 255, 255, .5); */
  background-color: #000;
  /* background-image: -webkit-linear-gradient(top, #f8f8f8 0, #eee 100%); */
  /* background-image: linear-gradient(to bottom, #f8f8f8 0, #eee 100%); */
  border-top: 1px solid rgba(0, 0, 0, .1);
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4);
}

/* Rounding first divider on inset lists and remove border on the top */
.list.inset .list-divider:first-child {
  top: 0;
  border-top-width: 0;
  border-radius: 0px;
}

/* Rounding last divider on inset lists */
.list.inset .list-divider:last-child {
  border-radius: 0px 0px 0px 0px;
}

/* List Gallery
-------------------------------------------------- */

.list .gallery-divider {
  position: relative;
  top: 0px;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
  font-weight: bold;
  line-height: 18px;
  color: #fff;
  /* text-shadow: 0 1px 0 rgba(255, 255, 255, .5); */
  background-color: #282828;
  /* background-image: -webkit-linear-gradient(top, #f8f8f8 0, #eee 100%); */
  /* background-image: linear-gradient(to bottom, #f8f8f8 0, #eee 100%); */
  border-top: 1px solid rgba(0, 0, 0, .1);
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .4);
}

/* Rounding first divider on inset lists and remove border on the top */
.list.inset .gallery-divider:first-child {
  top: 0;
  border-top-width: 0;
  border-radius: 6px 6px 6px 6px;
}

/* Rounding last divider on inset lists */
.list.inset .gallery-divider:last-child {
  border-radius: 6px 6px 6px 6px;
}

/* Right-aligned subcontent in lists (chevrons, buttons, counts and toggles)
-------------------------------------------------- */
.list .chevron,
.list [class*="button"],
.list [class*="count"],
.list .toggle {
  position: absolute;
  top: 50%;
  right: 10px;
}

 /* Position chevrons/counts vertically centered on the right in list items */
.list .chevron,
.list [class*="count"] {
  margin-top: -10px; /* Half height of chevron */
}

/* Push count over if there's a sibling chevron */
.list .chevron + [class*="count"] {
  right: 30px;
}

/* Position buttons vertically centered on the right in list items */
.list [class*="button"] {
  left: auto;
  margin-top: -14px; /* Half height of button */
}

.list .toggle {
  margin-top: -15px; /* Half height of toggle */
}

.btn_form_black {width:100px; height:35px; background:#777777; font-size:13px; color:#ffffff; text-align:center; font-weight: 800;  border:1px solid #777777;  cursor:hand;} /* 수정완료 */
.btn_form_white {width:100px; height:35px; background:#ffffff; font-size:13px; color:#777777; text-align:center; font-weight: 800;  border:1px solid #777777;  cursor:hand;} /* 수정완료 */