@import url("/theme/onepage/css/bootstrap/css/bootstrap.min.css");
@import url("/theme/onepage/css/common.css");

@charset "utf-8";

/*---------- list ----------*/
.board-list {    background: rgb(255 255 255 / 50%);}
.board-list .bl-wrap {position:relative;    border-top: 2px solid #522321;
    border-bottom: 1px solid #522321; margin-bottom:20px}
.board-list .bl-wrap > div:nth-last-child(1), .board-list .bl-wrap > div:nth-last-child(2) {border-bottom:0}
.board-list .bl-head {position: relative;
    display: table;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #522321;
    background-color: #502420;}
.board-list .bl-head > div {position:relative}
.board-list .bl-head > div:before {content:"";position:absolute;top:50%;right:0;width:1px;height:13px;background-color:#cacaca;transform:translateY(-50%)}
.board-list .bl-head > div:last-child:before {display:none}
.board-list .bl-head .bl-item {display:table-cell;vertical-align:middle;width:120px;text-align:center}
.board-list .bl-head .bl-num {width:90px; color: #fff; font-weight: 800;}
.board-list .bl-head .bl-num-short {width:80px;     color: #fff; font-weight: 800;}
.board-list .bl-head .bl-num-checkbox {width:110px}
.board-list .bl-head .bl-author {width:150px;padding:0 10}
.board-list .bl-head .bl-adress {width:600px; color: #fff; font-weight: 800;}
.board-list .bl-head .bl-phone {width:150px; color: #fff; font-weight: 800;}
.board-list .bl-head .bl-subj {display:table-cell;vertical-align:middle;text-align:center; color: #fff; font-weight: 800;}
.board-list .bl-list {position:relative;display:table;table-layout:fixed;;width:100%;height:46px;border-bottom:1px solid #eaeaea;padding:8px 0;}
.board-list .bl-list .checkbox i {top:5px}
.board-list .bl-list.bl-notice {background-color:#FFF8EC}
.board-list .bl-list > div {position:relative}
.board-list .bl-list > div:before {content:"";position:absolute;top:50%;right:0;width:1px;height:13px;background-color:#dadada;transform:translateY(-50%)}
.board-list .bl-list > div:last-child:before {display:none}
.board-list .bl-list .bl-item {display:table-cell;vertical-align:middle;width:120px;text-align:center}
.board-list .bl-list .bl-num {width:90px}
.board-list .bl-list .bl-num-short {width:80px}
.board-list .bl-list .bl-num-checkbox {width:110px}
.board-list .bl-list .bl-author {width:150px;padding:0 10px;text-align:left}
.board-list .bl-list .bl-adress {width:600px;padding:0 10px;text-align:left}
.board-list .bl-list .bl-phone {width:150px;padding:0 10px;text-align:left}
.board-list .bl-list .bl-subj {display:table-cell;vertical-align:middle}
.board-list .bl-list .bl-subj a {position:relative;display:inline-block;padding:0 10px}
.board-list .bl-list .bl-subj a:hover {color:#000;text-decoration:underline}
.board-list .bl-list .bl-subj .reply-indication {display:inline-block;width:7px;height:10px;border-left:1px dotted #b5b5b5;border-bottom:1px dotted #b5b5b5}
.board-list .bl-list .bl-subj .bl-new-icon {position:relative;display:inline-block;width:18px;height:14px;background-color:#cc2300;margin-right:2px}
.board-list .bl-list .bl-subj .bl-new-icon:before {content:"";position:absolute;top:4px;left:5px;width:2px;height:6px;background-color:#fff}
.board-list .bl-list .bl-subj .bl-new-icon:after {content:"";position:absolute;top:4px;right:5px;width:2px;height:6px;background-color:#fff}
.board-list .bl-list .bl-subj .bl-new-icon b {position:absolute;top:3px;left:8px;width:2px;height:8px;background-color:#fff;transform:rotate(-60deg)}
.board-list .bl-list .bl-comment {color:#f4511e}
.board-list .bl-list .blind-subject {color:#b5b5b5;cursor:not-allowed}
.board-list .bl-mobile {display:none}
.board-list .bl-mobile.bl-notice {background-color:#FFF8EC}
.board-list .bl-no-list {text-align:center;color:#959595;padding:70px 0}
/* 지도 */
.branch-map-box {position: relative;
    overflow: hidden;
    padding: 20px;
    border: 1px solid #502420;
    margin: 0 0 30px;
  }
#canvas {position:relative;width:320px;height:400px;margin:0 auto}
#south {width:320px;height:400px;position:absolute;top:0px;left:0}
#canvas .loc_div {display:none;position:absolute;background:#000;color:#fff;padding:3px 10px;text-align:center}
#canvas .loc_div span {font-size:13px;color:#fff}
/* loc_01~17 서울, 부산, 대구, 인천, 광주, 대전, 울산, 세종, 경기, 강원, 충북, 충남, 전북, 전남, 경북, 경남, 제주 */
#loc_01{left:80px;top:75px}
#loc_02{left:190px;top:250px}
#loc_03{left:170px;top:210px}
#loc_04{left:60px;top:75px}
#loc_05{left:60px;top:260px}
#loc_06{left:80px;top:165px}
#loc_07{left:200px;top:225px}
#loc_08{left:70px;top:145px}
#loc_09{left:80px;top:45px}
#loc_10{left:150px;top:45px}
#loc_11{left:120px;top:145px}
#loc_12{left:60px;top:165px}
#loc_13{left:60px;top:205px}
#loc_14{left:60px;top:260px}
#loc_15{left:150px;top:165px}
#loc_16{left:130px;top:240px}
#loc_17{left:80px;top:340px}
/* 지도 카테고리 */
.board-list .branch-map-tab .map-tabs {list-style:none;padding:0;margin-left:-2px;margin-right:-2px}
.board-list .branch-map-tab .map-tabs:after {content:"";display:block;clear:both}
.board-list .branch-map-tab .map-tabs li {float:left;display:block;width:33.33333%;height:40px;line-height:40px;text-align:center;padding:0 4px;margin-bottom:10px}
.board-list .branch-map-tab .map-tabs li a {display:block;color:#000;background-color:#fff;border:1px solid #e5e5e5;font-size:.9375rem;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}
.board-list .branch-map-tab .map-tabs li a:hover {border-color:#4e251f}
.board-list .branch-map-tab .map-tabs li #bo_cate_on {background-color:#4e251f;border-color:#4e251f;color:#fff}
@media (max-width:1199px) {
    .board-list .bl-head {display:none}
    .board-list .bl-head-checkbox {display:table}
    .board-list .bl-head > div:before, .board-list .bl-list > div:before, .board-list .bl-head .bl-item, .board-list .bl-list .bl-item {display:none}
    .board-list .bl-head .bl-num-checkbox, .board-list .bl-list .bl-num-checkbox {display:table-cell;width:20px}
    .board-list .bl-head .bl-num-checkbox .bl-txt, .board-list .bl-list .bl-num-checkbox .bl-txt {visibility:visible;opacity:0}
    .board-list .bl-head .checkbox, .board-list .bl-list .checkbox {z-index:1}
    .board-list .bl-list {border-bottom:0}
    .board-list .bl-list .bl-subj a {padding:0}
    .board-list .bl-mobile {position:relative;display:block;border-bottom:1px solid #eaeaea;padding:0 0 8px;color:#4e251f}
    .board-list .bl-mobile-right {position:absolute;top:0;right:0}
}

/*---------- write ----------*/
.board-write {font-size:.9375rem; padding:100px;}
.board-write .board-setup {position:relative;border:1px solid #d5d5d5;height:38px;margin-bottom:20px}
.board-write .board-setup .select {position:absolute;top:-1px;left:-1px;display:inline-block;width:200px}
.board-write .board-setup-btn-box {position:absolute;top:-1px;right:-1px;display:inline-block;width:420px}
.board-write .board-setup-btn {float:left;width:25%;height:38px;line-height:38px;color:#fff;text-align:center;font-size:.8125rem}
.board-write .board-setup-btn:nth-child(odd) {background-color:#000}
.board-write .board-setup-btn:nth-child(even) {background-color:#3c3c3e}
.board-write .board-setup-btn:hover {opacity:0.8}
.board-write .board-write-title {position:relative;border-bottom:1px solid #959595;padding-bottom:15px;margin-bottom:15px}
.board-write .blind {position:absolute;top:-10px;left:-100000px;display:none}
.board-write .write-edit-wrap #wr_content {display:block;width:100%;min-height:200px;padding:6px 10px;outline:none;border-width:1px;border-style:solid;border-radius:0;background:#FFF;color:#353535;appearance:normal;-moz-appearance:none;-webkit-appearance:none;resize:vertical}
.board-write .write-option-btn {float:left;padding:0 15px;margin-bottom:3px;height:32px;line-height:32px;color:#fff;text-align:center;font-size:.8125rem}
.board-write .write-option-btn:nth-child(odd) {background:#000}
.board-write .write-option-btn:nth-child(even) {background:#3c3c3e}
.board-write .write-option-btn:hover {color:#fff;opacity:0.8}
.board-write .write-collapse-box {margin:0 0 20px;background:#f8f8f8;border:1px solid #d5d5d5;padding:15px 10px}
.board-write #modal_video_note .table-list-eb .table thead>tr>th {text-align:left}
.board-write #kmap {background-color:#fff;border:1px solid #000;width:100%;height:200px}
.board-write .latlng-box {text-align:right;margin-top:5px;font-size:.75rem}
.board-write .latlng-box span {margin-left:10px}
.board-write .latlng-box input {border:0;background:none;color:#959595;text-align:right;width:80px}
/* Auto Save */
.autosave-btn {position:absolute;top:0;right:0}
#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute;top:0;right:0;padding:8px;width:320px;height:auto !important;height:180px;max-height:250px;border:2px solid #959595;background:#fff;box-shadow:0 1px 8px rgba(0, 0, 0, 0.2);overflow-y:scroll}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important}
#autosave_pop div {text-align:right}
#autosave_pop button {margin:0;padding:0;border:0;background:transparent;margin-left:10px}
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#autosave_pop li {padding:7px 0;border-bottom:1px solid #e9e9e9;zoom:1;font-size:.75rem}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right}
#autosave_pop .autosave_heading {text-align:left}
#autosave_pop strong {font-size:.8125rem}
#autosave_pop .fa-times {position:absolute;top:10px;right:15px}
.autosave_close {cursor:pointer}
.autosave_content {display:none}
/* Ckeditor */
.board-write a.cke_button {padding:2px 5px}
.board-write a.cke_button_on {padding:1px 4px}
.board-write a.cke_button_off:hover, .board-write a.cke_button_off:focus, .board-write a.cke_button_off:active {padding:1px 4px}
/* Smart Editor */
.cke_sc {margin-bottom:10px}
.btn_cke_sc {padding:0 10px}
.cke_sc_def {padding:10px;margin-bottom:10px;margin-top:10px}
.cke_sc_def button {padding:3px 15px;background:#555555;color:#fff;border:none}

/*---------- view_comment ----------*/
.comment-area {font-size:.9375rem;margin-top:30px}
.view-comment {position:relative;margin-bottom:40px}
.view-comment h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.view-comment .view-comment-heading {font-size:1.375rem;border-bottom:2px solid #757575;padding:10px 0;margin-bottom:30px}
.view-comment .view-comment-item-wrap {position:relative}
.view-comment .view-comment-item-wrap:before {content:"";position:absolute;top:0;left:0;height:100%;width:1px;background-color:#eaeaea}
.view-comment .view-comment-item-wrap:last-child {border-bottom:1px solid #eaeaea}
.view-comment .view-comment-item-wrap.depth-w15 {background-color:rgba(89, 167, 255, 0.05)}
.view-comment .view-comment-item-wrap.depth-w15:before {background-color:rgba(89, 167, 255, 0.3)}
.view-comment .view-comment-item-wrap.depth-w30 {background-color:rgba(255, 138, 102, 0.05)}
.view-comment .view-comment-item-wrap.depth-w30:before {background-color:rgba(255, 138, 102, 0.3)}
.view-comment .view-comment-item-wrap.depth-w45 {background-color:rgba(77, 181, 171, 0.05)}
.view-comment .view-comment-item-wrap.depth-w45:before {background-color:rgba(77, 181, 171, 0.3)}
.view-comment .view-comment-item-wrap.depth-w60 {background-color:rgba(240, 97, 145, 0.05)}
.view-comment .view-comment-item-wrap.depth-w60:before {background-color:rgba(240, 97, 145, 0.4)}
.view-comment .view-comment-item-wrap.depth-w75 {background-color:rgba(255, 189, 95, 0.05)}
.view-comment .view-comment-item-wrap.depth-w75:before {background-color:rgba(255, 189, 95, 0.4)}
.view-comment .view-comment-item-wrap.depth-w90 {background-color:rgba(179, 216, 78, 0.05)}
.view-comment .view-comment-item-wrap.depth-w90:before {background-color:rgba(179, 216, 78, 0.3)}
.view-comment .view-comment-item {position:relative;padding:0 0 20px;background-color:#fff}
.view-comment .view-comment-item:before {content:"";position:absolute;top:0;left:0;height:100%;width:1px;background-color:#eaeaea}
.view-comment .view-comment-item.cmt-best {background-color:rgba(255, 243, 224, 0.4)}
.view-comment .view-comment-item .no-comment {text-align:center;padding:10px 0 20px}
.view-comment .view-comment-no-item {position:relative;padding:20px 0;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;text-align:center}
.view-comment .view-comment-no-item .no-comment {color:#959595}
.view-comment .view-comment-depth {position:absolute;top:0;left:0;width:7px;height:97px;border-left:1px solid #757575;border-bottom:1px solid #757575}
.view-comment .view-comment-depth:after {content:"";width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #757575;position:absolute;bottom:-6px;right:-8px}
.view-comment .comment-name .sv_wrap > a {font-weight:400}
.view-comment .comment-item-info {position:relative;padding:10px 20px 10px 70px;margin-bottom:15px;border:1px solid #eaeaea;background-color:#fafafa}
.view-comment .view-comment-item.cmt-best .comment-item-info {padding:15px 20px 10px 70px;border-color:#757575}
.view-comment .view-comment-item.cmt-best .comment-item-body-pn .comment-item-info {padding-left:10px}
.view-comment .comment-item-info > span {margin-right:5px}
.view-comment .comment-ip {font-size:.75rem;color:#959595;margin-left:5px}
.view-comment .comment-time {color:#959595}
.view-comment .comment-dropdown {position:absolute;top:23px;right:0px;display:inline-block}
.view-comment .comment-dropdown-btn {display:inline-block;width:20px;height:20px;line-height:20px;background:#d5d5d5;color:#fff;text-align:center;font-size:.6875rem;border-radius:50%}
.view-comment .comment-dropdown-btn:after {display:none}
.view-comment .comment-dropdown-btn:hover {background:#757575;color:#fff;cursor:pointer;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;transition:all 0.2s linear}
.view-comment .comment-dropdown .dropdown-menu {left:inherit !important;right:0 !important;background-color:#fff;padding:5px 0;border:1px solid rgba(0,0,0,0.7);box-shadow:none;border-radius:0;margin:0}
.view-comment .comment-dropdown .dropdown-menu a {display:block;padding:5px 10px;color:#151515}
.view-comment .comment-dropdown .dropdown-menu a small {font-size:.6875rem;color:#a5a5a5}
.view-comment .comment-dropdown .dropdown-menu a:hover {background-color:transparent;color:#cc2300}
.view-comment .comment-dropdown:hover .dropdown-menu {display:block}
.view-comment .comment-item-content {position:relative;padding-left:20px}
.view-comment .comment-item-content .comment-cont-wrap.display-flex {display:flex}
.view-comment .comment-item-content .comment-cont-wrap:after {content:"";display:block;clear:both}
.view-comment .comment-item-content .comment-cont-img {position:relative;width:200px;margin-right:15px}
.view-comment .comment-item-content .comment-cont-txt {position:relative}
.view-comment .comment-item-content .comment-image {display:block;width:200px;margin-bottom:15px}
.view-comment .comment-item-content .comment-yello-card {position:relative;padding:10px;margin-bottom:20px;background:#ffbeaa;border:1px solid #ff9b79;opacity:0.45}
.view-comment .comment-btn-wrap {position:relative;text-align:right;height:22px;margin-top:10px}
.view-comment .comment-btn-wrap .comment-btn-right {position:absolute;top:0;right:0}
.view-comment .comment-btn-wrap .comment-btn {position:relative;float:left;padding:0 15px;height:22px;line-height:22px;cursor:pointer;background:#4b4b4d;font-size:.75rem;color:#fff;margin-left:1px}
.view-comment .comment-btn-wrap .comment-btn:hover {background:#2b2b2e}
.view-comment .comment-item-body-pn .comment-item-info {padding-left:10px}
.view-comment-write {position:relative;margin-bottom:40px}
.comment-area .comment-write-heading {position:relative;font-size:1.375rem;border-bottom:2px solid #757575;padding:10px 0;margin-bottom:15px}
.comment-area .comment-write-heading .cmt-point-info-btn {position:absolute;top:9px;right:0}
.comment-area .comment-write-wrap {position:relative}
.comment-area .comment-write {margin-bottom:20px}
.comment-area .comment-write .comment-write-footer {position:relative;background:#fafafa;border:1px solid #d5d5d5;border-top:0;padding:15px;color:#959595;font-size:.8125rem}
.comment-area .comment-write-submit {position:relative;text-align:center}
.comment-area .eyoom-form .textarea {margin-bottom:0}
.comment-area .eyoom-form .textarea textarea {border:1px solid #d5d5d5}
#bo_vc_send_sns ul{padding:0;margin:-5px 0 20px;overflow:hidden}
#bo_vc_send_sns li{float:left;margin-right:10px;list-style:none}
#bo_vc_send_sns li input{margin:10px 25px 10px 5px}
@media (max-width:767px) {
    .view-comment .comment-item-content {padding-left:17px}
    .view-comment .comment-item-content .comment-cont-wrap.display-flex {display:block}
    .view-comment .comment-item-content .comment-cont-img {position:relative;width:100%;margin-right:0}
    .view-comment .comment-item-content .comment-cont-txt {position:relative;width:100%}
    .view-comment .comment-item-content .comment-image {width:100%}
}

/*---------- view ----------*/
.board-view .board-view-subj {font-size:34px;text-align:center;margin-bottom:20px}
.board-view .view-top-btn {padding:20px 0}
.board-view .view-top-btn:after {display:block;visibility:hidden;clear:both;content:""}
.board-view .view-top-btn .top-btn-left li {float:left;margin-right:1px;margin-bottom:5px}
.board-view .view-top-btn .top-btn-right li {float:left;margin-left:1px}
.board-view .board-view-atc {min-height:200px}
.board-view .board-view-atc-title {position:absolute;font-size:0;line-height:0;overflow:hidden}
.board-view .board-view-file-conts {position:relative;overflow:hidden}
.board-view .board-view-file-conts #bo_v_img img {display:block;max-width:100%;height:auto;margin-bottom:10px}
.board-view .board-view-con {position:relative;overflow:hidden;margin-bottom:30px;width:100%;word-break:break-all}
.board-view .board-view-con img {max-width:100%;height:auto;margin-bottom:10px}
.board-view .branch-info-wrap {position:relative;border:1px solid #757575;margin-bottom:30px}
.board-view .branch-info-box {position:relative;border-bottom:1px solid #757575;font-size:1.0625rem}
.board-view .branch-info-box:last-child {border-bottom:0}
.board-view .branch-info-box:after {content:"";display:block;clear:both}
.board-view .branch-info-l {position:absolute;top:0;left:0;width:150px;padding:15px 5px;text-align:center;font-weight:700}
.board-view .branch-info-r {margin-left:150px;padding:15px;border-left:1px solid #757575}

.board-view #kmap {background-color:#fff;border:1px solid #000;width:100%;height:350px;margin-bottom:30px}

.board-view .board-view-good-btn {margin-bottom:30px;text-align:center}
.board-view .board-view-good-btn .board-view-act-gng {position:relative;margin:0 5px}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn {position:relative;overflow:hidden;width:80px;height:80px;border:1px solid #d5d5d5;background:#fff;display:inline-block;white-space:nowrap;vertical-align:baseline;text-align:center}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn i {font-size:26px;color:#757575;margin:12px 0 8px}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover {border:1px solid rgba(0,0,0,0.7)}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover i {color:#000}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn.disabled:hover {border:1px solid #d5d5d5}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn.disabled:hover i {color:#757575}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn strong {color:#757575}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover strong {color:#252525}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn .mask {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;background:#fff;opacity:0}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn h5 {color:#000;font-size:.9375rem;text-align:center;margin-top:48px;background:transparent;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;opacity:0}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover .mask {opacity:0.9}
.board-view .board-view-good-btn .board-view-act-gng .act-gng-btn:hover h5 {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}
.board-view #bo_v_act_good, .board-view #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:7px 0;width:200px;background:#000;color:#fff;text-align:center;font-weight:400}
.board-view .signature-box {border:1px solid #d5d5d5;padding:15px}
.board-view .signature-box h6 {color:#959595;text-decoration:underline;margin-bottom:10px}
.board-view .board-view-bot {zoom:1}
.board-view .board-view-bot:after {display:block;visibility:hidden;clear:both;content:""}
.board-view .board-view-bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.board-view .board-view-bot ul {margin:0;padding:0;list-style:none}
.board-view .blind {display:none}
.board-view pre {border-radius:0}
.board-view .caption-overflow span {left:0;right:0}
.draggable {display:block;width:100% \9;max-width:100%;height:auto;margin:0 auto}
button.mfp-close {position:fixed;color:#fff !important}
.mfp-figure .mfp-close {position:absolute}
@media (max-width:576px) {
    .board-view .board-view-btn {padding:0 10px}
}