:root {
	--ClrA: #a40009;
}

/*SCROLL BAR HTML 240728WRT*/
.ScrollBarHtml1 {
	position: fixed;
	top: 0;
	right: 0.5rem;
	height: 100%;
	width: 0.3rem;
	z-index: 12;
}
.ScrollBarHtml2 {
	position: absolute;
	width: 0.3rem;
	background-color: var(--ClrA);
	border-radius: 0.25rem !important;
	opacity: 0;
	cursor: grab; /*240801WRT*/
	transform: translate(-50%, 0); /*240801WRT*/
}

/*240801WRT*/
.ScrollBarHtml2:active {
	width: 0.5rem;
	background-color: var(--ClrA);
	opacity: 0.5!important;/*240816EDT 0.3에서 0.5로 변경*/
	transform: translate(-50%, 0);
	transition: opacity 0ms 0ms, width 100ms !important;
}
/*240801WRT END*/

html {
	scrollbar-width: none;
	position: relative;
}
/*SCROLL BAR HTML 240728WRT END*/

/*240722WRT*/
html {
	position: relative;
	min-height: 100%;
}
body {
	padding-bottom: 3rem;
}
footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	pointer-events : none;
	padding-bottom: 1.5rem;
	color: #474C4F;
	text-align: center;
	font-size: clamp(0.75rem, ((16vw/711)*100), 1rem);
}
/*240723RMV
footer:after {
	content: "© 2024 Family Architects";
}
*/
.tt-body-category+footer:not(.end){
	display: none;
}
/*240722WRT END*/


/*240723WRT*/
.tt-body-index #body figure:not(.tt-body-index #body .swiper figure) {
	visibility: hidden;
}
.tt-body-index #body:not(.shw) {
	visibility: hidden;
}
/*240723WRT END*/

/*240709WRT*/
#a:after {
	content: "A";
}
#r:after {
	content: "r";
}
#c:after {
	content: "c";
}
#h:after {
	content: "h";
}
#i:after {
	content: "i";
}
#t:after {
	content: "t";
}
#e:after {
	content: "e";
}
#c:after {
	content: "c";
}
#t2:after {
	content: "t";
}
#s:after {
	content: "s";
}
/*240709WRT END*/

/*240704WRT*/

/*240723RMV
.tt-body-index #body {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%;
	width: 100%;
}
240723RMV*/

/*240723WRT*/
.tt-body-index #body {
	height: calc(calc(var(--vh) * 100) - var(--ToplineHeight) - 3rem);
	padding: 0;
	display: flex;
}
.tt-body-index #body .swiper {
	max-height: calc(calc(var(--vh) * 100) - var(--ToplineHeight) - 3rem);
	margin: auto;
}
.tt-body-index #body .swiper img {
	max-height: calc(calc(var(--vh) * 100) - var(--ToplineHeight) - 3rem - 0.25rem - var(--BoxBottomHeight));
}
.tt-body-index #body .swiper .box3 {
	min-width: 0;

}
.tt-body-index #body .swiper #box_bottom a span {
	overflow: hidden;
	text-overflow: ellipsis;
}
/*240723WRT END*/

#SLbAnmtnImg.ClsAnmtng {
	opacity: 0.75;
}
/*240704WRT END*/

/*container_postbtn REMOVE*/
.container_postbtn {
	display: none;
}

/*SWIPER LIGHT BOX */
#SLbOvrly {
	touch-action: none;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	min-width: 100%;
	background-color: white;
	background-color: rgba( 255, 255, 255, 0.85 );
	
	z-index: 4;
	overflow: hidden; 
}
#SLbOvrly .swiper {
	position: absolute;
	transform: translate(-50%, -50%);
	transition: 222ms;
	width: 100%;
	cursor: grab;
}
#SLbOvrly .swiper-wrapper {
}
#SLbOvrly .swiper-slide {
	cursor: grab;
	height: 100%;
	
	
	
}
#SLbOvrly .ZmDv {
	width: 100%;
	height: 100%;
	position: relative
}
#SLbOvrly .swiper img.lazyload {
	width: 100%;
	height: 100%;
}
#SLbOvrly .swiper img {
	max-width: 100%;
	max-height: 100%;
	object-fit: scale-down;
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	translate: -50% -50%;
}
#SLbOvrly .nvgtnspd0{
	transition-duration: 0ms !important;
}
#SLbOvrly.visible {
	display: block;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: unset !important;
}
#SLbOvrly .swiper-slide {
	visibility: hidden;
}
#SLbOvrly .swiper-slide-active, #SLbOvrly .swiper-slide-prev, #SLbOvrly .swiper-slide-next {
	visibility: visible;
}
#SLbOvrly.animating .swiper-wrapper img {
	visibility: hidden;
}
/*SWIPER LIGHT BOX END*/

/*SWIPER LIGHT BOX ANIMATION*/
#SLbAnmtnImg.visible {
	display: block;
}
#SLbAnmtnImg {
	display:none;
	position: absolute;
	transform: translate(-50%, -50%);
	
	cursor: wait;
	z-index: 5;
	height: auto;
	object-fit: contain;
	transition: 222ms;
	width: 100%
}
/*SWIPER LIGHT BOX ANIMATION END*/



/*SWIPER LIGHT BOX REMOTE*/
.SLbRmt {
	display: flex;
	position: fixed;
	z-index: 10;
	visibility: hidden;
	left: 0;
	right: 0;
	bottom: 1.5rem;
	justify-content: center;
	pointer-events: none;
}
.SLbRmt.visible {
	visibility: visible;
}

.SLbCls {
	display: flex;
	position: fixed;
	z-index: 10;
	visibility: hidden;
	cursor: pointer;
	/*240704EDT
	top: 1.5rem;
	*/
	top: 4rem;
	right: 1.5rem;
	font-size: 2rem;
	padding: 0.5rem;
}
.SLbCls.visible {
	visibility: visible;
}
.SLbCls:after {
	content: "×";
}


.SLbRmt>div {
	pointer-events: auto;
	color: black;
	padding: 0.5rem 1rem;
	font-size: 1rem;
}
.SLbRmt>div:after {
	display: block;
}


.SLbSldPrvBttn {
	cursor: pointer;
}
.SLbSldPrvBttn:after {
	content: "←";
}
.SLbSldNxtBttn {
	cursor: pointer;
}
.SLbSldNxtBttn:after {
	content: "→";
}
/*SWIPER LIGHT BOX REMOTE END*/





/*SWIPER*/
#permalink_desc figure.swiper {
	z-index: unset !important;
	
}



.swiper-slide {
	-webkit-transform: translateZ(0);/*Flickering in Safari*/
	-webkit-backface-visibility: hidden;/*Flickering in Safari*/
}
#permalink_desc figure.swiper img {
	cursor: grab;
}
.swiper-pagination {
	position: unset !important;
	height: unset !important;
	display: flex;
	justify-content: center;
	margin: 0.4rem 0 0 !important;
}
.swiper-pagination-bullet {
	background-color: lightgray !important;
	width: 0.5rem !important;
	height: 0.5rem !important;
	margin: 0 0.2rem !important;
	opacity: unset !important;
	border-radius: 50% !important;
}
.swiper-pagination-bullet-active {
	background-color: var(--ClrA) !important;
}


/*스와이퍼 버튼 숨기기*/
.swiper button.btn {
	display: none;
}












/*LAZYSIZES 5.3.2*/
.lazyload,
.lazyloading {
	opacity: 0;
}
.lazyloaded{
	opacity: 1;
	transition: opacity 500ms;
}

span[dt-lghtbx], span[dt-lghtbx] img {
	display: block !important;
}
span[dt-lghtbx] {
	/*230721RMV
	background-color: lightgray;
	*/
}
.lazyloaded:not(#SLbOvrly img, #box img) {
	height: auto !important;
}
#box3>a>div {
	width: 100%
}
#box3>a {
	/*230721RMV
	background-color: LightGray;
	*/
}
.ls-is-cached:not(#box img) { /*240702EDT :not(img) 추가*/
	transition: unset !important;
	opacity: unset !important;
}






























/*메뉴*/
	/*240702EDT
#menu {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	display: flex;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: clamp(2rem, ((48vw/711)*100), 3rem);
	width: 100%;
	max-width: var(--bodyMaxWidth);
	position: relative;
}
*/





li, ul {
	all: unset;
	}

.gnb-list {
	display: flex;
}

.gnb-item {
	position: relative;
}

.gnb-title {
	display: block;
}

/* 🔥 드롭다운 기본 숨김 */
.gnb-depth {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	display: none;
	box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.gnb-depth a{
	margin: 0 !important;
	}

/* 🔥 hover 시 표시 */
.gnb-item:hover .gnb-depth {
	display: block;
}

/* 서브메뉴 스타일 */
.gnb-depth li a {
	display: block;
	padding: 10px;
	white-space: nowrap;
}

.gnb-depth li a:hover {
	background: #f5f5f5;
}



#topline {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%;
	background-color: white;
	/*
	padding: clamp(0.75rem, ((24vw/711)*100), 1.5rem) var(--bodyPadding) clamp(0.5rem, ((12vw/711)*100), 0.75rem);
	*/
	padding: 0 var(--bodyPadding) clamp(0.5rem, ((12vw/711)*100), 0.75rem);
}

#menu {
	display: flex;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	max-width: var(--bodyMaxWidth);
	padding: 0 var(--bodyPadding);
}

#logo {
	/*240702EDT
	margin-left: clamp(0.5rem, ((14vw/711)*100), 1rem);
	*/
	margin-left: clamp(0.5rem, ((80vw/711)*100), 5rem);
	/*
	margin-right: auto;
	*/
  display: inline;
	/*240702RMV align-items: end; */
	padding-top: clamp(0.75rem, ((16vw/711)*100), 1rem);
}

#main {
	/*240702EDT
	font-size: clamp(1rem, ((42vw/711)*100), 3rem);
	line-height: clamp(1rem, ((42vw/711)*100), 3rem);
	*/
	/*260326RMV
	font-size: clamp(1rem, ((32vw/711)*100), 2rem);
	line-height: clamp(1rem, ((32vw/711)*100), 2rem);
	color: var(--ClrA) !important;
	font-weight: 600;
	*/
	display: flex;
	height: clamp(1.5rem, ((56vw / 711) * 100), 3.5rem);
}

#architects {
	font-size: clamp(0.5rem, ((12vw/711)*100), 0.75rem);
	color: var(--ClrA) !important;
	display: flex;
	justify-content: space-between;
	/*font-weight: 300;*/
	margin: 0 0.5rem;
}

#menubox {
	display: flex;
	align-items: center;
	/*
	justify-content: center;
	*/
	margin-left: clamp(1rem, ((240vw/711)*100), 15rem);
	/*
	margin-left: auto;
	*/
	/*240702EDT
	margin-right: clamp(0.5rem, ((14vw/711)*100), 1rem);
	*/
	/*
	margin-right: clamp(0.5rem, ((80vw/711)*100), 5rem);
	*/
	/*
	align-self: end;
	*/
	font-size: clamp(0.75rem, ((16vw/711)*100), 1rem);
	width: 100%;
	border-top: 0.375rem solid #a40009; 
}
#menubox a {
	font-size: clamp(0.75rem, ((16vw/711)*100), 1rem);
	/*240704EDT
	margin-left: 1.5rem;
	*/
}

#menubox .gnb-item:not(:first-child) {
	margin: 0 0 0 clamp(1rem, ((80vw/711)*100), 5rem);
}

body[category_name*="works"i] #works, 
body[locationHref*="pages/services"i] #services, 
body[locationHref*="pages/about"i] #about, 
body[locationHref*="pages/contacts"i] #contacts,
body[locationHref*="pages/clients"i] #clients,
body[locationHref*="category/news"i] #news {
	color: black !important;
	font-weight: 500;
}




/*토글*/
#togglebutton {
	display: block;
	cursor: pointer;
	color: black;
	/*240702EDT
	font-size: clamp(1rem, ((35vw/711)*100), 2.5rem);
	*/
	font-size: clamp(1rem, ((24vw/711)*100), 1.5rem);
	margin-left: auto;
	margin-right: clamp(0.5rem, ((16vw/711)*100), 1rem);
	align-self: end;
}

/*240702RMV
@media screen and (max-width: 711px) {
	#togglebutton {
		display: block;
	}
	#menubox {
		display: none;
	}
	#toggle ~ #togglebutton::after {
		display: block;
		content: "MENU"
	}
	#toggle:checked ~ #togglebutton::after {
		display: block;
		content: "CLOSE"
	}
	#toggle:checked ~ #menubox {
		display: block;
		border-top: thin solid black;
		border-bottom: thin solid black;
	  grid-column-start: 1;
	  grid-column-end: 3;
	  grid-row-start: 2;
	  grid-row-end: 3;
		margin: unset !important;
		padding: 1rem 0;
		text-align: end;
	}
	#menubox a {
		margin-left: 0;
		margin-right: clamp(0.5rem, ((16vw/711)*100), 1rem);
	}
}
*/




/*정렬*/
[data-ke-align=alignRight], 
[data-ke-align=alignRight] * {
	margin-left: auto !important;
}
[data-ke-align=alignCenter], 
[data-ke-align=alignCenter]>* {
	margin-left: auto !important;
	margin-right: auto !important;
}
[data-ke-align=alignLeft], 
[data-ke-align=alignLeft] * {
	margin-right: auto !important;
}
#permalink_desc figure.imageblock.alignRight>span {
	margin-left: auto !important;
}
#permalink_desc figure.imageblock.alignRight>span {
	margin-left: auto !important;
}
#permalink_desc figure.imageblock.alignCenter>span {
	margin-left: auto !important;
	margin-right: auto !important;
}
#permalink_desc figure.imageblock.alignLeft>span {
	margin-right: auto !important;
}





/*페이지*/
#page {
	/*240702EDT
	max-width: 60rem;
	*/
	max-width: 70rem;
	margin: 5rem auto 0;
}



/*첫 번째 p[data-ke-size] HIDE*/
/*
div.tt_article_useless_p_margin p[data-ke-size]:nth-child(1) {
	display: none;
}
*/









/*이미지를 불러올 수 없습니다*/
span[dt-lghtbx] img[src*="xBoxReplace_250"i] {
	display: none;
}
div.xbox {
	display: flex;
	width: 100%;
	height: 100%;
}
div.xbox:before {
	content: "404";
	color: yellow;
	font-size: clamp(1rem, (240vw/711)*100, 15rem);
	font-weight: 400;
	font-family: monospace;
	white-space: nowrap;
	margin: auto;
}
.swiper div.xbox {
	cursor: grab;
}





/*공감 버튼 숨기기*/
.container_postbtn {
	display: none !important; /*231024EDT important 추가가*/
}
/*비디오 설명 숨기기*/
figure[data-ke-type='video'] figcaption {
	display: none;
}
/*신고버튼 숨기기*/
#rp_date a {
	display: none;
}
/*메뉴 툴바 숨기기*/
.menu_toolbar {
	display: none !important;
}
/*카테고리 이름 숨기기*/
#category_name {
	display: none;
}




/*카테고리 박스 BASE*/
#body {
	max-width: var(--bodyMaxWidth);
	margin: auto;
	padding: 0 var(--bodyPadding) 3rem ;/*240704WRT*/
}
#box {
	position: relative;
	margin: unset;
}
#box3>a {
	display: flex;
	overflow: hidden;/*240702WRT*/
}
#box img {
	filter: grayscale(0.9);
	/*240722EDT transition: filter 300ms ease, transform 300ms ease;*/
	transition: filter 500ms ease, transform 500ms ease;/*240722EDT*/
	height: 100%;
}
#box img:hover {
	filter: grayscale(0);
	transform: scale(1.2);/*240702WRT*/
	/*240722EDT transition: filter 300ms ease, transform 300ms ease;*/
	transition: filter 500ms ease, transform 500ms ease;
}
/*240704WRT*/
@media screen and (max-width: 711px) {
	#box img {
		transition: filter 500ms ease, transform 500ms ease;
	}
	#box img:hover {
		transition: filter 500ms ease, transform 500ms ease;
	}
}
/*240704WRT END*/


/*230630RMV
#box::before {
	content: "";
	display: block;
	padding-top: calc(400% / 4);
}
*/
/*카테고리 박스 BASE END*/


/*카테고리 박스 치퍼필드
#box2 {
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#box3 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 100%;
}
#box3>a {
	width: 100%;
	height: 100%;
	max-height: var(--boxHeight);
}
#box img {
	object-fit: scale-down;
	width: auto;
	margin: auto;
}
카테고리 박스 치퍼필드 END*/


/*230630 카테고리 박스 비례 조정 변수 활용
#box3>a {
	height: var(--boxHeight);
	height: calc(var(--boxHeight)*0.75);
}
#box img {
	object-fit: cover;
	width: var(--boxWidth);
}
:root {
	--bodyGridRowGap: 1.5rem !important;
	--bodyGridColumnGap: 1.5rem !important;
}
230630 카테고리 박스 비례 조정 변수 활용*/



/*카테고리 박스 비례 조정 PADDING 활용*/
/*@media screen and (min-width: 711px) {*/
	#box {
		width: 100%;
	}
	#box2 {
		display: block;
	}
	#box3>a {
		position: relative;
		height: 100%;
	}
	#box3>a:before {
		content: "";
		display: block;
		padding-top: 75%;
		position: relative;
	}
	#box img {
		position: absolute;
		width: 100%;
		object-fit: cover;
	}
	/*
	:root {
		--bodyGridRowGap: 1.5rem;
		--bodyGridColumnGap: 1.5rem;
	}
	*/
/*}*/
/*카테고리 박스 비례 조정 PADDING 활용*/



/*커버 이미지 레이아웃
.box2 {
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.box2:before {
	content: "";
	display: block;
	padding-top: 100%;
	width: 100%;
}
.box3 {
	position: absolute;
	display: flex;
	flex-direction: column;
	justify-content: center; 230704RMV 이게 문제였음
	max-width: 100%;
	height: 100%;
	max-height: 100%;
}
.box3>a {
	position: relative;
	display: flex;
	margin: 0;
	width: 100%;
	height: 100%; 230704RMV 이게 문제였음
	max-height: 100%;
}
.box3>a img {
	top: 0;
	object-fit: scale-down;
	height: 100%;
	width: auto;
	margin: 0;
}
.tt-body-index .swiper {
	width: 70% !important;
	overflow-y: unset !important;
}
.tt-body-index .swiper-slide {
	position: relative;
	margin: unset;
}
커버 이미지 레이아웃 END*/

.box2 {
	display: flex;}
.box3 {
	margin: auto;
}
.box3 a {
	display: flex;
}
.box3>a img {
	width: unset;
	object-fit: scale-down;
	margin: auto;
}
.tt-body-index .swiper-wrapper {
align-items: center
}
.tt-body-index .swiper:hover {
	cursor: grab !important;
}
.tt-body-index .swiper *:active {
	cursor: grabbing !important;
}
.box3>a img {
	max-height: clamp(0rem, 50vw, var(--coverBoxMaxHeight));
}
@media screen and (max-width: 711px) {
	.box3>a img {
		max-height: var(--coverBoxMaxHeight)
	}
}






/*TITLE 260330WRT */
.tt-body-category #box_title, .tt-body-tag #box_title {
	position: absolute;
	top : 1rem;
	left: 1rem;
	font-size: clamp(0.5rem, ((16vw/711)*100), 1rem);
	color: #ffffff
}

.tt-body-index #box_title {
	position: absolute;
	top : 1rem;
	margin: 0 0 0 1rem;
	font-size: clamp(0.5rem, ((32vw/711)*100), 2rem);
	color: #ffffff
}
/*TITLE 260330WRT END */

/*개요(SUMMARY)*/
#box_bottom {
	display: grid;
	grid-template-columns: min-content auto;
	margin-top: 0.25rem;
	word-break: break-all;
	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;
	font-size: clamp(0.75rem, ((16vw/711)*100), 1rem);
}
#box_bottom div {
	word-break: break-all;
	overflow: hidden;
	white-space: pre;
	text-overflow: ellipsis;
	padding: 0 0.5rem;
}
#box_bottom #title_left {
	padding: 0 0 0 0.5rem;
	display: none; /*240702WRT*/
}
#box_bottom #summary_data {
	display: none;
}
#box_bottom div:nth-child(odd) {
	border: dotted black;
	border-width: 0 thin thin 0;
}
#box_bottom div:nth-child(even) {
	border: dotted black;
	border-width: 0 0 thin 0;
}

/*개요 조정*/
#box_bottom div:nth-child(odd) {
	border: unset;
	border-width: unset;
}
#box_bottom div:nth-child(even) {
	border: unset;
	border-width: unset;
}
/*개요 조정*/




/*본문*/
#permalink_title {
	/*240702EDT font-size: 2rem;*/
	font-size: clamp(1.25rem, (24vw/711)*100, 1.5rem);
	word-break: break-word;
	max-width: 60rem;
	margin: 2rem auto 1rem;
}
#permalink_desc {
	word-break: break-word;
	max-width: 60rem;
	margin: auto;
	padding: 0 0 1.5rem;
}
#permalink_desc>div>p {
	margin: 0 0.5rem !important;
	word-break: break-all;
}
#permalink_desc figure {
	display: block !important;
	margin: 1.5rem 0 0.4rem !important
}
#permalink_desc figure.imageslideblock .image-container {
	min-height: unset;
	height: 100% !important;
}
#permalink_desc img {
	cursor: zoom-in;
}
#permalink_Edit {
	z-index: 1;
	position: sticky;
	bottom: 1.5rem;
}
#permalink_Edit a {
	color: red !important;
	position: absolute;
	bottom: 0;
	right: 0.5rem;
}






/*텍스트*/
/*제목1*/
h2, h2[data-ke-size] {
	margin: 0 0.5rem;
	font-size:1.625rem;
}
/*제목2*/
h3, h3[data-ke-size] {
	margin: 0 0.5rem;
	font-size:1.5rem;
}
/*제목3*/
h4, h4[data-ke-size] {
	margin: 0 0.5rem;
	font-size:1.25rem;
}
/*본문1*/
.tt-body-page p[data-ke-size='size18'], p[data-ke-size='size18'] {
	font-size: 1.125rem;
}
/*본문3*/
.tt-body-page p[data-ke-size='size14'], p[data-ke-size='size14'] {
	color: GRAY;
	font-size: 0.875rem; 
}



/*구분선*/
hr[data-ke-style] {
	all: unset;
	display: block;
	cursor: unset !important;
}
/*
hr[data-ke-style="style1"] {}
hr[data-ke-style="style2"] {}
hr[data-ke-style="style3"] {}
hr[data-ke-style="style4"] {}
*/
hr[data-ke-style="style5"] {
	border-top: thin solid black !important;
	margin: 3rem 0;
}
hr[data-ke-style="style6"] {
	border-top: thin solid darkgray !important;
	margin: 3rem 0;
}



/*이미지슬라이드*/
#permalink_desc figure.imageslideblock .image-container .btn {
display: flex;
top: 0;
width: 30%;
height: inherit;
margin: 0;
padding: 0;
cursor: pointer;
color: white;
}
figure.imageslideblock div.image-container .btn-prev:before {
font-size: 3rem;
content: "〈";
margin: auto auto auto 10%;
}
figure.imageslideblock div.image-container .btn-next:before {
font-size: 3rem;
content: "〉";
margin: auto 10% auto auto;
}
figure.imageslideblock div.image-container .btn {
opacity: 0;
transition: opacity ease-in-out 0.2s;
}
figure.imageslideblock div.image-container:hover .btn {
opacity: 0.3;
}
figure.imageslideblock div.image-container .btn:hover {
opacity: 1;
}
figure.imageslideblock div.image-container .btn span {
display:none;
}





#permalink_desc figure.imageslideblock .mark {
display: inline-block;
height: unset;
margin: 0.5rem auto 0;
}
#permalink_desc figure.imageslideblock .mark span:first-child {
background-color: black;
}
#permalink_desc figure.imageslideblock .mark span {
background-color: darkgray;
width: 0.5rem;
height: 0.5rem;
margin: 0 0.25rem;
border-radius: 50% !important;
}
#permalink_desc figure.imageslideblock .mark span[style="background-color: rgb(214, 214, 214);"] {
background-color: darkgray !important;
}
#permalink_desc figure.imageslideblock .mark span[style="background-color: rgb(0, 0, 0);"] {
background-color: black !important;
}





/*이미지 캡션*/
#permalink_desc figure figcaption {
	display: flex;
	justify-content: center;
	align-items: center;
	color: GRAY;
	font-size: 0.875rem;
	margin: 0.4rem 0 0;
	padding: 0;
	white-space: pre;
	min-height: unset;
}
#permalink_desc figure figcaption:before {
	content: "\3008\0020";

}
#permalink_desc figure figcaption:after {
	content: "\0020\3009";
}





/*오픈그래프*/
#permalink_desc figure[data-ke-type='opengraph'] a {
	color: black;
	background-color: #292a31;
	border: thin solid darkgray;
	display: flex;
	height: auto;
}
#permalink_desc figure[data-ke-type='opengraph'] a>* {
	position: unset;
}
#permalink_desc figure[data-ke-type='opengraph'] .og-image {
	all: unset;
	width: clamp(6rem, (160vw/711)*100, 10rem);
	height: clamp(6rem, (160vw/711)*100, 10rem);
	flex-shrink: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#permalink_desc figure[data-ke-type='opengraph'] .og-image:before {
	all: unset;
}
#permalink_desc figure[data-ke-type='opengraph'] .og-text {
	all: unset;
	width: auto;
	padding: 0.75rem;
	left: unset;
	overflow: hidden;
	border-left: thin dotted darkgray !important;
}
#permalink_desc figure[data-ke-type='opengraph'] .og-text>* {
	all: unset;
	line-height: unset !important;
	max-width: unset !important;
	margin: unset !important;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#permalink_desc figure[data-ke-type='opengraph'] .og-text .og-title {
	font-size: 1rem;
}
#permalink_desc figure[data-ke-type='opengraph'] .og-text .og-desc {
	font-size: 0.75rem;
}
#permalink_desc figure[data-ke-type='opengraph'] .og-text .og-host {
	font-size: 0.75rem;
}


/*페이징*/
#paging {
	max-width: 80rem;
	margin: 3rem auto 0;
}
#paging a {
	margin: auto 0.5rem;
}
#paging .selected {
	color: black;
}
#paging a:not([href]) {
	color: darkgray;
}
#paging {
	display: none;
}

/*라이트박스*/
#lightboxOverlay {
	opacity: 0.9 !important;
}
#lightbox {
	position: fixed;
	top: 50% !important;
	left: 50% !important;
	translate: -50% -50%;
	opacity: 1 !important;
}
#lightbox .lb-prev, #lightbox .lb-next {
	  width: 50%;
}
#lightbox .lb-loader {
	display: none !important;
}
#lightbox .lb-close {
	all: unset !important;
}
#lightbox .lb-number {
	font-size: 1rem;
}



#lightbox .lb-image {
	border: none;
	display: block !important;
}
#lightbox .lb-outerContainer {
	background-color: unset;
}
#lightbox .lb-dataContainer {
	display: block !important;
}



/*230630RMV
#lightbox .lb-outerContainer {
	width: 90% !important;
	height: 90% !important;
}
#lightbox .lb-image {
	object-fit: scale-down;
	margin: auto;
	width: 90% !important;
	height: 90% !important;
	max-width: 100% !important;
	max-height: 100% !important;
}
#lightbox .lb-dataContainer {
	width: unset !important;
	height: unset !important;
	max-width: 90% !important;
	max-height: 90% !important;
}
*/

/*비디오*/
video {
	outline: none !important;
	display: flex;
}
video::-webkit-media-controls-fullscreen-button {
	display: none !important;
}

/*폰트*/
html {
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 400;
	font-size: 16px;
}

/*공통*/
html {
	touch-action: pan-x pan-y;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
}
body {
	color: black;
	background-color: white;
	cursor: default;
	margin: auto;
	/*240704EDT
	padding: 3rem var(--bodyPadding);
	*/
}
p {
	margin: 0 !important;
	padding: 0 !important;
}
figure {
	margin: unset;
}
/*230630RMV
.tt-body-page #body {
	padding: 0 1.5rem;
}
*/

* {
	font-family: inherit;
	color: inherit;
	font-weight: inherit;
	font-size: inherit;
	text-decoration: inherit;
	border-radius: 0 !important;
	box-sizing: border-box !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-ms-appearance: none !important;
}
b, b * {
	font-weight: 600;
}
u, u * {
	text-decoration: underline;
}
s, s * {
	text-decoration: line-through;
}
img {
	vertical-align: middle;
}
/*마우스 효과*/
[href], .tt_more_preview_comments_wrap, figure.fileblock a .desc .filename .name {
	color: darkgray;
	cursor: pointer;
}
[href]:hover {
	color: black;
}
#title_right a {
	color: black;
}
body[locationHref*="pages/news"i] p a {
	color: black;
}


/*포커스 테두리 제거*/
input:focus, textarea:focus {
	border-color: black !important;
	outline: none !important;
}
/*INPUT PLACEHOLDER*/
input::placeholder {
	color: darkgray;
}
/*드래그 제한*/
html, #menu, #menu a, img, .fileblock, #paging, #box, #permalink_Edit a, .sticky, #permalink_desc figure[data-ke-type='opengraph'], input::placeholder {
	user-select: none !important;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	-webkit-user-drag: none;
}
/*240702WRT*/
html #page p {
	user-select: text !important;
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	-webkit-user-drag: text !important;
}
/*240702WRT END*/

/*터치 꾸욱 제한*/
img {
	-webkit-touch-callout:none;
}
a {
	-webkit-touch-callout:none;
}





.tt-body-category #body, .tt-body-tag #body {
	display: grid;
	box-sizing: unset;
	margin: 3rem auto 0;
	justify-items: center;
	justify-content: center;
	grid-template-columns: repeat(var(--bodyGridTemplateColumns), minmax(0, var(--boxWidth)));
	row-gap: var(--bodyGridRowGap);
	column-gap: var(--bodyGridColumnGap);
}
:root {
	--bodyMaxWidth: 80rem;
	--boxWidth: clamp(0rem, (100vw - var(--bodyPadding) * 2 - var(--bodyGridColumnGap) * (var(--bodyGridTemplateColumns) - 1)) / var(--bodyGridTemplateColumns), (var(--bodyMaxWidth) - var(--bodyGridColumnGap) * (var(--bodyGridTemplateColumns) - 1)) / var(--bodyGridTemplateColumns));
	--boxHeight: var(--boxWidth);
	--coverBoxMaxHeight: calc(var(--bodyMaxWidth) / 2)
}



/*반응형*/
/*
@media screen and (max-width: 711px) {
	:root {
		--bodyPadding: 0.5rem !important;
		--bodyGridTemplateColumns: 1 !important;
		--bodyGridRowGap: 2rem !important;
		--bodyGridColumnGap: 1rem !important;
	}
	#box2 {
		display: block;
	}
	#box3 {
		display: block;
	}
	#box3>a {
		display: block;
		max-height: unset;
		width: 100%;
		height: 100%;
	}
	#box img {
		object-fit: cover;
		width: 100%;
	}
}
*/
@media screen and (max-width: 711px) {
	#logo {
		margin-left: clamp(0.5rem, ((16vw/711)*100), 1rem);
	}
	#menubox {
		margin-right: clamp(0.5rem, ((16vw/711)*100), 1rem);
	}	
	:root {
		--bodyPadding: 0.5rem;
		--bodyGridTemplateColumns: 2;
		--bodyGridRowGap: 0.5rem;
		--bodyGridColumnGap: 0.5rem;
	}
}

@media screen and (min-width: 712px) and (max-width: 820px) {
	#logo {
		margin-left: clamp(0.5rem, ((48vw/711)*100), 3rem);
	}
	#menubox {
		margin-right: clamp(0.5rem, ((48vw/711)*100), 3rem);
	}	
	:root {
		--bodyPadding: 1rem;
		--bodyGridTemplateColumns: 2;
		--bodyGridRowGap: 1rem;
		--bodyGridColumnGap: 1rem;
	}

	#box_bottom div:nth-child(odd) {
		display: unset;
	}
	#box_bottom {
		display: grid;
	}
}

@media screen and (min-width: 821px) {
	:root {
		--bodyPadding: 1rem;
		--bodyGridTemplateColumns: 3;
		--bodyGridRowGap: 0.5rem;
		--bodyGridColumnGap: 0.5rem;
	}
}

@media screen and (min-width: 821px) and (max-width: 1280px) {
	#box_bottom div:nth-child(odd):not(#title_right) {
		display: none;
	}
	#box_bottom {
		display: flex;
	}
}
@media screen and (max-width: 540px) {
	#box_bottom div:nth-child(odd):not(#title_right) {
		display: none;
	}
	#box_bottom {
		display: flex;
	}
}