@charset "UTF-8";
@media (min-width: 768px) { .bbs_state_hedaer::after { content: ''; display: block; clear: both; }
  .bbs_state_hedaer .bbs_state { float: left; }
  .bbs_state_hedaer .bbs_searchbox { float: right; } }

.bbs_state { font-weight: 300; color: #646464; line-height: 40px; }
.bbs_state b { color: #000; }

.bbs_searchbox { border: 1px solid #d3d3d3; height: 40px; box-sizing: border-box; border-radius: 5px; overflow: hidden; }
.bbs_searchbox::after { content: ''; display: block; clear: both; }
.bbs_searchbox form fieldset > * { float: left; height: 38px; box-sizing: border-box; }
.bbs_searchbox select { width: 120px; border: 0; background-color: #fff; background-image: url(/images/citytour/common/select_arr.png); background-repeat: no-repeat; background-position: center right 10px; padding-right: 30px; padding-left: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.bbs_searchbox selectselect::-ms-expand { display: none; }
.bbs_searchbox input { width: calc(100% - 158px); padding: 0 10px; }
.bbs_searchbox button { width: 38px; height: 38px; position: relative; border: 0; background: transparent; padding: 0; font-size: 0; }
.bbs_searchbox button::after { content: ''; width: 12px; height: 12px; position: absolute; left: 50%; margin-left: -8px; border: 1px solid #6a6a6a; box-sizing: border-box; border-radius: 50%; top: 50%; margin-top: -6px; }
.bbs_searchbox button::before { content: ''; width: 7px; height: 1px; background: #6a6a6a; position: absolute; transform: rotate(45deg); left: 55%; top: 65%; }
@media (min-width: 768px) { .bbs_searchbox { width: 350px; } }

.bbs_list_text .bbs_btns { margin-top: 30px; text-align: right; }

@media (max-width: 767px) { .bbs_list_text .bbs_list { margin-top: 20px; }
  .bbs_list_text .bbs_list table, .bbs_list_text .bbs_list tbody { display: block; }
  .bbs_list_text .bbs_list thead { display: none; }
  .bbs_list_text .bbs_list tr { display: block; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; padding-bottom: 15px; }
  .bbs_list_text .bbs_list tr::after { margin-bottom: 0; }
  .bbs_list_text .bbs_list td { display: inline-block; margin-left: 13px; font-size: 13px; color: #646464; letter-spacing: -.025em; }
  .bbs_list_text .bbs_list td:first-child { display: none; }
  .bbs_list_text .bbs_list tbody .bbs_title { width: 100%; margin-left: 0; margin-bottom: -25px; }
  .bbs_list_text .bbs_list tbody .bbs_title a { display: block; font-size: 15px; line-height: 1.25em; padding-bottom: 30px; position: relative; }
  .bbs_list_text .bbs_list tbody .bbs_title + td { margin-left: 0; } }
@media (min-width: 768px) { .bbs_list_text .bbs_list { border-top: 2px solid #000; margin-top: 20px; }
  .bbs_list_text .bbs_list table { width: 100%; }
  .bbs_list_text .bbs_list th, .bbs_list_text .bbs_list td { padding: 15px 5px; }
  .bbs_list_text .bbs_list thead th { font-weight: 300; border-bottom: 1px solid #cccccc; white-space: nowrap; }
  .bbs_list_text .bbs_list tbody tr > * { border-bottom: 1px solid #e5e5e5; }
  .bbs_list_text .bbs_list tbody td { text-align: center; }
  .bbs_list_text .bbs_list tbody td.bbs_title { text-align: left; }
  .bbs_list_text .bbs_list .bbs_no { width: 100px; }
  .bbs_list_text .bbs_list .bbs_author { width: 100px; }
  .bbs_list_text .bbs_list .bbs_date { width: 100px; }
  .bbs_list_text .bbs_list .bbs_hits { width: 100px; } }
/* 갤러리 */
.bbs_list_gallery .bbs_list { margin-top: 20px; }
.bbs_list_gallery .bbs_list a { display: block; }
.bbs_list_gallery .bbs_list a > strong { font-size: 15px; margin-top: 10px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bbs_list_gallery .bbs_list a > * { position: relative; }
.bbs_list_gallery .bbs_list .bbs_image img { display: block; width: 100%; }
.bbs_list_gallery .bbs_list .bbs_author { font-size: 13px; margin-top: 5px; }
.bbs_list_gallery .bbs_list .bbs_author span { margin-left: 20px; }
.bbs_list_gallery .bbs_list .bbs_author span:first-child { margin-left: 0; }
.bbs_list_gallery .bbs_list .bbs_txt { font-size: 13px; margin-top: 10px; color: #646464; line-height: 1.25em; height: 2.5em; word-break: normal; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.bbs_list_gallery .bbs_btns { text-align: right; margin-top: 30px; }
@media (max-width: 767px) { .bbs_list_gallery .bbs_list li { border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; padding-bottom: 15px; }
  .bbs_list_gallery .bbs_list li::after { margin-bottom: 0; }
  .bbs_list_gallery .bbs_list a::after { content: ''; display: block; clear: both; }
  .bbs_list_gallery .bbs_list a .bbs_image { float: left; width: 30%; }
  .bbs_list_gallery .bbs_list a strong, .bbs_list_gallery .bbs_list a .bbs_author, .bbs_list_gallery .bbs_list a .bbs_txt { margin-left: calc(30% + 20px); } }
@media (min-width: 768px) { .bbs_list_gallery .bbs_list { margin-top: 0; }
  .bbs_list_gallery .bbs_list .bbs_image { padding-bottom: 66.56%; overflow: hidden; }
  .bbs_list_gallery .bbs_list .bbs_image img { position: absolute; }
  .bbs_list_gallery .bbs_list ul { margin-left: -20px; margin-right: -20px; }
  .bbs_list_gallery .bbs_list ul::after { content: ''; display: block; clear: both; }
  .bbs_list_gallery .bbs_list li { float: left; width: calc(33.3333% - 40px); margin: 30px 20px; }
  .bbs_list_gallery .bbs_list a { position: relative; }
  .bbs_list_gallery .bbs_list a::before { content: ''; position: absolute; left: 20px; right: 20px; top: 20px; bottom: 150px; background: #f2f2f2; border-radius: 10px; transition: all .2s; }
  .bbs_list_gallery .bbs_list a:hover::before { left: -20px; bottom: -20px; right: -20px; top: -20px; }
  .bbs_list_gallery .bbs_list a > strong { font-size: 18px; }
  .bbs_list_gallery .bbs_list .bbs_author, .bbs_list_gallery .bbs_list .bbs_txt { font-size: inherit; } }

/* 뷰페이지 */
.bbs_files { padding: 10px; margin-bottoM: -30px; max-height: 40px; overflow: hidden; box-sizing: border-box; padding-right: 60px; background: #fafafa; color: #646464; font-size: 13px; position: relative; transition: max-height .3s; }
.bbs_files::after { content: ''; clear: both; display: block; }
.bbs_files a { color: #646464; padding: 5px 10px; border: 1px solid #e5e5e5; display: inline-block; background: #fff; border-radius: 5px; }
.bbs_files strong { float: left; }
.bbs_files ul { opacity: 0; margin-left: 100px; transition: all .3s; }
.bbs_files ul li { margin-top: 5px; }
.bbs_files ul li:first-child { margin-top: 0; }
.bbs_files .bbs_files_open { border: 1px solid #e5e5e5; width: 30px; height: 30px; position: absolute; right: 5px; top: 5px; font-size: 0; background: #fff; border-radius: 5px; }
.bbs_files .bbs_files_open::after { content: ''; width: 7px; height: 7px; border: 1px solid #000; transform: rotate(45deg); border-top: 0; border-left: 0; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -5px; transition: all .3s; }
.bbs_files.active { max-height: 1000px; }
.bbs_files.active ul { opacity: 1; }
.bbs_files.active .bbs_files_open::after { transform: rotate(-135deg); margin-top: -2px; }
@media (min-width: 768px) { .bbs_files { max-height: 60px; padding: 20px; padding-right: 60px; }
  .bbs_files .bbs_files_open { right: 20px; top: 13px; } }

.bbs_view .view_header { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #cccccc; }
.bbs_view h3 { font-size: 18px; font-weight: 500; }
.bbs_view .bbs_author { margin-top: 5px; color: #646464; font-size: 13px; }
.bbs_view .bbs_author::after { content: ''; display: block; clear: both; }
.bbs_view .bbs_author > * { float: left; margin-left: 15px; }
.bbs_view .bbs_author > *:first-child { margin-left: 0; }
.bbs_view .bbs_author span { font-weight: 300; }
.bbs_view .bbs_author strong { margin-left: 5px; font-weight: 300; color: #000; }
.bbs_view .view_cont img { max-width: 100%; }
.bbs_view .bbs_btns { text-align: center; border-top: 1px solid #cccccc; margin-top: 30px; padding-top: 30px; }
.bbs_view .bbs_files { border-top: 1px solid #e5e5e5; margin-top: 10px; }
@media (min-width: 768px) { .bbs_view .bbs_files { margin-top: 30px; } }
@media (min-width: 768px) { .bbs_view .bbs_author { font-size: 15px; margin-top: 10px; }
  .bbs_view h3 { font-size: 30px; }
  .bbs_view .bbs_btns { margin-top: 30px; padding-top: 30px; } }

.bbs_list_write .bbs_btns { text-align: right; margin-top: 30px; }
.bbs_list_write .basic_table_nor { border-top: 2px solid #000; padding-top: 20px; }
.bbs_list_write .basic_table_nor th { vertical-align: top; }
@media (max-width: 767px) { .bbs_list_write .basic_table_nor .basic_input { width: 100%; } }

.bbs_skin .total { margin: 10px 0; }

.bbs_skin .total span { color: #f26522; }

.bbs_comment { margin: 10px 0; }

.machine_list li { border: 1px solid #d6d6d6; border-top: 2px solid #323a47; padding: 20px; margin: 0 0 30px 0; position: relative; }

.machine_list li a { display: block; }

.machine_list li img { width: 100%; }

.machine_list li strong { display: block; margin: 25px 40px 5px 0; font-weight: bold; color: #333a47; }

.machine_list li span { display: inline-block; width: 35px; height: 0; padding: 35px 0 0 0; overflow: hidden; background: url("../images/08_agr/sub06/ico_view.png") no-repeat center center #333a47; position: absolute; bottom: 20px; right: 20px; }

.machine_list li a:hover span { background-color: #01a83e; }

@media all and (min-width: 768px) { .machine_list ul { overflow: hidden; }
  .machine_list li { float: left; width: 48%; margin: 0 1% 30px 1%; box-sizing: border-box; } }
@media all and (min-width: 1023px) { .machine_list li { width: 31.333%; } }
.machine_cal { border: 1px solid #d6d6d6; border-top: 2px solid #323a47; padding: 20px; margin: 0 0 30px 0; }

.machine_cal .cal .date { text-align: center; font-size: 18px; color: #000; padding: 20px 0; }

.machine_cal .cal .date em { display: inline-block; font-style: normal; padding: 0 50px; }

.machine_cal .cal .date a { display: inline-block; width: 30px; height: 30px; overflow: hidden; }

.machine_cal .cal .date a span { display: block; padding: 35px 0 0 0; }

.machine_cal .cal .date a.prev { background: url("../images/bbs/cal_prev.png") no-repeat left center; }

.machine_cal .cal .date a.next { background: url("../images/bbs/cal_next.png") no-repeat left center; }

.machine_cal .info { background: #f4f4f8; padding: 0 0 20px 0; }

.machine_cal .info img { width: 100%; }

.machine_cal .info ul { margin: 20px 0 0 20px; }

.machine_cal .cal div { overflow: hidden; }

.machine_cal .cal dl { float: right; overflow: hidden; margin: 10px 0; }

.machine_cal .cal dt, .machine_cal .cal dd { float: left; }

.machine_cal .cal dt { margin: 0 0 0 20px; }

.machine_cal .cal dt span { display: block; width: 20px; height: 0; padding: 20px 0 0 0; margin: 0 10px 0 0; overflow: hidden; }

.machine_cal .cal td { position: relative; }

.machine_cal .cal td .rt_on, .machine_cal .cal td .rt_off { display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 0 0 0 100%; overflow: hidden; z-index: -1; }

.machine_cal .cal .rt_on { background: #48cadd; }

.machine_cal .cal .rt_off { background: url("../images/08_agr/sub06/rt_off.gif"); }

@media all and (min-width: 768px) { .machine_cal { overflow: hidden; padding: 30px; }
  .machine_cal .info { float: left; width: 45%; }
  .machine_cal .cal { float: right; width: 50%; } }
@media all and (min-width: 1023px) { .machine_cal .cal td a { height: 40px; } }
.rt_reser th, .rt_reser td { vertical-align: middle; }

.rt_reser td img { width: 80px; }

.rt_reser td.tit a { color: #000; font-weight: bold; text-align: left; }

.rt_reser td .ing { font-weight: bold; color: #24972f; }

.rt_reser td .cancel { font-weight: bold; color: #d44500; }

.rt_reser td .btn_cancel { display: inline-block; padding: 5px 10px; background: #333a47; border-radius: 4px; color: #fff; font-size: 13px; }

.rt_reserv th, .rt_reserv td { line-height: 1.25em; padding: 10px 5px; }

.rt_reserv th, .rt_reserv td input { margin: 2px 0; }

.rt_reserv td .ing { font-weight: bold; color: #24972f; }

.rt_reserv td .cancel { font-weight: bold; color: #d44500; }

.rt_reserv td .btn_add { display: inline-block; padding: 5px 10px; background: #333a47; border-radius: 4px; color: #fff; font-size: 14px; }

.rt_reserv .agree p { margin: 10px 0 0 0; }

.rt_reserv .btn_calender { display: inline-block; margin: 0 20px 0 0; }

.rt_reserv .input_wmo40 { width: 40px; }

.rt_reserv .input_wmo90 { width: 90px; }

@media all and (min-width: 768px) { .rt_reserv th, .rt_reserv td { padding: 10px; } }
.login h4 { text-align: center; color: #019838; background: none; padding: 0; font-weight: bold; }

.login h4 strong { color: #323a47; }

.login div { border: 5px solid #323a47; padding: 40px; margin: 0 0 20px 0; text-align: center; }

.login div * { vertical-align: middle; }

.login label { font-size: 16px; display: block; margin: 0 0 5px 0; font-weight: bold; }

.login input { width: 100%; }

.login input[type=text], .login input[type=password] { border: 1px solid #dcdcdc; padding: 11px; box-sizing: border-box; margin: 0 0 15px 0; }

.login input[type=submit] { background: #333a47; color: #fff; font-size: 16px; padding: 10px 0; cursor: pointer; }

.login_txt { background: #f6f7f7; padding: 40px; }

.login_txt h4 { margin-top: 0; }

.login_txt p { margin: 0; }

@media all and (min-width: 768px) { .login h4 { font-size: 36px; }
  .login label { display: inline; margin: 0 5px 0 30px; }
  .login label:first-child { margin-left: 0; }
  .login input { width: auto; }
  .login input[type=text], .login input[type=password] { margin: 0; }
  .login input[type=submit] { width: 100px; } }
.house_list { margin-top: 30px; border-top: solid 1px #323a47; }

.house_list li { position: relative; border-bottom: solid 1px #d6d6d6; overflow: hidden; line-height: 1.5em; }

.house_list .adm_check { position: absolute; top: 20px; right: 16px; margin: 0 0 10px 0; }

.house_list a { display: block; padding: 0 0 20px 0; }

.house_list a .img { display: inline-block; padding: 20px 20px 0 20px; text-align: center; }

.house_list a .img img { border: solid 1px #dfdfdf; width: 100%; }

.house_list a .list { display: block; padding: 0 15px; margin: 15px 0 0 0; }

.house_list a .list strong { display: block; font-weight: normal; color: #0052ca; padding: 0 0 0 8px; margin: 10px 10px 0 0; background: url("/images/01_potal/sub/li03.gif") no-repeat 0 9px; }

@media all and (min-width: 768px) { .house_list a { padding: 0 0 15px 0; }
  .house_list .img { display: block !important; }
  .house_list .img img { width: auto !important; }
  .house_list a .list strong { display: inline-block; margin: 0 10px 5px 0; } }
@media all and (min-width: 1023px) { .house_list a { height: 210px; padding: 0; }
  .house_list .img { display: inline-block !important; }
  .house_list .list { position: absolute; top: 20px; left: 275px; width: 68%; } }

/*# sourceMappingURL=bbs.css.map */