@charset "utf-8";

/* 모바일 목록 */
@media all and (max-width:767px) {
	.responsive #bo_list .float-left.float-md-none {
		margin-right:1.0rem;
	}
	.responsive #bo_list .na-title {
		margin-bottom:0.14rem;
	}
}

/* 게시판 읽기 */
#bo_v_title {
	font-size:23px;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:-1px;
}
#bo_v_con {
	min-height:200px; 
	word-break:break-all;
	overflow:hidden
}
@media all and (max-width:575px) {
	.responsive #bo_v_title {
		font-size:20px;
		line-height:1.5;
	}
	.responsive #bo_v_con { 
		min-height:140px; 
	}
}

#bo_v_con img {
	max-width:100%;
	height:auto
}
#bo_v_img {
	width:100%;
	text-align:center;
	overflow:hidden;
	zoom:1;
}
#bo_v_img:after {
	display:block;
	visibility:hidden;
	clear:both;
	content:"";
}
#bo_v_img a.view_image {
	display:block;
}
#bo_v_img img {
	margin-bottom:1.0rem;
}

/* 게시판 읽기 : SNS 공유 */
#bo_v_sns_icon { 
	margin:-5px auto; 
}
#bo_v_sns_icon img { 
	width:40px; 
	border-radius:50%; 
	margin:5px;
}

/* 게시판 댓글 : 내용 */
.cmt-reply {
	top:0;
	left:-16px;
}
.by-writer { 
	background:#fbefef !important;
	border-top:1px solid #f6cece !important;
}
.cmt-content {
	word-break:break-all;
	overflow:hidden
}
.cmt-content img {
	max-width:100%;
	height:auto
}

/* 게시판 댓글 : 대댓글, 수정, 삭제 */
.cmt-btn ul { 
	list-style: none; 
	margin: 0; 
}
.cmt-btn ul > li { 
	float: left; 
	font-size:12px;
	padding: 0 10px; 
}
.cmt-btn ul > li::before { 
	float: left; 
	color:#ccc; 
	content: "|"; 
	margin-left:-12px;
}
.cmt-btn ul > li:last-child { 
	padding-right:0;
}
.cmt-btn ul > li:first-child::before, 
.cmt-btn ul > li.no-bar::before { 
	content: ""; 
	margin-left:0; 
}
.cmt-btn ul > li > a { 
	float:left;
	color:#888;
	white-space:nowrap;	
}

/* 게시판 댓글 : 쓰기폼 */
#fviewcomment #wr_content { 
	resize:none; 
}
@media all and (max-width:575px) {
	.responsive .cmt-box {
		border-right:0 !important;
	}
	.responsive #bo_vc_w .cmt-box {
		border-left:0 !important;
		border-radius:0 !important;
	}
	.responsive #bo_vc_login {
		border-left:0 !important;
		border-right:0 !important;
		border-radius:0 !important;
	}
}

/* 게시판 댓글 : SNS 등록 */
#bo_vc_opt ol {	
	margin:0;
	padding:0;
	list-style:none;
	zoom:1; 
	background:#ccc;
	border-radius:3px;
}
#bo_vc_opt ol:after { 
	display:block;
	visibility:hidden;
	clear:both;
	content:""; 
}
#bo_vc_opt ol li { 
	float:left;
	margin:0; 
}
#bo_vc_send_sns ul { 
	margin:0;
	padding:0;
	list-style:none;
	zoom:1; 
}
#bo_vc_send_sns ul:after { 
	display:block;
	visibility:hidden;
	clear:both;
	content:""; 
}
#bo_vc_send_sns ul li {	
	float:left;
	margin:0 1.0rem 0 0;
}
#bo_vc_send_sns input {	
	margin:0 0 0 0.5rem;
}

/* 게시판 쓰기 */
#bo_w .list-group-item {
	padding-left:0;
	padding-right:0;
	border-left:0;
	border-right:0;
}
#bo_w #wr_content { 
	margin-bottom:1.0rem !important;
}
@media all and (max-width:575px) {
	#bo_w .list-group-item {
		padding-left:1.0rem;
		padding-right:1.0rem;
	}
	.responsive #bo_w #wr_content {
		max-height:160px !important;
	}
}

/* =========================================================
   GGONGPLAY BOARD LIST V1
   Scope: .gp-board-list only
   Main/theme/header/footer styles are untouched.
   ========================================================= */

.gp-board-list{
	--gp-navy:#0b111a;
	--gp-lime:#b7ff16;
	--gp-bg:#f5f7f8;
	--gp-line:#e6eaee;
	--gp-muted:#7b8794;
	--gp-text:#17202b;
	color:var(--gp-text);
}

/* Top controls */
.gp-board-list #bo_btn_top{
	margin:0 0 14px !important;
	padding:0 2px;
}
.gp-board-list #bo_list_total{
	font-size:13px;
	color:var(--gp-muted);
}
.gp-board-list #bo_list_total strong{
	display:inline-block;
	margin-left:5px;
	font-size:18px;
	line-height:1;
	color:var(--gp-navy);
	font-weight:800;
}
.gp-board-list .gp-board-total-unit{
	margin-left:2px;
	color:#596574;
}
.gp-board-list .gp-board-page{
	display:inline-block;
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #dfe4e8;
	color:#98a1ab;
}
.gp-board-list #bo_btn_top .btn_b01,
.gp-board-list #bo_btn_top .btn_admin{
	background:#fff !important;
	border:1px solid #dfe4e8 !important;
	color:#5e6976 !important;
	border-radius:8px !important;
	box-shadow:none !important;
}
.gp-board-list #bo_btn_top .btn_b01:hover,
.gp-board-list #bo_btn_top .btn_admin:hover{
	background:#f7f9fa !important;
	color:var(--gp-navy) !important;
}
.gp-board-list .gp-write-btn{
	padding:7px 13px !important;
	border:1px solid var(--gp-navy) !important;
	border-radius:8px !important;
	background:var(--gp-navy) !important;
	color:#fff !important;
	font-size:12px;
	font-weight:700;
	box-shadow:none !important;
}
.gp-board-list .gp-write-btn i{
	color:var(--gp-lime);
	margin-right:3px;
}

/* Search */
.gp-board-list #bo_search .alert{
	background:#fff !important;
	border:1px solid var(--gp-line) !important;
	border-radius:12px;
	box-shadow:0 6px 18px rgba(11,17,26,.04);
}
.gp-board-list #bo_search .form-control,
.gp-board-list #bo_search .custom-select{
	height:40px;
	border-color:#dde3e8;
	border-radius:8px;
	font-size:13px;
}
.gp-board-list #bo_search .input-group .form-control{
	border-radius:8px 0 0 8px;
}
.gp-board-list #bo_search .btn-primary{
	background:var(--gp-navy) !important;
	border-color:var(--gp-navy) !important;
	color:var(--gp-lime) !important;
}

/* Main list shell */
.gp-board-list .gp-board-card{
	overflow:hidden;
	margin-bottom:20px !important;
	background:#fff;
	border:1px solid var(--gp-line);
	border-radius:14px;
	box-shadow:0 8px 24px rgba(11,17,26,.045);
}
.gp-board-list .gp-board-card > .d-block.d-md-none.bg-primary{
	display:none !important;
}
.gp-board-list .gp-board-card .na-table{
	margin:0 !important;
}
.gp-board-list .gp-board-card .na-table-head,
.gp-board-list .gp-board-card .list-head{
	background:#f7f9fa !important;
	border:0 !important;
	color:#53606d;
	font-size:12px;
	font-weight:700;
}
.gp-board-list .gp-board-card .na-table-head > div,
.gp-board-list .gp-board-card .list-head > div{
	padding-top:13px !important;
	padding-bottom:13px !important;
	border-bottom:1px solid var(--gp-line);
}
.gp-board-list .gp-board-card ul.na-table{
	list-style:none;
	padding:0;
}
.gp-board-list .gp-board-card ul.na-table > li{
	background:#fff !important;
	border-color:#edf0f2 !important;
	transition:background-color .15s ease;
}
.gp-board-list .gp-board-card ul.na-table > li:hover{
	background:#fbfcfc !important;
}
.gp-board-list .gp-board-card ul.na-table > li > div{
	padding-top:14px !important;
	padding-bottom:14px !important;
}

/* Subject */
.gp-board-list .na-subject{
	color:#17202b !important;
	font-size:14px;
	font-weight:600;
	text-decoration:none !important;
}
.gp-board-list .na-subject:hover{
	color:#111 !important;
}
.gp-board-list .na-title .na-item{
	display:flex;
	align-items:center;
	min-width:0;
	gap:7px;
}
.gp-board-list .na-title .na-info{
	flex:0 0 auto;
}
.gp-board-list .count-plus{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:20px;
	height:20px;
	padding:0 6px;
	border-radius:10px;
	background:#eef2f4;
	color:#596574 !important;
	font-size:10px;
	font-weight:700;
}

/* Notice / new */
.gp-board-list .gp-notice-badge,
.gp-board-list .gp-new-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:20px;
	padding:0 7px;
	border-radius:5px;
	font-family:Arial,sans-serif;
	font-size:9px;
	line-height:20px;
	font-weight:800;
	letter-spacing:.35px;
	vertical-align:1px;
}
.gp-board-list .gp-notice-badge{
	background:var(--gp-navy);
	color:var(--gp-lime);
}
.gp-board-list .gp-new-badge{
	margin-right:3px;
	background:rgba(183,255,22,.16);
	color:#669600;
	border:1px solid rgba(128,190,0,.22);
}

/* Metadata */
.gp-board-list .gp-board-card .text-muted{
	color:#7c8792 !important;
}
.gp-board-list .gp-board-card .f-sm{
	font-size:12px !important;
}
.gp-board-list .gp-board-card a{
	text-decoration:none;
}

/* Pagination */
.gp-board-list .pagination{
	gap:4px;
}
.gp-board-list .pagination .page-link{
	min-width:34px;
	height:34px;
	padding:7px 9px;
	border:1px solid #e0e5e9;
	border-radius:8px !important;
	background:#fff;
	color:#596574;
	font-size:12px;
	text-align:center;
	box-shadow:none;
}
.gp-board-list .pagination .page-item.active .page-link,
.gp-board-list .pagination .page-link:hover{
	border-color:var(--gp-navy);
	background:var(--gp-navy);
	color:var(--gp-lime);
}

/* Empty state */
.gp-board-list .gp-board-card > .text-center{
	border:0 !important;
	padding:65px 20px !important;
	color:#9aa3ac !important;
}

/* Mobile: title-first card rows */
@media all and (max-width:767px){
	.gp-board-list{
		margin-left:0;
		margin-right:0;
	}
	.gp-board-list #bo_btn_top{
		padding:0 10px;
		margin-bottom:10px !important;
	}
	.gp-board-list #bo_list_total strong{
		font-size:16px;
	}
	.gp-board-list .gp-board-page{
		display:none;
	}
	.gp-board-list .gp-board-card{
		border-radius:12px;
		margin-left:0;
		margin-right:0;
	}
	.gp-board-list .gp-board-card ul.na-table > li{
		position:relative;
		padding:14px 14px 12px !important;
	}
	.gp-board-list .gp-board-card ul.na-table > li > div{
		padding-top:0 !important;
		padding-bottom:0 !important;
	}
	.gp-board-list .na-title{
		float:none !important;
		width:100%;
		margin:0 0 9px !important;
	}
	.gp-board-list .na-title .na-item{
		display:block;
		line-height:1.55;
	}
	.gp-board-list .na-subject{
		display:inline;
		font-size:14px;
		font-weight:700;
		line-height:1.55;
	}
	.gp-board-list .gp-new-badge,
	.gp-board-list .gp-notice-badge{
		margin-right:5px;
	}
	.gp-board-list .gp-board-card .float-right,
	.gp-board-list .gp-board-card .float-left{
		float:none !important;
		display:inline-block !important;
		width:auto !important;
		margin-right:10px;
		padding-left:0 !important;
		color:#8a949e !important;
		font-size:11px !important;
	}
	.gp-board-list .gp-board-card .float-right{
		color:#596574 !important;
	}
	.gp-board-list .gp-board-card .float-left i{
		margin-right:3px;
		color:#a8b0b8;
	}
	.gp-board-list #bo_search .alert{
		margin-left:10px !important;
		margin-right:10px !important;
	}
}

/* Very small screens */
@media all and (max-width:420px){
	.gp-board-list #bo_btn_top .gp-write-btn{
		padding:7px 10px !important;
	}
	.gp-board-list .gp-board-card ul.na-table > li{
		padding-left:12px !important;
		padding-right:12px !important;
	}
}


/* =========================================================
   GGONGPLAY BOARD LIST V2
   번호 | 제목 | 꽁머니 금액 | 지급 조건 | 등록일 | 조회
   ========================================================= */

/* PC: 전체 컬럼 중앙 정렬 + 제목 한 줄 말줄임 */
@media all and (min-width:768px){
	.gp-board-list .gp-board-card .na-table-head > div,
	.gp-board-list .gp-board-card ul.na-table > li > div{
		text-align:center !important;
		vertical-align:middle !important;
	}

	.gp-board-list .gp-col-num{width:7%;}
	.gp-board-list .gp-col-title{width:39%;}
	.gp-board-list .gp-col-money{width:15%;}
	.gp-board-list .gp-col-condition{width:18%;}
	.gp-board-list .gp-col-date{width:12%;}
	.gp-board-list .gp-col-hit{width:9%;}

	.gp-board-list .gp-title-wrap,
	.gp-board-list .gp-title-wrap .na-item{
		float:none !important;
		width:100%;
		min-width:0;
		display:flex !important;
		align-items:center;
		justify-content:center;
	}

	.gp-board-list .gp-subject{
		display:flex !important;
		align-items:center;
		justify-content:center;
		min-width:0;
		max-width:100%;
		text-align:center !important;
	}

	.gp-board-list .gp-subject-text{
		display:block;
		min-width:0;
		max-width:100%;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}

	.gp-board-list .gp-money{
		display:inline-block;
		color:#679800;
		font-size:14px;
		font-weight:800;
		white-space:nowrap;
	}

	.gp-board-list .gp-condition{
		display:block;
		max-width:100%;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		color:#566270;
	}

	.gp-board-list .gp-col-date,
	.gp-board-list .gp-col-hit{
		color:#7b8794;
	}
}

/* 모바일: 제목은 최대 2줄, 나머지는 정보형으로 */
@media all and (max-width:767px){
	.gp-board-list .gp-board-card ul.na-table > li{
		display:grid !important;
		grid-template-columns:1fr auto;
		gap:7px 12px;
		padding:15px 14px !important;
	}

	.gp-board-list .gp-col-num{
		display:none !important;
	}

	.gp-board-list .gp-col-title{
		grid-column:1 / -1;
		width:100% !important;
		margin:0 !important;
		text-align:left !important;
	}

	.gp-board-list .gp-title-wrap,
	.gp-board-list .gp-title-wrap .na-item{
		width:100%;
		min-width:0;
		display:block !important;
	}

	.gp-board-list .gp-subject{
		display:flex !important;
		align-items:flex-start;
		width:100%;
		min-width:0;
		font-size:14px;
		line-height:1.45;
		text-align:left !important;
	}

	.gp-board-list .gp-subject-text{
		display:-webkit-box;
		overflow:hidden;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
		line-clamp:2;
		white-space:normal;
	}

	.gp-board-list .gp-col-money,
	.gp-board-list .gp-col-condition,
	.gp-board-list .gp-col-date,
	.gp-board-list .gp-col-hit{
		display:flex !important;
		align-items:center;
		gap:6px;
		width:auto !important;
		margin:0 !important;
		padding:0 !important;
		font-size:11px !important;
		text-align:left !important;
		color:#7b8794 !important;
	}

	.gp-board-list .gp-col-money,
	.gp-board-list .gp-col-condition{
		grid-column:1 / -1;
	}

	.gp-board-list .gp-col-date{
		grid-column:1;
	}

	.gp-board-list .gp-col-hit{
		grid-column:2;
		justify-self:end;
	}

	.gp-board-list .gp-mobile-label{
		display:inline-flex !important;
		align-items:center;
		justify-content:center;
		flex:0 0 auto;
		min-width:42px;
		height:21px;
		padding:0 7px;
		border-radius:6px;
		background:#f0f3f5;
		color:#7c8792;
		font-size:9px;
		font-weight:700;
	}

	.gp-board-list .gp-money{
		color:#679800;
		font-size:13px;
		font-weight:800;
	}

	.gp-board-list .gp-condition{
		color:#55616e;
		font-size:11px;
	}
}

/* 글쓰기 추가 필드 */
.gp-extra-field .form-control{
	border-color:#dfe4e8;
	border-radius:8px;
}
.gp-extra-field .form-control:focus{
	border-color:#9bcf21;
	box-shadow:0 0 0 .15rem rgba(183,255,22,.12);
}


/* =========================================================
   GGONGPLAY WRITE FORM V3
   카드형 글쓰기 + 금액/조건 선택형 UI
   ========================================================= */

.gp-write-board{
	--gp-navy:#0b111a;
	--gp-lime:#b7ff16;
	--gp-bg:#f5f7f8;
	--gp-line:#e4e9ed;
	--gp-muted:#7b8794;
	--gp-text:#18212b;
	max-width:100%;
	margin:0 auto 34px !important;
	color:var(--gp-text);
}

.gp-write-board .gp-write-hero{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	margin:0 0 16px;
	padding:24px 26px;
	background:var(--gp-navy);
	border-radius:14px;
	color:#fff;
	box-shadow:0 10px 28px rgba(11,17,26,.08);
}
.gp-write-board .gp-write-eyebrow{
	display:block;
	margin-bottom:7px;
	color:var(--gp-lime);
	font-size:10px;
	font-weight:800;
	letter-spacing:1.3px;
}
.gp-write-board .gp-write-hero h3{
	margin:0 0 6px;
	font-size:22px;
	line-height:1.25;
	font-weight:800;
	letter-spacing:-.6px;
}
.gp-write-board .gp-write-hero p{
	margin:0;
	color:#aeb8c4;
	font-size:12px;
}
.gp-write-board .gp-write-hero-badge{
	flex:0 0 auto;
	padding:8px 11px;
	border:1px solid rgba(183,255,22,.32);
	border-radius:999px;
	color:var(--gp-lime);
	font-size:9px;
	font-weight:800;
	letter-spacing:1px;
}

.gp-write-board > form > .list-group{
	display:block;
	margin-bottom:16px !important;
}
.gp-write-board .gp-legacy-write-title{
	display:none !important;
}
.gp-write-board .list-group-item{
	border:0;
}
.gp-write-board .gp-form-options,
.gp-write-board .gp-basic-card,
.gp-write-board .gp-content-card,
.gp-write-board .gp-link-card,
.gp-write-board .gp-file-card{
	margin-bottom:14px;
	padding:22px 24px;
	background:#fff;
	border:1px solid var(--gp-line);
	border-radius:14px;
	box-shadow:0 6px 22px rgba(11,17,26,.035);
}
.gp-write-board .gp-form-options{
	padding:13px 18px;
}
.gp-write-board .gp-form-options .form-group{
	align-items:center;
}
.gp-write-board .gp-form-options .col-form-label{
	color:#66717d;
	font-size:11px;
	font-weight:700;
}

.gp-write-board .gp-form-section-head{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:14px;
	margin-bottom:20px;
	padding-bottom:15px;
	border-bottom:1px solid #edf0f2;
}
.gp-write-board .gp-form-section-head > div{
	display:flex;
	align-items:center;
	gap:9px;
}
.gp-write-board .gp-form-section-head span{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:27px;
	height:27px;
	border-radius:8px;
	background:var(--gp-navy);
	color:var(--gp-lime);
	font-family:Arial,sans-serif;
	font-size:10px;
	font-weight:800;
}
.gp-write-board .gp-form-section-head strong{
	font-size:15px;
	font-weight:800;
}
.gp-write-board .gp-form-section-head p{
	margin:4px 0 0;
	color:#929ba5;
	font-size:11px;
	text-align:right;
}

.gp-write-board .gp-field{
	margin-bottom:20px;
}
.gp-write-board .gp-field > label,
.gp-write-board .gp-choice-field > label{
	display:block;
	margin:0 0 9px;
	color:#343f4b;
	font-size:12px;
	font-weight:800;
}
.gp-write-board .gp-field label em{
	margin-left:4px;
	color:#7da900;
	font-size:9px;
	font-style:normal;
}
.gp-write-board .gp-input,
.gp-write-board .form-control,
.gp-write-board .custom-select{
	min-height:42px;
	border:1px solid #dbe1e6;
	border-radius:9px;
	background:#fff;
	box-shadow:none;
	font-size:13px;
}
.gp-write-board .gp-input:focus,
.gp-write-board .form-control:focus,
.gp-write-board .custom-select:focus{
	border-color:#9fcf32;
	box-shadow:0 0 0 .16rem rgba(183,255,22,.12);
}

.gp-write-board .gp-choice-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:22px;
}
.gp-write-board .gp-choice-list{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
}
.gp-write-board .gp-choice{
	appearance:none;
	-webkit-appearance:none;
	min-height:37px;
	padding:8px 12px;
	border:1px solid #dde3e7;
	border-radius:9px;
	background:#f8fafb;
	color:#566270;
	font-size:11px;
	font-weight:700;
	cursor:pointer;
	transition:.16s ease;
}
.gp-write-board .gp-choice:hover{
	border-color:#bac3cb;
	background:#fff;
	color:#17202b;
}
.gp-write-board .gp-choice.active{
	border-color:var(--gp-navy);
	background:var(--gp-navy);
	color:#fff;
	box-shadow:0 4px 12px rgba(11,17,26,.10);
}
.gp-write-board .gp-choice.active::before{
	content:"✓";
	margin-right:5px;
	color:var(--gp-lime);
	font-weight:900;
}
.gp-write-board .gp-custom-choice{
	margin-top:9px;
}
.gp-write-board .gp-custom-choice .gp-input{
	width:100%;
}

.gp-write-board .gp-content-card #wr_content,
.gp-write-board .gp-content-card textarea{
	min-height:320px !important;
	border-color:#dbe1e6 !important;
	border-radius:10px !important;
}
.gp-write-board .gp-content-card .text-center.en{
	margin-top:10px;
}
.gp-write-board .gp-content-card .text-center.en .btn{
	border-radius:8px;
}

.gp-write-board .gp-link-card .form-group,
.gp-write-board .gp-file-card .form-group{
	align-items:flex-start;
}
.gp-write-board .gp-link-card .col-form-label,
.gp-write-board .gp-file-card .col-form-label{
	padding-top:9px;
	color:#4d5965;
	font-size:11px;
	font-weight:800;
}
.gp-write-board .gp-link-card .form-control,
.gp-write-board .gp-file-card .form-control{
	min-height:40px;
}

.gp-write-board .gp-file-card .btn-basic{
	border:1px solid #dfe4e8;
	border-radius:8px;
	background:#f8fafb;
}

.gp-write-board > form > .px-3{
	margin-top:16px;
	padding-left:0 !important;
	padding-right:0 !important;
}
.gp-write-board .gp-submit-btn,
.gp-write-board .gp-cancel-btn{
	height:48px;
	border-radius:10px;
	font-size:13px;
	font-weight:800;
}
.gp-write-board .gp-submit-btn{
	border-color:var(--gp-navy) !important;
	background:var(--gp-navy) !important;
	color:#fff !important;
}
.gp-write-board .gp-submit-btn:hover{
	color:var(--gp-lime) !important;
}
.gp-write-board .gp-cancel-btn{
	border:1px solid #dce2e7 !important;
	background:#fff !important;
	color:#697581 !important;
}
.gp-write-board .gp-cancel-btn:hover{
	background:#f7f9fa !important;
	color:#17202b !important;
}

/* Remaining optional rows */
.gp-write-board .list-group > .list-group-item:not(.gp-form-options):not(.gp-basic-card):not(.gp-content-card):not(.gp-link-card):not(.gp-file-card):not(.gp-legacy-write-title){
	margin-bottom:10px;
	padding:16px 20px;
	border:1px solid var(--gp-line);
	border-radius:12px;
	background:#fff;
}
.gp-write-board .list-group > .list-group-item .col-form-label{
	color:#4e5a66;
	font-size:11px;
	font-weight:800;
}

@media (max-width:767px){
	.gp-write-board .gp-write-hero{
		margin-left:10px;
		margin-right:10px;
		padding:20px 18px;
		border-radius:12px;
	}
	.gp-write-board .gp-write-hero h3{
		font-size:19px;
	}
	.gp-write-board .gp-write-hero-badge{
		display:none;
	}
	.gp-write-board .gp-write-hero p{
		font-size:11px;
		line-height:1.5;
	}
	.gp-write-board .gp-form-options,
	.gp-write-board .gp-basic-card,
	.gp-write-board .gp-content-card,
	.gp-write-board .gp-link-card,
	.gp-write-board .gp-file-card,
	.gp-write-board .list-group > .list-group-item:not(.gp-legacy-write-title){
		margin-left:10px;
		margin-right:10px;
		padding:18px 15px;
		border-radius:12px;
	}
	.gp-write-board .gp-choice-grid{
		grid-template-columns:1fr;
		gap:18px;
	}
	.gp-write-board .gp-form-section-head{
		display:block;
		margin-bottom:17px;
	}
	.gp-write-board .gp-form-section-head p{
		margin-top:7px;
		text-align:left;
		line-height:1.45;
	}
	.gp-write-board .gp-choice{
		flex:1 1 calc(33.333% - 7px);
		padding-left:8px;
		padding-right:8px;
	}
	.gp-write-board .gp-content-card #wr_content,
	.gp-write-board .gp-content-card textarea{
		min-height:260px !important;
	}
	.gp-write-board > form > .px-3{
		padding-left:10px !important;
		padding-right:10px !important;
	}
}

@media (max-width:420px){
	.gp-write-board .gp-choice{
		flex-basis:calc(50% - 7px);
	}
}


/* =========================================================
   GGONGPLAY WRITE FORM V4
   캐시 새로고침 + 선택값 확인창 + 디자인 개선
   ========================================================= */

.gp-write-board{
	max-width:1100px;
	margin-left:auto !important;
	margin-right:auto !important;
}

.gp-write-board .gp-write-hero{
	position:relative;
	overflow:hidden;
	padding:28px 30px;
	border-radius:16px;
	background:
		radial-gradient(circle at 88% 22%, rgba(183,255,22,.14), transparent 30%),
		#0b111a;
	box-shadow:0 12px 30px rgba(11,17,26,.10);
}
.gp-write-board .gp-write-hero h3{
	font-size:24px;
	font-weight:800;
}
.gp-write-board .gp-write-hero p{
	font-size:13px;
}
.gp-write-board .gp-write-hero-badge{
	border-color:rgba(183,255,22,.35);
	background:rgba(183,255,22,.05);
}

.gp-write-board .gp-basic-card,
.gp-write-board .gp-content-card,
.gp-write-board .gp-link-card,
.gp-write-board .gp-file-card{
	padding:28px;
	border:1px solid #e3e8ec;
	border-radius:16px;
	background:#fff;
	box-shadow:0 8px 24px rgba(11,17,26,.04);
}

.gp-write-board .gp-form-section-head{
	margin-bottom:22px;
	padding-bottom:16px;
}
.gp-write-board .gp-form-section-head strong{
	font-size:16px;
}

.gp-write-board .gp-field > label,
.gp-write-board .gp-choice-field > label{
	margin-bottom:10px;
	font-size:13px;
}

.gp-write-board .gp-input{
	height:46px;
	padding:10px 14px;
	border-radius:10px;
	font-size:13px;
}

.gp-write-board .gp-choice-list{
	gap:8px;
}
.gp-write-board .gp-choice{
	min-width:90px;
	min-height:42px;
	padding:9px 13px;
	border:1px solid #dce2e6;
	border-radius:10px;
	background:#fff;
	color:#53606d;
	font-size:12px;
	font-weight:700;
	box-shadow:0 2px 8px rgba(11,17,26,.025);
	transition:.15s ease;
}
.gp-write-board .gp-choice:hover{
	border-color:#aeb8c1;
	transform:translateY(-1px);
}
.gp-write-board .gp-choice.active{
	border-color:#0b111a !important;
	background:#0b111a !important;
	color:#fff !important;
	box-shadow:0 6px 14px rgba(11,17,26,.14);
}
.gp-write-board .gp-choice.active::before{
	content:"✓";
	margin-right:5px;
	color:#b7ff16;
	font-weight:900;
}

.gp-write-board .gp-choice-preview{
	margin-top:24px;
	padding:16px;
	border:1px solid #dde4e8;
	border-radius:13px;
	background:#f8fafb;
}
.gp-write-board .gp-choice-preview-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:12px;
}
.gp-write-board .gp-choice-preview-head span{
	font-size:12px;
	font-weight:800;
	color:#26313c;
}
.gp-write-board .gp-choice-preview-head small{
	font-size:10px;
	color:#929ca6;
}
.gp-write-board .gp-choice-preview-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:10px;
}
.gp-write-board .gp-preview-item{
	min-height:72px;
	padding:13px 15px;
	border:1px solid #e2e7ea;
	border-radius:10px;
	background:#fff;
}
.gp-write-board .gp-preview-item span{
	display:block;
	margin-bottom:7px;
	font-size:10px;
	font-weight:700;
	color:#8b959f;
}
.gp-write-board .gp-preview-item strong{
	display:block;
	overflow:hidden;
	font-size:15px;
	font-weight:800;
	color:#a0a8b0;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.gp-write-board .gp-preview-item strong.is-selected{
	color:#0b111a;
}
.gp-write-board #gp_preview_money.is-selected{
	color:#679800;
}

.gp-write-board .gp-content-card textarea,
.gp-write-board .gp-content-card #wr_content{
	min-height:360px !important;
	border-radius:10px !important;
}

.gp-write-board .gp-submit-btn,
.gp-write-board .gp-cancel-btn{
	height:50px;
	border-radius:10px;
	font-size:13px;
	font-weight:800;
}

@media(max-width:767px){
	.gp-write-board .gp-write-hero{
		padding:22px 18px;
	}
	.gp-write-board .gp-basic-card,
	.gp-write-board .gp-content-card,
	.gp-write-board .gp-link-card,
	.gp-write-board .gp-file-card{
		padding:20px 16px;
	}
	.gp-write-board .gp-choice-preview-grid{
		grid-template-columns:1fr;
	}
	.gp-write-board .gp-choice-preview-head{
		display:block;
	}
	.gp-write-board .gp-choice-preview-head small{
		display:block;
		margin-top:4px;
	}
	.gp-write-board .gp-choice{
		flex:1 1 calc(33.333% - 8px);
		min-width:0;
	}
}


/* =========================================================
   GGONGPLAY WRITE FORM V5 — SPACING / BREATHING ROOM
   ========================================================= */

/* 페이지 자체 호흡 */
.gp-write-board{
	padding-top:18px;
	padding-bottom:46px;
}

/* 상단 등록 헤더와 폼 사이 */
.gp-write-board .gp-write-hero{
	margin-bottom:24px !important;
	padding:30px 32px !important;
}

/* 옵션 박스 */
.gp-write-board .gp-form-options{
	margin-bottom:24px !important;
	padding:18px 24px !important;
}

/* 모든 주요 카드 간격 */
.gp-write-board .gp-basic-card,
.gp-write-board .gp-content-card,
.gp-write-board .gp-link-card,
.gp-write-board .gp-file-card{
	margin-bottom:26px !important;
	padding:30px 32px !important;
}

/* 섹션 제목 영역 */
.gp-write-board .gp-form-section-head{
	margin-bottom:26px !important;
	padding-bottom:18px !important;
}

/* 기본정보: 제목과 선택 영역 사이 */
.gp-write-board .gp-field{
	margin-bottom:28px !important;
}
.gp-write-board .gp-field > label,
.gp-write-board .gp-choice-field > label{
	margin-bottom:12px !important;
}

/* 금액 / 지급조건 두 영역 간격 */
.gp-write-board .gp-choice-grid{
	gap:30px !important;
}

/* 선택 버튼 내부와 줄 간격 */
.gp-write-board .gp-choice-list{
	gap:10px !important;
}
.gp-write-board .gp-choice{
	min-height:44px !important;
	padding:10px 14px !important;
}

/* 기타 직접입력 */
.gp-write-board .gp-custom-choice{
	margin-top:14px !important;
}

/* 선택 결과창 */
.gp-write-board .gp-choice-preview{
	margin-top:30px !important;
	padding:20px !important;
}
.gp-write-board .gp-choice-preview-head{
	margin-bottom:15px !important;
}
.gp-write-board .gp-choice-preview-grid{
	gap:14px !important;
}
.gp-write-board .gp-preview-item{
	min-height:78px !important;
	padding:15px 17px !important;
}

/* 상세내용 */
.gp-write-board .gp-content-card textarea,
.gp-write-board .gp-content-card #wr_content{
	min-height:390px !important;
}
.gp-write-board .gp-content-card .text-center.en{
	margin-top:16px !important;
}

/* 링크 영역 */
.gp-write-board .gp-link-card .form-group{
	margin-top:4px;
	margin-bottom:14px !important;
}
.gp-write-board .gp-link-card .form-control + .form-control{
	margin-top:10px;
}

/* 첨부파일 영역 */
.gp-write-board .gp-file-card{
	margin-top:-12px !important;
}
.gp-write-board .gp-file-card .form-group{
	margin-bottom:12px !important;
}

/* 하단 버튼과 마지막 카드 사이 */
.gp-write-board > form > .px-3{
	margin-top:30px !important;
	margin-bottom:10px;
}
.gp-write-board .gp-submit-btn,
.gp-write-board .gp-cancel-btn{
	height:52px !important;
}

/* PC에서 화면 양끝에 살짝 안전 여백 */
@media (min-width:768px){
	.gp-write-board{
		padding-left:18px;
		padding-right:18px;
	}
}

/* 모바일은 카드 사이 여백은 살리고 내부 패딩만 적절히 축소 */
@media (max-width:767px){
	.gp-write-board{
		padding-top:12px;
		padding-bottom:34px;
	}
	.gp-write-board .gp-write-hero{
		margin-bottom:18px !important;
		padding:22px 18px !important;
	}
	.gp-write-board .gp-form-options{
		margin-bottom:18px !important;
		padding:16px !important;
	}
	.gp-write-board .gp-basic-card,
	.gp-write-board .gp-content-card,
	.gp-write-board .gp-link-card,
	.gp-write-board .gp-file-card{
		margin-bottom:20px !important;
		padding:21px 17px !important;
	}
	.gp-write-board .gp-form-section-head{
		margin-bottom:21px !important;
		padding-bottom:15px !important;
	}
	.gp-write-board .gp-field{
		margin-bottom:23px !important;
	}
	.gp-write-board .gp-choice-grid{
		gap:22px !important;
	}
	.gp-write-board .gp-choice-preview{
		margin-top:24px !important;
		padding:15px !important;
	}
	.gp-write-board .gp-content-card textarea,
	.gp-write-board .gp-content-card #wr_content{
		min-height:300px !important;
	}
	.gp-write-board .gp-file-card{
		margin-top:0 !important;
	}
	.gp-write-board > form > .px-3{
		margin-top:24px !important;
	}
}


/* =========================================================
   GGONGPLAY VIEW V8 — FULL REBUILD
   ========================================================= */

.gp-view8{
	--v8-bg:#f5f7f8;
	--v8-card:#fff;
	--v8-text:#17212b;
	--v8-muted:#7f8a95;
	--v8-line:#e3e8ec;
	--v8-soft:#f7f9fa;
	--v8-navy:#0b111a;
	--v8-lime:#b7ff16;
	width:100%;
	max-width:none;
	margin:0;
	padding:28px 18px 46px;
	color:var(--v8-text);
	box-sizing:border-box;
}

/* Main article */
.gp-view8 .gp-article-card{
	overflow:visible;
	width:100%;
	margin:0 0 32px;
	border:1px solid var(--v8-line);
	border-radius:14px;
	background:var(--v8-card);
	box-shadow:0 8px 28px rgba(11,17,26,.045);
}

.gp-view8 .gp-article-head{
	padding:32px 36px 0;
}

.gp-view8 .gp-category{
	margin-bottom:8px;
	color:#8a949d;
	font-size:11px;
	font-weight:600;
}

.gp-view8 .gp-article-head h1{
	margin:0;
	color:#111a23;
	font-size:28px;
	line-height:1.45;
	font-weight:800;
	letter-spacing:-.7px;
	word-break:keep-all;
	overflow-wrap:anywhere;
}

.gp-view8 .gp-meta{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0;
	margin-top:16px;
	color:var(--v8-muted);
	font-size:11px;
}
.gp-view8 .gp-meta > span{
	position:relative;
	display:inline-flex;
	align-items:center;
	margin-right:13px;
	padding-right:14px;
}
.gp-view8 .gp-meta > span:not(:last-child)::after{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	width:1px;
	height:10px;
	background:#d9dfe4;
	transform:translateY(-50%);
}
.gp-view8 .gp-meta img{
	width:20px;
	height:20px;
	margin-right:5px;
	border-radius:50%;
}

/* Benefit summary */
.gp-view8 .gp-benefit-summary{
	display:grid;
	grid-template-columns:1fr 1fr;
	margin-top:28px;
	border:1px solid var(--v8-line);
	border-radius:10px;
	background:var(--v8-soft);
}
.gp-view8 .gp-benefit-cell{
	display:flex;
	align-items:center;
	gap:10px;
	min-height:48px;
	padding:12px 18px;
}
.gp-view8 .gp-benefit-cell + .gp-benefit-cell{
	border-left:1px solid var(--v8-line);
}
.gp-view8 .gp-benefit-cell span{
	color:#8a949e;
	font-size:11px;
	font-weight:600;
}
.gp-view8 .gp-benefit-cell strong{
	color:#26313c;
	font-size:13px;
	font-weight:800;
}
.gp-view8 .gp-benefit-cell:first-child strong{
	color:#678f00;
}

/* Body */
.gp-view8 .gp-article-body{
	min-height:0;
	padding:42px 36px 50px;
}
.gp-view8 .view-content{
	color:#28333d;
	font-size:14px;
	line-height:1.9;
	word-break:break-word;
}
.gp-view8 .view-content > :first-child{margin-top:0!important;}
.gp-view8 .view-content > :last-child{margin-bottom:0!important;}
.gp-view8 #bo_v_img{
	margin-bottom:24px;
}
.gp-view8 #bo_v_img img{
	max-width:100%;
	height:auto;
	border-radius:8px;
}
.gp-view8 .gp-tags{
	padding:0 36px 22px;
}

/* Article footer: tools + main actions in one place */
.gp-view8 .gp-article-footer{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	padding:20px 36px 24px;
	border-top:1px solid #edf0f2;
}
.gp-view8 .gp-utility-actions,
.gp-view8 .gp-main-actions{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:7px;
}
.gp-view8 .gp-mini-action,
.gp-view8 .gp-action{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	height:36px;
	padding:0 11px;
	border-radius:8px;
	font-size:11px;
	font-weight:700;
	text-decoration:none!important;
	cursor:pointer;
	box-shadow:none;
}
.gp-view8 .gp-mini-action,
.gp-view8 .gp-action-light{
	border:1px solid #dce2e6;
	background:#fff;
	color:#596571;
}
.gp-view8 .gp-mini-action:hover,
.gp-view8 .gp-action-light:hover{
	border-color:#aeb7bf;
	color:#17212b;
}
.gp-view8 .gp-action-primary{
	border:1px solid var(--v8-navy);
	background:var(--v8-navy);
	color:#fff!important;
}
.gp-view8 .gp-action-primary i{color:var(--v8-lime);}
.gp-view8 .gp-manage-group .dropdown-menu{
	min-width:110px;
	padding:5px;
	border:1px solid var(--v8-line);
	border-radius:9px;
	box-shadow:0 10px 26px rgba(11,17,26,.10);
}
.gp-view8 .gp-manage-group .dropdown-item{
	padding:8px 10px;
	border-radius:6px;
	font-size:11px;
	color:#4c5863;
}

/* Related information */
.gp-view8 .gp-related-card{
	overflow:hidden;
	margin:0 0 36px;
	border:1px solid var(--v8-line);
	border-radius:12px;
	background:#fff;
	box-shadow:0 6px 22px rgba(11,17,26,.03);
}
.gp-view8 .gp-section-title{
	display:flex;
	align-items:center;
	gap:7px;
	padding:18px 22px 14px;
	border-bottom:1px solid #edf0f2;
}
.gp-view8 .gp-section-title strong{
	color:#202a34;
	font-size:14px;
	font-weight:800;
}
.gp-view8 .gp-section-title > span{
	color:#6f7b86;
	font-size:12px;
}
.gp-view8 .gp-related-row,
.gp-view8 .gp-post-nav-row{
	display:grid;
	grid-template-columns:72px minmax(0,1fr) auto;
	align-items:center;
	gap:12px;
	min-height:50px;
	padding:11px 22px;
	border-bottom:1px solid #edf0f2;
	color:#394550;
	text-decoration:none!important;
}
.gp-view8 .gp-related-row:last-child,
.gp-view8 .gp-post-nav-row:last-child{
	border-bottom:0;
}
.gp-view8 .gp-related-label{
	color:#8a949e;
	font-size:11px;
	font-weight:700;
}
.gp-view8 .gp-related-main,
.gp-view8 .gp-post-nav-row strong{
	min-width:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	color:#33404b;
	font-size:12px;
	font-weight:600;
}
.gp-view8 .gp-related-row time,
.gp-view8 .gp-post-nav-row time{
	color:#96a0aa;
	font-size:10px;
	white-space:nowrap;
}
.gp-view8 .gp-post-nav-row:hover{
	background:#fafbfc;
}

/* Comments: one unified area */
.gp-view8 .gp-comments-wrap{
	margin-top:0;
	padding:0;
}
.gp-view8 .gp-comment-title{
	margin-bottom:14px;
	padding:0 2px 12px;
	border-bottom:1px solid var(--v8-line);
}
.gp-view8 .gp-comment-title strong{
	font-size:15px;
}
.gp-view8 .gp-comment-title span{
	color:#678f00;
	font-weight:800;
}

/* Nariya comment output */
.gp-view8 #bo_vc{
	margin:0 0 18px!important;
	padding:22px!important;
	border:1px solid var(--v8-line)!important;
	border-radius:12px!important;
	background:#fff!important;
	box-shadow:0 6px 22px rgba(11,17,26,.03);
}
.gp-view8 #bo_vc_w{
	margin:0!important;
	padding:18px 20px!important;
	border:1px solid var(--v8-line)!important;
	border-radius:12px!important;
	background:#fff!important;
	box-shadow:0 6px 22px rgba(11,17,26,.03);
}
.gp-view8 #bo_vc_w textarea{
	min-height:100px!important;
	padding:13px!important;
	border:1px solid #dce2e6!important;
	border-radius:8px!important;
}
.gp-view8 #bo_vc_w .btn-primary{
	border-color:var(--v8-navy)!important;
	background:var(--v8-navy)!important;
	color:#fff!important;
	border-radius:8px!important;
}

/* Kill legacy bottom action bar if comment template or theme injects one */
.gp-view8 > .clearfix.pt-2.border-top{
	display:none!important;
}

@media(max-width:767px){
	.gp-view8{
		padding:16px 8px 34px;
	}
	.gp-view8 .gp-article-card{
		border-radius:12px;
	}
	.gp-view8 .gp-article-head{
		padding:23px 18px 0;
	}
	.gp-view8 .gp-article-head h1{
		font-size:22px;
	}
	.gp-view8 .gp-meta{
		margin-top:13px;
		font-size:10px;
	}
	.gp-view8 .gp-benefit-summary{
		grid-template-columns:1fr;
		margin-top:21px;
	}
	.gp-view8 .gp-benefit-cell + .gp-benefit-cell{
		border-left:0;
		border-top:1px solid var(--v8-line);
	}
	.gp-view8 .gp-benefit-cell{
		justify-content:space-between;
		min-height:44px;
		padding:10px 13px;
	}
	.gp-view8 .gp-article-body{
		padding:30px 18px 38px;
	}
	.gp-view8 .view-content{
		font-size:13px;
	}
	.gp-view8 .gp-article-footer{
		align-items:flex-start;
		flex-direction:column;
		padding:16px 18px 20px;
	}
	.gp-view8 .gp-main-actions{
		width:100%;
	}
	.gp-view8 .gp-action{
		flex:1 1 auto;
	}
	.gp-view8 .gp-related-card{
		margin-bottom:28px;
	}
	.gp-view8 .gp-section-title{
		padding:16px 16px 12px;
	}
	.gp-view8 .gp-related-row,
	.gp-view8 .gp-post-nav-row{
		grid-template-columns:55px minmax(0,1fr);
		padding:12px 16px;
	}
	.gp-view8 .gp-related-row time,
	.gp-view8 .gp-post-nav-row time{
		display:none;
	}
	.gp-view8 #bo_vc{
		padding:18px 15px!important;
	}
	.gp-view8 #bo_vc_w{
		padding:15px!important;
	}
}


/* =========================================================
   GGONGPLAY VIEW V11 — ACTUAL STRUCTURE FIX
   1) Bootstrap/Nariya 15px gutter correction
   2) comment duplicate title removed in PHP
   3) comment vertical whitespace tightened
   ========================================================= */

/* Page title uses the outer content edge; board skin had an extra ~15px inset.
   Pull all three view sections back to the same exact edge. */
.gp-view8{
	padding-top:8px !important;
	padding-left:0 !important;
	padding-right:0 !important;
}

.gp-view8 .gp-article-card,
.gp-view8 .gp-related-card,
.gp-view8 .gp-comments-wrap{
	width:calc(100% + 30px) !important;
	margin-left:-15px !important;
	margin-right:-15px !important;
	box-sizing:border-box !important;
}

/* Top gap */
.gp-view8 .gp-article-card{
	margin-top:0 !important;
	margin-bottom:24px !important;
}
.gp-view8 .gp-article-head{
	padding-top:24px !important;
}
.gp-view8 .gp-meta{
	margin-top:12px !important;
}
.gp-view8 .gp-benefit-summary{
	margin-top:21px !important;
}
.gp-view8 .gp-article-body{
	padding-top:30px !important;
	padding-bottom:38px !important;
}

/* Related → comments: deliberate but not excessive */
.gp-view8 .gp-related-card{
	margin-bottom:24px !important;
}

/* Our single comment title */
.gp-view8 .gp-comment-title{
	margin:0 0 10px !important;
	padding:0 0 10px !important;
	border-bottom:1px solid #e3e8ec !important;
}

/* Real Nariya comment list: no duplicate heading anymore */
.gp-view8 #viewcomment{
	margin:0 !important;
	padding:0 !important;
}
.gp-view8 .gp-comment-sort{
	margin:0 0 8px !important;
	padding:0 !important;
	font-size:11px;
}

/* Comment list card */
.gp-view8 #bo_vc{
	margin:0 0 14px !important;
	padding:14px 18px !important;
	min-height:0 !important;
}
.gp-view8 #bo_vc_empty{
	margin:0 !important;
	padding:18px 10px !important;
	border-top:0 !important;
}

/* Comment rows */
.gp-view8 #bo_vc article{
	margin-top:0 !important;
	margin-bottom:0 !important;
	padding-top:13px !important;
	padding-bottom:13px !important;
}
.gp-view8 #bo_vc article + article{
	border-top:1px solid #edf0f2;
}

/* Comment write form: closer to list, cleaner */
.gp-view8 #bo_vc_w{
	margin:14px 0 0 !important;
	padding:0 !important;
	border:0 !important;
	background:transparent !important;
	box-shadow:none !important;
}
.gp-view8 #bo_vc_w .gp-cmt-box{
	margin:0 !important;
	padding:14px !important;
	border:1px solid #e3e8ec !important;
	border-radius:10px !important;
	background:#fff !important;
}
.gp-view8 #bo_vc_w .input-group{
	margin-bottom:10px !important;
}
.gp-view8 #bo_vc_w textarea{
	min-height:86px !important;
}
.gp-view8 #bo_vc_w #btn_submit{
	min-width:60px;
}

/* Prevent legacy outer spacing */
.gp-view8 .gp-comments-wrap > #viewcomment{
	margin-top:0 !important;
}

/* mobile shouldn't use desktop negative gutter */
@media(max-width:767px){
	.gp-view8 .gp-article-card,
	.gp-view8 .gp-related-card,
	.gp-view8 .gp-comments-wrap{
		width:100% !important;
		margin-left:0 !important;
		margin-right:0 !important;
	}
	.gp-view8{
		padding-left:0 !important;
		padding-right:0 !important;
	}
	.gp-view8 #bo_vc{
		padding:12px 14px !important;
	}
	.gp-view8 #bo_vc_w .gp-cmt-box{
		padding:12px !important;
	}
}


/* V13: exact Nariya page-title parent removal */
#nt_title{
	display:none !important;
	height:0 !important;
	min-height:0 !important;
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	overflow:hidden !important;
}


/* =========================================================
   GGONGPLAY VIEW V14 — BENEFIT SUMMARY UPGRADE
   ========================================================= */

.gp-view8 .gp-benefit-summary-v14{
	display:grid !important;
	grid-template-columns:1fr 1fr !important;
	gap:0 !important;
	margin-top:24px !important;
	overflow:hidden;
	border:1px solid #e2e7ea !important;
	border-radius:12px !important;
	background:#fff !important;
	box-shadow:0 4px 14px rgba(11,17,26,.025);
}

.gp-view8 .gp-benefit-summary-v14 .gp-benefit-cell{
	display:flex !important;
	align-items:center !important;
	gap:14px !important;
	min-height:86px !important;
	padding:18px 22px !important;
	background:#fff !important;
}

.gp-view8 .gp-benefit-summary-v14 .gp-benefit-cell + .gp-benefit-cell{
	border-left:1px solid #e7ebee !important;
}

.gp-view8 .gp-benefit-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 38px;
	width:38px;
	height:38px;
	border-radius:10px;
	background:#f1f4f6;
	color:#606d78;
	font-size:15px;
}

.gp-view8 .gp-benefit-money .gp-benefit-icon{
	background:rgba(183,255,22,.13);
	color:#6e9800;
}

.gp-view8 .gp-benefit-copy{
	min-width:0;
}

.gp-view8 .gp-benefit-copy span{
	display:block;
	margin-bottom:4px;
	color:#8a949e !important;
	font-size:10px !important;
	font-weight:700 !important;
	letter-spacing:.1px;
}

.gp-view8 .gp-benefit-copy strong{
	display:block;
	margin-bottom:4px;
	color:#1f2a34 !important;
	font-size:18px !important;
	line-height:1.25;
	font-weight:800 !important;
	letter-spacing:-.2px;
}

.gp-view8 .gp-benefit-money .gp-benefit-copy strong{
	color:#679300 !important;
}

.gp-view8 .gp-benefit-copy small{
	display:block;
	color:#a0a8b0;
	font-size:9px;
	line-height:1.3;
}

@media(max-width:767px){
	.gp-view8 .gp-benefit-summary-v14{
		grid-template-columns:1fr !important;
	}
	.gp-view8 .gp-benefit-summary-v14 .gp-benefit-cell{
		min-height:74px !important;
		padding:15px 16px !important;
	}
	.gp-view8 .gp-benefit-summary-v14 .gp-benefit-cell + .gp-benefit-cell{
		border-left:0 !important;
		border-top:1px solid #e7ebee !important;
	}
	.gp-view8 .gp-benefit-icon{
		flex-basis:34px;
		width:34px;
		height:34px;
	}
	.gp-view8 .gp-benefit-copy strong{
		font-size:16px !important;
	}
}


/* =========================================================
   GGONGPLAY BOARD LIST V3 — NO NUMBER / EDGE ALIGN
   번호 열 제거 + 제목/체크박스 앞선 통일
   ========================================================= */

@media (min-width:768px){

	/* 번호열 완전 제거 */
	.gp-board-list .gp-col-num{
		display:none !important;
	}

	/* 5개 컬럼으로 폭 재분배 */
	.gp-board-list .gp-col-title{width:45% !important;}
	.gp-board-list .gp-col-money{width:16% !important;}
	.gp-board-list .gp-col-condition{width:18% !important;}
	.gp-board-list .gp-col-date{width:12% !important;}
	.gp-board-list .gp-col-hit{width:9% !important;}

	/* 제목 열을 기준축으로 사용 */
	.gp-board-list .gp-col-title{
		position:relative !important;
		padding-left:48px !important;
		padding-right:18px !important;
		box-sizing:border-box;
		text-align:center !important;
	}

	/* 헤더의 전체선택 체크박스와 각 행 체크박스의 X축을 동일하게 */
	.gp-board-list .gp-list-check-head,
	.gp-board-list .gp-list-row-check{
		position:absolute !important;
		left:20px !important;
		top:50% !important;
		margin:0 !important;
		transform:translateY(-50%);
	}

	.gp-board-list .gp-list-check-head{
		line-height:1;
	}

	/* 기존 float 영향 제거 */
	.gp-board-list .gp-list-check-head{
		float:none !important;
	}

	/* 제목 콘텐츠는 체크박스 영역을 제외한 가운데 정렬 */
	.gp-board-list .gp-title-wrap,
	.gp-board-list .gp-title-wrap .na-item{
		width:100% !important;
		min-width:0 !important;
		justify-content:center !important;
	}

	.gp-board-list .gp-subject{
		max-width:100% !important;
		justify-content:center !important;
		text-align:center !important;
	}

	/* 헤더/행 좌우 끝선과 높이 통일 */
	.gp-board-list .gp-board-card .na-table-head > div{
		padding-top:15px !important;
		padding-bottom:15px !important;
	}
	.gp-board-list .gp-board-card ul.na-table > li > div{
		padding-top:16px !important;
		padding-bottom:16px !important;
	}

	/* 마지막 조회 열도 오른쪽 패딩 균형 */
	.gp-board-list .gp-col-hit{
		padding-right:14px !important;
	}
}

/* 모바일에서는 원래 번호가 숨겨져 있었으므로 기존 카드형 유지 */
@media (max-width:767px){
	.gp-board-list .gp-list-row-check{
		position:static !important;
		transform:none !important;
		margin-right:6px !important;
	}
}


/* =========================================================
   GGONGPLAY BOARD LIST V4 — WIDER TITLE COLUMN
   제목53 / 금액15 / 조건14 / 등록일10 / 조회8
   ========================================================= */
@media (min-width:768px){
	.gp-board-list .gp-col-title{width:53% !important;}
	.gp-board-list .gp-col-money{width:15% !important;}
	.gp-board-list .gp-col-condition{width:14% !important;}
	.gp-board-list .gp-col-date{width:10% !important;}
	.gp-board-list .gp-col-hit{width:8% !important;}

	/* 긴 제목은 한 줄 유지 + 말줄임 */
	.gp-board-list .gp-title-wrap,
	.gp-board-list .gp-subject{
		min-width:0 !important;
	}
	.gp-board-list .gp-subject{
		overflow:hidden !important;
		white-space:nowrap !important;
		text-overflow:ellipsis !important;
	}
}


/* =========================================================
   GGONGPLAY WRITE COMPACT V1
   이름 / 비밀번호 / E-mail / 홈페이지 / 옵션만 세로 압축
   다른 섹션은 건드리지 않음
   ========================================================= */

.gp-write-board .gp-compact-meta{
	margin-bottom:7px !important;
	padding:10px 18px !important;
	border:1px solid var(--gp-line) !important;
	border-radius:10px !important;
	background:#fff !important;
	box-shadow:none !important;
}

.gp-write-board .gp-compact-meta .form-group{
	min-height:38px;
	align-items:center !important;
}

.gp-write-board .gp-compact-meta .col-form-label{
	padding-top:7px !important;
	padding-bottom:7px !important;
	font-size:11px !important;
	line-height:1.2 !important;
}

.gp-write-board .gp-compact-meta .form-control,
.gp-write-board .gp-compact-meta .custom-select{
	height:38px !important;
	min-height:38px !important;
	padding-top:7px !important;
	padding-bottom:7px !important;
	font-size:12px !important;
	border-radius:8px !important;
}

/* 옵션 줄 */
.gp-write-board .gp-form-options.gp-compact-meta{
	padding:9px 18px !important;
	margin-bottom:14px !important;
}

.gp-write-board .gp-form-options.gp-compact-meta .form-control-plaintext{
	min-height:32px !important;
	padding-top:5px !important;
	padding-bottom:3px !important;
	margin-bottom:0 !important;
}

.gp-write-board .gp-form-options.gp-compact-meta .custom-control{
	margin-top:0 !important;
	margin-bottom:0 !important;
}

/* 모바일도 과하게 높지 않도록 */
@media(max-width:767px){
	.gp-write-board .gp-compact-meta{
		margin-left:10px !important;
		margin-right:10px !important;
		margin-bottom:7px !important;
		padding:9px 13px !important;
		border-radius:10px !important;
	}

	.gp-write-board .gp-compact-meta .form-group{
		min-height:36px;
	}

	.gp-write-board .gp-compact-meta .form-control,
	.gp-write-board .gp-compact-meta .custom-select{
		height:37px !important;
		min-height:37px !important;
	}

	.gp-write-board .gp-form-options.gp-compact-meta{
		padding:9px 13px !important;
		margin-bottom:14px !important;
	}
}


/* =========================================================
   GGONGPLAY WRITE FORM V2
   자동등록방지 정렬 + 선택영역 필수표시
   ========================================================= */

/* 자동등록방지: 라벨/캡차/안내문을 한 덩어리로 정돈 */
.gp-write-board #captcha,
.gp-write-board .captcha{
    margin:0 !important;
}

.gp-write-board .gp-captcha-row,
.gp-write-board li:has(#captcha){
    padding-top:14px !important;
    padding-bottom:14px !important;
}

.gp-write-board #captcha{
    display:flex !important;
    flex-wrap:wrap;
    align-items:center !important;
    gap:6px !important;
}

.gp-write-board #captcha #captcha_img{
    margin:0 !important;
    vertical-align:middle !important;
}

.gp-write-board #captcha #captcha_key{
    height:40px !important;
    margin:0 !important;
    vertical-align:middle !important;
}

.gp-write-board #captcha #captcha_mp3,
.gp-write-board #captcha #captcha_reload{
    width:40px !important;
    height:40px !important;
    margin:0 !important;
}

.gp-write-board #captcha #captcha_info{
    flex:0 0 100%;
    margin:5px 0 0 !important;
    padding:0 !important;
    line-height:1.4 !important;
    font-size:11px !important;
    color:#7c8791 !important;
}

/* 제목 옆 필수표시와 같은 성격의 작은 배지 */
.gp-write-board .gp-required-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-left:7px;
    padding:2px 6px;
    border-radius:5px;
    background:#f1f4f6;
    color:#7a858f;
    font-size:9px;
    line-height:1.4;
    font-weight:700;
    vertical-align:1px;
}

/* 금액/지급조건 제목과 버튼 사이 간격 정돈 */
.gp-write-board .gp-choice-label{
    display:flex;
    align-items:center;
    min-height:20px;
    margin-bottom:10px !important;
}

/* 모바일 캡차는 줄바꿈이 어색하지 않게 */
@media(max-width:767px){
    .gp-write-board #captcha{
        gap:5px !important;
    }
    .gp-write-board #captcha #captcha_key{
        width:92px !important;
    }
}


/* =========================================================
   GGONGPLAY WRITE FORM V3
   옵션/자동등록방지 정렬 + 필수 배지 컬러
   ========================================================= */

/* 필수 배지: 라임 포인트 */
.gp-write-board .gp-required-badge{
    background:#b7ff16 !important;
    color:#17200a !important;
    border:1px solid #a8eb14 !important;
    font-weight:800 !important;
}

/* 옵션: 왼쪽 라벨 150px / 오른쪽 콘텐츠 동일 시작점 */
.gp-write-board .gp-form-options.gp-compact-meta{
    min-height:64px !important;
    padding:10px 18px !important;
}
.gp-write-board .gp-form-options.gp-compact-meta .form-group{
    min-height:42px !important;
    display:flex !important;
    align-items:center !important;
}
.gp-write-board .gp-form-options.gp-compact-meta .col-form-label{
    flex:0 0 150px !important;
    max-width:150px !important;
    width:150px !important;
    padding:0 !important;
}
.gp-write-board .gp-form-options.gp-compact-meta .col-md-10{
    flex:1 1 auto !important;
    max-width:none !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.gp-write-board .gp-form-options.gp-compact-meta .form-control-plaintext{
    min-height:auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
}

/* 자동등록방지 카드: 옵션과 같은 콘텐츠 시작선 */
.gp-write-board li:has(#captcha){
    min-height:76px !important;
    padding:11px 18px !important;
}
.gp-write-board li:has(#captcha) .form-group{
    display:flex !important;
    align-items:flex-start !important;
    min-height:52px !important;
}
.gp-write-board li:has(#captcha) .col-form-label{
    flex:0 0 150px !important;
    max-width:150px !important;
    width:150px !important;
    padding:10px 0 0 !important;
}
.gp-write-board li:has(#captcha) .col-md-10{
    flex:1 1 auto !important;
    max-width:none !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.gp-write-board #captcha{
    justify-content:flex-start !important;
    align-items:center !important;
    gap:6px !important;
}
.gp-write-board #captcha #captcha_info{
    flex-basis:100% !important;
    margin-top:4px !important;
}

/* 모바일에서는 기존 Bootstrap 흐름 유지 */
@media(max-width:767px){
    .gp-write-board .gp-form-options.gp-compact-meta .col-form-label,
    .gp-write-board li:has(#captcha) .col-form-label{
        flex:0 0 100% !important;
        max-width:100% !important;
        width:100% !important;
        padding:0 0 7px !important;
    }
    .gp-write-board .gp-form-options.gp-compact-meta .col-md-10,
    .gp-write-board li:has(#captcha) .col-md-10{
        flex:0 0 100% !important;
        max-width:100% !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
}


/* =========================================================
   GGONGPLAY WRITE FORM V4 - FINAL ALIGNMENT
   옵션 / 자동등록방지 전용 정렬
   ========================================================= */

/* 필수 배지: 눈에 확실히 보이는 꽁플레이 포인트 */
.gp-write-board .gp-required-badge{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin-left:7px !important;
    padding:2px 7px !important;
    min-width:28px !important;
    height:18px !important;
    border:0 !important;
    border-radius:5px !important;
    background:#b7ff16 !important;
    color:#0b111a !important;
    font-size:9px !important;
    line-height:18px !important;
    font-weight:800 !important;
    letter-spacing:-0.2px !important;
    vertical-align:middle !important;
}

/* 두 문제 영역의 카드 크기 */
.gp-write-board .gp-align-row{
    margin-bottom:8px !important;
    padding:12px 18px !important;
    border:1px solid var(--gp-line) !important;
    border-radius:10px !important;
    background:#fff !important;
    box-shadow:none !important;
}

/*
 * Bootstrap row/col 영향을 끊고 직접 2열로 배치.
 * 왼쪽 150 + 간격 20 = 오른쪽 콘텐츠가 카드 내부 170px 지점에서 시작.
 * 위의 이름/비밀번호 입력부 시작선과 맞춤.
 */
.gp-write-board .gp-align-row > .form-group.row{
    display:grid !important;
    grid-template-columns:150px minmax(0, 1fr) !important;
    column-gap:20px !important;
    align-items:center !important;
    min-height:40px !important;
    margin:0 !important;
}

.gp-write-board .gp-align-row > .form-group.row > .col-form-label{
    width:auto !important;
    max-width:none !important;
    flex:none !important;
    margin:0 !important;
    padding:0 !important;
    align-self:center !important;
    color:#3d4852 !important;
    font-size:11px !important;
    line-height:1.3 !important;
    font-weight:700 !important;
}

/* Bootstrap col-sm-10 / col-md-10 너비값 제거 */
.gp-write-board .gp-align-row > .form-group.row > .col-sm-10,
.gp-write-board .gp-align-row > .form-group.row > .col-md-10{
    width:auto !important;
    max-width:none !important;
    flex:none !important;
    margin:0 !important;
    padding:0 !important;
    min-width:0 !important;
}

/* 옵션 HTML 체크박스 */
.gp-write-board .gp-form-options.gp-align-row{
    min-height:66px !important;
}
.gp-write-board .gp-form-options.gp-align-row .form-control-plaintext{
    display:flex !important;
    align-items:center !important;
    min-height:40px !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
}
.gp-write-board .gp-form-options.gp-align-row .custom-control{
    display:inline-flex !important;
    align-items:center !important;
    min-height:40px !important;
    margin:0 14px 0 0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}
.gp-write-board .gp-form-options.gp-align-row .custom-control-label{
    margin:0 !important;
    line-height:24px !important;
}

/* 자동등록방지 */
.gp-write-board .gp-captcha-card{
    min-height:84px !important;
    padding-top:12px !important;
    padding-bottom:12px !important;
}
.gp-write-board .gp-captcha-card > .form-group.row{
    align-items:start !important;
}
.gp-write-board .gp-captcha-card .col-form-label{
    padding-top:12px !important;
}
.gp-write-board .gp-captcha-card #captcha{
    display:grid !important;
    grid-template-columns:auto 90px 40px 40px !important;
    grid-template-rows:40px auto !important;
    gap:5px 6px !important;
    justify-content:start !important;
    align-items:center !important;
    width:max-content !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
}
.gp-write-board .gp-captcha-card #captcha #captcha_img{
    grid-column:1 !important;
    grid-row:1 !important;
    height:40px !important;
    margin:0 !important;
}
.gp-write-board .gp-captcha-card #captcha #captcha_key{
    grid-column:2 !important;
    grid-row:1 !important;
    width:90px !important;
    height:40px !important;
    min-height:40px !important;
    margin:0 !important;
}
.gp-write-board .gp-captcha-card #captcha #captcha_mp3{
    grid-column:3 !important;
    grid-row:1 !important;
}
.gp-write-board .gp-captcha-card #captcha #captcha_reload{
    grid-column:4 !important;
    grid-row:1 !important;
}
.gp-write-board .gp-captcha-card #captcha #captcha_mp3,
.gp-write-board .gp-captcha-card #captcha #captcha_reload{
    width:40px !important;
    height:40px !important;
    margin:0 !important;
}
.gp-write-board .gp-captcha-card #captcha #captcha_info{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    color:#7c8791 !important;
    font-size:10px !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
}

/* 모바일에서는 라벨 위 / 콘텐츠 아래 */
@media(max-width:767px){
    .gp-write-board .gp-align-row > .form-group.row{
        grid-template-columns:1fr !important;
        row-gap:8px !important;
    }
    .gp-write-board .gp-captcha-card .col-form-label{
        padding-top:0 !important;
    }
    .gp-write-board .gp-captcha-card #captcha{
        grid-template-columns:auto minmax(70px,90px) 40px 40px !important;
        width:100% !important;
    }
    .gp-write-board .gp-captcha-card #captcha #captcha_info{
        white-space:normal !important;
    }
}


/* =========================================================
   GGONGPLAY BOARD V7
   PC 게시판 컨테이너 좌우 1.5rem 강제 여백 제거
   ========================================================= */
@media (min-width: 992px) {
    body .responsive .boxed-a.wrapper .nt-container.px-xl-0:has(#bo_list),
    body .responsive .boxed-a.wrapper .nt-container.px-xl-0:has(#bo_v),
    body .responsive .boxed-a.wrapper .nt-container.px-xl-0:has(#bo_w) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}


/* =========================================================
   GGONGPLAY BOARD MOBILE POLISH V2
   원래 한 개의 목록 카드 유지 + 좌우 여백/디테일만 정리
   ========================================================= */
@media (max-width:767px){

    /* 게시판 영역만 좌우 여백 */
    .gp-board-list{
        width:auto !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding-left:12px !important;
        padding-right:12px !important;
        box-sizing:border-box !important;
    }

    /* 상단 컨트롤도 목록 카드와 같은 폭 */
    .gp-board-list #bo_btn_top{
        margin:0 0 12px !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .gp-board-list #bo_search .alert{
        margin-left:0 !important;
        margin-right:0 !important;
    }

    /* 목록 전체를 하나의 흰색 카드로 유지 */
    .gp-board-list .gp-board-card{
        overflow:hidden !important;
        margin-left:0 !important;
        margin-right:0 !important;
        margin-bottom:18px !important;
        padding:0 !important;
        border:1px solid #e1e6ea !important;
        border-radius:13px !important;
        background:#fff !important;
        box-shadow:0 6px 18px rgba(11,17,26,.04) !important;
    }

    .gp-board-list .gp-board-card ul.na-table{
        display:block !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        background:#fff !important;
    }

    /* 각 글은 별도 카드가 아니라 같은 카드 안의 행 */
    .gp-board-list .gp-board-card ul.na-table > li{
        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        gap:8px 12px !important;
        width:100% !important;
        margin:0 !important;
        padding:16px 14px 14px !important;
        border:0 !important;
        border-bottom:1px solid #e9edf0 !important;
        border-radius:0 !important;
        background:#fff !important;
        box-shadow:none !important;
        box-sizing:border-box !important;
    }

    .gp-board-list .gp-board-card ul.na-table > li:last-child{
        border-bottom:0 !important;
    }

    /* 제목 */
    .gp-board-list .gp-col-title{
        grid-column:1 / -1 !important;
        width:100% !important;
        margin:0 0 4px !important;
        padding:0 !important;
        text-align:left !important;
    }

    .gp-board-list .gp-title-wrap,
    .gp-board-list .gp-title-wrap .na-item{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
    }

    .gp-board-list .gp-subject{
        display:flex !important;
        align-items:flex-start !important;
        width:100% !important;
        min-width:0 !important;
        font-size:14px !important;
        line-height:1.5 !important;
        font-weight:800 !important;
        text-align:left !important;
    }

    .gp-board-list .gp-subject-text{
        display:-webkit-box !important;
        min-width:0 !important;
        overflow:hidden !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;
        line-clamp:2 !important;
        white-space:normal !important;
    }

    .gp-board-list .gp-new-badge,
    .gp-board-list .gp-notice-badge{
        flex:0 0 auto !important;
        margin-right:7px !important;
    }

    /* 금액 / 조건 */
    .gp-board-list .gp-col-money,
    .gp-board-list .gp-col-condition{
        grid-column:1 / -1 !important;
        display:flex !important;
        align-items:center !important;
        gap:8px !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        text-align:left !important;
    }

    .gp-board-list .gp-mobile-label{
        min-width:43px !important;
        height:22px !important;
        padding:0 7px !important;
        border-radius:7px !important;
        background:#f0f3f5 !important;
        color:#7b8792 !important;
        font-size:9px !important;
        line-height:22px !important;
        font-weight:700 !important;
    }

    .gp-board-list .gp-money{
        color:#679800 !important;
        font-size:14px !important;
        font-weight:800 !important;
    }

    .gp-board-list .gp-condition{
        color:#566270 !important;
        font-size:11px !important;
    }

    /* 시간/조회수: 하나의 자연스러운 하단 행 */
    .gp-board-list .gp-col-date,
    .gp-board-list .gp-col-hit{
        display:flex !important;
        align-items:center !important;
        width:auto !important;
        margin:4px 0 0 !important;
        padding:10px 0 0 !important;
        border-top:1px solid #edf0f2 !important;
        color:#84909b !important;
        font-size:11px !important;
        line-height:1 !important;
    }

    .gp-board-list .gp-col-date{
        grid-column:1 !important;
        justify-self:stretch !important;
    }

    .gp-board-list .gp-col-hit{
        grid-column:2 !important;
        justify-self:stretch !important;
        justify-content:flex-end !important;
        min-width:58px !important;
    }

    /* 두 칸의 border-top이 끊겨 보이지 않게 간격 제거 */
    .gp-board-list .gp-col-date{
        margin-right:-12px !important;
        padding-right:12px !important;
    }
    .gp-board-list .gp-col-hit{
        margin-left:-12px !important;
        padding-left:12px !important;
    }

    /* 페이지네이션 */
    .gp-board-list .pagination{
        justify-content:center !important;
        gap:5px !important;
        margin-top:18px !important;
    }

    .gp-board-list .pagination .page-link{
        min-width:35px !important;
        height:35px !important;
        padding:0 8px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:9px !important;
        font-size:11px !important;
    }
}

@media (max-width:420px){
    .gp-board-list{
        padding-left:12px !important;
        padding-right:12px !important;
    }
    .gp-board-list .gp-board-card ul.na-table > li{
        padding-left:13px !important;
        padding-right:13px !important;
    }
}


/* =========================================================
   GGONGPLAY BOARD MOBILE POLISH V3
   하단 가로선 제거 + 조건값 가독성 강화
   ========================================================= */
@media (max-width:767px){

    /* 시간/조회수 위 가로선 제거 */
    .gp-board-list .gp-col-date,
    .gp-board-list .gp-col-hit{
        border-top:0 !important;
        padding-top:4px !important;
        margin-top:4px !important;
    }

    /* V2에서 선 연결용으로 넣었던 음수 마진 제거 */
    .gp-board-list .gp-col-date{
        margin-right:0 !important;
        padding-right:0 !important;
    }
    .gp-board-list .gp-col-hit{
        margin-left:0 !important;
        padding-left:0 !important;
    }

    /* 조건값 가독성 강화 */
    .gp-board-list .gp-condition{
        color:#26313b !important;
        font-size:12px !important;
        line-height:1.45 !important;
        font-weight:600 !important;
    }

    /* 값이 '-'일 때도 너무 흐리지 않게 */
    .gp-board-list .gp-col-condition{
        color:#26313b !important;
    }
}


/* =========================================================
   GGONGPLAY VIEW MOBILE V1
   최신 BS4-Basic-List(3) 기준
   PC 유지 / 모바일 보기페이지만 정돈
   ========================================================= */
@media (max-width:767px){

    /* 목록 페이지와 동일한 좌우 리듬 */
    .gp-view8{
        width:auto !important;
        max-width:none !important;
        margin:0 !important;
        padding:14px 12px 30px !important;
        box-sizing:border-box !important;
    }

    /* 메인 글 카드 */
    .gp-view8 .gp-article-card{
        width:100% !important;
        margin:0 0 14px !important;
        border:1px solid #e1e6ea !important;
        border-radius:13px !important;
        box-shadow:0 6px 18px rgba(11,17,26,.04) !important;
    }

    /* 제목 영역 */
    .gp-view8 .gp-article-head{
        padding:20px 16px 0 !important;
    }

    .gp-view8 .gp-article-head h1{
        font-size:20px !important;
        line-height:1.45 !important;
        letter-spacing:-.45px !important;
        word-break:keep-all !important;
    }

    .gp-view8 .gp-meta{
        margin-top:11px !important;
        font-size:9.5px !important;
        line-height:1.4 !important;
    }

    .gp-view8 .gp-meta > span{
        margin-right:9px !important;
        padding-right:10px !important;
    }

    /* 혜택/조건 박스 세로 높이 축소 */
    .gp-view8 .gp-benefit-summary-v14{
        margin-top:18px !important;
        border-radius:10px !important;
        box-shadow:none !important;
    }

    .gp-view8 .gp-benefit-summary-v14 .gp-benefit-cell{
        min-height:66px !important;
        padding:12px 14px !important;
        gap:11px !important;
    }

    .gp-view8 .gp-benefit-icon{
        flex-basis:32px !important;
        width:32px !important;
        height:32px !important;
        border-radius:9px !important;
        font-size:13px !important;
    }

    .gp-view8 .gp-benefit-copy span{
        margin-bottom:2px !important;
        font-size:9px !important;
    }

    .gp-view8 .gp-benefit-copy strong{
        margin-bottom:2px !important;
        font-size:15px !important;
        line-height:1.2 !important;
    }

    .gp-view8 .gp-benefit-copy small{
        font-size:8.5px !important;
    }

    /* 본문: 짧은 글일 때 과도하게 비어 보이지 않게 */
    .gp-view8 .gp-article-body{
        min-height:0 !important;
        padding:28px 16px 32px !important;
    }

    .gp-view8 .view-content{
        min-height:0 !important;
        font-size:13px !important;
        line-height:1.8 !important;
    }

    /* 하단 버튼 */
    .gp-view8 .gp-article-footer{
        gap:12px !important;
        padding:14px 16px 16px !important;
    }

    .gp-view8 .gp-main-actions{
        width:100% !important;
        gap:7px !important;
    }

    .gp-view8 .gp-main-actions .gp-action,
    .gp-view8 .gp-main-actions .gp-manage-group{
        flex:1 1 0 !important;
        min-width:0 !important;
    }

    .gp-view8 .gp-main-actions .gp-manage-group .gp-action{
        width:100% !important;
    }

    .gp-view8 .gp-action{
        height:38px !important;
        border-radius:9px !important;
        font-size:10.5px !important;
    }

    /* 관련 정보: 본문 카드와 같은 폭/간격 */
    .gp-view8 .gp-related-card{
        width:100% !important;
        margin:0 0 16px !important;
        border-radius:13px !important;
        box-shadow:0 5px 16px rgba(11,17,26,.035) !important;
    }

    .gp-view8 .gp-section-title{
        padding:15px 16px 12px !important;
    }

    .gp-view8 .gp-section-title strong{
        font-size:13px !important;
    }

    .gp-view8 .gp-related-row,
    .gp-view8 .gp-post-nav-row{
        grid-template-columns:58px minmax(0,1fr) auto !important;
        gap:8px !important;
        min-height:46px !important;
        padding:10px 16px !important;
    }

    .gp-view8 .gp-related-label{
        font-size:10px !important;
    }

    .gp-view8 .gp-related-main,
    .gp-view8 .gp-post-nav-row strong{
        font-size:11px !important;
    }

    /* 댓글 영역도 같은 좌우 폭 안에서 */
    .gp-view8 .gp-comments-wrap{
        width:100% !important;
    }

    .gp-view8 #bo_vc,
    .gp-view8 #bo_vc_w{
        border-radius:12px !important;
        box-shadow:0 5px 16px rgba(11,17,26,.035) !important;
    }
}

/* =========================================================
   GGONGPLAY GUIDE BOARD V1 - 2026-09-13
   ========================================================= */
.gp-guide-board{--gp-ink:#13232f;--gp-muted:#70808b;--gp-line:#e6ecef;--gp-mint:#12c7aa;--gp-mint-dark:#08a88f;--gp-soft:#f5faf9;--gp-navy:#152c38;font-family:inherit}
.gp-guide-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;margin:0 0 26px;padding:42px 46px;border:1px solid #dfe8e8;border-radius:20px;background:linear-gradient(135deg,#f8fcfb 0%,#f3faf8 55%,#eef8f6 100%);box-shadow:0 12px 34px rgba(26,55,67,.06)}
.gp-guide-hero:before{content:"";position:absolute;right:-75px;top:-95px;width:280px;height:280px;border:54px solid rgba(18,199,170,.07);border-radius:50%}
.gp-guide-hero:after{content:"";position:absolute;right:100px;bottom:-75px;width:180px;height:180px;border:1px solid rgba(18,199,170,.16);border-radius:50%}
.gp-guide-hero__copy{position:relative;z-index:2;max-width:720px}
.gp-guide-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--gp-mint-dark)}
.gp-guide-eyebrow:before{content:"";width:26px;height:2px;background:var(--gp-mint)}
.gp-guide-hero h1{margin:0 0 12px;color:var(--gp-ink);font-size:34px;font-weight:800;letter-spacing:-1.2px;line-height:1.25}
.gp-guide-hero p{margin:0;color:#667781;font-size:15px;line-height:1.8;letter-spacing:-.25px}
.gp-guide-hero__mark{position:relative;z-index:2;flex:0 0 116px;width:116px;height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:28px;background:#fff;border:1px solid #dfecea;box-shadow:0 14px 32px rgba(18,71,71,.08);transform:rotate(3deg)}
.gp-guide-hero__mark span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#7f9199}.gp-guide-hero__mark strong{margin-top:3px;font-size:34px;line-height:1;color:var(--gp-mint-dark)}
.gp-guide-search{margin:-7px 0 22px;padding:18px;border:1px solid var(--gp-line);border-radius:14px;background:#fff}
.gp-guide-search .form-control,.gp-guide-search .custom-select{height:44px;border-color:#dbe4e7;font-size:13px}.gp-guide-search-select{max-width:155px}.gp-guide-search-btn{min-width:50px;background:var(--gp-navy);color:#fff}.gp-guide-search-btn:hover{color:#fff;background:#0f252f}
.gp-guide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px;padding:0 2px}
.gp-guide-count{display:flex;align-items:center;gap:10px}.gp-guide-count strong{font-size:16px;color:var(--gp-ink)}.gp-guide-count span{font-size:12px;color:#8b99a1}
.gp-guide-actions{display:flex;align-items:center;gap:7px}.gp-guide-icon-btn{width:38px;height:38px;padding:0;border:1px solid #dde6e9;border-radius:10px;background:#fff;color:#52646e}.gp-guide-write-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;border-radius:10px!important;background:var(--gp-mint)!important;border-color:var(--gp-mint)!important;color:#fff!important;font-size:12px;font-weight:700}.gp-guide-write-btn:hover{background:var(--gp-mint-dark)!important}
.gp-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 30px}
.gp-guide-card{position:relative;min-width:0;border:1px solid var(--gp-line);border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 7px 24px rgba(26,55,67,.045);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.gp-guide-card:hover{transform:translateY(-5px);border-color:#cde7e1;box-shadow:0 17px 38px rgba(26,55,67,.1)}
.gp-guide-card__link{display:block;height:100%;color:inherit!important;text-decoration:none!important}
.gp-guide-thumb{position:relative;overflow:hidden;aspect-ratio:16/9;background:#eaf5f2}
.gp-guide-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.gp-guide-card:hover .gp-guide-thumb img{transform:scale(1.045)}
.gp-guide-thumb__empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#17323e,#1b4a4b);color:#fff}.gp-guide-thumb__empty:before{content:"";position:absolute;width:150px;height:150px;border:28px solid rgba(18,199,170,.13);border-radius:50%;right:-35px;top:-60px}.gp-guide-thumb__empty span{position:relative;font-size:9px;letter-spacing:.25em;opacity:.62}.gp-guide-thumb__empty strong{position:relative;margin-top:3px;font-size:24px;letter-spacing:.07em}
.gp-guide-thumb__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(7,22,28,0) 48%,rgba(7,22,28,.24) 100%);pointer-events:none}
.gp-guide-number,.gp-guide-notice{position:absolute;top:14px;padding:6px 9px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.08em;line-height:1}.gp-guide-number{left:14px;background:rgba(255,255,255,.94);color:#27404a}.gp-guide-notice{right:14px;background:var(--gp-mint);color:#fff}
.gp-guide-card__body{display:flex;flex-direction:column;min-height:230px;padding:20px 20px 17px}.gp-guide-card__meta-top{display:flex;align-items:center;gap:7px;min-height:20px;margin-bottom:8px}.gp-guide-category{font-size:11px;font-weight:750;color:var(--gp-mint-dark)}.gp-guide-new{padding:3px 5px;border-radius:4px;background:#effaf7;color:var(--gp-mint-dark);font-size:8px;font-weight:800}
.gp-guide-card h2{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:50px;margin:0 0 9px;color:#172832;font-size:18px;font-weight:800;line-height:1.4;letter-spacing:-.55px}
.gp-guide-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:42px;margin:0 0 20px;color:#7a8991;font-size:12.5px;line-height:1.7;letter-spacing:-.2px}
.gp-guide-card__footer{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:14px;border-top:1px solid #edf1f2;color:#92a0a6;font-size:10.5px}.gp-guide-card__footer i{margin-right:2px}.gp-guide-more{margin-left:auto;color:#526a73;font-weight:700}.gp-guide-more i{margin-left:4px;color:var(--gp-mint-dark);transition:transform .2s ease}.gp-guide-card:hover .gp-guide-more i{transform:translateX(3px)}
.gp-guide-check{position:absolute;z-index:6;right:12px;bottom:12px;margin:0}.gp-guide-check input{width:16px;height:16px}
.gp-guide-empty{padding:76px 20px;margin:0 0 28px;border:1px dashed #cfdcdd;border-radius:18px;background:#fbfdfd;text-align:center}.gp-guide-empty__icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 16px;border-radius:18px;background:#eaf8f5;color:var(--gp-mint-dark);font-size:23px}.gp-guide-empty strong{display:block;margin-bottom:8px;color:var(--gp-ink);font-size:17px}.gp-guide-empty p{margin:0 0 17px;color:#84939a;font-size:12px}
.gp-guide-pagination{padding:2px 0 6px}.gp-guide-pagination .page-link{border-color:#e1e8ea;color:#5d6d75}.gp-guide-pagination .page-item.active .page-link{background:var(--gp-mint);border-color:var(--gp-mint)}

@media (max-width:991.98px){.gp-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gp-guide-hero{padding:35px 32px}.gp-guide-hero h1{font-size:30px}}
@media (max-width:575.98px){.gp-guide-board{padding:0 10px}.gp-guide-hero{align-items:flex-start;margin-bottom:18px;padding:28px 22px;border-radius:15px}.gp-guide-hero__mark{display:none}.gp-guide-hero h1{font-size:25px}.gp-guide-hero p{font-size:12.5px;line-height:1.7}.gp-guide-eyebrow{font-size:10px}.gp-guide-grid{grid-template-columns:1fr;gap:15px}.gp-guide-toolbar{align-items:flex-start}.gp-guide-count{display:block}.gp-guide-count strong{display:block;font-size:14px}.gp-guide-count span{font-size:10.5px}.gp-guide-write-btn span{display:none}.gp-guide-write-btn{width:38px;padding:0}.gp-guide-card__body{min-height:205px;padding:17px}.gp-guide-card h2{min-height:45px;font-size:16px}.gp-guide-card p{font-size:12px}.gp-guide-search{padding:12px}.gp-guide-search-select{max-width:112px}.gp-guide-card__footer{gap:8px}.gp-guide-more{font-size:0}.gp-guide-more i{font-size:12px}}

/* =========================================================
   GGONGPLAY GUIDE WRITE V1
   ========================================================= */
.gp-guide-write{
    --gw-navy:#0b111a;
    --gw-lime:#b7ff16;
    --gw-text:#18212b;
    --gw-muted:#7a8794;
    --gw-line:#e6eaee;
    --gw-soft:#f6f8f9;
}
.gp-gw-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:30px 32px;border-radius:18px;background:linear-gradient(135deg,#0b111a 0%,#141d29 100%);color:#fff;overflow:hidden;position:relative;box-shadow:0 14px 34px rgba(11,17,26,.10)}
.gp-gw-hero:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-55px;top:-85px;border:42px solid rgba(183,255,22,.08)}
.gp-gw-eyebrow{display:block;margin-bottom:7px;color:var(--gw-lime);font-size:11px;font-weight:800;letter-spacing:1.6px}
.gp-gw-hero h3{margin:0 0 7px;font-size:27px;font-weight:800;letter-spacing:-1.3px}
.gp-gw-hero p{margin:0;color:#aeb8c3;font-size:13px}
.gp-gw-step{position:relative;z-index:1;min-width:94px;text-align:right}.gp-gw-step span{display:block;color:#708091;font-size:10px;font-weight:800;letter-spacing:1px}.gp-gw-step strong{display:block;color:var(--gw-lime);font-size:24px;letter-spacing:-1px}
.gp-gw-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px;align-items:start}
.gp-gw-card,.gp-gw-advanced{margin-bottom:18px;background:#fff;border:1px solid var(--gw-line);border-radius:16px;box-shadow:0 7px 24px rgba(11,17,26,.035)}
.gp-gw-card{padding:26px}
.gp-gw-card-head{display:flex;gap:13px;align-items:flex-start;margin-bottom:23px;padding-bottom:18px;border-bottom:1px solid #edf0f2}
.gp-gw-card-head.compact{margin-bottom:16px}.gp-gw-num{display:flex;align-items:center;justify-content:center;flex:0 0 38px;height:38px;border-radius:10px;background:var(--gw-navy);color:var(--gw-lime);font-size:12px;font-weight:800}
.gp-gw-card-head h4{margin:0 0 4px;color:var(--gw-text);font-size:17px;font-weight:800;letter-spacing:-.5px}.gp-gw-card-head p{margin:0;color:#8b96a1;font-size:12px}
.gp-gw-field{position:relative;margin-bottom:21px}.gp-gw-field>label{display:block;margin-bottom:8px;color:#35404b;font-size:13px;font-weight:700}.gp-gw-field label em{margin-left:4px;color:#7d8b98;font-size:10px;font-style:normal}.gp-gw-field small{display:block;margin-top:7px;color:#98a1aa;font-size:11px}
.gp-gw-input{min-height:44px!important;border:1px solid #dfe5e9!important;border-radius:9px!important;background:#fff!important;color:#1b252f!important;font-size:13px!important;box-shadow:none!important}.gp-gw-input:focus{border-color:#a8c85c!important;box-shadow:0 0 0 3px rgba(183,255,22,.10)!important}.gp-gw-title-input{font-size:15px!important;font-weight:700}.gp-gw-summary{min-height:88px!important;resize:vertical}.gp-gw-counter{position:absolute;right:10px;bottom:12px;color:#a1aab2;font-size:10px}.gp-gw-help-row{display:flex;justify-content:space-between;gap:10px}.gp-gw-help-row span{margin-top:7px;color:#a1aab2;font-size:10px}.gp-gw-help-row b{font-weight:700}
.gp-gw-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.gp-gw-options{display:flex;align-items:center;gap:18px;margin-top:5px;padding:13px 15px;border-radius:10px;background:#f7f9fa}.gp-gw-options-title{color:#53606d;font-size:12px;font-weight:800}.gp-gw-options .custom-control-label{font-size:12px}
.gp-gw-upload-guide{display:flex;align-items:center;gap:13px;margin-bottom:14px;padding:15px;border:1px dashed #d8dfe4;border-radius:12px;background:#fafbfb}.gp-gw-upload-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;background:#111a24;color:var(--gw-lime);font-size:17px}.gp-gw-upload-guide strong,.gp-gw-upload-guide span{display:block}.gp-gw-upload-guide strong{margin-bottom:3px;color:#303b46;font-size:12px}.gp-gw-upload-guide span{color:#8c97a1;font-size:11px}.gp-gw-file-actions{display:flex;gap:7px}.gp-gw-sub-btn{border:1px solid #dfe5e9!important;border-radius:8px!important;background:#fff!important;color:#596572!important;font-size:11px!important}.gp-gw-file-input .input-group-text{min-width:92px;justify-content:center;border-color:#dfe5e9;background:#f5f7f8;color:#475360;font-size:11px;font-weight:700}.gp-gw-file-input .custom-file-label{border-color:#dfe5e9;font-size:12px}
.gp-gw-writing-tip{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px;padding:13px 15px;border-radius:10px;background:#f4f7ef;color:#42503a}.gp-gw-writing-tip>i{margin-top:2px;color:#88a83e}.gp-gw-writing-tip strong,.gp-gw-writing-tip span{display:block}.gp-gw-writing-tip strong{font-size:11px}.gp-gw-writing-tip span{margin-top:2px;color:#7d8976;font-size:11px}.gp-gw-editor-wrap{overflow:hidden;border-radius:10px}.gp-gw-editor-card #wr_content{min-height:360px!important}
.gp-gw-advanced{overflow:hidden}.gp-gw-advanced summary{cursor:pointer;list-style:none;padding:16px 20px;color:#46515d;font-size:12px;font-weight:800}.gp-gw-advanced summary::-webkit-details-marker{display:none}.gp-gw-advanced summary:after{content:"+";float:right;font-size:16px}.gp-gw-advanced[open] summary:after{content:"−"}.gp-gw-advanced summary span{margin-left:8px;color:#9aa3ab;font-weight:400}.gp-gw-advanced-body{padding:4px 20px 3px;border-top:1px solid #edf0f2}
.gp-gw-side{position:sticky;top:20px}.gp-gw-side-card{margin-bottom:14px;padding:20px;border:1px solid var(--gw-line);border-radius:15px;background:#fff;box-shadow:0 7px 22px rgba(11,17,26,.03)}.gp-gw-side-label{display:block;margin-bottom:8px;color:#9aa5af;font-size:9px;font-weight:800;letter-spacing:1.2px}.gp-gw-side-card h4{margin:0 0 14px;color:#1e2832;font-size:15px;font-weight:800}.gp-gw-side-card ul{margin:0;padding:0;list-style:none}.gp-gw-side-card li{position:relative;margin:9px 0;color:#78838e;font-size:11px;line-height:1.5}.gp-gw-side-card li i{margin-right:7px;color:#91ad4f;font-size:9px}.gp-gw-mini-thumb{display:flex;flex-direction:column;align-items:center;justify-content:center;height:105px;margin:0 0 13px;border-radius:10px;background:linear-gradient(135deg,#111923,#1b2836);color:#fff}.gp-gw-mini-thumb span{color:#9ba8b6;font-size:9px;font-weight:800;letter-spacing:1.5px}.gp-gw-mini-thumb strong{color:var(--gw-lime);font-size:21px;letter-spacing:-1px}.gp-gw-mini-category{display:inline-block;margin-bottom:8px;padding:4px 7px;border-radius:5px;background:#eff2f3;color:#687481;font-size:9px;font-weight:700}.gp-gw-mini-title{display:block;margin-bottom:6px;color:#1c2630;font-size:13px;line-height:1.45}.gp-gw-side-preview p{margin:0;color:#909aa4;font-size:10px;line-height:1.55}
.gp-gw-submitbar{display:flex;justify-content:flex-end;gap:9px;margin-top:4px;padding:16px 0}.gp-gw-submitbar .btn{min-width:126px;padding:12px 18px;border-radius:9px;font-size:12px;font-weight:800}.gp-gw-cancel{border:1px solid #dfe4e8!important;background:#fff!important;color:#66727e!important}.gp-gw-submit{border:1px solid var(--gw-navy)!important;background:var(--gw-navy)!important;color:#fff!important}.gp-gw-submit i{margin-right:5px;color:var(--gw-lime)}
@media (max-width:991px){.gp-gw-layout{grid-template-columns:1fr}.gp-gw-side{position:static;display:grid;grid-template-columns:1fr 1fr;gap:14px}.gp-gw-side-card{margin-bottom:0}}
@media (max-width:575px){.gp-gw-hero{padding:24px 20px}.gp-gw-hero h3{font-size:23px}.gp-gw-step{display:none}.gp-gw-card{padding:19px 16px}.gp-gw-card-head{margin-bottom:18px}.gp-gw-meta-grid,.gp-gw-side{grid-template-columns:1fr}.gp-gw-options{align-items:flex-start;flex-direction:column;gap:8px}.gp-gw-submitbar{position:sticky;bottom:0;z-index:20;margin-left:-10px;margin-right:-10px;padding:10px;background:rgba(255,255,255,.95);border-top:1px solid #e8ecef;backdrop-filter:blur(8px)}.gp-gw-submitbar .btn{min-width:0;flex:1}.gp-gw-advanced summary span{display:none}}

/* =========================================================
   GGONGPLAY GUIDE VIEW V1 - public article
   ========================================================= */
.gp-guide-view{--gv-navy:#0b111a;--gv-lime:#b7ff16;--gv-text:#1a242e;--gv-muted:#7f8c97;--gv-line:#e8edef;max-width:1040px;margin:0 auto 36px;color:var(--gv-text)}

/* GGONGPLAY GUIDE VIEW V2 */
.gp-guide-view{--gv-navy:#0c1420;--gv-lime:#9cff00;--gv-text:#18222c;--gv-muted:#7d8993;--gv-line:#e8edef;max-width:1100px;margin:0 auto;padding:0 0 28px}
.gp-gv-article{overflow:hidden;border:1px solid var(--gv-line);border-radius:18px;background:#fff;box-shadow:0 12px 38px rgba(11,17,26,.04)}
.gp-gv-head{position:relative;padding:40px 52px 34px;border-bottom:1px solid #edf1f2;text-align:left}.gp-gv-head:before{content:"";position:absolute;left:52px;top:0;width:62px;height:4px;border-radius:0 0 5px 5px;background:var(--gv-lime)}
.gp-gv-kicker{display:flex;align-items:center;gap:9px;margin-bottom:15px}.gp-gv-kicker span{color:#7b9932;font-size:10px;font-weight:900;letter-spacing:1.7px}.gp-gv-kicker em{padding:5px 9px;border-radius:999px;background:#f0f4e9;color:#65774a;font-size:10px;font-style:normal;font-weight:800}
.gp-gv-head h1{max-width:850px;margin:0;color:#101923;font-size:36px;line-height:1.3;font-weight:900;letter-spacing:-1.7px;word-break:keep-all}.gp-gv-summary{max-width:820px;margin:14px 0 0;color:#65727c;font-size:15px;line-height:1.75;word-break:keep-all}.gp-gv-meta{display:flex;gap:18px;margin-top:20px;color:#9aa4ac;font-size:11px}.gp-gv-meta i{margin-right:5px;color:#aab4bb}
.gp-gv-body{padding:34px 52px 58px}.gp-gv-images{max-width:900px;margin:0 auto 38px}.gp-gv-images img{display:block;max-width:100%!important;height:auto!important;margin:0 auto 15px;border-radius:12px;box-shadow:0 6px 20px rgba(16,25,35,.08)}
.gp-gv-content{max-width:900px;margin:0 auto;color:#34414b;font-size:16px;line-height:2;word-break:keep-all}.gp-gv-content:before{content:"GUIDE CONTENT";display:block;margin:0 0 26px;padding:0 0 13px;border-bottom:1px solid #edf1f2;color:#a1abb2;font-size:9px;font-weight:900;letter-spacing:1.6px}.gp-gv-content p{margin:0 0 1.35em}.gp-gv-content h2{position:relative;margin:2.7em 0 .95em;padding:0 0 12px 17px;border-bottom:1px solid #edf1f2;color:#121c26;font-size:24px;line-height:1.4;font-weight:900;letter-spacing:-.9px}.gp-gv-content h2:before{content:"";position:absolute;left:0;top:.22em;width:4px;height:1.1em;border-radius:4px;background:var(--gv-lime)}.gp-gv-content h3{margin:2.1em 0 .8em;color:#202c36;font-size:19px;font-weight:900}.gp-gv-content ul,.gp-gv-content ol{margin:1em 0 1.6em;padding:18px 22px 18px 42px;border-radius:10px;background:#f7f9fa}.gp-gv-content li{margin:.5em 0}.gp-gv-content blockquote{margin:28px 0;padding:20px 22px;border:0;border-left:4px solid var(--gv-lime);border-radius:0 10px 10px 0;background:#f5f8ef;color:#4f5e43}.gp-gv-content table{width:100%;margin:26px 0;border-collapse:collapse}.gp-gv-content th,.gp-gv-content td{padding:13px 15px;border:1px solid #e4eaed}.gp-gv-content th{background:#f6f8f9;color:#26313a;font-weight:900}
.gp-gv-tags{max-width:900px;margin:0 auto;padding:0 0 30px}.gp-gv-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 28px;border-top:1px solid #edf1f2;background:#fafcfc}.gp-gv-list-btn,.gp-gv-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;border:1px solid #dfe6e9;border-radius:8px;background:#fff;color:#5e6b75!important;font-size:11px;font-weight:800;text-decoration:none!important}.gp-gv-list-btn{padding:0 15px;border-color:var(--gv-navy);background:var(--gv-navy);color:#fff!important}.gp-gv-list-btn i{color:var(--gv-lime)}.gp-gv-tools{display:flex;flex-wrap:wrap;gap:6px}.gp-gv-tool{padding:0 11px;cursor:pointer}.gp-gv-tool:hover{border-color:#cbd5da;color:#202b34!important}
.gp-gv-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.gp-gv-nav a{display:flex;min-height:82px;flex-direction:column;justify-content:center;padding:16px 20px;border:1px solid var(--gv-line);border-radius:12px;background:#fff;text-decoration:none!important;transition:.18s ease}.gp-gv-nav a:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(11,17,26,.05)}.gp-gv-nav span{margin-bottom:6px;color:#99a4ac;font-size:10px;font-weight:700}.gp-gv-nav strong{overflow:hidden;color:#35414b;font-size:12.5px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.gp-gv-next{text-align:right}.gp-gv-comments{margin-top:14px;padding:25px;border:1px solid var(--gv-line);border-radius:14px;background:#fff}.gp-gv-section-title{margin-bottom:18px}.gp-gv-section-title>span{display:block;margin-bottom:4px;color:#9ca8b0;font-size:9px;font-weight:800;letter-spacing:1.3px}.gp-gv-section-title strong{font-size:15px}.gp-gv-section-title em{margin-left:4px;color:#7d9d2e;font-style:normal}
@media(max-width:767px){.gp-guide-view{padding:0 8px 20px}.gp-gv-article{border-radius:14px}.gp-gv-head{padding:31px 20px 25px}.gp-gv-head:before{left:20px;width:46px}.gp-gv-head h1{font-size:27px;letter-spacing:-1.1px}.gp-gv-summary{font-size:13px;line-height:1.7}.gp-gv-meta{gap:11px;flex-wrap:wrap}.gp-gv-body{padding:24px 20px 38px}.gp-gv-images{margin-bottom:28px}.gp-gv-content{font-size:14.5px;line-height:1.9;word-break:normal}.gp-gv-content:before{margin-bottom:20px}.gp-gv-content h2{font-size:20px}.gp-gv-content h3{font-size:17px}.gp-gv-tags{padding:0 20px 22px}.gp-gv-footer{align-items:stretch;flex-direction:column;padding:14px}.gp-gv-list-btn{width:100%}.gp-gv-tools{justify-content:center}.gp-gv-nav{grid-template-columns:1fr}.gp-gv-next{text-align:left}.gp-gv-comments{padding:18px 14px}}

/* =========================================================
   GGONGPLAY GUIDE VIEW V3 - denser article / smaller media
   ========================================================= */
.gp-guide-view{max-width:1060px}
.gp-gv-article{overflow:visible;background:#f7f9fa;border-color:#e5eaed}
.gp-gv-head{padding:34px 44px 28px;background:#fff;border-radius:18px 18px 0 0}
.gp-gv-head:before{left:44px;width:54px;height:3px}
.gp-gv-head h1{font-size:34px;max-width:780px}
.gp-gv-summary{max-width:780px;font-size:14px;line-height:1.7}
.gp-gv-meta{margin-top:17px}
.gp-gv-body{padding:26px 34px 40px}

.gp-gv-images{max-width:760px;margin:0 auto 24px;padding:18px;border:1px solid #e5eaed;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(11,17,26,.035)}
.gp-gv-block-label{display:flex;align-items:baseline;gap:8px;margin:0 0 13px;padding:0 0 11px;border-bottom:1px solid #edf1f2}
.gp-gv-block-label span{color:#8ba547;font-size:9px;font-weight:900;letter-spacing:1.4px}
.gp-gv-block-label strong{color:#5d6872;font-size:11px;font-weight:800}
.gp-gv-images img{display:block!important;width:auto!important;max-width:100%!important;max-height:560px!important;height:auto!important;margin:0 auto!important;border-radius:10px;box-shadow:none!important;object-fit:contain}
.gp-gv-images a{display:block;text-align:center}

.gp-gv-content-shell{max-width:860px;margin:0 auto;padding:26px 30px 30px;border:1px solid #e5eaed;border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(11,17,26,.03)}
.gp-gv-content-heading{display:flex;align-items:baseline;gap:9px;margin:0 0 22px;padding:0 0 13px;border-bottom:1px solid #edf1f2}
.gp-gv-content-heading span{color:#8ba547;font-size:9px;font-weight:900;letter-spacing:1.5px}
.gp-gv-content-heading strong{color:#26313a;font-size:13px;font-weight:900}
.gp-gv-content{max-width:none;margin:0;font-size:15.5px;line-height:1.9}
.gp-gv-content:before{display:none!important}
.gp-gv-content h2{margin:2.25em 0 .85em;padding:0 0 10px 16px;font-size:22px}
.gp-gv-content h3{margin:1.8em 0 .7em;font-size:18px}
.gp-gv-content ul,.gp-gv-content ol{padding:16px 20px 16px 38px;background:#f7f9fa}

.gp-gv-footer{padding:15px 22px;background:#fff;border-radius:0 0 18px 18px}
.gp-gv-tools .gp-gv-tool{height:34px;padding:0 9px;font-size:10px}
.gp-gv-list-btn{height:36px}

.gp-gv-nav{gap:14px;margin-top:16px}
.gp-gv-nav a{min-height:100px;padding:20px 22px;border-radius:14px}
.gp-gv-nav span{margin-bottom:9px;font-size:10px;letter-spacing:.02em}
.gp-gv-nav strong{font-size:13.5px}

@media(max-width:767px){
  .gp-gv-head{padding:28px 18px 23px}
  .gp-gv-head:before{left:18px}
  .gp-gv-head h1{font-size:25px}
  .gp-gv-body{padding:18px 12px 30px}
  .gp-gv-images{max-width:100%;padding:12px;margin-bottom:16px}
  .gp-gv-images img{max-height:none!important}
  .gp-gv-content-shell{padding:20px 16px 23px}
  .gp-gv-content{font-size:14px;line-height:1.85}
  .gp-gv-content h2{font-size:19px}
  .gp-gv-footer{border-radius:0 0 14px 14px}
  .gp-gv-nav a{min-height:84px}
}


/* V4 */
.gp-gv-head.gp-v4{padding:28px 46px 22px;border-bottom:1px solid #ececec}.gp-gv-head.gp-v4 h1{font-size:48px;line-height:1.05;margin:12px 0;font-weight:800;letter-spacing:-.04em}.gp-gv-head.gp-v4 .gp-gv-kicker{color:#6c7a89;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.gp-gv-summary{max-width:620px;font-size:18px;color:#5f6b76;line-height:1.8}.gp-gv-meta{gap:22px;color:#8b97a3}.gp-gv-images{max-width:700px;margin:34px auto 46px;padding:0;background:transparent;border:0}.gp-gv-images img{border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.12)}.gp-gv-content-shell{max-width:860px;margin:0 auto;padding:0;background:transparent;border:0}.gp-gv-content-heading{display:none}.gp-gv-content{font-size:18px;line-height:1.95;color:#222}.gp-gv-content h2{font-size:34px;margin:56px 0 18px;letter-spacing:-.03em}.gp-gv-content h2:after{content:"";display:block;width:56px;height:3px;background:#b6ff00;margin-top:12px}.gp-gv-content p{margin:0 0 24px}.gp-gv-content ul{padding-left:24px}.gp-gv-content blockquote{border-left:4px solid #b6ff00;padding:10px 22px;color:#444;background:#fafafa;border-radius:0 8px 8px 0}

/* =========================================================
   GGONGPLAY GUIDE VIEW V5 - premium editorial
   ========================================================= */
.gp-guide-view{
  --gv-ink:#111820;
  --gv-text:#2b343d;
  --gv-muted:#8a949d;
  --gv-line:#e7eaed;
  max-width:1060px;
  margin:0 auto 44px;
  padding:0 18px;
  color:var(--gv-text);
}
.gp-guide-view .gp-gv-article{
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.gp-guide-view .gp-gv-head,
.gp-guide-view .gp-gv-head.gp-v4,
.gp-guide-view .gp-gv-head.gp-v5{
  position:relative;
  max-width:860px;
  margin:0 auto;
  padding:42px 0 30px;
  border:0;
  border-bottom:1px solid var(--gv-line);
  border-radius:0;
  background:transparent;
  text-align:left;
}
.gp-guide-view .gp-gv-head::before,
.gp-guide-view .gp-gv-head::after,
.gp-guide-view .gp-gv-head.gp-v5::before,
.gp-guide-view .gp-gv-head.gp-v5::after{
  content:none !important;
  display:none !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
}
.gp-gv-category{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin:0 0 16px;
  padding:0 10px;
  border:1px solid #dde2e6;
  border-radius:999px;
  background:#fff;
  color:#66717b;
  font-size:11px;
  font-weight:800;
  letter-spacing:-.02em;
}
.gp-guide-view .gp-gv-head h1,
.gp-guide-view .gp-gv-head.gp-v5 h1{
  max-width:820px;
  margin:0;
  color:var(--gv-ink);
  font-size:46px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-2.2px;
  word-break:keep-all;
}
.gp-guide-view .gp-gv-summary{
  max-width:760px;
  margin:17px 0 0;
  color:#66717b;
  font-size:17px;
  line-height:1.8;
  font-weight:400;
  letter-spacing:-.3px;
  word-break:keep-all;
}
.gp-guide-view .gp-gv-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px;
  margin-top:22px;
  color:#9aa2a9;
  font-size:11px;
}
.gp-guide-view .gp-gv-meta span{display:inline-flex;align-items:center;gap:5px}
.gp-guide-view .gp-gv-meta i{margin:0;color:#aeb5bb}
.gp-guide-view .gp-gv-body{padding:36px 0 20px;background:transparent}
.gp-guide-view .gp-gv-images{
  max-width:640px;
  margin:0 auto 42px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.gp-guide-view .gp-gv-images a{display:block;text-align:center}
.gp-guide-view .gp-gv-images img{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  max-height:520px !important;
  height:auto !important;
  margin:0 auto !important;
  border:0;
  border-radius:10px;
  box-shadow:0 12px 34px rgba(18,28,38,.10) !important;
  object-fit:contain;
}
.gp-guide-view .gp-gv-block-label{display:none !important}
.gp-guide-view .gp-gv-content-shell{
  max-width:820px;
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.gp-guide-view .gp-gv-content-heading{display:none !important}
.gp-guide-view .gp-gv-content{
  max-width:none;
  margin:0;
  color:#29323a;
  font-size:17px;
  line-height:1.95;
  letter-spacing:-.12px;
  word-break:keep-all;
}
.gp-guide-view .gp-gv-content::before{display:none !important;content:none !important}
.gp-guide-view .gp-gv-content p{margin:0 0 1.55em}
.gp-guide-view .gp-gv-content h2{
  position:relative;
  margin:58px 0 20px;
  padding:0 0 14px;
  border:0;
  border-bottom:1px solid #e6e9ec;
  color:#121a22;
  font-size:28px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:-1.25px;
}
.gp-guide-view .gp-gv-content h2::before,
.gp-guide-view .gp-gv-content h2::after{content:none !important;display:none !important}
.gp-guide-view .gp-gv-content h3{
  margin:38px 0 14px;
  color:#18212a;
  font-size:21px;
  line-height:1.45;
  font-weight:850;
  letter-spacing:-.7px;
}
.gp-guide-view .gp-gv-content ul,
.gp-guide-view .gp-gv-content ol{
  margin:22px 0 30px;
  padding:22px 26px 22px 46px;
  border:1px solid #edf0f2;
  border-radius:12px;
  background:#fafbfc;
}
.gp-guide-view .gp-gv-content li{margin:.5em 0}
.gp-guide-view .gp-gv-content blockquote{
  margin:30px 0;
  padding:20px 22px;
  border:0;
  border-left:3px solid #17202a;
  border-radius:0 10px 10px 0;
  background:#f7f8f9;
  color:#59636c;
}
.gp-guide-view .gp-gv-content table{width:100%;margin:30px 0;border-collapse:separate;border-spacing:0;border:1px solid #e5e9ec;border-radius:10px;overflow:hidden}
.gp-guide-view .gp-gv-content th,.gp-guide-view .gp-gv-content td{padding:14px 16px;border:0;border-bottom:1px solid #e8ecef}
.gp-guide-view .gp-gv-content th{background:#f6f8f9;color:#202a33;font-weight:800}
.gp-guide-view .gp-gv-content tr:last-child td{border-bottom:0}
.gp-guide-view .gp-gv-tags{max-width:820px;margin:0 auto;padding:12px 0 24px}
.gp-guide-view .gp-gv-footer{
  max-width:860px;
  margin:42px auto 0;
  padding:18px 0 0;
  border:0;
  border-top:1px solid var(--gv-line);
  border-radius:0;
  background:transparent;
}
.gp-guide-view .gp-gv-list-btn{
  height:40px;
  padding:0 16px;
  border:1px solid #151e27;
  border-radius:8px;
  background:#151e27;
  color:#fff !important;
  font-size:11px;
  font-weight:800;
}
.gp-guide-view .gp-gv-list-btn i{color:#fff}
.gp-guide-view .gp-gv-tools{gap:6px}
.gp-guide-view .gp-gv-tool{
  height:36px;
  padding:0 10px;
  border:1px solid #e2e6e9;
  border-radius:7px;
  background:#fff;
  color:#7b858e !important;
  font-size:10px;
}
.gp-guide-view .gp-gv-nav{
  max-width:860px;
  margin:16px auto 0;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.gp-guide-view .gp-gv-nav a{
  min-height:88px;
  padding:18px 20px;
  border:1px solid #e4e8eb;
  border-radius:11px;
  background:#fff;
  box-shadow:none;
}
.gp-guide-view .gp-gv-nav a:hover{transform:none;border-color:#cfd6db;box-shadow:0 8px 24px rgba(18,28,38,.045)}
.gp-guide-view .gp-gv-nav span{margin-bottom:7px;color:#a0a8ae;font-size:10px}
.gp-guide-view .gp-gv-nav strong{color:#303941;font-size:13px;font-weight:800}
.gp-guide-view .gp-gv-comments{max-width:860px;margin:18px auto 0;padding:24px;border:1px solid #e5e9ec;border-radius:12px;background:#fff}

@media(max-width:767px){
  .gp-guide-view{padding:0 14px 28px}
  .gp-guide-view .gp-gv-head,.gp-guide-view .gp-gv-head.gp-v5{padding:28px 0 24px}
  .gp-guide-view .gp-gv-head h1,.gp-guide-view .gp-gv-head.gp-v5 h1{font-size:31px;line-height:1.22;letter-spacing:-1.4px}
  .gp-guide-view .gp-gv-summary{margin-top:12px;font-size:14px;line-height:1.7}
  .gp-guide-view .gp-gv-meta{margin-top:16px;gap:11px}
  .gp-guide-view .gp-gv-body{padding-top:26px}
  .gp-guide-view .gp-gv-images{max-width:100%;margin-bottom:30px}
  .gp-guide-view .gp-gv-images img{max-height:none !important;border-radius:8px}
  .gp-guide-view .gp-gv-content{font-size:15px;line-height:1.9;word-break:normal}
  .gp-guide-view .gp-gv-content h2{margin-top:42px;font-size:22px}
  .gp-guide-view .gp-gv-content h3{font-size:18px}
  .gp-guide-view .gp-gv-content ul,.gp-guide-view .gp-gv-content ol{padding:18px 18px 18px 36px}
  .gp-guide-view .gp-gv-footer{align-items:stretch;flex-direction:column;margin-top:34px}
  .gp-guide-view .gp-gv-list-btn{width:100%}
  .gp-guide-view .gp-gv-tools{justify-content:center}
  .gp-guide-view .gp-gv-nav{grid-template-columns:1fr}
  .gp-guide-view .gp-gv-next{text-align:left}
}

/* =========================================================
   GGONGPLAY GUIDE VIEW V6 - white split hero / premium article
   ========================================================= */
#bo_v.gp6-view{
    --gp6-ink:#101923;
    --gp6-text:#303b45;
    --gp6-muted:#87919a;
    --gp6-line:#e8ecef;
    --gp6-soft:#f7f9fa;
    --gp6-brand:#b7ff16;
    --gp6-navy:#0b111a;
    max-width:1120px;
    margin:0 auto 48px;
    padding:0 16px;
    background:#fff;
    color:var(--gp6-text);
}
#bo_v.gp6-view::before,#bo_v.gp6-view::after{content:none!important;display:none!important}
.gp6-shell{overflow:hidden;border:1px solid var(--gp6-line);border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(13,24,34,.045)}

/* HERO */
.gp6-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(400px,1.08fr);align-items:stretch;min-height:350px;background:#fff;border-bottom:1px solid var(--gp6-line)}
.gp6-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:48px 48px 46px 52px}
.gp6-brand-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.gp6-brand{display:inline-flex;align-items:center;color:#6a7580;font-size:10px;font-weight:900;letter-spacing:.17em}
.gp6-brand::before{content:"";width:7px;height:7px;margin-right:9px;border-radius:2px;background:var(--gp6-brand)}
.gp6-category{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid #e1e6e9;border-radius:999px;background:#fafbfb;color:#7b858e;font-size:10px;font-weight:800}
.gp6-hero h1{margin:0;color:var(--gp6-ink);font-size:44px;line-height:1.16;font-weight:900;letter-spacing:-2.2px;word-break:keep-all}
.gp6-summary{max-width:500px;margin:17px 0 0;color:#6e7881;font-size:15px;line-height:1.75;letter-spacing:-.2px;word-break:keep-all}
.gp6-meta{display:flex;align-items:center;gap:10px;margin-top:25px;color:#9aa3ab;font-size:10px;font-weight:600}
.gp6-meta i{display:block;width:3px;height:3px;border-radius:50%;background:#c9cfd4}
.gp6-hero-media{position:relative;min-height:350px;overflow:hidden;background:#f1f3f4}
.gp6-hero-media>a{display:block;width:100%;height:100%}
.gp6-hero-media img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;object-fit:cover!important}
.gp6-hero-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#131d27,#1d2c39);color:#fff}
.gp6-hero-placeholder:after{content:"";position:absolute;right:-55px;bottom:-65px;width:210px;height:210px;border:38px solid rgba(183,255,22,.07);border-radius:50%}
.gp6-hero-placeholder span{position:relative;z-index:1;color:#a6b0b8;font-size:10px;font-weight:800;letter-spacing:.22em}
.gp6-hero-placeholder strong{position:relative;z-index:1;margin-top:3px;color:#fff;font-size:31px;font-weight:900;letter-spacing:.02em}

/* ARTICLE */
.gp6-body{padding:56px 52px 22px;background:#fff}
.gp6-content{counter-reset:gp6-section;max-width:820px;margin:0 auto;color:#303942;font-size:16.5px;line-height:1.95;letter-spacing:-.12px;word-break:keep-all}
.gp6-content::before{content:none!important;display:none!important}
.gp6-content p{margin:0 0 1.55em}
.gp6-content h2{counter-increment:gp6-section;position:relative;margin:58px 0 22px;padding:0 0 16px 56px;border:0;border-bottom:1px solid var(--gp6-line);color:#111a23;font-size:27px;line-height:1.38;font-weight:900;letter-spacing:-1.15px}
.gp6-content h2::before{content:counter(gp6-section,decimal-leading-zero);position:absolute;left:0;top:4px;display:flex;align-items:center;justify-content:center;width:38px;height:26px;border-radius:7px;background:var(--gp6-navy);color:var(--gp6-brand);font-size:10px;font-weight:900;letter-spacing:.06em}
.gp6-content h2::after{content:none!important;display:none!important}
.gp6-content h3{margin:38px 0 14px;color:#1c252e;font-size:20px;line-height:1.45;font-weight:850;letter-spacing:-.65px}
.gp6-content ul,.gp6-content ol{margin:24px 0 30px;padding:21px 25px 21px 45px;border:1px solid #edf0f2;border-radius:12px;background:#fafbfb}
.gp6-content li{margin:.5em 0}
.gp6-content blockquote{margin:30px 0;padding:20px 22px;border:1px solid #e8ecef;border-left:4px solid var(--gp6-navy);border-radius:10px;background:#fafbfb;color:#59636c}
.gp6-content table{width:100%;margin:30px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #e4e9ec;border-radius:10px}
.gp6-content th,.gp6-content td{padding:14px 16px;border:0;border-bottom:1px solid #e8ecef}
.gp6-content th{background:#f6f8f9;color:#202a33;font-weight:800}
.gp6-content tr:last-child td{border-bottom:0}
.gp6-content img{max-width:100%;height:auto;border-radius:9px}
.gp6-extra-images{max-width:820px;margin:34px auto 0;display:grid;gap:16px}
.gp6-extra-images a{display:block;text-align:center}
.gp6-extra-images img{display:block;max-width:100%;height:auto;margin:0 auto;border-radius:10px}
.gp6-tags{max-width:820px;margin:0 auto;padding:10px 0 22px}

/* FOOTER */
.gp6-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1016px;margin:26px auto 0;padding:18px 0 20px;border-top:1px solid var(--gp6-line)}
.gp6-list-btn,.gp6-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;text-decoration:none!important;font-size:10px;font-weight:800}
.gp6-list-btn{padding:0 15px;border:1px solid var(--gp6-navy);border-radius:8px;background:var(--gp6-navy);color:#fff!important}
.gp6-list-btn i{color:var(--gp6-brand)}
.gp6-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.gp6-tool{padding:0 10px;border:1px solid #e1e6e9;border-radius:8px;background:#fff;color:#78828b!important;cursor:pointer}
.gp6-tool:hover{border-color:#cdd4d9;color:#202a33!important}

/* PREV / NEXT */
.gp6-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1090px;margin:16px auto 0}
.gp6-nav a{display:flex;flex-direction:column;justify-content:center;min-height:104px;padding:20px 24px;border:1px solid var(--gp6-line);border-radius:13px;background:#fff;color:inherit!important;text-decoration:none!important;transition:border-color .18s ease,box-shadow .18s ease}
.gp6-nav a:hover{border-color:#cfd6db;box-shadow:0 9px 24px rgba(13,24,34,.045)}
.gp6-nav span{margin-bottom:9px;color:#a0a8ae;font-size:9px;font-weight:900;letter-spacing:.12em}
.gp6-nav strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#303942;font-size:13px;font-weight:800}
.gp6-nav-next{text-align:right}
.gp6-comments{max-width:1090px;margin:16px auto 0;padding:24px;border:1px solid var(--gp6-line);border-radius:13px;background:#fff}

@media(max-width:900px){
    .gp6-hero{grid-template-columns:1fr minmax(340px,.9fr)}
    .gp6-hero-copy{padding:40px 34px 38px}
    .gp6-hero h1{font-size:37px;letter-spacing:-1.7px}
    .gp6-body{padding:46px 34px 20px}
}
@media(max-width:767px){
    #bo_v.gp6-view{padding:0 8px 28px}
    .gp6-shell{border-radius:14px}
    .gp6-hero{display:flex;flex-direction:column;min-height:0}
    .gp6-hero-copy{order:1;padding:29px 20px 24px}
    .gp6-brand-row{margin-bottom:13px}
    .gp6-hero h1{font-size:30px;line-height:1.22;letter-spacing:-1.35px}
    .gp6-summary{margin-top:11px;font-size:14px;line-height:1.7}
    .gp6-meta{margin-top:15px}
    .gp6-hero-media{order:2;min-height:0;aspect-ratio:16/9;border-top:1px solid var(--gp6-line)}
    .gp6-body{padding:32px 20px 14px}
    .gp6-content{font-size:15px;line-height:1.9;word-break:normal}
    .gp6-content h2{margin-top:43px;padding-left:48px;font-size:21px}
    .gp6-content h2::before{width:34px;height:24px}
    .gp6-content h3{font-size:18px}
    .gp6-content ul,.gp6-content ol{padding:18px 17px 18px 35px}
    .gp6-footer{align-items:stretch;flex-direction:column;padding:16px 0 18px}
    .gp6-list-btn{width:100%}
    .gp6-tools{justify-content:center}
    .gp6-nav{grid-template-columns:1fr;padding:0 8px}
    .gp6-nav-next{text-align:left}
    .gp6-comments{margin:14px 8px 0;padding:16px}
}


/* =========================================================
   GGONGPLAY GUIDE VIEW V7 - compact hero image / breathing room
   ========================================================= */
.gp6-hero{
    grid-template-columns:minmax(0,.96fr) minmax(360px,1.04fr);
    align-items:center;
    gap:26px;
    min-height:0;
    padding:20px 24px;
    background:#fff;
}
.gp6-hero-copy{
    padding:30px 24px 30px 28px;
}
.gp6-hero-media{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:270px;
    padding:14px 16px;
    overflow:visible;
    background:#fff;
}
.gp6-hero-media>a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:auto;
}
.gp6-hero-media img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:270px!important;
    margin:0 auto!important;
    border:1px solid #edf0f2!important;
    border-radius:12px!important;
    box-shadow:0 8px 22px rgba(13,24,34,.07)!important;
    object-fit:contain!important;
}
.gp6-hero-placeholder{
    min-height:250px;
    border:1px solid var(--gp6-line);
    border-radius:12px;
}

@media(max-width:900px){
    .gp6-hero{
        grid-template-columns:1fr minmax(320px,.92fr);
        gap:18px;
        padding:18px 20px;
    }
    .gp6-hero-copy{padding:26px 16px 26px 18px}
    .gp6-hero-media{min-height:240px;padding:12px}
    .gp6-hero-media img{max-height:240px!important}
}
@media(max-width:767px){
    .gp6-hero{
        display:flex;
        flex-direction:column;
        gap:10px;
        padding:18px 16px 20px;
    }
    .gp6-hero-copy{
        width:100%;
        padding:16px 4px 12px;
    }
    .gp6-hero-media{
        order:2;
        width:100%;
        min-height:0;
        padding:10px 0 4px;
        border-top:0;
        background:#fff;
        aspect-ratio:auto;
    }
    .gp6-hero-media img{
        max-width:94%!important;
        max-height:none!important;
    }
}

/* =========================================================
   GGONGPLAY GUIDE VIEW V8 - final spacing / smaller hero image
   ========================================================= */
#bo_v.gp6-view{
    margin:26px auto 30px!important;
    padding:0 16px!important;
}
.gp6-hero{
    padding:26px 30px!important;
    gap:30px!important;
}
.gp6-hero-media{
    min-height:0!important;
    padding:18px 24px!important;
}
.gp6-hero-media>a{
    width:auto!important;
    max-width:100%!important;
}
.gp6-hero-media img{
    width:auto!important;
    height:auto!important;
    max-width:88%!important;
    max-height:225px!important;
    object-fit:contain!important;
}
@media(max-width:900px){
    #bo_v.gp6-view{margin:22px auto 26px!important;padding:0 12px!important}
    .gp6-hero{padding:22px 22px!important;gap:20px!important}
    .gp6-hero-media{padding:14px 16px!important}
    .gp6-hero-media img{max-width:90%!important;max-height:210px!important}
}
@media(max-width:767px){
    #bo_v.gp6-view{margin:18px auto 24px!important;padding:0 8px!important}
    .gp6-hero{padding:20px 16px 22px!important}
    .gp6-hero-media{padding:12px 0 8px!important}
    .gp6-hero-media img{max-width:92%!important;max-height:none!important}
}

/* =========================================================
   GGONGPLAY GUIDE VIEW V9 - final padding / balanced hero image
   ========================================================= */
#bo_v.gp6-view{
    margin:26px auto 30px!important;
    padding:16px!important;
}
.gp6-hero-media img{
    max-width:94%!important;
    max-height:260px!important;
}
@media(max-width:900px){
    #bo_v.gp6-view{margin:22px auto 26px!important;padding:16px!important}
    .gp6-hero-media img{max-width:94%!important;max-height:245px!important}
}
@media(max-width:767px){
    #bo_v.gp6-view{margin:18px auto 24px!important;padding:12px!important}
    .gp6-hero-media img{max-width:94%!important;max-height:none!important}
}

/* =========================================================
   GGONGPLAY GUIDE V10 - admin HTML authoring + refined article
   ========================================================= */
.gp-gw-raw-wrap{border:1px solid #dfe5e8!important;border-radius:12px!important;background:#fff!important}
.gp-gw-raw-html{display:block!important;width:100%!important;min-height:520px!important;padding:20px!important;border:0!important;outline:0!important;resize:vertical;background:#fff!important;color:#263441!important;font-family:Consolas,Monaco,'Courier New',monospace!important;font-size:13px!important;line-height:1.75!important;tab-size:2}
.gp-gw-raw-html::placeholder{color:#a5afb8}

/* 상세 상단 제목을 줄이고 본문 비주얼 계층 강화 */
.gp6-hero h1{font-size:34px!important;line-height:1.24!important;letter-spacing:-1.5px!important}
.gp6-summary{font-size:14.5px!important;line-height:1.78!important}
.gp6-body{padding-top:50px!important}
.gp6-content{max-width:800px!important;font-size:16.5px!important;line-height:1.95!important;color:#313b44!important}
.gp6-content>p:first-child{font-size:17px;line-height:1.95;color:#28323b}
.gp6-content strong{color:#17212a;font-weight:850}
.gp6-content a{color:#1f6f9f;text-decoration:underline;text-underline-offset:3px}

/* HTML 콘텐츠용 재사용 컴포넌트 */
.gp6-content .gp6-note{margin:30px 0;padding:22px 24px;border:1px solid #e2e8dc;border-left:4px solid #9ccd25;border-radius:12px;background:#f8fbf3}
.gp6-content .gp6-note>strong{display:block;margin-bottom:7px;font-size:16px;font-weight:900;color:#1f2a22}
.gp6-content .gp6-note p{margin:0;color:#56625a}
.gp6-content .gp6-checklist{list-style:none;margin:26px 0 32px;padding:20px 22px;border:1px solid #e8ecef;border-radius:12px;background:#fafbfb}
.gp6-content .gp6-checklist li{position:relative;margin:0;padding:10px 0 10px 30px;border-bottom:1px solid #edf0f2}
.gp6-content .gp6-checklist li:last-child{border-bottom:0}
.gp6-content .gp6-checklist li:before{content:'✓';position:absolute;left:2px;top:10px;display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;background:#101923;color:#b7ff16;font-size:10px;font-weight:900}
.gp6-content .gp6-related-link{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:34px 0;padding:18px 20px;border:1px solid #dfe5e8;border-radius:11px;background:#fff;color:#1d2730!important;text-decoration:none!important;font-weight:850;box-shadow:0 7px 18px rgba(13,24,34,.035)}
.gp6-content .gp6-related-link:hover{border-color:#cbd4d9;box-shadow:0 10px 24px rgba(13,24,34,.06)}
.gp6-content .gp6-related-link span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#101923;color:#b7ff16;font-size:15px}

@media(max-width:900px){
  .gp6-hero h1{font-size:31px!important}
}
@media(max-width:767px){
  .gp6-hero h1{font-size:26px!important;line-height:1.28!important;letter-spacing:-1px!important}
  .gp6-body{padding-top:30px!important}
  .gp6-content{font-size:15.5px!important;line-height:1.9!important}
  .gp6-content>p:first-child{font-size:16px}
  .gp6-content .gp6-note{padding:18px 17px}
  .gp6-content .gp6-related-link{padding:16px}
  .gp-gw-raw-html{min-height:440px!important;font-size:12px!important}
}


/* GGONGPLAY GUIDE FINAL: compact title */
.gp6-hero h1{font-size:30px!important;line-height:1.28!important;letter-spacing:-1.2px!important;}
@media(max-width:900px){.gp6-hero h1{font-size:28px!important;}}
@media(max-width:767px){.gp6-hero h1{font-size:24px!important;line-height:1.3!important;letter-spacing:-.8px!important;}}

/* GGONGPLAY GUIDE FINAL: tighter article rhythm */
.gp6-content{
    line-height:1.75!important;
}
.gp6-content p{
    margin:0 0 14px!important;
    line-height:1.75!important;
}
.gp6-content>p:first-child{
    line-height:1.75!important;
    margin-bottom:14px!important;
}
.gp6-content h2{
    margin-top:40px!important;
    margin-bottom:16px!important;
}
.gp6-content h3{
    margin-top:28px!important;
    margin-bottom:12px!important;
}
.gp6-content ul,
.gp6-content ol{
    margin-top:14px!important;
    margin-bottom:20px!important;
}
.gp6-content .gp6-related-link{
    margin-top:22px!important;
    margin-bottom:22px!important;
}
.gp6-content .gp6-note,
.gp6-content .gp6-highlight-box,
.gp6-content .gp6-check-box,
.gp6-content .gp6-next-guide{
    margin-top:20px!important;
    margin-bottom:20px!important;
}
@media(max-width:767px){
    .gp6-content{line-height:1.72!important;}
    .gp6-content p{margin-bottom:12px!important;line-height:1.72!important;}
    .gp6-content>p:first-child{line-height:1.72!important;margin-bottom:12px!important;}
    .gp6-content h2{margin-top:32px!important;margin-bottom:14px!important;}
}

/* =========================================================
   GGONGPLAY GUIDE V11 - polished editorial components
   Existing article HTML is styled automatically.
   ========================================================= */

/* Article canvas */
.gp6-content{
    max-width:800px!important;
    color:#26313b!important;
}
.gp6-content p{
    color:#34404b;
}
.gp6-content strong{
    color:#111a23!important;
    font-weight:850!important;
}

/* Section title: keep current identity, soften the rule */
.gp6-content h2{
    padding-bottom:17px!important;
    border-bottom:1px solid #edf0f2!important;
    color:#111922!important;
    font-size:26px!important;
    letter-spacing:-1.05px!important;
}
.gp6-content h2::before{
    box-shadow:0 4px 10px rgba(15,23,32,.08);
}

/* Intro paragraphs feel editorial instead of board-like */
.gp6-content > p:first-child{
    color:#1f2b35!important;
    font-size:17px!important;
}

/* Highlight / key summary */
.gp6-content .gp6-highlight-box,
.gp6-content .gp6-note{
    position:relative;
    padding:21px 23px 20px 25px!important;
    border:1px solid #e4eadc!important;
    border-left:4px solid #a4d916!important;
    border-radius:12px!important;
    background:linear-gradient(135deg,#fbfdf8 0%,#f7faf4 100%)!important;
    box-shadow:0 8px 24px rgba(17,26,35,.035);
}
.gp6-content .gp6-highlight-box > strong,
.gp6-content .gp6-note > strong{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0 0 8px!important;
    color:#172119!important;
    font-size:15px!important;
    font-weight:900!important;
}
.gp6-content .gp6-highlight-box > strong::before,
.gp6-content .gp6-note > strong::before{
    content:'POINT';
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:20px;
    padding:0 7px;
    border-radius:5px;
    background:#111923;
    color:#b8f51c;
    font-size:9px;
    font-weight:900;
    letter-spacing:.07em;
}
.gp6-content .gp6-highlight-box p,
.gp6-content .gp6-note p{
    margin:0!important;
    color:#4b584f!important;
}

/* Checklist block */
.gp6-content .gp6-check-box{
    padding:20px 22px 18px!important;
    border:1px solid #e5eaed;
    border-radius:12px;
    background:#f8fafb;
    box-shadow:0 8px 22px rgba(17,26,35,.025);
}
.gp6-content .gp6-check-box > strong{
    display:block;
    margin:0 0 10px;
    color:#131d27!important;
    font-size:15px;
    font-weight:900!important;
}
.gp6-content .gp6-check-box ul,
.gp6-content .gp6-check-box ol{
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    list-style:none!important;
}
.gp6-content .gp6-check-box li{
    position:relative;
    margin:0!important;
    padding:9px 0 9px 30px!important;
    border-bottom:1px solid #e7ecef;
    color:#37434d;
}
.gp6-content .gp6-check-box li:last-child{border-bottom:0}
.gp6-content .gp6-check-box li::before{
    content:'✓';
    position:absolute;
    left:0;
    top:9px;
    display:flex;
    width:19px;
    height:19px;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#111923;
    color:#b8f51c;
    font-size:10px;
    font-weight:900;
}

/* Normal top-level lists become compact information cards */
.gp6-content > ul,
.gp6-content > ol{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    list-style:none!important;
}
.gp6-content > ul > li,
.gp6-content > ol > li{
    position:relative;
    min-height:54px;
    margin:0!important;
    padding:14px 15px 14px 39px!important;
    border:1px solid #e8ecef;
    border-radius:10px;
    background:#fbfcfc;
    color:#3a4650;
    line-height:1.55;
}
.gp6-content > ul > li::before,
.gp6-content > ol > li::before{
    content:'';
    position:absolute;
    left:16px;
    top:21px;
    width:7px;
    height:7px;
    border-radius:50%;
    background:#9ed914;
    box-shadow:0 0 0 4px #eef8d7;
}

/* Related article link */
.gp6-content .gp6-related-link{
    border-color:#e0e5e8!important;
    background:linear-gradient(180deg,#fff 0%,#fbfcfc 100%)!important;
    box-shadow:0 8px 22px rgba(17,26,35,.04)!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.gp6-content .gp6-related-link:hover{
    transform:translateY(-1px);
    border-color:#cdd6da!important;
    box-shadow:0 12px 28px rgba(17,26,35,.07)!important;
}

/* Next guide CTA */
.gp6-content .gp6-next-guide{
    position:relative;
    overflow:hidden;
    padding:24px 26px 23px!important;
    border:1px solid #1d2833;
    border-radius:14px;
    background:#101923;
    box-shadow:0 12px 30px rgba(12,19,26,.12);
}
.gp6-content .gp6-next-guide::after{
    content:'→';
    position:absolute;
    right:24px;
    top:24px;
    color:#b8f51c;
    font-size:24px;
    font-weight:400;
}
.gp6-content .gp6-next-guide > span{
    display:block;
    margin:0 0 8px;
    color:#b8f51c;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
}
.gp6-content .gp6-next-guide > strong{
    display:block;
    max-width:88%;
    margin:0 0 7px;
    color:#fff!important;
    font-size:19px;
    line-height:1.45;
    font-weight:900!important;
}
.gp6-content .gp6-next-guide p{
    max-width:88%;
    margin:0!important;
    color:#aeb8c1!important;
    font-size:14px;
    line-height:1.7!important;
}

@media(max-width:767px){
    .gp6-content h2{font-size:21px!important;padding-bottom:14px!important;}
    .gp6-content > ul,
    .gp6-content > ol{grid-template-columns:1fr;gap:8px!important;}
    .gp6-content .gp6-highlight-box,
    .gp6-content .gp6-note,
    .gp6-content .gp6-check-box{padding:17px 16px!important;}
    .gp6-content .gp6-next-guide{padding:20px 19px!important;}
    .gp6-content .gp6-next-guide::after{right:18px;top:19px;}
    .gp6-content .gp6-next-guide > strong,
    .gp6-content .gp6-next-guide p{max-width:85%;}
    .gp6-content .gp6-next-guide > strong{font-size:17px;}
}


/* =========================================================
   GGONGPLAY HERO SYSTEM V2 — GUIDE
   BOARD / GUIDE / NOTICE 공통 치수
   ========================================================= */
.gp-guide-board .gp-guide-hero{
    min-height:184px!important;
    margin:0 0 24px!important;
    padding:30px 42px!important;
    gap:28px!important;
    border-radius:20px!important;
}
.gp-guide-board .gp-guide-hero__copy{max-width:720px!important}
.gp-guide-board .gp-guide-eyebrow{
    display:inline-flex!important;align-items:center!important;gap:9px!important;
    margin:0 0 13px!important;font-size:11px!important;line-height:1!important;
    font-weight:800!important;letter-spacing:1.25px!important;
}
.gp-guide-board .gp-guide-eyebrow:before{width:25px!important;height:2px!important}
.gp-guide-board .gp-guide-hero h1{
    margin:0 0 11px!important;font-size:32px!important;line-height:1.2!important;
    font-weight:800!important;letter-spacing:-1.35px!important;
}
.gp-guide-board .gp-guide-hero p{
    margin:0!important;font-size:13.5px!important;line-height:1.7!important;
    font-weight:400!important;letter-spacing:-.2px!important;
}
.gp-guide-board .gp-guide-hero__mark{
    position:relative!important;z-index:3!important;flex:0 0 108px!important;
    width:108px!important;height:108px!important;padding:0!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
    transform:rotate(2deg)!important;background:rgba(255,255,255,.96)!important;
    border:1px solid #e0e9e7!important;border-radius:27px!important;
    box-shadow:0 14px 28px rgba(19,73,68,.085)!important;
}
.gp-guide-board .gp-guide-mark-kicker{
    margin:0 0 5px!important;color:#8a97a3!important;font-family:Arial,sans-serif!important;
    font-size:8px!important;line-height:1!important;font-weight:800!important;letter-spacing:1.35px!important;
}
.gp-guide-board .gp-guide-mark-symbol{
    margin:0!important;color:#0db394!important;font-family:Arial,sans-serif!important;
    font-size:34px!important;line-height:.95!important;font-weight:700!important;
}
.gp-guide-board .gp-guide-mark-label{
    margin:6px 0 0!important;color:#82909b!important;font-family:Arial,sans-serif!important;
    font-size:7px!important;line-height:1!important;font-weight:800!important;letter-spacing:1.2px!important;
}
@media(max-width:991px){
    .gp-guide-board .gp-guide-hero{min-height:174px!important;padding:28px 34px!important}
    .gp-guide-board .gp-guide-hero__copy{max-width:64%!important}
    .gp-guide-board .gp-guide-hero h1{font-size:29px!important}
    .gp-guide-board .gp-guide-hero__mark{flex-basis:98px!important;width:98px!important;height:98px!important;border-radius:25px!important}
    .gp-guide-board .gp-guide-mark-symbol{font-size:31px!important}
}
@media(max-width:767px){
    .gp-guide-board{padding-left:10px!important;padding-right:10px!important}
    .gp-guide-board .gp-guide-hero{min-height:0!important;margin:0 0 18px!important;padding:23px 20px 22px!important;border-radius:15px!important}
    .gp-guide-board .gp-guide-hero__copy{max-width:calc(100% - 76px)!important}
    .gp-guide-board .gp-guide-eyebrow{gap:7px!important;margin-bottom:10px!important;font-size:9px!important;letter-spacing:1px!important}
    .gp-guide-board .gp-guide-eyebrow:before{width:19px!important}
    .gp-guide-board .gp-guide-hero h1{margin-bottom:8px!important;font-size:23px!important;letter-spacing:-1px!important}
    .gp-guide-board .gp-guide-hero p{font-size:11.5px!important;line-height:1.62!important}
    .gp-guide-board .gp-guide-hero__mark{
        display:flex!important;flex-basis:64px!important;width:64px!important;height:64px!important;
        border-radius:18px!important;box-shadow:0 8px 18px rgba(19,73,68,.07)!important;
    }
    .gp-guide-board .gp-guide-mark-kicker{margin-bottom:3px!important;font-size:5.5px!important;letter-spacing:.8px!important}
    .gp-guide-board .gp-guide-mark-symbol{font-size:23px!important}
    .gp-guide-board .gp-guide-mark-label{margin-top:3px!important;font-size:5.5px!important;letter-spacing:.75px!important}
}
@media(max-width:420px){
    .gp-guide-board .gp-guide-hero{padding:21px 17px 20px!important}
    .gp-guide-board .gp-guide-hero__copy{max-width:calc(100% - 65px)!important}
    .gp-guide-board .gp-guide-hero h1{font-size:21px!important}
    .gp-guide-board .gp-guide-hero p{font-size:11px!important}
    .gp-guide-board .gp-guide-hero__mark{flex-basis:58px!important;width:58px!important;height:58px!important;border-radius:16px!important}
    .gp-guide-board .gp-guide-mark-symbol{font-size:21px!important}
}


/* GGONGPLAY UNIFIED HERO FINAL — GUIDE */
.gp-guide-board{width:100%!important;max-width:none!important;box-sizing:border-box!important}
.gp-guide-board .gp-guide-hero{
 width:100%!important;max-width:none!important;min-height:184px!important;height:184px!important;
 margin:0 0 24px!important;padding:30px 42px!important;box-sizing:border-box!important;
 border-radius:20px!important;
}
.gp-guide-board .gp-guide-hero__copy{max-width:720px!important}
.gp-guide-board .gp-guide-eyebrow{margin:0 0 13px!important;font-size:11px!important;line-height:1!important;letter-spacing:1.25px!important}
.gp-guide-board .gp-guide-hero h1{margin:0 0 11px!important;font-size:32px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-1.35px!important}
.gp-guide-board .gp-guide-hero p{margin:0!important;font-size:13.5px!important;line-height:1.7!important}
.gp-guide-board .gp-guide-hero__mark{flex:0 0 108px!important;width:108px!important;height:108px!important;border-radius:27px!important}
@media(min-width:768px){
 .gp-guide-board{padding-left:0!important;padding-right:0!important}
}
@media(max-width:767px){
 .gp-guide-board{padding-left:0!important;padding-right:0!important}
 .gp-guide-board .gp-guide-hero{height:auto!important;min-height:138px!important;margin:0 0 18px!important;padding:23px 20px 22px!important;border-radius:15px!important}
 .gp-guide-board .gp-guide-hero__copy{max-width:calc(100% - 76px)!important}
 .gp-guide-board .gp-guide-eyebrow{margin-bottom:10px!important;font-size:9px!important}
 .gp-guide-board .gp-guide-hero h1{margin-bottom:8px!important;font-size:23px!important}
 .gp-guide-board .gp-guide-hero p{font-size:11.5px!important;line-height:1.62!important}
 .gp-guide-board .gp-guide-hero__mark{display:flex!important;flex:0 0 64px!important;width:64px!important;height:64px!important;border-radius:18px!important}
}



/* ===== GUIDE WRITE PREVIEW V1 ===== */
.gp-gw-mini-thumb{position:relative;overflow:hidden;aspect-ratio:16/9;height:auto!important;min-height:105px;background:linear-gradient(135deg,#111923,#1b2836)}
.gp-gw-mini-thumb>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.gp-gw-mini-placeholder{display:flex;width:100%;height:100%;min-height:105px;flex-direction:column;align-items:center;justify-content:center}
.gp-gw-mini-placeholder span{color:#9ba8b6;font-size:9px;font-weight:800;letter-spacing:1.5px}
.gp-gw-mini-placeholder strong{color:var(--gw-lime);font-size:21px;letter-spacing:-1px}
/* ===== /GUIDE WRITE PREVIEW V1 ===== */

/* =========================================================
   GGONGPLAY GUIDE LIST - CARD ALIGNMENT FINAL
   Keep all card text/footer baselines aligned across the grid.
========================================================= */
.gp-guide-grid .gp-guide-card__link{
    display:flex;
    flex-direction:column;
    height:100%;
}
.gp-guide-grid .gp-guide-card__body{
    flex:1 1 auto;
    min-height:0;
}
.gp-guide-grid .gp-guide-card h2{
    height:50px;
    min-height:50px;
    max-height:50px;
}
.gp-guide-grid .gp-guide-card p{
    height:42px;
    min-height:42px;
    max-height:42px;
}
.gp-guide-grid .gp-guide-card__footer{
    width:100%;
    min-height:34px;
    margin-top:auto;
}
@media (max-width:575.98px){
    .gp-guide-grid .gp-guide-card h2{
        height:45px;
        min-height:45px;
        max-height:45px;
    }
    .gp-guide-grid .gp-guide-card p{
        height:41px;
        min-height:41px;
        max-height:41px;
    }
}