/**/
.kakao_pos		{position:relative; height:500px; border-radius:10px; overflow:hidden;}
.kakao_api		{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; overflow:hidden; }
.kakao_api:after {content: "Dokdo Belongs to Korea"; position:absolute; bottom:10px; right:10px; line-height: 100%; z-index:1; font-weight: 300; font-size: 8px; color: #000 !important; opacity: 0.9; letter-spacing: 0em;}
.kakao_api *		{transition: none !important;}
.kakao_api .info_box {position:absolute; bottom:45px; left:50%; transform:translateX(-50%); width: 300px; text-align: left;border-radius: 7px ; background:#fff; border:1px solid #ddd; display:none;}
.kakao_api .info_box h3 {position:relative; padding:10px 30px 10px 15px; font-size:13px; color:#000; font-weight:bold; background:#f5f3f3; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.kakao_api .info_box h3 i {position:absolute; top:50%; right:7px; transform:translateY(-50%);  color:red; font-size:20px;}
.kakao_api .info_box ul.detail {position:relative; padding:15px; font-size:0; white-space:normal !important;}
.kakao_api .info_box ul.detail li {display:inline-block; width:100%; font-size:11px; color:#333; margin-top:7px; line-height:120%;text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.kakao_api .info_box ul.detail li:first-child {margin:0;}
.kakao_api .info_box ul.detail li.url {width:auto; height:auto; margin:10px 0 0 0;}
.kakao_api .info_box ul.detail li.url a {display:block; background:#f5f3f3; color:#333; padding:7px 7px; border-radius:3px;}

@media screen and (max-width: 650px){
	.kakao_api:after {font-size: 7px;letter-spacing: 0.05em;}
}

/**/
.map_cover		{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.07); opacity: 1; visibility: visible;  z-index:2;transition: all .3s !important; }
.map_cover.hidden		{visibility: hidden; opacity: 0; transition: all .3s;}
.map_cover:before,
.map_cover:after {content:""; position:absolute; top:0; left:0; border:1px solid var(--map_grid); animation-name: default_fadein; animation-duration:0.9s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; opacity:0; -webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.map_cover:before {width:100%; height:50%; border-width:0 0 1px 0;}
.map_cover:after {width:50%; height:100%; border-width:0 1px 0 0;}

.map_cover .mc_s_line {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.75;}
.map_cover .mc_s_line:before,
.map_cover .mc_s_line:after {content:""; position:absolute; border:1px dashed var(--map_grid); animation-name: default_fadein; animation-duration:0.9s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; opacity:0; -webkit-animation-delay: 0.5s; animation-delay: 0.65s;}
.map_cover .mc_s_line.x:before {top:0; left:0; width:25%; height:100%; border-width:0 1px 0 0;}
.map_cover .mc_s_line.x:after {top:0; right:0;width:25%; height:100%; border-width:0 0 0 1px;}
.map_cover .mc_s_line.y:before {top:0; left:0; width:100%; height:25%; border-width:0 0 1px 0;}
.map_cover .mc_s_line.y:after {bottom:0; left:0;width:100%; height:25%; border-width:1px 0 0 0;}


.map_cover .mc_c_line {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.75;}
.map_cover .mc_c_line:before,
.map_cover .mc_c_line:after {content:""; position:absolute; border:1px dashed var(--map_grid); animation-name: default_fadein; animation-duration:0.9s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; opacity:0; -webkit-animation-delay: 0.5s; animation-delay: 0.65s;}
.map_cover .mc_c_line.x:before,
.map_cover .mc_c_line.x:after {top:0; left:50%; transform:translateX(-50%); height:100%; border-width:0 1px;}
.map_cover .mc_c_line.x:before {width:25%;}
.map_cover .mc_c_line.x:after {width:75%;}
.map_cover .mc_c_line.y:before,
.map_cover .mc_c_line.y:after {top:50%; left:0; transform:translateY(-50%); width:100%; border-width:1px 0;}
.map_cover .mc_c_line.y:before {height:25%;}
.map_cover .mc_c_line.y:after {height:75%;}
.map_cover span		{position:absolute; top:50%; left:50%; max-width:270px; width:calc(100% - 30px); transform:translate(-50%, -50%); text-align:center; color:rgba(255,255,255,1); line-height:140%; font-size:11px; letter-spacing:0; opacity:0; background:var(--sym_color); padding:10px 0; border-radius:50px; z-index: 2;}
.map_cover span.show		{opacity:1;}
.map_cover .cv_msg	{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); opacity:0;transition: all .35s;z-index:1;}
.map_cover .cv_msg.show	{opacity:1;}
.map_cover .cv_msg i	{position:absolute; top:17px; left:110px; color:red; font-size:15px; display: none;}
.map_cover .cv_msg:before,
.map_cover .cv_msg:after {content: ""; position:absolute; transition: all .3s;z-index:2; display: none;}
.map_cover .cv_msg:before {top:45px; left:35px; width:40px; height:50px; border: 1px solid #fff; border-width: 0 0 1px 1px;}
.map_cover .cv_msg:after {content: "여기서 해제하세요."; top:85px; left:90px; color: #0f7; font-size: 11px; font-weight: 500;}

@media screen and (max-width: 1700px){
	.map_cover .mc_c_line {opacity:0;}
}

@media screen and (max-width: 650px){
	.map_cover .cv_msg:before,
	.map_cover .cv_msg:after {display: none;}
}


.map_fix_tg		{position:absolute; top:15px; left:15px; font-size:0px; transition: all .3s; cursor: pointer; z-index:5;}
.map_fix_tg.unlock		{}
.map_fix_tg em,
.map_fix_tg span		{display:inline-block; vertical-align:middle; position:relative;}
.map_fix_tg em			{width:30px; height:12px; background:var(--sym_color); margin-right:8px; border-radius:35px;transition: all .3s; }
.map_fix_tg em:before		{content:""; width:16px; height:16px; background:#fff; border-radius:100%; position:absolute; top:50%; left:16px; transform:translateY(-50%);transition: all .3s; }
.map_fix_tg span	{font-size:11px; color:var(--default_color1); font-weight:600; letter-spacing: -0.05em; transition:all .3s;}
.map_fix_tg span.rev	{color:var(--default_color1);}
.map_fix_tg.unlock em			{background:#777; transition: all .3s;}
.map_fix_tg.unlock em:before		{left:0px; transition: all .3s;}

@media screen and (max-width: 650px){
	.map_fix_tg span	{font-size:10px;}
}

.main_fix_map		{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:0px; transition: all .3s; cursor: pointer; z-index:5; border:1px solid red;}
.main_fix_map.unlock		{display:none;}
.main_fix_map em,
.main_fix_map span		{display:inline-block; vertical-align:middle; position:relative;}
.main_fix_map em			{width:100px; height:30px; background:var(--sym_color); margin-right:8px; border-radius:35px;transition: all .3s; }
.main_fix_map em:before		{content:""; width:45px; height:45px; background:#fff; border-radius:100%; position:absolute; top:50%; left:55px; transform:translateY(-50%);transition: all .3s; }
.main_fix_map span	{font-size:11px; color:var(--default_color1); font-weight:600; letter-spacing: -0.05em; transition:all .3s;}
.main_fix_map span.rev	{color:var(--default_color1);}
.main_fix_map.unlock em			{background:#777; transition: all .3s;}
.main_fix_map.unlock em:before		{left:0px; transition: all .3s;}


/**/
.map_kind_btn {position:absolute; top:15px; right:15px; z-index:5; font-size:0;}
.map_kind_btn button {display:inline-block; vertical-align:middle; cursor:pointer; border:0; background:#ddd; color:#333; font-size:10px; font-weight:500; line-height:110%;width:auto; padding:5px; border-radius:3px; margin-left:3px; font-family:var(--neo);}
.map_kind_btn button.on {background:var(--sym_color); color:#fff;}


/* 카테고리 / 리스트 관리 버튼 */
.ctrl_pos {position:relative; max-width:1300px; width:100%; left:0; right:0; margin:auto; padding:0 20px; text-align:right; font-size:0; z-index:1;}
.ctrl_pos ul.cate_kind {display:inline-block; vertical-align:bottom; position:relative; font-size:0; text-align:center; width:100%;}
.ctrl_pos ul.cate_kind li {display:inline-block; vertical-align:middle; line-height:100%; text-align:center; margin-right:5px;}
.ctrl_pos ul.cate_kind li:last-child {margin:0;}
.ctrl_pos ul.cate_kind li.sel {}
.ctrl_pos ul.cate_kind li a {display:block; font-size:13px; line-height:100%; padding:7px 0; width:60px; color:#333; background:#fff; border-radius:3px; border:1px solid #e9e9e9;}
.ctrl_pos ul.cate_kind li.sel a {border-color:orangered; color:#fff; background:orangered;}
.ctrl_pos ul.cate_kind.short {text-align:right; position:absolute; top:20px; right:20px;}
.ctrl_pos ul.cate_kind.short li {width:auto;}
.ctrl_pos ul.cate_kind.short li a {}


.ctrl_pos ul.list_control {display:inline-block; vertical-align:bottom; position:relative; font-size:0; text-align:center; margin:0 0 15px 15px;}
.ctrl_pos ul.list_control li {display:inline-block; vertical-align:middle; line-height:100%; font-size:12px; cursor:pointer; padding:5px; border-radius:3px; margin-right:3px; border:1px solid red;}
.ctrl_pos ul.list_control li:last-child {margin:0;}
.ctrl_pos ul.list_control li.all {border-color:#ddd; color:#000;}
.ctrl_pos ul.list_control li.del {border-color:#ddd; color:red;}
.ctrl_pos ul.list_control li.cm {border-color:#ddd; color:blue;}
.ctrl_pos ul.list_control li.ok {border-color:#ddd; color:orange;}

@media screen and (max-width: 650px){
	.ctrl_pos ul.cate_kind.short {text-align:left; top:35px; left:0; right:initial; padding:0 0 0 70px;}
}

/* */
.list_none {padding:100px 0 !important; opacity:1 !important; text-align:center !important; background:#fff !important; font-size:12px !important; color:#333 !important;  border:0  !important; border-radius:0 ! !important;}

/* 리스트내 글쓰기 */
.btn_write {display:inline-block; vertical-align:bottom; line-height:100%; position:relative; margin:0 0 15px 15px;}
.btn_write a {display:block; width:100px; height:35px;position:relative; background:#333; border-radius:35px;}
.btn_write a span {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; color:#fff; font-size:12px; line-height:100%;}

/* 기본글쓰기 */
.board_write_box		{position:relative; text-align:center; }
.board_write_box .bwb_pos		{display:inline-block; max-width:800px; width:100%; padding:0px 30px 80px 30px; }
.board_write_box .bwb_pos.modify		{max-width:400px; padding:30px;}
.board_write_box .bwb_pos h2		{display:inline-block; width:100%;  font-weight:700; font-size:22px; letter-spacing:-0.05em; color:#333; line-height:110%; padding:0 0 35px 0; text-align:left; font-family:var(--neo);}

.board_write_box .modify ul.wirte_box	{padding:0 0 10px 0; }
.board_write_box ul.wirte_box	{display:inline-block; width:100%;padding:20px; border-radius:15px;}
.board_write_box ul.wirte_box > li	{display:inline-block; width:100%; position:relative; margin-top:5px; text-align:left;}
.board_write_box ul.wirte_box > li:first-child	{margin-top:0 !important; padding-top:0 !important;}
.board_write_box ul.wirte_box > li .ck_s		{position:absolute; top:50%; right:10px; transform:translateY(-50%); font-weight:normal; font-size:11px;}
.board_write_box ul.wirte_box > li.title		{margin:0; font-size:14px; text-align:left; padding:20px 0 5px 5px; color:var(--default_color1); font-weight:600;}
.board_write_box ul.wirte_box > li.title.p_none		{padding-top:0;}
.board_write_box ul.wirte_box > li.title p	{display:inline-block; width:100%; font-weight:500; font-size:12px; color:var(--default_color5);}
.board_write_box ul.wirte_box > li.title em	{font-style:normal; font-size:11px; display:inline-block; padding-left:5px;}
.board_write_box ul.wirte_box > li.title em span	{color:red;}
.board_write_box ul.wirte_box > li.title am	{position:absolute; bottom:5px; right:0; color:red; font-size:11px; font-weight:normal;}
.board_write_box ul.wirte_box > li.title opt	{display:inline-block; vertical-align:middle; margin-left:3px;line-height: 100%; font-size: 11px; padding: 3px; border-radius: 3px; background: red;color: #fff; font-weight: 500;}

.board_write_box ul.wirte_box > li.title tc_wrp	{position:absolute; bottom:5px; right:0; color:var(--default_color2); font-size:11px; font-weight:normal;}
.board_write_box ul.wirte_box > li.title tc_wrp tc	{color:red;}
.board_write_box ul.wirte_box > li .set_pos_btn {position:relative; font-size:0; margin:10px 0 3px -5px;}
.board_write_box ul.wirte_box > li .set_pos_btn post {display:inline-block; font-size:11px; font-weight:600; color:#fff; line-height:100%; border-radius:30px; padding:8px 15px; background:#0091ff; border:0px solid #eee; cursor:pointer; margin-right:5px; transition:all .3s;}
.board_write_box ul.wirte_box > li .set_pos_btn post:hover {color:#fff; background:#333; border-color:#333;}

.board_write_box ul.wirte_box > li > span	{position:absolute; top:50%; left:10px; transform:translateY(-50%); font-size:12px; z-index:1; color:var(--default_color4);}
.board_write_box ul.wirte_box > li > span.del	{position:relative; top:0; left:0; transform:none; font-size:12px; z-index:1; color:red; display:inline-block; padding-left:10px;}
.board_write_box ul.wirte_box > li > input,
.board_write_box ul.wirte_box > li > select,
.board_write_box ul.wirte_box > li > textarea		{width:100%; border:1px solid var(--bdr_write_out); background:var(--bdr_write_bg); font-size:12px; text-align:left; transition:all .2s; color:var(--default_color2); border-radius:7px;}
.board_write_box ul.wirte_box > li > input:focus,
.board_write_box ul.wirte_box > li > textarea:focus {outline:none; background:var(--bdr_write_bg_focus); border:1px solid var(--bdr_write_out_focus) !important; transition:all .2s;}
.board_write_box ul.wirte_box > li > input::placeholder {color: var(--bdr_write_holder); font-size:11px;}
.board_write_box ul.wirte_box > li > input		{height:40px; padding:0 15px 0 100px;}
.board_write_box ul.wirte_box > li > input.add_frm		{padding:0 15px; margin-top:3px;}
.board_write_box ul.wirte_box > li > input.b1				{background:#f5f3f3;}
.board_write_box ul.wirte_box > li > input.b2				{background:#fafafa;}

.board_write_box ul.wirte_box > li.map_adress		{margin-bottom:15px;}
.board_write_box ul.wirte_box > li.map_adress > span		{color:var(--default_color2);}
.board_write_box ul.wirte_box > li.map_adress > input		{border:0; background:transparent; font-size:11px; color:var(--sym_color); border-radius:0px; height:12px; padding:0 0 0 65px; }
.board_write_box ul.wirte_box > li.map_adress > input:focus {background:none; border:0 !important;}
.board_write_box ul.wirte_box > li.map_adress > input::placeholder {color: var(--default_color5) !important; font-size:11px;}

.board_write_box .map_brb_wrap {position:absolute; top:0; right:0; min-width:50px; width:auto; line-height:100%; font-size:0;}
.board_write_box .map_brb_wrap input[type="checkbox"] + label	{width:100%; height:30px; position:relative; padding:0; border-radius:3px; overflow:hidden; margin:0; cursor:pointer; transition:all .3s;background:#fafafa !important; border:1px solid #e9e9e9;}
.board_write_box .map_brb_wrap input[type="checkbox"] + label span	{font-weight:500; font-size:11px; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; transition:all .2s; color:#555; font-weight:600;}
.board_write_box .map_brb_wrap input[type="checkbox"]:checked + label {background:red !important; border-color:red;}
.board_write_box .map_brb_wrap input[type="checkbox"]:checked + label span {color:#fff;}

.board_write_box ul.wirte_box > li > textarea		{height:200px; width:calc(100% - 2px);padding:15px; line-height:180%;}
.board_write_box ul.wirte_box > li > select		{max-width:250px;height:45px !important; padding:0 15px 0 100px; background: #fafafa url(/views/public/images/sel_arr.gif) no-repeat right 13px center;}
.board_write_box ul.wirte_box > li > select:focus {outline:none;  background: #fff url(/views/public/images/sel_arr.gif) no-repeat right 13px center; border:1px solid #ddd; transition:all .2s;}
.board_write_box ul.wirte_box > li.title > select		{position:absolute; top:0; right:0; width:80px; height:45px !important; padding:0 15px;}
.board_write_box ul.wirte_box > li > em	{position:absolute; top:50%; right:20px; transform:translateY(-50%); font-size:12px; z-index:1; color:#003eaf; display:none;}
.board_write_box ul.wirte_box > li > .txt_style		{display:inline-block; width:100%; height:0; overflow:hidden; }
.board_write_box ul.wirte_box > li > .radio_wrp		{display:inline-block; width:100%; font-size:0; padding-left:12px;}
.board_write_box ul.wirte_box > li > .radio_wrp .rdo_bx	{display:inline-block; vertical-align:middle; font-size:12px;}
.board_write_box ul.wirte_box > li .code_frm	{display:inline-block; width:100%; font-size:0; }
.board_write_box ul.wirte_box > li .code_frm .pic_num,
.board_write_box ul.wirte_box > li .code_frm i,
.board_write_box ul.wirte_box > li .code_frm input	{display:inline-block; vertical-align:middle; height:45px; }
.board_write_box ul.wirte_box > li .code_frm .pic_num	{width:150px;border:0px solid #eee; margin-right:5px;}
.board_write_box ul.wirte_box > li .code_frm .pic_num img	{width:100%; height:100%;border-radius:3px;}
.board_write_box ul.wirte_box > li .code_frm i	{width:45px; line-height:45px; text-align:center; font-size:20px; cursor:pointer; background:#eee; color:#333; border-radius:0 7px 7px 0;}
.board_write_box ul.wirte_box > li .code_frm input	{width:180px; padding:0 15px; border:1px solid var(--bdr_write_out); background:var(--bdr_write_bg_code); font-size:12px; text-align:left; transition:all .2s; color:red; border-radius:7px;}
.board_write_box ul.wirte_box > li .code_frm input:focus {outline:none; background:var(--bdr_write_bg_focus); border:1px solid var(--bdr_write_out_focus) !important; transition:all .2s;}
.board_write_box ul.wirte_box > li .code_frm input::placeholder {color: var(--bdr_write_holder); font-size:11px;}
.board_write_box ul.wirte_box > li .code_txt	{display:inline-block; width:100%; font-size:12px; padding:10px 0 0 5px; color:#777;}

.board_write_box ul.wirte_box > li.g_rule_box	{}
.board_write_box ul.wirte_box > li.g_rule_box .grb_set	{display:inline-block; width:100%;}
.board_write_box ul.wirte_box > li.g_rule_box .grb_set .call	{display:inline-block; width:100%; height:150px; border:1px solid #eee; background:#fafafa; overflow-y:overlay; transition:all .3s; padding:25px; border-radius:7px;}
.board_write_box ul.wirte_box > li.g_rule_box .grb_set .call:hover	{background:#fff;}
.board_write_box ul.wirte_box > li.g_rule_box .grb_set .call:: {-ms-overflow-style: none;}
.board_write_box ul.wirte_box > li.g_rule_box .grb_set .call::-webkit-scrollbar {background: transparent; width:2px; height:2px; border-radius:15px;}
.board_write_box ul.wirte_box > li.g_rule_box .grb_set .call::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; }
.board_write_box ul.wirte_box > li.g_rule_box .grb_set .chk_wrp	{display:inline-block; width:100%; text-align:right; padding-top:10px;}
.board_write_box ul.wirte_box > li.g_rule_box input[type="checkbox"] + label span {color:red;}


.board_write_box ul.wirte_box > li > .add_wrap	{position:relative; font-size:0;}
.board_write_box ul.wirte_box > li > .add_wrap .space	{position:relative; height:7px;}
.board_write_box ul.wirte_box > li > .add_wrap .add_box	{position:relative; display:inline-block; vertical-align:middle; width:100%; border:1px solid #eee; border-radius:5px; overflow:hidden;}
.board_write_box ul.wirte_box > li > .add_wrap .add_box.bd_name	{width:50%; border-width:1px  0 1px 1px;border-radius: 5px 0 0 5px; margin-top:3px;}
.board_write_box ul.wirte_box > li > .add_wrap .add_box.stt	{width:50%; border-width:1px; border-radius: 0 5px 5px 0; margin-top:3px;}
.board_write_box ul.wirte_box > li > .add_wrap .add_box span	{position:absolute; top:50%; left:20px; transform:translateY(-50%); font-size:12px; z-index:1; color:red;}
.board_write_box ul.wirte_box > li > .add_wrap .add_box input	{width:100%; border:0; background:#fafafa; font-size:12px; text-align:left; transition:all .2s; color:#333; border-radius:0;}
.board_write_box ul.wirte_box > li > .add_wrap .add_box input:focus {outline:none; background:#fff; transition:all .2s;}
.board_write_box ul.wirte_box > li > .add_wrap .add_box input		{height:35px; padding:0 15px 0 70px;}

.board_write_box ul.wirte_box.pass > li.title		{text-align:center; padding:20px 0 15px 0px;}
.board_write_box ul.wirte_box.pass > li > input		{padding:0 10px; text-align:center;}

.board_rdo_box {position:relative; font-size:0; }
.board_rdo_box .brb_wrap {display:inline-block; vertical-align:middle; min-width:50px; width:auto; margin-right:3px; position:relative; line-height:100%;}
.board_rdo_box .brb_wrap:last-child {margin:0;}
.board_rdo_box input[type="checkbox"] + label	{width:100%; height:30px; position:relative; padding:0; border-radius:3px; overflow:hidden; margin:0; cursor:pointer; transition:all .3s;background:#fff !important; border:1px solid #e9e9e9;}
.board_rdo_box input[type="checkbox"] + label span	{font-weight:500; font-size:11px; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; transition:all .2s; color:#555; font-weight:600;}
.board_rdo_box input[type="checkbox"]:checked + label {background:red !important; border-color:red;}
.board_rdo_box input[type="checkbox"]:checked + label span {color:#fff;}

.addr_info					{position:relative;}
.addr_info > input.post_num,
.addr_info > input.post_map					{height:30px;  padding:0 10px; width:auto; border:0px; font-size:12px; text-align:center; cursor:pointer; border-radius:5px; transition:all .2s;}
.addr_info > input.post_num					{display:inline-block; vertical-align:middle; width:60px; color:orange; background:#555; }
.addr_info > input.post_num::placeholder {color: rgba(255,255,255,0.9); font-size:11px;}
.addr_info > input.post_map					{position:absolute; top:0; right:0; color:#fff; background:#333;}

@media screen and (max-width: 650px){
	.board_write_box .bwb_pos		{padding:0 15px 30px 15px; }
	.board_write_box .bwb_pos h2		{font-size:15px; padding:0 0 15px 15px;}
	.board_write_box ul.wirte_box	{border:0; background:transparent; padding:0px; border-radius:0px;}
	.board_write_box ul.wirte_box > li.title		{padding:20px 0 5px 7px; font-size:13px;}
	.board_write_box ul.wirte_box > li > span	{font-size:11px;}
}

/* 약관/개인정보 */
.rule_box		{width:100%; font-size:13px; line-height:180%; color:#949494;}
.rule_box .big		{font-size:18px; line-height:280%;  font-weight:500; color:black;}
.rule_box .mid		{font-size:15px; line-height:200%;  font-weight:500; color:#5A5A5A;}
.board_write_box .rule_box		{font-size:12px; line-height:160%;}
.board_write_box .rule_box .big		{font-size:15px; line-height:280%; font-family:; font-weight:normal;}
.board_write_box .rule_box .mid		{font-size:13px; line-height:150%; font-family:; font-weight:normal; }

/* 글상세쓰기 edit style */
ul.edit_rdo_box		{position:relative; max-width:300px; width:100%; left:0; right:0; margin:10px auto 0 auto;  font-size:0;padding:0; overflow:hidden;}
ul.edit_rdo_box.hidden		{height:0; margin:0;}
ul.edit_rdo_box li	{display:inline-block; vertical-align:middle; position:relative; line-height:100%; width:calc(33.3333% - 6px); margin:3px;}
ul.edit_rdo_box li:after	{content:""; display:block; padding-top:35px;}
ul.edit_rdo_box li input[type="radio"] + label	{width:100%; height:100%; position:absolute; top:0; left:0; padding:0;}
ul.edit_rdo_box li input[type="radio"] + label:before	{top:0; width:100%; height:100%; padding:0; border-radius:5px !important; transform:none !important;}
ul.edit_rdo_box li input[type="radio"] + label span	{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; line-height:100%;font-family:tahoma; font-size:12px; color:#fff;}
ul.edit_rdo_box li input[type="radio"]:checked + label:after {top:5px; left:initial; right:3px; width:2px; height:2px; background:rgba(255,255,255,0.2); display:none;}
ul.edit_rdo_box li input[type="radio"]:checked + label:before {background:#005997;}
ul.edit_rdo_box li input[type="radio"]:checked + label span	{color:#fff;}

/* 첨부파일 
ul.board_attatch 								{position:relative; padding:0 !important;}
ul.board_attatch li 								{display:inline-block; width:100%; font-size:0; margin-top:5px; position:relative;}
ul.board_attatch li:first-child		{margin:0;}
ul.board_attatch li .att_box,
ul.board_attatch li label					{display:inline-block; vertical-align:middle; font-size:0; position:relative;}
ul.board_attatch li .att_box i,
ul.board_attatch li .att_box span		{display:inline-block; vertical-align:middle; font-size:0; text-align:center;}
ul.board_attatch li .att_box		{width:40px;}
ul.board_attatch li .att_box i			{width:50%; font-size:15px;}
ul.board_attatch li .att_box span		{width:50%; font-size:11px; font-family:tahoma; text-align:left;}
ul.board_attatch li .att_box:hover i	{color:red;transition:all .2s; }
ul.board_attatch li label		{width:calc(100% - 40px);}
ul.board_attatch li label [type=file]				{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; opacity:0; }
ul.board_attatch li label .up_btn			{position:absolute; top:50%; left:0; transform:translateY(-50%); width:60px; height:100%; text-align:center;  background:#bbbbbb;color:#ffffff; padding:0 0 0 50px; border-radius:3px 0 0 3px; cursor:pointer; transition:all .2s; z-index:1; font-weight:500;}
ul.board_attatch li label .up_btn span	{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; line-height:100%; font-size:11px; transition:all .2s;}
ul.board_attatch li label .up_btn:hover	{background:#0898fe; transition:all .2s;}
ul.board_attatch li label .box_15,
ul.board_attatch li label .box_35					{display:inline-block; width:100%; height:35px; padding:0 15px 0 70px; border:1px solid #f1f1f1; color:#00417d; background:#f6f6f6; font-size:11px; text-align:left; transition:all .2s; border-radius:3px;}
ul.board_attatch li .old_box					{position:absolute; top:50%; right:5px; width:calc(100% - 150px); text-align:right; transform:translateY(-50%); font-size:0; }
ul.board_attatch li .old_box .old_file					{display:inline-block; width:calc(100% - 35px); height:20px; border:0; background:transparent; text-align:right; padding:0 10px; font-size:11px; color:red; text-overflow:ellipsis; white-space:nowrap;}
ul.board_attatch li .old_box .del_btn					{display:inline-block; width:35px; height:25px; border:0; background:#333; color:#eee; cursor:pointer; transition:all .2s; font-size:11px; border-radius:3px;}
ul.board_attatch li .old_box .del_btn:hover		{background:red; color:#ffffff;  transition:all .2s;}
*/
/**/
ul.board_attatch 								{position:relative; padding:0 !important;}
ul.board_attatch li 								{display:inline-block; width:100%; font-size:0; margin-top:5px; position:relative;}
ul.board_attatch li:first-child		{margin:0;}
ul.board_attatch li .att_set {display:inline-block; width:100%; font-size:0; position:relative; }
ul.board_attatch li .att_set.old {padding:0 0 0 55px; margin-top:5px;}

ul.board_attatch li label					{display:inline-block; vertical-align:middle; position:relative; font-size:15px; background: #36444f;width:55px; height: 35px; transition:all .2s; border-radius: 3px; color: #fff; cursor: pointer;}
ul.board_attatch li label:hover	{background:#0898fe;}
ul.board_attatch li label .up_btn	{position:absolute; text-align: center; top:50%; left:0; transform:translateY(-50%); width:100%; line-height:100%; font-size:11px; transition:all .2s;}

ul.board_attatch li input[type="file"] {position:absolute; width:1px; height:1px; opacity:0; }
ul.board_attatch li input[type="text"] {width:calc(100% - 58px); margin-left: 3px; font-size: 11px; color: var(--sym_color); position: relative; height: 35px; display: inline-block; vertical-align: middle; padding: 0 10px; border: 0px solid var(--bdr_write_out); background: var(--bdr_write_bg); border-radius: 3px;  transition: all .2s;}

ul.board_attatch li .old_file_set	{position:relative;  height: 25px !important; margin-top: 5px; }
ul.board_attatch li .old_file_set input[type="checkbox"] + label	{background: transparent; margin:0; border-radius:0; width:auto; height: auto !important; line-height:100%; padding: 0px ; text-align: center; position:absolute; top: 50%; left: 55px; transform: translateY(-50%); font-size: 17px; color: red; z-index: 1;}
ul.board_attatch li .old_file_set input[type="checkbox"] + label + .old_file	{position:absolute; top: 50%; left: 0; transform: translateY(-50%);  text-align: left; line-height: 100%; font-size: 11px;  padding: 0 0 0 85px; margin: 0;}
ul.board_attatch li .old_file_set input[type="checkbox"] + label + .old_file em	{color:#999; display: inline-block;padding: 0 0 0 3px; font-style: normal; font-size:10px;}
ul.board_attatch li .old_file_set input[type="checkbox"]:checked + label {}
ul.board_attatch li .old_file_set input[type="checkbox"]:checked + label + .old_file {text-decoration: line-through; color: red;}




/**/
.write_btn_box {position:relative; margin-top:20px; font-size:0;}
.write_btn_box.ar_l {text-align:left;}
.write_btn_box.ar_r {text-align:right;}
.write_btn_box input,
.write_btn_box button {display:inline-block; vertical-align:middle; border:1px solid var(--bdr_btn_default_out); color:var(--default_color2); background:var(--bdr_btn_default); font-size:13px; height:40px;; line-height:100%; text-align:center; margin-right:5px; width:120px; border-radius:35px; cursor:pointer; font-family:var(--neo); font-weight:500;}
.write_btn_box input:list-child,
.write_btn_box button:list-child {border:2px solid red;}
.write_btn_box input.save,
.write_btn_box button.save		{border-color:var(--sym_color); background:var(--sym_color); color:#fff;font-weight:500;}
.write_btn_box input.cancel,
.write_btn_box button.cancel	{/*border-color:#e9e9e9; background:var(--btn_color_off); color:#333;*/}

@media screen and (max-width: 650px){
	.write_btn_box.ar_l {text-align:center;}
	.write_btn_box.ar_r {text-align:center;}
}



/* 기본검색 */
.scr_default					{position:relative;  text-align:center; font-size:0; margin:0 0 15px 0;}
.scr_default select,
.scr_default .frm,
.scr_default .all,
.scr_default .scr_reset			{display:inline-block; vertical-align:middle; position:relative;}
.scr_default select		{width:100px; height:50px; margin-right:5px; padding:0 10px; border:1px solid transparent; border-radius:7px; color:var(--search_color); cursor:pointer;transition:all .2s; background-color:var(--search_bg);}
.scr_default select:hover,
.scr_default select:focus {outline:none; border-color:var(--focus_line); transition:all .2s;}
.scr_default .frm			{width:calc(100% - 160px);}
.scr_default .frm.full		{width:calc(100% - 55px);}
.scr_default .frm input				{width:100%; height:50px; padding:0 15px; border:1px solid transparent; background:var(--search_bg); font-size:13px; text-align:left; transition:all .2s; border-radius:7px;color:var(--search_color)}
.scr_default .frm input:focus {outline:none; background-color:var(--focus_bg); border:1px solid var(--focus_line); transition:all .2s;}
.scr_default .frm input::placeholder {color: var(--search_color_place); font-size:11px;}
.scr_default .frm button			{position:absolute; top:0; right:0; width:50px; height:100%; border:0; background:transparent; cursor:pointer;}
.scr_default .frm button i			{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:25px; color:var(--search_color);}
.scr_default .all			{width:50px; margin-left:5px; background:var(--search_bg); border-radius:7px; cursor:pointer;}
.scr_default .all:after	{content:""; display:block; padding-top:100%; }
.scr_default .all i			{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:25px; color:var(--search_color);}

.scr_default .scr_reset			{width:50px; height:50px;margin-left:5px; background:var(--search_bg); border-radius:7px; cursor:pointer; border:0;}
.scr_default .scr_reset i			{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:25px; color:var(--search_color);}

@media screen and (max-width: 1160px){
	.scr_default {animation-name: slide_up_default; animation-duration:0.8s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; opacity:0; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
}

@media screen and (max-width: 650px){
	.scr_default {padding: 0 0px; margin:0 0 10px 0;}
	.scr_default select		{width:90px; height:45px; font-size:12px;}
	.scr_default .frm			{width:calc(100% - 145px);}
	.scr_default .frm.full		{width:calc(100% - 55px);}
	.scr_default .frm input				{height:45px; padding:0 10px; font-size:12px;}
	.scr_default .frm button i			{font-size:20px; }
	.scr_default .all			{width:45px; }
	.scr_default .scr_reset			{width:45px; height:45px;}
	.scr_default .scr_reset i			{font-size:20px; }
}

/* 리스트 수 / 등록버튼*/
.list_cnt_text {position:relative; font-size:12px; text-align:left; padding:0 0 20px 10px; line-height:100%; color:var(--bd_list_count);}
.list_cnt_text.mg {margin-top:30px;}
.list_cnt_text > span {display:inline-block;  line-height:100%;}
.list_cnt_text > span.total {color:var(--board_count);}
.list_cnt_text > span.page_info {font-size:11px; line-height:100%;}
.list_cnt_text > span.page_info em {display:inline-block; vertical-align:middle; font-style:normal;}
.list_cnt_text > span.page_info em.cur {color:var(--board_count);}
.list_cnt_text .board_write {position:absolute; bottom:10px; right:0; background:var(--sym_color); color:#fff; border-radius:35px; line-height:100%; font-size:12px; padding:10px 0; z-index:1002;}
.add_content_top {position:relative; text-align:right; margin-bottom:-20px; z-index:1;}
.add_content_top a {position:relative; display:inline-block; width:100px; background:var(--sym_color); color:#fff; border-radius:35px; line-height:100%; font-size:12px; padding:10px 17px; text-align:center;}


.add_content {position:relative; text-align:right; padding:20px 10px 0 0;  z-index:1;}
.add_content a {position:relative; display:inline-block; width:100px; background:var(--sym_color); color:#fff; border-radius:35px; line-height:100%; font-size:12px; padding:10px 17px; text-align:center;}


@media screen and (max-width: 1160px){
	.list_cnt_text {animation-name: slide_up_default; animation-duration:0.8s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; opacity:0; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
	.list_cnt_text .board_write {bottom:calc(15px + var(--btm_fix_hd) + env(safe-area-inset-bottom));}
}

@media screen and (max-width: 650px){
	.list_cnt_text {font-size:10px; padding:0 7px 10px 7px;}
	.list_cnt_text > span.page_info {font-size:9px;}
	.add_content_top {margin-bottom:-13px;}
	.add_content_top a {width:70px; font-size:11px; padding:7px 0;}

}

/* 페이지 skip css */
.pps_set			{position:relative; text-align:center; }
.pps_set ol.skip_pos			{display:inline-block; font-size:0; padding:50px 0 0 0; max-width:1260px; width:100%; position:relative; }
.pps_set ol.skip_pos > li		{display:inline-block; vertical-align:middle; font-size:0; margin:0; position:relative;}
.pps_set ol.skip_pos > li.mv		{width:30px; }
.pps_set ol.skip_pos > li.mv:after		{content:""; display:block; padding-top:100%;}
.pps_set ol.skip_pos > li.mv:before		{content:"";font-family: "Font Awesome 5 Free" !important; font-weight: 700; font-size:12px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:var(--default_color5;);}
.pps_set ol.skip_pos > li.mv:before:hover		{color:var(--default_color1);}

.pps_set ol.skip_pos > li.mv.all_left:before		{content: '\f049';}
.pps_set ol.skip_pos > li.mv.left:before		{content: '\f048'; }
.pps_set ol.skip_pos > li.mv.right:before		{content: '\f051';}
.pps_set ol.skip_pos > li.mv.all_right:before		{content: '\f050';}
.pps_set ol.skip_pos > li.mv.not:before		{/*cursor:not-allowed; */color:var(--default_none);}
.pps_set ol.skip_pos > li > a		{position:absolute; top:0; left:0; width:100%; height:100%;}

ol.page_no		{display:inline-block; font-size:0; padding:0 15px;}
ol.page_no li		{display:inline-block; vertical-align:middle; line-height:30px; min-width:30px; margin:0 2px; font-size:11px; font-weight:500; padding:0;}
ol.page_no li a		{display:block; padding:0 10px; color:var(--page_skip_color); background:var(--page_skip_bg); border-radius:3px; transition:all .2s;}
ol.page_no li a:hover		{}
ol.page_no li.now,
ol.page_no li.now:hover {}
ol.page_no li.now a,
ol.page_no li.now a:hover		{color:var(--page_skip_color_now); background:var(--page_skip_bg_now); border-radius:3px; padding:0 ; font-weight:700; }

@media screen and (max-width: 1160px){
	.pps_set ol.skip_pos			{padding-top:30px;}
}

@media screen and (max-width: 650px){
	.pps_set ol.skip_pos			{padding-top:20px;}
	ol.page_no li		{display:none;}
	ol.page_no li.now		{display:inline-block !important;}
}


/* 내용보기 */

/* 게시물 상세보기 기본 */
.view_bbs_map	{position:relative; left:0; right:0; max-width:var(--max_wd_bd); width:100%;margin:auto; border:0px solid red; }
.view_bbs_map .vbd_pos		{display:inline-block; width:100%; padding:0 30px 30px 30px;}
.view_bbs_map .vbd_pos .map_out_box	{float:left; width:100%; height:600px; font-size:0; padding:0px; margin-top:-1px;}
.view_bbs_map .vbd_pos .yt_movie	{display:inline-block; width:100%; position:relative; margin-top:15px;padding-bottom:56.25%;}
.view_bbs_map .vbd_pos .yt_movie iframe		{position:absolute; width:100% !important; height:100% !important; left:0; }
.view_bbs_map .vbd_pos .content		{display:inline-block; width:100%; text-align:center; padding:0px 0px; font-size:0;}
.view_bbs_map .vbd_pos .content .movie		{display:inline-block; width:100%; padding:0 0 30px 0;}
.view_bbs_map .vbd_pos .content .txt,
.view_bbs_map .vbd_pos .content .txt * 	{text-align:left; max-width:1100px; width:100%; display:inline-block; font-size:14px !important; line-height:160% !important; color:var(--default_color2) !important; padding:0 0px 0 0px; font-family:var(--neo) !important;; font-weight:500 !important; background: transparent !important;white-space:pre-wrap;}
.view_bbs_map .vbd_pos .content > span	{display:inline-block;  width:100%; text-align:center; padding:0 0 30px 0;}
.view_bbs_map .vbd_pos .content > span img	{border-radius:7px; max-width:100%; object-fit: cover;}
.view_bbs_map .vbd_pos .ct_wrap	{position:relative; margin-top:25px;}
.view_bbs_map .vbd_pos .ct_wrap > span	{display:inline-block;  width:100%; text-align:center; padding:0 0 15px 0;}
.view_bbs_map .vbd_pos .ct_wrap > span img	{border-radius:15px;}
.view_bbs_map .vbd_pos .tag {position:relative; margin-top:15px; font-size:0;}
.view_bbs_map .vbd_pos .tag .tag_item {display:inline-block; vertical-align:top; margin:0px 7px 7px 0; position:relative; border:0px solid red; padding:0px;  font-size:11px; width:auto !important; line-height:100% !important; color:var(--default_color2); font-weight:600 !important;}
.view_bbs_map .vbd_pos .tag .tag_item:before {content:"#"; display:inline-block; padding-right:3px; opacity:0.7;font-weight:500;}

.view_bbs_map .vbd_pos .call_map	{float:left; width:100%; height:700px; background:#eeeeee; position:relative; overflow:hidden;}
.view_bbs_map .vbd_pos .call_map .vb_btn  {position:absolute; bottom:10px; right:10px; z-index:10000;padding:15px 20px; font-size:13px; background:#0093fb; text-align:center; color:white; border-radius:3px;}
.view_bbs_map .vbd_pos .call_map .vb_btn i  {display:inline-block; vertical-align:middle; font-size:20px;}
.view_bbs_map .vbd_pos .call_map .vb_btn span  {display:inline-block; vertical-align:middle; font-size:13px;}

.view_bbs_map .empty_pic {text-align:left !important;}
.view_bbs_map .area_add_wrap {display:inline-block; vertical-align:top; width:800px;  position:sticky; top:0;font-size: 0;  /*overflow:hidden;*/ background: var(--body_bg); z-index: 10;}
/*.view_bbs_map .area_add_wrap:after {content:""; position: absolute; top: 0; left: 0; width: 100%; height: var(--title_hsize); background: var(--body_bg); transform: translateY(-100%); transition:all .3s;}*/
.view_bbs_map .area_add_wrap.stop {top:var(--title_hsize);}
.view_bbs_map .empty_pic .area_add_wrap {width:800px;}


.view_bbs_map .area_kakao {display:inline-block; vertical-align:top; width:100%;  position:relative;border-radius:7px; overflow:hidden;}

.view_bbs_map .empty_pic .area_kakao {width:100%;border: 0px solid var(--bdr_write_out); background: var(--bdr_write_bg);}

.view_bbs_map .area_kakao .map_empty {position: relative; padding:100px 0; text-align: center;background: var(--bdr_write_bg);}
.view_bbs_map .area_kakao .map_empty i,
.view_bbs_map .area_kakao .map_empty span {display: inline-block; width: 100%; position: relative;}
.view_bbs_map .area_kakao .map_empty i {font-size: 40px; color: var(--default_color2);}
.view_bbs_map .area_kakao .map_empty span {font-size: 11px; font-weight: 500; color: var(--default_color5;); opacity:0.6}


.view_bbs_map .area_map {position:relative; top:0; left:0; width:100%; height:100%;border-radius:7px; overflow:hidden;}
.view_bbs_map .area_map:after {content:""; display:block; padding-top:56%;}
.view_bbs_map .area_map .ar_md {position:absolute; top:0; left:0; width:100%; height:100%;}
.view_bbs_map .area_con {display:inline-block; vertical-align:top; width:calc(100% - 800px); position:relative; padding:0 0 0 50px;}
.view_bbs_map .empty_pic .area_con {width:calc(100% - 800px);}
.view_bbs_map .area_con .tit_fix {position:relative; background:var(--body_bg); z-index:1; }
.view_bbs_map .area_con .con_fix {position:relative; }
.view_bbs_map .area_con h3 {position:relative; font-size: 35px; color: var(--default_color1); letter-spacing: -0.05em; line-height: 140%; font-family: var(--neo); font-weight: 700;text-align:left; padding:0 0 0 0;}
.view_bbs_map ul.att_pic {width:calc(100% - 20px); position:relative; left:0; right:0; margin:auto; font-size:0; overflow:hidden; text-align:left;}
.view_bbs_map .empty_pic ul.att_pic {display:none;}
.view_bbs_map ul.att_pic li {display:inline-block; vertical-align:middle; max-width:80px; width:calc(20% - 4px); margin:0 2px 4px 2px; background-size: cover !important; background-position: center !important;border-radius:3px; overflow:hidden; position:relative;}
.view_bbs_map ul.att_pic li.photo {cursor:pointer;}
.view_bbs_map ul.att_pic li:after {content:""; display:block; padding-top:100%;}
.view_bbs_map ul.att_pic li.title {max-width:100%; width:100%; margin:0; border-radius:0px; font-size:13px; color:var(--default_color1); padding:20px 5px 10px 25px; font-weight:600;}
.view_bbs_map ul.att_pic li.title:after {padding-top:0%;}
.view_bbs_map ul.att_pic li.title i {position:absolute; top:20px; left:0px; font-size:20px; color:var(--default_color1);}
.view_bbs_map ul.att_pic li.pic_1 {width:calc(100% - 4px);}
.view_bbs_map ul.att_pic li.pic_2 {width: calc(50% - 4px);}
.view_bbs_map ul.att_pic li.pic_3 {width: calc(33.3333% - 4px);}

.view_bbs_map .base_info {position:relative; font-size:0; padding:30px 0 0 0px; text-align:left;}
.view_bbs_map .base_info .user,
.view_bbs_map .base_info .etc {display:inline-block; vertical-align:middle; position:relative; line-height:100%;}
.view_bbs_map .base_info .user {width:40px; background-size:cover !important; background-position:center !important; border-radius:100%; border:1px solid var(--header_line); overflow:hidden;}
.view_bbs_map .base_info .user:before {content:"\e9f2";font-family: xeicon !important;display: inline-block;speak: none;font-style: normal;font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased; position: absolute; top: 50%;left: 50%;font-size: 40px;line-height: 100%;transform: translate(-50%, -50%); color: var(--default_color1); opacity: 0.2;}
.view_bbs_map .base_info .user:after {content:""; display:block; padding-top:100%;}
.view_bbs_map .base_info .user .add_img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; background-position:center !important; }
.view_bbs_map .base_info .etc {width:calc(100% - 40px);  padding-left:12px;}

.view_bbs_map .base_info .etc span {display:inline-block; vertical-align:middle; position:relative; width:100%; line-height:110%}

.view_bbs_map .base_info .etc span.who {font-size:13px; font-weight:600; color:var(--default_color2);}
.view_bbs_map .base_info .etc span.date {font-size:11px; font-weight:500; color:var(--default_color5); padding-top:6px;}

.view_bbs_map .address_box { font-size:0; text-align:left;}
.view_bbs_map .address_box.hidden {transform:translateY(100%);}
.view_bbs_map .address_box > i.close {position: absolute; top: 10px; right:10px; font-size:16px; color: var(--default_color1); cursor:pointer; display:none;}
.view_bbs_map .address_box > i.close:hover {transform:rotate(270deg); }
.view_bbs_map .address_box.app_map1 {position:relative; margin-top:10px; background:var(--map_info); z-index:2; border-radius:7px;}
.view_bbs_map .address_box.app_map2 {position:relative; display:none; margin-top:10px;}
.view_bbs_map .area_add_wrap .address_box {padding:25px;}
.view_bbs_map .address_box h3 {position:relative; font-weight:600; font-size:14px; color:var(--default_color1); padding-bottom:7px;}
.view_bbs_map .address_box.map {position:absolute; bottom:0; z-index:1; transform:translateY(100%);}
.view_bbs_map .address_box .add_text {position:relative;padding:0 0 0px 20px; }
.view_bbs_map .address_box .add_xy {position:relative; line-height: 100%; padding: 0px 0 0 21px; margin-top: 5px;}
.view_bbs_map .address_box .add_xy:before {content:""; position:absolute; top: 0; left: 5px; border-left: 1px dashed var(--header_line); height: 100%; display: none;}

.view_bbs_map .address_box span,
.view_bbs_map .address_box xy {display:inline-block; vertical-align:middle;  line-height:110%; position:relative; font-weight:500;}
.view_bbs_map .address_box .add_text i {position: absolute; top: 50%; left: -3px; transform: translateY(-50%); font-size:18px; color: var(--default_color1);}
.view_bbs_map .address_box span {font-weight:500; font-size:12px; color:  var(--default_color2); width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.view_bbs_map .address_box xy {font-weight:500; font-size:8px; color: var(--default_color5); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;padding: 2px 15px 0 0; letter-spacing:0.05em;width: auto;}
.view_bbs_map .address_box xy t {font-weight:600; font-size:8px; color:  var(--default_color4); display: inline-block; padding-right: 5px;}
.view_bbs_map .address_box.app_map1 .add_text i {color: var(--default_color1);}
.view_bbs_map .address_box.app_map1 xy {width: auto; margin-right:7px; }
/*
@media screen and (max-width: 2000px){
	.view_bbs_map .area_add_wrap {width:800px;}
	.view_bbs_map .empty_pic .area_add_wrap {width:400px;}
	.view_bbs_map .area_con {width:calc(100% - 800px);}
	.view_bbs_map .empty_pic .area_con {width:calc(100% - 400px);}
}
*/
@media screen and (max-width: 2000px){
	.view_bbs_map .area_add_wrap {width:50%;}
	.view_bbs_map .area_add_wrap.stop {20px;}
	.view_bbs_map .area_con {width:50%;padding:0 0 0 50px;}
	.view_bbs_map .empty_pic .area_con {padding:0 0 0 50px;}
	.view_bbs_map .empty_pic .area_add_wrap {width:50%;}
	.view_bbs_map .empty_pic .area_con {width:50%;}
	.view_bbs_map .area_con .tit_fix {position:sticky; top:calc(env(safe-area-inset-top) + var(--title_hsize)); left:0; padding:20px 0; border-bottom:1px solid var(--header_line);}
	.view_bbs_map .empty_pic .area_con .tit_fix {position:sticky; top:calc(env(safe-area-inset-top) + var(--title_hsize)); left:0; padding:20px 0; border-bottom:1px solid var(--header_line);}
}

@media screen and (max-width: 1160px){
	.view_bbs_map .vbd_pos		{}
	.view_bbs_map .area_add_wrap {position:relative;width:100%;}
	.view_bbs_map .area_add_wrap.stop {top:0px;}
	.view_bbs_map .area_con {width:100%;padding:50px;}
	.view_bbs_map .area_con h3 {font-size: 25px;}
	.view_bbs_map .empty_pic .area_add_wrap {width:100%;}
	.view_bbs_map .empty_pic .area_con {width:100%;padding:50px;}
	.view_bbs_map .area_con .con_fix {margin-top:40px;}
}

@media screen and (max-width: 750px){
	.view_bbs_map .area_kakao,
	.view_bbs_map .empty_pic .area_kakao {width:calc(100% - 4px);animation-name: slide_up_default; animation-duration:0.7s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; opacity:0; transition:all .1s;margin-left:2px;}
	.view_bbs_map .area_map:after {padding-top:57%;}
	.view_bbs_map .empty_pic .area_add_wrap {width:100%;}
	.view_bbs_map .empty_pic .area_con {width:100%; padding:20px;}
	.view_bbs_map .empty_pic .area_con .tit_fix {}
	.view_bbs_map ul.att_pic {animation-name: slide_up_default; animation-duration:0.7s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; opacity:0; transition:all .1s;-webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
	.view_bbs_map .address_box.app_map1 {display:none;}
	.view_bbs_map .address_box.app_map2 {display:block;}
}

@media screen and (max-width: 650px){
	.view_bbs_map .vbd_pos		{padding:0 0 35px 0;}
	.view_bbs_map .vbd_pos .content .txt,
	.view_bbs_map .vbd_pos .content .txt * 	{font-size:12px !important; line-height:160% !important; }
	.view_bbs_map .area_kakao,
	.view_bbs_map .empty_pic .area_kakao {width:calc(100% - 20px);margin-left:0px;}
	.view_bbs_map .area_map {border-radius:0px;}
	.view_bbs_map .area_map:after {padding-top:100%;}
	.view_bbs_map .area_add_wrap {margin-top:0;}
	.view_bbs_map .area_con {padding:0 0 20px 0;}
	.view_bbs_map .empty_pic .area_con {padding:20px 0;}
	.view_bbs_map .area_con .tit_fix {padding:0 20px 20px 20px; }
	.view_bbs_map .empty_pic .area_con .tit_fix {padding:20px; }
	.view_bbs_map .area_con .con_fix {padding:0 20px;}
	.view_bbs_map .area_con h3 {font-size: 22px;padding:0 0 0 0;}
	.view_bbs_map .area_con .con_fix {margin-top:25px;}
	.view_bbs_map ul.att_pic {padding:0 8px;}
	.view_bbs_map ul.att_pic li {max-width:50px;}
	.view_bbs_map ul.att_pic li.title {font-size:12px; padding-left:22px;}
	.view_bbs_map ul.att_pic li.title i {top:20px; font-size:17px;}
	.view_bbs_map .base_info .etc span.who {font-size:11px; font-weight:600; color:var(--default_color2);}
	.view_bbs_map .base_info .etc span.date {font-size:9px; padding-top:5px;}
	.view_bbs_map .address_box .add_text {padding:0 0 0px 1px; }
	.view_bbs_map .address_box .add_text i {display:none;}
	.view_bbs_map .address_box .add_xy {padding: 0px 0 0 2px;}
}

/**/
.vote_heart {position:absolute !important; top: 50%; right:0; transform: translateY(-50%); width:auto; display:inline-block; padding:0 !important; font-size: 0; white-space: nowrap;}
.vote_heart .like_button {background: transparent; cursor: pointer; padding: 4px 7px; text-align: center; font-size: 0; min-width: 50px; width: auto; border-radius: 30px; display: inline-block; vertical-align: middle;}
.vote_heart .like_button.liked {/*background: red;*/}
.vote_heart .like_button:before,
.vote_heart .like_button:after {content:""; position: absolute; top:50%; left: 0; transform: translate(-100%, -50%); line-height: 100%; transition: all .3s;}
.vote_heart .like_button:before {content:"좋아요"; background: red; border:1px solid red; width:42px; text-align: center;font-size: 10px; padding: 4px 0px; border-radius: 30px; color: #fff; white-space: nowrap;}
.vote_heart .like_button:after {border-left: 5px solid red; border-top: 3px solid transparent; border-bottom: 3px solid transparent; display:none;}

.vote_heart .like_button.liked:before {content:"취소"; background: #fff;  border-color:#e9e9e9; color: #333; display:none;}
.vote_heart .like_button.liked:after {border-top-color: #e9e9e9; display:none;}
.vote_heart .like_button i,
.vote_heart .like_button span {display: inline-block; vertical-align: middle; position: relative; transition: all .3s;}
.vote_heart .like_button i {font-size: 15px; color: red; font-weight: 500;}
.vote_heart .like_button i.pick {display: none;}
.vote_heart .like_button span {font-size: 10px;  font-weight: 500; color: var(--default_color2); padding: 0px 0 0 5px;}
.vote_heart .like_button.liked i {/*color: #fff;*/}
.vote_heart .like_button.liked i.default {display: none;}
.vote_heart .like_button.liked i.pick {display: inline-block;}
.vote_heart .like_button.liked span {/*color: #fff;*/}

.con_check {position:absolute !important; top: 0; right:0; width:auto; display:inline-block; padding:0 !important; font-size: 0; line-height: 100%; white-space:nowrap;}

.con_check .cck {display:inline-block; vertical-align:middle;cursor: pointer; font-size: 0; line-height: 100%;padding:0 !important; margin-left:10px;}
.con_check .cck i,
.con_check .cck span {display: inline-block; vertical-align: middle; line-height: 100%; letter-spacing: 0;}

.con_check .cck span {font-size: 11px !important; font-weight: 500;color: var(--default_color1) !important; padding: 0 !important;}
.con_check .cck i {font-size: 20px !important; font-weight: 800;color: var(--default_color1) !important;}
.con_check .cck.on span {color: var(--sym_color) !important;}
.con_check .cck.on i {color: var(--sym_color) !important;}
.con_check .cck.report span:before {content:"신고";}
.con_check .cck.report i:before {content:"report";}
.con_check .cck.report.on i:before {content:"report";}
.con_check .cck.book_mark span:before {content:"저장";}
.con_check .cck.book_mark i:before {content:"bookmark";}
.con_check .cck.book_mark.on i:before {content:"bookmark_star";}
.view_bbs_default .con_check {top:0px !important;; right:20px !important;}
.tit_fix .con_check {position:relative !important; top:0px !important;; right:0px !important; text-align:right; width:100%; margin-bottom:15px;}

@media screen and (max-width: 2000px){
	.con_check {top: -20px;}
}

@media screen and (max-width: 650px){
	.vote_heart .like_button:before {width:38px; font-size: 9px; padding: 2px 0px;}
	.con_check  {top: -5px; }
	.con_check .cck span {font-size: 10px !important;}
	.con_check .cck i {font-size: 17px !important; }
}

/**/
ul.count_box {position:relative; font-size:0; margin:20px 0 15px 0; padding: 0; text-align:left; }
ul.count_box.default {padding: 0 15px; margin:10px 0 0 0;}
ul.count_box li {display:inline-block; vertical-align:middle; position:relative; font-size:0; line-height:100%; padding-left:15px;}
ul.count_box li:first-child {padding:0;}
ul.count_box li i,
ul.count_box li span {display:inline-block; vertical-align:middle; line-height:100%;}
ul.count_box li i {font-size:15px; color: var(--default_color1);}
ul.count_box li span {font-size:10px; padding-left:5px; color: var(--default_color4); font-weight: 500;}
ul.count_box li.like i {color:red;}

@media screen and (max-width: 650px){
ul.count_box {margin:20px 0 0px 0;}
}

/**/
.att_origin {position:fixed; top:0; left:0; width:100%; height:100%; background:var(--body_bg); visibility: hidden; opacity: 0; z-index:100000000;}
.att_origin.show {opacity: 1; visibility: visible; }
.att_origin h4 {position:absolute; top:calc(0px + env(safe-area-inset-top)); left:25px; font-size:16px; line-height: 50px; z-index:1;font-weight: 600; color: var(--default_color1);}
.att_origin i {position:absolute; top:calc(0px + env(safe-area-inset-top)); right: 0; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 25px; color: var(--default_color1); z-index:1; cursor:pointer;color: var(--default_color1);}
.att_origin i:hover			{transform:rotate(270deg); transition:all .3s;}
.att_origin i:before			{content:"close";}
.att_origin .photo {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);max-width:900px; width:calc(100% - 20px); max-height: 800px; height:calc(100% - 20px);}
.att_origin .photo > img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height: 100%; border-radius:10px;}
.att_origin ul.nav_thum {position:absolute; bottom:calc(20px + env(safe-area-inset-bottom)); left:0; right:0; margin:auto; font-size:0; text-align:center;}
.att_origin ul.nav_thum li {display:inline-block; vertical-align:bottom; width:30px; background-size:cover !important; background-position:center !important; margin:0 2px 3px 2px; font-size:0; line-height:100%; position:relative; opacity:0.5; border-radius:100%; cursor:pointer;}
.att_origin ul.nav_thum li:before {content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%, calc(-100% - 7px)); border-top: 5px solid transparent; border-left: 3px solid transparent; border-right: 3px solid transparent; transition: all .2s; display: none;}
.att_origin ul.nav_thum li:hover {opacity:1;}
.att_origin ul.nav_thum li.on {opacity:1;width:37px; margin:0 5px}
.att_origin ul.nav_thum li.on:before {border-top-color:red;}
.att_origin ul.nav_thum li.on:first-child {margin-left: 2px !important;}
.att_origin ul.nav_thum li.on:last-child {margin-right: 2px !important;}
.att_origin ul.nav_thum li:after {content:""; display:block; padding-top:100%;}

.att_origin .pp_wrp {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);width:100%; height:100%; }

.att_origin .slick-slider{position: absolute; top:0; left:0; width:100%; height:100%;  display: block; box-sizing: border-box;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent; }
.att_origin .slick-list{position: relative; display: block; overflow: hidden;  margin: 0; height: 100%; padding: 0 !important; z-index:1;}
.att_origin .slick-list:focus{outline: none; }
.att_origin .slick-list.dragging{cursor: pointer; cursor: hand;}
.att_origin .slick-slider .slick-track,
.att_origin .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.att_origin .slick-slider button.slick-arrow	{position:absolute; top:50%; transform:translateY(-50%) rotate(45deg); z-index:10; width:50px; height:50px; font-size:0; background:transparent; cursor:pointer; border:2px solid #ddd; opacity:0; transition:all .3s; display:none !important;}
.att_origin .slick-slider:hover button.slick-arrow	{opacity:1; transition:all .3s;}
.att_origin .slick-slider button.slick-arrow:hover	{border-color:#fff; transition:all .3s;}
.att_origin .slick-slider button.slick-prev	{left:50px; border-width:0px 0px 1px 1px;}
.att_origin .slick-slider button.slick-next	{right:50px; border-width:1px 1px 0 0;}
.att_origin .slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; height: 100%;}
.att_origin .slick-track:before,
.att_origin .slick-track:after{display: table; content: '';}
.att_origin .slick-track:after{clear: both;}
.att_origin .slick-loading .slick-track{visibility: hidden;}
.att_origin .slick-slide{display: none;float: left; min-height: 1px;}
[dir='rtl'] .att_origin .slick-slide{float: right;}
.att_origin .slick-slide img{display: block;}
.att_origin .slick-slide.slick-loading img{display: none;}
.att_origin .slick-slide.dragging img{pointer-events: none;}
.att_origin .slick-initialized .slick-slide{display: block;}
.att_origin .slick-initialized .slick-slide > div	{position:relative; width:100%; height:100%; display:inline-block;}
.att_origin .slick-initialized .slick-slide > div .none	{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-size:11px; color:rgba(255,255,255,0.6); height:auto !important; text-align:center;}
.att_origin .slick-initialized .slick-slide > div > div	{position:relative; top:0; left:0; width:100%; height:100%;}
.att_origin .slick-initialized .slick-slide > div > div a	{position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center !important; background-size:cover !important; }
.att_origin .slick-initialized .slick-slide > div > div a:before	{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,20,90,0.9); z-index:1;}
.att_origin .slick-initialized .slick-slide > div > div a:after	{content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.3); z-index:2; transition:all .3s;}
.att_origin .slick-initialized .slick-slide > div > div a:hover:after	{background: rgba(0,0,0,0.5); z-index:2; transition:all .3s;}

.att_origin .slick-initialized .slick-slide > div > div img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height: calc(100% - calc(calc(100px + env(safe-area-inset-top) + env(safe-area-inset-bottom)))); border-radius:10px;}



.att_origin .slick-loading .slick-slide{visibility: hidden;}
.att_origin .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.att_origin .slick-arrow.slick-hidden {display: none;}
.att_origin .slider {width: 100%; margin: auto; font-size: 0; line-height: 100%; overflow: hidden;}
.att_origin .slick-slide {margin: 0px 0; height: 100%;}
.att_origin .slick-slide img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height: 100%; border-radius:10px;}
.att_origin .slick-prev:before,
.att_origin .slick-next:before {color: black;}
.att_origin .slick-slide {transition: all ease-in-out .3s; opacity: 1;}
.att_origin .slick-active {opacity: 1; }
.att_origin .slick-current {opacity: 1;}
.att_origin .slick-dots {position: absolute; bottom:calc(25px + env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%); display: block; width:calc(100% - 50px); display: flex; padding: 0; margin: 0; list-style: none; z-index:10;justify-content: center;}
.att_origin .slick-dots li {flex: 1; max-width: 7px; height:7px; margin: 0 7px 0 0 ; padding: 0; cursor: pointer;  border-radius:100%; overflow:hidden; transition:all .3s; }
.att_origin .slick-dots li:last-child {margin:0;}
.att_origin .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 100%; height: 100%; padding: 10px 0; cursor: pointer; color: transparent; border: 0; outline: none; background:#000;}
.att_origin .slick-dots li button:hover,
.att_origin .slick-dots li button:focus {outline: none; }
.att_origin .slick-dots li button:hover:before,
.att_origin .slick-dots li button:focus:before {opacity: 1;}
.att_origin .slick-dots li button:before {}
.att_origin .slick-dots li.slick-active{border-radius:10px;}
.att_origin .slick-dots li.slick-active button{background:red;}
.att_origin .pop_set {position: relative;}
.att_origin .pop_set:after {content:""; display: block; padding-top: 140%; }

.att_origin ul.pw_photo {position:relative; font-size:0; white-space:nowrap; height:100%;overflow:hidden; }
.att_origin ul.pw_photo li {display:inline-block; vertical-align:middle; position:relative; width:100%; height:100%; }
.att_origin ul.pw_photo li img {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); max-width:100%; max-height: calc(100% - calc(calc(100px + env(safe-area-inset-top) + env(safe-area-inset-bottom)))); border-radius:10px;touch-action: none;}

.att_origin .dot_nav {position:absolute; bottom:calc(25px + env(safe-area-inset-bottom)); left:0; right:0; margin:auto; white-space:nowrap;  list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; z-index:100000;}
.att_origin .dot_nav li {width: 10px; height: 10px; background: var(--default_color1); border-radius: 50%; margin: 0 5px; cursor: pointer; opacity:0.5;}
.att_origin .dot_nav li.active {background: red; opacity:1;}


@media screen and (max-width: 1160px){
	.att_origin .slick-initialized .slick-slide > div > div img  {border-radius:0px;}
	.att_origin ul.pw_photo li img {border-radius:0px;}
}

@media screen and (max-width: 650px){
	.att_origin {transform: translateX(100%);visibility: visible; opacity:1;z-index:100000000;}
	.att_origin.show {transform: translateX(0%);}
	.att_origin h4 {font-size:14px; left: 20px;}
	.att_origin i:hover	{transform:rotate(0);}
	.att_origin i:before{content:"east";}
}

/**/
.favorite_box {position: relative; margin:15px 0 0px 0; text-align: left;line-height: 100%;}
.favorite_box .favorite {position: relative;}
.favorite_box .favorite p {display: inline-block; vertical-align: middle; width: 100%; font-size: 11px; font-weight: 500;line-height: 100%;color: var(--save_content);}
.favorite_box .favorite span {position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin:0;width: auto; text-align: center; padding:7px 15px;border-radius: 30px; font-size: 11px; font-weight: 500;line-height: 100%; cursor:pointer;}
.favorite_box .favorite span.ready {background: var(--sym_color); color: #fff;}
.favorite_box .favorite span.end {background: #999; color: #fff;}
.save_msg {position: absolute; top: -30px; right: 0;padding: 13px;border-radius: 5px 5px 0 5px;opacity: 0;transition: all 0.5s ease-in-out; font-size: 11px; background: orange; color: #fff;	transform: translateY(-55%);}
.save_msg:after {content:""; position: absolute; bottom: 1px; right:20px; border-right: 5px solid orange; border-bottom: 5px solid transparent; transform: translateY(100%);}

.save_msg.show {
	opacity: 1;
}
@media screen and (max-width: 1500px){
	.favorite_box {margin:15px 0 0px 0;}
	.favorite_box .favorite span {}
	.save_msg {}
	.save_msg:after {left: initial; right:0; border-left: 0;  border-right: 5px solid orange; border-bottom: 5px solid transparent; transform: translateY(100%);}
}

@media screen and (max-width: 650px){
	.favorite_box {margin:15px 0 15px 0;}
	.favorite_box .favorite span {padding:6px 15px;}
}

/**/
.comment_add_frm {position:fixed; top:0; left:0; width:100%; height:calc(100% + env(safe-area-inset-bottom)); padding-top: env(safe-area-inset-top);  padding-bottom: env(safe-area-inset-bottom); padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); background:rgba(0,0,0,0.5); z-index:100000000;visibility: hidden; opacity: 0; }
.comment_add_frm.show {visibility: visible;  opacity:1;}
.comment_add_frm .caf_wrap {position:absolute; top:calc(50% + 10px); left:50%; transform:translate(-50%, -50%); max-width:600px; width:calc(100% - 20px); max-height:300px; height:100%; background:var(--body_bg); opacity:0; border-radius: 10px; overflow: hidden; }
.comment_add_frm.show .caf_wrap {top:50%; opacity:1;}
.comment_add_frm .caf_hdbx {position:relative; height:50px;}
.comment_add_frm .caf_hdbx h2 {position:absolute; bottom:0; left:20px; /*transform:translateY(-50%);*/ font-size:15px; font-weight:700; line-height:120%; letter-spacing:-0.05em; color:var(--default_color1);}
.comment_add_frm .caf_hdbx h2 span {color:#059;}
.comment_add_frm .caf_hdbx i			{position: absolute;top: 0;right: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 20px;color: var(--default_color1);transition: all .3s;z-index: 1;cursor: pointer;}
.comment_add_frm .caf_hdbx i:hover			{transform:rotate(270deg); transition:all .3s;}
.comment_add_frm .caf_con {position:relative; height:calc(100% - 50px); padding: 15px; text-align: center;}
.comment_add_frm .caf_con		{overflow-y:overlay;}
.comment_add_frm .caf_con:: {-ms-overflow-style: none;}
.comment_add_frm .caf_con::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;}
.comment_add_frm .caf_con::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; }
.comment_add_frm .caf_con textarea		{width:100%; height: 150px; padding: 10px; border:1px solid var(--comment_wrt_frm_out); background:var(--comment_wrt_frm); font-size:12px; text-align:left; transition:all .2s; color:var(--comment_wrt_color); border-radius:7px;}
.comment_add_frm .caf_con textarea:focus {outline:none; background:var(--comment_wrt_frm_focus); border:1px solid var(--comment_wrt_frm_out) !important; transition:all .2s;}
.comment_add_frm .caf_con button {margin:10px 5px 0 5px;display:inline-block; vertical-align:middle; cursor:pointer; border:0; background:var(--sym_color); color:#fff; font-size:11px; font-weight:500; line-height:110%;width:80px; padding:10px 15px; text-align: center;border-radius:30px; font-family:var(--neo);}

@media screen and (max-width: 650px){
.comment_add_frm {background:var(--body_bg);}
.comment_add_frm .caf_wrap {top:0; left:0; transform:none; max-width:100%; width:100%; max-height:100%; height:100%; padding:calc(0px + env(safe-area-inset-top)) 0 calc(0px + env(safe-area-inset-bottom)) 0;border-radius: 0; }
.comment_add_frm.show .caf_wrap {top:0;}


}

/**/
.comment_box {position:relative; left:0; right:0; margin:30px auto 50px auto; max-width:var(--max_wd_bd); padding:30px 0 0 0; text-align:left; border-top:1px dashed var(--header_line);}
.comment_box .cb_hdbx {position:relative; margin:0 0 15px 0;}
.comment_box .cb_hdbx p {position:relative;  font-size:13px; font-weight:500; color:var(--bd_list_count); padding:0 10px; text-align:right;}
.comment_box .cb_hdbx p span {color:red;}
.comment_box .add_cmt {position:absolute; top:50%; left:15px; transform:translateY(-50%); line-height:100%;letter-spacing:-0.05em; cursor:pointer; font-size:0;}
.comment_box .add_cmt i,
.comment_box .add_cmt span {display:inline-block; vertical-align:middle; line-height:100%;}
.comment_box .add_cmt i {font-size:20px; color:var(--default_color2);}
.comment_box .add_cmt span {font-size:11px; font-weight:500; color:var(--default_color2);  padding-left:3px; }
.comment_box ul.comment_list {position:relative; font-size:0; }
.comment_box ul.comment_list.rep_list {margin:30px 0 0 0; border-top:1px dashed var(--comment_rep_line); padding:0 0 0 45px;}
.comment_box ul.comment_list > li {display:inline-block; vertical-align:top; width:100%; position:relative; font-size:0; padding:35px 0;  margin-top:10px; border:1px solid var(--comment_li_out); border-width:1px; background:var(--comment_li_bg); border-radius:10px; }
.comment_box ul.comment_list > li.me {background:var(--comment_li_me);}
.comment_box ul.comment_list > li:first-child {margin:0; border-width:1px;}
.comment_box ul.comment_list.rep_list > li {padding:20px; margin:0px 0 0 0; border-radius:0; border:1px dashed var(--comment_rep_line); border-width:1px 0 0 0; background:transparent;}
.comment_box ul.comment_list.rep_list > li.me {background:none;}
.comment_box ul.comment_list.rep_list > li:first-child {margin:0;border-width:0;}
.comment_box ul.comment_list.rep_list > li:before,
.comment_box ul.comment_list.rep_list > li:after {content:""; position:absolute; top:0; left:0;}
.comment_box ul.comment_list.rep_list > li:before {border-left:1px solid var(--comment_rep_line); height:100%;}
.comment_box ul.comment_list.rep_list > li:after {border-bottom:1px solid var(--comment_rep_line); width:10px; height:var(--tree_pos1);}
.comment_box ul.comment_list.rep_list > li:last-child:before {height:var(--tree_pos1);}
.comment_box ul.comment_list > li .c_info {position:relative; font-size:0; padding:0 30px;}
.comment_box ul.comment_list.rep_list > li .c_info {padding:0 0px;}
.comment_box ul.comment_list > li .c_info span,
.comment_box ul.comment_list > li .c_info i {display:inline-block; vertical-align:middle; font-size:0; line-height:100%; position: relative;}
.comment_box ul.comment_list > li .c_info span.pic {width:25px; background-size:cover !important; background-position:center !important; border-radius:100%; overflow:hidden;border:1px solid var(--header_line); }
.comment_box ul.comment_list.rep_list > li .c_info span.pic {width:20px;}
.comment_box ul.comment_list > li .c_info span.pic:before {content:"\e9f2";font-family: xeicon !important;display: inline-block;speak: none;font-style: normal;font-weight: 400;font-variant: normal; text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased; position: absolute; top: 50%;left: 0%;font-size: 25px;line-height: 100%;transform: translateY(-50%); color: var(--default_color1); opacity: 0.2;}
.comment_box ul.comment_list.rep_list > li .c_info span.pic:before {font-size: 20px;}

.comment_box ul.comment_list > li .c_info span.pic:after {content:""; display:block; padding-top:100%; }

.comment_box ul.comment_list > li .c_info span.pic .add_img {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; background-position:center !important; }

.comment_box ul.comment_list > li .c_info span.name {font-size:13px; font-weight:600; color:var(--default_color2); padding:0 10px;}
.comment_box ul.comment_list > li .c_info span.date {font-size:10px; font-weight:500; color:var(--default_color5);}
.comment_box ul.comment_list > li .c_info i {position:absolute; top:50%; right:25px; transform:translateY(-50%); font-size:18px; color: var(--default_color1); padding: 5px; cursor: pointer;}
.comment_box ul.comment_list.rep_list > li .c_info i {right:10px;}
.comment_box .comment_list .con_check {position:relative !important; right:initial; width:100%; text-align:right;padding:0 40px 0 0 !important;}
.comment_box .comment_list.rep_list .con_check {padding:0 15px 0 0 !important;}

.comment_box .c_cmt {position:relative;}
.comment_box .c_cmt p {position:relative; line-height:160%; font-size:13px; font-weight:500; padding:10px 40px 0 40px; color:var(--default_color3);}
.comment_box .c_cmt .in_ea {position:relative; line-height:110%; font-size:11px; font-weight:300; color:#777; padding:0px 40px; margin-top:20px; text-align:right;}
.comment_box .c_cmt .in_ea > span {color:red;}
.comment_box .c_cmt .in_ea .rep {position:absolute; top:50%; left:40px; transform:translateY(-50%); font-size:0; cursor:pointer; padding:0 0 0 0;}
.comment_box .c_cmt .in_ea .rep:before {content:""; position:absolute; top:0; left:0; width:10px; height:50%; transform:translateX(-100%); border:1px solid #eee; border-width:0 0 1px 1px; display: none;}
.comment_box .c_cmt .in_ea .rep i,
.comment_box .c_cmt .in_ea .rep span {display: inline-block; vertical-align: middle; }
.comment_box .c_cmt .in_ea .rep i {font-size: 15px; color: var(--default_color1);}
.comment_box .c_cmt .in_ea .rep i:before	{content:"maps_ugc";}

.comment_box .c_cmt .in_ea .rep span {font-size: 11px; padding-left: 3px; color: var(--default_color2);}

.comment_box .rep_list .c_cmt p {padding:10px 10px 0 10px; color:var(--default_color4);}
.comment_box .rep_list .c_cmt .in_ea {position:relative; line-height:110%; font-size:11px; font-weight:500; color:var(--default_color5); padding:20px 10px 0px 10px; }
.comment_box .rep_list .c_cmt .in_ea span {color:red;}
.comment_box .rep_list .c_cmt .in_ea .rep {right:0px;}


@media screen and (max-width: 650px){
	.comment_box {margin:20px auto 0 auto; padding:20px 10px 0 10px; }
	.comment_box .cb_hdbx {margin:0 0 10px 0;}
	.comment_box .cb_hdbx p {font-size:12px;}
	.comment_box .add_cmt {left:10px;}
	.comment_box .add_cmt i {font-size:18px;}
	.comment_box ul.comment_list.rep_list {margin:20px 0 0 0; padding:0 0 0 20px;}
	.comment_box ul.comment_list.rep_list > li {padding:15px; }
	.comment_box ul.comment_list > li {padding:20px 0;  margin-top:10px; }
	.comment_box ul.comment_list > li .c_info {padding:0 15px;}
	.comment_box ul.comment_list > li .c_info span.name {font-size:12px; padding:0 5px;}
	.comment_box ul.comment_list > li .c_info span.date {font-size:9px;}
	.comment_box ul.comment_list > li .c_info i {right:5px; top:calc(50% - 10px);}
	.comment_box ul.comment_list.rep_list > li .c_info i {right:-5px; top:calc(50% - 5px);}
	.comment_box .c_cmt p {padding:10px 20px 0 20px;line-height:150%; font-size:11px;}
	.comment_box .c_cmt .in_ea {padding:0px 20px; margin-top:15px; font-size: 9px;}
	.comment_box .c_cmt .in_ea .rep {left:20px; padding:0 0 0 0px;}
	.comment_box .rep_list .c_cmt p {padding:10px 5px 0 5px;}
}


/* 지도게시판 하단 버튼 css */
.map_view_btn_box		{display:inline-block; width:100%; text-align:right;}
.map_view_btn_box ul.bvb_pos		{display:flex; width:100%; padding:40px 0 0 0; font-size:0; position:relative;justify-content: right;}
.map_view_btn_box ul.bvb_pos li		{flex:1; margin-right:5px; max-width:80px; border-radius:30px;border:0px solid var(--bdr_btn_line); overflow: hidden;}
.map_view_btn_box ul.bvb_pos li:last-child		{margin:0;}
.map_view_btn_box ul.bvb_pos li a		{display:block; padding:10px 0; background: var(--bdr_btn); /*color:var(--default_color1);*/color:#fff; font-size:12px;line-height:100%; font-weight:500; text-align:center;}

@media screen and (max-width: 650px){
	.map_view_btn_box		{text-align:center;}
	.map_view_btn_box ul.bvb_pos		{justify-content: center;}
}

/* 게시물 상세보기 기본 */
.view_bbs_default	{position:relative; left:0; right:0; max-width:var(--max_wd); width:100%;margin:auto; border:0px solid red; }
.view_bbs_default .vbd_pos		{display:inline-block; width:100%; padding:0 50px 80px 50px;}
.view_bbs_default .vbd_pos .map_out_box	{float:left; width:100%; height:600px; font-size:0; padding:0px; margin-top:-1px;}
.view_bbs_default .vbd_pos .yt_movie	{display:inline-block; width:100%; position:relative; margin-top:15px;padding-bottom:56.25%;}
.view_bbs_default .vbd_pos .yt_movie iframe		{position:absolute; width:100% !important; height:100% !important; left:0; }
.view_bbs_default .vbd_pos .content		{display:inline-block; width:100%; text-align:center; padding:30px 0px; font-size:0;border-bottom:1px solid var(--view_df_line);}
.view_bbs_default .vbd_pos .content .movie		{display:inline-block; width:100%; padding:0 0 30px 0;}
.view_bbs_default .vbd_pos .content .txt,
.view_bbs_default .vbd_pos .content .txt * 	{text-align:left; max-width:1100px; width:auto; display:inline-block; font-size:13px !important;; line-height:160% !important; color:var(--default_color2) !important; padding:0 0px 0 0px; font-family:var(--neo) !important;; font-weight:500 !important; white-space: pre-wrap;}
.view_bbs_default .vbd_pos .content > span	{display:inline-block;  width:100%; text-align:center; padding:0 0 30px 0;}
.view_bbs_default .vbd_pos .content > span img	{border-radius:7px; max-width:100%; object-fit: cover;}
.view_bbs_default .vbd_pos .ct_wrap	{position:relative; margin-top:25px;}
.view_bbs_default .vbd_pos .ct_wrap > span	{display:inline-block;  width:100%; text-align:center; padding:0 0 15px 0;}
.view_bbs_default .vbd_pos .ct_wrap > span img	{border-radius:15px;}

.view_bbs_default .vbd_pos .call_map	{float:left; width:100%; height:700px; background:#eeeeee; position:relative; overflow:hidden;}
.view_bbs_default .vbd_pos .call_map .vb_btn  {position:absolute; bottom:10px; right:10px; z-index:10000;padding:15px 20px; font-size:13px; background:#0093fb; text-align:center; color:white; border-radius:3px;}
.view_bbs_default .vbd_pos .call_map .vb_btn i  {display:inline-block; vertical-align:middle; font-size:20px;}
.view_bbs_default .vbd_pos .call_map .vb_btn span  {display:inline-block; vertical-align:middle; font-size:13px;}

.view_bbs_default .area_map {display:inline-block; vertical-align:top; width:100%; height:500px; position:relative; border-radius:10px; overflow:hidden;}
.view_bbs_default .area_map .ar_md {position:absolute; top:0; left:0; width:100%; height:100%;}

.view_bbs_default .area_con {display:inline-block; vertical-align:top; width:calc(100% - 500px); position:relative; border:1px solid red;}
.view_bbs_default .base_info {position:relative; font-size:0; padding:20px 10px 0 10px; text-align:left;}
.view_bbs_default .base_info .user,
.view_bbs_default .base_info .etc {display:inline-block; vertical-align:middle; position:relative; line-height:100%;}
.view_bbs_default .base_info .user {width:40px; background-color:#ddd; background-size:cover !important; background-position:center !important; border-radius:100%; border:1px solid #eee;}
.view_bbs_default .base_info .user:after {content:""; display:block; padding-top:100%;}
.view_bbs_default .base_info .etc {width:calc(100% - 40px);  padding-left:12px;}

.view_bbs_default .base_info .etc span {display:inline-block; vertical-align:middle; position:relative; width:100%; line-height:110%}

.view_bbs_default .base_info .etc span.who {font-size:12px; font-weight:600; color:var(--default_color2);}
.view_bbs_default .base_info .etc span.date {font-size:10px; font-weight:500; color:var(--default_color5); padding-top:6px;}

.view_bbs_default .address_box {position:relative; font-size:0; text-align:left; padding:15px; margin-bottom:25px; border-bottom:1px dashed var(--header_line);}
.view_bbs_default .address_box.map {position:absolute; bottom:0; z-index:1; transform:translateY(100%);}
.view_bbs_default .address_box .add_text {position:relative;padding:0 0 0px 20px; }
.view_bbs_default .address_box .add_xy {position:absolute; top:50%; right:0; transform:translateY(-50%); line-height: 100%; padding: 0px 0 0 0; margin-top: 0;}


.view_bbs_default .address_box span,
.view_bbs_default .address_box xy {display:inline-block; vertical-align:middle;  line-height:110%; position:relative; font-weight:500;}
.view_bbs_default .address_box i {position: absolute; top: 50%; left: -3px; transform: translateY(-50%); font-size:18px; color: var(--default_color1);}
.view_bbs_default .address_box span {font-weight:500; font-size:12px; color: var(--default_color3); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;width: 100%;}
.view_bbs_default .address_box xy {width: auto; font-weight:500; font-size:8px; color: var(--default_color5); padding: 0 10px 0 0; letter-spacing:0.05em;}
.view_bbs_default .address_box xy t {font-weight:600; font-size:8px; color: var(--default_color4); display: inline-block; padding-right: 5px;}

.admin_move  {position:absolute; top:0px; right:0; }

@media screen and (max-width: 1160px){
	.view_bbs_default .vbd_pos		{padding:0 25px 30px 25px;}
	.view_bbs_default .address_box .add_xy {position:relative; top:0; right:initial; transform:none; padding: 1px 0 0 20px;}
}

@media screen and (max-width: 650px){
	.view_bbs_default .vbd_pos		{padding:0px 0px 35px 0;}
	.view_bbs_default .vbd_pos .content		{padding:25px 0px;}
	.view_bbs_default .vbd_pos .content .txt	{font-size:12px !important; line-height:160%; padding:0 20px;}
	.view_bbs_default .vbd_pos .content > span	{padding:0 10px 10px 10px;}
	.view_bbs_default .vbd_pos .ct_wrap	{margin-top:10px;}
	.view_bbs_default .vbd_pos .ct_wrap > span	{ padding:0 10px 10px 10px;}
	.view_bbs_default .vbd_pos .ct_wrap > span img	{border-radius:7px;}
	.view_bbs_default .area_map {height:auto; border-radius:0px;}
	.view_bbs_default .area_map:after {content:""; display:block; padding-top:100%; }
}


/**/
.view_bbs_default .contest_info {position:relative; margin:20px 0 0 0;}
.view_bbs_default .contest_info .contest_text {position:relative; font-size:15px; padding:10px 0 30px 0; line-height:180%; font-family:var(--neo); font-weight:700;}
.view_bbs_default .contest_info .contest_text .tt {font-weight:bold; color:red; display:inline-block;}
.view_bbs_default .contest_info .contest_text .pt {color:#911508;}
.view_bbs_default .contest_info ul.down_file_box {display:inline-block; width:100%; margin-top:20px; text-align:center;}
.view_bbs_default .contest_info ul.down_file_box li {display:inline-block; position:relative; margin:5px;}
.view_bbs_default .contest_info ul.down_file_box li a {display:block; font-size:0; line-height:100%; padding:15px 35px; background:#df0027; border:0px solid #e9e9e9; border-radius:35px; transition:all .3s;}
.view_bbs_default .contest_info ul.down_file_box li a:hover {background:#ff0833;}
.view_bbs_default .contest_info ul.down_file_box li a span,
.view_bbs_default .contest_info ul.down_file_box li a em {display:inline-block; vertical-align:middle; font-style:normal; line-height:100%;}
.view_bbs_default .contest_info ul.down_file_box li a span { font-weight:700; font-size:15px; letter-spacing:-0.05em;  color:#fff; transition:all .3s;}
.view_bbs_default .contest_info ul.down_file_box li a span.size {font-size:11px; color:#eee; padding-left:5px; display:inline-block; vertical-align:bottom; font-family:tahoma; font-weight:normal;}
.view_bbs_default .contest_info ul.down_file_box li a:hover span {color:#fff;}
.view_bbs_default .contest_info ul.down_file_box li a em {font-size:11px; font-family:tahoma; padding-left:5px; color:#ddd; transition:all .3s;}
.view_bbs_default .contest_info ul.down_file_box li a:hover em {color:#999;}
.view_bbs_default .contest_info ul.down_file_box.pass {dis play:none;}
.view_bbs_default .contest_info ul.down_file_box.pass:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.85); z-index:1;}
.view_bbs_default .contest_info ul.down_file_box.pass:after {content:"모집 기간 종료"; position:absolute; top:calc(50% - 15px); left:0; transform:translateY(-50%); width:100%; font-family:var(--neo); font-weight:900; font-size:20px; letter-spacing:-0.05em; z-index:2; color:red;}
.view_bbs_default .contest_info ul.down_file_box.pass {height:0; margin:0;}
.view_bbs_default .contest_info ul.down_file_box.pass li a {display:none;}

.view_bbs_default .contest_info h2 {position:relative; font-size:15px; padding:0 0 10px 5px;}
.view_bbs_default .contest_info .warning {position:relative; border-radius:10px; border:1px solid #ddd; overflow:hidden;}
.view_bbs_default .sta_now {display:inline-block; width:100%; font-size:0; background:#fff; border:1px solid #ddd;  border-radius:10px; margin-bottom:15px; overflow:hidden; transition: all .3s;}

.view_bbs_default .sta_now .stn  {display:inline-block; vertical-align:top; width:50%; font-size:0; border-right:1px solid #e9e9e9;background:#f8fcff;}
.view_bbs_default .sta_now .stn.rcv  {border:0; background:#fefff6;}
.view_bbs_default .sta_now .stn h3  {display:inline-block; vertical-align:middle; width:80px; font-size:13px; color:#000; line-height:110%; text-align:center; transition: all .3s; font-weight:normal;}
.view_bbs_default .sta_now .stn .dr_wrap  {display:inline-block;  vertical-align:middle;width:220px; border:1px solid #eee; border-width:0 1px;}
.view_bbs_default .sta_now .stn .dr_wrap .date_area {display:inline-block; width:100%; font-size:13px; border-top:1px solid #eee; font-family:tahoma; color:#333;}
.view_bbs_default .sta_now .stn .dr_wrap .date_area:first-child {border:0;}
.view_bbs_default .sta_now .stn .dr_wrap .date_area:before {content:attr(data-text); font-size:12px; color:#555; display:inline-block; padding:10px 15px; margin-right:15px; border-right:1px solid #eee; font-family:var(--neo);}
.view_bbs_default .sta_now .stn .dr_wrap .date_area em {display:inline-block; font-size:11px; margin-left:5px;font-style:normal; opacity:0.7;}
.view_bbs_default .sta_now .stn .sta  {display:inline-block; vertical-align:middle; width:calc(100% - 300px); text-align: center; font-weight:700; font-size:15px; letter-spacing:-0.05em; font-family:var(--neo);}
.view_bbs_default .sta_now .stn .sta.ready {color:orange;}
.view_bbs_default .sta_now .stn .sta.ing {color:green;}
.view_bbs_default .sta_now .stn .sta.pass {color:#999;}

table.detail_rest			{width:100%; border-top:0px solid #3d3d3d; border-collapse:collapse; }
table.detail_rest > tbody > tr > th,
table.detail_rest > tbody > tr > td		{border:none; border:0px solid #e9e9e9;  line-height:160%;vertical-align:middle; text-align:left;}
table.detail_rest > tbody > tr > th		{padding:10px 20px; background:#fafafa; font-size:13px; width:100px;border-width:0px 1px 1px 0px;}
table.detail_rest > tbody > tr > td		{padding:10px 20px; background:#fff; font-size:13px; width:calc(100% - 100px);border-width:0px 0px 1px 1px; }

table.detail_rest > tbody > tr:last-child > th		{border-width:0px 1px 0px 0px;}
table.detail_rest > tbody > tr:last-child > td		{border-width:0px 0px 0px 1px;}

table.detail_rest > tbody > tr > td .en	{font-weight:bold; color:#000;}
table.detail_rest > tbody > tr > td .en em	{font-style:normal; font-weight:normal;}
table.detail_rest > tbody > tr > td .time	{color:red; display:inline-block; padding-left:5px;}
table.detail_rest > tbody > tr > th.point	{color:red !important;}
table.detail_rest > tbody > tr > td.txt_pad	{padding:25px 20px !important;}

@media screen and (max-width: 1260px){
.view_bbs_default .sta_now .stn  {width:100%; border:1px solid #e9e9e9; border-width:0 0 1px 0;}

}

@media screen and (max-width: 650px){
.view_bbs_default .contest_info {margin:10px 0 0 0;}
.view_bbs_default .contest_info .contest_text {font-size:12px; padding:0px 10px 25px 10px; line-height:160%;}
.view_bbs_default .contest_info .contest_text .hd {display:none;}
.view_bbs_default .contest_info ul.down_file_box li a {padding:13px 30px;}
.view_bbs_default .contest_info ul.down_file_box li a span {font-size:14px;}
.view_bbs_default .contest_info h2 {padding:0 0 10px 10px;}
.view_bbs_default .sta_now .stn h3  {width:70px; font-size:13px;}
.view_bbs_default .sta_now .stn .dr_wrap  {width:190px;}
.view_bbs_default .sta_now .stn .dr_wrap .date_area:before {padding:8px 10px; margin-right:10px;}
.view_bbs_default .sta_now .stn .sta  {width:calc(100% - 260px);}
table.detail_rest > tbody > tr > th		{padding:8px 10px; width:80px;font-size:12px;}
table.detail_rest > tbody > tr > td		{padding:8px 10px; width:calc(100% - 80px);font-size:12px;}
table.detail_rest > tbody > tr > td.txt_pad	{padding:10px 10px !important;}
}


/* 게시물 상세보기 기본 타이틀 */
.view_bbs_title_box  {display:inline-block; width:100%; border:0px solid red;   padding:0; font-size:0; text-align:left;}
.view_bbs_title_box > span  {display:inline-block; font-size:18px; color:red; margin-right:5px; font-weight:500;}
.view_bbs_title_box h2	  {display:inline-block; font-size:20px; color:var(--default_color1); letter-spacing:-0.05em; line-height:120%; font-family:var(--neo); font-weight:800;}
.view_bbs_title_box h2.sp	  {font-size:30px;}
.view_bbs_title_box h2 span	  {display:inline-block; color:#911508; }
.view_bbs_title_box h3	  {display:inline-block; font-size:20px; color:var(--default_color1); letter-spacing:-0.05em; line-height:140%; font-family:var(--neo); font-weight:700;}
.view_bbs_title_box h3.sp	  {font-size:30px;}
.view_bbs_title_box h3 span	  {display:inline-block; color:#911508; }

@media screen and (max-width: 1260px){

}

@media screen and (max-width: 650px){
	.view_bbs_title_box  {padding:0 10px;}
	.view_bbs_title_box h2	  {font-size:17px; padding:0 10px;}
	.view_bbs_title_box h2.sp  {font-size:17px;}
	.view_bbs_title_box h3	  {font-size:17px; padding:0 10px;}
	.view_bbs_title_box h3.sp  {font-size:17px;}
}


/* 게시물 첨부파일 */
.att_file_down {position:relative; left:0; right:0; max-width:1100px;  font-size:0; text-align:left; background:var(--file_bg); padding:25px; border-radius:10px; margin:35px auto 0 auto;;border:1px solid var(--file_out); }
.att_file_down i,
.att_file_down h3 {display:inline-block; vertical-align:middle; line-height:100%; font-weight:normal;}
.att_file_down i		{color:var(--default_color1); font-size:18px;}
.att_file_down h3	{color:var(--default_color1); font-size:13px; padding-left:10px; font-weight:bold;}
.att_file_down ul.down_file_box {display:inline-block; width:100%; margin-top:7px;}
.att_file_down ul.down_file_box li {display:inline-block; position:relative; margin:5px 5px 0 0;}
.att_file_down ul.down_file_box li a {display:block; font-size:0; line-height:100%; padding:10px 15px; background:var(--file_a); border:0px solid #eee; border-radius:35px; transition:all .3s;}
.att_file_down ul.down_file_box li a:hover {background:var(--file_a_hover);}
.att_file_down ul.down_file_box li a span,
.att_file_down ul.down_file_box li a em {display:inline-block; vertical-align:middle; font-style:normal; line-height:100%;}
.att_file_down ul.down_file_box li a span {font-size:12px; color:var(--default_color1); transition:all .3s;}
.att_file_down ul.down_file_box li a span.size {font-size:11px; color:var(--default_color5); padding-left:5px;}
.att_file_down ul.down_file_box li a:hover span {color:var(--default_color1);}
.att_file_down ul.down_file_box li a em {font-size:11px; font-family:arial; padding-left:5px; color:#ddd; transition:all .3s;}
.att_file_down ul.down_file_box li a:hover em {color:var(--default_color5);}

@media screen and (max-width: 650px){
	.att_file_down {padding:20px; background:transparent; border-radius:0; border-width:1px 0 0 0;}
	.att_file_down ul.down_file_box li a {}
}

/* 게시판하단 버튼 기본 css */
.bd_view_btn_box		{display:inline-block; width:100%; text-align:center;}
.bd_view_btn_box ul.bvb_pos		{display:inline-block; max-width:600px; width:100%; padding:25px 25px 0 25px; font-size:0;}
.bd_view_btn_box ul.bvb_pos.spc		{padding:40px 0 30px 0; margin-top:30px; border-top:1px solid #eeeeee; }
.bd_view_btn_box ul.bvb_pos li		{display:inline-block; vertical-align:middle; width:calc(25% - 6px); margin:0 3px; }
.bd_view_btn_box ul.bvb_pos.spc li		{width:250px;}
.bd_view_btn_box ul.bvb_pos li a		{width:100%; display:block; padding:13px 0; border:1px solid var(--bdr_btn_line); background: var(--bdr_btn); color: #fff; font-size:13px;transition: all .2s; border-radius:35px; line-height:100%;}
.bd_view_btn_box ul.bvb_pos li input		{width:100%; display:block; padding:10px 0; margin:0 5px; border:1px solid #333;background:#333; color:white; font-size:13px;transition: all .2s; border-radius:35px; cursor:pointer; line-height:100%;}
.bd_view_btn_box ul.bvb_pos li .button_default		{width:100%; display:block; padding:10px 0; border:1px solid #e9e9e9;background:#fafafa; color:#333; font-size:13px;transition: all .2s; border-radius:35px; line-height:100%;}

@media screen and (max-width: 650px){
	.bd_view_btn_box ul.bvb_pos li a		{padding:10px 0; font-size:12px;}
}


/* 리스트내 첨부파일리스트 */
ul.down_blk	{display:inline-block; vertical-align:top; width:100%; position:relative; margin-top:10px;}
ul.down_blk li	{display:inline-block; vertical-align:middle; margin:5px 0px 0 0;  position:relative; width:100%;}
ul.down_blk li.none	{}
ul.down_blk li a	{display:inline-block; font-size:0; line-height:110%;background:#fff; border:1px solid #9dd6ff; padding:8px 15px; border-radius:30px;}
ul.down_blk li a span	{display:inline-block; vertical-align:middle;font-family:var(--neo); line-height:110%;}
ul.down_blk li a .att_name	{font-size:12px; color:#2f668f; font-weight:800;}
ul.down_blk li a .att_size	{font-size:11px;font-family:tahoma; color:#999;  font-weight:normal; padding:0 0 0 5px;}
ul.down_blk li a:hover .att_name	{color:#008ff9;}

@media screen and (max-width: 650px){
ul.down_blk	{margin:5px 0 0 -5px;}
ul.down_blk li	{margin:3px 0px 0 0;}
ul.down_blk li a	{padding:5px 10px;}
ul.down_blk li a .att_name	{font-size:10px; font-weight:700;}
ul.down_blk li a .att_size	{font-size:10px; display:none;}


}