/* 2026-11-14 : 공지·1:1 문의·구매후기 css 를 이 파일로 합침 — 아래 커뮤니티 기본 규칙은 :where(body:not(.cm-solo)) 로 감쌈 (예전에 community.css 를 안 읽던 화면 = body cm-solo 엔 안 걸림 · 세기는 그대로) */
:where(body:not(.cm-solo)) h2 {
	font-size:24px;
	font-weight:400;
	letter-spacing:-2px;
	text-align:center;
}

:where(body:not(.cm-solo)) ul {
	list-style: none;
	padding:0;
	margin:0;
}

:where(body:not(.cm-solo)) .community-main {

}

:where(body:not(.cm-solo)) .col1 {
	width:100%;
	margin:0 0 50px;
}

:where(body:not(.cm-solo)) .col2 {
	width:1000px;
	margin:0 0 50px;
	border:0px solid #dddddd;
	border-width:0 1px 0 0;
}


:where(body:not(.cm-solo)) .col4 {
	display:inline-block;
	width:calc(100% / 4);
	margin:0 0 50px;
	vertical-align: top;
}

:where(body:not(.cm-solo)) .newsul {
	list-style: none;
	width:100%;
	padding:0;
	margin:0;
}

:where(body:not(.cm-solo)) .newsul li {
	display:inline-block;
	width:calc((100% / 5) - 16px);
	margin-right: 20px;
}

:where(body:not(.cm-solo)) .newsul li:nth-child(5n) {
	margin-right: 0px;
}

:where(body:not(.cm-solo)) div.board-title {
	font-size:24px;
	font-weight:500;
	letter-spacing:-1px;
	padding:20px 0;
	color:#000000;
}

:where(body:not(.cm-solo)) div.board-title span {
	float:right;
}

:where(body:not(.cm-solo)) div.board-title span button {
	background-color:#ffffff;
	padding:9px 15px 9px;
	line-height:100%;
	border:1px solid #bbbbbb;
	border-radius:5px;
	font-size:14px;
	color:#666666;
	font-weight:600;
	margin-top:1px;
}

:where(body:not(.cm-solo)) nav.local-Sub-Menu span button {
	background-color:#ffffff;
	padding:9px 15px 9px;
	line-height:100%;
	border:1px solid #bbbbbb;
	border-radius:5px;
	font-size:14px;
	color:#666666;
	font-weight:600;
	margin-top:-9px;
}

:where(body:not(.cm-solo)) p.boardtitle {
	font-size:18px;
	font-weight:600;
	letter-spacing:-1px;
}

:where(body:not(.cm-solo)) p.newsthumbtitle {
	font-size:13px;
	font-weight:400;
	letter-spacing:-1px;
	padding:8px 5px;
	margin:0;
}

:where(body:not(.cm-solo)) ul.galleryUl {
}

:where(body:not(.cm-solo)) ul.galleryUl > li {
	display:inline-block;
	vertical-align:top;
	margin:0 10px 10px 0;
}

:where(body:not(.cm-solo)) ul.galleryUl > li:nth-child(6n) {
	margin-right:0;
}

:where(body:not(.cm-solo)) .galleryThumbnail {
	width:calc((var(--bodywidth) / 6) - 15px);
	height:calc((var(--bodywidth) / 6) - 15px);
	background-color:#f7f7f7;
	background-size:cover;
	background-position: center center;
}

:where(body:not(.cm-solo)) .galleryTitle {
	font-size: 13px;
	letter-spacing: -1px;
	font-weight: 600;
	margin: 10px 0 30px;
	padding: 0;
	overflow: hidden;
}

:where(body:not(.cm-solo)) .boardul {
	list-style: none;
	width:100%;
	padding:0;
	margin:0;
}

:where(body:not(.cm-solo)) .boardul li {
	display:inline-block;
	width:100%;
}

:where(body:not(.cm-solo)) p.articletitle {
	font-size:13px;
	font-weight:400;
	letter-spacing:-1px;
	padding:4px 5px 4px 10px;
	margin:0;
}

:where(body:not(.cm-solo)) .boardListUl {
	
}

:where(body:not(.cm-solo)) .boardListUl > .articleLi {
	font-family:'Nanum-Square';
	display:inline-block;
	width:calc(50%);
	padding:0 0 0 0;
	margin-bottom:30px;
	vertical-align: top;
	cursor:pointer;
}

:where(body:not(.cm-solo)) .boardListUl > .articleLi > a > .listArticle {
	display:inline-block;
	width:calc(100% - 220px);
}

:where(body:not(.cm-solo)) .boardListUl > .articleLi > a > .listArticle > .listArticleCategory {
	font-size:12px;
	padding: 2px 10px 0;
	margin:0;
	font-weight:600;
	color:#999999;
	letter-spacing: -0.5px;
}

:where(body:not(.cm-solo)) .boardListUl > .articleLi > a > .listArticle > .listArticleTitle {
	font-family:'NanumSquare';
	font-size:16px;
	padding: 5px 10px 0;
	margin:0;
	font-weight:600;
	letter-spacing: -1px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
}

:where(body:not(.cm-solo)) .boardListUl > .articleLi > a > .listArticle > .listArticlePreview {
	display: inline-block; /* 인터넷 익스플로러 호환 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-size:14px;
	padding: 7px 10px 0;
	margin:0;
	font-weight:400;
	line-height: 127%;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	letter-spacing: -0.5px;
	color:#777777;
}

:where(body:not(.cm-solo)) .boardListUl > .articleLi > a > .listArticle > .listArticleDate {
	font-family:'arial';
	font-size:12px;
	padding: 14px 10px 0;
	margin:0;
	font-weight:600;
	color:#999999;
	letter-spacing: -0.5px;
}

:where(body:not(.cm-solo)) .boardListUl > .articleLi > a > .listArticle > .listArticlePrice {
	font-size:18px;
	font-family:'arial';
	padding: 10px 10px 0;
	margin:0;
	font-weight:600;
	color:#0099aa;
}

:where(body:not(.cm-solo)) .boardListUl > .articleLi > a > .listThumbnail {
	display:inline-block;
	width:200px;
	height:135px;
	background-color:#eeeeee;
	background-size:cover;
	background-position:center center;
	vertical-align: top;
}

:where(body:not(.cm-solo)) .boardGalleryUl > .articleLi {
	font-family:'Nanum-Square';
	display:inline-block;
	width:calc((1400px / 4) - 8px);
	margin:0 10px 0 0;
	padding:0 0 8px 0;
	vertical-align: top;
	cursor:pointer;
}

:where(body:not(.cm-solo)) .boardGalleryUl > .articleLi:nth-child(4n) {
	margin:0;
}

:where(body:not(.cm-solo)) .boardGalleryUl > .articleLi > a > .listArticle > .listArticleTitle {
	font-family:'NanumSquare';
	font-size:15px;
	padding: 10px 0 0;
	margin:0;
	font-weight:600;
	letter-spacing: -1px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
}

:where(body:not(.cm-solo)) .boardGalleryUl > .articleLi > a > .listArticle > .listArticleDate {
	font-size: 13px;
	padding: 10px 0 30px;
	margin: 0;
	font-weight: 400;
	color: #777777;
}

:where(body:not(.cm-solo)) .boardGalleryUl > .articleLi > a > .listThumbnail {
	display:inline-block;
	width:calc((1400px / 4) - 8px);
	height:calc((1400px / 4) - 8px);
	background-color:#eeeeee;
	background-size:cover;
	background-position:center center;
	vertical-align: top;
}

:where(body:not(.cm-solo)) .boardGalleryUl > .articleLi {
	font-family:'Nanum-Square';
	display:inline-block;
	width:calc((1400px / 4) - 8px);
	margin:0 10px 0 0;
	padding:0 0 8px 0;
	vertical-align: top;
	cursor:pointer;
}


:where(body:not(.cm-solo)) .resellListUl > .articleLi {
	font-family:'Nanum-Square';
	display:inline-block;
	width:calc((var(--bodywidth) / 4) - 22px);
	margin:0 16px 0 0;
	padding:0 0 8px 0;
	vertical-align: top;
	cursor:pointer;
}

:where(body:not(.cm-solo)) .resellListUl > .articleLi:nth-child(4n) {
	margin:0;
}

:where(body:not(.cm-solo)) .resellListUl > .articleLi > a > .listThumbnail {
	display:inline-block;
	width:calc((var(--bodywidth) / 4) - 22px);
	height:calc((var(--bodywidth) / 4) - 22px);
	background-color:#eeeeee;
	background-size:cover;
	background-position:center center;
	vertical-align: top;
	border-radius:5px;
}

:where(body:not(.cm-solo)) .resellListUl > .articleLi > a > .listArticle > .listArticleTitle {
	font-family:'NanumSquare';
	font-size:16px;
	padding: 14px 0 0;
	margin:0;
	font-weight:500;
	letter-spacing: -1px;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
}

:where(body:not(.cm-solo)) .resellListUl > .articleLi > a > .listArticle > .listArticleDate {
	font-family:'NanumSquare';
	font-size: 11px;
	padding: 6px 0 17px;
	margin: 0;
	font-weight: 400;
	color: #999999;
	letter-spacing: -0.5px;
}

:where(body:not(.cm-solo)) .resellListUl > .articleLi > a > .listArticle > .listArticlePrice {
	font-size: 18px;
	padding: 0 0 60px;
	margin: 0;
	letter-spacing:-1px;
	font-weight: 600;
	color: #008888;
}

:where(body:not(.cm-solo)) .exhibitionLi {
	font-family:'NanumSquare';
	display:inline-block;
	width:calc(20% - 16px);
	padding:0 0 0 0;
	margin-bottom:30px;
	vertical-align: top;
	cursor:pointer;
	margin:0 20px 50px 0;
}

:where(body:not(.cm-solo)) .exhibitionLi:nth-child(5n){
	margin-right:0;
}

:where(body:not(.cm-solo)) .exhibitionLi hr {
	border:0;
	border-bottom:1px solid #eeeeee;
}

:where(body:not(.cm-solo)) .exhibitionListThumbnail {
	display:inline-block;
	width:100%;
	height:374px;
	background-color:#eeeeee;
	background-size:cover;
	background-position:center center;
	vertical-align: top;
}

:where(body:not(.cm-solo)) .listExhibition {
	padding:10px 5px;
}

:where(body:not(.cm-solo)) .exhibitionListTitle {
	text-align:left;
	font-size:15px;
	font-weight:600;
	letter-spacing:-1px;
	margin:5px 0 3px;
}

:where(body:not(.cm-solo)) .exhibitionListDate {
	text-align:left;
	font-size:13px;
	font-weight:800;
	letter-spacing:-0.5px;
	margin:8px 0 5px;
	color:#3399aa;
}

:where(body:not(.cm-solo)) .exhibitionListPlace {
	text-align:left;
	font-size:11px;
	font-weight:600;
	letter-spacing:-0.5px;
	margin:5px 0 5px;
	color:#999999;
}

:where(body:not(.cm-solo)) .exhibitionbrand {
	font-size:14px;
	letter-spacing: -1px;
	margin:10px 0 5px;
}

:where(body:not(.cm-solo)) .exhibitionperiod {
	font-family:'arial';
	font-size:16px;
	font-weight: 600;
	letter-spacing:-0.5px;
	color:#0099aa;
	margin:0;
}

:where(body:not(.cm-solo)) .exhibitionListPrice {
	display:inline-block;
	font-family:'arial';
	font-size:11px;
	font-weight: 600;
	letter-spacing:-0.5px;
	color:#777777;
	margin:3px 0 10px;
	padding:3px 6px 3px 5px;
	border-radius:2px;
	border:1px solid #bbbbbb;
}

:where(body:not(.cm-solo)) .addImages {
	text-align:center;
}

:where(body:not(.cm-solo)) .addImage {
	display:inline-block;
	width:60px;
	height:60px;
	background-position: center center;
	background-size:cover;
	border:1px solid #dddddd;
	margin:4px 1px;
	cursor: pointer;
}

:where(body:not(.cm-solo)) .paging {
	margin:50px 0 80px;
}

:where(body:not(.cm-solo)) .paging ul li {
	padding:0 10px;
}

:where(body:not(.cm-solo)) .paging ul li {
	font-family:'Nanum-Square';
	display:inline-block;
	font-size:16px;
	letter-spacing:-0.5px;
	font-weight:400;
}
/*
ul.likeul {
}

ul.likeul > li {
	display:inline-block;
	vertical-align:top;
	margin:0 10px 10px 0;
}

ul.likeul > li:nth-child(6n) {
	margin-right:0;
}
*/
:where(body:not(.cm-solo)) .likethumb {
	width:calc((var(--bodywidth) / 6) - 15px);
	height:calc((var(--bodywidth) / 6) - 15px);
	background-color:#f7f7f7;
	background-size:cover;
	background-position: center center;
	border-radius:5px;
}

:where(body:not(.cm-solo)) .likethumb img {
	max-width:100%;
	max-height:100%;
	
}

:where(body:not(.cm-solo)) .likeprdname {
	font-size:13px;
	letter-spacing: -1px;
	font-weight:600;
	margin:10px 0 0px;
	padding:0;
	overflow:hidden;
}

:where(body:not(.cm-solo)) .likeprdartist {
	font-size:11px;
	letter-spacing: -1px;
	font-weight:500;
	margin:2px 0 20px;
	padding:0;
	color:#999999;
	overflow:hidden;
}

:where(body:not(.cm-solo)) .content {
	padding-bottom:100px;
	background-color:#ffffff;
}

:where(body:not(.cm-solo)) .content .main-area {
	display:inline-block;
	width:1000px;
	border-right:1px solid #eeeeee;
	background-color:#ffffff;
	padding:0 20px 20px 0;
	letter-spacing: -0.7px;
	
}

:where(body:not(.cm-solo)) .content .main-area p {
	margin:0;
	line-height:160%;
}

:where(body:not(.cm-solo)) .content .sub-area {
	display:inline-block;
	padding-left:20px;
	width:335px;
	vertical-align:top;
}

:where(body:not(.cm-solo)) .content .images {
	text-align:center;
	background-color:#f7f7f7;
	margin:20px 0;
}

:where(body:not(.cm-solo)) .content .contentDiv {
	font-family:'Noto Sans KR';
	padding:40px 0 0;
	font-weight:300;
}

:where(body:not(.cm-solo)) .content .contentDiv b {
	font-size:18px;
	font-weight:500;
}

:where(body:not(.cm-solo)) .content .contentDiv small {
	font-size:13px;
	font-weight:400;
	line-height:160%;
}

:where(body:not(.cm-solo)) .content .tag {
	font-size:13px;
	margin-top:70px;
	color:#999999;
}

:where(body:not(.cm-solo)) .content .main-area .texthead {
	font-size:16px;
	font-weight:500;
	font-size:16px;
	line-height:140%;
	letter-spacing: -1px;
	margin-top:50px;
	padding:0 60px;
}

:where(body:not(.cm-solo)) .content .text {
	font-size:16px;
	font-weight:300;
	line-height:160%;
	letter-spacing: -1px;
	margin-top:15px;
	padding:0 60px;
}

:where(body:not(.cm-solo)) .content .btnarea {
	margin:70px 0 0;
	text-align:center;
}

:where(body:not(.cm-solo)) .btnarea button {
	padding:15px 25px !important;
	line-height:100% !important;
	border:0px solid #bbbbbb !important;
	border-radius:5px !important;
	color:#ffffff;
	background-color:#0099aa;
	font-weight:600 !important;
	font-size:16px !important;
}

:where(body:not(.cm-solo)) .btnarea button.gray {
	background-color:#999999;
}

:where(body:not(.cm-solo)) .btnarea button.green {
	background-color:#0099aa;
}

:where(body:not(.cm-solo)) .content img {
	max-width:100%;
	max-height:960px;
}

:where(body:not(.cm-solo)) .content-title {
	font-size:30px;
	font-weight:400;
	letter-spacing:-1px;
	margin:0 0 70px;
	text-align:center;
}

:where(body:not(.cm-solo)) .sub-area-title {
	font-size:16px;
	margin:5px 0 15px;
	font-weight:600;
	letter-spacing:-1px;
}

:where(body:not(.cm-solo)) .sub-area-text {
	font-size:12px;
	line-height:140%;
	letter-spacing:-0.5px;
	color:#777777;
}

:where(body:not(.cm-solo)) .sub-area-text  span {
	margin-left:7px;
}

:where(body:not(.cm-solo)) .sub-area-Ul {

}

:where(body:not(.cm-solo)) .sub-area-Ul > .articleLi {
	font-family:'Nanum-Square';
	display:inline-block;
	width:100%;
	padding:0 0 20px 0;
	vertical-align: top;
	cursor:pointer;
}

:where(body:not(.cm-solo)) .sub-area-Ul > .articleLi > a > .listArticle {
	display:inline-block;
	width:calc(100% - 105px);
}

:where(body:not(.cm-solo)) .sub-area-Ul > .articleLi > a > .listArticle > .listArticleCategory {
	font-size:12px;
	padding: 2px 10px 0;
	margin:0;
	font-weight:600;
	color:#999999;
	letter-spacing: -0.5px;
}

:where(body:not(.cm-solo)) .sub-area-Ul > .articleLi > a > .listArticle > .listArticleTitle {
	font-family:'NanumSquare';
	display: inline-block; /* 인터넷 익스플로러 호환 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1;
	font-size:16px;
	padding: 5px 10px 0;
	margin:0;
	font-weight:600;
	letter-spacing: -1px;
	overflow: hidden;
}

:where(body:not(.cm-solo)) .sub-area-Ul > .articleLi > a > .listArticle > .listArticlePreview {
	display: inline-block; /* 인터넷 익스플로러 호환 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	font-size:14px;
	padding: 7px 0 0 10px;
	margin:0;
	font-weight:400;
	line-height: 127%;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: -0.5px;
	color:#777777;
}

:where(body:not(.cm-solo)) .sub-area-Ul > .articleLi > a > .listArticle > .listArticleDate {
	font-family:'arial';
	font-size:12px;
	padding: 8px 10px 0;
	margin:0;
	font-weight:600;
	color:#999999;
}

:where(body:not(.cm-solo)) .sub-area-Ul > .articleLi > a > .listThumbnail {
	display:inline-block;
	width:105px;
	height:105px;
	background-color:#eeeeee;
	background-size:cover;
	background-position:center center;
	vertical-align: top;
}

:where(body:not(.cm-solo)) .articleDate {
	font-family:'arial';
	font-size:12px;
	font-weight:600;
	color:#999999;
	margin:5px 0 10px;
	padding:0 0 0;
}

:where(body:not(.cm-solo)) .articleLink {
	font-family:'arial';
	font-size:12px;
	font-weight:400;
	color:#999999;
	margin:5px 0 10px;
	letter-spacing:-0.2px;
	padding:0 0 0;
}

:where(body:not(.cm-solo)) .boardListUl > .loungeLi {
	font-family:'Nanum-Square';
	display:inline-block;
	width:calc(100% - 32px);
	padding:8px 16px 10px;
	vertical-align: top;
	cursor:pointer;
	border-bottom:1px solid #eeeeee;
}

:where(body:not(.cm-solo)) .boardListUl > .loungeLi-notice {
	font-family:'Nanum-Square';
	display:inline-block;
	width:calc(100% - 32px);
	padding:8px 16px 10px;
	vertical-align: top;
	cursor:pointer;
	border:0;
	line-height:100%;
	background-color:#f4f4f4;
	margin:0 0 2px 0;
	border-radius:8px;
}

:where(body:not(.cm-solo)) .boardListUl > .loungeLi-notice:last-child {
	margin:0 0 15px 0;
}

:where(body:not(.cm-solo)) .loungeArticle {
	font-family:'NanumSquare';
}

:where(body:not(.cm-solo)) .loungeTitle {
	display: inline-block; /* 인터넷 익스플로러 호환 */
	width:100%;
	font-size:16px;
	padding: 5px 0 0;
	margin:0;
	font-weight:600;
	letter-spacing: -1px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1;
}

:where(body:not(.cm-solo)) .loungeDate {
	font-family:'arial';
	font-size:12px;
	margin:0;
	font-weight:500;
	color:#999999;
	letter-spacing: -0.5px;
	display: inline-block; /* 인터넷 익스플로러 호환 */
	width:100%;
	padding: 5px 0 0;
	margin:0;
	overflow: hidden;
}

:where(body:not(.cm-solo)) .write-table {
	display:inline-block;
	width:100%;
	font-size:14px;
	font-family:'NanumSquare';
	border-collapse: collapse;
	vertical-align: top;
}

:where(body:not(.cm-solo)) .write-table tr {
	border-bottom:1px dotted #dddddd;
}

:where(body:not(.cm-solo)) .write-table tr:last-child {
	border:0;
}

:where(body:not(.cm-solo)) .write-table th {
	text-align:left;
}

:where(body:not(.cm-solo)) .write-table th span {
	color:#ff0000;
}

:where(body:not(.cm-solo)) .write-table td {
	padding:9px 5px;
}

:where(body:not(.cm-solo)) .write-table select {
	font-family:'NanumSquare';
	font-weight:400;
	border:0;
	background-color:#f7f7f7;
	background-image:url('https://img.artnshop.net/img/select_bg.gif');
	background-position: right center;
	background-repeat: no-repeat;
	width:360px;
}

:where(body:not(.cm-solo)) .write-table td input {
	border:0;
	background-color:#f7f7f7;
	font-size:14px;
	padding:10px;
	font-family:'NanumSquare';
	font-weight:400;
	margin:0;
}

:where(body:not(.cm-solo)) .write-table td textarea {
	border:0;
	background-color:#f7f7f7;
	font-size:14px;
	margin:0;
	padding:10px;
	font-family:'NanumSquare';
	font-weight:400;
	resize:none;
}

:where(body:not(.cm-solo)) .subThumbnail {
	display: flex;
	vertical-align: top;
}

:where(body:not(.cm-solo)) .subText {
	padding:5px 0;
	margin:0;
	font-size:11px;
}

:where(body:not(.cm-solo)) .image-upload {
	display: flex;
	width: 144px;
	height: 144px;
	border: 1px dotted #cccccc;
	background-color: #fcfcfc;
	justify-content: center;
	align-items: center;
	font-size: 24px;
	font-weight: 100;
	color: #999999;
	cursor: pointer;
	margin-right: 4px;
}

:where(body:not(.cm-solo)) .rightarea {
	display:inline-block;
	border:0px solid #eeeeee;
	border-width:0 0 0 1px;
	width:340px;
	min-height:700px;
	vertical-align: top;
	margin:0 0 0 20px;
	padding:10px 10px 10px 24px;
}

:where(body:not(.cm-solo)) .exhibitionListView {
	font-size:11px;
	margin:8px 0 0;
	padding:0;
	color:#999999;
}

:where(body:not(.cm-solo)) .response {
	border:0px solid #eeeeee;
	border-width:2px 0 0 0;
	padding:16px;
	margin-top:50px;
	text-align:center;
	border-radius:0px;
}

:where(body:not(.cm-solo)) .response label {
	border:0px solid #dddddd;
	padding:11px 13px 3px 10px;
	border-radius:7px;
	cursor:pointer;
}

:where(body:not(.cm-solo)) .response p {
	display:inline-block;
	font-size:14px;
	font-weight:500;
	margin:0;
	padding:0;
	vertical-align: 6px;
}

:where(body:not(.cm-solo)) .response p span {
	font-family:'arial';
	font-weight:600;
	margin-left:5px;
}

:where(body:not(.cm-solo)) p.response-help {
	font-size:11px;
	font-weight:300;
	padding:10px 0 0 0;
	color:#888888;
	line-height:120%;
}

:where(body:not(.cm-solo)) .resell-notice {
	background-color:#f4f4f4;
	padding:15px;
	border:0px solid #dddddd;
	border-radius:10px;
}

:where(body:not(.cm-solo)) .resell-notice p {
	font-family:'NanumSquare';
	padding:0;
	margin:0;
	font-size:14px;
	font-weight:600;
	letter-spacing: -0.5px;
	text-align: center;
}

:where(body:not(.cm-solo)) .community-main .sort {
	font-family:'Noto Sans KR';
	font-size:13px;
	letter-spacing: -0.5px;
	color:#777777;
}

:where(body:not(.cm-solo)) .community-main .sort span {
	float:right;
}

/* 커뮤니티 댓글 */
:where(body:not(.cm-solo)) .community-comment p {
	font-weight:600;
	padding:30px 0 10px;
}

:where(body:not(.cm-solo)) .community-comment textarea {
	font-family: 'NanumSquare';
	width:calc(100% - 100px);
	height:100px;
	font-size:0.8em;
	font-weight:600;
	line-height: 140%;
	padding:13px;
	border:0px solid #dddddd;
	border-width:1px 0 1px 1px;
	border-radius:7px 0 0 7px;
	resize:none;
	vertical-align: top;
}

:where(body:not(.cm-solo)) .community-comment textarea:focus {
  outline: none; /* 파란 테두리 제거 */
  box-shadow: none; /* 박스 그림자 효과 제거 */
}

:where(body:not(.cm-solo)) .community-comment #save-comment, :where(body:not(.cm-solo)) #save-recomment {
	width:100px;
	height:100px;
	border:0px solid #dddddd;
	border-width:1px 1px 1px 0;
	border-radius:0 7px 7px 0;
	font-weight:600;
	font-size:14px;
}

:where(body:not(.cm-solo)) .community-comment #save-comment:hover,  , :where(body:not(.cm-solo)) #save-recomment:hover {
	background-color:#dcdcdc;
}

:where(body:not(.cm-solo)) .community-comment textarea.comment {
	width:calc(100% - 100px);
	height:100px;
}

:where(body:not(.cm-solo)) .community-comment textarea.recomment {
	width:calc(100% - 123px);
	height:100px;
	
}

:where(body:not(.cm-solo)) .community-comment .recommentDiv {
	text-align:right;
	vertical-align: top;
	margin:6px 0 0 0;
}

:where(body:not(.cm-solo)) p.comment-head {
	background-color:#f4f4f4;
	padding:8px 12px;
	margin:0;
	font-size:0.76em;
	color:#555555;
}

:where(body:not(.cm-solo)) p.recomment-head {
	background-color:#f7f7f7;
	padding:8px 12px;
	margin:0;
	font-size:0.76em;
	color:#555555;
}

:where(body:not(.cm-solo)) span#head-btn {
	padding:0 0 0 10px;
}

:where(body:not(.cm-solo)) p.comment-head span, :where(body:not(.cm-solo)) p.recomment-head span {
	float:right;
}

:where(body:not(.cm-solo)) p.board-comment {
	padding:14px 12px;
	margin:0;
	font-size:0.8em;
}

:where(body:not(.cm-solo)) #board-comment-list {
	margin-bottom:30px;
}

:where(body:not(.cm-solo)) #board-comment-list li, :where(body:not(.cm-solo)) .board-recomment-list li {
	width: 100%;
	font-family: 'NanumSquare';
	padding: 4px 0;
}

:where(body:not(.cm-solo)) #board-comment-list button.member {
	padding:2px 4px;
	margin:0 2px;
	border:0;
	font-size:12px;
	font-weight:800;
	color:#999999;
	border-radius:3px;
	background-color:transparent;
	vertical-align: 4px;
}

:where(body:not(.cm-solo)) #board-comment-list button.nowpage {
	font-size:16px;
	font-weight:600;
	color:#333333;
	padding:5px;
	border:0;
	background-color:transparent;
}

:where(body:not(.cm-solo)) #board-comment-list button.pageno {
	font-size:16px;
	font-weight:600;
	color:#999999;
	padding:5px;
	border:0;
	background-color:transparent;
}

:where(body:not(.cm-solo)) .recommentArea {
	
}


:where(body:not(.cm-solo)) .board-recomment-list {
	display:inline-block;
	width:calc(100% - 23px);
	vertical-align: top;
	margin-top:2px;
}


:where(body:not(.cm-solo)) .review-prev {
	font-size:14px;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	color:#777777;
	letter-spacing:-1px;
	overflow:hidden;
	line-height:130%;
	margin:7px 0 7px  0;
}

:where(body:not(.cm-solo)) button.write_btn {
	font-family: 'NanumSquare';
	background-color:#004455;
	border:0;
	border-radius:4px;
	color:#ffffff;
	font-size:16px;
	font-weight:600;
	padding:7px 14px;
}

:where(body:not(.cm-solo)) #write-title {
	border:0px solid #dddddd;
	border-width:0 0 2px 0;
	padding:12px 0;
	font-size:18px;
	background-color:transparent;
}

:where(body:not(.cm-solo)) #descriptionDiv {
	position: relative;
	border-radius:5px;
}

:where(body:not(.cm-solo)) #boardWriteDiv {
	position: relative;
	border-radius:5px;
}

:where(body:not(.cm-solo)) .write-main {
	display:inline-block;
	vertical-align: top;
}

:where(body:not(.cm-solo)) .sub-info {
	display:inline-block;
	width:calc(1360px - 1017px);
	border:1px solid #dddddd;
	margin-left:15px;
	padding:15px;
	border-radius:5px;
}

:where(body:not(.cm-solo)) .sub-info p {
	font-size:12px;
	margin:0;
	font-weight:600;
	letter-spacing:-0.5px;
	color:#666666;
}

:where(body:not(.cm-solo)) p.before-login {
	font-size:13px;
	font-weight:300;
	line-height:130%;
	letter-spacing:-0.5px;
}
/* ───────── 2026-10-19 커뮤니티 메인 (cmh-) — 예전 규칙과 겹치지 않게 cmh- 이름만 씀 ───────── */
:where(body:not(.cm-solo)) .cmh { color:#222222; letter-spacing:-0.3px; padding-bottom:70px; }
:where(body:not(.cm-solo)) .cmh * { box-sizing:border-box; }
:where(body:not(.cm-solo)) .cmh a { color:inherit; text-decoration:none; }
:where(body:not(.cm-solo)) .cmh-sec { margin:46px 0 0; }
:where(body:not(.cm-solo)) .cmh-sec:first-child { margin-top:20px; }
:where(body:not(.cm-solo)) .cmh-head { display:flex; align-items:baseline; gap:12px; margin:0 0 18px; padding-bottom:12px; border-bottom:1px solid #eeeeee; }
:where(body:not(.cm-solo)) .cmh-head h2 { margin:0; font-size:22px; font-weight:700; letter-spacing:-0.6px; }
:where(body:not(.cm-solo)) .cmh-head p { margin:0; font-size:14px; color:#999999; }
:where(body:not(.cm-solo)) .cmh-more { margin-left:auto; font-size:14px; color:#888888 !important; white-space:nowrap; }
:where(body:not(.cm-solo)) .cmh-more:hover { color:#222222 !important; } :where(body:not(.cm-solo)) .cmh-more span { font-size:16px; }
:where(body:not(.cm-solo)) .cmh-th, :where(body:not(.cm-solo)) .cmh-feat-img, :where(body:not(.cm-solo)) .cmh-poster, :where(body:not(.cm-solo)) .cmh-rvimg, :where(body:not(.cm-solo)) .cmh-gal span { display:block; background:#f2f2f0 center/cover no-repeat; }
/* 블로그 */
:where(body:not(.cm-solo)) .cmh-blog { display:flex; gap:36px; }
:where(body:not(.cm-solo)) .cmh-feat { flex:0 0 56%; display:block; }
:where(body:not(.cm-solo)) .cmh-feat-img { height:0; padding-top:56%; border-radius:14px; transition:opacity .2s; }
:where(body:not(.cm-solo)) .cmh-feat:hover .cmh-feat-img { opacity:.9; }
:where(body:not(.cm-solo)) .cmh-feat-body { display:block; padding:18px 2px 0; }
:where(body:not(.cm-solo)) .cmh-feat-body em, :where(body:not(.cm-solo)) .cmh-bl em { display:inline-block; font-size:12px; font-style:normal; font-weight:700; color:#0099aa; }
:where(body:not(.cm-solo)) .cmh-feat-body b { display:block; margin:6px 0 0; font-size:24px; font-weight:700; line-height:1.4; letter-spacing:-0.6px; }
:where(body:not(.cm-solo)) .cmh-feat:hover b { text-decoration:underline; }
:where(body:not(.cm-solo)) .cmh-feat-text { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:10px; font-size:15px; line-height:1.65; color:#666666; }
:where(body:not(.cm-solo)) .cmh-feat-body i, :where(body:not(.cm-solo)) .cmh-bl i { display:block; margin-top:10px; font-size:12px; font-style:normal; color:#999999; }
:where(body:not(.cm-solo)) .cmh-blist { flex:1; min-width:0; margin:0; padding:0; list-style:none; }
:where(body:not(.cm-solo)) .cmh-blist li + li { border-top:1px solid #f2f2f2; }
:where(body:not(.cm-solo)) .cmh-blist a, :where(body:not(.cm-solo)) .cmh-news a { display:flex; gap:16px; align-items:center; padding:12px 0; }
:where(body:not(.cm-solo)) .cmh-blist li:first-child a { padding-top:0; }
:where(body:not(.cm-solo)) .cmh-blist .cmh-th { flex:0 0 150px; height:100px; border-radius:10px; }
:where(body:not(.cm-solo)) .cmh-bl { flex:1; min-width:0; display:block; }
:where(body:not(.cm-solo)) .cmh-bl b { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:4px; font-size:16px; font-weight:600; line-height:1.45; }
:where(body:not(.cm-solo)) .cmh-blist a:hover b, :where(body:not(.cm-solo)) .cmh-news a:hover b { text-decoration:underline; }
:where(body:not(.cm-solo)) .cmh-bl i { margin-top:6px; }
/* 전시정보 */
:where(body:not(.cm-solo)) .cmh-exh { display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:20px; margin:0; padding:0; list-style:none; }
:where(body:not(.cm-solo)) .cmh-exh a { display:block; }
:where(body:not(.cm-solo)) .cmh-exh li, :where(body:not(.cm-solo)) .cmh-rv li, :where(body:not(.cm-solo)) .cmh-gal li { min-width:0; }   /* 2026-10-20 : 긴 장소명(줄바꿈 없음)이 칸 폭을 밀어 포스터 키가 달라지던 것 */
:where(body:not(.cm-solo)) .cmh-poster { position:relative; height:374px; border-radius:12px; border:1px solid #f0f0f0; }   /* 2026-10-20 : 전시정보 목록 썸네일과 같은 크기 (264×374 · 간격 20px) */
:where(body:not(.cm-solo)) .cmh-ph { position:absolute; left:10px; top:10px; padding:3px 9px; border-radius:12px; font-size:12px; font-weight:700; color:#ffffff; background:#3399aa; }
:where(body:not(.cm-solo)) .cmh-ph.upcoming { background:#5468d4; }
:where(body:not(.cm-solo)) .cmh-exh b { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:12px 0 0; font-size:15px; font-weight:600; line-height:1.45; }
:where(body:not(.cm-solo)) .cmh-exh a:hover b { text-decoration:underline; }
:where(body:not(.cm-solo)) .cmh-ev { display:block; margin-top:4px; font-size:13px; color:#888888; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
:where(body:not(.cm-solo)) .cmh-ed { display:block; margin-top:4px; font-size:13px; font-weight:700; color:#3399aa; }
/* 구매후기 */
:where(body:not(.cm-solo)) .cmh-rvsum { font-size:13px; color:#888888; } :where(body:not(.cm-solo)) .cmh-rvsum b { color:#222222; }
:where(body:not(.cm-solo)) .cmh-rv { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:18px; margin:0; padding:0; list-style:none; }
:where(body:not(.cm-solo)) .cmh-rv a { display:block; }
:where(body:not(.cm-solo)) .cmh-rvimg { height:0; padding-top:100%; border-radius:12px; margin-bottom:10px; }
:where(body:not(.cm-solo)) .cmh-rvt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:6px; font-size:14px; line-height:1.5; color:#333333; word-break:break-all; }
:where(body:not(.cm-solo)) .cmh-rv i { display:block; margin-top:6px; font-size:12px; font-style:normal; color:#999999; }
/* 새소식 */
:where(body:not(.cm-solo)) .cmh-news { display:grid; grid-template-columns:1fr 1fr; gap:6px 36px; margin:0; padding:0; list-style:none; }
:where(body:not(.cm-solo)) .cmh-news .cmh-th { flex:0 0 130px; height:96px; border-radius:10px; }
:where(body:not(.cm-solo)) .cmh-nt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:4px; font-size:13px; line-height:1.55; color:#888888; }
/* 갤러리 */
:where(body:not(.cm-solo)) .cmh-gal { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:12px; margin:0; padding:0; list-style:none; }
:where(body:not(.cm-solo)) .cmh-gal span { height:0; padding-top:100%; border-radius:12px; transition:opacity .2s; }
:where(body:not(.cm-solo)) .cmh-gal a:hover span { opacity:.85; }
/* 공지 · 문의 */
:where(body:not(.cm-solo)) .cmh-bottom { display:flex; gap:36px; align-items:stretch; }
:where(body:not(.cm-solo)) .cmh-notice { flex:1; min-width:0; }
:where(body:not(.cm-solo)) .cmh-notice ul { margin:0; padding:0; list-style:none; }
:where(body:not(.cm-solo)) .cmh-notice li a { display:flex; align-items:center; gap:8px; padding:11px 0; border-bottom:1px solid #f4f4f4; font-size:15px; }
:where(body:not(.cm-solo)) .cmh-notice li a b { min-width:0; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
:where(body:not(.cm-solo)) .cmh-notice li a:hover b { text-decoration:underline; }
:where(body:not(.cm-solo)) .cmh-notice li a em { flex:0 0 auto; padding:0 5px; border-radius:4px; background:#e5f4f6; color:#0099aa; font-size:11px; font-style:normal; font-weight:700; line-height:17px; }
:where(body:not(.cm-solo)) .cmh-notice li a i { flex:0 0 auto; margin-left:auto; font-size:13px; font-style:normal; color:#aaaaaa; }
:where(body:not(.cm-solo)) .cmh-empty { padding:30px 0; color:#aaaaaa; font-size:14px; }
:where(body:not(.cm-solo)) .cmh-qna { flex:0 0 420px; padding:30px 32px; border-radius:16px; background:#f6f6f4; }
:where(body:not(.cm-solo)) .cmh-qna h2 { margin:0 0 10px; font-size:20px; font-weight:700; letter-spacing:-0.5px; }
:where(body:not(.cm-solo)) .cmh-qna p { margin:0 0 22px; font-size:14px; line-height:1.7; color:#666666; }
:where(body:not(.cm-solo)) .cmh .cmh-btn { display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 22px; margin-right:6px; border-radius:10px; background:#222222; color:#ffffff; font-size:15px; font-weight:700; }
:where(body:not(.cm-solo)) .cmh .cmh-btn.line { background:#ffffff; color:#222222; border:1px solid #dddddd; }

/* ══════════ 공지사항 — 예전 css/notice.css (2026-11-14 community.css 로 합침 · 그 화면 body class="cm-notice" 에만 걸림 · :where 라 세기 그대로 · 선언은 그대로) ══════════ */
:where(.cm-notice) .category-title {
	font-size:30px;
	font-weight: 300;
	letter-spacing: -2px;
	text-align: center;
	margin:50px 0;
	
}

:where(.cm-notice) .notice-list .wrap {
}

:where(.cm-notice) .notice-list table {
	border-collapse: collapse;
	margin:0px 0px 100px;
	padding:0px;
	width:100%;
}

:where(.cm-notice) .notice-list table thead {
	border-top:2px solid #dddddd;
}

:where(.cm-notice) .notice-list table thead tr th {
	padding:10px;
	font-size:13px;
	font-weight: 400;
	background-color:#f4f4f4;
	color:#666666;
}

:where(.cm-notice) .notice-list table tbody tr {
	border-bottom:1px solid #f4f4f4;
}

:where(.cm-notice) .notice-list table tbody tr td {
	padding:15px 10px;
	font-size:14px;
	text-align:center;
}

:where(.cm-notice) .notice-list table tbody tr td i {
	color:#ffcc00;
	margin-bottom:5px;
}

:where(.cm-notice) .notice-list table tbody tr td:nth-child(2) {
	padding:15px 10px;
	font-size:14px;
	text-align:left;
}

:where(.cm-notice) .notice-list table tbody tr td p {
	font-weight: 300;
	margin:0px;
}

:where(.cm-notice) .notice-list table tbody tr td p a {
	text-decoration: none;
	color:#000000;
}

:where(.cm-notice) .view-list table {
	border-collapse: collapse;
	margin:0px 0px 20px;
	padding:0px;
	width:100%;
}

:where(.cm-notice) .view-list table thead {
	border-top:2px solid #dddddd;
}

:where(.cm-notice) .view-list table thead tr th {
	padding:10px;
	font-size:13px;
	font-weight: 400;
	background-color:#f4f4f4;
	color:#666666;
}

:where(.cm-notice) .view-list table tbody tr {
	border-bottom:1px solid #f4f4f4;
}

:where(.cm-notice) .view-list table tbody tr td {
	padding:15px 10px;
	font-size:14px;
}

:where(.cm-notice) .view-list table tbody tr td i {
	color:#ffcc00;
	margin-bottom:5px;
}

:where(.cm-notice) .view-list table tbody tr td:nth-child(2) {
	padding:15px 10px;
	font-size:14px;
	text-align:left;
}

:where(.cm-notice) .view-list table tbody tr td p {
	font-weight: 300;
	margin:0px;
}

:where(.cm-notice) .view-list table tbody tr td p a {
	text-decoration: none;
	color:#000000;
}

:where(.cm-notice) p.date {
	display:inline-block;
	font-size:14px;
	text-align:center;
	letter-spacing: 0px;
}

:where(.cm-notice) span.date {
	float:right;
	font-weight: 300;
}

:where(.cm-notice) p.title {
	font-size:14px;
	text-align:left;
	padding:5px;
	letter-spacing: 0px;
	line-height: 100%;
	font-weight: 400;
	color:#000000;
}

:where(.cm-notice) p.text {
	display:inline-block;
	font-size:14px;
	text-align:left;
	letter-spacing: 0px;
	line-height: 100%;
}

:where(.cm-notice) .view {
	text-align:left;
	font-weight: 300;
}

:where(.cm-notice) .btnarea {
	margin-bottom:100px;
	text-align: center;
}

:where(.cm-notice) .btnarea button {
	padding:10px 15px;
	font-size:13px;
	background-color:#ffffff;
	border:1px solid #bbbbbb;
}

:where(.cm-notice) .btnarea button:hover {
	border:1px solid #dd0000;
}

:where(.cm-notice) .image {
	text-align:center;
}

/* ══════════ 1:1 문의 — 예전 css/qna.css (2026-11-14 community.css 로 합침 · 그 화면 body class="cm-qna" 에만 걸림 · :where 라 세기 그대로 · 선언은 그대로) ══════════ */
:where(.cm-qna) .subtab {
	margin-bottom:50px;
}

:where(.cm-qna) .subtab .wrap ul {
	list-style: none;
	margin:0px;
	padding:0px;
	font-size:0px;
}

:where(.cm-qna) .subtab .wrap ul li {
	width:calc(33% - 37px);
	display:inline-block;
	font-size:16px;
	padding:15px 20px;
	text-align:center;
	cursor: pointer;
}

:where(.cm-qna) .subtab .wrap ul li:nth-child(1) {
	border-bottom:1px solid #bbbbbb;
	background-color:#f4f4f4;
}

:where(.cm-qna) .subtab .wrap ul li:nth-child(2) {
	border:1px solid #bbbbbb;
	border-bottom:0px;
}

:where(.cm-qna) .subtab .wrap ul li:nth-child(3) {
	border-bottom:1px solid #bbbbbb;
	background-color:#f4f4f4;
}

:where(.cm-qna) .qna-list .wrap {
}

:where(.cm-qna) .qna-list table, :where(.cm-qna) .write table, :where(.cm-qna) .answer table {
	border-collapse: collapse;
	margin:0px 0px 30px;
	padding:0px;
	width:100%;
}

:where(.cm-qna) .qna-list table thead {
	border-top:2px solid #dddddd;
}



:where(.cm-qna) .qna-list table thead tr th {
	padding:10px;
	font-size:14px;
	font-weight: 400;
	background-color:#f4f4f4;
	color:#333333;
}



:where(.cm-qna) .qna-list table tbody tr, :where(.cm-qna) .write table tbody tr, :where(.cm-qna) .answer table tbody tr {
	border-bottom:1px solid #f4f4f4;
}

:where(.cm-qna) .qna-list table tbody tr td {
	padding:15px;
	font-size:14px;
	font-weight: 300;
	text-align:center;
}

:where(.cm-qna) .qna-list table tbody tr td button {
	border:1px solid #bbbbbb;
	padding:6px 12px;
	font-size:12px;
}

:where(.cm-qna) .qna-list table tbody tr td a {
	text-decoration: none;
	color:#000000;
}


:where(.cm-qna) .qna-list table tbody tr td i {
	color:#ffcc00;
	margin-bottom:5px;
}

:where(.cm-qna) .qna-list table tbody tr td:nth-child(2), :where(.cm-qna) .qna-list table tbody tr td:nth-child(4) {
	text-align:left;
}

:where(.cm-qna) .qna-list table tbody tr td p {
	font-weight: 300;
	margin:0px;
}

:where(.cm-qna) .write table tbody tr td {
	padding:6px;
	height:50px;
	font-size:14px;
	font-weight: 300;
	text-align:left;
}


:where(.cm-qna) .write table tbody tr th span {
	color:#dd0000;
}


:where(.cm-qna) .write table {
	border-top:1px solid #dddddd;
}

:where(.cm-qna) .write table tbody tr td input {
	font-size:14px;
	font-weight: 400;
	margin:0px;
}

:where(.cm-qna) .write table tbody tr td input[type=file] {
	padding:10px;
	border:1px solid #dddddd;
	background-color:#fafafa;
	font-size:14px;
	font-weight: 400;
	margin:0px;
}

:where(.cm-qna) .write table tbody tr th {
	padding:3px 10px;
	font-size:14px;
	font-weight: 400;
	color:#000000;
	text-align: left;
}

:where(.cm-qna) .write table tbody tr td select {
	font-size:14px;
	font-weight: 400;
	margin:0px
}

:where(.cm-qna) .write table tbody tr td textarea {
	width:100%;
	height:350px;
	border:1px solid #dddddd;
	background-color:#fafafa;
	padding:10px;
	font-size:14px;
	font-weight: 400;
	resize: none;
	margin:0px
}



:where(.cm-qna) .answer table tbody tr th {
	padding:3px 10px;
	font-size:14px;
	font-weight: 400;
	color:#000000;
	text-align: left;
}

:where(.cm-qna) .answer table tbody tr td {
	padding:6px;
	height:50px;
	font-size:14px;
	font-weight: 300;
	text-align:left;
}


:where(.cm-qna) .answer table tbody tr th span {
	color:#dd0000;
}


:where(.cm-qna) .answer table {
	border-top:1px solid #dddddd;
}

:where(.cm-qna) .answer table tbody tr td input {
	font-size:14px;
	font-weight: 400;
	margin:0px;
}

:where(.cm-qna) .answer table tbody tr td input[type=file] {
	padding:10px;
	border:1px solid #dddddd;
	background-color:#fafafa;
	font-size:14px;
	font-weight: 400;
	margin:0px;
}

:where(.cm-qna) .answer table tbody tr td select {
	font-size:14px;
	font-weight: 400;
	margin:0px
}

:where(.cm-qna) .answer table tbody tr td textarea {
	width:100%;
	height:350px;
	border:1px solid #dddddd;
	background-color:#fafafa;
	padding:10px;
	font-size:14px;
	font-weight: 400;
	resize: none;
	margin:0px
}

:where(.cm-qna) p.review {
	display:inline-block;
	font-size:14px;
	text-align:center;
	letter-spacing: 0px;
	line-height: 100%;
}

:where(.cm-qna) p.date {
	display:inline-block;
	font-size:14px;
	text-align:center;
	letter-spacing: 0px;
}

:where(.cm-qna) p.text {
	display:inline-block;
	font-size:14px;
	text-align:left;
	letter-spacing: 0px;
	line-height: 100%;
}

:where(.cm-qna) .thumbnail {
	width:120px;
	height:120px;
}

:where(.cm-qna) input {
	margin-bottom:0px;
}

/* ───────── 2026-10-19 1:1 문의 화면 (qa-) — 저녁에 디자인 다시 : 정돈된 표 목록 · 글자+점 상태 · 밑줄 비밀번호 칸 · 칩 고르기 ───────── */
:where(.cm-qna) .qa { color:#111111; letter-spacing:-0.2px; }
:where(.cm-qna) .qa * { box-sizing:border-box; }
:where(.cm-qna) .qa a { text-decoration:none; color:inherit; }
:where(.cm-qna) .qa .qa-btn { display:inline-flex; align-items:center; justify-content:center; height:48px; padding:0 26px; margin:0; border:0; border-radius:999px; background:#111111; color:#ffffff; font-family:inherit; font-size:15px; font-weight:600; letter-spacing:-0.2px; cursor:pointer; white-space:nowrap; transition:background .15s, box-shadow .15s; }
:where(.cm-qna) .qa .qa-btn:hover { background:#333333; }
:where(.cm-qna) .qa .qa-btn.line { background:#ffffff; color:#111111; box-shadow:inset 0 0 0 1px #d9d9d9; }
:where(.cm-qna) .qa .qa-btn.line:hover { box-shadow:inset 0 0 0 1px #111111; }
:where(.cm-qna) .qa-arr { display:inline-block; width:7px; height:7px; margin-left:10px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); }

/* 머리 */
:where(.cm-qna) .qa-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; padding:30px 0 30px; }
:where(.cm-qna) .qa-head.narrow { max-width:820px; margin:0 auto; }
:where(.cm-qna) .qa-over { margin:0 0 10px; font-size:12px; font-weight:600; letter-spacing:0.08em; color:#0099aa; }
:where(.cm-qna) .qa-title { margin:0; font-size:30px; font-weight:600; letter-spacing:-0.9px; line-height:1.3; }
:where(.cm-qna) .qa-sub { margin:10px 0 0; font-size:15px; line-height:1.6; color:#8c8c8c; }

/* 목록 */
:where(.cm-qna) .qa-board { border-top:1px solid #111111; }
:where(.cm-qna) .qa-row { display:grid; grid-template-columns:72px 150px minmax(0, 1fr) 110px 110px 100px; align-items:center; column-gap:16px; padding:0 10px; }
:where(.cm-qna) .qa-thead { height:46px; font-size:12px; color:#9a9a9a; border-bottom:1px solid #ececec; }
:where(.cm-qna) .qa-thead .c-st { text-align:right; }
:where(.cm-qna) .qa-list { margin:0; padding:0; list-style:none; }
:where(.cm-qna) .qa-list li { border-bottom:1px solid #f0f0f0; }
:where(.cm-qna) .qa-list .qa-row { min-height:70px; transition:background .15s; }
:where(.cm-qna) .qa-list .qa-row:hover { background:#fafaf8; }
:where(.cm-qna) .qa-list .qa-row:hover .c-sub b { text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
:where(.cm-qna) .c-no { font-size:13px; color:#b4b4b4; font-variant-numeric:tabular-nums; }
:where(.cm-qna) .c-cat { font-size:13px; color:#6f6f6f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
:where(.cm-qna) .c-sub { display:flex; align-items:center; gap:8px; min-width:0; }
:where(.cm-qna) .c-sub b { min-width:0; font-size:16px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
:where(.cm-qna) .is-secret .c-sub b { color:#a3a3a3; font-weight:400; }
:where(.cm-qna) .c-name, :where(.cm-qna) .c-date { font-size:13px; color:#8c8c8c; white-space:nowrap; }
:where(.cm-qna) .c-date { font-variant-numeric:tabular-nums; }
:where(.cm-qna) .c-st { text-align:right; }
:where(.cm-qna) .qa-st { display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:500; color:#111111; white-space:nowrap; }
:where(.cm-qna) .qa-st:before { content:''; width:6px; height:6px; border-radius:50%; background:#0099aa; }
:where(.cm-qna) .qa-st.wait { color:#a0a0a0; }
:where(.cm-qna) .qa-st.wait:before { background:transparent; box-shadow:inset 0 0 0 1.5px #c4c4c4; }
:where(.cm-qna) .qa-lock { flex:0 0 auto; width:15px; height:15px; fill:none; stroke:#a8a8a8; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
:where(.cm-qna) .qa-empty { padding:110px 0; border-top:1px solid #111111; text-align:center; color:#a0a0a0; font-size:15px; }
:where(.cm-qna) .qa-paging { display:flex; justify-content:center; gap:4px; margin:48px 0 0; }
:where(.cm-qna) .qa-paging a, :where(.cm-qna) .qa-paging b { display:inline-block; min-width:36px; height:36px; padding:0 6px; border-radius:18px; font-size:14px; font-weight:400; line-height:36px; text-align:center; color:#8c8c8c; font-variant-numeric:tabular-nums; }
:where(.cm-qna) .qa-paging a:hover { color:#111111; background:#f4f4f2; }
:where(.cm-qna) .qa-paging b { background:#111111; color:#ffffff; font-weight:600; }

/* 비밀글 */
:where(.cm-qna) .qa-lockbox { max-width:400px; margin:60px auto 30px; text-align:center; }
:where(.cm-qna) .qa-lock-ico { display:flex; align-items:center; justify-content:center; width:68px; height:68px; margin:0 auto 24px; border-radius:50%; background:#f4f4f2; }
:where(.cm-qna) .qa-lock-big { width:28px; height:28px; fill:none; stroke:#111111; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; }
:where(.cm-qna) .qa-lock-meta { margin:0 0 10px; font-size:13px; color:#9a9a9a; }
:where(.cm-qna) .qa-lock-meta i { display:inline-block; width:3px; height:3px; margin:0 9px; border-radius:50%; background:#c4c4c4; vertical-align:middle; }
:where(.cm-qna) .qa-lockbox h2 { margin:0 0 12px; font-size:26px; font-weight:600; letter-spacing:-0.8px; }
:where(.cm-qna) .qa-lock-desc { margin:0 0 38px; font-size:14px; line-height:1.75; color:#8c8c8c; }
:where(.cm-qna) .qa-pwrow { display:flex; align-items:center; gap:10px; padding:0 0 10px; border-bottom:1px solid #111111; }
:where(.cm-qna) .qa .qa-pw { flex:1; min-width:0; height:44px; padding:0 4px; margin:0; border:0; outline:0; background:transparent; font-family:inherit; font-size:17px; letter-spacing:0.1em; color:#111111; -webkit-appearance:none; appearance:none; box-shadow:none; border-radius:0; }
:where(.cm-qna) .qa .qa-pw::placeholder { color:#b8b8b8; letter-spacing:-0.2px; font-size:15px; }
:where(.cm-qna) .qa-pwrow .qa-btn { height:42px; padding:0 22px; font-size:14px; }
:where(.cm-qna) .qa .qa-back { display:inline-block; margin-top:28px; font-size:13px; color:#8c8c8c; }
:where(.cm-qna) .qa .qa-back:hover { color:#111111; }
:where(.cm-qna) .qa-msg { margin:0 0 20px; padding:12px 16px; border-radius:10px; background:#fbf1f0; color:#c0392b; font-size:13px; line-height:1.6; text-align:left; }
:where(.cm-qna) .qa-none { padding:110px 0; text-align:center; color:#8c8c8c; font-size:15px; }
:where(.cm-qna) .qa-none p { margin:0 0 26px; }

/* 보기 */
:where(.cm-qna) .qa-view { max-width:820px; margin:30px auto 0; }
:where(.cm-qna) .qa-vhead { padding:0 0 30px; border-bottom:1px solid #111111; }
:where(.cm-qna) .qa-vcat { margin:0 0 14px; font-size:13px; font-weight:600; color:#0099aa; }
:where(.cm-qna) .qa-vhead h2 { display:flex; align-items:center; gap:10px; margin:0; font-size:28px; font-weight:600; letter-spacing:-0.8px; line-height:1.4; word-break:keep-all; overflow-wrap:anywhere; }
:where(.cm-qna) .qa-vhead h2 .qa-lock { width:19px; height:19px; stroke:#b0b0b0; }
:where(.cm-qna) .qa-vmeta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 20px; margin:18px 0 0; font-size:13px; color:#9a9a9a; font-variant-numeric:tabular-nums; }
:where(.cm-qna) .qa-q { padding:40px 0 44px; }
:where(.cm-qna) .qa-body { font-size:16px; line-height:1.95; color:#2b2b2b; word-break:keep-all; overflow-wrap:anywhere; }
:where(.cm-qna) .qa-file { margin-top:28px; }
:where(.cm-qna) .qa-file img { display:block; max-width:100%; max-height:520px; border-radius:12px; }
:where(.cm-qna) .qa .qa-filelink { display:inline-flex; align-items:center; height:40px; padding:0 18px; border-radius:999px; box-shadow:inset 0 0 0 1px #d9d9d9; font-size:14px; }
:where(.cm-qna) .qa-me { display:grid; grid-template-columns:auto 1fr; gap:8px 18px; margin:28px 0 0; padding:18px 20px; border-radius:12px; background:#f6f6f4; font-size:13px; }
:where(.cm-qna) .qa-me dt { color:#9a9a9a; } :where(.cm-qna) .qa-me dd { margin:0; color:#333333; }
:where(.cm-qna) .qa-a { padding:34px 38px; border-radius:16px; background:#f6f6f4; }
:where(.cm-qna) .qa-a-label { display:flex; align-items:center; gap:8px; margin:0 0 14px; font-size:13px; font-weight:600; color:#111111; }
:where(.cm-qna) .qa-a-label:before { content:''; width:6px; height:6px; border-radius:50%; background:#0099aa; }
:where(.cm-qna) .qa-a .qa-body a { color:#0099aa; text-decoration:underline; text-underline-offset:3px; }
:where(.cm-qna) .qa-a.is-wait .qa-a-label:before { background:transparent; box-shadow:inset 0 0 0 1.5px #c4c4c4; }
:where(.cm-qna) .qa-a.is-wait .qa-body { font-size:15px; color:#8c8c8c; }
:where(.cm-qna) .qa-actions { display:flex; justify-content:center; gap:10px; margin:50px 0 0; }
:where(.cm-qna) .qa-actions .qa-btn { min-width:130px; }

/* 문의하기 */
:where(.cm-qna) .qa-form { max-width:820px; margin:0 auto; padding-top:38px; border-top:1px solid #111111; }
:where(.cm-qna) .qa-f { display:block; min-width:0; margin:0 0 28px; padding:0; border:0; }
:where(.cm-qna) .qa-f legend, :where(.cm-qna) .qa-lb { display:block; padding:0; margin:0 0 12px; font-size:14px; font-weight:600; color:#111111; }
:where(.cm-qna) .qa-f legend i, :where(.cm-qna) .qa-lb i { margin-left:3px; color:#0099aa; font-style:normal; }
:where(.cm-qna) .qa-f small { display:block; margin-top:9px; font-size:12px; color:#a0a0a0; }
:where(.cm-qna) .qa .qa-in { display:block; width:100%; height:52px; margin:0; padding:0 16px; border:1px solid #e3e3e3; border-radius:12px; background:#ffffff; font-family:inherit; font-size:15px; color:#111111; outline:none; transition:border-color .15s; -webkit-appearance:none; appearance:none; }
:where(.cm-qna) .qa .qa-in::placeholder { color:#b8b8b8; }
:where(.cm-qna) .qa .qa-in:focus { border-color:#111111; }
:where(.cm-qna) .qa textarea.qa-in { height:auto; min-height:210px; padding:15px 16px; line-height:1.75; resize:vertical; }
:where(.cm-qna) .qa-chips { display:flex; flex-wrap:wrap; gap:8px; }
:where(.cm-qna) .qa-chips label, :where(.cm-qna) .qa-seg label { position:relative; margin:0; cursor:pointer; }
:where(.cm-qna) .qa-chips input, :where(.cm-qna) .qa-seg input, :where(.cm-qna) .qa-filebox input { position:absolute; left:0; top:0; width:1px; height:1px; margin:0; opacity:0; }
:where(.cm-qna) .qa-chips span { display:inline-flex; align-items:center; height:40px; padding:0 17px; border-radius:999px; box-shadow:inset 0 0 0 1px #e0e0e0; font-size:14px; color:#555555; transition:background .15s, color .15s, box-shadow .15s; }
:where(.cm-qna) .qa-chips label:hover span { box-shadow:inset 0 0 0 1px #111111; color:#111111; }
:where(.cm-qna) .qa-chips input:checked + span { background:#111111; color:#ffffff; box-shadow:none; }
:where(.cm-qna) .qa-chips input:focus-visible + span, :where(.cm-qna) .qa-seg input:focus-visible + span { outline:2px solid #0099aa; outline-offset:2px; }
:where(.cm-qna) .qa-seg { display:inline-flex; padding:4px; border-radius:999px; background:#f1f1ef; }
:where(.cm-qna) .qa-seg span { display:inline-flex; align-items:center; height:38px; padding:0 24px; border-radius:999px; font-size:14px; color:#7a7a7a; transition:background .15s, color .15s; }
:where(.cm-qna) .qa-seg input:checked + span { background:#ffffff; color:#111111; font-weight:600; box-shadow:0 1px 4px rgba(0,0,0,0.1); }
:where(.cm-qna) .qa-filebox { position:relative; display:flex; align-items:center; gap:14px; cursor:pointer; }
:where(.cm-qna) .qa-filebtn { display:inline-flex; align-items:center; height:40px; padding:0 18px; border-radius:999px; box-shadow:inset 0 0 0 1px #d9d9d9; font-size:14px; color:#111111; white-space:nowrap; }
:where(.cm-qna) .qa-filebox:hover .qa-filebtn { box-shadow:inset 0 0 0 1px #111111; }
:where(.cm-qna) .qa-filename { min-width:0; font-size:13px; color:#a8a8a8; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
:where(.cm-qna) .qa-filename.on { color:#111111; }
:where(.cm-qna) .qa-row2 { display:grid; grid-template-columns:1fr 1fr; gap:0 20px; }
:where(.cm-qna) .qa-agree { margin:6px 0 0; padding:22px 24px; border-radius:14px; background:#f6f6f4; }
:where(.cm-qna) .qa-agree p { margin:0 0 16px; font-size:12px; line-height:1.85; color:#8c8c8c; }
:where(.cm-qna) .qa-check { display:flex; align-items:flex-start; gap:10px; margin:0; font-size:14px; color:#222222; cursor:pointer; }
:where(.cm-qna) .qa-check input { flex:0 0 auto; width:20px; height:20px; margin:0; border:1.5px solid #c8c8c8; border-radius:6px; background:#ffffff no-repeat center/12px 12px; cursor:pointer; -webkit-appearance:none; appearance:none; transition:background-color .15s, border-color .15s; }
:where(.cm-qna) .qa-check input:checked { border-color:#111111; background-color:#111111; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.4 2.4 4.6-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
:where(.cm-qna) .qa-check span { padding-top:1px; line-height:1.5; }
:where(.cm-qna) .qa-form .qa-actions { margin-top:40px; }
:where(.cm-qna) .qa-form .qa-actions .qa-btn { min-width:150px; height:52px; }
/* PC : 위쪽 메뉴가 '1:1문의' 제목을 이미 보여 줌 → 작은 머리글은 숨김 */
:where(.cm-qna) .qa { padding:0 0 90px; }
:where(.cm-qna) .qa-over { display:none; }

/* ══════════ 구매후기 — 예전 css/review.css (2026-11-14 community.css 로 합침 · 그 화면 body class="cm-review" 에만 걸림 · :where 라 세기 그대로 · 선언은 그대로) ══════════ */
body.cm-review {
	--reviewthumbnail : calc(((var(--bodywidth) - (var(--interval) * 4)) / 5 ) - 10px);
}

:where(.cm-review) .subtab {
	margin:20px 0 50px;
}

:where(.cm-review) .subtab .wrap ul {
	list-style: none;
	margin:0px;
	padding:0px;
	font-size:0px;
}

:where(.cm-review) .subtab .wrap ul li {
	width:calc(33% - 37px);
	display:inline-block;
	font-size:15px;
	padding:25px 20px;
	text-align:center;
	cursor: pointer;
	font-weight: 300;
	letter-spacing: -0.5px;
	line-height: 160%;
	color:#777777;
	border-bottom:1px solid #dddddd;
}

:where(.cm-review) .subtab .wrap ul li span {
	font-size:20px;
	font-weight: 400;
	color:#000000;
}

:where(.cm-review) .subtab .wrap ul li.active {
	font-size:17px;
	background-color:#ffcc00;
	color:#333333;
}

:where(.cm-review) .subtab .wrap ul li.active span {
	color:#000000;
	font-size:26px;
	font-weight: 500;
}


:where(.cm-review) .subtab .wrap p {
	width:800px;
	display:inline-block;
	text-align:left;
	font-size:14px;
	margin:50px 0 0 30px;
}

:where(.cm-review) .subtab .wrap p i {
	color:#bbbbbb;
}

:where(.cm-review) .subtab .wrap button {
	display:inline-block;
	float:right;
	padding:15px 30px;
	font-size:14px;
	font-weight: 400;
	margin:50px 30px 0px 0px;
	background-color:#ffffff;
	border:1px solid #bbbbbb;
	vertical-align:top;
	border-radius: 0px;
}

:where(.cm-review) .review-list .wrap ul {
	list-style: none;
	margin:0px;
	padding:0px;
}

:where(.cm-review) .review-list .wrap ul li {
	display:inline-block;
	border:1px solid #ffffff;
	width:var(--reviewthumbnail);
	margin-right:var(--interval);
	margin-bottom:50px;
	vertical-align: top;
}

:where(.cm-review) .review-list .wrap ul li:nth-child(5n) {
	margin-right:0px;
}

:where(.cm-review) .review-list .wrap ul li p.content {
	height:auto;
	padding:8px 10px 10px 10px;
	margin:2px 0 0 0;
	font-size:14px;
	letter-spacing:-1px;
	line-height: 140%;
	word-break: break-all;
	font-weight:300;
	color:#777777;
}

:where(.cm-review) .review-list .wrap ul li p.name {
	padding:0px 10px;
	margin:0px;
	font-size:12px;
	color:#999999;
	letter-spacing:-1px;
	vertical-align: top;
}

:where(.cm-review) .review-list .wrap ul li img.prdImg {
	float:left;
	width:40px;
	height:40px;
	margin:0px 5px 10px 10px;
}

:where(.cm-review) .review-list .wrap ul li p.vote {
	padding:10px 10px 0 10px;
	margin:0px;
	font-size:11px;
	letter-spacing:0px;
	color:#ffcc00;
	background-color:#ffffff;
	border:0;
}

:where(.cm-review) .review-list .wrap ul li p.option {
	
	padding:10px 10px 0 10px;
	margin:0px;
	font-size:12px;
	letter-spacing: -0.5px;
	color:#999999;
}

:where(.cm-review) .review-list .wrap ul li p.prdname {
	padding:0px;
	margin:0px;
	font-size:13px;
	color:#333333;
	letter-spacing:-1px;
	vertical-align: top;
	overflow:hidden;
	white-space : nowrap;
}

:where(.cm-review) .review-list .wrap ul li p.review {
	margin:2px 0px 0px 0px;
	padding:0px;
	font-size:13px;
	color:#aaaaaa;
	font-weight: 500;
	letter-spacing:-1px;
	vertical-align: top;
}

:where(.cm-review) .review-list .wrap ul li p.review span {
	font-weight: 800;
	color:#000000;
	margin-left:3px;
}

:where(.cm-review) .review-list .wrap ul li hr {
	margin:15px 0;
	border:0px;
	border-bottom:1px solid #eeeeee;
}


:where(.cm-review) .thumbnail {
	width:120px;
	height:120px;
}

:where(.cm-review) .cartframe {
	width:180px;
	height:180px;
	background-color:#f4f4f4;
	/* background-color: rgba(0,0,0,0.3); */
	vertical-align: middle;
}

:where(.cm-review) .cartframe table {
	border-collapse: collapse;
	margin:0px auto;
	border-spacing: 0px;
	padding:0px;
	border:0px;
}

:where(.cm-review) .cartframe table.frametable {
	margin:0 auto;
}
:where(.cm-review) .cartframe table.frametable tbody tr {
	border:0px;
}

:where(.cm-review) .cartframe .mulasec_space table tbody tr td {
	padding:0px;
}

:where(.cm-review) .commenttitle {
	font-size:12px;
	padding:0 10px 5px;
	margin:0;
	font-weight:600;
	color:#bbbbbb;
}

:where(.cm-review) .comment {
	font-size:13px;
	color:#777777;
	font-weight:300;
	letter-spacing:-1px;
	padding:0 10px 10px;
	margin:0;
	
}

/* 뷰페이지 */

:where(.cm-review) .viewTitle {
	margin:10px 0;
}

:where(.cm-review) .viewTitle a {
	color:#000000;
	text-decoration: none;
	font-size:12px;
}

:where(.cm-review) .wrap p.vote {
	font-size:12px;
	font-weight: 400;
	padding:10px;
	margin:0;
	background-color:#fafafa;
	border:1px solid #f4f4f4;
}

:where(.cm-review) .wrap p.vote i {
	color:#ffcc00;
}

:where(.cm-review) .wrap .votetext {
	font-size:14px;
	line-height:140%;
	margin:50px 10px;
	letter-spacing: -0.5px;
}

:where(.cm-review) .wrap .votetext img {
	margin-bottom:10px;
}

:where(.cm-review) .wrap p img {
	max-width:1380px;
	max-height:1380px;
	border:1px solid #f4f4f4;
}

:where(.cm-review) .prdbox {
	border:1px solid #f4f4f4;
	background-color:#fafafa;
	padding:10px;
	margin:0 0 20px;
	font-size:0;
	cursor: pointer;
}

:where(.cm-review) .prdThumb {
	width:var(--reviewthumbnail);
	height:var(--reviewthumbnail);
	background-size:cover;
	background-position:center center;
	background-repeat: no-repeat;
	cursor:pointer;
	border-radius:10px;
}

:where(.cm-review) .prdthumbnail {
	display:inline-block;
	width:112px;
	height:112px;
	background-size:cover;
	vertical-align: top;
	border:1px solid #f4f4f4;
	
}

:where(.cm-review) .review_prdname {
	display:inline-block;
	margin-left:10px;
	font-size:12px;
	line-height: 140%;
}

:where(.cm-review) .commentbox {
	font-size:14px;
	border:1px solid #dddddd;
	padding:20px;
	letter-spacing:-0.5px;
	margin-bottom:80px;
	border-radius:5px;
}

:where(.cm-review) .avgboxwrap {
	width:calc(100% - 72px);
	height:200px;
	border:6px solid #eeeeee;
	padding:30px;
	margin-bottom:40px;
	border-radius:12px;
}
/* ───────── 2026-10-18 구매후기 목록·보기 디자인 정리 (rvb-) — 예전 규칙과 겹치지 않게 rvb- 이름만 씀 ───────── */
:where(.cm-review) .rvb { color:#222222; letter-spacing:-0.3px; }
:where(.cm-review) .rvb * { box-sizing:border-box; }
:where(.cm-review) .rvb-stars { display:inline-flex; gap:1px; vertical-align:middle; }
:where(.cm-review) .rvb-stars svg { display:block; fill:#e3e3e3; } :where(.cm-review) .rvb-stars svg.on { fill:#ffb800; }
/* 고객만족지수 */
:where(.cm-review) .rvb-sum { display:flex; align-items:center; gap:56px; margin:10px 0 34px; padding:32px 44px; border-radius:16px; background:#f6f6f4; }
:where(.cm-review) .rvb-score { flex:0 0 250px; }
:where(.cm-review) .rvb-sum-k { margin:0; font-size:15px; font-weight:600; color:#666666; }
:where(.cm-review) .rvb-sum-big { margin:6px 0 10px; font-size:64px; font-weight:800; line-height:1; letter-spacing:-2px; color:#111111; }
:where(.cm-review) .rvb-sum-big small { margin-left:4px; font-size:30px; font-weight:700; letter-spacing:0; }
:where(.cm-review) .rvb-sum-sub { display:flex; align-items:center; gap:8px; margin:0; font-size:14px; color:#666666; }
:where(.cm-review) .rvb-sum-sub b { font-size:15px; color:#222222; }
:where(.cm-review) .rvb-sum-n:before { content:'·'; margin-right:8px; color:#bbbbbb; }
:where(.cm-review) .rvb-dist { flex:1; margin:0; padding:0; list-style:none; }
:where(.cm-review) .rvb-dist li { display:flex; align-items:center; gap:12px; padding:5px 0; font-size:13px; color:#666666; }
:where(.cm-review) .rvb-dk { flex:0 0 76px; } :where(.cm-review) .rvb-dt { flex:0 0 58px; }
:where(.cm-review) .rvb-dist i { position:relative; flex:1; height:8px; border-radius:8px; background:#e7e7e3; overflow:hidden; }
:where(.cm-review) .rvb-dist i s { position:absolute; left:0; top:0; bottom:0; border-radius:8px; background:#ffb800; }
:where(.cm-review) .rvb-dist b { flex:0 0 52px; text-align:right; font-size:13px; color:#222222; }
:where(.cm-review) .rvb-filter { display:flex; align-items:center; justify-content:space-between; margin:0 0 18px; padding:14px 18px; border:1px solid #ececec; border-radius:12px; font-size:15px; }
:where(.cm-review) .rvb-filter a { font-size:14px; color:#0099aa; text-decoration:none; }
:where(.cm-review) .rvb-empty { padding:100px 0; text-align:center; font-size:15px; color:#999999; }
/* 카드 */
:where(.cm-review) .rvb-grid { display:grid; grid-template-columns:repeat(5, 1fr); gap:36px 22px; margin:0; padding:0; list-style:none; }
:where(.cm-review) .rvb-card { display:flex; flex-direction:column; min-width:0; }
:where(.cm-review) .rvb-photo { position:relative; display:block; height:0; padding-top:100%; border-radius:12px; overflow:hidden; background:#f2f2f0; }
:where(.cm-review) .rvb-photo img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:transform .3s; }
:where(.cm-review) .rvb-card:hover .rvb-photo img { transform:scale(1.03); }
:where(.cm-review) .rvb-pc { position:absolute; right:8px; top:8px; min-width:24px; height:22px; padding:0 7px; border-radius:11px; background:rgba(0,0,0,.55); color:#ffffff; font-size:12px; line-height:22px; text-align:center; }
:where(.cm-review) .rvb-pc:before { content:''; display:inline-block; width:10px; height:8px; margin-right:4px; border:1.5px solid #ffffff; border-radius:2px; vertical-align:0; }
:where(.cm-review) .rvb-body { padding:12px 2px 0; }
:where(.cm-review) .rvb-rate { display:flex; align-items:center; gap:6px; margin:0; }
:where(.cm-review) .rvb-rate em { font-size:12px; font-style:normal; font-weight:600; color:#555555; }
:where(.cm-review) .rvb-opt { margin:6px 0 0; font-size:12px; color:#0099aa; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
:where(.cm-review) .rvb-txt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin:8px 0 0; font-size:14px; line-height:1.55; color:#333333; text-decoration:none; word-break:break-all; }
:where(.cm-review) .rvb-txt:hover { text-decoration:underline; }
:where(.cm-review) .rvb-who { margin:8px 0 0; font-size:12px; color:#999999; }
:where(.cm-review) .rvb-who span:before { content:'·'; margin:0 5px; color:#cccccc; }
:where(.cm-review) .rvb-reply { margin:10px 0 0; padding:9px 11px; border-radius:8px; background:#f6f6f4; font-size:12px; line-height:1.5; color:#666666; word-break:break-all; }
:where(.cm-review) .rvb-reply span { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
:where(.cm-review) .rvb-reply b { margin-right:6px; color:#222222; }
:where(.cm-review) .rvb-prd { display:flex; align-items:center; gap:10px; margin-top:auto; padding:14px 0 0; text-decoration:none; color:#222222; }
:where(.cm-review) .rvb-card .rvb-body { flex:1 0 auto; padding-bottom:14px; border-bottom:1px solid #f0f0f0; }
:where(.cm-review) .rvb-prd img { flex:0 0 40px; width:40px; height:40px; border-radius:6px; object-fit:cover; background:#f2f2f0; }
:where(.cm-review) .rvb-prd span { min-width:0; }
:where(.cm-review) .rvb-prd b { display:block; font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
:where(.cm-review) .rvb-prd em { display:block; margin-top:2px; font-size:12px; font-style:normal; color:#999999; }
:where(.cm-review) .rvb-prd:hover b { text-decoration:underline; }
/* 쪽 번호 */
:where(.cm-review) .rvb-paging { margin:44px 0 0; text-align:center; font-size:0; }
:where(.cm-review) .rvb-paging a, :where(.cm-review) .rvb-paging b { display:inline-block; min-width:36px; height:36px; margin:0 2px; padding:0 8px; border-radius:18px; font-size:14px; line-height:36px; color:#666666; text-decoration:none; }
:where(.cm-review) .rvb-paging a:hover { background:#f2f2f2; } :where(.cm-review) .rvb-paging b { background:#222222; color:#ffffff; }
/* 적립금 안내 */
:where(.cm-review) .rvb-info { display:flex; align-items:center; justify-content:space-between; gap:40px; margin:50px 0 70px; padding:26px 30px; border:1px solid #ececec; border-radius:14px; }
:where(.cm-review) .rvb-info h2 { margin:0 0 8px; font-size:16px; font-weight:700; }
:where(.cm-review) .rvb-info ul { margin:0; padding:0 0 0 18px; font-size:13px; line-height:1.8; color:#666666; }
:where(.cm-review) .rvb .rvb-btn { flex:0 0 auto; height:48px; margin:0; padding:0 26px; border:0; border-radius:10px; background:#222222; color:#ffffff; font-family:inherit; font-size:15px; font-weight:700; cursor:pointer; }
/* 보기 */
:where(.cm-review) .rvb-back { display:inline-block; margin:6px 0 18px; font-size:14px; color:#666666; text-decoration:none; }
:where(.cm-review) .rvb-back:hover { color:#222222; }
:where(.cm-review) .rvb-v-grid { display:flex; align-items:flex-start; gap:48px; margin:0 0 90px; }
:where(.cm-review) .rvb-v-media { flex:1 1 auto; min-width:0; }
:where(.cm-review) .rvb-v-main { display:flex; align-items:center; justify-content:center; height:760px; max-height:78vh; border-radius:16px; background:#f4f4f2; overflow:hidden; }
:where(.cm-review) .rvb-v-main img { display:block; max-width:100%; max-height:100%; object-fit:contain; }
:where(.cm-review) .rvb-v-thumbs { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 0; }
:where(.cm-review) .rvb-v-thumbs button { width:76px; height:76px; margin:0; padding:0; border:2px solid transparent; border-radius:10px; background:#f2f2f0; overflow:hidden; cursor:pointer; }
:where(.cm-review) .rvb-v-thumbs button.on { border-color:#222222; }
:where(.cm-review) .rvb-v-thumbs img { display:block; width:100%; height:100%; object-fit:cover; }
:where(.cm-review) .rvb-v-side { flex:0 0 400px; position:sticky; top:20px; }
:where(.cm-review) .rvb-v-side .rvb-rate em { font-size:14px; }
:where(.cm-review) .rvb-v-side .rvb-opt { margin-top:10px; font-size:13px; white-space:normal; }
:where(.cm-review) .rvb-v-text { margin:18px 0 0; font-size:16px; line-height:1.75; color:#222222; word-break:break-all; }
:where(.cm-review) .rvb-mute { color:#999999; }
:where(.cm-review) .rvb-v-side .rvb-who { margin-top:16px; font-size:13px; }
:where(.cm-review) .rvb-v-reply { margin:22px 0 0; padding:16px 18px; border-radius:12px; background:#f6f6f4; font-size:14px; line-height:1.7; color:#444444; word-break:break-all; }
:where(.cm-review) .rvb-v-reply b { display:block; margin:0 0 6px; font-size:13px; color:#222222; }
:where(.cm-review) .rvb-v-reply img { max-width:100%; height:auto; }
:where(.cm-review) .rvb-v-prd { display:flex; align-items:center; gap:14px; margin:26px 0 0; padding:16px; border:1px solid #ececec; border-radius:14px; color:#222222; text-decoration:none; transition:border-color .15s; }
:where(.cm-review) .rvb-v-prd:hover { border-color:#222222; }
:where(.cm-review) .rvb-v-prd img { flex:0 0 64px; width:64px; height:64px; border-radius:8px; object-fit:cover; background:#f2f2f0; }
:where(.cm-review) .rvb-v-prd span { flex:1; min-width:0; }
:where(.cm-review) .rvb-v-prd b { display:block; font-size:15px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
:where(.cm-review) .rvb-v-prd em { display:block; margin-top:3px; font-size:12px; font-style:normal; color:#888888; }
:where(.cm-review) .rvb-v-prd i { flex:0 0 auto; font-size:13px; font-style:normal; font-weight:600; color:#0099aa; }

/* ══════════ 커뮤니티 상세 글자 — 사이트 통일 (2026-11-14 · PC·모바일 같은 값) ══════════
 *   사장님 : 모바일 '블로그(16px)와 전시·공연정보(13px) 중간' → 본문 15px · '소제목 조금만 줄여' → 단락 제목 17px · 'PC 도 같은 기준'
 *   본문 15px · 줄 높이 1.85 · 300 · 자간 -1px · #333 · Noto Sans KR
 *     블로그·라운지 .contentDiv · 전시공연·갤러리·뉴스·중고·리셀 p.text · 공지 .view · 1:1 문의 .qa-body · 구매후기 .rvb-v-text
 *   단락 제목 17px · 700 · 1.45 · #222 — 블로그 소제목 h3(글 HTML 에 style 이 박혀 있어 !important · blog_manage.php) · 전시공연 p.texthead
 *   블로그 view.php <style> 의 예전 16px 은 div.contentDiv(더 센 선택자)로 덮음 · 바깥 여백은 화면마다 그대로 */
.content .main-area div.contentDiv, .content .main-area p.text, .cm-notice .view-list .view, .cm-qna .qa-body, .cm-review .rvb-v-text { font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight:300; line-height:1.85; letter-spacing:-1px; color:#333333; }
.content .main-area div.contentDiv p { line-height:1.85; }
.content .main-area div.contentDiv h3, .content .main-area p.texthead { font-size:17px !important; font-weight:700 !important; line-height:1.45 !important; color:#222222 !important; }