@charset "UTF-8";

/*게시판 검색*/
.bbs_search {
  margin-top: 30px;
  border: 1px solid #e9e9e9;
  background: #fafafa;
  text-align: center;
  display: block;
  padding: 20px;
}
/*검색 달력*/
.area_calendar_search,
.area_bbs_search_input {
  margin: 0 0 0 4.5%;
  /* float: left; */
}

.area_bbs_search_input2{
  margin: 0 auto;
}
.area_calendar_search .calendar {
  width: 90px;
}
.area_calendar_search .ui-datepicker-trigger {
  float: left;
  margin: 1px 0 0;
}
.calendar_search_text {
  height: 28px;
  line-height: 29px;
  margin: 0 5px 0 0;
}
.calendar_search_text.separ {
  margin: 0;
}
.bbs_search .input_text {
  width: 200px;
}
.bbs_search .submit {
  padding: 1px 20px;
 
  background: #686868;
  color: #ffffff;
}
.bbs_search .submit:hover {
 
  background: #151515;
}
.bbs_search .submit:focus {
 outline:2px dashed #000;outline-offset: 2px;
}
.bbs_search .date {
  width: 100px;
  border: none;
  text-align: center;
}
.bbs_search .date_wrap {
  display: inline-block;
  border: 1px solid #e9e9e9;
}
.bbs_info {
  margin-top: 30px;
}
.bbs_count .bbs_left {
  line-height: 30px;
}
.bbs_count strong {
  color: #222222;
}
.bbs_count .division_line {
  margin-left: 5px;
}
@media screen and (max-width: 800px) {
  .area_calendar_search, .area_bbs_search_input, .area_bbs_search_input2 {
    float: none;
    display: inline-block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 640px) {
  .bbs_search {
    padding: 0;
  }
  .bbs_search form {
    margin: 15px 3%;
  }
  .area_calendar_search {
    display: inline-block;
    margin: 0 auto;
  }
  .area_calendar_search .calendar {
    width: 100px;
  }
  .area_bbs_search_input {
    width: 100%;
  }
  .area_bbs_search_input2 {
    width: 100%;
  }
  .bbs_search select {
    width: 100%;
    margin: 2px 0;
  }
  .bbs_search span {
    display: block;
  }
  .bbs_search .input_text {
    width: 100%;
    margin: 2px 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
  }
  .bbs_search .submit {
    width: 100%;
    margin: 2px 0;
  }
  .bbs_count .bbs_left {
    margin-top: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 400px) {
  .area_calendar_search {
    width: 100%;
  }
  .bbs_search span {
    font-size: 13px;
    width: 100%;
    text-align: left;
  }
  .area_calendar_search .calendar {
    width: 40%;
    width: calc(50% - 32px);
    font-size: 14px;
  }
  .bbs_search span.separ {
    width:10px;
  }
}

/*게시판 아이콘*/
.bbs_ico {display: inline-block; background: url('/user_res/images/board/bbs_icon.png') no-repeat; margin-left: 5px; vertical-align: middle; font-size: 0; line-height: 0;}
.bbs_ico.new {width: 26px; height: 11px; background-position: 0 0;}
.bbs_ico.hot {width: 26px; height: 11px; background-position: -50px 0;}
.bbs_ico.delete {width: 23px; height: 11px; margin-left: 0; margin-right: 5px; background-position: -100px 0;}
.bbs_ico.secret {width: 16px; height: 15px; margin-left: 0; margin-right: 5px; background-position: -150px -50px;}
.bbs_ico.reply {width: 25px; height: 15px; margin-left: 0; margin-right: 5px; background-position: -200px -49px;}
.bbs_comment {display: inline-block; height: 15px; margin-left: 8px; padding-left: 18px; background: url('/user_res/images/board/bbs_icon.png') no-repeat 0 -150px; color: #888; font-size: 0.85em;}


/* 페이징 
.pagination {
  position: relative;
  margin-top: 25px;
  text-align: center;
  float: left;
  width: 100%;
}
.pagination a,
.pagination strong {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-left: 2px;
  margin-right: 2px;
  text-align: center;
  font-size: 13px;
  color: #252525;
  line-height: 22px;
  letter-spacing: -2px;
  vertical-align: middle;
}
.pagination a {
  border: solid 1px #dedede;
  background: #ffffff;
}
.pagination .now,
.pagination a:hover{
  border: solid 1px #353535;
  background: #353535;
  color: #ffffff;
  font-weight: normal;
}
.pagination span.page_btn {display: inline-block; margin: 0 5px;}
.pagination a.page_direction {width: 26px; height: 26px; font-size: 0; line-height: 0; text-indent: 100%;}
.pagination span.page_btn img {vertical-align: middle;}
*:first-child + html .pagination span.page_btn a {text-indent: 0;}
.pagination .prev_end {background: url('/user_res/images/board/icon_prev_end.png') no-repeat 50% 50%; }
.pagination .prev {background-position: -40px -92px;}
.pagination .prev_one {background: url('/user_res/images/board/icon_prev.png') no-repeat 50% 50%;}
.pagination .next_one {background: url('/user_res/images/board/icon_next.png') no-repeat 50% 50%;}
.pagination .next {background-position: -90px -92px;}
.pagination .next_end {background: url('/user_res/images/board/icon_next_end.png') no-repeat 50% 50%;}
*/

/*test paging */
/* paging */
.paging{overflow:hidden; width:100%; margin:20px 0 30px 0; text-align:center; display:inline-block;}
.paging ul{ overflow:hidden; display:table; display:inline-block; margin:0 auto; }
.paging ul li{float:left; padding-right:5px;}
.paging ul{border:none; font-size:13px}
.paging ul li a {
    border: 1px solid #dedede;
    background: #ffffff;
    padding: 3px 11px;
    display: block; 
    letter-spacing: -2px;
    font-size: 0.9rem;
}
.paging ul li a:hover{background:#353535; color:#fff; font-weight:bold}
.paging ul li.on a{background: #353535;color:#fff;font-weight:bold;}
.paging ul li.on a:focus{border:3px dashed #f00;}
.paging ul li a img {
    vertical-align: text-bottom;
}

@media screen and (max-width: 500px) {
  .paging ul li a {
    padding: 3px 9px;
    font-size: 0.7rem;
    letter-spacing: -1px;
    height: 27px;
  }
  .paging ul li a img {
     max-width: 11px;
  }
}


/* 기본게시판 */
table.bbs_default.list {width: 100%; border-collapse: collapse; margin-top: 5px;}
table.bbs_default.list thead tr:first-child th {border-top: 2px solid #151515; border-bottom: 1px solid #aaa;}
table.bbs_default.list thead tr th { border-bottom: 1px solid #aaa; }
table.bbs_default.list th {padding: 12px 10px; border-bottom: 1px solid #d9d9d9; text-align: center; font-weight: 600;}
table.bbs_default.list td {padding: 12px 10px; border-bottom: 1px solid #d9d9d9; color: #737373; text-align: center;}
table.bbs_default.list td.subject {text-align: left;}
table.bbs_default.list td.subject a {display: inline; color: #222;}
table.bbs_default.list .delete td {color: #aaa;}
table.bbs_default.list .delete td.subject a {color: #aaa;}
table.bbs_default.list td img {margin-left: 5px; vertical-align: middle;}
table.bbs_default.list .notice td {background: #fafafa; font-weight: 600; color: #333;}
table.bbs_default.list .notice a {font-weight: 600; color: #333;}
table.bbs_default.list .notice .noticeItem {}
table.bbs_default.list .empty {padding: 40px 0; text-align: center;}
table.bbs_default.list .delete .delete_info {font-size: 0.9em; color: #2e84d1;}

@media screen and (max-width: 640px) {
  .bbs_explain_top ul {margin-left: 0;}
  .bbs_explain_bottom ul {margin-left: 0;}
  table.bbs_default colgroup {display: none;}
  table.bbs_default .mobile_skip{display: none;}
  table.bbs_default.list td.date.mobile_need {
   width: 30%;
 }
  table.bbs_default.list td.subject.mobile_need {
    width: 70%;
  }
  table.bbs_default.list tbody {border-top: 1px solid #151515;}
  table.bbs_default.list tbody tr {display: block; padding: 4px 0; border-bottom: 1px solid #d9d9d9;}
  table.bbs_default.list tbody tr:after {display: block; clear: both; content: "."; visibility: hidden; height: 0;}
  table.bbs_default.list tbody tr:nth-child(odd) {background: #f8f8f8;}
  table.bbs_default.list tbody tr {
    display: table-row;
  }
  table.bbs_default.list td{
    border-bottom: 0;
    padding: 8px 5px;
    font-size: 0.9rem;
    letter-spacing: -0.8px;
  }
  table.bbs_default.list [data-cell-header]:before {	content: attr(data-cell-header); 	display: inline-block;}
  table.bbs_default.list .checkbox {display: none;}
  
  .bbs_search {padding: 2%;}
  .bbs_search form {margin: 15px 3%;}
  .bbs_search select {width: 100%; margin: 2px 0;}
  .bbs_search .input_text {width: 100%; margin: 2px 0; padding-left: 0; padding-right: 0; text-align: center;}
  .bbs_search .submit {width: 100%; margin: 2px 0;}
}

@media screen and (max-width: 640px) {
  /*기본 게시판 비반응형 (스크롤생기는형태) list*/
  .responsive_tb {
    position: relative;
    overflow-x: auto;
    margin: 0 0 15px;
  }
  .responsive_tb table.bbs_default.list {
    width: 800px;
  }
}

/*기본+갤러리 게시판 list*/
.bbs_mix {
  width: 100%;
  border-top: 2px solid #151515;
  margin: 20px 0;
}
.bbs_mix th {
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #e6e6e6;
}
.bbs_mix td {
  color:#3c3c3c;
  font-size:14px;
  border-bottom:1px solid #e6e6e6;
  padding: 10px;
  word-break:break-all;
  vertical-align:top;
}
.bbs_mix td a {
  color:#000;
}
.bbs_mix td .data {
  float: right;
  color:#586b82;
}
.bbs_mix td .subject {
  font-size:16px;
  margin:10px 0;
  font-weight:600;
  display: block;
}

/* 기본 게시판 view */
table.bbs_default {width: 100%; border-collapse: collapse; margin: 0;}
table.bbs_default.view tr:first-child th, table.bbs_default.view tr:first-child td {border-top: 1px solid #d9d9d9;;}
table.bbs_default.view th {width: 20%; padding: 12px 10px; border-bottom: 1px solid #d9d9d9; background: #f8f8f8; font-weight: 600; text-align: center;}
table.bbs_default.view th.tdth{width:inherit; padding: 12px 10px 12px 25px; font-weight:bold;}
table.bbs_default.view .t5per th {width: auto !important;}
table.bbs_default.view td {padding: 12px 10px 12px 25px; border-bottom: 1px solid #d9d9d9;}
table.bbs_default.view td.tdth{text-align:center; background-color:#F8F8F8; font-weight:bold;}
table.bbs_default.view thead tr:first-child th {border-top: 2px solid #151515; border-bottom: 1px solid #aaa;}
table.bbs_default.view .subject td {font-weight: 700;}
table.bbs_default.view .subject.delete .subject_text {font-weight: 400; color: #888;}
table.bbs_default.view .delete .delete_info {font-size: 0.9em; color: #2e84d1;}
table.bbs_default.view .bbs_content {min-height: 150px; text-align: left;}
table.bbs_default.view .bbs_content.font_size20{font-size:20px;}
table.bbs_default.view .bbs_content img {max-width: 640px; height: auto;}
table.bbs_default.view .bbs_content .photo_area {margin-bottom: 25px; text-align: center;}
table.bbs_default.view .bbs_content .photo_view {position: relative; width: auto; margin: 15px auto; font-size: 0; line-height: 0;}
table.bbs_default.view .bbs_content .photo_view .photo_wrap {display: inline-block; position: relative;}
table.bbs_default.view .bbs_content .photo_view img {max-width: 640px; max-height: 480px; padding: 5px; border: 1px solid #eee;}
table.bbs_default.view .bbs_content .photo_zoom {display: block; overflow: hidden; position: absolute; bottom: 7px; right: 7px; z-index: 10; width: 25px; height: 25px; padding: 6px; background: url('/user_res/images/board/mask.png'); font-size: 12px;}
table.bbs_default.view .bbs_content .photo_zoom a {display: block; width: 25px; height: 25px; background: url('/user_res/images/board/bbs_icon.png') no-repeat 0 -200px; font-size: 0; line-height: 0; text-indent: 100%;}
table.bbs_default.view  ul.view_attach {}
table.bbs_default.view  ul.view_attach li {margin: 1px 0;}
table.bbs_default.view  ul.view_attach li img {margin-right: 5px;}
table.bbs_default.view  ul.view_attach li .file_size {margin-left: 10px; font-size: 11px; letter-spacing: -1px; font-family: 'dotum'; color: #2e84d1;}
table.bbs_default.view  ul.view_attach li .download_num {margin-left: 10px; font-size: 11px; letter-spacing: -1px; font-family: 'dotum'; color: #2e84d1;}
table.bbs_default.view  ul.view_attach li a {color: #222;}
table.bbs_default.view  .bbs_attach_preview {display: inline-block; height: 20px; line-height: 20px; margin-left: 5px; padding-left: 8px; background: #686868; color: #fff; font-size: 0.9em; vertical-align: middle;}
table.bbs_default.view  .bbs_attach_preview .ico_preview {display: inline-block; width: 20px; height: 20px; margin: 0 0 1px 10px; background: #fff url('/user_res/images/board/bbs_icon.png') no-repeat -95px -46px; vertical-align: top;}

@media screen and (max-width: 640px) {
  table.bbs_default.view tr {display: block;}
  .bbs_content_area{
    background: #f5f4f4;
  }
  table.bbs_default.view tr:after {display: block; clear: both; content: "."; visibility: hidden; height: 0;}
  table.bbs_default.view tr {display: inline-block;}
  table.bbs_default.view tr {display: block;}
  table.bbs_default.view th {display: block; float: left; clear: left; width: 100%; padding: 10px 3% 0; border: none; background: none; color: #222; text-align: left; box-sizing: border-box;}
  table.bbs_default.view td {display: block; float: left; clear: left; width: 100%; padding: 0 3% 10px; box-sizing: border-box;}
  table.bbs_default.view tr:first-child th {border-bottom: none;}
  table.bbs_default.view tr:first-child td {border-top: none;}
  table.bbs_default.view .bbs_content img {width: 100%; max-width: none; height: auto;}
  table.bbs_default.view .bbs_content .photo_view {width: 100%;}
  table.bbs_default.view .bbs_content .photo_view img {max-width: 100%; max-height: 600px; padding: 0; border: none;}
  table.bbs_default.view  ul.view_attach li a:not(.bbs_attach_preview) {display: block;}
  table.bbs_default.view  ul.view_attach li .file_size {margin-left: 22px;}
  table.bbs_default.view input[type='radio'], table.bbs_default.view input[type='checkbox'] {width: auto; height: auto; padding-left: 0;}
}
@media screen and (max-width: 500px) {
  table.bbs_default.view tr {border-bottom: none;}
  table.bbs_default.view th {display: block; width: 94%; padding: 10px 3% 0; background: none; text-align: left;}
  table.bbs_default.view td {display: block; width: 94%; padding: 0 3% 10px;}
  table.bbs_default.view [data-cell-header]:before {content: attr(data-cell-header); display: inline-block;}
}




/* 기본게시판 write */
.write_guide {margin-top: 25px;}

table.bbs_default.write {width: 100%; margin-top: 5px; border-collapse: collapse;}
table.bbs_default.write tr:first-child th, table.bbs_default.write tr:first-child td {border-top: 2px solid #151515;}
table.bbs_default.write th {width: 20%; padding: 8px 10px; border-bottom: 1px solid #d9d9d9; background: #f8f8f8; font-weight: 600; text-align: center;}
table.bbs_default.write thead tr:first-child th {border-top: 2px solid #151515; border-bottom: 1px solid #aaa;}
table.bbs_default.write td {padding: 8px 25px; border-bottom: 1px solid #d9d9d9;}
table.bbs_default.write img {vertical-align: middle;}
table.bbs_default.write td label {margin-right: 10px;}

table.bbs_default.write .subject input {width: 100%;}
table.bbs_default.write .date {width: 100px; border: none; text-align: center;}
table.bbs_default.write .date_wrap {display: inline-block; border: 1px solid #e9e9e9;}
table.bbs_default.write .ico_calendar {display: inline-block; width: 20px; height: 20px; margin: 0 3px; background: url('/common/images/board/bbs_icon.png') no-repeat -48px -48px; vertical-align: middle;}
table.bbs_default.write .ico_calendar button {display: inline-block; width: 20px; height: 20px; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; font-size: 0;}
table.bbs_default.write .phone {width: 80px; text-align: center;}
table.bbs_default.write .zipcode {width: 80px; text-align: center;}
table.bbs_default.write .addr_left {float: left; width: 48%;}
table.bbs_default.write .addr_right {float: right; width: 50%;}
table.bbs_default.write .addr {width: 100%;}
table.bbs_default.write .addr2 {width: 100%;}
table.bbs_default.write .bbs_btn_small {padding: 0 6px;background: #686868; color: #fff; text-decoration: none;}
table.bbs_default.write .bbs_content {width: 100%; min-height: 250px; padding: 5px 3px;}
table.bbs_default.write .attach li {padding: 5px 0;}
table.bbs_default.write .attach li:first-child {border: none;}
table.bbs_default.write .attach li > div:after {display: block; clear: both; content: "."; visibility: hidden; height: 0;}
table.bbs_default.write .attach li > div {display: inline-block;}
*:first-child + html table.bbs_default.write .attach li > div {height: 1%;}
table.bbs_default.write .attach li > div {display: block;}
table.bbs_default.write .attach_alt {position: relative;}
table.bbs_default.write .attach_file {position: relative;}
table.bbs_default.write .attach_file .file_label {position: absolute; top: 7px; left: 0; width: 14px; height: 21px; background: url('/common/images/board/bbs_icon.png') no-repeat -50px -150px; font-size: 0; text-indent: 100%; vertical-align: middle;}
*:first-child + html table.bbs_default.write .file_label {text-indent: 0;}
table.bbs_default.write .attach_file .file_input {display: inline-block; width: 76%; margin-left: 23px; margin-right: 8px;}
table.bbs_default.write .attach_file .file_input input {width: 100%;}
table.bbs_default.write .attach_alt .alt_label {position: absolute; top: 5px; left: 0; width: 16px; height: 21px; background: url('/common/images/board/bbs_icon.png') no-repeat -200px -148px; font-size: 0; text-indent: 100%;}
*:first-child + html table.bbs_default.write .alt_label {text-indent: 0;}
table.bbs_default.write .attach_alt .alt_input {display: block; margin-left: 23px;}
table.bbs_default.write .attach_alt .alt_input input {width: 100%;}

@media screen and (max-width: 640px) {
  table.bbs_default.write tr {display: block; padding: 4px 0;}
  table.bbs_default.write tr:after {display: block; clear: both; content: "."; visibility: hidden; height: 0;}
  table.bbs_default.write tr {display: inline-block;}
  table.bbs_default.write tr {display: block;}
  table.bbs_default.write th {display: block; float: left; clear: left; width: 100%; padding: 10px 3% 0; border: none; background: none; color: #222; text-align: left; box-sizing: border-box;}
  table.bbs_default.write td {display: block; float: left; clear: left; width: 100%; padding: 0 3% 10px; box-sizing: border-box;}
  table.bbs_default.write tr:first-child th {border-bottom: none;}
  table.bbs_default.write tr:first-child td {border-top: none;}
  table.bbs_default.write input.date {}
  table.bbs_default.write .addr_left {float: none; width: 100%;}
  table.bbs_default.write .addr_right {float: none; width: 100%;}
  table.bbs_default.write [data-cell-header]:before {content: attr(data-cell-header); display: inline-block;}
  table.bbs_default.write .content_in {display: block; margin-bottom: 5px;}
  table.bbs_default.write input[type='radio'], table.bbs_default.write input[type='checkbox'] {width: auto; height: auto; padding-left: 0;}
}

/* 강좌신청 bbs_ltype2 */
.division_line.type2{position:relative;padding-left:12px;}
.division_line.type2:after{content:'▶'; font-size:10px; position:absolute; top:-2px; left:0; color:#5c81c6}
.bbs_ltype2{border-top:2px solid #5c81c6;border-bottom:1px solid #a5a5a5;}
.bbs_ltype2 dl{padding:25px 20px 30px;border-top:1px solid #ccc; letter-spacing: -0.5px;}
.bbs_ltype2 dl:first-child{border-top:0}
.bbs_ltype2 dl dt{margin-bottom:10px;font-size:18px;color:#333;font-weight:bold;line-height:30px;}
.bbs_ltype2 dl dt .tit{display:inline-block;margin-right:10px;padding-left:3px;}
.bbs_ltype2 dl dt .tit span{display:block;padding:0 8px 0 5px;font-size:13px;color:#7e7e7e;text-align:center;line-height:25px;background:#fff url('/new_img/board/tit_name_bg.png') no-repeat right top}
.bbs_ltype2 dl dt .mark{margin-right:10px; font-family:'NanumS', sans-serif;}
.bbs_ltype2 dl dd{padding:15px 20px;background:#f1f5fc}
.bbs_ltype2 dl dd li{position:relative;margin-bottom:5px;background:url('/user_res/images/board/ul_depth1_bu.gif') no-repeat 0 9px; font-size: 14px;}
.bbs_ltype2 dl dd li .name{display:inline-block; min-width:90px; margin-right:10px; padding-left:12px; color:#0e51b8; font-weight:bold;background:url('/user_res/images/board/kan.gif') no-repeat right center}
.bbs_ltype2 dl dd ul.liw2{height:100%;overflow:hidden}
.bbs_ltype2 dl dd ul.liw2 li{float:left;width:calc(50% - 20px); margin-left:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbs_ltype2 dl dd ul.liw2 li.ri_w .name{/* min-width:90px */}

@media screen and (max-width: 800px) {
.bbs_ltype2 dl dd ul.liw2 li{width:100%;}
}

/* 뉴스형 게시판 */
/*.bbs_news {border-top: 2px solid #151515;}*/
/*.bbs_news .list {width: 100%; margin: 5px 0;}*/
/*.bbs_news .list li {width: 100%; padding: 15px 0; border-bottom: 1px solid #e8e8e8;}*/
/*.bbs_news .list li:after {visibility: hidden; display: block; clear: both; content: "."; height: 0; width: 0; font-size: 0;}*/
/*.bbs_news .list li {display: inline-block;}*/
/*.bbs_news .list li {display: block;}*/
/*.bbs_news .list li a {display: block;}*/
/*.bbs_news .list .photo {display: inline-block; float: left; margin: 2px 0 0; padding: 0 3px 3px 0;}*/
/*.bbs_news .list .photo input, .bbs_news .list .photo img {vertical-align: middle;}*/
/*.bbs_news .list .photo input {margin-right: 5px;}*/
/*.bbs_news .list .photo img {width: 140px; height: 90px; padding: 3px; border: 1px solid #e9e9e9;}*/
/*.bbs_news .list .substance {display: block; margin: 0 0 0 170px; padding-top: 5px;}*/
/*.bbs_news .list .subject {display: block; margin: 0 0 8px; font-size: 1.12em; letter-spacing: -1px; line-height: 20px;}*/
/*.bbs_news .list a .subject  {color: #333;}*/
/*.bbs_news .list a:hover {text-decoration: none;}*/
/*.bbs_news .list  .text {display: block; overflow: hidden; position: relative; max-height: 45px; text-overflow: ellipsis;}*/
/*!* display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; *!*/
/*.bbs_news .list .delete .subject {color: #aaa;}*/
/*.bbs_news .list .date {display: block; margin-top: 5px; font-size: 0.95em; color: #afafaf;}*/

/*@media screen and (max-width: 640px) {*/
/*.bbs_news .list .photo img {width: 100px; height: 75px;}*/
/*.bbs_news .list .substance {display: block; margin: 0 0 0 115px;}*/
/*.bbs_news .checkbox {display: none;}*/
/*}*/


/* 갤러리형 게시판 */
.bbs_gallery {
  overflow: hidden;
  width: 100%;
  margin: 5px 0;
  border-top: 2px solid #151515;
  border-bottom: 1px solid #e9e9e9;
}
.bbs_gallery ul.list {width: 100%; margin: 10px 0;}
.bbs_gallery ul.list li {display: inline; overflow: hidden; float: left; width: 30%; margin: 10px 1.4% 15px; min-height: 180px;}
.bbs_gallery ul.list li a {display: block; position: relative; border: 1px solid #e9e9e9; text-align: center;}
.bbs_gallery ul.list li.popupzip a {height: 318px;}
.bbs_gallery ul.list li a span {display: inline-block;}
.bbs_gallery ul.list li a .photo {display: block; overflow: hidden; position: relative; max-width: 100%; height: 100%; background: url('/common/images/board/mask.png'); font-size: 0; line-height: 170px;}
.bbs_gallery ul.list li a .photo img {max-width: 100%; max-height: 170px; vertical-align: middle; transition: all 400ms;}
.bbs_gallery ul.list li a:hover .photo img {transform: scale(1.2);}
.bbs_gallery ul.list li a .subject {overflow: hidden; display: block; margin: 10px 5px 0; color: #222; line-height: 1.4em; white-space: nowrap; text-overflow: ellipsis;}
.bbs_gallery ul.list li a .author {font-size: 0.85em;}
.bbs_gallery ul.list li a .date {padding-bottom: 10px; font-size: 0.85em; color: #888;}
.bbs_gallery ul.list .empty {padding: 10px 0; border-bottom: 1px solid #e7e7e7; text-align: center;}
.bbs_gallery ul.list li.delete .delete_info {font-size: 11px; color: #2e84d1; vertical-align: middle;}
.bbs_gallery ul.list li.delete .subject {color: #aaa;}
.bbs_gallery ul.list li .ico_group {position: absolute; top: 5px; left: 5px; z-index: 10;}
.bbs_gallery ul.list li .ico_group .bbs_ico {margin-left: 0; margin-right: 1px;}
*:first-child + html .bbs_gallery ul.list li a .photo {width: 100%;}
*:first-child + html .bbs_gallery ul.list li a .photo img {width: 100%; height: 180px;}

.bbs_gallery ul.list.subject_over .date {display: none;}
.bbs_gallery ul.list.subject_over .subject {position: absolute; bottom: 0; left: 0; width: 96%; margin: 0; padding: 8px 2%; background: url('/common/images/board/mask2.png') ; color: #fff; text-align: left;}

@media screen and (max-width: 756px) {
  .bbs_gallery ul.list li {width: 30%;}
  .bbs_gallery[data-photo-type='fixed'] ul.list li a .photo {width: auto; max-width: 100%;}
  .bbs_gallery[data-photo-type='fixed'] ul.list li a .photo img {max-width: 100%;}
}
@media screen and (max-width: 640px) {
  .bbs_gallery ul.list li {width: 47%; min-height: 140px;}
  .bbs_gallery ul.list li a .photo {line-height: 140px;}
  .bbs_gallery ul.list li a .photo img {max-height: 140px;}
  .bbs_gallery ul.list li.delete .delete_info {display: none;}
  .bbs_gallery ul.list li .checkbox {display: none;}
}

/* 갤러리 게시판  - 사진위 제목 over 되는 type */
.bbs_gallery.type2 {overflow: hidden; width: 100%; margin: 5px 0; border-top: 2px solid #151515; border-bottom: 1px solid #e9e9e9;}
.bbs_gallery.type2 ul.list {width: 104%; margin: 10px -1.4%;}
.bbs_gallery.type2 ul.list li {display: inline; overflow: hidden; float: left; width: 30%; margin: 10px 1.4% 15px; min-height: 180px;}
.bbs_gallery.type2 ul.list li a {display: block; position: relative; border: 1px solid #e9e9e9; text-align: center;}
.bbs_gallery.type2 ul.list li a span {display: inline-block;}
.bbs_gallery.type2 ul.list li a .photo {display: block; overflow: hidden; position: relative; max-width: 100%; height: 100%; background: url('/common/images/board/mask.png'); font-size: 0; line-height: 180px;}
.bbs_gallery.type2 ul.list li a .photo img {max-width: 100%; max-height: 180px; vertical-align: middle;}
.bbs_gallery.type2 ul.list li a:hover .photo img {transform: scale(1.2); transition: all 400ms;}
.bbs_gallery.type2 ul.list li a .photo.hover:before {content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url('/common/images/board/mask3.png');}
.bbs_gallery.type2 ul.list li a .photo.hover:after {content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: url('/common/images/board/icon_over.png') no-repeat 50% 50%;}
.bbs_gallery.type2 ul.list li a .subject {position: absolute; bottom: 0; left: 0; width: 96%; margin: 0; padding: 8px 2%; background: url('/common/images/board/mask2.png') ; color: #fff; text-align: left;}
.bbs_gallery.type2 ul.list li a .author {font-size: 0.85em;}
.bbs_gallery.type2 ul.list li a .date {display: none;}
.bbs_gallery.type2 ul.list .empty {padding: 10px 0; text-align: center; border-bottom: 1px solid #e7e7e7;}
.bbs_gallery.type2 ul.list li.delete .delete_info {font-size: 11px; color: #2e84d1; vertical-align: middle;}
.bbs_gallery.type2 ul.list li.delete .subject {color: #aaa;}
.bbs_gallery.type2 ul.list li .ico_group {position: absolute; top: 5px; left: 5px; z-index: 10;}
.bbs_gallery.type2 ul.list li .ico_group .bbs_ico {margin-left: 0; margin-right: 1px;}
*:first-child + html .bbs_gallery.type2 ul.list li a .photo {width: 100%;}
*:first-child + html .bbs_gallery.type2 ul.list li a .photo img {width: 100%; height: 180px;}
@media screen and (max-width: 756px) {
  .bbs_gallery.type2 ul.list li {width: 30%;}
  .bbs_gallery.type2[data-photo-type='fixed'] ul.list li a .photo {width: auto; max-width: 100%;}
  .bbs_gallery.type2[data-photo-type='fixed'] ul.list li a .photo img {max-width: 100%;}
}
@media screen and (max-width: 640px) {
  .bbs_gallery.type2 ul.list li {width: 47%; min-height: 140px;}
  .bbs_gallery.type2 ul.list li a .photo {line-height: 140px;}
  .bbs_gallery.type2 ul.list li a .photo img {max-height: 140px;}
  .bbs_gallery.type2 ul.list li.delete .delete_info {display: none;}
  .bbs_gallery.type2 ul.list li .checkbox {display: none;}
}                 
    
/*필수값 수정*/                   
abbr {
    color: #E91E63;
    text-decoration: none;
    vertical-align: middle;
}         
/*예약관련 2줄*/                   
.bbs_search_lecture .calendar_visible_label {
  min-width: 110px;
  text-align: right;
}
.bbs_searchForm_line2 {
  text-align: center;
}
.bbs_searchForm_line2 .area_calendar_search, 
.bbs_searchForm_line2 .area_bbs_search_input, 
.bbs_searchForm_line2 .area_bbs_search_input2 {
    float: none;
    display: block;
    margin: 0;
    clear: both;
}
.bbs_searchForm_line2 .area_calendar_search {
   display: inline-block;
}        
/*예약관련 여러줄*/            
.bbs_search .bbs_search_lecture_multiple .input_text {
  width: 181px;
}
.bbs_search_lecture_multiple .area_calendar_search {
    float: none;
    display: inline-block;
    margin: 0;
}      
.bbs_search_lecture_multiple .area_bbs_search_input2 {
    clear: both;
    float: none;
    display: inline-block;
    margin: 0;
}    
.bbs_search_lecture_multiple .calendar_search_text {
    margin: 0 5px;
}             


.table_03 { width:100%; border-top:2px solid #3f638f; margin:20px 0; }
.table_03 th { text-align:center; padding:10px; border-bottom:1px solid #e6e6e6; }
.table_03 td{color:#3c3c3c;font-size:15px;border-bottom:1px solid #e6e6e6;padding: 5px 10px 15px;word-break:break-all;/* vertical-align:top; */}
.table_03 td a { color:#000; }
.table_03 td.center { text-align:center; }
.table_03 td .part {margin: 5px 0 20px 0;position:relative;color:#586b82;}
.table_03 td .part span { position:absolute; right:0px; }
.table_03 td .subject {font-size:16px;margin:10px 0 0;font-weight: 600;display: block;height: 56px;}    
.period, .place { color:#666; }              
.table_03.lib td {
  position: relative;
}                           
.table_03.lib td img {
  float: left;
  margin: 0 20px 0 0;
}    
.th_img { border:1px solid #eee; } 
@media screen and (max-width: 640px) {
  .table_03.lib td {
    text-align: center;
  }
  .table_03.lib td img {
    float: none;
    margin: 0 auto;
    display: block;
  }
 .table_03.lib .period,
 .table_03.lib .place {
    font-size: 0.85rem;
  }
}          

.individual_box{ text-align:left;width:100%;/*height:100px;*/ border:1px solid #c3c3c3; font-family:"돋움"; font-size:10pt; line-height:24px; color:#666;  background:#fff; overflow-y:scroll; padding:10px;}
                                       

.bookTable th{width:13% !important;}

/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:20px;right:20px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:#fff url("../img/common/mb_ic_search.png") no-repeat center center;background-size:20px;border:2px solid #ccc;border-radius:50%;opacity:0.7}
@media all and (max-width:480px){
	.mblink a{display:block}
}
.mb10 { margin-bottom:10px !important; }

/* 기부자 명예의 전당 0425 */
/* gibu_gallery */
.gibu_gallery {width:100%; border-top: 2px solid #151515; border-bottom: 1px solid #aaa; overflow:hidden;}
.gibu_gallery ul {margin-top:20px;}
.gibu_gallery li {float:left; width:33.3%;  margin-bottom:30px; margin-left:2.5%;}
.gibu_gallery li.no_data {float:left; width:100%; height:280px; margin-left:2.5%; text-align:center;}
.gibu_gallery li.no_data span { padding-top:100px; }
.gibu_gallery li:nth-of-type(4n-3) {margin-left:0;}
.gibu_gallery li a {display:block;}
.gibu_gallery span {display:block;}

.gibu_list ul {display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 10px; margin-bottom: 20px;}/* justify-content: space-between; gap: 10px;*/
.gibu_list ul li{width: 32%;text-align: center;min-height: 225px; margin: 0 0 20px 0 !important; background:url('/images/gibu_bg.png') 50% 20px no-repeat, linear-gradient(120deg, #281d6d, #1e1937);}
.gibu_list ul li a p:first-child{position:relative; color: #fff;font-weight: bold;font-size:22px;margin-top:60px; padding-bottom: 10px; text-align:center; font-family: 'GmarketSans';}
.gibu_list ul li a p:first-child::after {position: absolute; bottom: 0; left:calc(50% - 30px); content: ""; width:60px; height: 1px; background: #78697e;}
.gibu_list ul li a p:nth-child(2){font-size: 15px;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;color: #fff;margin: 10px 10px 30px 10px;overflow: hidden;height: 50px;text-align: center;}
.gibu_list ul li p.con{padding: 13px 29px;width:100%;text-align:center;line-height:23px;background:#353c8e;font-size: 16px;color: #fff;border-radius: 1px;}
.gibu_list ul li a p span{color: #ffda5b; position: relative; display: inline-block; padding-right: 20px; font-weight: bold; letter-spacing: -1px;}
.gibu_list ul li a p span::before{position: absolute; content: ""; background: #867b7a; width: 1px; height: 12px; right: 7px; top: 50%; transform: translateY(-50%)}

@media all and (max-width:780px){
  .gibu_list ul li {width:48%;}
}
@media all and (max-width:520px){ 
  .gibu_list ul li{width: 100%;}
}

/* 기부자 명예의 전당(수정) 2024.09.02 */
.gibu_list1 ul {display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 20px;}
.gibu_list1 ul li{width: 32%;text-align: center;/*min-height: 225px;*/ margin: 0 2% 20px 0;}
.gibu_list1 ul li:nth-child(3n+3) {margin-right: 0;}
.gibu_list1 ul li .gibu_name {position: relative; background:url('/images/gibu_bg01.png') 50% 40px no-repeat, linear-gradient(180deg, #92396e, #392467);}
.gibu_list1 ul li .gibu_name strong {position: relative; display: block; color: #fff;font-weight: bold;font-size: 22px; text-align: center;font-family: 'GmarketSans'; padding: 110px 20px 0;}
.gibu_list1 ul li .gibu_name span {display: block;font-size: 15px;text-align: center; text-overflow: ellipsis;white-space: normal; word-break: keep-all; color: #c3b3d5; height: auto; padding:20px 30px;}
.gibu_list1 ul li .gibu_name.gibu_organ {background:url('/images/gibu_bg02.png') 50% 30px no-repeat, linear-gradient(180deg, #92396e, #392467);}
	.gibu_list1 ul li .gibu_name.gibu_organ strong {padding: 120px 20px 30px;}
.gibu_list1 ul li p.con{padding: 13px 29px;width:100%;text-align:center;line-height:23px;background: #250e4d;font-size: 16px;color: #fff;border-radius: 1px;}
.gibu_list1 ul li a p span{color: #ffda5b; position: relative; display: inline-block; padding-right: 20px; font-weight: bold; letter-spacing: -1px;}
.gibu_list1 ul li a p span::before{position: absolute; content: ""; background: #867b7a; width: 1px; height: 12px; right: 7px; top: 50%; transform: translateY(-50%)}

@media all and (max-width:780px){
	.gibu_list1 ul li {width:49%;}
	.gibu_list1 ul li:nth-child(2n+2) {margin-right: 0;}
	.gibu_list1 ul li:nth-child(3n+3) {margin-right: 2%;}
}
@media all and (max-width:520px){ 
	.gibu_list1 ul li{width: 100%; margin-right: 0;}
	.gibu_list1 ul li:nth-child(3n+3) {margin-right: 0%;}
}

/* 달력 */
#container .colgroup #contents.res_cal{overflow:visible !important;}
.sch_month{width: 99%;background: #5564ba;}
.tit_month{position:relative;width:100%;height:90px;text-align:center;border-bottom:1px solid #2e4a88;}
.tit_month span{position:absolute;top:20px;}
.tit_month span a{display:block;width:48px;height:48px;border:2px solid #fff; top:23px;font-size:0;overflow:hidden;background:#3e5996;border-radius:50%;}
.tit_month span a::after{position: absolute;display:inline-block;width:11px;height:18px;content:'';top:15px; left:19px;line-height:48px;background:url('/upload_data/board_data/BBS_0000214/171800948627946.png') no-repeat}

.sch_month .tit_month .mon{display:inline-block;position:static; font-size:36px; text-align:center; line-height:90px; letter-spacing:-0.5px; color:#fff;}
.sch_month .tit_month > div{position:absolute;top:28px;font-size:14px; display: flex; flex-wrap: wrap; align-content: center; align-items: center;}
.sch_month .tit_month > div a{color:#fff;text-decoration:none}
.sch_month .tit_month .btn_before{left:30px;}
.sch_month .tit_month .btn_before_s{position:absolute;top:34px;left:140px}
.sch_month .tit_month .btn_next_s{position:absolute;top:34px;right:140px}
.sch_month .tit_month .btn_next{right:30px;}



.shc_month_list{position:relative;padding-top:60px;border-left:1px solid #cbcbcb;}
.shc_month_list::before {position:absolute; top:0; left:-1px; width:1px; height:60px; content:''; background:#335091; z-index:1;}
.shc_month_list ol{}
.shc_month_list ol:after{display:block;clear:both;content:''}
.shc_month_list > ol > li{float:left;width: calc(99% / 7);position: relative;}
.shc_month_list > ol > li > div{position:relative;padding:0 10px 10px;height:130px;border:1px solid #cbcbcb;border-width:0 1px 1px 0}
.shc_month_list > ol > li .week_name{position:absolute;top: -62px;left:0;display:block;width: 100%;height: 62px;font-size:16px;color:#fff;text-align:center;line-height:60px;background: #5567b7;border-top: 1px solid #405098;}
.shc_month_list > ol > li .week_name:after{position:absolute;top:0;right:-1px;content:'';width:1px;height:100%;background: #6477be;z-index:99}
.shc_month_list > ol > li .today {background:#f7f7f7;} 
.shc_month_list > ol > li .null{background:#f9f9f9;}
.shc_month_list > ol > li .sat{background:#f1f4ff;}
.shc_month_list > ol > li .sun{background:#fffaef;}
/*.shc_month_list > ol > li .sun{background:#fef9df;}*/
.shc_month_list > ol > li .hew {}
.shc_month_list > ol > li .num{display:block;padding:10px 0;font-size:15px;color:#333;}
.shc_month_list > ol > li .num strong{font-size:14px; font-weight:normal;}
.shc_month_list > ol > li .num .col_red{color:#d52e2e;}
.shc_month_list > ol > li.last .num{color:#a7a7a7}
.shc_month_list > ol > li+li+li+li+li+li+li+li .week_name{height:0;overflow:hidden;border:0}
.shc_month_list .thea_list{height:85px;overflow:auto;}
.shc_month_list .thea_list li{position:relative;margin-bottom:0px; padding:3px 9px; min-height:18px;font-size:13px;line-height:19px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*.shc_month_list .thea_list li::before{position:absolute;top:6px;left:0;width:4px;height:4px;content:'';border-radius: 50%;background:#3e5799;overflow: hidden;}*/
.shc_month_list .thea_list .reserv_btn a:link, .shc_month_list .thea_list .reserv_btn a:visited{color:#fff}
.shc_month_list .thea_list .event_con a, .shc_month_list .thea_list .event_con a{color:#000;}
.shc_month_list .thea_list .event_con li{margin-bottom: 0; padding: 2px 0; font-size:15px;}
.shc_month_list > ol > li div.hew .num{color:#d52e2e}
.shc_month_list > ol > li div.sun .week_name{background: #405098;}
.shc_month_list > ol > li div.sat .week_name{background: #405098;}
.shc_month_list > ol > li.has_shc {background:#f1f5fc;}
.shc_month_list > ol > li.has_shc .num{color:#273691}
/* .shc_month_list > ol > li div.today{background:#f1f5fc;} */
.shc_month_list > ol > li div.today .week_name{}
.shc_month_list > ol > li div.today .num{color:#004ab9;font-weight:bold}

.shc_month_list .reserv_btn{display: inline-block;height: 27px;line-height: 25px;color: #fff;font-size: 13px;font-weight: bold;padding: 1px 8px;min-width: 62px;margin-bottom: 4px;margin-right: 4px;border-radius: 3px;}
.shc_month_list .reserv_btn:focus, .shc_month_list .reserv_btn:hover{text-decoration:none;}
.shc_month_list .reserv_info{background-color: #4b69ba}
.shc_month_list .reserv_pos{background-color: #07998d}
.shc_month_list .reserv_impos{background-color: #dc5b5c}
.shc_month_list .reserv_end{background-color: #7c7c7c}

.shc_month_list .shc_view{width: 500px;position: absolute;top:50px;left: 50%;margin-left:-300px;/* transform: translate(-50%, -50%); */background:#fff;border:2px solid #3e4452;padding-bottom: 0;z-index: 10;display: none;overflow: hidden;/* max-height: 630px; *//* overflow-y: scroll; */}
.shc_month_list .shc_view.on{display: inline-block;}
.shc_view .shc_tit{display: inline-block;width: 100%;height: 80px;line-height: 80px;background: #3e4452;color: #fff;font-size: 28px;font-weight: 400;padding-left: 40px;}
.shc_view .date{}
.shc_view .btn_close{display: inline-block; position: absolute;width: 20px; height: 20px;top: 28px; right: 38px;text-indent: -9999px;}
.shc_view .btn_close::after{content: ""; display: inline-block; position: absolute;display: inline-block; position: absolute;background-image: url('/upload_data/board_data/BBS_0000214/171806556202050.png');background-repeat: no-repeat;background-position:0 0;top: 2px; left: 2px;width: 16px; height: 16px;}
.shc_view .date .sm{font-size: 16px;}
.shc_view .shc_con_box{width: 100%;max-height: 290px;overflow-y: auto;}
.shc_view .shc_con{display: flex;width: 100%;padding: 20px 40px 5px 30px;flex-direction: row;flex-wrap: wrap;}
.shc_view .shc_con.con2, .shc_view .shc_con.con3, .shc_view .shc_con.con4{border-top: 1px dotted #c5c5c5;/* padding:15px 40px 15px; */}
.shc_view .shc_con:first-child{padding-top: 20px;}
.shc_view .shc_con:last-child{padding-bottom: 15px;}
.shc_view .shc_con h3{width: 18%;margin-top:0 !important;margin-bottom:10px;font-size: 21px !important;line-height: 20px;}
.shc_con .time_con{width:100%;margin-bottom: 10px;}
.shc_con .time_con li{color: #3e4451;position: relative; padding:2px 10px; margin-left:2px; font-size:17px; line-height:18px;font-weight: 400;letter-spacing: 0px;}
.shc_con .time_con li::before{content: ""; display: inline-block;position: absolute; background-repeat: no-repeat; background-position: 0 0; top: 10px;  left:0; background-image: url('/user_res/images/common/ul_depth1_bu.gif'); width: 4px; height: 4px;}
.shc_con .time_con li strong.time{margin-top: 10px;padding-right: 5px;font-weight: bold;color: #273691;}

.shc_view .shc_con .time_box{display: flex;width: 80%;margin-bottom: 30px;}
.shc_view .shc_con .time_box:after{display:block;clear:both;content:''}
.shc_view .shc_con .time_box li{position:relative;float:left;margin: 0 1.5px;width: 24px;height: 20px;font-family: 'GmarketSans';font-size: 14px;background:#d3d3d3}
.shc_view .shc_con .time_box li span{position:absolute;left:-9px;bottom: -24px;letter-spacing: 0px;white-space: nowrap;}
.shc_view .shc_con .time_box li.used{background:#5569b4}
.shc_view .shc_con .time_box li.last{width:0;background:none}

@media all and (max-width:760px){
	/* 달력 */
.sch_month{width:100%;}
.sch_month ol{display:none}
.sch_month .tit_month .mon{font-size:25px}

.sch_month .tit_month > div{}
.sch_month .tit_month > div a{font-size:0;}
.sch_month .tit_month > div a img{}
.sch_month .tit_month .btn_before{left:20px; top:24px;}
.sch_month .tit_month .btn_before_s{position:absolute; top:29px; left:65px}
.sch_month .tit_month .btn_next_s{position:absolute; top:29px; right:65px}
.sch_month .tit_month .btn_next{right:20px; top:24px;}


	.shc_month_list{padding:0;border-top:0; border-left:0;}
	.shc_month_list::before {display:none;}
	.shc_month_list > ol > li{float:none;width:100%}
	.shc_month_list > ol > li > div{position: relative; padding:10px 0 10px 62px; min-height:50px; height:auto; display:inline-block; vertical-align:middle; width:100%;}
	.shc_month_list > ol > li > div.hew .num{}
	.shc_month_list > ol > li.last{display:none}
	.shc_month_list > ol > li .week_name{top:0;width:50px;height:100%;line-height:100px;border-top:0;border-bottom:0;font-size:14px;}
	.shc_month_list > ol > li+li+li+li+li+li+li+li .week_name{display:flex; justify-content: center; align-items: center; height: 100%; /*display: inline-block;  vertical-align: middle;*/border-right: 0;}
	.shc_month_list > ol > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li .week_name{color:#2f3243}
	.shc_month_list > ol > li .num{display: inline-block; width: 50px; margin-right: 5px; padding-bottom:6px; vertical-align: middle; text-overflow: ellipsis;}
	.shc_month_list > ol > li .num strong{display:block; word-break: break-word; white-space: break-spaces; line-height: 15px;}
	.shc_month_list > ol > li .num .col_red{}
	.shc_month_list .thea_list{display:block;margin:0;height:auto;overflow:hidden; vertical-align:middle;}
	.shc_month_list .thea_list li{display: inline-block;margin:0; width:auto; white-space:normal;vertical-align:middle;}
	.shc_month_list .thea_list li span{top:0}

	.shc_month_list .sch_pop{top:45px;left:0;margin:0;width:100%}
	.shc_month_list .btnHoll{width:auto}

	.shc_month_list .shc_view {width:320px;margin-left:-160px;max-height: 340px;overflow-y: scroll;}
	.shc_view .date{height: 60px; line-height: 60px;font-size: 20px; padding-left: 20px;}
	.shc_view .btn_close{top:20px; right: 18px;}

	.shc_view .shc_tit{height:60px;line-height:60px;font-size:25px;padding-left:45px;}
	.shc_view .shc_con{padding:15px 20px 10px;flex-direction: column;}
	.shc_view .shc_con.con2, .shc_view .shc_con.con3, .shc_view .shc_con.con4{padding: 12px 20px 0;}
	.shc_view div.shc_con:last-child{padding-bottom:15px;}
	.shc_view .shc_con h3{margin-bottom:8px; font-size:18px !important;}
	.shc_view .shc_con .time_box{width: 100%;margin-bottom:30px;}
	.shc_view .shc_con .time_box li{width:16px; height:16px; margin:0 1px;}
	.shc_con .time_con li{float: left;width: 48%;letter-spacing: -1px;padding: 2px 10px 0 8px;font-size: 15px;/* overflow: hidden; */white-space: nowrap;/* text-overflow: ellipsis; */}
	.shc_con .time_con li .time{font-size: 15px;}
	.shc_con dl{padding: 15px;}
	.shc_con dd{font-size: 14px; line-height: 1.3;}
}                                          




/* 신청완료 */
.res_cal h2.title.center{font-family: 'NanumS';font-size: 34px;font-weight: normal;letter-spacing: -1.2px;text-align: center;}
h2.h2_style01{font: normal 34px/1.4 'NanumSquare';padding-top: 30px;position: relative;text-align: center;margin-bottom: 0;}
/*
h2.h2_style01::before{content: "";display: inline-block;width: 1px;height: 47px;background-color: #000;left: 50%;top: 0;position: absolute;}
h2.h2_style01::after{content: "";display: inline-block;width: 7px;height: 7px;background-color: #fff;left: 50%;margin-left: -3px;top: 0;border-radius: 50%;border:1px solid #000;position: absolute;}
*/
h2.h2_style01 span{color: #294baa;}

.res_cal .gym_result{position: relative;margin: 0px auto 0;padding: 30px;max-width: 760px;}
.res_cal .gym_result dl{position: relative;padding: 70px 20px 20px;background: #f9f9f9;text-align: center;border-top: 2px solid #5567b7;border-bottom: 0;}
.res_cal .gym_result dl dt{position:relative;margin: 40px 0;font-family: 'NanumSquare';font-size: 17px;color: #ffffff;display: inline-block;background: #5567b7;padding: 4px 14px;border-radius: 15px;letter-spacing: -1.2px;font-weight:bold;line-height:1.2;text-align:center}
.res_cal .gym_result dl dt:before{position:absolute;top: -69px;left:50%;margin-left:-30px;width:60px;height:60px;background:url('/images/sub/ic_cal_complete.png')center center no-repeat;content:'';z-index: 9;}
.res_cal .gym_result dl dt:after{position:absolute;top: 50px;left:50%;margin-left:-20px;width:40px;height:0;content:'';border-top: 1px solid #000000;z-index: 9;}
.res_cal .gym_result dl dd{margin-bottom: 5px;font-size: 16px;}
.res_cal .gym_result dl dd strong{font-size: 17px;font-weight: bold;/* color: #2e5db8; */}
.res_cal .gym_result dl .time{display: inline-block;/* padding: 10px 20px; */line-height: 22px;/* color: #fff; *//* background: #005aae; *//* font-weight: bold; */margin: 0 auto;border-radius: 22px;}
.res_cal .gym_result .col_blue{font-family: 'NanumS';letter-spacing: -0.8px;color:#5564ba;font-size: 21px;font-weight: bold;}
.res_cal .gym_result ul{padding:30px 20px;background: #f0f0f0;text-align: center;/* color: #fff; */margin-bottom: 30px;}
.res_cal .gym_result ul li{}
.res_cal .gym_result div.txt_center{text-align:center;}
.res_cal .gym_result .btn01{display: inline-block;min-width: 160px;vertical-align: middle;text-align: center;background: #4b68ba;}
.res_cal .gym_result .btn01 a{width: 100%;height: 50px;line-height: 48px;position: relative;margin: 0;display: -moz-inline-stack;display: inline-block;padding: 0 18px;min-width: 80px;color: #fff;line-height: 50px;font-family: 'NanumS';font-weight: bold;text-decoration: none;white-space: nowrap;background: none;/* cursor: none; */vertical-align: top;border: 1px solid #5380d2;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-o-transition: all 0.2s;}
.res_cal .gym_result .btn01 a:hover{color: #4b68ba;background:#fff;border: 1px solid #4b68ba;}