@charset "utf-8";
.img-mask {mask-image:url('data:image/svg+xml;utf8,');mask-size:cover;-webkit-mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-size:cover;}
.octagon-mask {display:flex;align-items:center;justify-content:center;width:60px;height:60px;mask-image:url('data:image/svg+xml;utf8,');mask-size: cover;-webkit-mask-image: url('data:image/svg+xml;utf8,');-webkit-mask-size: cover;}
.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}
.flex1 {flex:1}
.flex-row {display:flex;flex-direction:row;align-items:center}
.flex-row.start {align-items:flex-start}
.flex-row.end {align-items:flex-end}
.flex-row.center {justify-content:center}
.flex-row.wrap {flex-wrap:wrap}
.flex-row.space-between {justify-content:space-between}
.flex-column {display:flex;flex-direction:column}
.flex-column.center {align-items:center}
.inline-flex-row {display:inline-flex;;flex-direction:row;align-items:center}
.inline-flex-row.center {justify-content:center}
.inline-flex-column {display:inline-flex;flex-direction:column}
.inline-flex-column.center {align-items:center}
.full {width:100%;max-width:100%}
.gap4 {gap:4px;}
.gap10 {gap:10px;}
.gap14 {gap:14px;}
.parents {position:relative}
.h7 {height:7px;}
.h8 {height:8px;}
.h10 {height:10px;}
.h14 {height:14px;}
.h18 {height:18px;}
.h36 {height:36px;}
.h40 {height:40px;}
.h44 {height:44px;}
.h48 {height:48px;}
.gap2 {gap:2px}
.gap4 {gap:4px}
.gap6 {gap:6px}
.gap8 {gap:8px}
.gap10 {gap:10px}
.gap14 {gap:14px}
.gap20 {gap:20px}
.gap30 {gap:30px}
.gap40 {gap:40px}
.ml-auto {margin-left:auto}
.ml4 {margin-left:4px}
.ml6 {margin-left:6px}
.ml10 {margin-left:10px}
.ml14 {margin-left:14px}
.mr8 {margin-right:8px}
.mt4 {margin-top:4px}
.mt5 {margin-top:5px}
.mt6 {margin-top:6px}
.mt10 {margin-top:10px}
.mt14 {margin-top:14px}
.mt20 {margin-top:20px}
.mt30 {margin-top:30px}
.mb4 {margin-bottom:4px}
.mb10 {margin-bottom:10px}
.mb14 {margin-bottom:14px}
.mb20 {margin-bottom:20px}
.mb30 {margin-bottom:30px}
.wd30 {width:30px;min-width:30px}
.wd50 {width:50px;min-width:50px}
.wd70 {width:70px;min-width:70px}
.wd80 {width:80px;min-width:80px}
.wd100 {max-width:100px;width:100px;min-width:100px}
.wd140 {max-width:140px;width:140px;min-width:140px}
.wd150 {max-width:150px;width:150px;min-width:150px}
.wd160 {max-width:160px;width:160px;min-width:160px}
.wd200 {width:200px;min-width:200px}
.wh36 {min-width:36px;max-width:36px;height:36px;}
.wh44 {min-width:44px;max-width:44px;height:44px;}
.box-shadow {box-shadow:0 0 32px rgba(0,0,0,.05)}
/******************************************************************************
************ 버튼 관련 추가 스타일 ****************
******************************************************************************/
.btn_group {position:static !important;margin:0;padding:0;}
.btn_group .btn_small{margin-left:-1px;padding:2px 6px !important;}
.btn_group .btn_small:first-child {margin-left:0 !important;}
.btn_ssmall, .btn_small, .btn_lsmall, .btn_medium, .btn_large, .btn_txt, .btn_letter {
display:inline-block;text-decoration:none !important;vertical-align:middle !important;font-family:inherit;white-space:nowrap;cursor:pointer;background:transparent;text-align:center;border-radius:0;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.btn_ssmall {padding:1px 5px;font-size:11px;line-height:1.222;font-weight:normal !important;}
.btn_small {padding:2px 8px;font-size:11px;line-height:1.555;font-weight:normal !important;}
.btn_lsmall {padding:3px 10px;font-size:12px;line-height:1.666;font-weight:normal !important;}
.btn_medium {padding:8px 15px;font-size:13px;line-height:1.444;font-weight:600;}
.btn_large {padding:10px 21px;font-size:15px;line-height:1.222;font-weight:600;}
.btn_ssmall, .btn_small, .btn_lsmall, .btn_medium, .btn_large {position:absolute; opacity:0.9; padding:2px 8px; margin:10px; background:#333;border:1px solid #333;color:#fff !important;border-radius:3px; z-index: 1000;}
.btn_ssmall:hover, .btn_small:hover, .btn_lsmall:hover, .btn_medium:hover, .btn_large:hover {background:#222;border:1px solid #222;color:#fff !important;}
.btn_letter {width:78px;height:76px;font-size:13px;font-weight:500;line-height:1.333;color:#fff !important;background:#777;}
a.btn_letter {padding-top:19px;}
.white, .white:active {background:#fff;border:1px solid #ccc;color:#181c1f !important;}
.white:hover, .white:focus {background:#e6e6e6;border:1px solid #ccc;color:#181c1f !important;}
.gray {background:#888;border:1px solid #888;color:#fff !important;}
.gray:hover {background:#666;border:1px solid #666;color:#fff !important;}
.dgray {background:#4f4f4f;border:1px solid #4f4f4f;color:#fff !important;}
.dgray:hover {background:#aaa;border:1px solid #aaa;color:#fff !important;}
.green {background:#487f46;border:1px solid #487f46;color:#fff !important;}
.green:hover {background:#1e9765;border:1px solid #1c8f5f;color:#fff !important;}
.yellow {background:#c98643;border:1px solid #c98643;color:#fff !important;}
.yellow:hover {background:#b66303;border:1px solid #ac5d03;color:#fff !important;}
.red {background:#ef4836;border:1px solid #ef4836;color:#fff !important;}
.red:hover {background:#e02612;border:1px solid #d72411;color:#fff !important;}
.blue {background:#be0851;border:1px solid #be0851;color:#fff !important;}
.blue:hover {background:#395f9d;border:1px solid #365b96;color:#fff !important;}
.purple {background: #8e44ad;border: 1px solid #8e44ad;color: #fff !important;}
.purple:hover {background: #7d3c98;border: 1px solid #6c3483;color: #fff !important;}
.orange {background: #e67e22;border: 1px solid #e67e22;color: #fff !important;}
.orange:hover {background: #d35400;border: 1px solid #b03a00;color: #fff !important;}
.pink {background: #ff69b4;border: 1px solid #ff69b4;color: #fff !important;}
.pink:hover {background: #ff1493;border: 1px solid #ff007f;color: #fff !important;}
.bx-white {background:#fff;border:1px solid #ccc;color:#222 !important;}
.bx-white:hover {background:#fff;border:1px solid #222;color:#222 !important;}
.bx-black {background:#fff;border:1px solid #222;color:#222 !important;}
.bx-black:hover {background:#222;border:1px solid #222;color:#fff !important;}
.bx-gray {background:#f8f8f8;border:1px solid #ccc;color:#666 !important;}
.bx-gray:hover {background:#999;border:1px solid #999;color:#fff !important;}
.bx-green {background:#fff;border:1px solid #26c281;color:#26c281 !important;}
.bx-green:hover {background:#26c281;border:1px solid #26c281;color:#fff !important;}
.bx-yellow {background:#fff;border:1px solid #e87e04;color:#e87e04 !important;}
.bx-yellow:hover {background:#e87e04;border:1px solid #e87e04;color:#fff !important;}
.bx-red {background:#fff;border:1px solid #ef4836;color:#ef4836 !important;}
.bx-red:hover {background:#ef4836;border:1px solid #ef4836;color:#fff !important;}
.bx-blue {background:#fff;border:1px solid #be0851;color:#be0851 !important;}
.bx-blue:hover {background:#4b77be;border:1px solid #4b77be;color:#fff !important;}
.btn_txt {font-size:12px;height:18px;line-height:1.6;font-weight:normal;color:#999 !important;letter-spacing:0;}
.btn_txt i {margin-left:5px;}
.bx-gray2 {background:transparent;border:1px solid #888;color:#bbb !important;}
.bx-gray2:hover {background:transparent;border:1px solid #fff;color:#fff !important;}
/******************************************************************************
************ 버튼 관련 추가 스타일 ****************
******************************************************************************/
/* INPUT */
.input-container {position:relative;width:100%;display:flex}
.input-container.price {width:240px;min-width:240px}
.input-container.column {flex-direction:column}
.input-container.expand {position:relative;flex:2;}
.input-container.expand.half {position:relative;flex:1;}
.input-field {height:44px;width:100%;padding:0 14px;font-size:15px;border:1px solid rgba(0,0,0,.2);outline:none;border-radius:4px}
.input-field.dashed {border:1px dashed #929292}
.input-field:hover {border-color:rgba(0,0,0,.2)}
.input-field:focus {border:2px solid #000}
.input-label {position:absolute;top:50%;left:10px;transform:translateY(-50%);background:#fff;color:#000;padding: 0 10px;transition: 0.3s ease all;font-size:15px;pointer-events:none;}
.input-label.gray-00 {background-color:#fff}
.input-label.gray-15 {background-color:#ddd}
.input-field:focus + .input-label, .input-field:not(:placeholder-shown) + .input-label {top:0;font-size:12px;color:#323232}
.gc-checkbox {position:relative;z-index:2;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.gc-checkbox.file {width:100%;height:36px;background-color:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;cursor:pointer;margin:10px 0;border-radius:2px}
.gc-checkbox > i {font-size:20px;}
.gc-checkbox > .file-name {max-width:100%;display:flex;align-items:center;font-size:12px;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 14px;border:1px dashed rgba(0,0,0,.1)}
.gc-checkbox input[type="checkbox"] {display:none;}
.gc-checkbox .unchecked {display:inline-flex;align-items:center;color:rgba(0,0,0,.5)}
.gc-checkbox .checked {display:none}
.gc-checkbox input[type="checkbox"]:checked ~ .unchecked {display:none;}
.gc-checkbox input[type="checkbox"]:checked ~ .checked {display:inline-flex;align-items:center;color:#226DFF}
.gc-checkbox input[type="radio"]:checked ~ .unchecked {display:none;}
.gc-checkbox input[type="radio"]:checked ~ .checked {display:inline-flex;align-items:center;color:#226DFF;}
.text.unchecked, .text.checked {font-weight:500}
input[type="radio"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;cursor:pointer;}
input[type="radio"]::before {content:"\f111";font-family:"Font Awesome 6 Sharp";font-weight:300;position:absolute;font-size:20px;color:#acacac;}
input[type="radio"]:checked::before {content:"\f192"; font-weight:900; color:#226DFF}
input[type="radio"]:hover::before {color:#323232}
input[type="checkbox"] {display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;cursor:pointer;}
input[type="checkbox"]::before {content:"\f0c8";font-family:"Font Awesome 6 Sharp";font-weight:300;position:absolute;font-size:21px;color:#acacac;}
input[type="checkbox"]:checked::before {content:"\f14a";font-weight:900;color:#226DFF}
input[type="checkbox"]:hover::before {color:#4884F9}
/*
select {height:38px;border:1px solid rgba(0,0,0,.1);border-radius:4px;padding:0 28px 0 10px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg width='8' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0%2C0 8%2C0 4%2C4' fill='%23333'/%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer}
select:hover {background-color:rgba(0,0,0,.03);border-color:rgba(0,0,0,.15)}
*/
.btn {background:white;color:#303030;border:1px solid rgba(0,0,0,.2);border-radius:4px;position:relative;display:inline-flex;align-items:center;justify-content:center;margin-top:7px;padding:10px 14px;font-weight:600;gap:6px}
.btn > i {font-size:16px}
.btn:hover {background:#f7f7f7;color:#000;}
.btn.mini {height:24px;padding:0 8px}
.btn.mini > i {font-size:14px}
.btn.submit {background:#000;color:#fff;border:none;border-radius:4px;}
.btn.submit:hover {background:#226DFF}
.btn.mini {display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;gap:4px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;font-size:12px;color:#000;cursor:pointer}
.btn.mini.dashed {border:1px dashed #ececec}
.chk-admin-btn {margin-left:6px;width:28px;height:22px;background:#f7f7f7;border:1px dashed #ececec;color:#727272;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:18px}
.chk-admin-btn:hover, .btn.mini:hover {background:#f7f7f7;border:1px solid #e0e0e0;color:#000}
.expand-container, .bo_vl_opt {position:relative;}
.expand-button, .btn_cm_opt {position:relative;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;color:#929292;border:1px solid transparent}
.btn_cm_opt {width:26px;height:26px;}
.expand-button:hover, .btn_cm_opt:hover {background-color:#f7f7f7;border:1px solid #ececec;color:#000}
.expand-button > i, .btn_cm_opt > i {font-size:18px}
.expand-menu, .bo_vc_act, .chk-admin-list {display:none;position:absolute;top:100%;background-color:#fff;z-index:10000;padding:10px 0;box-shadow:0 4px 32px rgba(0,0,0,.1);border-radius:10px}
.expand-menu .expand-item, .bo_vc_act > a, .chk-admin-list > button {height:30px;display:flex;align-items:center;padding:0 20px 0 14px;color:#323232;gap:8px;font-size:13px;font-weight:500;border-top:1px solid transparent;border-bottom:1px solid transparent}
.expand-menu .expand-item:hover, .bo_vc_act > a:hover, .chk-admin-list > button:hover {background-color:rgba(0,0,0,.05);color:#000;border-color:rgba(0,0,0,.02)}
.expand-menu .expand-item > i, .bo_vc_act > a > i, .chk-admin-list > button > i {font-size:16px}
.chk-admin-list.right, .bo_vc_act {left:10px;top:calc(100% + 27px);}
.bo_vc_act.left {left:auto;right:0;top:100%}
.chk-admin-list.right.new {top:calc(100% + 19px);}
.expand-menu {right:0}
.board-wrapper {padding:0 0px;}
.header-board-title {display:flex;align-items:center;justify-content:space-between;padding-bottom:20px}
.header-board-title h1 {font-size:20px;font-weight:600}
.header-board-side-info {gap:14px}
.board-count {gap:4px;font-size:12px}
.board-count em > i {font-size:10px}
#bo_cate {margin:14px 0}
#bo_cate_ul {display:flex;flex-wrap:wrap;align-items:center;margin-bottom:14px;border-bottom:1px solid rgba(0,0,0,.05)}
#bo_cate_ul li a {position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px;color:#727272;font-weight:700;}
#bo_cate_ul li a:hover {color:#000}
#bo_cate_ul li a#bo_cate_on {color:#226DFF}
#bo_cate_ul li a#bo_cate_on::after {content:'';position:absolute;bottom:-1px;width:100%;height:2px;background-color:#226DFF}
.board-search-wrap {display:flex;align-items:center;gap:6px}
.board-search-select {width:120px;height:36px;}
.board-search-input {display:flex;align-items:center;width:100%;height:36px;border:0;font-size:14px;border: 1px solid rgba(0, 0, 0, .1); border-radius:4px; padding:0 10px;}
.board-search-btn {font-size:18px;color:rgba(0,0,0,.5);margin:0 10px}
.board-search-btn:hover {color:#226DFF}
.board-sort-wrap {display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.vl {width:1px;height:10px;background-color:rgba(0,0,0,.1);display:inline-flex;align-items:center}
.board-sort > a {display:inline-flex;align-items:center;gap:4px;color:#727272;font-size:15px;font-weight:600}
.board-sort > a.active, .board-sort > a.active:hover {color:#000}
.board-sort > a:hover {color:#323232}
/* 갤러리 게시판 목록 */
.gallery-list, .video-list {display:grid;gap:40px 20px;position:relative}
.gallery-item {cursor:pointer;display:flex;flex-direction:column}
.gallery-thumb, .video-thumb, .youtube-thumbnail {max-width:100%;display:flex;align-items:center;justify-content:center;border:0px solid #d8e0e7;}
.gallery-thumb.item a img {max-width:60px;width:auto}
.gallery-thumb.map a img {max-width:100%;width:auto}
.gallery-thumb.monster a img {max-width:100px;width:auto}
.gallery-thumb.npc a img {max-width:100px;width:auto}
.gallery-thumb > a {width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:rgba(0,0,0,.05);border-radius:0px;overflow:hidden}
.gallery-thumb > a > img {object-fit:cover;}
.gallery-thumb > a:hover > img {transform:scale(1.1)}
.thumb-empty {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#929292}
.thumb-empty i {font-size:32px;}
.gallery-cate {max-width:calc(100% - 12px);position:absolute;top:6px;left:6px;background-color:rgba(0,0,0,.7);padding:3px 6px;border-radius:calc(4px/2);color:#fff;font-size:12px;z-index:10;}
.gallery-content-title {display:flex;align-items:center;gap:4px;font-size:15px;font-weight:600;padding-top:10px}
.gallery-content-title a {display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery-info {display:flex;flex-direction:column;gap:6px}
.gallery-infos > span {display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#727272}
.gallery-hit > i {font-size:15px}
.video-thumb {width:100%;aspect-ratio:16 / 9;position:relative;}
.youtube-thumbnail, .youtube-iframe {width:100%;height:100%;object-fit:cover;}
.board-wr-link {display:flex;align-items:center;gap:4px;}
.board-wr-link > a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-family:Verdana;color:#727272}
.favicon {width:16px;height:16px;margin-right:6px}
/* PLACE BOARD */
.custom-time-picker {position:absolute;z-index:1000;background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.15);width:240px;user-select:none;}
.ampm-container {display:flex;border-bottom:1px solid #eee;}
.ampm-btn {flex:1;padding:10px;background:#f5f5f5;border:none;cursor:pointer;text-align:center;}
.ampm-btn.active {background:#007bff;color:white;}
.time-columns-container {display:flex;height:200px;}
.time-column {flex:1;overflow-y:auto;border-right:1px solid #eee;}
.time-column:last-child {border-right:none;}
.time-option {padding:8px 12px;text-align:center;cursor:pointer;}
.time-option:hover {background-color:#f5f5f5;}
.time-option.active {background-color:#007bff;color:white;}
.board-main-info {display:flex;flex-direction:column;gap:4px}
.board-main-info > div {display:flex;gap:6px;align-items:center;font-size:13px}
.place-list-location {font-size:12px;color:#525252}
.place-list-phone i {color:#FF4D4D}
.place-list-time {color:#2C9047;font-weight:600}
.place-list-time em {color:#727272}
.schedule-map {margin-top:20px}
/* 게시판 읽기 */
.view-attach-info {padding:0 24px}
.video-container, .video-container > video {max-width:100%}
#bo_v_atc {margin:20px 0}
#bo_v_title {display:flex;flex-direction:column;gap:14px}
.board-wrapper.view header {display:flex;justify-content:space-between;padding-bottom:10px}
.board-wrapper.view header > .profile_img {min-width:50px;width:50px;height:50px;}
.pf_img {min-width:42px;width:42px;height:42px;}
.bo_v_cate {display:flex;align-items:center;gap:8px;}
.bo_v_cate > em {display:inline-flex;align-items:center;font-size:14px;color:#525252}
.bo_v_cate > em > i {margin-right:8px;font-size:10px;color:#727272}
.profile_info {border-bottom:1px solid rgba(0,0,0,.05);padding:4px 0}
.bo_v_tit {display:flex;align-items:center;font-size:1.4em;font-weight:600;color:#000}
.bo_v_tit.music {margin-bottom:4px}
.profile_info_ct {display:flex;align-items:center;gap:8px}
.profile_info_ct > span {display:inline-flex;align-items:center;gap:4px;}
.flex-parents.full {width:100%}
.expand-container, .bo_vl_opt {position:relative;}
.expand-button, .btn_cm_opt {position:relative;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;color:#727272;border:1px solid transparent}
.btn_cm_opt {width:26px;height:26px;}
.expand-button:hover, .btn_cm_opt:hover {background-color:#f7f7f7;border:1px solid #ececec;color:#000}
.expand-button > i, .btn_cm_opt > i {font-size:18px}
.expand-menu, .bo_vc_act, .chk-admin-list {display:none;position:absolute;top:100%;background-color:#fff;z-index:10000;padding:10px 0;box-shadow:0 4px 32px rgba(0,0,0,.1);border-radius:10px}
.expand-menu .expand-item, .bo_vc_act > a, .chk-admin-list > button {height:30px;display:flex;align-items:center;padding:0 20px 0 14px;color:#424242;gap:8px;font-size:13px;font-weight:500;border-top:1px solid transparent;border-bottom:1px solid transparent}
.expand-menu .expand-item:hover, .bo_vc_act > a:hover, .chk-admin-list > button:hover {background-color:rgba(0,0,0,.05);color:#000;border-color:rgba(0,0,0,.02)}
.expand-menu .expand-item > i, .bo_vc_act > a > i, .chk-admin-list > button > i {font-size:16px}
.chk-admin-list.right, .bo_vc_act {left:10px;top:calc(100% + 27px);}
.bo_vc_act.left {left:auto;right:0;top:100%}
.chk-admin-list.right.new {top:calc(100% + 19px);}
.expand-menu {right:0}
.datetime, .datetime-normal {font-size:13px;color:#525252}
.datetime::before, .point.attendance::before {content:"\2f";font-family: "Font Awesome 6 Sharp";font-size:10px;font-weight:400;margin-right:6px;color:rgba(0,0,0,.3)}
.bo_current {color:#FF4D4D}
#bo_v_act {display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0}
.bo_v_act_gng > a, .guest-vote {display:inline-flex;align-items:center;padding:12px 20px;border:1px solid rgba(0,0,0,.05);border-radius:4px;cursor:pointer}
.bo_v_act_gng a:hover {border:1px solid #226DFF}
.bo_v_act_gng a:hover {color:#226DFF}
.bo_v_act_gng > a, .guest-vote {display:inline-flex;align-items:center;gap:6px}
.bo_v_act_gng > a > i {font-size:16px;}
#bo_v_con {font-size:16px;}
.view-comment-wrap {}
.responsive-iframe iframe {aspect-ratio:16/9;max-width:640px;width:100%;height:auto}
#bo_v_share {display:inline-flex;align-items:center;gap:30px;height:40px;border-radius:2px;background-color:transparent;margin:40px 0 20px}
#bo_v_sns {display:inline-flex;align-items:center;height:40px;gap:30px}
#bo_v_sns > li {height:100%;}
#bo_v_sns > li > a, .view-scrap > a {height:100%;display:flex;align-items:center;gap:6px;color:#727272;font-weight:500}
.view-scrap.active > a {color:#000}
#bo_v_sns > li > a:hover, .view-scrap > a:hover {color:#000}
#bo_v_sns > li > a > i, .view-scrap > a > i {font-size:16px}
.board-file, .board-link {padding:10px 14px;background-color:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);margin:2px 0;gap:10px}
.board-file > a, .board-link > a {padding-left:10px;border-left:1px solid rgba(0,0,0,.1);flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;font-weight:500;}
.board-file > a > em, .board-link > a > em {word-break:break-all;font-size:13px;color:#000}
.board-file > a > em:hover, .board-link > a > em:hover {color:#226DFF}
.board-file > a > i, .board-link > a > i {font-size:16px}
.bo_v_file_cnt, .bo_v_link_cnt {font-size:12px;color:#525252;font-weight:500}
.tags {display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:0 24px}
.tags a {background-color:rgba(0,0,0,.1);display:inline-flex;border-radius:2px;padding:6px 12px;font-size:13px;color:rgba(0,0,0,.7);font-weight:500}
.tags a:hover {background-color:rgba(0,0,0,.15);color:#000}
.tags > i {font-size:16px;margin-right:6px}
.bo_v_nb {display:flex;flex-direction:column;gap:4px}
.bo_v_nb > div {display:flex;align-items:center;justify-content:space-between;padding:10px 14px;gap:14px;border:1px solid rgba(0,0,0,.03);background-color:rgba(0,0,0,.03)}
.bo_v_nb > div:nth-child(2) {border-top:0}
.bo_v_nb > div > a {display:inline-flex;align-items:center;gap:10px;font-size:15px}
.bo_v_nb > div > a > i {font-size:16px}
.bo_v_nb > div > a > em {font-size:12px;color:#525252}
.bo_v_nb .nb_date {font-size:13px;color:#525252}
.schedule-details {display:flex;flex-direction:column;padding:10px 14px;background-color:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05);margin-bottom:20px}
.schedule-details > div {display:flex;align-items:center;padding:5px 0;font-size:16px;gap:10px;}
.schedule-details > div > span:first-child {width:34px;min-height:34px;height:100%;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;color:#fff}
.schedule-details > div > span:last-child {font-weight:500}
.schedule-details > div > span:last-child em {margin-right:10px;padding-right:10px;font-weight:500;border-right:1px solid rgba(0,0,0,.1)}
.schedule-details > div.schedule-date-info > span:first-child {background-color:#4385F5}
.schedule-details > div.schedule-time-info > span:first-child {background-color:#34A853}
.schedule-details > div.schedule-location-info > span:first-child {background-color:#FABC05}
.schedule-details > div.schedule-tel-info > span:first-child {background-color:#FF4D4D}
.today-schedule {color:#226DFF;}
/* KAKAO MAP */
#map {position:relative!important;width:100%;height:300px;margin-bottom:14px;border-radius:8px}
.search-results-container {position:relative;max-height:300px;overflow-y:auto;border:1px solid rgba(0,0,0,.2);border-radius:4px;margin-top:10px;margin-bottom:10px;background-color:#fff;}
.search-results-header {position:sticky;top:0;padding:10px 14px;background:#fff;border-bottom:1px solid #eaeaea;font-weight:500;z-index:10}
.search-result-item {background-color:#fff;padding:8px 14px;border-bottom:1px solid #eaeaea;cursor:pointer;}
.search-result-item:last-child {padding:8px 10px;border-bottom:none;cursor:pointer;}
.search-result-item:hover {background-color:#f7f7f7;}
.place-name {font-weight:600;margin-bottom:4px;}
.place-address {font-size:12px;color:#727272;}
.info-window-content {will-change:transform;transition:none!important;padding:10px 14px;width:auto;text-align:center;background-color:#fff;image-rendering:auto;border:1px solid #000}
.info-window-title {white-space:nowrap;color:#000;font-weight:bold;font-size:15px;margin-bottom:6px;padding:0 30px}
.info-window-address {color:#000;white-space:nowrap;font-size:13px;text-align:left;}
.info-window-address-road {white-space:nowrap;font-size:13px;text-align:left;}
.address-type {color:#828282;}
.search-pagination {padding:10px;text-align:center;background:#fff;}
.pagination-button {padding:5px 10px;margin:0 5px;border:1px solid rgba(0,0,0,.2);background:#fff;border-radius:4px;cursor:pointer;}
.pagination-current {margin:0 10px;}
div[style*="border: 1px solid rgb(118, 129, 168)"] {border:none !important;}
div[style*="triangle.png"] {display:none;}
.radio-label, .checkbox-label {display:inline-flex;align-items:center;gap:4px}
.radio-label span, .checkbox-label span {white-space:nowrap;cursor:pointer}
.section-subtitle {font-weight:500}
h2.section-subtitle {font-weight:600}
#map * {transition:none !important;will-change:transform;transform:translateZ(0);}
#map.map-loaded::before {opacity:0;pointer-events:none;}
#list_map * {transition:none !important;will-change:transform;transform:translateZ(0);}
#list_map.map-loaded::before {opacity:0;pointer-events:none;}
.info-button-container {width:100%;display:flex;align-items:center;gap:6px}
.map-close-btn {position:absolute;right:0;top:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.3)}
.map-loaded .MapController {image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;}
.close-btn {position:absolute;right:0;top:0;background:none;border:none;font-size:18px;cursor:pointer;color:#666;}
.detail-link, .copy-address-btn {flex:1;display:flex;align-items:center;justify-content:center;padding:6px 14px;background-color:#000;color:#fff;margin-top:10px;font-size:13px;font-weight:500}
.copy-address-btn {background-color:#727272}
.copy-address-btn:hover {background-color:#828282}
.detail-link:hover {background-color:#3A7DFF}
. + div[style*="triangle.png"] {top:82px !important;}
.info-box {font-size:13px;padding:10px 0 10px 14px;background-color:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05)}
.info-box i {margin-right:4px}
.info-box p {line-height:normal}
/* 댓글 */
@keyframes commentHighlight { 0% {background-color:rgba(0,0,0,.05);} 50% {background-color:rgba(0,0,0,.05);} 100% {background-color:rgba(0,0,0,.01);} }
.comment-highlight {animation: commentHighlight 2s ease-out;border-radius: 4px;position: relative;}
.comment-highlight::before {content: '';position: absolute;top: 0;left: -10px;height: 100%;width: 4px;background-color:#fff;border-radius: 2px;}
.secret-content {font-size:13px;color:rgba(0,0,0,.5)}
.comment-wrap {position:relative;z-index:1}
.comment-header {margin:20px 0;padding:14px 0;border-bottom:1px solid #f7f7f7}
.comment-header > button {font-size:16px;font-weight:500;display:inline-flex;align-items:center;gap:6px}
.comment-header > button > i {font-size:18px;color:#226DFF}
.comment-item {margin-bottom:28px}
.cm_wrap {width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.cmt_contents {font-size:15px}
.cmt_contents img {max-width:400px}
.pf_img {min-width:42px}
.comment-writer {font-size:13px;}
.comment-textarea, .memo-textarea {width:100%;display:flex;resize:none;overflow:hidden;min-height:100px;border:1px solid rgba(0,0,0,.2);border-radius:0;padding:10px}
.comment-submit {display:flex;justify-content:flex-end;gap:10px}
.comment-submit .btn.submit {display:flex;gap:10px}
.comment-submit .btn.submit i {font-size:16px}
.bo_vc_w_info {display:flex;flex-direction:column;margin-top:14px;}
.secret-comment {line-height:normal;background-color:#FF4D4D;color:#fff;font-size:13px;font-weight:500;padding:4px 8px;display:inline-flex;align-items:center;gap:4px;}
.captcha {margin-top:10px}
#bo_vc_empty, .no-chat-message {display:flex;align-items:center;justify-content:center;padding:30px;color:#ccc}
.reply-atsign {color:#226DFF;font-weight:500}
.comment-btn-good {height:26px;display:inline-flex;align-items:center;padding:0 10px;gap:6px;font-size:12px;color:#ccc;border:1px solid rgba(0,0,0,.05)}
.comment-btn-good:nth-child(2) {margin-left:-1px}
.comment-btn-good:hover {background-color:rgba(0,0,0,.05)}
.comment-btn-good i {font-size:14px;}
.comment-good-count, .comment-nogood-count {font-size:12px;font-weight:700}
.comment-btn-good.good {color:#FF4D4D}
.comment-btn-good.nogood {color:#226DFF}
.comment-btn-good.good i, .comment-btn-good.nogood i {font-weight:900}
.best-icon {height:26px;display:inline-flex;align-items:center;padding:0 8px;background-color:#FF4D4D;color:#fff;border-radius:2px;font-size:12px;font-weight:700;gap:6px}
.best-icon > i {font-size:16px;}
.secret_cm > label {display:flex;align-items:center;gap:6px;cursor:pointer}
.secret-check {display:none!important;}
.secret-check + label .icon-wrapper .fa-solid {display:none;}
.secret-check + label .icon-wrapper .fa-light {display:inline;font-size:16px;}
.secret-check:checked + label .icon-wrapper .fa-solid {display:inline;font-size:16px;color:#FF4D4D}
.secret-check:checked + label .icon-wrapper .fa-light {display:none;}
.rating-score-container {width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.rating-score-select {display:flex;align-items:center;gap:14px}
.star-display.img-over {position:absolute;width:100%;height:80px;background:linear-gradient(to bottom, transparent, rgba(0,0,0,.7));justify-content:center;align-items:center;left:50%;bottom:0;transform:translateX(-50%);display:flex;flex-direction:column;gap:10px}
.gallery-thumb > a:hover > .star-display.img-over {height:90px;background:linear-gradient(to bottom, transparent, rgba(0,0,0,.8));}
.star-score {position:relative;display:inline-flex;align-items:center;border-radius:8px;}
.star-score i {cursor:pointer;font-size:20px;color:#c2c2c2;transition:all 0.15s ease;position:relative;z-index:1;padding:10px 2px;}
.star-score i.hover {color:#FFCA28!important;transform:scale(1.2);}
.star-score i.selected {color:#FFA000!important;}
#score-display {font-weight:bold;transition:all 0.2s ease;}
.score-update {animation:pulse 0.2s ease-in-out;}
#score-display.score-flash {animation:scorePulse 0.3s ease-in-out;}
@keyframes pulse {0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}
@keyframes scorePulse {0%{transform:scale(1);color:#333;}25%{transform:scale(1.4);color:#FF6D00;}75%{transform:scale(1.2);color:#FF6D00;}100%{transform:scale(1);}}
.star-display {display:flex;align-items:center;gap:2px}
.star-display > span {display:inline-flex;align-items:center}
.star-wrapper {display:flex;align-items:center}
.star-display i {font-size:16px;color:#c2c2c2;display:inline-block;position:relative;}
.star-display i.full {color:#F49303;}
.star-display.img-over i.full {color:#FFD700;}
.star-display i.dark-empty {color:rgba(0,0,0,.3);}
.star-display i.half {color:#F49303;overflow:hidden;position:relative;}
.half-star {display:inline-flex;align-items:center;position:relative;z-index:10}
.star-display i.over-dark-empty {position:absolute;color:rgba(0,0,0,.4);top:0;right:0;z-index:-1}
.star-display i.over-gray-empty {position:absolute;color:rgba(0,0,0,.2);top:0;right:0;z-index:-1}
.rating-score-result {display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:14px 0;border-bottom:1px dashed rgba(0,0,0,.4);margin-bottom:20px;}
.rate-active {color:#fff}
.rating-text {color:rgba(0,0,0,.3);font-size:12px}
.rating-text.active {color:rgba(255,255,255,.8);font-size:12px}
.comment-rating-text {color:#000}
.rating-text > i, .comment-rating-text > i {font-size:10px;color:rgba(0,0,0,.3)}
.rating-text.active {color:#fff;gap:10px}
.rating-text.active > em > i {font-size:10px}
.comment-half-star {position:relative}
.comment-half-star i.empty {position:absolute;top:-20px;left:0;width:16px;height:16px;font-size:16px;line-height:16px;color:rgba(0,0,0,.1)}
.comment-half-star i.full.half {color:#F49303;z-index:2;}
/* 게시판 글쓰기 */
.board-wrapper.write {padding-bottom:40px;}
.board-list {padding:20px 0}
.write_div {position:relative;z-index:1}
#wr_content {border:1px solid rgba(0,0,0,.2);padding:14px;width:100%;min-height:140px}
.wr_content > textarea#wr_content {font-size:16px}
.cate_input {position:absolute;opacity:0;width:0;height:0;}
.write-section-container {position:relative;}
.write-section-container.sub {padding:20px 0}
.write-category label {height:40px;display:inline-flex;padding:0 10px;font-size:16px;color:#727272;font-weight:600;border-bottom:1px solid #f7f7f7;cursor:pointer;transition: all 0.2s;}
.write-category label:hover {position:relative;z-index:1;color:#000;}
.cate_input:checked + label {position:relative;z-index:1;color:#226DFF;border-bottom:2px solid #226DFF;}
.board-write-subject {}
#autosave_pop {display:none;}
#autosave_pop .info-box {margin:0 14px}
.write-autosave {height:44px;background-color:rgba(0,0,0,.05);border-radius:4px}
.autosave-btn, .autosave-count {height:100%;padding:0 14px;font-weight:500;}
.autosave-list {width:340px;position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:calc(4px * 2);z-index:399}
.autosave-list ul {margin:10px 0;padding:0 2px 0 14px;display:flex;flex-direction:column;overflow-y:scroll;max-height:220px;}
.autosave-list li {max-width:calc(100% - 6px);display:flex;justify-content:space-between}
.autosave-list li.empty_list {justify-content:center;padding:20px;color:#727272}
.autosave_del {width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}
.autosave_close {padding:14px;font-weight:500}
.autosave_load {width:280px;max-width:280px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#323232;font-weight:600}
.autosave-item {padding:14px 0;border-bottom:1px solid rgba(0,0,0,.05)}
.autosave-datetime {font-size:12px;color:#929292}
.info-box {font-size:13px;padding:10px 0 10px 14px;background-color:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.05)}
.info-box i {margin-right:4px}
.info-box p {line-height:normal}
.bo_w_attach {position:relative;overflow:hidden;display:flex;gap:6px;width:100%;justify-content:space-between;margin-top:14px;z-index:0}
.file_link {margin-top:20px}
.file_item {display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto}
.bo_w_attach > span {display:inline-flex;align-items:center}
.bo_write_option {display:flex;margin:14px 0;}
.preview-1 {position:relative;overflow:hidden;display:inline-flex;align-items:center;width:50px;height:50px;margin-right:auto;border-radius:10px;}
.preview-1 > img {width:50px;object-fit:cover;border-radius:10px;}
.custom-file-upload {display:flex;align-items:center;justify-content:center;width:80px;height:32px;cursor:pointer;background-color:#3A7DFF;color:#fff;border-radius:2px;font-weight:400}
.custom-file-upload:hover {background-color:#538DFF}
.custom-file-upload.write {width:100px}
.custom-file-upload > i {padding-right:6px}
.custom-file-upload input[type="file"] {display: none;}
.file-delete {font-size:14px;color:#727272;cursor:pointer;display:none}
.custom-file-input {display:none;}
.custom-file-label {display:inline-flex;align-items:center;cursor: pointer;height:36px;padding:0 14px;color:#fff;background:#226DFF;}
.custom-upload-icon {width:18px;height: 14px;margin-right:6px;transition: transform 0.3s ease;}
.custom-file-label:hover .custom-upload-icon {transform: scale(1.1);}
.btn-confirm {width:100%;display:flex;align-items:center;gap:10px;}
.btn-confirm > button {flex:1;}
.tags-input-container {display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid rgba(0,0,0,.2);margin-bottom:20px}
.tags-input-container input.tags-input {border:0;height:60px;outline:none;flex-grow:1;font-size:16px}
.tags-input-container ul {display:flex;flex-wrap:wrap;align-items:center;gap:6px;}
.tags-input-container li {height:26px;background-color:rgba(0,0,0,.1);border-radius:2px;padding-left:10px;font-size:14px;display:flex;align-items:center;color:#424242}
.tags-input-container li:last-child {margin-right:10px;}
.tags-input-container li i {padding:0;}
.tags-input-container li .tag-close {width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#525252;font-size:12px;}
.tags-input-container li .tag-close:hover {color: #000;}
.file-img-preview {/*max-width:60px;max-height:60px;width:60px;height:60px;*/width:100%; height:auto; overflow:hidden}
/* 캡챠 */
#captcha {display:flex;flex-wrap:wrap;align-items:center;position:relative;margin-bottom:14px}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;width:106.67px;border:1px solid rgba(0,0,0,.2);vertical-align:top;padding:0;cursor:pointer;transition:height .3s,width .3s}
#captcha #captcha_img:hover {height:60px;width:160px}
#captcha #captcha_mp3, #captcha #captcha_reload {margin:0;padding:0 10px;height:40px;border:0;vertical-align:middle;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.03);}
#captcha #captcha_mp3:hover, #captcha #captcha_reload:hover {color:#000;background-color:rgba(0,0,0,.08)}
#captcha #captcha_key {width:90px;height:40px;margin:0 4px;border:1px solid rgba(0,0,0,.2);background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:0;vertical-align:top}
#captcha #captcha_info {display:inline-flex;align-items:center;color:#525252;margin-left:8px}