body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
#contents .mypage .breadcrumb {
  margin-bottom: 0;
}
#contents .mypage .pageTit {
  margin-bottom: 20px;
  padding-top: 50px;
  height: 118px;
  background: url("../../images/common/visual/bg_mypage.png") no-repeat right top;
}
#contents .mypage .pageTit.notify {
  background: url("../../images/common/visual/bg_mypage3.png") no-repeat right top;
}
#contents .mypage .pageTit.community {
  background: url("../../images/common/visual/bg_mypage4.png") no-repeat right top;
}
#contents .mypage .pageTit.update {
  background: url("../../images/common/visual/bg_mypage2.png") no-repeat right top;
}
#contents .mypage .pageTit h3 {
  font-size: 28px;
  color: #1385db;
  font-family: "Nanum Barun Gothic";
  margin-bottom: 20px;
}
#contents .mypage .pageTit p {
  font-size: 15px;
  font-family: "Nanum Barun Gothic";
  line-height: 18px;
}
#contents .mypage .innerCon {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#contents .mypage .innerCon .titles {
  position: relative;
  height: 24px;
}
#contents .mypage .innerCon .titles:after {
  content: "";
  width: 3px;
  height: 3px;
  background: #666;
  position: absolute;
  left: 5px;
  top: 10px;
}
#contents .mypage .innerCon .titles h4 {
  padding-left: 10px;
}
#contents .mypage .innerCon .titles h4 em {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
}
#contents .mypage .innerCon .condition {
  position: relative;
  margin-top: -1px;
  padding-bottom: 5px;
}
#contents .mypage .innerCon .condition .dews-periodpicker-container {
  position: absolute;
  top: -24px;
  right: 48px;
}
#contents .mypage .innerCon .condition button {
  position: absolute;
  top: -24px;
  right: 0;
}
#contents .mypage .innerCon .table table {
  width: 100%;
}
#contents .mypage .innerCon .table table thead tr {
  height: 37px;
}
#contents .mypage .innerCon .table table thead tr th {
  line-height: 37px;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
#contents .mypage .innerCon .table table tbody tr {
  height: 37px;
}
#contents .mypage .innerCon .table table tbody tr td {
  border-bottom: 1px solid #dcdcdc;
  line-height: 37px;
  text-align: center;
}
#contents .mypage .innerCon .table table tbody tr td.title {
  text-align: left;
}
#contents .mypage .innerCon .table table tbody tr td.title a {
  max-width: 90%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
#contents .mypage .innerCon .table table tbody tr td.title img {
  vertical-align: middle;
  margin-left: 5px;
}
#contents .mypage .innerCon .logout table {
  width: 100%;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  background-color: #fff;
}
#contents .mypage .innerCon .logout table tbody tr {
  height: 75px;
}
#contents .mypage .innerCon .logout table tbody tr th {
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  text-align: center;
  width: 14.5%;
  background: #f9fafc;
}
#contents .mypage .innerCon .logout table tbody tr th p {
  line-height: 75px;
}
#contents .mypage .innerCon .logout table tbody tr td {
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  vertical-align: middle;
  padding-left: 16px;
  width: 85.5%;
}
#contents .mypage .innerCon .logout table tbody tr td p {
  padding-top: 5px;
  line-height: 15px;
}
#contents .mypage .innerCon .buttons {
  width: 100%;
  text-align: center;
  padding-top: 21px;
}
#contents .mypage .innerCon .notify_list_top {
  padding-bottom: 10px;
  line-height: 24px;
  position: relative;
}
#contents .mypage .innerCon .notify_list_top .dews-ui-button {
  line-height: 19px;
  background: #ffffff url('../../images/mypage/p_setting.png') no-repeat !important;
  padding-left: 21px;
}
#contents .mypage .innerCon .notify_list_top .search {
  width: 60px;
  padding: 0;
  background: #ffffff !important;
  position: absolute;
  right: 0;
}
#contents .mypage .innerCon .notify_list_bottom {
  position: relative;
  text-align: right;
  margin-top: -24px;
}
#contents .mypage .innerCon .notify_list_bottom button {
  position: relative;
  z-index: 2;
}
#contents .mypage .innerCon .notify_detail_table table {
  width: 100%;
  background-color: #ffffff;
}
#contents .mypage .innerCon .notify_detail_table table tr:last-child th,
#contents .mypage .innerCon .notify_detail_table table tr:last-child td {
  border-bottom: 1px solid #dcdcdc;
}
#contents .mypage .innerCon .notify_detail_table table tr th {
  line-height: 37px;
  text-align: center;
  background-color: #f9f9f9;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}
#contents .mypage .innerCon .notify_detail_table table tr td {
  padding-left: 15px;
  padding-right: 15px;
  line-height: 37px;
  text-align: left;
  border-top: 1px solid #dcdcdc;
}
#contents .mypage .innerCon .notify_detail_table table tr td p {
  padding: 13px 0;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply_confirm {
  text-align: right;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply_confirm p {
  padding-left: 20px;
  padding-bottom: 8px;
  padding-right: 5px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply_confirm p img {
  vertical-align: middle;
  margin-bottom: 3px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply_confirm a {
  color: #a9a9a9;
  padding-right: 10px;
  padding-bottom: 8px;
  background: url('../../images/mypage/p_down_arrow.png') no-repeat;
  background-position-y: -7px;
  background-position-x: 34px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply_text {
  background-color: #f4f4f4;
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply_text textarea {
  width: 100%;
  height: 50px;
  padding-right: 50px;
  resize: none;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply_text button {
  position: absolute;
  height: 50px;
  width: 50px;
  top: 10px;
  right: 10px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .list {
  margin-bottom: 20px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply p {
  padding: 0!important;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply .list li {
  background: #f4f4f4;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply .list li .reply_answer {
  background: #f5f6f6 url('../../images/mypage/p_answer.png') no-repeat 29px 0px;
  border-bottom: 1px solid #fff;
  min-height: 56px;
  padding: 10px 10px 10px 60px;
  position: relative;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply .list li .reply_answer.correct {
  height: 95px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply .list li .reply_answer.correct .reply_text_correct {
  width: 100%;
  position: relative;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply .list li .reply_answer.correct .reply_text_correct textarea {
  resize: none;
  width: 100%;
  height: 52px;
  padding-right: 57px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply .list li .reply_answer.correct .reply_text_correct button {
  width: 47px;
  height: 52px;
  background: #1088e3;
  color: #fff;
  position: absolute;
  right: 0px;
  top: 0px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .answer {
  border-bottom: 1px solid #fff;
  padding: 10px 10px 10px 30px;
  min-height: 58px;
  position: relative;
}
#contents .mypage .innerCon .notify_detail_table table tr td .answer .profile {
  position: absolute;
  display: none;
  left: 10px;
  top: 10px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .answer .notify_info {
  margin: 3px 0 7px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .answer .notify_info .right {
  position: absolute;
  right: 12px;
  top: 12px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply_answer .profile {
  position: absolute;
  left: 45px;
  top: 10px;
  display: none;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply_answer .notify_info {
  margin-bottom: 5px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply_answer .notify_info .right {
  position: absolute;
  right: 12px;
  top: 12px;
}
#contents .mypage .innerCon .notify_detail_table table tr td .reply_answer .notify_info .right.red_font {
  top: 9px;
}
#contents .mypage .notify_table table,
#contents .mypage .find table {
  width: 100%;
  background-color: #ffffff;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
}
#contents .mypage .notify_table table tbody tr th,
#contents .mypage .find table tbody tr th {
  width: 15%;
  background-color: #f9f9f9;
}
#contents .mypage .notify_table > table > tbody > tr > td,
#contents .mypage .find > table > tbody > tr > td {
  width: 85%;
  vertical-align: top;
  padding-right: 15px;
}
#contents .mypage .notify_table > table > tbody > tr > td p,
#contents .mypage .find > table > tbody > tr > td p {
  padding: 6px 0;
}
#contents .mypage .notify_table > table > tbody > tr > td p.right,
#contents .mypage .find > table > tbody > tr > td p.right {
  text-align: right;
}
#contents .mypage .notify_table > table > tbody > tr > td #notice_board,
#contents .mypage .find > table > tbody > tr > td #notice_board {
  width: 100%;
}
#contents .mypage .notify_table > table > tbody > tr > td .dews-numerictextbox-wrapper,
#contents .mypage .find > table > tbody > tr > td .dews-numerictextbox-wrapper {
  width: 40px;
}
#contents .mypage .notify_table > table > tbody > tr > td textarea,
#contents .mypage .find > table > tbody > tr > td textarea {
  resize: none;
  width: 100%;
  margin: 5px 0;
}
#contents .mypage .notify_table > table > tbody > tr > td.file label,
#contents .mypage .find > table > tbody > tr > td.file label {
  position: relative;
  top: -7px;
  right: -572px;
}
#contents .mypage .notify_table > table > tbody > tr > td.file .file_add,
#contents .mypage .find > table > tbody > tr > td.file .file_add {
  position: absolute;
  right: 0;
  top: 0;
}
#contents .mypage .notify_table > table > tbody > tr > td.file .file_add input,
#contents .mypage .find > table > tbody > tr > td.file .file_add input {
  position: absolute;
  opacity: 0;
  top: 0px;
  width: 57px;
  height: 66px;
  right: 0;
  cursor: pointer;
  z-index: 1;
}
#contents .mypage .notify_table > table > tbody > tr > td.file .file_add button,
#contents .mypage .find > table > tbody > tr > td.file .file_add button {
  position: absolute;
  right: 0;
  height: 66px;
  top: 0px;
}
#contents .mypage .notify_table > table > tbody > tr > td.file .file_upload,
#contents .mypage .find > table > tbody > tr > td.file .file_upload {
  padding-right: 56px;
  position: relative;
}
#contents .mypage .notify_table > table > tbody > tr > td.file .file_upload .inner,
#contents .mypage .find > table > tbody > tr > td.file .file_upload .inner {
  width: 100%;
  height: 66px;
  border: 1px solid #c3c3c3;
  position: relative;
  overflow-y: auto;
}
#contents .mypage .notify_table > table > tbody > tr > td.file .file_upload ul,
#contents .mypage .find > table > tbody > tr > td.file .file_upload ul {
  padding: 2px 0 2px 13px;
}
#contents .mypage .notify_table > table > tbody > tr > td.file .file_upload ul li,
#contents .mypage .find > table > tbody > tr > td.file .file_upload ul li {
  padding: 3px 0;
}
#contents .mypage .notify_table > table > tbody > tr > td.file .file_upload ul li button,
#contents .mypage .find > table > tbody > tr > td.file .file_upload ul li button {
  width: 10px;
  height: 15px;
  border: none;
  background: url('../../images/mypage/p_xbutton.png') no-repeat 0 -3px !important;
}
#contents .mypage .notify_table table tbody tr th,
#contents .mypage .find table tbody tr th,
#contents .mypage .notify_table > table > tbody > tr > td,
#contents .mypage .find > table > tbody > tr > td {
  height: 37px;
  line-height: 37px;
  text-align: left;
  border-bottom: 1px solid  #dcdcdc;
  border-right: 1px solid  #dcdcdc;
  padding-left: 15px;
}
#contents .mypage .notify_table table tbody tr th.con,
#contents .mypage .find table tbody tr th.con,
#contents .mypage .notify_table > table > tbody > tr > td.con,
#contents .mypage .find > table > tbody > tr > td.con {
  height: 320px;
}
#contents .mypage .notify_table table tbody tr th.file,
#contents .mypage .find table tbody tr th.file,
#contents .mypage .notify_table > table > tbody > tr > td.file,
#contents .mypage .find > table > tbody > tr > td.file {
  height: 97px;
}
#contents .mypage .noticeSearch {
  /* position:absolute;
      right:0;
      top:0; */
  text-align: right;
}
#contents .mypage .noticeSearch:hover .searchBtn {
  border-left: 1px solid #51acf1;
}
#contents .mypage .noticeSearch input {
  width: 240px;
  padding-right: 30px;
}
#contents .mypage .noticeSearch input:focus + .searchBtn {
  border-left: 1px solid #51acf1;
}
#contents .mypage .noticeSearch .searchBtn {
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #c3c3c3;
  height: 23px;
  overflow: hidden;
}
#contents .mypage .noticeSearch .searchBtn:hover {
  border-left: 1px solid #c3c3c3;
}
.paging {
  width: 100%;
  text-align: center;
  padding-top: 6px;
  position: relative;
  z-index: 1;
}
.paging a {
  display: inline-block;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
.paging a.sel {
  color: #058df5;
  font-weight: bold;
}
.paging a:hover {
  text-decoration: underline!important;
}
.profile {
  position: relative;
  padding-right: 15px;
}
.profile .thumb {
  width: 37px;
  height: 37px;
  overflow: hidden;
  position: relative;
}
.profile .thumb:after {
  content: "";
  width: 37px;
  height: 37px;
  background: url("../../images/mypage/bg_frame.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
.gray_font {
  color: #a9a9a9;
}
.gray_font.right {
  position: absolute;
  right: 30px;
}
.blue_font {
  font-weight: bold;
  color: #058df5;
}
.red_font {
  color: #fa6047;
}
.red_font.bold {
  font-weight: bold;
}
.black_font {
  font-weight: bold;
  color: black;
}
.orange_font {
  color: #ff7500;
}
.orange_font.bold {
  font-weight: bold;
}
.inquiryTbl table {
  width: 100%;
  border-left: 1px solid #eaeaea;
  border-top: 1px solid #eaeaea;
}
.inquiryTbl table th,
.inquiryTbl table td {
  padding: 12px 14px;
  font-size: 13px;
  color: #4a4a4a;
  vertical-align: middle;
  border-bottom: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}
.inquiryTbl table th {
  background-color: #f9fafc;
}
.inquiryTbl table td.profile .profileImage {
  width: 81px;
  height: 81px;
  position: relative;
}
.inquiryTbl table td.profile .profileImage:after {
  content: "";
  width: 81px;
  height: 81px;
  background: url("../../images/common/bg_profile_Lframe.png") no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}
.inquiryTbl table td.profile .profileImage button {
  position: absolute;
  left: -4px;
  bottom: -3px;
  z-index: 1;
}
.inquiryTbl table td.profile > * {
  display: inline-block;
}
.find_info {
  padding: 10px;
}
.find_info span {
  line-height: 20px;
}
.find_info .btnGroup {
  padding-top: 10px;
  text-align: center;
}
.find_info .btnGroup button {
  height: 27px;
}
.find_id_popup {
  height: 117px;
  padding: 10px 12px 13px 12px;
}
.find_id_popup .search_count {
  height: 33px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.find_id_popup .search_count span {
  font-weight: bold;
}
.find_id_popup .search_id {
  min-height: 54px;
  max-height: 83px;
  padding: 18px 0 17px 0;
  border: 1px solid #eaeaea;
  background-color: #fbfbfb;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
}
.find_id_popup .search_id .find_id {
  display: inline-block;
  border-left: 1px solid #eaeaea;
  padding: 5px 19px;
}
.find_id_popup .search_id .find_id:first-child {
  border-left: none;
}