body.page .dk-topStn { margin-bottom: 0; }
.dk-PghTop { margin: 2em 0; }
.dk-PghTopK { display: grid; grid-template-columns: repeat(2,1fr); gap: 2em; }
.dk-PghTop_K02 { background: url(images/topbgt.png) no-repeat; background-position: right center; background-size: contain; min-height: 500px; }
.dk-PghTop_K01 { color: #fff; }
.dk-sidLeK01 h1 { margin: 12px 0; font-size: 38pt; color: #ffd533; text-shadow: 0 1px 2px #333; }
.dk-midContent { background: #FAF1F1; background: linear-gradient(135deg, rgb(255 248 243) 0%, rgb(216 229 243) 100%); padding: 2em 5%; width: 100%; float: left; }
.dk-midContent h2, .dk-midContent h3, .dk-cnBoDx h2 { color: #004399; font-size: 20pt; margin: 12px 0; }
.dk-midContent p { margin: 1em 0; line-height: 1.5; font-size: 16px; }
.dk-midLydo { background: #f0e9e9; background: linear-gradient(135deg, rgb(255 254 243) 0%, rgb(236 245 255) 100%); width: 100%; float: left; }
.dk-mLydoNx { text-align: center; }
.dk-mLydoNx h2 { color: #0f3f91; text-transform: uppercase; margin-bottom: 12px; }
.dk-mLydoHx { display: grid; grid-template-columns: repeat(4,1fr); gap: 1em 2em; margin: 2em 0; padding: 0 2%; }
.dk-mLydo_Li { position: relative; margin-bottom: 1em; }
.dk-mLydo_LiIc { font-size: 40pt; color: #0abe8a; }
.dk-mLydo_LiTi { margin: 12px 0; font-size: 18px; font-weight: bold; }
.dk-cnBox { background: #fff url(images/bgt02.jpg) left bottom no-repeat; width: 100%; padding: 3em 0; float: left; }
.dk-cnBoDx { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 2em; align-items: center; }
.dk-cnBod_Ctn p { font-size: 16px; line-height: 1.6; margin: 1em 0; color: #333; }
.dk-cnBod_Ctn ul { padding-left: 12px; margin: 1em 0; list-style-type: initial; }
.dk-cnBod_Ctn ul li { margin: 12px 0; line-height: 1.5; color: #444; list-style-position: inside; text-align: justify; } 
.dk-cnBod_Ig img { max-width: 100%; height: auto; }
.dk-cnHmd { background: #faf8f1; background: linear-gradient(135deg, rgb(255 255 242) 0%, rgb(232 232 252) 100%); padding: 2em 0; width: 100%; float: left; }
.dk-cnHmdX { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 2em; align-items: center; }
.dk-cnHmdX h3, .dk-cnHmdXle h3 { background: #f6f6f6; color: #0f3f91; border-left: 3px solid #069; padding: 12px 0 12px 1em; box-shadow: 0 2px 8px #e2e5eb; }

.dk-botHnv { background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%); width: 100%; padding: 3em 0; float: left; }
.dk-botHnv h3 { display: inline-flex; box-sizing: border-box; align-items: center; gap: 10px; padding: 10px 18px; border-radius: 100px; position: relative; }
.dk-botHnv h3::before { content: ""; width: calc(100% + 2px); height: calc(100% + 2px); background: linear-gradient(90deg, #7341F1 0%, #2EB67D 100%); border-radius: inherit; position: absolute; left: 0; top: 0; }
.dk-botHnv h3::after { content: ""; width: 100%; height: 100%; background-color: #fff; border-radius: inherit; position: absolute; left: 1px; top: 1px; }
.dk-botHnv h3 span { position: relative; z-index: 1; }
.dk-botHnvBx { text-align: center; margin: 1.5em 0; padding: 0 2em; }
.dk-botHnvBx h2 { color: #0f3f91; margin: 0 0 12px; }
.dk-botHnvBx_Kl { background: #f6f6f6; padding: 2em 1em; box-shadow: 0 2px 8px #e2e5eb; border-radius: 5px; }

.dk-botVnx { display: grid; grid-template-columns: repeat(3,1fr); gap: 1em 2em; }
.dk-botVnx_Bi { background: #fff; padding: 1em; border-radius: 12px; box-shadow: 0 2px 8px #e2e5eb; text-align: center; }
.dk-botVnx_Icon { color: #2EB67D; font-size: 50pt; margin-bottom: 10px; }
.dk-botVnx_Tit { color: #0f3f91; text-transform: uppercase; font-weight: bold; font-size: 20px; }
.dk-botVnx_Txt { color: #0d5134; margin: 1em 0; line-height: 1.5; }
.dk-botPrGip { color: #1d0a6a; font-size: 16px; line-height: 1.5; letter-spacing: 1px; }
.dk-botVnx_Tgian { background: #e5eff8; border: 1px solid #dae6f0; padding: 12px 16px; border-radius: 12px; color: #2b5981; font-weight: bold; }
.dk-botHnvBx ul { background: rgb(255,255,255,.3); text-align: left; margin: 1em 0; list-style-type: initial; padding: 1em 2em; }
.dk-botHnvBx ul li { list-style-image: url(images/icon/checked.png); list-style-position: inside; margin: 12px 0; line-height: 1.5; font-size: 17px; color: #222; }

.dk-botLyd { background-color: #eff7fb; background: linear-gradient(135deg, rgb(238 255 251) 0%, rgb(244 247 226) 100%); padding: 3em 0; width: 100%; float: left; }
.dk-botLyd_Ti { text-align: center; margin-bottom: 2em; display: block; }
.dk-botLyd h3 { display: inline-flex; box-sizing: border-box; align-items: center; gap: 10px; font-size: 18pt; padding: 10px 18px; border-radius: 100px; text-align: center; position: relative; }
.dk-botLyd h3::before { content: ""; width: calc(100% + 2px); height: calc(100% + 2px); background: linear-gradient(90deg, #12c232 0%, #eb8313 100%); border-radius: inherit; position: absolute; left: 0; top: 0; }
.dk-botLyd h3::after { content: ""; width: 100%; height: 100%; background-color: #fff; border-radius: inherit; position: absolute; left: 1px; top: 1px; }
.dk-botLyd h3 span { color: #004399; position: relative; z-index: 1; }
.dk-botLxn { display: grid; grid-template-columns: repeat(3,1fr); gap: 2em; }
.dk-botLxn_Li { background: #fff; padding: 12px; border: 1px solid #ddd; border-radius: 12px; }
.dk-botLxn_LiIc { font-size: 18px; margin: 2px 0 10px; color: #069; }
.dk-botLxn_LiEx p { color: #333; line-height: 1.5; }

.dk-botLx_Ctn { padding: 0 1%; margin: 3em 0 1em; }
.dk-botLx_Ctn h2 { border-left: 3px solid #069; padding: 12px 1em; color: #069; background: #fff; }
.dk-botLx_Ctn p { font-size: 17px; line-height: 1.6; margin: 1em 0; }
.dk-botLx_Ctn ol { padding-left: 1em; margin: 1em 0; }
.dk-botLx_Ctn ol li { list-style-position: inside; margin: 12px 0; line-height: 1.5; font-size: 16px; }

@media (min-width: 1600px) {
	.dk-midContent { padding: 0 8%; }
	.dk-cnBod_Ctn p { font-size: 18px; }
	.dk-cnBod_Ctn ul li { font-size: 16px; }
	.dk-botHnvBx { font-size: 130%; }
}

@media (max-width: 1024px) {
	.dk-PghTop_K02 { min-height: 320px; }
	.dk-mLydo_LiIc { font-size: 32pt; }
}

@media (max-width: 850px) {
	.dk-PghTop { margin: 1em 0; }
	.dk-PghTop_K02 { min-height: 300px; }
	.dk-sidLeK01 h1 { font-size: 30pt; margin-top: 0; }
	.dk-midContent h2, .dk-midContent h3, .dk-cnBoDx h2 { font-size: 18pt; }
	.dk-midContent p, .dk-cnBod_Ctn p { font-size: 14px; }
	.dk-mLydoHx, .dk-botLxn { grid-template-columns: repeat(2,1fr); }
	.dk-cnBox { padding: 1em 0; }
	.dk-cnBod_Ctn ul li { font-size: 13px; text-transform: initial; }
	.dk-botVnx_Tit, .dk-botLx_Ctn p { font-size: 15px; line-height: 1.5; }
	.dk-botVnx_Txt { font-size: 12px; }
	.dk-botHnvBx { padding: 0; }
	.dk-botLx_Ctn ol li { font-size: 14px; }
}

@media (max-width: 480px) {
	.dk-PghTopK, .dk-cnBoDx, .dk-cnHmdX, .dk-botVnx, .dk-botLxn { display: block; padding: 0 8px; }
	.dk-sidLeK01 h1 { font-size: 22pt; }
	.dk-PghTop_K02 { min-height: 260px; }
	.dk-midContent h2, .dk-midContent h3, .dk-cnBoDx h2 { font-size: 16pt; line-height: 1.5; }
	.dk-mLydo_LiTi { font-size: 16px; }
	.dk-mLydo_LiEx { font-size: 13px; }
	.dk-botHnvBx h2 { font-size: 14pt; }
	.dk-botVnx_Bi, .dk-botLxn_Li { margin-bottom: 1em; }
	.dk-botPrGip { font-size: 15px; letter-spacing: normal; }
	.dk-botHnvBx p { line-height: 1.5; }
	.dk-botHnvBx ul { padding: 1em; }
	.dk-botLyd h3, .dk-botLx_Ctn h2 { font-size: 15pt; }
	.dk-sidSpna, .dk-sidSpnb { display: inline-block; font-size: 24px; }
	.dk-sidSpnb { padding-left: 0; }
	.dk-sidSpnc { font-size: 24pt; }
}

@media (max-width: 390px) {
	.dk-sidSpna, .dk-sidSpnb { font-size: 21px; }
}