.vh-content { background: #fff; font-size: 10px; width: 100%; max-width: 1200px; }
.sub_inner { width: 100%; max-width: 1000px; margin: 0 auto; }

h1 { font-size: 4em; font-weight: 900; margin: 0.5em 0; }
h2 { font-size: 3.6em; margin: 0.5em 0; }
h5 { font-size: 1.8em; font-weight: 800; line-height: 1.7; }
p { font-size: 1.6em; line-height: 1.8; font-weight: 500; margin: 0.5em 0; }

article { padding: 40px; margin: 40px auto; }

.imgG { display: flex; justify-content: flex-start; align-items: stretch; gap: 1em; }
.imgR { float: right; padding-left: 4em; }
.imgL { float: left; padding-right: 4em; }
.imgt { overflow: hidden; }
.imgt img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.imgF { box-shadow: 0 0 1em rgba(0,0,0,0.2); border: 1em solid #fff; }
.txtC { text-align: center; }
.txtR { text-align: right; }
.txtL { text-align: left; }
.txtP { color: var(--primary); }
.txtB { font-weight: bold; }
.txtBL { font-weight: 900 !important; }
.txtM { font-weight: 500; }
.txtLE { 
	color: #fff; 
	font-weight: 900; 
	/*-webkit-text-stroke: 1px var(--primary); */
	text-shadow:
		-1px -1px 0 var(--primary),
		-1px -1px 0 var(--primary),
		1px 1px 0 var(--primary),
		1px 1px 0 var(--primary),
		 4px  4px 0 var(--txtsdw),
		 4px  4px 0 var(--txtsdw);
}
.txtE {  }

/* 페이지 네비 유기태 */
.navibox  { font-size: 1.6em; width: var(--Mwidth); margin:0 auto; position:sticky; bottom:-1px; background-color:#fff; border-top:1px solid #eaeaea; border-bottom:none; border-radius:0;  line-height:60px; transition: 0.3s; z-index : 100 ; }
.navibox.is-pinned {  width: calc( var(--Mwidth) - 2em); background-color:rgba(0, 0, 0, 0.9); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border:none; border-radius:20px 20px 0 0;}
.navibox.is-pinned a {color:#fff}
.navibox:after {content:""; clear:both; display:block; } 
.navibox li { float:left; }
.navibox li:nth-child(1) { width:45%; padding-left:20px;  }
.navibox li:nth-child(2) { width:10%;  text-align:center;  cursor:pointer; }
.navibox li:nth-child(2) a {display: inline-block; padding: 0 20px;}
.navibox li:nth-child(3) { width:45%; text-align:right; padding-right:20px; }
.bx { vertical-align: middle}

@media screen and (max-width:1000px){
	.navibox  {width: 96%; left:0;  margin-left:2%; line-height:50px; border-radius:10px 10px 0 0;}
	.navibox.is-pinned {width: 96%;}
	.navibox li:nth-child(1),
	.navibox li:nth-child(3) { font-size:1em;}
}
/* 페이지 네비 */


.magazine {  }
.magazine img { width: 100%; }

.cartoon { max-width: 900px; width: 100%; margin: 0 auto; padding-bottom: 4em; }
.cartoon img { width: 100%; }

.imgQR { display: inline-flex; align-items: flex-end; gap: 1em; }
.imgQR span { font-size: 1.4em; font-weight: 300; vertical-align: bottom; text-align: center; }
.imgQR img { width: 100px; vertical-align: bottom; border: 4px solid var(--primary); }

.imgbox { margin: auto; }
.imgbox img { width: 100%; }
.caption { text-align: center; padding: 5px; background: var(--primary); color: #fff; line-height: 1.5em; }

.titlebox {  }
.titlebox .head { font-size: 2em; font-weight: 900; color: var(--primary) }
.titlebox .title { font-size: 5em; font-weight: 900; margin-top: 0em; }
.titlebox p { font-size: 1.8em; }

.textbox {  }
.textbox p {  }

.flex_end { justify-content: flex-end; }
.con_flex { display: flex; justify-content: flex-start; align-items: stretch; }
.con_row { margin: 5em auto; }
.con_row:after { content: ""; display: block; clear: both; }
.con_row .imgbox { width: 50%; }
.con_col { flex: 1; }

.con_tit { flex-shrink: 0; }
.con_tit h1 { color: var(--primary); margin-top: 0; }
.con_desc { flex-grow: 1; }
.con_desc .imgbox { margin-bottom: 2em; }

.titbox { margin: 3em 0 1.5em; }
.conbox p { font-weight: 300; }

.qoutebox { text-align: center; margin: 5em 0; }
.qoutebox p { font-size: 3em; line-height: 1.5; }
.qoutebox span { font-size: 1.8em; }

.bdbox { background: #eee; border-radius: 2em; border: 1px solid #fff; outline: 2em solid #eee; padding : 3em; margin: 2em; }

.sdbox { border: 4px solid var(--primary); padding: 4em; box-shadow: 4px 4px 1px var(--primary); }

.profbox { position: relative; max-width: 350px; padding: 2em 0; }
.profbox p { font-size: 1.8em; font-weight: 300; }
.profbox strong { display: flex; align-items: flex-end; font-size: 1.8em; font-weight: 900; letter-spacing: 1em; }
.profbox strong:after { content: ""; display: inline-block; flex: 1; height: 1px; background: currentColor; }
.profT { position: absolute; right: 0; bottom: 0; border-radius: 50%; overflow: hidden; width: 8em; height: 8em; }
.profT img { width: 100%; height: 100%; object-position: center; object-fit: cover; }

@media(max-width: 768px) {
	.vh-content { font-size: 7px; }
	.sub_inner { padding: 4em 3em; }

	h1 {  }
	h2 {  }
	h5 { font-size: 2.4em; }
	p { font-size: 2em; }

	.imgPC { display: none !important; }

	.imgR,
	.imgL { float: inherit; padding: 0; }
	.imgG { flex-direction: column; }
	.imgMax { margin-left: -3em; margin-right: -3em; }
	.imgQR { float: right;  }
	.imgQR img { width: 70px; }

	.titlebox p { font-size: 2em; }
	.titlebox .title { font-size: 4em; }

	.con_flex { flex-direction: column; }
}