/* common */
.whois-tpl-exam-navi { position:absolute; top:70px; left:0; right:0; display:none; z-index: 9999; }
.whois-tpl-exam-navi .whois-tpl-exam-inner { clear:both; }
.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-box { display:inline-block; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16); }
.nav>li.whois-exam-navi-call { position:static; }

/* left */
.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-left { width:32%; height:357px; margin:0; position:relative; float:left; text-align:center; border-top:1px solid #1287e1; border-bottom:2px solid #1287e1; background:#ffffff; }
.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-left:after { content: ""; height: 100%; display: inline-block; vertical-align: middle; }
.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-left img { vertical-align:middle; }

/* right */
.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right { width:68%; height:357px; margin:0; position:relative; float:left; border-top:1px solid #1287e1; border-bottom:2px solid #1287e1; background:#ffffff; }
.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { display:inline-block; margin:25px 42px 0 0; padding:0; float:left; }
.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 0 0 0; }
.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl { width:83px; margin:0; padding:0; }
.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl dt { width:83px; margin:0; padding:0; float:left; list-style:none; text-align:center; }
.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl dd { width:83px; margin:0; padding:5px 0 0 0; float:left; font-size:12px; font-weight:500; list-style:none; line-height:15px; text-align:center; }
.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right dl.whois-tpl-exam-navi-right-item dt img { width:83px; }
.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right .whois-tpl-exam-navi-right-description { width:410px; position:absolute; bottom:60px; right:70px; font-size:12px; font-weight:600; text-align:center; color:#ff0000; }

@media (max-width: 1199px) { 
	/* left */
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-left { width:25%; height:330px; margin:0; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-left img { width:150px; }

	/* right */
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right { width:75%; height:330px; margin:0; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 55px 0 0; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 0 0 0; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl { width:65px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl dt { width:65px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl dd { width:65px; letter-spacing:-1px; font-size:12px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl dt img { width:65px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right .whois-tpl-exam-navi-right-description { width: 60%; position:absolute; bottom:55px; right:40px; text-align:center; }
}

@media (max-width: 991px) { 
	/* left */
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-left { width:23%; height:330px; margin:0; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-left img { width:100px; }

	/* right */
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right { width:77%; height:330px; margin:0; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 25px 0 0; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 0 0 0; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl { width:65px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl dt { width:65px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl dd { width:65px; letter-spacing:-1px; font-size:12px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl dt img { width:65px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right .whois-tpl-exam-navi-right-description { text-align:left; }
}

@media (max-width: 768px) { 
	.whois-exam-navi-call a.whois-exam-navi-call-link { pointer-events: none; }
	.whois-tpl-exam-navi { position:static; top:0; left:0; right:0; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner.container { padding:0; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-box { box-shadow: none; }

	/* left */
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-left { display:none; }

	/* right */
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right { width:100%; height:inherit; margin:0 0 0 0; padding:0 10px 30px 10px; clear:both; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 2.5vw 0 2.5vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 2.5vw 0 2.5vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl { width:75px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl dt { width:75px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl dd { width:75px; letter-spacing:-1px; font-size:12px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item dl dt img { width:75px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right .whois-tpl-exam-navi-right-description { position:absolute; bottom:60px; right:7vw; font-size:11px; text-align:left; }
}

@media (max-width: 738px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 2.2vw 0 2.2vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 2.2vw 0 2.2vw; }
}

@media (max-width: 702px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 2vw 0 2vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 2vw 0 2vw; }
}

@media (max-width: 680px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 2vw 0 2vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 2vw 0 2vw; }
}

@media (max-width: 679px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 1.5vw 0 1.5vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 1.5vw 0 1.5vw; }
}

@media (max-width: 630px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right { padding:0 10px 120px 10px; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 5vw 0 5vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 5vw 0 5vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right .whois-tpl-exam-navi-right-description { width:initial; position:absolute; bottom:30px; left:10px; right:10px; font-size:11px; text-align:center; }
}

@media (max-width: 611px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 8vw 0 8vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 8vw 0 8vw; }
}

@media (max-width: 562px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 7vw 0 7vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 7vw 0 7vw; }
}

@media (max-width: 503px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 6vw 0 6vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 6vw 0 6vw; }
}

@media (max-width: 456px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 5vw 0 5vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 5vw 0 5vw; }
}

@media (max-width: 417px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 4vw 0 4vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 4vw 0 4vw; }
}

@media (max-width: 384px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 10vw 0 10vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 10vw 0 10vw; }
}

@media (max-width: 361px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 8vw 0 8vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 8vw 0 8vw; }
}

@media (max-width: 319px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 6.5vw 0 6.5vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 6.5vw 0 6.5vw; }
}

@media (max-width: 293px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 5.5vw 0 5.5vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 5.5vw 0 5.5vw; }
}

@media (max-width: 278px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 4.5vw 0 4.5vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 4.5vw 0 4.5vw; }
}

@media (max-width: 264px) { 
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item { margin:25px 3.5vw 0 3.5vw; }
	.whois-tpl-exam-navi .whois-tpl-exam-inner .whois-tpl-exam-navi-right a.whois-tpl-exam-navi-right-item.whois-tpl-exam-navi-right-item-last-child { margin:25px 3.5vw 0 3.5vw; }
}