@charset "UTF-8";
/* temp */
/* temp */
*, *:before, *:after {
  box-sizing: border-box; }

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, select, textarea, table, caption, col, colgroup, thead, tfoot, tbody, th, td, button {
  margin: 0;
  padding: 0; }

body, th, td, input, select, textarea, button {
  color: #555;
  /* font-family: 'Nanum Gothic', dotum, sans-serif; 20181010 메인디자인 변경*/
  /* font-size: 12px; 
  line-height: 18px;*/ }

html, body, * html #body {
  height: 100%; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

form, fieldset, img, abbr, acronym {
  margin: 0;
  padding: 0;
  border: 0 none; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0 none;
  width: 100%; }

address, caption, em {
  font-style: normal; }

img {
  vertical-align: middle;
  border: 0; }

a {
  color: #555;
  text-decoration: none; }
a:visited {
  /* color: #555; */ }
a:hover, a:active {
  color: #555;
  text-decoration: none; }

button:hover {
  color: #555;
  text-decoration: none; }

fieldset {
  width: 100%; }

input, textarea {
  vertical-align: middle; }

input[type="text"], input[type="password"], input[type="number"] {
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  outline: none;
  padding: 0 7px;
  width: 100%;
  height: 26px;
  line-height: 24px;
  border: 1px solid #ddd;  }
input[type="checkbox"], input[type="radio"], input.check, input.radio {
  margin: 0 5px 0 0;
  padding: 0;
  width: 13px;
  height: 13px;
  line-height: normal;
  border: 0; }

textarea {
  outline: none;
  width: 100%;
  padding: 5px 7px;
  border: 1px solid #ddd; }

button {
  overflow: visible;
  border: none;
  background-color: transparent;
  cursor: pointer;
  outline: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-appearance: button;
  /* *overflow: visible;  */
}

input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  /* *overflow: visible; */
  }

::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, input:-moz-placeholder {
  color: #acacac !important; }

/* IE 10, 11의 네이티브 디자인 숨기기 */
select::-ms-expand, input[type="checkbox"]::-ms-expand {
  display: none; }

/* 포커스 설정 */
/*
*:focus {
	outline: 2px solid #73afec;
	box-shadow: 0 0 3px #73afec;

}
*/
div:focus, ul:focus, span:focus {
  border-bottom: 0; }

a:focus, label:focus {
  outline: 0;
  box-shadow: none;
  border-bottom: 1px dotted #a6a6a6; }

input[type="button"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus, input[type="submit"]:focus, button:focus, select:focus, .btn:focus, .button:focus {
  border: 0;
  outline: 1px dotted #a6a6a6; }

/* 로그인 - 이용약관동의 */
.formBox_check .form:focus + :after {
  content: "";
  position: absolute;
  top: 4px;
  right: -1px;
  width: 32px;
  height: 32px;
  outline: 1px dotted #a6a6a6; }

.loginForm_termList li .loginForm_termBox:focus {
  outline: 1px dotted #a6a6a6; }

.follow ul li a:focus {
  border: 0;
  outline: 1px dotted #a6a6a6; }

.main_module_tit:focus {
  border-bottom: 1px dotted #a6a6a6;
  outline: 0;
  box-shadow: none; }

/* 그룹커뮤니티 */
#leftbar .profile .mng a:focus, #sidebarNavigationMenu a:focus {
  outline: 1px dotted #a6a6a6; }

/* temp */
.show {
  display: block !important; }

.hidden, hr, legend {
  display: none !important; }

.auto {
  width: auto !important; }

.is10 {
  width: 10% !important; }

.is20 {
  width: 20% !important; }

.is30 {
  width: 30% !important; }

.is40 {
  width: 40% !important; }

.is50 {
  width: 50% !important; }

.is60 {
  width: 60% !important; }

.is70 {
  width: 70% !important; }

.is80 {
  width: 80% !important; }

.is90 {
  width: 90% !important; }

.is100 {
  width: 100% !important; }

.timeis {
  width: 75px !important; }

/* 정렬 */
.fl {
  float: left !important; }

.fr {
  float: right !important; }

.fn {
  float: none !important; }

.pa {
  position: absolute !important; }

.pr {
  position: relative !important; }

.tl {
  text-align: left !important; }

.tr {
  text-align: right !important; }

.tc {
  text-align: center !important; }

.vt {
  vertical-align: top !important; }

.vm {
  vertical-align: middle !important; }

.bold {
  font-weight: bold !important; }

.bg_no {
  background: none !important; }

.eng {
  font-family: verdana, tahoma, sans-serif; }

/* 클리어 */
.cb {
  clear: both;
  overflow: hidden; }

.clear_both:before, .clear_both:after {
  content: "";
  display: table; }
.clear_both:after {
  clear: both; }

.clearfix:after {
  display: block;
  clear: both;
  content: ''; }

* html .clearfix {
  height: 1%;
  /* zoom: 1;  */
}
/* *:first-child + html .clearfix {
  zoom: 1; } */

.clear {
  /* zoom: 1; */
  clear: both;
  height: 1%;
  font-size: 0;
  line-height: 0; }

/* 마진 */
.mr0 {
  margin-right: 0px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.ml0 {
  margin-left: 0px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

/* 폰트 */
.fs10 {
  font-size: 10px !important; }

.fs11 {
  font-size: 11px !important; }

.fs12 {
  font-size: 12px !important; }

.fs14 {
  font-size: 14px !important; }

.fs18 {
  font-size: 18px !important; }

.ellipsis {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -moz-binding: url("ellipsis.xml#ellipsis");
  white-space: nowrap;
  width: 90%; }

.ellipsis2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-wrap: break-word; }

.fix {
  table-layout: fixed; }

.fancybox-inner {
  overflow: visible !important; }

caption, .accessibility {
  position: absolute;
  opacity: 0 !important;
  font-size: 0 !important;
  height: 0 !important;
  clip: rect(0, 0, 0, 0) !important; }

label .accessibility {
  display: block !important; }

#skip {
  line-height: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 0;
  display: block;
  z-index: 200;
  padding: 0;
  min-height: 0; }
#skip a {
  position: absolute;
  background: #ebebeb;
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 0;
  color: #666;
  left: 0;
  top: -200px;
  text-align: center;
  z-index: 200;
  border: none;
  font-weight: bold;
  line-height: 1.5em;
  border-bottom: 1px solid #fff;
  text-decoration: none; }
#skip a:active, #skip a:focus {
  top: 0; }

#skipNavi, #header .hide, .blind {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  font-size: 0;
  line-height: 0; }

/* temp */
body {
  background: #f5f5f5; }
body.popup {
  background: #fff;
  padding: 0 30px 30px;
  min-width: 820px; }

#wrap {
  position: relative;
  padding-top: 120px;
  width: 100%;
  background: #fff; }

#container {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 1000px;
  min-height: 860px;
  padding: 0 0 40px 210px;
  /* *zoom: 1; */
  z-index: 10; }
#container:after {
  display: block;
  clear: both;
  content: ''; }

#content {
  position: relative;
  margin-right: 220px;
  /* float: left;
  margin-left: 20px;
  min-height: 100%;
  outline: none; */
  /* .inner {
  	padding: 10px 20px;
  }
  .title {
  	padding: 10px 20px 0;
  }
  > .title {
  	margin-top: 0;
  }
  .user_list {
  	.userList, .groupList {
  		margin-left: 20px;
  		margin-right: 20px;
  	}
  } */ }

#content_t {
  position: relative;
  outline: none; }
#content_t.center {
  padding: 0;
  outline: none; }
#content_t.center .inner {
  padding: 10px 20px; }
#content_t.center .title {
  padding: 10px 20px 0; }
#content_t.center .user_list .userList, #content_t.center .user_list .groupList {
  margin-left: 20px;
  margin-right: 20px; }

#content_f {
  position: relative;
  float: left;
  padding: 0px 20px;
  width: 100%;
  height: 100%;
  min-height: 670px;
  border: 1px solid #e4e2dc;
  border-right: 0;
  border-bottom: 0;
  background: #FFF; }

.validationError {color:red;}