/*문자열설정*/
@charset "utf-8";
.nbi {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  background: url("/img/sub/nbi.png") no-repeat;
  width: 14px;
  height: 14px;
}
.nbi-new {
  background-position: 0 0px;
} /* NEW(새글) 이미지 */
.nbi-lock {
  background-position: 0 -16px;
} /* 자물쇠 이미지 */
.nbi-clip {
  background-position: 0 -32px;
} /* 클립(파일첨부) 이미지 */
.nbi-wastebasket {
  background-position: 0 -48px;
} /* 클립(파일첨부) 이미지 */

.newb_wrap {
  position: relative;
  width: 1000px;
  margin: 0 auto 0 auto;
} /* 게시판 넓이값 조절 */
.newb_search_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.newb_delete {
  float: left;
}
.newb_delete > a {
  display: inline-block;
  padding: 10px;
  background-color: #ee313a;
  font-size: 16px;
  text-decoration: none;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
}
.newb_search {
  float: right;
}
.newb_search_select {
  width: 80px;
  height: 44px;
  padding-left: 10px;
  box-sizing: border-box;
  border: 1px solid #e1e2e6;
  border-radius: 3px;
  color: #929398;
  font-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.newb_search_select::-ms-expand {
  display: none;
}
.newb_search_input {
  width: 295px;
  height: 44px;
  padding-left: 20px;
  box-sizing: border-box;
  border: 1px solid #e1e2e6;
  border-radius: 3px;
  color: #a2a6b3;
  font-size: 15px;
}
.newb_search_btn {
  width: 70px;
  height: 44px;
  color: #fff;
  font-size: 15px;
  background-color: #646464;
  text-align: center;
  cursor: pointer;
  border: 0;
  border-radius: 3px;
  margin-left: 10px;
}

/*카테고리*/
.newb_tab_wrap {
  margin-top: 30px;
}
.newb_tab_wrap > .newb_tab:after {
  content: "";
  display: block;
  clear: both;
}
.newb_tab_wrap > .newb_tab > li {
  float: left;
  color: #333;
  margin-right: 10px;
  margin-bottom: 10px;
}
.newb_tab_wrap > .newb_tab > li > a {
  display: block;
  padding: 8px 12px;
  font-size: 14px;
  text-align: center;
  color: #333;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  border-radius: 7px;
}
.newb_tab_wrap > .newb_tab > li:hover > a {
  background-color: #333;
  border: 1px solid #333;
  color: #fff;
}
.newb_tab_wrap > .newb_tab > li.co > a {
  background-color: #333;
  border: 1px solid #333;
  color: #fff;
}

.newb_list_wrap {
  border-top: 2px solid #949494;
  width: 100%;
  margin-top: 12px;
}
.newb_table {
  width: 100%;
}
.newb_table > thead > tr > th {
  background-color: #f6f6f6;
  color: #555;
  font-size: 15px;
  text-align: center;
  height: 50px;
}
.newb_table > tbody > tr:hover > td {
  background-color: #f9fafc;
}
.newb_table > tbody > tr > td {
  background-color: #fff;
  color: #242424;
  font-size: 13px;
  text-align: center;
  height: 50px;
  box-sizing: border-box;
  border-bottom: 1px solid #cfcfcf;
}
.newb_table > tbody > tr > td.newb_subject {
  text-align: left;
  padding-left: 15px;
}
.newb_table > tbody > tr > td.newb_subject > a {
  color: #242424;
  text-decoration: none;
  display: inline-block;
  width: 500px;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.newb_page_wrap {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  overflow: hidden;
}
.newb_page_wrap > a {
  display: inline-block;
  margin: 0 1px;
  text-decoration: none !important;
  width: 34px;
  height: 34px;
  line-height: 32px;
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
  border-radius: 7px;
  font-size: 15px;
  color: #aaa;
}
.newb_page_wrap > a:hover {
  background-color: #646464;
  border: 1px solid #646464;
  color: #fff;
}
.newb_page_wrap > a.pg-on {
  background-color: #646464;
  border: 1px solid #646464;
  color: #fff;
}

.newb_btn_wrap {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  overflow: hidden;
  text-align: right;
}
.newb_btn_wrap > a {
  vertical-align: middle;
  display: inline-block;
  text-decoration: none;
  padding: 9px 18px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  background-color: #747474;
  box-sizing: border-box;
  border-radius: 5px;
  border: 0;
}
.newb_btn_wrap > a:hover {
  background-color: #646464;
}
.newb_btn_wrap > input[type="submit"] {
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  padding: 9px 18px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  background-color: #747474;
  box-sizing: border-box;
  border-radius: 5px;
  border: 0;
}
.newb_btn_wrap > input[type="submit"]:hover {
  background-color: #646464;
}
.newb_del_chk {
  width: 18px;
  height: 18px;
}
.newb_state1 {
  display: inline-block;
  width: 60px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: #888;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
}
.newb_state2 {
  display: inline-block;
  width: 60px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: #f7a08b;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
}

/* 글쓰기 */
.newb_post_care_wrap {
  margin-bottom: 20px;
}
.newb_post_care_wrap > h2 {
  font-size: 18px;
}
.newb_post_box {
  background-color: #f6f6f6;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 10px;
}
.newb_post_table {
  width: 100%;
  background-color: #fff;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 5px;
}
.newb_post_table tr > th {
  font-size: 16px;
  text-align: right;
  padding: 10px 0;
  padding-right: 10px;
}
.newb_post_table tr > td {
  font-size: 16px;
  padding: 10px 0;
}
.newb_sel_type {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-size: 16px;
  padding: 10px 0 10px 10px;
  box-sizing: border-box;
}
.newb_sel_type::-ms-expand {
  display: none;
}
.sel_type1 {
  width: 100%;
}
.sel_type2 {
  width: 50%;
  padding: 5px 0 5px 10px;
}
.sel_type3 {
  width: 16%;
  padding: 0 0 0 10px;
  height: 34px;
}
.newb_post_write_wrap {
  background-color: #f6f6f6;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
}
.newb_post_write_table {
  width: 100%;
  background-color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 5px;
}
.newb_post_write_table tr > th {
  font-size: 16px;
  text-align: left;
  padding: 10px 0;
  padding-right: 10px;
  vertical-align: middle;
}
.newb_post_write_table tr > th > span {
  position: relative;
  display: inline-block;
}
.newb_post_write_table tr > th > span > strong {
  position: absolute;
  color: #f73737;
  top: 4px;
  left: 10px;
}
.newb_post_write_table tr > td {
  padding: 10px 0;
}
.input_explain {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  text-align: left;
}
.newb-text {
  height: 30px;
  border: 1px solid #d0d0d0;
  font-size: 16px;
}
.newb-subject {
  width: 100%;
}
.newb-name {
  width: 50%;
}
.newb-passwd {
  width: 50%;
}
.newb-hp-sec {
  width: 16.3%;
}
.newb-hp-all {
  width: 50%;
}
.newb-email {
  width: 50%;
}
.newb-contents {
  width: 100%;
  min-height: 250px;
}
.newb-date {
  width: 50%;
}
.newb-file {
  width: 100%;
}
.newb_file_wrap {
  padding-right: 125px;
  position: relative;
}
.newb_file_wrap .btns {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}
.newb-file-btn {
  width: 110px;
  height: 32px;
  font-size: 14px;
  background-color: #646464;
  color: #fff;
  border: 0;
  box-sizing: border-box;
  border-radius: 3px;
}
.newb-file-hidden {
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  font-size: 30px;
  z-index: 10;
  cursor: pointer;
}
.newb_none {
  display: none;
}
.newb_file_name {
  font-size: 14px;
}
.newb_file_deltxt_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.newb_file_deltxt {
  font-size: 14px;
  float: right;
}
.newb_file_chkbx {
  width: 18px;
  height: 18px;
}

/* 상세보기 */
.newb_view_wrap {
  background-color: #f6f6f6;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
}
.newb_view_table {
  width: 100%;
  background-color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 5px;
}
.newb_view_table > tbody > tr > th {
  padding: 12px 0;
  font-size: 16px;
  text-align: left;
  box-sizing: border-box;
}
.newb_view_table > tbody > tr > td {
  padding: 12px 0;
  font-size: 16px;
  word-break: break-all;
  word-wrap: break-word;
}
.newb_view_table > tbody > tr > td.view_title {
  word-break: break-all;
}
.newb_view_table > tbody > tr > td > .newb_view_area {
  border-top: 1px solid #ddd;
  padding: 20px 10px;
  font-size: 16px;
  line-height: 1.7;
  word-break: break-all;
}
.newb_view_table > tbody > tr > td > .newb_view_area > p {
  font-size: 16px;
}
.newb_view_table > tbody > tr > td > .newb_view_area > p img {
  max-width: 100%;
  height: auto;
}
.newb_reply {
  position: relative;
  background-color: #646464;
  color: #fff;
  font-size: 18px !important;
  width: 60px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 20px;
}
.newb_reply:after {
  content: "\00a0";
  display: block;
  position: absolute;
  bottom: -29px;
  left: 35px;
  width: 0;
  height: 0;
  border-width: 10px 0 20px 10px;
  border-style: solid;
  border-color: #646464 transparent transparent;
}
.newb_file_download {
  font-size: 14px;
  text-align: right;
}
.newb_file_download > a {
  font-size: 14px;
}

.newb_state3 {
  display: inline-block;
  width: 45px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: #8e5ec7;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
}

.member_login_wrap {
  position: relative;
  width: 1000px;
  margin: 0 auto;
} /* 게시판 넓이값 조절 */

.member_login_title {
  text-align: center;
}
.member_login_title > h3 {
  font-size: 38px;
  letter-spacing: -2px;
}
.member_login_title > p {
  margin-top: 10px;
  font-size: 22px;
  letter-spacing: -1px;
}

.member_login_container {
  overflow: hidden;
  margin-top: 65px;
}
.member_login_container:after {
  content: "";
  display: block;
  clear: both;
}
.member_login_container > .member_login_contents {
  float: left;
  width: 50%;
  padding: 0 50px;
  border-right: 1px solid #c9c9c9;
  box-sizing: border-box;
}
.member_login_container > .member_login_contents:last-child {
  border-right: 0px;
}
.member_login_contents h4 {
  text-align: center;
  font-size: 24px;
  padding-bottom: 10px;
}
.login_titlesub {
  font-size: 14px;
  padding-bottom: 10px;
  text-align: center;
}
.login_box_wrap {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 3px solid #2b2f3a;
}
.login_box_wrap > div {
  margin-bottom: 10px;
}
.login_id_input {
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  font-size: 15px;
}
.login_pw_input {
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  font-size: 15px;
}
.login_btn_input {
  padding: 17px 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
  background-color: #747474;
  color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.login_btn_input:hover {
  background-color: #646464;
}
.login_speed_box_wrap {
  margin-top: 50px;
}
.login_speed_box_wrap > h4 {
  text-align: center;
  font-size: 24px;
  padding-bottom: 10px;
}
.login_speed_box {
  border-top: 3px solid #2b2f3a;
}
.login_speed_box > li {
  padding: 10px 0;
  border-bottom: 1px solid #eaecee;
}
.login_speed_box > li > a {
  position: relative;
  display: block;
  color: #000;
  font-size: 12px;
  vertical-align: middle;
  box-sizing: border-box;
  border: 1px solid #bfc4c7;
  border-radius: 3px;
  padding: 9px 15px;
}
.login_speed_box > li > a > span {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.sqr_sns {
  display: inline-block;
  background: url("../skin_images/sqr_sns.png") no-repeat;
  vertical-align: middle;
}
.sqr_txt {
  display: inline-block;
  margin-top: 9px;
}
/* 네이버 */
.member_naver {
  position: absolute;
  top: 14px;
  background-position: -121px 0px;
  width: 54px;
  height: 10px;
}
span.NV {
  background-position: -176px 0px;
  width: 11px;
  height: 11px;
  margin-right: 10px;
  margin-top: -2px;
}
.n_bg {
  background-color: #19cd61;
  margin-left: 38px;
}
/* 페이스북 */
.member_facebook {
  position: absolute;
  top: 10px;
  background-position: -112px -102px;
  width: 69px;
  height: 14px;
}
span.FB {
  background-position: -182px -102px;
  width: 6px;
  height: 14px;
  margin-right: 10px;
  margin-top: -4px;
}
.f_bg {
  background-color: #3b579e;
  margin-left: 27px;
}
/* 카카오톡 */
.member_kakaotalk {
  position: absolute;
  top: 12px;
  background-position: -159px -204px;
  width: 42px;
  height: 13px;
}
span.KT {
  background-position: -202px -204px;
  width: 7px;
  height: 13px;
  margin-right: 10px;
  margin-top: -4px;
}
.k_bg {
  background-color: #47292b;
  margin-left: 27px;
}
/* 화살표박스 */
.sqr_arr {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 32px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #bfc4c7;
  color: #a2a4a5;
  margin-top: -6px;
  margin-left: 2px;
}
.sqr_bg {
  display: inline-block;
  width: 170px;
  height: 34px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  font-size: 14px;
  padding-top: 8px;
  border-radius: 3px;
}

.join_btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 17px 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
  background-color: #747474;
  color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.join_btn:hover {
  background-color: #646464;
}
.idpw_box {
  margin-top: 40px;
}
.member_banner_info {
  margin-top: 60px;
  box-sizing: border-box;
  border: 1px solid #c9c9c9;
  height: 230px;
}
.member_banner_info > img {
  width: 398px;
  height: 228px;
}

/* 로그인 AFTER */
.member_login_after_contents > h4 {
  text-align: center;
  font-size: 24px;
  padding-bottom: 10px;
}
.login_af_box_wrap {
  margin-top: 10px;
  padding: 35px 0;
  border-top: 3px solid #2b2f3a;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
  font-size: 25px;
}
.login_af_box_wrap > strong {
  display: inline-block;
  color: #f7a08b;
  font-size: 25px;
}
.login_af_box_wrap > p {
  margin-top: 5px;
  margin-bottom: 30px;
  font-size: 18px;
}
.login_af_btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 17px 0;
  width: 20%;
  box-sizing: border-box;
  font-size: 16px;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
  background-color: #747474;
  color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.login_af_btn:hover {
  background-color: #646464;
}

@charset "utf-8";
.member_login_wrap {
  position: relative;
  width: 1000px;
  margin: 0 auto;
} /* 게시판 넓이값 조절 */

.member_login_title {
  text-align: center;
}
.member_login_title > h3 {
  font-size: 38px;
  letter-spacing: -2px;
}
.member_login_title > p {
  margin-top: 10px;
  font-size: 22px;
  letter-spacing: -1px;
}

.member_login_container {
  overflow: hidden;
  margin-top: 65px;
}
.member_login_container:after {
  content: "";
  display: block;
  clear: both;
}
.member_login_container > .member_login_contents {
  float: left;
  width: 50%;
  padding: 0 50px;
  border-right: 1px solid #c9c9c9;
  box-sizing: border-box;
}
.member_login_container > .member_login_contents:last-child {
  border-right: 0px;
}
.member_login_contents h4 {
  text-align: center;
  font-size: 24px;
  padding-bottom: 10px;
}
.login_titlesub {
  font-size: 14px;
  padding-bottom: 10px;
  text-align: center;
}
.login_titlesub2 {
  font-size: 20px;
  text-align: center;
  padding: 40px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 30px;
}
.login_box_wrap {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 3px solid #2b2f3a;
}
.login_box_wrap > div {
  margin-bottom: 10px;
}
.login_id_input {
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  font-size: 15px;
}
.login_pw_input {
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  font-size: 15px;
}
.login_btn_input {
  padding: 17px 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
  background-color: #747474;
  color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.login_btn_input:hover {
  background-color: #646464;
}
.login_speed_box_wrap {
  margin-top: 50px;
}
.login_speed_box_wrap > h4 {
  text-align: center;
  font-size: 24px;
  padding-bottom: 10px;
}
.login_speed_box {
  border-top: 3px solid #2b2f3a;
}
.login_speed_box > li {
  padding: 10px 0;
  border-bottom: 1px solid #eaecee;
}
.login_speed_box > li > a {
  position: relative;
  display: block;
  color: #000;
  font-size: 12px;
  vertical-align: middle;
  box-sizing: border-box;
  border: 1px solid #bfc4c7;
  border-radius: 3px;
  padding: 9px 15px;
}
.login_speed_box > li > a > span {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.sqr_sns {
  display: inline-block;
  background: url("../skin_images/sqr_sns.png") no-repeat;
  vertical-align: middle;
}
.sqr_txt {
  display: inline-block;
  margin-top: 9px;
}
/* 네이버 */
.member_naver {
  position: absolute;
  top: 14px;
  background-position: -121px 0px;
  width: 54px;
  height: 10px;
}
span.NV {
  background-position: -176px 0px;
  width: 11px;
  height: 11px;
  margin-right: 10px;
  margin-top: -2px;
}
.n_bg {
  background-color: #19cd61;
  margin-left: 38px;
}
/* 페이스북 */
.member_facebook {
  position: absolute;
  top: 10px;
  background-position: -112px -102px;
  width: 69px;
  height: 14px;
}
span.FB {
  background-position: -182px -102px;
  width: 6px;
  height: 14px;
  margin-right: 10px;
  margin-top: -4px;
}
.f_bg {
  background-color: #3b579e;
  margin-left: 27px;
}
/* 카카오톡 */
.member_kakaotalk {
  position: absolute;
  top: 12px;
  background-position: -159px -204px;
  width: 42px;
  height: 13px;
}
span.KT {
  background-position: -202px -204px;
  width: 7px;
  height: 13px;
  margin-right: 10px;
  margin-top: -4px;
}
.k_bg {
  background-color: #47292b;
  margin-left: 27px;
}
/* 화살표박스 */
.sqr_arr {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 32px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #bfc4c7;
  color: #a2a4a5;
  margin-top: -6px;
  margin-left: 2px;
}
.sqr_bg {
  display: inline-block;
  width: 170px;
  height: 34px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  font-size: 14px;
  padding-top: 8px;
  border-radius: 3px;
}

.join_btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 17px 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
  background-color: #747474;
  color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.join_btn:hover {
  background-color: #646464;
}
.idpw_box {
  margin-top: 40px;
}
.member_banner_info {
  margin-top: 60px;
  box-sizing: border-box;
  border: 1px solid #c9c9c9;
  height: 230px;
}
.member_banner_info > img {
  width: 398px;
  height: 228px;
}

/* 로그인 AFTER */
.member_login_after_contents > h4 {
  text-align: center;
  font-size: 24px;
  padding-bottom: 10px;
}
.login_af_box_wrap {
  margin-top: 10px;
  padding: 35px 0;
  border-top: 3px solid #2b2f3a;
  border-bottom: 1px solid #d8d8d8;
  text-align: center;
  font-size: 25px;
}
.login_af_box_wrap > strong {
  display: inline-block;
  color: #f7a08b;
  font-size: 25px;
}
.login_af_box_wrap > p {
  margin-top: 5px;
  margin-bottom: 30px;
  font-size: 18px;
}
.login_af_btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  padding: 17px 0;
  width: 20%;
  box-sizing: border-box;
  font-size: 16px;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
  background-color: #747474;
  color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.login_af_btn:hover {
  background-color: #646464;
}

/* 회원가입 */
.member_join_container {
  overflow: hidden;
}
.member_join_total_agree {
  margin-top: 50px;
  font-size: 20px;
  text-align: center;
  padding-bottom: 25px;
  border-bottom: 1px solid #d1d1d1;
}
.member_join_total_agree > label {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
}
.member_join_total_agree > label > strong {
  color: #ee313a;
}
.member_join_total_agree > label > input[type="checkbox"] {
  width: 24px;
  height: 24px;
  margin-left: 10px;
}
.member_join_container > .member_join_contents {
  width: 100%;
  padding: 0 50px;
  box-sizing: border-box;
}
.join_box_wrap {
  margin-top: 30px;
}
.join_box_wrap > h4 {
  text-align: left;
  font-size: 20px;
  padding-bottom: 10px;
}
.join_membox_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.join_membox_wrap > .join_membox {
  float: left;
  width: 48%;
}
.join_membox_wrap > .join_membox:first-child {
  margin-right: 4%;
}

.join_register_wrap {
  margin-top: 50px;
  padding-top: 40px;
  border-top: 3px solid #2b2f3a;
}
.join_table {
  width: 100%;
  background-color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 5px;
}
.join_table tr > th {
  font-size: 16px;
  text-align: left;
  padding: 10px 0;
  padding-right: 10px;
  vertical-align: middle;
}
.join_table tr > th > span {
  position: relative;
  display: inline-block;
}
.join_table tr > th > span > strong {
  position: absolute;
  color: #f73737;
  top: 4px;
  left: 10px;
}
.join_table tr > td {
  padding: 10px 0;
}
.input_explain {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  text-align: left;
}
.input_explain > label {
  display: inline-block;
  margin-right: 15px;
}
.join_text {
  height: 30px;
  border: 1px solid #d0d0d0;
  font-size: 16px;
}
.join_name {
  width: 50%;
}
.join_id {
  width: 50%;
}
.join_passwd {
  width: 50%;
}
.join_hp_sec {
  width: 16.3%;
}
.join_hp_all {
  width: 50%;
}
.join_email {
  width: 50%;
}
.join_sel_type {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-size: 16px;
  padding: 10px 0 10px 10px;
  box-sizing: border-box;
}
.join_sel_type::-ms-expand {
  display: none;
}
.sel_type1 {
  width: 100%;
}
.sel_type2 {
  width: 50%;
  padding: 5px 0 5px 10px;
}
.sel_type3 {
  width: 16%;
  padding: 0 0 0 10px;
  height: 32px;
}

.its_ok {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  color: #34cdff;
}
.its_not {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  color: #ee313a;
}
.join_sms_chk {
  width: 18px;
  height: 18px;
}
.join_email_chk {
  width: 18px;
  height: 18px;
}

.join_btn_wrap {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 40px 0 0 0;
  overflow: hidden;
  text-align: right;
}
.join_btn_wrap > a {
  display: inline-block;
  text-decoration: none;
  padding: 9px 18px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  background-color: #747474;
  box-sizing: border-box;
  border-radius: 5px;
  border: 0;
}
.join_btn_wrap > a:hover {
  background-color: #646464;
}
.join_btn_wrap > input[type="submit"] {
  cursor: pointer;
  display: inline-block;
  padding: 9px 18px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  background-color: #747474;
  box-sizing: border-box;
  border-radius: 5px;
  border: 0;
  margin-top: -4px;
}
.join_btn_wrap > input[type="submit"]:hover {
  background-color: #646464;
}

/* 아이디/비밀번호 찾기 */
.idpw_find_read {
  display: inline-block;
  font-size: 15px;
  background: #eaeaea;
  width: 100%;
  height: 55px;
  line-height: 55px;
  padding-left: 10px;
  box-sizing: border-box;
}
.find_ok {
  color: #34cdff;
}
.find_not {
  color: #ee313a;
}
.idpw_btn_input {
  text-align: center;
  display: inline-block;
  padding: 17px 0;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  border: 0;
  cursor: pointer;
  border-radius: 5px;
  background-color: #747474;
  color: #fff;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.idpw_btn_input:hover {
  background-color: #646464;
}

/*문자열설정*/
@charset "utf-8";
.nbi {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  background: url("/img/sub/nbi.png") no-repeat;
  width: 14px;
  height: 14px;
}
.nbi-new {
  background-position: 0 0px;
} /* NEW(새글) 이미지 */
.nbi-lock {
  background-position: 0 -16px;
} /* 자물쇠 이미지 */
.nbi-clip {
  background-position: 0 -32px;
} /* 클립(파일첨부) 이미지 */
.nbi-wastebasket {
  background-position: 0 -48px;
} /* 클립(파일첨부) 이미지 */

/* 검색 */
.beaf2_wrap {
  position: relative;
  width: 1000px;
  margin: 0 auto;
} /* 게시판 넓이값 조절 */
.beaf2_search_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.beaf2_delete {
  float: left;
}
.beaf2_delete > a {
  display: inline-block;
  padding: 10px;
  background-color: #ee313a;
  font-size: 16px;
  text-decoration: none;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
}
.beaf2_search {
  float: right;
}
.beaf2_search_select {
  width: 80px;
  height: 44px;
  padding-left: 10px;
  box-sizing: border-box;
  border: 1px solid #e1e2e6;
  border-radius: 3px;
  color: #929398;
  font-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.beaf2_search_select::-ms-expand {
  display: none;
}
.beaf2_search_input {
  width: 295px;
  height: 44px;
  padding-left: 20px;
  box-sizing: border-box;
  border: 1px solid #e1e2e6;
  border-radius: 3px;
  color: #a2a6b3;
  font-size: 15px;
}
.beaf2_search_btn {
  width: 70px;
  height: 44px;
  color: #fff;
  font-size: 15px;
  background-color: #646464;
  text-align: center;
  cursor: pointer;
  border: 0;
  border-radius: 3px;
  margin-left: 10px;
}

/*카테고리*/
.beaf2_tab_wrap {
  margin-top: 30px;
}
.beaf2_tab_wrap > .beaf2_tab:after {
  content: "";
  display: block;
  clear: both;
}
.beaf2_tab_wrap > .beaf2_tab > li {
  float: left;
  color: #333;
  margin-right: 10px;
  margin-bottom: 10px;
}
.beaf2_tab_wrap > .beaf2_tab > li > a {
  display: block;
  padding: 8px 12px;
  font-size: 14px;
  text-align: center;
  color: #333;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  border-radius: 7px;
}
.beaf2_tab_wrap > .beaf2_tab > li:hover > a {
  background-color: #333;
  border: 1px solid #333;
  color: #fff;
}
.beaf2_tab_wrap > .beaf2_tab > li.co > a {
  background-color: #333;
  border: 1px solid #333;
  color: #fff;
}

/*리스트*/
.beaf2_list_wrap {
  border-top: 2px solid #949494;
  width: 100%;
  margin-top: 12px;
  overflow: hidden;
}
.beaf2_ps_wrap {
  position: relative;
  height: 596px;
}
.beaf2_list_ps {
  position: absolute;
  width: 100%;
}
.beaf2_list:after {
  content: "";
  display: block;
  clear: both;
}
.beaf2_list > li {
  width: 100%;
  box-sizing: border-box;
}
.beaf2_list > li > div.beaf2_info_wrap {
  position: relative;
  padding-top: 20px;
}
.beaf2_list > li > div.beaf2_info_wrap > span.thumbnail {
  position: relative;
  display: inline-block;
}
.beaf2_list > li > div.beaf2_info_wrap > span.thumbnail > .before_hidden {
  position: absolute;
  z-index: 9;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  left: 0;
  width: 500px;
  height: 500px;
}
.beaf2_list > li > div.beaf2_info_wrap > span.thumbnail > img {
  width: 1000px;
  height: 500px;
}
/* 로그인 전 상태 */
.before_login {
  background: rgba(255, 255, 255, 0.9);
  width: 340px;
  height: 340px;
  margin: 80px auto 0 auto;
  box-sizing: border-box;
  padding: 60px 40px;
  border-radius: 3px;
  text-align: center;
}
.before_login > h3 {
  font-size: 24px;
  color: #333;
}
.before_login > h3 > strong {
  color: #da797e;
}
.before_login > p {
  font-size: 16px;
  color: #333;
  margin-top: 15px;
}
.before_login > p > strong {
  color: #da797e;
}
.before_login_btn {
  border: 1px solid #333;
  margin-top: 40px !important;
  padding: 10px;
  text-align: center;
  border-radius: 3px;
}
.before_login_btn:hover {
  background-color: #333;
  color: #fff;
}
/* 썸네일 위쪽 전/후 박스 */
.thum_before_sqr {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 7px 12px;
  color: #fff;
  font-size: 16px;
  background-color: #7f7f7f;
}
.thum_after_sqr {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0%;
  display: inline-block;
  padding: 7px 12px;
  color: #fff;
  font-size: 16px;
  background-color: #343434;
}
/* 워터마크 */
.watermark {
  position: absolute;
  bottom: 40px;
  right: 50px;
}
/* 게시물 */
.beaf2_beaf {
  margin-top: 12px;
}
.beaf2_beaf:after {
  content: "";
  display: block;
  clear: both;
}
.beaf2_beaf > li {
  float: left;
  width: 220px;
  text-align: center;
}
.beaf2_beaf > li:last-child {
  margin-left: 39px;
}
.beaf2_beaf > li > span {
  display: inline-block;
  padding: 4px 8px;
  font-size: 13px;
  background-color: #888787;
  color: #fff;
  border-radius: 5px;
  box-sizing: border-box;
}
.beaf2_beaf > li:last-child > span {
  background-color: #e67278;
}
.beaf2_info {
  padding: 25px 0;
  box-sizing: border-box;
  border: 1px solid #e9e9e9;
}
.beaf2_info > em {
  font-size: 18px;
  display: block;
  letter-spacing: -1px;
  color: #151515;
  text-align: center;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.big_list_n {
  z-index: -9;
  visibility: hidden;
}
.big_list_y {
  z-index: 9;
  visibility: visible;
}

/* 각도버튼 */
.beaf2_list_btn {
  position: absolute;
  bottom: 76px !important;
  width: 100%;
  z-index: 59;
  text-align: center;
}
.beaf2_list_btn > a {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #333;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.beaf2_list_btn > a.active {
  background-color: #da797e;
  color: #fff;
}

/* 작은썸네일 게시물 */
.beaf2_section_wrap {
  margin-top: 20px;
}
.beaf2_section:after {
  content: "";
  display: block;
  clear: both;
}
.beaf2_section > li {
  float: left;
  width: 240px;
  border: 2px solid #fff;
  border-bottom: 2px solid #e4e4e4;
  box-sizing: border-box;
  margin-right: 13px;
}
.beaf2_section > li:last-child {
  margin-right: 0;
}
.beaf2_section > li.bes_on {
  border: 2px solid #ff787f;
}
.beaf2_section > li > a {
  display: inline-block;
  cursor: pointer;
}
.beaf2_section > li > a > span {
  position: relative;
  display: inline-block;
}
.beaf2_section > li > a > span > .before_hidden2 {
  position: absolute;
  z-index: 9;
  background: rgba(0, 0, 0, 0.9);
  top: 0;
  left: 0;
  width: 118px;
  height: 125px;
  line-height: 125px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  box-sizing: border-box;
}
.beaf2_section > li > a > span > img {
  width: 236px;
  height: 125px;
}

/* 페이징 */
.beaf2_page_wrap {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  overflow: hidden;
}
.beaf2_page_wrap > a {
  display: inline-block;
  margin: 0 1px;
  text-decoration: none !important;
  width: 34px;
  height: 34px;
  line-height: 32px;
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
  border-radius: 7px;
  font-size: 15px;
  color: #aaa;
}
.beaf2_page_wrap > a:hover {
  background-color: #646464;
  border: 1px solid #646464;
  color: #fff;
}
.beaf2_page_wrap > a.pg-on {
  background-color: #646464;
  border: 1px solid #646464;
  color: #fff;
}

/* 버튼 */
.beaf2_btn_wrap {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  overflow: hidden;
  text-align: right;
}
.beaf2_btn_wrap > a {
  display: inline-block;
  text-decoration: none;
  padding: 9px 18px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  background-color: #747474;
  box-sizing: border-box;
  border-radius: 5px;
  border: 0;
}
.beaf2_btn_wrap > a:hover {
  background-color: #646464;
}
.beaf2_btn_wrap > input[type="submit"] {
  cursor: pointer;
  display: inline-block;
  padding: 9px 18px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  background-color: #747474;
  box-sizing: border-box;
  border-radius: 5px;
  border: 0;
  margin-top: -4px;
}
.beaf2_btn_wrap > input[type="submit"]:hover {
  background-color: #646464;
}
.all_check_wrap > label {
  font-size: 16px;
  vertical-align: middle;
}
.beaf2_del_chk {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}
.beaf2_state1 {
  display: inline-block;
  width: 60px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: #888;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
}
.beaf2_state2 {
  display: inline-block;
  width: 60px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: #f7a08b;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
}

/* 글쓰기 */
.beaf2_post_care_wrap {
  margin-bottom: 20px;
}
.beaf2_post_care_wrap > h2 {
  font-size: 18px;
}
.beaf2_post_box {
  background-color: #f6f6f6;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 10px;
}
.beaf2_post_table {
  width: 100%;
  background-color: #fff;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 5px;
}
.beaf2_post_table tr > th {
  font-size: 16px;
  text-align: right;
  padding: 10px 0;
  padding-right: 10px;
}
.beaf2_post_table tr > td {
  font-size: 16px;
  padding: 10px 0;
}
.beaf2_sel_type {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-size: 16px;
  padding: 10px 0 10px 10px;
  box-sizing: border-box;
}
.beaf2_sel_type::-ms-expand {
  display: none;
}
.sel_type1 {
  width: 100%;
}
.sel_type2 {
  width: 50%;
  padding: 5px 0 5px 10px;
}
.sel_type3 {
  width: 16%;
  padding: 0 0 0 10px;
  height: 34px;
}
.beaf2_post_write_wrap {
  background-color: #f6f6f6;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
}
.beaf2_post_write_table {
  width: 100%;
  background-color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 5px;
}
.beaf2_post_write_table tr > th {
  font-size: 16px;
  text-align: left;
  padding: 10px 0;
  padding-right: 10px;
  vertical-align: middle;
}
.beaf2_post_write_table tr > th > span {
  position: relative;
  display: inline-block;
}
.beaf2_post_write_table tr > th > span > strong {
  position: absolute;
  color: #f73737;
  top: 4px;
  left: 10px;
}
.beaf2_post_write_table tr > td {
  padding: 10px 0;
}
.input_explain {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  text-align: left;
}
.beaf2-text {
  height: 30px;
  border: 1px solid #d0d0d0;
  font-size: 16px;
}
.beaf2-subject {
  width: 100%;
}
.beaf2-name {
  width: 50%;
}
.beaf2-passwd {
  width: 50%;
}
.beaf2-hp-sec {
  width: 16.3%;
}
.beaf2-hp-all {
  width: 50%;
}
.beaf2-email {
  width: 50%;
}
.beaf2-contents {
  width: 100%;
  min-height: 250px;
}
.beaf2-date {
  width: 50%;
}
.beaf2-file {
  width: 100%;
}
.beaf2_file_wrap {
  padding-right: 125px;
  position: relative;
}
.beaf2_file_wrap .btns {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}
.beaf2-file-btn {
  width: 110px;
  height: 32px;
  font-size: 14px;
  background-color: #646464;
  color: #fff;
  border: 0;
  box-sizing: border-box;
  border-radius: 3px;
}
.beaf2-file-hidden {
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  font-size: 30px;
  z-index: 10;
  cursor: pointer;
}
.beaf2_none {
  display: none;
}
.beaf2_file_name {
  font-size: 14px;
}
.beaf2_file_deltxt_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.beaf2_file_deltxt {
  font-size: 14px;
  float: right;
}
.beaf2_file_chkbx {
  width: 18px;
  height: 18px;
}

/* 상세보기 */
.beaf2_view_wrap {
  background-color: #f6f6f6;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
}
.beaf2_view_table {
  width: 100%;
  background-color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 5px;
}
.beaf2_view_table > tbody > tr > th {
  padding: 12px 0;
  font-size: 16px;
  text-align: left;
  width: 100px;
  box-sizing: border-box;
}
.beaf2_view_table > tbody > tr > td {
  padding: 12px 0;
  font-size: 16px;
  word-break: break-all;
  word-wrap: break-word;
}
.beaf2_view_table > tbody > tr > td.view_title {
  word-break: break-all;
}
.beaf2_view_table > tbody > tr > td > .beaf2_view_area {
  border-top: 1px solid #ddd;
  padding: 20px 10px;
  font-size: 16px;
  line-height: 1.7;
  word-break: break-all;
}
.beaf2_view_table > tbody > tr > td > .beaf2_view_area > p {
  font-size: 16px;
}
.beaf2_reply {
  position: relative;
  background-color: #646464;
  color: #fff;
  font-size: 18px !important;
  width: 60px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 20px;
}
.beaf2_reply:after {
  content: "\00a0";
  display: block;
  position: absolute;
  bottom: -29px;
  left: 35px;
  width: 0;
  height: 0;
  border-width: 10px 0 20px 10px;
  border-style: solid;
  border-color: #646464 transparent transparent;
}
.beaf2_file_download {
  font-size: 14px;
  text-align: right;
}
.beaf2_file_download > a {
  font-size: 14px;
}

/* 드래그방지 */
.no-drag {
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

/*문자열설정*/
@charset "utf-8";
.nbi {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  background: url("/img/sub/nbi.png") no-repeat;
  width: 14px;
  height: 14px;
}

.nbi-new {
  background-position: 0 0px;
}

/* NEW(새글) 이미지 */
.nbi-lock {
  background-position: 0 -16px;
}

/* 자물쇠 이미지 */
.nbi-clip {
  background-position: 0 -32px;
}

/* 클립(파일첨부) 이미지 */
.nbi-wastebasket {
  background-position: 0 -48px;
}

/* 클립(파일첨부) 이미지 */
.media_gallery_wrap {
  position: relative;
  width: 1000px;
  margin: 0 auto 0 auto;
}

/* 게시판 넓이값 조절 */
.media_gallery_search_wrap:after {
  content: "";
  display: block;
  clear: both;
}

.media_gallery_delete {
  float: left;
}

.media_gallery_delete > a {
  display: inline-block;
  padding: 10px;
  background-color: #ee313a;
  font-size: 16px;
  text-decoration: none;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
}

.media_gallery_search {
  float: right;
}

.media_gallery_search_select {
  width: 80px;
  height: 44px;
  padding-left: 10px;
  box-sizing: border-box;
  border: 1px solid #e1e2e6;
  border-radius: 3px;
  color: #929398;
  font-size: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

.media_gallery_search_select::-ms-expand {
  display: none;
}

.media_gallery_search_input {
  width: 295px;
  height: 44px;
  padding-left: 20px;
  box-sizing: border-box;
  border: 1px solid #e1e2e6;
  border-radius: 3px;
  color: #a2a6b3;
  font-size: 15px;
}

.media_gallery_search_btn {
  width: 70px;
  height: 44px;
  color: #fff;
  font-size: 15px;
  background-color: #646464;
  text-align: center;
  cursor: pointer;
  border: 0;
  border-radius: 3px;
  margin-left: 10px;
}

/*카테고리*/
.media_gallery_tab_wrap {
  margin-top: 30px;
}

.media_gallery_tab_wrap > .media_gallery_tab:after {
  content: "";
  display: block;
  clear: both;
}

.media_gallery_tab_wrap > .media_gallery_tab > li {
  float: left;
  color: #333;
  margin-right: 10px;
  margin-bottom: 10px;
}

.media_gallery_tab_wrap > .media_gallery_tab > li > a {
  display: block;
  padding: 8px 12px;
  font-size: 14px;
  text-align: center;
  color: #333;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  border-radius: 7px;
}

.media_gallery_tab_wrap > .media_gallery_tab > li:hover > a {
  background-color: #333;
  border: 1px solid #333;
  color: #fff;
}

.media_gallery_tab_wrap > .media_gallery_tab > li.co > a {
  background-color: #333;
  border: 1px solid #333;
  color: #fff;
}

.media_gallery_list_wrap {
  border-top: 2px solid #949494;
  width: 100%;
  margin-top: 12px;
  overflow: hidden;
}

.media_gallery_list:after {
  content: "";
  display: block;
  clear: both;
}

.media_gallery_list {
  margin: 0 -20px 0 -20px;
}

.media_gallery_list > li {
  float: left;
  width: 260px;
  height: 350px;
  padding: 20px;
  box-sizing: border-box;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.media_gallery_list > li:nth-child(4n) {
  border-right: 0px;
}

.media_gallery_list
  > li
  > a
  > div.media_gallery_info_wrap
  > span.thumbnail
  > img {
  width: 220px;
  height: 220px;
}

.media_gallery_info {
  margin-top: 18px;
}

.media_gallery_info > em {
  font-size: 18px;
  height: 50px;
  line-height: 25px;
  display: block;
  letter-spacing: -1px;
  color: #151515;
  text-align: justify;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}

.media_gallery_info > span {
  font-size: 12px;
  display: block;
  margin-top: 15px;
  color: #595959;
  text-align: justify;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}

.media_gallery_info > span:after {
  content: "";
  display: block;
  clear: both;
}

.media_gallery_info > span > em {
  float: right;
}

.no_image {
  display: inline-block;
  background-color: #fdfdfd;
  width: 220px;
  height: 220px;
  border: 1px solid #e9e9e9;
  box-sizing: border-box;
  text-align: center;
  font-size: 20px;
  color: #151515;
  vertical-align: top;
  padding-top: 77px;
}

.no_post {
  font-size: 13px;
  width: 100% !important;
  text-align: center;
  height: inherit !important;
}

.media_gallery_page_wrap {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  overflow: hidden;
}

.media_gallery_page_wrap > a {
  display: inline-block;
  margin: 0 1px;
  text-decoration: none !important;
  width: 34px;
  height: 34px;
  line-height: 32px;
  box-sizing: border-box;
  border: 1px solid #cfcfcf;
  border-radius: 7px;
  font-size: 15px;
  color: #aaa;
}

.media_gallery_page_wrap > a:hover {
  background-color: #646464;
  border: 1px solid #646464;
  color: #fff;
}

.media_gallery_page_wrap > a.pg-on {
  background-color: #646464;
  border: 1px solid #646464;
  color: #fff;
}

.media_gallery_btn_wrap {
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  overflow: hidden;
  text-align: right;
}

.media_gallery_btn_wrap > a {
  display: inline-block;
  text-decoration: none;
  padding: 9px 18px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  background-color: #747474;
  box-sizing: border-box;
  border-radius: 5px;
  border: 0;
}

.media_gallery_btn_wrap > a:hover {
  background-color: #646464;
}

.media_gallery_btn_wrap > input[type="submit"] {
  cursor: pointer;
  display: inline-block;
  padding: 9px 18px;
  font-size: 13px;
  text-align: center;
  color: #fff;
  background-color: #747474;
  box-sizing: border-box;
  border-radius: 5px;
  border: 0;
  margin-top: -4px;
}

.media_gallery_btn_wrap > input[type="submit"]:hover {
  background-color: #646464;
}

.all_check_wrap {
  margin-top: 15px;
}

.all_check_wrap > label {
  font-size: 16px;
  vertical-align: middle;
}

.media_gallery_del_chk {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.media_gallery_state1 {
  display: inline-block;
  width: 60px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: #888;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
}

.media_gallery_state2 {
  display: inline-block;
  width: 60px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background-color: #f7a08b;
  border-radius: 5px;
  box-sizing: border-box;
  color: #fff;
  font-size: 12px;
}

/* 글쓰기 */
.media_gallery_post_care_wrap {
  margin-bottom: 20px;
}

.media_gallery_post_care_wrap > h2 {
  font-size: 18px;
}

.media_gallery_post_box {
  background-color: #f6f6f6;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
  margin-top: 10px;
}

.media_gallery_post_table {
  width: 100%;
  background-color: #fff;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 5px;
}

.media_gallery_post_table tr > th {
  font-size: 16px;
  text-align: right;
  padding: 10px 0;
  padding-right: 10px;
}

.media_gallery_post_table tr > td {
  font-size: 16px;
  padding: 10px 0;
}

.media_gallery_sel_type {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  font-size: 16px;
  padding: 10px 0 10px 10px;
  box-sizing: border-box;
}

.media_gallery_sel_type::-ms-expand {
  display: none;
}

.sel_type1 {
  width: 100%;
}

.sel_type2 {
  width: 50%;
  padding: 5px 0 5px 10px;
}

.sel_type3 {
  width: 16%;
  padding: 0 0 0 10px;
  height: 34px;
}

.media_gallery_post_write_wrap {
  background-color: #f6f6f6;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
}

.media_gallery_post_write_table {
  width: 100%;
  background-color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 5px;
}

.media_gallery_post_write_table tr > th {
  font-size: 16px;
  text-align: left;
  padding: 10px 0;
  padding-right: 10px;
  vertical-align: middle;
}

.media_gallery_post_write_table tr > th > span {
  position: relative;
  display: inline-block;
}

.media_gallery_post_write_table tr > th > span > strong {
  position: absolute;
  color: #f73737;
  top: 4px;
  left: 10px;
}

.media_gallery_post_write_table tr > td {
  padding: 10px 0;
}

.input_explain {
  display: inline-block;
  margin-left: 10px;
  font-size: 14px;
  text-align: left;
}

.media_gallery-text {
  height: 30px;
  border: 1px solid #d0d0d0;
  font-size: 16px;
}

.media_gallery-subject {
  width: 100%;
}

.media_gallery-name {
  width: 50%;
}

.media_gallery-passwd {
  width: 50%;
}

.media_gallery-hp-sec {
  width: 16.3%;
}

.media_gallery-hp-all {
  width: 50%;
}

.media_gallery-email {
  width: 50%;
}

.media_gallery-contents {
  width: 100%;
  min-height: 250px;
}

.media_gallery-date {
  width: 50%;
}

.media_gallery-file {
  width: 100%;
}

.media_gallery_file_wrap {
  padding-right: 125px;
  position: relative;
}

.media_gallery_file_wrap .btns {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.media_gallery-file-btn {
  width: 110px;
  height: 32px;
  font-size: 14px;
  background-color: #646464;
  color: #fff;
  border: 0;
  box-sizing: border-box;
  border-radius: 3px;
}

.media_gallery-file-hidden {
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  filter: alpha(opacity=0);
  opacity: 0;
  font-size: 30px;
  z-index: 10;
  cursor: pointer;
}

.media_gallery_none {
  display: none;
}

.media_gallery_file_name {
  font-size: 14px;
}

.media_gallery_file_deltxt_wrap:after {
  content: "";
  display: block;
  clear: both;
}

.media_gallery_file_deltxt {
  font-size: 14px;
  float: right;
}

.media_gallery_file_chkbx {
  width: 18px;
  height: 18px;
}

/* 상세보기 */
.media_gallery_view_wrap {
  background-color: #f6f6f6;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 5px;
}

.media_gallery_view_table {
  width: 100%;
  background-color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
  border-radius: 5px;
}

.media_gallery_view_table > tbody > tr > th {
  padding: 12px 0;
  font-size: 16px;
  text-align: left;
  width: 100px;
  box-sizing: border-box;
}

.media_gallery_view_table > tbody > tr > td {
  padding: 12px 0;
  font-size: 16px;
  word-break: break-all;
  word-wrap: break-word;
}

.media_gallery_view_table > tbody > tr > td.view_title {
  word-break: break-all;
}

.media_gallery_view_table > tbody > tr > td > .media_gallery_view_area {
  border-top: 1px solid #ddd;
  padding: 20px 10px;
  font-size: 16px;
  line-height: 1.7;
  word-break: break-all;
  text-align: center;
}

.media_gallery_view_area img {
  max-width: 100%;
  height: auto !important;
  width: 100% !important;
}

.media_gallery_view_table > tbody > tr > td > .media_gallery_view_area > p {
  font-size: 16px;
  text-align: left;
}

.media_gallery_reply {
  position: relative;
  background-color: #646464;
  color: #fff;
  font-size: 18px !important;
  width: 60px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  box-sizing: border-box;
  text-align: center;
  margin-bottom: 20px;
}

.media_gallery_reply:after {
  content: "\00a0";
  display: block;
  position: absolute;
  bottom: -29px;
  left: 35px;
  width: 0;
  height: 0;
  border-width: 10px 0 20px 10px;
  border-style: solid;
  border-color: #646464 transparent transparent;
}

.media_gallery_file_download {
  font-size: 14px;
  text-align: right;
}

.media_gallery_file_download > a {
  font-size: 14px;
}
