/**************************************/
/* 워드프레스에서 특정 기능을 가진 특정 블락(block)을 삽입하였을 때, 그 블락에 해당하는 스타일을 지정하는 css 파일 */
/* 예: 태그클라우드를 위젯이 아닌 포스트나 페이지에 block 형태로 삽입하였을 때, 태그클라우드처럼 작동하도록 스타일을 특별히 지정해줄 때 사용한다 */


/**************************************/
/* 그룹 블럭: 다른 블럭들을 묶는 그룹 형태의 블럭 */
#page #content #main div.wp-block-group {
	margin-left: 3em;
}



/**************************************/
/* 태그 클라우드 & 카테고리 클라우드 */
#page #content #main div.pen_content_wrapper p.wp-block-tag-cloud a {
	display: inline-block;
	margin: 0 30px 0 0;
	position: relative;
	transition: transform .3s;
	transform: scale(1.1,1.1);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
}
#page #content #main div.pen_content_wrapper p.wp-block-tag-cloud a:focus,
#page #content #main div.pen_content_wrapper p.wp-block-tag-cloud a:hover {
	transform: scale(1.2,1.3);
}


/**************************************/
/* 표(table): 내용 가운데 정렬 (가운데 정렬로 입력했음에도 불구하고 되지 변화되지 않는 에러 해결) */
#page #content #main figure.wp-block-table th.has-text-align-center {
	text-align: center;
}


/**************************************/
/* 버튼: 내용 가운데 정렬 */
#page #content #main div.wp-block-buttons {
	text-align: center;
}


/**************************************/
/* 인용(quote) 블럭 */
#page #content #main blockquote.wp-block-quote {
	text-align: center;
	margin-left: 0px;
	margin-bottom: 40px;
}
/* 일반 본문 바로 뒤에 인용문단이 나오는 경우 여백 추가 (H2, H3 뒤에 나올 경우에는 상단 여백 없음) */
#page #content #main p+blockquote.wp-block-quote {
	margin-top: 50px;
	margin-bottom: 50px !important;
}
#page #content #main blockquote.wp-block-quote p,
#page #content #main blockquote.is-style-default p {
	font-size: 1.05rem;
}
#page #content #main blockquote.is-style-large p {
	font-size: 1.2rem;
}

#page #content #main blockquote.wp-block-quote p {
	font-family: 'Noto Serif KR', serif;
	font-style: italic;
	text-align: left;
	margin-top: 10px !important;
	margin-bottom: 10px;
}
#page #content #main blockquote.wp-block-quote cite {
	font-family: 'Do Hyeon', sans-serif;
	font-size: 1.1rem;
	margin: 20px;
}
#page #content #main blockquote.wp-block-quote cite::before {
	content: '- ';
}
#page #content #main blockquote.wp-block-quote cite::after {
	content: ' -';
}


/**************************************/
/* 본문 내용 중 하이퍼링크 부분은 밑줄 긋기 (단 본문이 아닌 부분의 링크는 밑줄 없게) */
/* 인용문구 안에 있는 p, 일반 단락인 p 모두에 적용 (단 References 항목의 경우에는 밑줄 긋지 않도록 제외시킴) */
#page #content #main p:not(.konz_cls_References) a {
	text-decoration: underline !important;
}
#page #content #main li a {
	text-decoration: underline !important;
}


/**************************************/
/* '~으로 바로가기' 형태의 버튼 */
#page #content #main div.wp-block-button {
	margin: 0 auto;
}


/**************************************/
/* 플러그인: Visual Link Preview (이미지와 함께 첨부한 링크 미리보기를 출력해주는 플러그인) 출력화면 */
/* 왼쪽 이미지 영역 세로정렬 가운데로: 이미지가 맨 위에(top)으로 붙어버리는 오류 해결 */
#page #content #main div.wp-block-visual-link-preview-link div.vlp-layout-zone-side {
	margin: auto;
}
/* 메인 영역(제목+요약글+URL) 세로정렬 가운데로: 이미지가 맨 위에(top)으로 붙어버리는 오류 해결 */
#page #content #main div.wp-block-visual-link-preview-link div.vlp-layout-zone-main {
	margin: auto;
}

/* 환경설정 완료 후, 추가된 css 내용: div.wp-block-visual-link-preview-link 와 div.vlp-layout-thepharmacy 는 같은 div 이다. (현재 내가 사용중인 템플릿명이 thepharmacy 인 관계로, 현재는 해당 div 가 두 가지 class 를 모두 사용중이다.) (block 0, 1, 2, 3는 각각 Title, Content, Image, URL 영역들에 숫자를 붙여놓은 것으로 보인다.)
.vlp-layout-thepharmacy {
	background-color:white;
	border-width:1px;
	border-style:dashed;
	border-color:#9b9b9b;
	border-radius:10px;
	padding-left:10px;
	padding-right:10px;
	margin-left:30px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
	display:flex;
}
.vlp-layout-thepharmacy .vlp-layout-zone-main {
	flex:1;
}
.vlp-layout-thepharmacy .vlp-layout-zone-side {
	flex-shrink:0;
	max-width:100%;
	padding-right:10px;
}
.vlp-layout-thepharmacy .vlp-block-0 {
	font-weight:bold;
	font-size:1.5em;
	line-height:1.2em;
	text-align:inherit;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;
}
.vlp-layout-thepharmacy .vlp-block-1 {
	font-size:1.2em;
	line-height:1.2em;
	text-align:inherit;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;
}
.vlp-layout-thepharmacy .vlp-block-2 {
	font-size:0.9em;
	line-height:1em;
	color:#9b9b9b;
	text-align:inherit;
	margin-left:15px;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;
}
.vlp-layout-thepharmacy .vlp-block-3 {
	border-radius:5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:8px;
	margin-bottom:8px;
	display:flex;
	overflow:hidden;
}
.vlp-layout-thepharmacy .vlp-block-3 img {
	width:100%;
}
.vlp-layout-thepharmacy .vlp-block-4 {
	display:inline-block;
}

@media all and (max-width: 450px)  {
	.vlp-layout-thepharmacy {
		flex-wrap: wrap;
	}
	.vlp-layout-thepharmacy .vlp-layout-zone-side {
		margin: 0 auto;
		padding:0;
	}
}
*/


/**************************************/
/* 사용자 정의 Class */
.konz_cls_Font_larger {
	font-size: larger !important;
}
.konz_cls_Font_larger li {
	font-size: larger !important;
}


.konz_cls_Font_small {
	font-size: 0.92em !important;
}
.konz_cls_Font_small li {
	font-size: 0.92em !important;
}

.konz_cls_Font_smaller {
	font-size: smaller !important;
}
.konz_cls_Font_smaller li {
	font-size: smaller !important;
}


.konz_cls_flag {
	position: relative;
	margin-right: 10px;
	padding: 2px;
	background-color: #ff407f;
	vertical-align: middle;
	color: #fff;
	font-size: smaller;
	font-weight: normal;
	-webkit-box-shadow: inset 0 0 0 0.5px rgb(0 0 0 / 5%);
	box-shadow: inset 0 0 0 0.5px rgb(0 0 0 / 5%);
}
/**************************************/




/**************************************/
/* 특허 표기 */
.konz_cls_div_Patent {
	display: flex;
	justify-content: flex-end;
	padding-bottom: 2em;
}
.konz_cls_div_Patent span {
	display: flex;
	align-items: center;
	cursor: pointer;
}
.konz_cls_div_Patent img {
	height: 30px;
	margin-right: 1.2em !important;
}
.konz_cls_div_Patent p {
	font-family: "Noto Sans KR", Sans-serif !important;
	font-size: 1em !important;
	font-weight: 100 !important;
	line-height: 1.2em !important;
}
/**************************************/