/**/
.cont{ width:100%; max-width:1460px; margin:0 auto; box-sizing:border-box; padding:0 30px}
.blind { overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); }
/*-------------------
header
---------------------*/
.topline{ width:100%; height:5px; background:#0aa34f url(/images/header/topline.jpg) center top no-repeat; background-size:100% 100%;}
.header { width:100%; background:#fff; }
.header .inner { max-width:1400px; margin:0 auto; padding:25px 20px 25px; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; box-sizing:border-box}
.header h1 { flex:0 0 auto; margin:0; padding-top:4px; }
.header h1 a { display:block; width:186px; height:64px; background:url("../images/header/logo.png") no-repeat 0 0 / contain; }

.header .gnb { flex:1; min-width:0; padding:14px 20px 0; }
.header .gnb ul { display:flex; align-items:center; justify-content:center; gap:34px; }
.header .gnb li { flex:0 0 auto; }
.header .gnb li a { display:flex; align-items:center; color:#161717; font-size:19px; font-weight:500; line-height:1.2; font-family: 'GmarketSansMedium'; letter-spacing:-0.05em; white-space:nowrap; }
.header .gnb li a:before { content:""; display:block; width:57px; height:44px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; }
.header .gnb li a.ico01:before { background-image:url("../images/header/gnb_icon1.png"); }
.header .gnb li a.ico02:before { background-image:url("../images/header/gnb_icon2.png"); }
.header .gnb li a.ico03:before { background-image:url("../images/header/gnb_icon3.png"); }
.header .gnb li a.ico04:before { background-image:url("../images/header/gnb_icon4.png"); }
.header .gnb li a.ico05:before { background-image:url("../images/header/gnb_icon5.png"); }
.header .gnb li a:hover{ color:#008a3d;}

.header .util {
	flex:0 0 auto;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:12px;
	position:relative;
	width:179px;
	overflow:hidden;
}


.header .quick_link {
	display:flex;
	gap:2px;
	width:155px; /* 179 - more버튼 20 - 여유 4 */
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none;
	-ms-overflow-style:none;
}

.header .quick_link::-webkit-scrollbar {
	display:none;
}

.header .quick_link li {
	flex:0 0 auto;
}
.header .quick_link li a {
	display:block;
	min-width:34px;
	height:20px;
	padding:0 8px;
	border-radius:4px;
	background:#e4f1e8;
	color:#5d655f;
	font-size:12px;
	line-height:20px;
	letter-spacing:-0.04em;
	text-align:center;
	box-sizing:border-box;
	white-space:nowrap;
}

.header .util .more {
	position:absolute;
	right:0;
	top:0;
	width:20px;
	height:20px;
	background:#008c3a;
	z-index:10;
}

.header .util .more a {
	display:block;
	position:relative;
	width:20px;
	height:20px;
	min-width:auto;
	padding:0;
	white-space:nowrap;
}

.header .util .more a:before {
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	width:0;
	height:0;
	margin:-5px 0 0 -3px;
	border-top:5px solid transparent;
	border-bottom:5px solid transparent;
	border-left:8px solid #fff;
}

.header .util .more a:hover {
	background-color:#000;
}

.header .member { display:flex; align-items:center; gap:3px; }
.header .member .btn { display:inline-block; height:32px; padding:0 14px; border:1px solid #008c3a; border-radius:6px; font-size:14px; font-weight:500; line-height:30px; text-align:center; }
.header .member .btn.login { background:#fff; color:#047034; }
.header .member .btn.join { background:#008c3a; color:#fff; }
.header .member .btn:hover{ background:#000; color:#fff}


@media all and (max-width:1240px) {
.header .inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px }
.header h1 { flex:0 0 auto; width:auto; padding-top:0; }
.header .util { flex:0 0 auto; margin-left:auto; white-space:nowrap; }
.header .gnb { order:3; flex:0 0 100%; width:100%; padding:10px 0 0; }
.header .gnb ul { justify-content:flex-start; overflow-x:auto; padding-bottom:4px; gap:5%;}
.header .gnb ul::-webkit-scrollbar { height:4px; }
.header .gnb ul::-webkit-scrollbar-thumb { background:#cfcfcf; border-radius:999px; }

}
@media all and (max-width:900px) {
.topline{ height:3px;}
.header .inner {  max-width:800px; padding:15px 10px; gap:7px; }
.header h1 a { width:110px; height:38px; }
.header .util { position:relative; gap:6px; margin-top:-5px }
.header .quick_link { width:121px; gap:2px; }
.header .quick_link li a { height:16px; padding:0 6px; font-size:10px; line-height:16px; }
.header .util{width:137px;}
.header .util .more{width:16px;height:16px;}
.header .util .more a { width:16px; height:16px; }
.header .member { gap:2px; }
.header .member .btn { height:22px; padding:0 10px; font-size:11px; line-height:20px; }
.header .gnb { order:0; flex:1; width:auto; min-width:0; padding:0 6px; }
.header .gnb ul { display:flex; align-items:center; justify-content:center; gap:10px; overflow:visible; }
.header .gnb li { flex:0 0 auto; }
.header .gnb li a { display:flex; align-items:center; font-size:15px; justify-content:flex-start; }
.header .gnb li a:before { width:30px; height:24px; }
}

@media all and (max-width:800px) {
.header .inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start;}
.header .util { order:1; display:flex; width:100%; flex-direction:row; align-items:center; justify-content:space-between; gap:10px;  }
.header .util .more{position:absolute;left:121px;top:5px;}
.header .quick_link { display:flex; gap:2px; }
.header .member { display:flex; align-items:center; gap:2px; margin-left:auto; }
.header h1 { order:2; flex:0 0 auto; width:auto; padding-top:0; }
.header h1 a { width:100px; height:34px; }
.header .gnb { order:3; flex:1; display:flex; justify-content:flex-end; padding:0; margin-top:4px }
.header .gnb ul { display:flex; align-items:center; justify-content:flex-end; gap:5%; }
.header .gnb li { flex:0 0 auto; }
.header .gnb li a { display:flex; align-items:center; justify-content:flex-end; }
.header .gnb li a:before { width:30px; height:24px; }
.header .quick_link li a { height:16px; padding:0 6px; font-size:10px; line-height:16px; }
.header .quick_link li.more a { width:16px; }
.header .member .btn { height:24px; padding:0 10px; font-size:12px; line-height:22px; }
}
@media all and (max-width:640px) {
.header .gnb li a:before { display:none}
}
@media all and (max-width:450px) {
.header .inner { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:12px 8px; gap:8px; }
.header h1 { order:1; flex:0 0 auto; width:auto; padding-top:0; }
.header h1 a { width:120px; height:41px; margin-top:5px }
.header .util { order:2; flex:0 0 auto; width:auto; margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-start; gap:6px; }
.header .quick_link { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:2px; }
.header .member { display:flex; align-items:center; justify-content:flex-end; gap:2px; }
.header .gnb { order:3; flex:0 0 100%; width:100%; padding:8px 0 0; display:block; }
.header .gnb ul { display:flex; align-items:center; justify-content:flex-start; gap:20px; overflow-x:auto; white-space:nowrap; padding-bottom:2px; }
.header .gnb li { flex:0 0 auto; }
.header .quick_link li a { height:16px; padding:0 6px; font-size:10px; line-height:16px; }
.header .quick_link li.more a { width:16px; }
.header .member .btn { height:24px; padding:0 8px; font-size:11px; line-height:22px; }
}
/*	-----header*/

/*-------------------
main
---------------------*/
.main_wrap { width:100%; padding:0 0 80px}
.main_inner { max-width:1400px; margin:0 auto; padding:0 20px; box-sizing:border-box; }

.main_visual ul { display:flex; gap:18px; padding-bottom:20px}
.main_visual li { flex:1; min-width:0; }
.main_visual .visual_card { position:relative; display:block; height:390px; border-radius:22px; overflow:hidden; box-shadow:0 3px 10px rgba(0,0,0,0.12); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; }
.main_visual .visual_card.card01 { background-image:url("../images/main/visual01.jpg"); }
.main_visual .visual_card.card02 { background-image:url("../images/main/visual02.jpg"); }
.main_visual .visual_card.card03 { background-image:url("../images/main/visual03.jpg"); }
.main_visual .visual_card.card04 { background-image:url("../images/main/visual04.jpg"); }
.main_visual .visual_card .cate { position:absolute; top:20px; left:20px; height:40px; padding:0 20px; border-radius:20px; background:#00953f; color:#fff; font-size:18px; font-weight:500; line-height:38px; letter-spacing:-0.03em; }
.main_visual .visual_card .txt_box { position:absolute; left:0; right:0; top:244px; text-align:center; }
.main_visual .visual_card .txt_box strong { display:block; color:#111; font-size:38px; font-weight:700; line-height:1.157; letter-spacing:-0.06em; }
.main_visual .visual_card .txt_box p { margin:7px 0 0; color:#7a7a7a; font-size:18px; font-weight:400; line-height:1.55; letter-spacing:-0.06em; }
.main_visual .visual_card:hover { transform:translateY(-6px); transition:all 0.25s ease; }

.board_section { margin-top:14px; }
.board_list { display:flex; flex-wrap:wrap; gap:20px; }
.board_list > li { width:calc((100% - 40px) / 3); display:flex;}

.board_box { flex:1; min-height:300px; padding:0; border:1px solid #d8d8d8; border-radius:22px; background:#fff; box-shadow:0 3px 10px rgba(0,0,0,0.06); overflow:hidden; box-sizing:border-box; display:flex; flex-direction:column; }
.board_list > li:nth-child(even) .board_box{ border-color:#35b96c; }

.board_head { display:flex; align-items:center; justify-content:space-between; padding:22px 18px 20px; margin-bottom:0; }
.board_head strong { position:relative; padding-left:38px; color:#008a3d; font-size:20px; font-weight:700; line-height:1.2; letter-spacing:-0.02em; }
.board_head strong:before { content:""; position:absolute; top:50%; left:0; width:36px; height:36px; margin-top:-16px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; }
.board_head.latest strong:before { background-image:url("../images/main/ico_board_latest.png"); }
.board_head.ground strong:before { background-image:url("../images/main/ico_board_football.png"); }
.board_head.domestic strong:before { background-image:url("../images/main/ico_board_domestic.png"); }
.board_head.baseball strong:before { background-image:url("../images/main/ico_board_baseball.png"); }
.board_head.lol strong:before { background-image:url("../images/main/ico_board_lol.png"); }
.board_head.humor strong:before { background-image:url("../images/main/ico_board_humor.png"); }
.board_head .more { color:#7f7f7f; font-size:14px; line-height:1.2; letter-spacing:-0.05em }

.post_list { flex:1; padding:0 18px; background:#f7f7f7; border-top:1px solid #ececec; }
.post_list > li { padding:18px 0; }
.post_list > li + li { margin-top:0; padding-top:18px; border-top:1px solid #d9d9d9; }
.post_list > li:hover .info strong{ color:#00953f}

.post_item { display:flex; align-items:flex-start; gap:14px; }
.post_item .thumb { overflow:hidden; flex:0 0 78px; width:78px; height:78px; border:1px solid #69bf72; border-radius:12px; background:#fff; }
.post_item .thumb img { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }

.post_item .info { flex:1; min-width:0; }

.post_item .top_row { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.post_item .top_row .label { flex:0 0 auto; }
.post_item .meta_row { display:flex; align-items:center; gap:5px; margin-top:0; flex:0 0 auto; }

.post_item .label { display:inline-block; height:28px; margin-bottom:5px; padding:0 14px; border-radius:14px; background:#00953f; color:#fff; font-size:14px; font-weight:500; line-height:28px; letter-spacing:-0.04em; }
.post_item .label.green { background:#29a847; }

.post_item .info strong { display:block; overflow:hidden; margin-bottom:5px; color:#333; font-size:18px; font-weight:700; line-height:1.35; letter-spacing:-0.05em; white-space:nowrap; text-overflow:ellipsis; }

.post_item .meta_row .level { display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; }
.post_item .meta_row .level img { display:block; width:100%; height:100%; object-fit:contain; }
.post_item .meta_row .profile { width:24px; height:24px; border-radius:50%; overflow:hidden; display:inline-flex; }
.post_item .meta_row .profile img { width:100%; height:100%; object-fit:cover; display:block; }
.post_item .meta_row .profile.no_img { font-size:14px; font-weight:700; color:#fff; background:#89d269; text-align:center; display:block; line-height:24px}
.post_item .meta_row .writer { color:#7d7d7d; font-size:14px; line-height:1.2; white-space:nowrap; }

.post_item .meta_row.sub { display:flex; align-items:center; justify-content:space-between; margin-top:14px; font-size:12px; color:#9a9a9a; letter-spacing:-0.03em }
.post_item .meta_right { display:flex; align-items:center; gap:10px; }
.post_item .meta_row.sub span { position:relative; }
.post_item .meta_row.sub .like { padding-left:24px; }
.post_item .meta_row.sub .like:before { content:""; position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; background:url("../images/main/ico_like.png") no-repeat center; background-size:100%; }
.post_item .meta_row.sub .comment { padding-left:24px; }
.post_item .meta_row.sub .comment:before { content:""; position:absolute; top:50%; left:0; width:20px; height:20px; margin-top:-10px; background:url("../images/main/ico_comment.png") no-repeat center; background-size:100%; }

@media all and (max-width:1124px) {
.main_visual ul { overflow-x:auto; }
.main_visual li { flex:0 0 300px; }
.board_list > li { width:calc((100% - 20px) / 2); }
}

@media all and (max-width:900px) {
.main_inner { max-width:800px; padding:0 10px; }
.main_visual { padding-bottom:8px}
.main_visual ul { gap:10px; }
.main_visual li { flex:1; }
.main_visual .visual_card { height:270px; border-radius:15px; }
.main_visual .visual_card .cate { top:10px; left:10px; font-size:12px; padding:0 10px; height:25px; line-height:24px }
.main_visual .visual_card .txt_box { top:170px; }
.main_visual .visual_card .txt_box strong { font-size:24px; }
.main_visual .visual_card .txt_box p { margin-top:6px; font-size:12px; }	
.board_section { margin-top:10px; }

.board_list{ gap:15px; }
.board_list > li { width:calc((100% - 30px) / 3); }
.board_box { min-height:auto; padding:0px 0px; border-radius:18px; }
.board_head { padding:12px 10px 12px; }
.board_head strong { padding-left:25px; font-size:16px; }
.board_head strong:before { width:22px; height:22px; margin-top:-11px; }
.board_head .more { font-size:11px;  }
	
.post_list { padding:0 10px }
.post_list > li { padding:10px 0; }
.post_list > li + li { padding-top:10px; }

.post_item { gap:7px; }
.post_item .thumb { flex:0 0 50px; width:50px; height:50px;border-radius:8px; }
.post_item .top_row { gap:4px; }
.post_item .meta_row { gap:3px; }
.post_item .label { height:20px; margin-bottom:3px; padding:0 7px; font-size:11px; line-height:20px; letter-spacing:-0.04em; }
.post_item .info strong {margin-bottom:4px; font-size:14px; }
.post_item .meta_row .level { width:18px; height:18px; }
.post_item .meta_row .profile { width:18px; height:18px; }
.post_item .meta_row .profile.no_img { font-size:12px; font-weight:700; color:#fff; background:#89d269; text-align:center ; line-height:18px}
.post_item .meta_row .writer { font-size:12px }

.post_item .meta_row.sub { margin-top:5px; font-size:11px; flex-direction:column; align-items:flex-start; gap:0px; }
.post_item .meta_right { gap:5px; }
.post_item .meta_row.sub .date { width:100%; }
.post_item .meta_row.sub .like { padding-left:18px; }
.post_item .meta_row.sub .like:before { width:16px; height:16px; margin-top:-7px;}
.post_item .meta_row.sub .comment { padding-left:18px; }
.post_item .meta_row.sub .comment:before { width:16px; height:16px; margin-top:-7px; }
}
@media all and (max-width:720px) {
.board_list > li { width:calc((100% - 15px) / 2); }
}
@media all and (max-width:660px) {
.main_visual li { flex:0 0 170px; }
}
@media all and (max-width:540px) {
.board_list{ gap:10px; }
.board_list > li { width:calc((100% - 10px) / 2); }
}
@media all and (max-width:470px) {
.board_list > li { width:calc((100% - 0px) / 1); }
}

.best_member { padding:82px 0 96px; background:url("../images/main/bg_best_member.png") no-repeat 50% 50% / cover; }
.best_member .best_inner { max-width:1400px; margin:0 auto; padding:0 20px; box-sizing:border-box; }
.best_member h3 { margin:0 0 42px; color:#fff; font-size:34px; font-weight:700; line-height:1.2; letter-spacing:-0.04em; text-align:center; }

.best_member .best_slide { overflow:hidden; }
.best_member .best_slide ul { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:20px; }
.best_member .best_slide li { flex:0 0 auto; }

.best_member .best_card { display:flex; flex-direction:column; align-items:center; justify-content:flex-start; width:151px; min-height:168px; padding:18px 10px 16px; border-radius:22px; background:#f2f2f2; box-sizing:border-box; text-align:center; }
.best_member .best_icon { display:block; width:60px; height:60px; }
.best_member .best_icon img { display:block; width:100%; height:100%; object-fit:contain; }

.best_member .best_profile { display:flex; align-items:center; justify-content:center; width:35px; height:35px; margin-top:-12px; margin-left:48px; border-radius:50%; overflow:hidden; background:#8acb62; color:#fff; font-size:23px; font-weight:500; line-height:1; text-align:center; }
.best_member .best_profile img { display:block; width:100%; height:100%; object-fit:cover; }
.best_member .best_profile.no_img { background:#8acb62; }

.best_member .best_card strong { display:block; margin-top:10px; color:#4a4a4a; font-size:18px; font-weight:500; line-height:1.2; letter-spacing:-0.04em; }
.best_member .best_card em { display:block; margin-top:8px; color:#676767; font-size:15px; font-style:normal; line-height:1.2; letter-spacing:-0.08em; }
@media all and (max-width:1400px) {
.best_member .best_card { width:130px;}
}
@media all and (max-width:1220px) {
.best_member .best_slide { max-width:900px; margin:0 auto}
.best_member .best_card { width:150px;}
}

@media all and (max-width:900px) {
.best_member { padding:56px 0 70px; }
.best_member h3 { margin-bottom:28px; font-size:24px; }
.best_member .best_slide ul { gap:10px; }
.best_member .best_card { width:90px; min-height:134px; padding:13px 5px 12px; border-radius:15px; }
.best_member .best_icon { width:50px; height:50px; }
.best_member .best_profile { width:28px; height:28px; margin-top:-13px; margin-left:40px; font-size:20px; line-height:28px }
.best_member .best_card strong { margin-top:8px; font-size:14px; }
.best_member .best_card em { margin-top:6px; font-size:10px; }
}
@media all and (max-width:830px) {
.best_member .best_slide { max-width:600px; margin:0 auto}
.best_member .best_card { width:100px;}
}

@media all and (max-width:470px) {
.best_member .best_card { width:90px;}
}
/*	-----main*/

/*-------------------
footer
---------------------*/
.footer { width:100%; }
.footer .inner { max-width:1400px; margin:0 auto; padding:40px 20px 42px; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; box-sizing:border-box; }
.footer .footer_info { flex:0 0 auto; }
.footer .footer_logo { display:block; margin-bottom:16px; color:#3c3c3c; font-size:21px; font-weight:700; line-height:1.2; letter-spacing:-0.04em; }
.footer .footer_info p { margin:10px 0 0; color:#6c6c6c; font-size:16px; line-height:1.4; letter-spacing:-0.03em; }
.footer .footer_info p:first-of-type { margin-top:0; }

.footer .footer_link { display:flex; align-items:center; gap:28px; padding-top:8px; }
.footer .footer_link a { color:#3f3f3f; font-size:16px; font-weight:500; line-height:1.2; letter-spacing:-0.04em; }
.footer .footer_link a:hover { color:#008c3a; }
.footer_copy {display:flex;align-items:center;flex-wrap:wrap;gap:3px;}
.footer_copy span {display:inline-flex;align-items:center;}
.footer_copy span a {display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .2s ease;}
.footer_copy span a:hover {opacity:1;}
.footer_copy span img {display:block;width:18px;height:18px;object-fit:contain;}
.footer_copy span:first-child{ margin-left:10px}
.footer_webinus img {width:auto;height:16px;}

@media all and (max-width:900px) {
.footer .inner { padding:28px 10px 30px; gap:16px; }
.footer .footer_logo { margin-bottom:6px; font-size:16px; }
.footer .footer_info p { margin-top:4px; font-size:12px; }
.footer .footer_link { gap:18px; padding-top:4px; }
.footer .footer_link a { font-size:14px; }
.footer_copy { gap:2px; }
.footer_copy span:first-child{ margin-left:5px}
.footer_copy span img { width:16px; height:16px;	}
.footer_webinus img {height:14px;}
}

@media all and (max-width:510px) {
.footer .inner { flex-direction:column; align-items:flex-start; padding:24px 16px 26px; }
.footer .footer_link { gap:16px; padding-top:0; }
}
/*	-----footer*/

/*-------------------
sub
---------------------*/
.sub_wrap{ border-top:1px solid #cae4d3; border-bottom:1px solid #cae4d3; width:100%; padding:50px 0 100px}
.sub_wrap.btnone{border-top:none;}
.sub_wrap.bbnone{border-bottom:none;}
.sub_wrap .sub_inner { max-width:1400px; margin:0 auto; padding:0 20px; box-sizing:border-box; }
.sub_top h2 { margin:0; color:#222; font-size:35px; font-weight:700; line-height:1.2; letter-spacing:-0.04em; }
.sub_top_tab { margin-top:15px; }
.sub_top_tab ul { display:flex; flex-wrap:wrap; gap:4px; }
.sub_top_tab li { flex:0 0 auto; }
.sub_top_tab li a { display:block; min-width:64px; height:44px; padding:0 22px; border:1px solid #d8dfdc; border-radius:22px; background:#eef2f0; color:#4c4c4c; font-size:17px; font-weight:500; line-height:42px; text-align:center; white-space:nowrap; box-sizing:border-box; }
.sub_top_tab li a.on { border-color:#00953f; background:#00953f; color:#fff; }
.sub_top_tab li a:hover { border-color:#00953f; background:#00953f; color:#fff; }


@media all and (max-width:900px) {
.sub_wrap { padding:36px 0 80px; }
.sub_wrap .sub_inner { max-width:800px; padding:0 10px; }
.sub_top h2 { font-size:26px; }
.sub_top_tab { margin-top:10px; }
.sub_top_tab ul { gap:3px; }
.sub_top_tab li a { min-width:50px; height:32px; padding:0 8px; font-size:13px; line-height:30px; }
}
/*	-----sub*/

/*-------------------
게시판
---------------------*/	

.board_list_wrap { margin-top:30px; border-top:3px solid #0a9441; }
.board_row_list > li { border-bottom:1px solid #e5e5e5; }
.board_row_list > li:hover .board_row .subject_inner strong{ color:#00953f}
.board_row_list > li.nodata:hover { background:#f8f8f8}
.board_row_list > li.nodata:hover { background:none; color:inherit; cursor:default;}
.board_row_list > li.nodata:hover .board_row .subject_inner strong{ color:#444;}

.board_row_list.board_cmt > li{ }
.board_row_list.board_cmt > li:hover { background:#fff}
.board_row { display:flex; align-items:center; min-height:104px; color:inherit; padding:15px 0; box-sizing:border-box }
.board_row .col { box-sizing:border-box; }
.board_row .cate { flex:0 0 150px; padding:0 0px 0 0; color:#0a9441; font-size:18px; font-weight:500; line-height:1.2; text-align:center; letter-spacing:-0.04em; height:50px; border-right:1px solid #e6e6e6;  display:flex; align-items:center; justify-content:center;}
.board_row .cate.notice { color:#333; }
.board_row .subject { display:flex; align-items:center; flex:1; min-width:0; padding:0 20px 0 40px; }
.board_row .subject.has_thumb { gap:18px; }
.board_row .thumb { overflow:hidden; flex:0 0 80px; width:80px; height:80px; border-radius:8px; background:#f3f3f3; }
.board_row .thumb img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }

.board_row .subject_inner { min-width:0; }
.board_row .subject_inner strong { display:block; overflow:hidden; color:#444; font-size:20px; font-weight:500; line-height:1.3; letter-spacing:-0.04em; white-space:nowrap; text-overflow:ellipsis; }

.board_row .meta { display:flex; align-items:center; gap:14px; margin-top:8px; color:#9a9a9a; font-size:14px; line-height:1.2; letter-spacing:-0.05em }
.board_row .meta .comment { position:relative; padding-left:20px; }
.board_row .meta .comment:before { content:""; position:absolute; top:50%; left:0; width:16px; height:16px; margin-top:-8px; background:url("../images/main/ico_comment.png") no-repeat 50% 50% / contain; }

.board_row .writer_box { flex:0 0 200px; padding:0 0 0 26px; border-left:1px solid #e6e6e6; height:50px }
.board_row .writer_top { display:flex; align-items:center; gap:6px; min-width:0; }
.board_row .writer_top .level { width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; }
.board_row .writer_top .level img { display:block; width:100%; height:100%; object-fit:contain; }
.board_row .writer_top .profile { width:24px; height:24px; border-radius:50%; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; background:#8acb62; color:#fff; font-size:16px; font-weight:700; line-height:1; }
.board_row .writer_top .profile img { display:block; width:100%; height:100%; object-fit:cover; }
.board_row .writer_top .writer { overflow:hidden; color:#9a9a9a; font-size:14px; line-height:1.2; white-space:nowrap; letter-spacing:-0.04em; text-overflow:ellipsis; }

.board_row .writer_box.admin .writer_top { display:block; }
.board_row .admin_logo { display:block; width:90px; height:23px; text-indent:-999999px; background:url(/images/all/board_logo.png) center no-repeat; background-size:100% auto; }

.board_row .writer_meta { display:flex; align-items:center; gap:10px; margin-top:6px; color:#9a9a9a; font-size:14px; line-height:1.2; letter-spacing:-0.05em; }
.board_row .writer_meta .like { position:relative; padding-left:20px; }
.board_row .writer_meta .like:before { content:""; position:absolute; top:50%; left:0; width:15px; height:15px; margin-top:-7px; background:url("../images/main/ico_like.png") no-repeat 50% 50% / contain; }
.board_row .mypage{display: flex; align-items: center; cursor:default;}
.board_row .mypage .writer_meta { margin-top: 0;}
.board_row .writer_meta .comment { position:relative; padding-left:20px; }
.board_row .writer_meta .comment:before { content:""; position:absolute; top:50%; left:0; width:16px; height:16px; margin-top:-8px; background:url("../images/main/ico_comment.png") no-repeat 50% 50% / contain; }

.board_row .subject_inner span.cmt { display:block; color:#444; font-size:18px; font-weight:500; line-height:1.3; letter-spacing:-0.04em;}

.board_row .del { flex:0 0 90px; border-left:1px solid #e6e6e6; height:50px; padding-left: 20px;}

@media all and (max-width:900px) {
.board_list_wrap { margin-top:15px; }
.board_row { min-height:70px; padding:10px 0;  }
.board_row .cate { flex:0 0 80px;  font-size:12px; height:34px; }
.board_row .subject { padding:0 10px 0 15px; }
.board_row .subject.has_thumb { gap:10px; }
.board_row .thumb { flex:0 0 50px; width:50px; height:50px; border-radius:5px; }

.board_row .subject_inner strong { font-size:15px; }

.board_row .meta {gap:7px; margin-top:4px; font-size:11px;  }
.board_row .meta .comment { padding-left:15px; }
.board_row .meta .comment:before { width:12px; height:12px; margin-top:-6px;}

.board_row .writer_box { flex:0 0 115px; padding:0 0 0 15px; height:34px }
.board_row .writer_top { gap:3px; }
.board_row .writer_top .level { width:14px; height:14px; }
.board_row .writer_top .profile { width:14px; height:14px; border-radius:50%; font-size:11px;  }
.board_row .writer_top .writer {font-size:12px; }

.board_row .admin_logo { width:60px; height:15px; }

.board_row .writer_meta { gap:5px; margin-top:3px;  font-size:11px;}
.board_row .writer_meta .like { position:relative; padding-left:15px; }
.board_row .writer_meta .like:before { width:12px; height:12px; margin-top:-6px;}
.board_row .writer_meta .comment { padding-left:15px; }
.board_row .writer_meta .comment:before { width:12px; height:12px; margin-top:-6px;}

.board_row .subject_inner span.cmt { font-size:14px;}
.board_row .del { flex:0 0 60px; height:34px; padding-left: 10px;}
}

@media all and (max-width:450px) {
.board_row { flex-wrap:wrap; padding-bottom:3px }
.board_row .cate,
.board_row .subject,
.board_row .writer_box { flex:0 0 100%; width:100%; border-right:0; padding:0 5px;	}
.board_row .cate { text-align:left; height:auto; justify-content:flex-start; padding-bottom:6px; font-size:13px	}
.board_row .subject { border-left:0;	}
.board_row .writer_box { border-left:0; padding-top:2px; display:flex; align-items:center; justify-content:space-between;	}

.board_row .del { position: absolute; right: 10px; margin-top:-70px;height:34px; padding-left: 0px; border: none;}
}



/*	-----게시판*/

/*-------------------
게시판 하단
---------------------*/
.board_bottom { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-top:32px; }
.pagenum { display:flex; align-items:center; gap:3px; flex-wrap:wrap; }
.pagenum a { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid #cfd7d4; border-radius:8px; background:#eef2f0; color:#5d655f; font-size:16px; font-weight:500; line-height:1; }
.pagenum a.on { border-color:#00953f; background:#00953f; color:#fff; }
.pagenum a:hover { border-color:#00953f; background:#00953f; color:#fff; }
.pagenum .btn { position:relative; }
.pagenum .btn:hover{ border-color:#cfd7d4; background:#cfd7d4; color:#fff; }
.pagenum .prev:before, .pagenum .next:before, .pagenum .first:before, .pagenum .last:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center 60%; background-size:34px auto; }
.pagenum .prev:before { background-image:url("../images/all/ico_page_prev.png"); }
.pagenum .next:before { background-image:url("../images/all/ico_page_next.png"); }
.pagenum .first:before { background-image:url("../images/all/ico_page_first.png"); }
.pagenum .last:before { background-image:url("../images/all/ico_page_last.png"); }

.board_action { display:flex; align-items:center; gap:10px; }
.board_search { display:flex; align-items:center; gap:6px; }
.board_search select, .board_search input { height:42px; border:1px solid #cfd7d4; border-radius:8px; background:#eef2f0; color:#666; font-size:15px; padding:0 14px; box-sizing:border-box; }
.board_search select { min-width:100px; }
.board_search input { width:170px; ; border-radius:8px;}
.board_search .btn_search { width:60px; height:42px; border:0; border-radius:8px; background:#00953f; color:#fff; font-size:15px; font-weight:500; }
.board_search .btn_search:hover{ background-color:#000}

.board_btn_write { display:inline-flex; align-items:center; justify-content:center; min-width:78px; height:42px; padding:0 18px; border-radius:8px; background:#333; color:#fff !important; font-size:15px; font-weight:500; }

@media all and (max-width:1130px) {
.board_bottom { flex-wrap:wrap;	}
.board_bottom .pagenum { flex:0 0 100%;	}
.board_bottom .board_action { flex:0 0 100%; margin-top:10px; justify-content:flex-end;	}
.board_bottom.follow_bottom{ flex-wrap:nowrap; align-items:flex-start;	}
.board_bottom.follow_bottom .pagenum {flex:0 0 auto;	}
.board_bottom.follow_bottom .board_action{flex:0 0 auto; margin-top:0; gap:5px}
}
/* 900 ↓ 다시 원위치 */
@media all and (max-width:900px) {
.board_bottom { gap:10px; margin-top:20px; flex-wrap:nowrap; align-items:flex-start;	}
.pagenum { gap:2px; }
.pagenum a { width:28px; height:28px; border-radius:4px; font-size:12px; }
.board_bottom .pagenum { flex:0 0 auto;	}
.board_bottom .board_action { flex:0 0 auto; margin-top:0; gap:5px}
.board_search {gap:2px; }
.board_search select, .board_search input { height:30px; border-radius:4px; font-size:12px; padding:0 7px; }
.board_search select { min-width:60px; }
.board_search input { width:90px; ; border-radius:4px;}
.board_search .btn_search { width:50px; height:30px; border-radius:4px; font-size:12px; }
.board_btn_write { min-width:50px; height:30px; padding:0 8px; border-radius:4px; font-size:12px;}
}
@media all and (max-width:560px) {
.board_bottom.follow_bottom{ flex-wrap:wrap;	}
.board_bottom.follow_bottom .pagenum { flex:0 0 100%;	}
.board_bottom.follow_bottom .board_action { flex:0 0 100%; margin-top:5px; justify-content:flex-end;}
}
@media all and (max-width:770px) {
.board_bottom { flex-wrap:wrap;	}
.board_bottom .pagenum { flex:0 0 100%;	}
.board_bottom .board_action { flex:0 0 100%; margin-top:5px; justify-content:flex-end;	}
}
@media all and (max-width:440px) {
.board_bottom .board_action { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:4px; }

.board_bottom .board_search { display:flex; flex-wrap:wrap; width:100%; gap:4px; }

.board_bottom .board_search select { width:calc(50% - 2px); min-width:0; }
.board_bottom .board_search input { width:calc(50% - 2px); min-width:0; }
.board_bottom .board_search .btn_search { width:calc(50% - 2px); }

.board_bottom .btn_write { width:auto; min-width:78px; margin-left:auto; }
.board_bottom.follow_bottom .board_search .btn_search { width:calc(100%); }
}
/*	-----게시판 하단*/



/*-------------------
읽기 페이지
---------------------*/

.read_view { margin-top:26px; }
.read_head { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 0 18px; border-top:3px solid #0a9441; border-bottom:1px solid #e5e5e5; }
.read_head_lt { flex:1; min-width:0; padding-left: 5px; }
.read_meta { display:flex; align-items:center; gap:10px; }
.read_cate { color:#0a9441; font-size:16px; font-weight:500; line-height:1.2; }
.read_date { color:#9a9a9a; font-size:13px; line-height:1.2; }
.read_subject { margin:8px 0 0; color:#222; font-size:28px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }

.read_head_rt { flex:0 0 150px; padding-top:0px; border-left:1px solid #e6e6e6; padding-left: 20px; }
.read_writer { display:flex; align-items:center; gap:5px; }
.read_writer .admin_logo { display:block; width:90px; height:23px; text-indent:-999999px; background:url(/images/all/board_logo.png) center no-repeat; background-size:100% auto; }

.read_level { width:22px; height:22px; display:inline-flex; align-items:center; justify-content:center; }
.read_level img { display:block; width:100%; height:100%; object-fit:contain; }
.read_profile { width:24px; height:24px; border-radius:50%; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; background:#8acb62; color:#fff; font-size:16px; font-weight:700; line-height:1; }
.read_profile img { display:block; width:100%; height:100%; object-fit:cover; }
.read_profile_big { position:absolute;left:0;top:0; z-index:10; width:72px; height:72px; border-radius:50%; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; background:#8acb62; color:#fff; font-size:35px; font-weight:700; line-height:1; }
.read_profile_big_img { position:absolute;left:0;top:0; z-index:100; width:72px; height:72px; border-radius:50%; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; background:#8acb62; color:#fff; font-size:35px; font-weight:700; line-height:1; }
.read_name { color:#8c8c8c; font-size:14px; line-height:1.2; }

.read_writer_meta { display:flex; align-items:center; gap:12px; margin-top:8px; color:#9a9a9a; font-size:12px; line-height:1.2; }
.read_like { position:relative; padding-left:20px; }
.read_like:before { content:""; position:absolute; top:50%; left:0; width:15px; height:15px; margin-top:-7px; background:url("../images/main/ico_like.png") no-repeat 50% 50% / contain; }

.read_body { min-height:440px; padding:26px 5px; border-bottom:1px solid #e5e5e5; color:#444; font-size:18px; line-height:1.6; letter-spacing:-0.03em; }
.read_body img{max-width:100%;}
.read_body p { margin:0; }
.read_body p + p { margin-top:6px; }

.read_file { display:flex; align-items:center; gap:18px; border-bottom:3px solid #0a9441; padding: 20px 5px; }
.read_file a { color:#777; font-size:14px; line-height:20px; }

.read_action { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-top:18px; }
.read_btns { display:flex; align-items:center; gap:5px; }
.read_btns a{ display:inline-flex; align-items:center; justify-content:center; min-width:106px; height:45px; padding:0 16px;  border-radius:10px; font-size:16px; font-weight:500; box-sizing:border-box; }
.read_btns a i{ margin: 5px 3px 0 0;}
.read_btns .btn_line {  border:1px solid #cfd7d4;background:#eef2f0; color:#4c4c4c; }
.read_btns .btn_dark { border:1px solid #333; background:#333; color:#fff; }

.read_util { display:flex; align-items:center; gap:14px; }
.read_reaction { display:flex; align-items:center; gap:4px; }
.util_group{padding:0 15px; border:1px solid #d7d7d7; border-radius:40px; background:#fff; overflow: hidden; }
.chip { position:relative; height:45px; padding-left: 30px; color:#666; font-size:14px; font-weight: 400; border: none; background:#fff; font-family:'Noto Sans KR',sans-serif,'NanumGothic'; box-sizing: border-box;}
.chip:before { content:""; position:absolute; top:50%; left:5px; width:22px; height:22px; margin-top:-10px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; }
.chip:hover{ color: #000;}
.chip.like:before { background-image:url("../images/all/ico_like.png"); }
.chip.like.on:before { background-image:url("../images/all/ico_like_green.png"); }
.chip.comment:before { background-image:url("../images/all/ico_comment.png"); }
.chip.comment.on:before { background-image:url("../images/all/ico_comment_green.png"); }
.chip.report:before { background-image:url("../images/all/ico_report.png"); }
.chip.scrap:before { background-image:url("../images/all/ico_scrap.png"); }
.chip.url:before { background-image:url("../images/all/ico_link.png"); }

.read_share { display:flex; align-items:center; gap:3px; }
.read_share .sns { display:block; width:45px; height:45px; border-radius:50%; background-repeat:no-repeat; background-position:50% 50%; background-size:contain; }
.read_share .sns.kakao { background-image:url("../images/all/sns_kakao.png"); }
.read_share .sns.facebook { background-image:url("../images/all/sns_facebook.png"); }
.read_share .sns.x { background-image:url("../images/all/sns_x.png"); }
.read_share .sns.line { background-image:url("../images/all/sns_line.png"); }
.read_share .sns.band { background-image:url("../images/all/sns_band.png"); }

.read_cmt { margin-top:100px; }
.read_cmt_head { padding-bottom:18px; }
.read_cmt_head strong { position:relative; padding-left:36px; color:#333; font-size:20px; font-weight:700; line-height:1.2; letter-spacing:-0.03em; }
.read_cmt_head strong:before { content:""; position:absolute; top:50%; left:0; width:30px; height:30px; margin-top:-12px; background:url("../images/all/icon_cmt_bic.png") no-repeat 50% 50% / contain; }

.read_cmt_write { display:flex; }
.read_cmt_write textarea { flex:1; height:96px; padding:18px; border:1px solid #d7d7d7; border-right:0; border-radius:8px 0 0 8px; resize:none; box-sizing:border-box; color:#333; font-size:15px; }
.read_cmt_write button { flex:0 0 112px; border:0; border-radius:0 8px 8px 0; background:#00953f; color:#fff; font-size:18px; font-weight:500; }

.read_cmt_list { margin-top:26px; border-bottom:1px solid #e5e5e5}
.read_cmt_list > li:first-child .read_cmt_item{ /*border-top:none;*/  }

.read_cmt_item { display:flex; gap:16px; padding:18px 10px 18px 18px; border-top:1px solid #e5e5e5; }
.read_cmt_item.is_reply { position:relative; /*padding-left:34px;*/ }
.read_cmt_item.is_reply:before { content:""; position:absolute; top:22px; left:0px; width:6px; height:6px; border-right:2px solid #666; border-top:2px solid #666; transform:rotate(45deg); }

.read_cmt_profile { position:relative; flex:0 0 100px; }
.read_cmt_level { width:40px; height:40px; display:inline-flex; margin-left:10px; align-items:center; justify-content:center;}
.read_cmt_level img { display:block; width:100%; height:100%; object-fit:contain; }
.read_cmt_photo { position:absolute; left:35px; top:25px; width:40px; height:40px; border-radius:50%; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; background:#8acb62; color:#fff; font-size:20px; font-weight:700; z-index: 3; }
.read_cmt_photo img { display:block; width:100%; height:100%; object-fit:cover; }

.read_cmt_cont { flex:1; min-width:0; }
.read_cmt_top { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.read_cmt_user { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.read_cmt_user strong { color:#444; font-size:14px; font-weight:500; line-height:1.2; }
.read_cmt_user span { color:#9a9a9a; font-size:12px; line-height:1.2; }

.read_cmt_side { display:flex; align-items:center; gap:16px; color:#777; font-size:13px; }
.read_cmt_side span { position:relative; padding-left:20px; }
.read_cmt_side .like{ cursor: pointer;}
.read_cmt_side .like:before { content:""; position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; background:url("../images/all/ico_like.png") no-repeat 50% 50% / contain; }
.read_cmt_side .like.on:before{  content:""; position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; background:url("../images/all/ico_like_green.png") no-repeat 50% 50% / contain; }
.read_cmt_side .dislike{ cursor: pointer;}
.read_cmt_side .dislike:before { content:""; position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; background:url("../images/all/ico_comment.png") no-repeat 50% 50% / contain; }
.read_cmt_side .dislike.on:before{  content:""; position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; background:url("../images/all/ico_comment_green.png") no-repeat 50% 50% / contain; }

.read_cmt_body { display:flex; align-items:flex-start; gap:10px; min-height: 50px; }
.read_cmt_txt { margin-top:8px; color:#555; font-size:16px; line-height:1.5; flex:1; }
.read_cmt_btn { display:flex; justify-content:flex-end; gap:4px; margin-top:8px; flex:0 0 auto; margin-left:auto; cursor: pointer;}
.read_cmt_btn button { min-width:42px; height:28px; padding:0 8px; border:1px solid #d7d7d7; border-radius:6px; background:#fff; color:#666; font-size:12px; }

.read_cmt_reply { margin-top:10px; border-top:1px solid #ededed; }
.read_cmt_reply > li { border-bottom:1px solid #ededed;}
.read_cmt_reply .read_cmt_item { padding:16px 0 16px 20px;}

.read_cmt_write.reply_write {display:flex; /*display:none;*/ }
.read_cmt_write.reply_write.on { display:flex; }
.reply_write { margin-top:14px; }
.reply_write textarea { height:76px; }
.reply_write button { flex-basis:108px; font-size:16px; }

.read_cmt_bottom { display:flex; gap:6px; margin-top:22px; }

@media all and (max-width:1000px) {
.read_action { flex-direction:column; align-items:flex-start;	}
.read_util { order:1; width:100%; justify-content:space-between;	}
.read_btns { order:2; width:100%;margin-top:0px;}
}
	

@media all and (max-width:900px) {
.read_view { margin-top:15px; }
.read_head { gap:12px; padding:15px 0px; border-top:2px solid #0a9441; }
.read_head_lt { padding-left: 3px; }
.read_meta { gap:5px; }
.read_cate { font-size:12px; }
.read_date { font-size:10px;}
.read_subject { margin:5px 0 0; font-size:18px;}

.read_head_rt { flex:0 0 120px; padding-left: 10px; }
.read_writer { gap:3px; }
.read_writer .admin_logo{ width:60px;height:15px;}
.read_level { width:16px; height:16px;}
.read_profile { width:15px; height:15px; font-size:12px;  }
.read_name { font-size:12px; }

.read_writer_meta {gap:8px; margin-top:6px;font-size:11px; letter-spacing: -0.05em; }
.read_like { padding-left:16px; }
.read_like:before { width:13px; height:13px; margin-top:-6px; }

.read_body { min-height:260px; padding:15px 3px; font-size:14px; }
.read_body p + p { margin-top:4px; }

.read_file { gap:10px; border-bottom:2px solid #0a9441; padding: 10px 2px; }
.read_file a { font-size:12px; line-height:18px; }

.read_action { flex-direction:row; align-items:center; justify-content:space-between; gap:10px; padding-top:10px; }
.read_btns { order:0; width:auto; margin-top:0; gap:3px; }
.read_btns a{ min-width:80px; height:34px; padding:0 10px;  border-radius:6px; font-size:13px; }
.read_btns a i{ margin: 8px 3px 0 0; width: 10px;}
.read_btns a i img{ width: 100%; height: auto;}
.read_util { order:0; width:auto; gap:2px; }
.read_reaction { gap:2px; }
.util_group{padding:0 7px;}
.chip { position:relative; height:34px; padding-left: 24px; color:#666; font-size:12px; font-weight: 400;}
.chip:before {left:5px; width:18px; height:18px; margin-top:-10px;}
.read_share { gap:2px; }
.read_share .sns { width:34px; height:34px; }


.read_cmt { margin-top:60px; }
.read_cmt_head { padding-bottom:10px; }
.read_cmt_head strong { padding-left:22px; font-size:16px; }
.read_cmt_head strong:before { width:17px; height:17px; margin-top:-8px; }

.read_cmt_write textarea {height:60px; padding:10px; border-radius:5px 0 0 5px; font-size:13px; }
.read_cmt_write button { flex:0 0 80px; border-radius:0 5px 5px 0; font-size:13px;  }

.read_cmt_list { margin-top:12px;}

.read_cmt_item { gap:8px; padding:10px 5px 10px 10px; }
.read_cmt_item.is_reply { /*padding-left:20px;*/ }
.read_cmt_item.is_reply:before { top:13px; width:4px; height:4px; border-right:1px solid #666; border-top:1px solid #666;}

.read_cmt_profile { flex:0 0 50px; }
.read_cmt_level { width:25px; height:25px;}
.read_cmt_photo { left:20px; top:18px; width:25px; height:25px; font-size:11px;  }

.read_cmt_top {gap:10px; }
.read_cmt_user { gap:6px;  }
.read_cmt_user strong { font-size:12px; }
.read_cmt_user span { font-size:10px; }

.read_cmt_side { gap:8px; font-size:11px; }
.read_cmt_side span { padding-left:17px; }
.read_cmt_side .like:before {  width:12px; height:12px; margin-top:-7px; }
.read_cmt_side .like.on:before{  width:12px; height:12px; margin-top:-7px; }
.read_cmt_side .dislike:before { width:12px; height:12px; margin-top:-7px; }

.read_cmt_body { gap:5px; min-height: 30px; }
.read_cmt_txt { margin-top:5px; font-size:13px;}
.read_cmt_btn { gap:2px; margin-top:5px; }
.read_cmt_btn button { min-width:30px; height:22px; padding:0 3px; border-radius:4px; font-size:10px; letter-spacing: -0.04em; }

.read_cmt_reply { margin-top:10px;}
.read_cmt_reply .read_cmt_item { padding:12px 0 10px 12px;}

.read_cmt_write.reply_write { display:flex;/*display:none;*/ }
.read_cmt_write.reply_write.on { display:flex; }
.reply_write { margin-top:8px; }
.reply_write textarea { height:50px; }
.reply_write button { flex-basis:60px; font-size:12px; }
}
@media all and (max-width:700px) {
.read_action { flex-direction:column; align-items:flex-start;	}
.read_util { order:1; width:100%; justify-content:space-between;	}
.read_btns { order:2; width:100%;margin-top:0px;}
}
@media all and (max-width:520px) {
	.read_action { flex-direction:column; align-items:flex-start; }
	.read_util { flex-direction:column; align-items:flex-start; }
	.read_reaction { flex-wrap:wrap; margin-top: -3px; }
	.read_reaction .util_group{margin: 3px 0; }
	.read_cmt_write { flex-direction:column; }
	.read_cmt_write textarea { border-right:1px solid #d7d7d7; border-radius:8px 8px 0 0; }
	.read_cmt_write button { flex:0 0 auto; width:100%; height:40px; border-radius:0 0 8px 8px; font-size:14px; }
	.reply_write button { width:100%; }
}

@media all and (max-width:400px) {
	.read_head { flex-direction:column; align-items:normal }
	.read_head_rt { flex:0 0 100%; padding-left:3px; border:none; display:flex;align-items:center; gap:10px; flex-wrap:nowrap;	}
	.read_writer { display:flex; align-items:center; gap:6px; justify-content:flex-start}
	.read_writer_meta { display:flex; align-items:center; gap:10px; margin-top:0;}
    .read_head_lt{ width: 100%;}
	.read_file { flex-direction:column; align-items:flex-start; gap:0; padding:10px 0; }
}
/*	-----읽기 페이지*/
/*-------------------
쓰기페이지
---------------------*/
.write { width:100%; padding:44px 0 100px; background:#fff; }
.write_inner { max-width:1000px; margin:0 auto; padding:0 20px; box-sizing:border-box; }

.write_title { margin:0; color:#222; font-size:42px; font-weight:700; line-height:1.2; letter-spacing:-0.04em; }

.write_tab { margin-top:24px; }
.write_tab ul { display:flex; flex-wrap:wrap; gap:10px; }
.write_tab li a { display:block; min-width:64px; height:44px; padding:0 20px; border:1px solid #d8dfdc; border-radius:22px; background:#eef2f0; color:#4c4c4c; font-size:17px; font-weight:500; line-height:42px; text-align:center; white-space:nowrap; box-sizing:border-box; }
.write_tab li a.on { border-color:#00953f; background:#00953f; color:#fff; }

.write_form { margin-top:26px; border-top:3px solid #0a9441; border-bottom:3px solid #0a9441; }
.write_row_top { display:flex; gap:10px; padding-top:20px; }
.write_select { flex:0 0 188px; }
.write_subject { flex:1; min-width:0; }

.write_select select,
.write_subject input,
.write_link_cont input { width:100%; height:42px; padding:0 14px; border:1px solid #cfd7d4; border-radius:8px; background:#eef2f0; color:#444; font-size:15px; box-sizing:border-box; }

.write_select select { appearance:none; background:#eef2f0 url("../images/common/ico_select_arrow.png") no-repeat right 12px center / 10px; }

.write_editor { margin-top:16px; }
.write_editor textarea { width:100%; height:420px; padding:18px; border:1px solid #d7d7d7; border-radius:12px; resize:none; box-sizing:border-box; color:#333; font-size:16px; line-height:1.6; }

.write_file,
.write_link { display:flex; align-items:flex-start; padding:14px 0; border-top:1px solid #e5e5e5; }

.write_file_label,
.write_link_label { flex:0 0 96px; padding-top:10px; color:#333; font-size:16px; font-weight:500; line-height:1.2; }

.write_file_cont,
.write_link_cont { flex:1; min-width:0; }

.write_file_cont { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }

.write_file_btn input { overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); }
.write_file_btn label { display:inline-flex; align-items:center; justify-content:center; min-width:78px; height:34px; padding:0 14px; border:1px solid #333; border-radius:8px; background:#333; color:#fff; font-size:14px; font-weight:500; cursor:pointer; box-sizing:border-box; }

.write_file_list { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.write_file_list .file_item { display:inline-flex; align-items:center; gap:8px; color:#666; font-size:14px; line-height:1.2; }
.write_file_list .file_del { position:relative; width:18px; height:18px; border:0; border-radius:50%; background:#ddd; cursor:pointer; }
.write_file_list .file_del:before,
.write_file_list .file_del:after { content:""; position:absolute; top:50%; left:50%; width:10px; height:1px; background:#555; }
.write_file_list .file_del:before { transform:translate(-50%, -50%) rotate(45deg); }
.write_file_list .file_del:after { transform:translate(-50%, -50%) rotate(-45deg); }

.write_link_cont { display:flex; align-items:center; gap:12px; }
.write_link_cont input { flex:0 0 250px; }
.write_link_cont p { margin:0; color:#777; font-size:14px; line-height:1.4; letter-spacing:-0.03em; }
.write_link_cont p strong { color:#00953f; font-weight:700; }

.write_btn_area { display:flex; justify-content:center; gap:6px; margin-top:18px; }
.write_btn_area button { min-width:152px; height:46px; padding:0 20px; border-radius:10px; font-size:16px; font-weight:700; box-sizing:border-box; }
.write_btn_area .btn_submit { border:1px solid #00953f; background:#00953f; color:#fff; }
.write_btn_area .btn_draft { border:1px solid #d7d7d7; background:#fff; color:#555; }
.write_btn_area .btn_cancel { border:1px solid #d7d7d7; background:#fff; color:#555; }

.blind { overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); }

/* 1024 이하 */
@media all and (max-width:1024px) {
	.write { padding:36px 0 80px; }
	.write_inner { padding:0 16px; }
	.write_title { font-size:34px; }
	.write_tab { margin-top:20px; }
	.write_tab li a { height:40px; padding:0 18px; font-size:15px; line-height:38px; }
	.write_editor textarea { height:360px; font-size:15px; }
}

/* 768 이하 */
@media all and (max-width:768px) {
	.write { padding:28px 0 60px; }
	.write_title { font-size:28px; }

	.write_tab ul { gap:8px; }
	.write_tab li a { min-width:56px; height:36px; padding:0 14px; font-size:13px; line-height:34px; }

	.write_row_top { flex-direction:column; gap:8px; }
	.write_select { flex:0 0 auto; width:100%; }
	.write_subject { width:100%; }

	.write_editor textarea { height:300px; padding:16px; font-size:15px; }

	.write_file_label,
	.write_link_label { flex:0 0 82px; font-size:15px; }
}

/* 640 이하 */
@media all and (max-width:640px) {
	.write_file,
	.write_link { flex-direction:column; gap:10px; }

	.write_file_label,
	.write_link_label { flex:0 0 auto; width:100%; padding-top:0; }

	.write_file_cont,
	.write_link_cont { width:100%; }

	.write_link_cont { flex-direction:column; align-items:flex-start; gap:8px; }
	.write_link_cont input { flex:0 0 auto; width:100%; }
	.write_link_cont p { font-size:13px; }
}

/* 480 이하 */
@media all and (max-width:480px) {
	.write_inner { padding:0 12px; }

	.write_editor textarea { height:240px; padding:14px; font-size:14px; }

	.write_select select,
	.write_subject input,
	.write_link_cont input { height:38px; font-size:14px; }

	.write_file_btn label { min-width:72px; height:32px; font-size:13px; }
	.write_file_list { gap:8px; }
	.write_file_list .file_item { font-size:13px; }

	.write_btn_area { flex-direction:column; gap:8px; }
	.write_btn_area button { width:100%; min-width:0; height:42px; font-size:15px; }
}

/*	-----쓰기페이지*/

/*-------------------
팝업
---------------------*/
/*신고하기 	-----*/
.report_pop_wrap { position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; }
.report_dim { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); }

.report_pop { position:absolute; top:50%; left:50%; width:100%; max-width:488px; padding:0; border-radius:22px; background:#fff; transform:translate(-50%, -50%); box-sizing:border-box; overflow:hidden; }
.report_pop_head { position:relative; padding:22px 60px 14px 22px; border-bottom:3px solid #0a9441; }
.report_pop_head h3 { margin:0; color:#222; font-size:22px; font-weight:700; line-height:1.2; letter-spacing:-0.04em; }

.report_pop_close { position:absolute; top:18px; right:18px; width:32px; height:32px; border:0; background:none; cursor:pointer; }
.report_pop_close:before, .report_pop_close:after { content:""; position:absolute; top:50%; left:50%; width:20px; height:2px; background:#444; }
.report_pop_close:before { transform:translate(-50%, -50%) rotate(45deg); }
.report_pop_close:after { transform:translate(-50%, -50%) rotate(-45deg); }

.report_pop_body { padding:18px 22px 24px; }
.report_reason { display:flex; flex-wrap:wrap; gap:14px 26px; }
.report_reason label { display:flex; align-items:center; color:#555; font-size:15px; line-height:1.2; cursor:pointer; }
.report_reason input[type="radio"] { margin:0 6px 0 0; }

.report_textarea { margin-top:18px; }
.report_textarea textarea { width:100%; height:122px; padding:16px; border:1px solid #d7d7d7; border-radius:10px; resize:none; box-sizing:border-box; color:#333; font-size:15px; }

.report_btn_area { margin-top:14px; }
.report_btn_submit { width:100%; height:54px; border:0; border-radius:10px; background:#00953f; color:#fff; font-size:20px; font-weight:700; cursor:pointer; }

@media all and (max-width:600px) {
	.report_pop { width:calc(100% - 32px); max-width:none; border-radius:18px; }
	.report_pop_head { padding:18px 52px 12px 18px; }
	.report_pop_head h3 { font-size:20px; }
	.report_pop_body { padding:16px 18px 20px; }
	.report_reason { gap:12px 18px; }
	.report_reason label { font-size:14px; }
	.report_textarea textarea { height:110px; font-size:14px; }
	.report_btn_submit { height:48px; font-size:18px; }
}
/*공통알럿 	-----*/
.cm_pop_wrap { position:fixed; top:0; left:0; z-index:9999; width:100%; height:100%; }
.cm_pop_dim { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); }

.cm_alert_pop { position:absolute; top:50%; left:50%; width:100%; max-width:390px; padding:0; border-radius:22px; background:#fff; transform:translate(-50%, -50%); box-sizing:border-box; overflow:hidden; }
.cm_alert_close { position:absolute; top:18px; right:18px; width:32px; height:32px; border:0; background:none; cursor:pointer; }
.cm_alert_close:before, .cm_alert_close:after { content:""; position:absolute; top:50%; left:50%; width:18px; height:2px; background:#444; }
.cm_alert_close:before { transform:translate(-50%, -50%) rotate(45deg); }
.cm_alert_close:after { transform:translate(-50%, -50%) rotate(-45deg); }

.cm_alert_body { padding:72px 24px 28px; text-align:center; }
.cm_alert_msg { margin:0; color:#444; font-size:20px; font-weight:500; line-height:1.5; letter-spacing:-0.04em; }

.cm_alert_btns { display:flex; gap:4px; padding:0 24px 24px; }
.cm_alert_btn { flex:1; height:54px; border-radius:10px; font-size:20px; font-weight:700; cursor:pointer; }
.cm_alert_btn_ok { border:0; background:#00953f; color:#fff; }
.cm_alert_btn_cancel { border:1px solid #d7d7d7; background:#f7f7f7; color:#666; }

.blind { overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); }

@media all and (max-width:600px) {
	.cm_alert_pop { width:calc(100% - 32px); max-width:300px; border-radius:18px; }
	.cm_alert_close { top:14px; right:14px; }
	.cm_alert_body { padding:60px 18px 22px; }
	.cm_alert_msg { font-size:18px; }
	.cm_alert_btns { padding:0 18px 18px; }
	.cm_alert_btn { height:48px; font-size:18px; }
}
/*	-----팝업*/



/*-------------------
회원서비스
---------------------*/
.sub_login { width:100%; padding:80px 20px; box-sizing:border-box; }
.login_inner { max-width:300px; margin:0 auto; }

.login_title { margin:0 0 28px; color:#2f3133; font-size:34px; font-weight:700; line-height:1.2; letter-spacing:-0.04em; text-align:center; }

.login_form { width:100%; }

.login_input + .login_input { margin-top:8px; }
.login_input input { width:100%; height:54px; padding:0 16px; border:1px solid #cfd7d4; border-radius:12px; background:#eef2f0; color:#333; font-size:15px; box-sizing:border-box; }
.login_input input::placeholder { color:#9a9a9a; }

.login_btns { margin-top:8px; }
.login_btns button { width:100%; height:54px; border:0; border-radius:12px; font-size:15px; font-weight:700; cursor:pointer; letter-spacing: -0.04em; box-sizing:border-box; }
.login_btns .btn_login { background:#00953f; color:#fff; }
.login_btns .btn_kakao { position:relative; margin-top:8px; background:#f6e300; color:#3b1e1e; line-height: 30px; }
.login_btns .btn_kakao i { display:inline-block; width: 30px; margin-right: 5px}
.login_btns .btn_kakao i img{ width: 100%; height: auto;}
.login_btns .btn_login:hover{ background: #000;}
.login_btns .btn_kakao:hover{ background: #c69f01;}

.login_link { display:flex; align-items:center; justify-content:space-between; margin-top:18px; }
.login_link a { color:#666; font-size:14px; line-height:1.2; letter-spacing:-0.03em; white-space:nowrap; }
.login_link a:hover{ color: #000; text-decoration: underline;}

@media all and (max-width:900px) {
	.sub_login { min-height:auto; padding:56px 16px 70px; }
	.login_inner { max-width:280px; }
	.login_title { margin-bottom:22px; font-size:28px; }
	.login_input input { height:50px; border-radius:10px; font-size:14px; }
	.login_btns button { height:50px; border-radius:10px; font-size:14px; }
	.login_btns .btn_kakao i { width: 20px; margin:0px 3px 0 0}
	.login_btns .btn_kakao i img{  margin-top: 6px;}
	.login_link { margin-top:13px; }
	.login_link a { font-size:12px; }
}

@media all and (max-width:380px) {
	.sub_login { padding:40px 12px 56px; }
	.login_inner { max-width:100%; }
	.login_title { margin-bottom:18px; font-size:24px; }
	.login_input input { height:46px; padding:0 14px; border-radius:8px; }
	.login_btns button { height:46px; border-radius:8px; }
	.login_btns .btn_kakao:before { width:18px; height:16px; margin:-8px 0 0 -58px; }
	.login_link { gap:12px; flex-wrap:wrap; justify-content:center; }
}


/* 아이디/비밀번호 찾기  */
.sub_find { width:100%; padding:80px 20px; box-sizing:border-box; }
.find_inner { max-width:400px; margin:0 auto; }
.find_tab { display:flex; margin-bottom:20px; }
.find_tab button { flex:1; height:55px; background:none; border:0; color:#999; border-bottom:1px solid #dcdcdc; font-size:18px; font-weight:500; cursor:pointer; position:relative; letter-spacing: -0.05em; }
.find_tab button.on {color:#00953f;  font-weight:700;  border:1px solid #dcdcdc;  border-bottom:1px solid #fff;}
.find_auth { display:flex; gap:8px; margin-top:8px; }
.find_auth .login_input { flex:1; }
.find_auth .login_input + .login_input { margin-top:0; }

.find_auth .btn_auth { flex:0 0 72px; height:54px; border:0; border-radius:12px; background:#2f3133; color:#fff; font-size:15px; font-weight:700; cursor:pointer; }
.find_auth .btn_auth:hover { background:#000; }

.sub_find_result { width:100%; padding:80px 20px; box-sizing:border-box; }
.find_result_box { padding:20px 20px 20px 20px; border-radius:16px; background:#eef2f0; text-align:center; }
.result_icon { margin-bottom:18px; }
.result_icon img { width:85px; height:auto; }
.result_txt { color:#666; font-size:16px; line-height:1.6; letter-spacing: -0.03em; }
.result_txt strong { display:inline-block; color:#00953f; font-size:20px; font-weight:700; }
.result_btns { display:flex; gap:8px; margin-top:20px; }
.result_btns .btn { flex:1; height:48px; border-radius:10px; font-size:14px; font-weight:700; line-height:48px; text-align:center; box-sizing:border-box; }

.result_btns .btn.gray { background:#3b3b3b; color:#fff; }
.result_btns .btn.green { background:#00953f; color:#fff; }

.result_btns .btn:hover { background:#000; color:#fff; }


@media all and (max-width:900px) {
	.sub_find { min-height:auto; padding:56px 16px 70px; }
	.find_inner { max-width:300px; }
	.find_tab { margin-bottom:12px; }
	.find_tab button { height:40px; font-size:14px; }

	.find_auth .btn_auth { height:50px; border-radius:10px; font-size:14px; }

	.sub_find_result { padding:56px 16px 70px; }

	.find_result_box { padding:32px 16px; }
	.result_icon img { width:50px; }

	.result_txt { font-size:14px; }
	.result_txt strong { font-size:18px; }

	.result_btns .btn { height:44px; line-height:44px; font-size:13px; }
}

@media all and (max-width:380px) {
	.sub_find { padding:40px 12px 56px; }
	.find_tab button { height:38px; font-size:13px; }
	.find_auth { gap:6px; }
	.find_auth .btn_auth { flex:0 0 64px; height:46px; border-radius:8px; font-size:13px; }
	.sub_find_result { padding:40px 12px 56px; }
	.find_result_box { padding:28px 14px; }
	.result_btns { flex-direction:column; }
	.result_btns .btn { width:100%; }
}


/*회원가입 */
.join_terms { display:flex; justify-content:space-between; gap:40px; margin-top:26px; }
.join_terms_col { flex:1; min-width:0; }

.join_terms_title { margin:0 0 18px; color:#222; font-size:24px; font-weight:700; line-height:1.2; letter-spacing:-0.04em; }

.join_terms_box { height:420px; padding:0; border-radius:16px; background:#eef2f0; overflow-y:auto; box-sizing:border-box; }
.join_terms_box .policy_box { padding:26px 24px; border-radius:0; background:none; }
.join_terms_box .policy_box p { font-size:16px; line-height:1.8; }
.join_terms_box .policy_box .policy_date { margin-top:22px; }

.join_terms_box .policy_sec { margin:0 24px; padding:28px 0; border-top:1px solid #dcdcdc; }
.join_terms_box .policy_cont > .policy_sec:first-child { margin-top:0; }
.join_terms_box .policy_sec h3 { margin:0 0 14px; font-size:20px; }
.join_terms_box .policy_sec h4 { margin:20px 0 8px; font-size:15px; }
.join_terms_box .policy_sec p,
.join_terms_box .policy_sec li { font-size:15px; line-height:1.8; }

.join_terms_chk { display:flex; align-items:center; gap:10px; margin-top:22px; }
.join_terms_chk input[type="checkbox"] { flex:0 0 auto; width:18px; height:18px; margin:0; accent-color:#00953f; cursor:pointer; }
.join_terms_chk label { color:#333; font-size:16px; line-height:1.4; letter-spacing:-0.03em; cursor:pointer; }

.join_btn_area { display:flex; justify-content:flex-end; margin-top:44px; }
.btn_join_next { min-width:360px; height:58px; padding:0 24px; border:0; border-radius:14px; background:#00953f; color:#fff; font-size:22px; font-weight:700; letter-spacing:-0.04em; cursor:pointer; box-sizing:border-box; }
.btn_join_next:hover { background:#000; }

@media all and (max-width:900px) {
	.sub_join { min-height:auto; padding:56px 16px 70px; }
	.join_terms { flex-direction:column; gap:26px; margin-top:22px; }
	.join_terms_title { margin-bottom:14px; font-size:20px; }

	.join_terms_box { height:280px; border-radius:12px; }
	.join_terms_box .policy_box { padding:20px 18px; }
	.join_terms_box .policy_box p { font-size:14px; line-height:1.7; }
	.join_terms_box .policy_box .policy_date { margin-top:18px; }

	.join_terms_box .policy_sec { margin:0 18px; padding:20px 0; }
	.join_terms_box .policy_sec h3 { margin-bottom:10px; font-size:18px; }
	.join_terms_box .policy_sec h4 { margin:16px 0 8px; font-size:14px; }
	.join_terms_box .policy_sec p,
	.join_terms_box .policy_sec li { font-size:14px; line-height:1.7; }

	.join_terms_chk { margin-top:16px; }
	.join_terms_chk label { font-size:14px; }

	.join_btn_area { margin-top:30px; }
	.btn_join_next { width:100%; min-width:0; height:52px; font-size:18px; border-radius:12px; }
}

@media all and (max-width:480px) {
	.sub_join { padding:40px 12px 56px; }
	.join_terms { gap:22px; margin-top:18px; }
	.join_terms_title { margin-bottom:12px; font-size:18px; }

	.join_terms_box { height:220px; border-radius:10px; }
	.join_terms_box .policy_box { padding:16px 14px; }
	.join_terms_box .policy_box p { font-size:13px; }
	.join_terms_box .policy_sec { margin:0 14px; padding:16px 0; }
	.join_terms_box .policy_sec h3 { font-size:16px; }
	.join_terms_box .policy_sec h4 { font-size:13px; }
	.join_terms_box .policy_sec p,
	.join_terms_box .policy_sec li { font-size:13px; }

	.join_terms_chk { gap:8px; margin-top:12px; }
	.join_terms_chk input[type="checkbox"] { width:16px; height:16px; }
	.join_terms_chk label { font-size:13px; }

	.join_btn_area { margin-top:24px; }
	.btn_join_next { height:46px; font-size:16px; border-radius:10px; }
}



.join_step2_wrap { display:flex; justify-content:space-between; gap:70px; margin-top:24px; }
.join_step2_col { flex:1; min-width:0; }

.join_step2_title { margin:0 0 16px; color:#222; font-size:24px; font-weight:700; line-height:1.2; letter-spacing:-0.04em; }

.join_form_box { border-top:3px solid #00953f; border-bottom:3px solid #00953f; }
.join_form_row { display:flex; align-items:flex-start; min-height:74px; border-top:1px solid #dcdcdc; }
.join_form_row:first-child { border-top:0; }

.join_form_th { flex:0 0 130px; padding:20px 14px 0 0; color:#333; font-size:18px; font-weight:500; line-height:1.3; letter-spacing:-0.05em; }
.join_form_td { flex:1; padding:8px 0; font-size:18px; font-weight:500; line-height:1.3; letter-spacing:-0.05em;}
.join_form_td.profile_txt{ padding-top: 20px;}
.txt_color1{ color:#00953f; font-weight: 700;}

.join_form_td input[type="text"],
.join_form_td input[type="password"] { width:100%; height:54px; padding:0 14px; border:1px solid #cfd7d4; border-radius:12px; background:#eef2f0; color:#333; font-size:15px; box-sizing:border-box; }
.join_form_td input::placeholder { color:#9a9a9a; }

.join_input_btn { display:flex; align-items:center; gap:10px; }
.join_input_btn input { flex:1; min-width:0; }

.btn_dark { flex:0 0 auto; min-width:136px; height:54px; padding:0 18px; border:0; border-radius:12px; background:#333; color:#fff; font-size:15px; font-weight:700; cursor:pointer; box-sizing:border-box; }
.btn_dark:hover { background:#000; }

/* 프로필 */
.join_profile_area { display:flex; align-items:center; gap:18px; min-height:70px; }
.join_profile_thumb { position:relative; flex:0 0 72px; width:72px; height:72px; border:1px solid #cfd7d4; border-radius:50%; background:#eef2f0; }
.join_profile_file { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }

.join_file_btn input { overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); }
.join_file_btn label { display:inline-flex; align-items:center; justify-content:center; min-width:82px; height:44px; padding:0 16px; border:0; border-radius:10px; background:#333; color:#fff; font-size:14px; font-weight:700; cursor:pointer; box-sizing:border-box; }
.join_file_btn label:hover { background:#000; }

.join_file_name { display:inline-flex; align-items:center; gap:8px; color:#666; font-size:14px; line-height:1.2; }
.join_file_name .file_del { position:relative; width:22px; height:22px; border:0; border-radius:50%; background:#ddd; cursor:pointer; }
.join_file_name .file_del:before,
.join_file_name .file_del:after { content:""; position:absolute; top:50%; left:50%; width:10px; height:1px; background:#555; }
.join_file_name .file_del:before { transform:translate(-50%, -50%) rotate(45deg); }
.join_file_name .file_del:after { transform:translate(-50%, -50%) rotate(-45deg); }


/* 첨부파일 */
.file-text{ display:inline-flex; align-items:center; gap:8px; color:#666; font-size:14px; line-height:1.2; }
.file-text > .file{ white-space:normal !important; }
.file-text > .fileDel{ position:relative; width:22px; height:22px; border:0; border-radius:50%; background:#ddd; cursor:pointer;}
.file-text > .fileDel:before,
.file-text > .fileDel:after { content:""; position:absolute; top:50%; left:50%; width:10px; height:1px; background:#555; }
.file-text > .fileDel:before { transform:translate(-50%, -50%) rotate(45deg); }
.file-text > .fileDel:after { transform:translate(-50%, -50%) rotate(-45deg)}

/* 전화번호 */
.join_tel { display:flex; gap:8px; }
.join_tel input { flex:0 0 calc((100% - 16px) / 3); width:calc((100% - 16px) / 3); }

/* 주소 */
.join_addr_top { display:flex; gap:8px; }
.join_addr_top input.zip { flex:0 0 80px; width:80px; }
.join_addr_top .btn_dark { min-width:132px; }

.join_addr_bottom { display:flex; gap:8px; margin-top:8px; }
.join_addr_bottom input { flex:1; min-width:0; }


.join_radio { display:flex; align-items:center; gap:36px; min-height:54px; }
.join_radio.st2{min-height:34px}
.join_radio label { display:flex; align-items:center; gap:8px; color:#333; font-size:16px; line-height:1.2; cursor:pointer; }
.join_radio input[type="radio"] { margin:0; accent-color:#00953f; }


.join_step2_btn { display:flex; justify-content:flex-end; margin-top:28px; }
.btn_join_submit { min-width:360px; height:58px; padding:0 24px; border:0; border-radius:14px; background:#00953f; color:#fff; font-size:22px; font-weight:700; letter-spacing:-0.04em; cursor:pointer; box-sizing:border-box; }
.btn_join_submit:hover { background:#000; }

@media all and (max-width:1050px) {
	.join_step2_wrap { flex-direction:column; gap:40px;	}
}
@media all and (max-width:900px) {
	.sub_join_step2 { min-height:auto; padding:28px 16px 70px; }
	.join_step2_wrap { flex-direction:row; gap:34px; margin-top:22px; }

	.join_step2_title { margin-bottom:12px; font-size:20px; }

	.join_form_row { flex-direction:column; min-height:0; padding:12px 0; }
	.join_form_th { flex:0 0 auto; width:100%; padding:0 0 10px; font-size:14px; }
	.join_form_td { width:100%; padding:0; }
	.join_form_td.profile_txt{ padding-top: 0px; font-size: 14px;}
	.join_form_td input[type="text"],
	.join_form_td input[type="password"] { height:45px; border-radius:6px; font-size:14px; }

	.btn_dark { min-width:120px; height:50px; border-radius:10px; font-size:14px; }

	.join_profile_area { gap:14px; }
	.join_profile_thumb { flex:0 0 64px; width:64px; height:64px; background-size:cover;}
	.read_profile_big { width:64px; height:64px; font-size:30px;}
	.read_profile_big_img { width:64px; height:64px; font-size:30px;}
	.join_file_btn label { height:40px; border-radius:8px; font-size:13px; }

	.join_radio { gap:24px; min-height:50px; }
	.join_radio label { font-size:14px; }

	.join_step2_btn { margin-top:24px; }
	.btn_join_submit { width:100%; min-width:0; height:52px; font-size:18px; border-radius:12px; }
}

@media all and (max-width:750px) {
	.join_step2_wrap {flex-direction:column; gap:40px;	}
}
@media all and (max-width:380px) {
	.join_step2_title { font-size:16px; }
}


/*-------------------
마이페이지
---------------------*/
/* 활동량*/
.level_layout { display:flex; gap:50px; margin-top:30px ; }
.level_my { flex:0 0 360px; }
.level_my_box { position:relative;	padding:40px 20px; border-radius:20px; background:#fff; box-shadow:0 4px 20px rgba(0,0,0,0.08); text-align:center;}
.level_my_tit { margin:0; font-size:20px; color:#333; letter-spacing: -0.05em; }
.level_my_point { margin:0px 0 10px; font-size:34px; color:#00953f; font-weight:400; line-height: 1.1; }
.level_my_point strong{ font-size: 40px; font-weight: 800;}
.level_my_badge img { max-width:220px; width:100%; height:auto;}
.level_table_wrap { flex:1; max-width: 850px; margin-left:auto;}
.level_table { width:100%; border-top:3px solid #00953f; border-collapse:collapse; border-bottom:1px solid #e5e5e5;}
.level_table th,
.level_table td { padding:18px 10px; text-align:center; border-top:1px solid #e5e5e5;	 font-size:18px;}
.level_table td{border-left:1px solid #e5e5e5;}
.level_table td.bleftn{ border-left-color:#fff ;}
.level_table th { font-weight:700; background:#fafafa;}
.level_table td img { width:32px; height:auto;}
.level_table td:first-child { font-weight:500;}
.level_table tr td[rowspan] { vertical-align:middle; font-weight:700;}

@media all and (max-width:900px) {
.level_layout { margin-top:15px ; }
.level_my { flex:0 0 200px; }
.level_my_box {	padding:20px 20px; border-radius:12px; box-shadow:0 3px 15px rgba(0,0,0,0.08);}

.level_my_tit {font-size:14px;}
.level_my_point { margin:0px 0 6px; font-size:20px; }
.level_my_point strong{ font-size: 30px;}
.level_my_badge img { max-width:100px; }
.level_table {border-top:2px solid #00953f; }
.level_table th,
.level_table td { padding:10px 6px; font-size:14px;}
.level_table td img { width: 25px; height:auto;}
}
@media all and (max-width:700px) {
.level_layout { gap:30px; }
}
@media all and (max-width:500px) {
.level_layout {	flex-direction:column; }
.level_my {flex:none;	}
.level_my_badge img { max-width:80px;}
.level_table_wrap { margin-left:0; width: 100%;}
}

/*즐겨찾기*/
.favorite_list { border-top:3px solid #00953f; margin-top:30px ; }
.favorite_list > li { border-bottom:1px solid #dcdcdc; }
.favorite_item { display:flex; align-items:center; min-height:88px; }
.favorite_num { flex:0 0 100px; padding-right:0px; color:#333; font-size:18px; font-weight:500; line-height:1.2; text-align:center; box-sizing:border-box; }
.favorite_move { display:flex; align-items:center; gap:6px; flex:0 0 138px; padding:0 22px; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; box-sizing:border-box; }
.favorite_move button { position:relative; width:46px; height:46px; border:1px solid #cfd7d4; border-radius:12px; background:#eef2f0; cursor:pointer; }
.favorite_move button:before { content:""; position:absolute; top:50%; left:50%; width:0; height:0; margin-left:-6px; }
.favorite_move button:hover{ background-color:#dcdcdc;}
.favorite_move .btn_down:before { margin-top:-3px; border-left:7px solid transparent; border-right:7px solid transparent; border-top:9px solid #00953f; }
.favorite_move .btn_up:before { margin-top:-6px; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:9px solid #00953f; }

.favorite_name { flex:1; min-width:0; padding:0 30px; color:#333; font-size:20px; font-weight:500; line-height:1.4; letter-spacing:-0.03em; box-sizing:border-box; }
.favorite_name span{font-family: 'GmarketSansMedium'; padding: 0 10px;}
.favorite_del { flex:0 0 120px; display:flex; justify-content:flex-end; padding-left:20px; }
.favorite_del button { min-width:72px; height:46px; padding:0 18px; border:1px solid #d1d1d1; border-radius:12px; background:#fff; color:#555; font-size:16px; font-weight:500; cursor:pointer; box-sizing:border-box; }
.favorite_del button:hover { background:#000; border-color:#000; color:#fff; }

@media all and (max-width:900px) {
.favorite_list { border-top:2px solid #00953f; margin-top:15px ; }
.favorite_item { min-height:60px; }
.favorite_num { flex:0 0 60px; font-size:13px;}
.favorite_move { gap:4px; flex:0 0 60px; padding:0 10px; }
.favorite_move button { width:25px; height:25px; border-radius:6px; }
.favorite_move button:before { margin-left:-5px; }
.favorite_move .btn_down:before { margin-top:-2px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:7px solid #00953f; }
.favorite_move .btn_up:before { margin-top:-4px; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:7px solid #00953f; }

.favorite_name { flex:1; min-width:0; padding:0 10px 0 15px; font-size:14px;  }
.favorite_name span{padding: 0 5px;}

.favorite_del { flex:0 0 40px;padding-left:10px; }
.favorite_del button { min-width:40px; height:25px; padding:0 8px; border-radius:6px; font-size:12px;  }
}
@media all and (max-width:400px) {
.favorite_num { flex:0 0 40px; font-size:12px;}
.favorite_name { padding:0 5px 0 8px; letter-spacing: -0.05em; }
}

/*관심회원*/
.follow_list_wrap { margin-top:30px; border-top:3px solid #00953f; }

.follow_head,
.follow_item { display:flex; align-items:center; }

.follow_head { min-height:60px; border-bottom:1px solid #333; text-align: center !important;}
.follow_list > li { border-bottom:1px solid #dcdcdc; }
.follow_item { min-height:88px; }

.follow_col { box-sizing:border-box; }
.follow_col.num { flex:0 0 120px; padding:0 16px; text-align:center; font-size:16px; color:#333; border-right:1px solid #dcdcdc;}
.follow_col.writer { flex:1; min-width:0; padding:0 5px 0 28px;  }
.follow_col.count { flex:0 0 230px; padding:0 5px; border-left:1px solid #dcdcdc; text-align:center; font-size:16px; color:#333; }
.follow_col.date { flex:0 0 200px; padding:0 5px; border-left:1px solid #dcdcdc; text-align:center; font-size:16px; color:#333; }
.follow_col.move { flex:0 0 180px; padding:0 5px; border-left:1px solid #dcdcdc; text-align:center; }
.follow_col.del { flex:0 0 130px; padding:0 5px; border-left:1px solid #dcdcdc; text-align:center; }
.follow_col.meta{ font-size: 11px; margin-top: 2px; display: none; letter-spacing: -0.04em;}
.follow_col.meta .count{ padding-right: 10px;}
.follow_col.meta span{ display:inline-block;}
.follow_head .follow_col { color:#333; font-size:16px; font-weight:500; }

.follow_writer { display:flex; align-items:center; gap:10px; min-width:0; }
.follow_level { flex:0 0 auto; width:34px; height:34px; display:inline-flex; align-items:center; justify-content:center; }
.follow_level img { display:block; width:100%; height:100%; object-fit:contain; }
.follow_profile { flex:0 0 auto; width:30px; height:30px; border-radius:50%; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; background:#8acb62; color:#fff; font-size:20px; font-weight:700; line-height:1; }
.follow_profile img { display:block; width:100%; height:100%; object-fit:cover; }
.follow_name { overflow:hidden; color:#333; font-size:18px; font-weight:500; line-height:1.2; white-space:nowrap; text-overflow:ellipsis; }

.btn_line_gray,
.btn_line_white { min-width:90px; height:40px; padding:0 10px; border-radius:10px; font-size:15px; font-weight:500; cursor:pointer; box-sizing:border-box; }
.btn_line_gray { border:1px solid #cfd7d4; background:#eef2f0; color:#444; }
.btn_line_white { border:1px solid #d1d1d1; background:#fff; color:#555; width: 60px; min-width:auto; }
.btn_line_gray:hover,
.btn_line_white:hover { background:#000; border-color:#000; color:#fff; }

.follow_bottom { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-top:30px; }
.follow_search { display:flex; align-items:center; gap:6px; }
.follow_search select,
.follow_search input { height:46px; border:1px solid #cfd7d4; border-radius:10px; background:#eef2f0; color:#666; font-size:15px; padding:0 14px; box-sizing:border-box; }
.follow_search select { min-width:116px; appearance:none; background:#eef2f0 url("../images/common/ico_select_arrow.png") no-repeat right 12px center / 10px; }
.follow_search input { width:186px; }
.follow_search .btn_search { min-width:68px; height:46px; border:0; border-radius:10px; background:#00953f; color:#fff; font-size:16px; font-weight:700; cursor:pointer; }
@media all and (max-width:1160px) {	
.follow_col.num { flex:0 0 80px; }
.follow_col.count { flex:0 0 130px;}
.follow_col.date { flex:0 0 130px;}
.follow_col.move { flex:0 0 150px;}
}

@media all and (max-width:900px) {
.follow_list_wrap { margin-top:15px; border-top:2px solid #00953f; }
.follow_head { min-height:45px;}
.follow_item { min-height:40px; }
.follow_col.num { flex:0 0 50px; padding:0 5px; font-size:12px;}
.follow_col.writer { flex:1; min-width:0; padding:0 3px 0 10px; }
.follow_col.count { flex:0 0 70px; padding:0 2px; font-size:12px; }
.follow_col.date { flex:0 0 80px; padding:0 2px; font-size:12px; }
.follow_col.move { flex:0 0 70px; padding:0 2px;}
.follow_col.del { flex:0 0 50px; padding:0 2px; }
.follow_head .follow_col { font-size:12px; }
.follow_writer {  gap:5px; }
.follow_level {width:24px; height:24px }
.follow_profile {width:20px; height:20px; font-size:13px; }
.follow_name { font-size:13px; }
.btn_line_gray,
.btn_line_white { min-width:50px; height:24px; padding:0 3px; border-radius:5px; font-size:12px; }
.btn_line_white { width:36px; min-width: 20px;  }
.btn_line_gray:hover,
.btn_line_white:hover { background:#000; border-color:#000; color:#fff; }

.follow_bottom { gap:10px; margin-top:15px; }
}

@media all and (max-width:460px) {
.follow_head{ display: none;}
.follow_col.num { flex:0 0 40px;}
.follow_col.writer {padding:5px 3px 5px 10px; }
.follow_col.meta{ display: block;}
.follow_col.count { display: none; }
.follow_col.date { display: none; }
.follow_col.move { flex:0 0 55px; padding:0 0px; border: none;}
.follow_col.del { flex:0 0 40px; padding:0 0px; border: none;}
}


/*회원탈퇴*/
.withdraw_box { display:flex; justify-content:space-between; gap:60px; margin-top:30px; padding:74px 80px; border-radius:26px; background:#eef2f0; box-sizing:border-box; }

.withdraw_txt { flex:1; min-width:0; color:#333; }
.withdraw_txt h3 { margin:0; color:#333; font-size:28px; font-weight:700; line-height:1.4; letter-spacing:-0.04em; word-break:keep-all}
.withdraw_txt p { margin:12px 0 0; font-size:16px; line-height:2; letter-spacing:-0.03em; word-break:keep-all }
.withdraw_txt p.space { margin-top:34px; }

.withdraw_form { flex:0 0 360px; }
.withdraw_input + .withdraw_input { margin-top:8px; }
.withdraw_input input { width:100%; height:56px; padding:0 16px; border:1px solid #cfd7d4; border-radius:12px; background:#fff; color:#333; font-size:16px; box-sizing:border-box; }
.withdraw_input input::placeholder { color:#9a9a9a; }
.withdraw_input input[readonly],
.withdraw_input input[value] { color:#00953f; font-weight:700; }

.withdraw_btn { margin-top:8px; }
.withdraw_btn button { width:100%; height:58px; border:0; border-radius:12px; background:#666; color:#fff; font-size:18px; font-weight:700; letter-spacing:-0.04em; cursor:pointer; box-sizing:border-box; }
.withdraw_btn button:hover { background:#000; }
@media all and (max-width:900px) {
.withdraw_box { gap:30px; margin-top:15px; padding:35px 40px; border-radius:14px; }
.withdraw_txt h3 { font-size:18px; }
.withdraw_txt p { margin:8px 0 0; font-size:13px; }
.withdraw_txt p.space { margin-top:20px; }

.withdraw_form { flex:0 0 280px; }
.withdraw_input + .withdraw_input { margin-top:4px; }
.withdraw_input input { height:44px; padding:0 10px; border-radius:8px; font-size:14px;}
.withdraw_btn { margin-top:5px; }
.withdraw_btn button { height:48px; border:0; border-radius:8px; font-size:15px; }

}
@media all and (max-width:720px) {
.withdraw_form { flex:0 0 200px; }
}
@media all and (max-width:550px) {
.withdraw_box { lex-direction:column; align-items:center;}
.withdraw_txt { width:100%;}
.withdraw_form { width:260px; margin:0 auto;}
}


/*-------------------
안내페이지
---------------------*/

.policy_title { margin:0 0 24px; color:#222; font-size:32px; font-weight:700; line-height:1.2; letter-spacing:-0.04em; }

.policy_cont { color:#444; }

.policy_box { padding:28px 30px; border-radius:18px; background:#eef2f0; }
.policy_box p { margin:0; font-size:16px; line-height:1.9; letter-spacing:-0.03em; }
.policy_box p + p { margin-top:2px; }
.policy_box .policy_date { margin-top:26px; }

.policy_sec { padding:34px 0; border-top:1px solid #e3e3e3; }
.policy_cont > .policy_sec:first-child { margin-top:34px; border-top-color:#fff}
.policy_sec h3 { margin:0 0 16px; color:#222; font-size:20px; font-weight:700; line-height:1.3; letter-spacing:-0.04em; }
.policy_sec h4 { margin:24px 0 10px; color:#222; font-size:16px; font-weight:700; line-height:1.3; letter-spacing:-0.03em; }
.policy_sec p { margin:0; color:#444; font-size:15px; line-height:1.9; letter-spacing:-0.03em; }
.policy_sec p + p { margin-top:4px; }
.policy_sec ul { margin:8px 0 0; padding:0; list-style:none; }
.policy_sec li { color:#444; font-size:15px; line-height:1.9; letter-spacing:-0.03em; }

.border_top_none{ border-top:none !important}

@media all and (max-width:900px) {
	.policy_title { margin-bottom:18px; font-size:26px; }
	.policy_box { padding:20px 18px; border-radius:14px; }
	.policy_box p { font-size:14px; line-height:1.8; }
	.policy_box .policy_date { margin-top:18px; }
	.policy_sec { padding:24px 0; }
	.policy_cont > .policy_sec:first-child { margin-top:24px; }
	.policy_sec h3 { margin-bottom:12px; font-size:18px; }
	.policy_sec h4 { margin:18px 0 8px; font-size:15px; }
	.policy_sec p,
	.policy_sec li { font-size:14px; line-height:1.8; }
}

@media all and (max-width:480px) {
	.policy_title { font-size:22px; }
	.policy_box { padding:16px 14px; border-radius:12px; }
	.policy_box p { font-size:13px; }
	.policy_sec { padding:20px 0; }
	.policy_cont > .policy_sec:first-child { margin-top:20px; }
	.policy_sec h3 { font-size:16px; }
	.policy_sec h4 { font-size:14px; }
	.policy_sec p,
	.policy_sec li { font-size:13px; }
}

/*---------------------*/

.level_popup_dim { display:none; position:fixed; top:0; left:0; z-index:9998; width:100%; height:100%; background:rgba(0,0,0,0.65); }

.level_popup { display:none; position:fixed; top:50%; left:50%; z-index:9999; width:100%; max-width:360px; transform:translate(-50%, -50%); }

.level_popup_in { position:relative; margin:0 16px; border-radius:24px; background:#fff; box-sizing:border-box; overflow:hidden; }

.level_popup_close { position:absolute; top:20px; right:20px; width:28px; height:28px; border:0; background:none; cursor:pointer; }
.level_popup_close:before,
.level_popup_close:after { content:""; position:absolute; top:50%; left:50%; width:22px; height:3px; background:#444; border-radius:2px; }
.level_popup_close:before { transform:translate(-50%, -50%) rotate(45deg); }
.level_popup_close:after { transform:translate(-50%, -50%) rotate(-45deg); }

.level_popup_cont { padding:42px 24px 24px; text-align:center; }

.level_popup_icon { position:relative; width:96px; height:96px; margin:0 auto; }
.level_popup_level { display:block; width:96px; height:96px; }
.level_popup_level img { display:block; width:100%; height:100%; object-fit:contain; }

.level_popup_profile { position:absolute; right:-4px; bottom:0px; width:34px; height:34px; border-radius:50%; overflow:hidden; display:flex; align-items:center; justify-content:center; background:#8acb62; color:#fff; font-size:24px; font-weight:700; line-height:1; }
.level_popup_profile img { display:block; width:100%; height:100%; object-fit:cover; }

.level_popup_name { margin:18px 0 0; color:#333; font-size:22px; font-weight:700; line-height:1.2; letter-spacing:-0.04em; }
.level_popup_count { margin:10px 0 0; color:#666; font-size:16px; line-height:1.4; letter-spacing:-0.03em; }

.level_popup_btns { display:flex; gap:6px; margin-top:24px; }
.level_popup_btns button { flex:1; height:50px; padding:0 10px; border-radius:12px; font-size:15px; font-weight:700; letter-spacing:-0.03em; cursor:pointer; box-sizing:border-box; }

.level_popup_btns .btn_follow_add { border:1px solid #00953f; background:#00953f; color:#fff; }
.level_popup_btns .btn_level_view { border:1px solid #d1d1d1; background:#fff; color:#555; }
.level_popup_btns .btn_level_view2 { border:1px solid #d1d1d1; background:#fff; color:#555; }


.level_popup_btns .btn_follow_add:hover,
.level_popup_btns .btn_level_view:hover { background:#000; border-color:#000; color:#fff; }
.level_popup_btns .btn_level_view2:hover { background:#000; border-color:#000; color:#fff; }

.blind { overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); }

@media all and (max-width:900px) {
	.level_popup { max-width:332px; }
	.level_popup_in { border-radius:20px; }
	.level_popup_close { top:16px; right:16px; width:24px; height:24px; }
	.level_popup_close:before,
	.level_popup_close:after { width:18px; height:2px; }

	.level_popup_cont { padding:34px 18px 20px; }
	.level_popup_icon { width:84px; height:84px; }
	.level_popup_level { width:84px; height:84px; }
	.level_popup_profile { width:30px; height:30px; font-size:20px; }

	.level_popup_name { margin-top:14px; font-size:18px; }
	.level_popup_count { margin-top:8px; font-size:14px; }

	.level_popup_btns { margin-top:20px; }
	.level_popup_btns button { height:44px; border-radius:10px; font-size:13px; }
}

@media all and (max-width:480px) {
	.level_popup { max-width:300px; }
	.level_popup_in { margin:0 12px; border-radius:18px; }
	.level_popup_cont { padding:30px 16px 18px; }
	.level_popup_icon { width:76px; height:76px; }
	.level_popup_level { width:76px; height:76px; }
	.level_popup_profile { width:28px; height:28px; font-size:18px; }
	.level_popup_name { font-size:16px; }
	.level_popup_count { font-size:13px; }
	.level_popup_btns { flex-direction:column; gap:8px; }
	.level_popup_btns button { width:100%; }
}

.m0auto{margin:0 auto !important;}
.youtube-wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding-bottom: 56.25%; /* 16:9 비율 */
    height: 0;
    overflow: hidden;
}


.youtube-box.shorts{max-width:600px;/*margin:0 auto;*/}
.youtube-box.watch{}
.youtube-box.youtube{max-width:100%; width:100%;<!--margin:0 auto;-->}

.youtube-wrap.shorts{padding-bottom: 177.78%;}
.youtube-wrap.watch{padding-bottom: 56.25%;}
.youtube-wrap.youtube{padding-bottom: 56.25%;}

.youtube-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

button[type=button]{cursor:pointer}
.hidden{display:none;}
.cursor{ cursor:pointer;}

.btn-favorite{width:24px;height:24px; vertical-align:middle; border:none; background:url(/images/all/star.png) center top no-repeat; background-size:20px auto;}
.btn-favorite.on{background:url(/images/all/star-on.png) center top no-repeat;background-size:20px auto;}
@media all and (max-width:900px) {
	.btn-favorite{background-size:18px auto;}
	.btn-favorite.on{background-size:18px auto;}
}

.level_profile{ overflow:hidden;position:absolute;left:50%;top:260px;width:100px;margin-left:40px;height:100px; border:1px solid #cfd7d4; border-radius:100%; font-weight:500; font-size:60px; color:#ffffff; line-height:100px; background:#8acb62;}
.level_profile > img{display: block;width:100%;height:100%;object-fit: cover;}
@media all and (max-width:900px) {
	.level_profile{ top:140px; width:40px;height:40px; margin-left:20px;font-size:24px;line-height:40px;}
}
@media all and (max-width:500px) {
	.level_profile{ top:125px; margin-left:15px;}
}

.dn{display:none;}