/* icon1123@gmail.com */
div.visible-phone {
	display: block !important
}

span.visible-phone {
	display: inline !important
}

div.visible-tablet,span.visible-tablet {
	display: none !important
}

div.visible-desktop,span.visible-desktop {
	display: none !important
}

div.visible-phone,span.visible-phone {
	display: none !important
}

div.visible-tablet {
	display: block !important
}

span.visible-tablet {
	display: inline !important
}

div.visible-desktop,span.visible-desktop {
	display: none !important
}

div.visible-phone,span.visible-phone {
	display: none !important
}

div.visible-tablet,span.visible-tablet {
	display: none !important
}

div.visible-desktop {
	display: block !important
}

span.visible-desktop {
	display: inline !important
}

@font-face {
	font-family: NanumGothicWeb;
	font-weight: normal;
	font-style: normal;
	src: url("/webfonts/NanumGothic.eot");
	src: url("/webfonts/NanumGothic.eot?#iefix") format("embedded-opentype"), url("/webfonts/NanumGothic.woff") format("woff"), url("/webfonts/NanumGothic.ttf") format("truetype"), url("/webfonts/NanumGothic.otf") format("opentype")
}

@font-face {
	font-family: NanumGothicWeb;
	font-weight: bold;
	font-style: normal;
	src: url("/webfonts/NanumGothicBold.eot");
	src: url("/webfonts/NanumGothicBold.eot?#iefix") format("embedded-opentype"), url("/webfonts/NanumGothicBold.woff") format("woff"), url("/webfonts/NanumGothicBold.ttf") format("truetype"), url("/webfonts/NanumGothicBold.otf") format("opentype")
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display: block
}

audio,canvas,video {
	display: inline-block
}

.ie7 audio,.ie7 canvas,.ie7 video {
	display: inline;
	zoom: 1
}

audio:not ([controls] ){
	display: none
}

[hidden] {
	display: none
}

/* html,body {
	height: 100%
}

html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(189, 211, 229, 0.7)
}

body,button,input,select,textarea {
	font-family: NanumGothic, NanumGothicWeb, MalgunGothic;
	color: #515151
}

body {
	margin: 0;
	min-width: 710px;
	font-size: 12px;
	line-height: 1.4em
}

::-moz-selection {
	background: #bdd3e5;
	color: #fff;
	text-shadow: none
}

::selection {
	background: #bdd3e5;
	color: #fff;
	text-shadow: none
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
	line-height: 1.4em;
	font-weight: normal;
	margin: 0
}

a {
	color: #515151;
	text-decoration: none
}

a:focus {
	outline: thin dotted
}

a:hover,a a:active {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: bold
}

blockquote {
	margin: 0
}

dfn {
	font-style: normal
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background: #ff0;
	color: #000;
	font-style: normal;
	font-weight: bold
}

pre,code,kbd,samp {
	font-size: 1em
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word
}

p {
	margin: 0
}

q {
	quotes: none
}

q:before,q:after {
	content: "";
	content: none
}

small {
	font-size: 85%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none
}

dd {
	margin: 0
}

img {
	border: none;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle
}

svg:not (:root ){
	overflow: hidden
}

figure {
	margin: 0
}

form {
	margin: 0
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

label {
	cursor: pointer
}

legend {
	border: 0;
	padding: 0;
	white-space: normal
}

.ie7 legend {
	margin-left: -7px
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td {
	vertical-align: top
}

iframe {
	border: none
}

address,em {
	font-style: normal
}

::-webkit-input-placeholder {
	color: #bbb
}

:-moz-placeholder {
	color: #bbb !important
}

:-ms-input-placeholder {
	color: #bbb !important
}

form {
	margin: 0
}

button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	border-radius: 0;
	*vertical-align: middle
}

button,input {
	line-height: normal;
	-webkit-appearance: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	*overflow: visible
}

input[type="radio"] {
	-webkit-appearance: radio
}

input[type="checkbox"] {
	-webkit-appearance: checkbox
}

button[disabled],input[disabled] {
	cursor: default
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*height: 13px;
	*width: 13px
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto;
	vertical-align: top;
	-webkit-appearance: none
}

.blind {
	position: absolute;
	overflow: hidden;
	margin: -1px;
	padding: 0;
	width: 1px;
	height: 1px;
	border: none;
	clip: rect(0, 0, 0, 0)
}

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important
	}
	a,a:visited {
		text-decoration: underline
	}
	a[href]:after {
		content: " (" attr(href) ")"
	}
	abbr[title]:after {
		content: " (" attr(title) ")"
	}
	a[href^="javascript:"]:after,a[href^="#"]:after {
		content: ""
	}
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid
	}
	thead {
		display: table-header-group
	}
	tr,img {
		page-break-inside: avoid
	}
	img {
		max-width: 100% !important
	}
	@page {
		margin: 0.5cm
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3
	}
	h2,h3 {
		page-break-after: avoid
	}
}
*/
.step-1 {
	position: relative;
	overflow: hidden;
	width: 710px;
	height: 1430px;
	background-image: url(/Images/TestMH/step-1.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto auto
}

.step-1 .testGo {
	margin: 168px 50px 0
}

.step-1 .testGo>ul>li {
	position: relative;
	padding: 32px 68px;
	background-image: url(/Images/TestMH/step-1-2.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: auto auto;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	color: #000
}

.step-1 .testGo>ul>li:first-child {
	background: none
}

.step-1 .testGo>ul>li strong {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #ff6e17
}

.step-1 .testGo>ul>li>ul {
	margin: 8px 0
}

.step-1 .testGo>ul>li>ul>li {
	font-size: 14px;
	font-weight: normal;
	color: #625d5d
}

.step-1 img {
	position: absolute;
	right: 50px;
	top: 26px
}

.step-2 {
	position: relative;
	overflow: hidden;
	width: 710px;
	height: 1759px;
	background-image: url(/Images/TestMH/step-2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto auto
}

.step-2 .testGo {
	margin: 194px 50px 0
}

.step-2 .testGo>ul>li {
	padding: 8px 68px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	color: #000
}

.step-2 .testGo>ul>li strong {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #6fb102
}

.step-2 .testGo>ul>li div {
	font-size: 14px;
	font-weight: normal;
	color: #625d5d
}

.step-2 .testGo>ul>li div label {
	margin-left: 12px
}

.step-3 {
	position: relative;
	overflow: hidden;
	width: 710px;
	height: 1156px;
	background-image: url(/Images/TestMH/step-3.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto auto
}

.step-3 .testGo {
	margin: 196px 50px 0
}

.step-3 .testGo>ul>li {
	padding: 22px 68px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
	color: #000
}

.step-3 .testGo>ul>li strong {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #7067e4
}

.step-3 .testGo>ul>li>ul {
	margin: 8px 0
}

.step-3 .testGo>ul>li>ul>li {
	font-size: 14px;
	font-weight: normal;
	color: #625d5d
}

.step-4 {
	position: relative;
	overflow: hidden;
	width: 710px;
	height: 872px;
	background-image: url(/Images/TestMH/step-4.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto auto
}

.step-4 .wrap2 {
	margin: 203px 71px 0
}


/* 결과 테이플 */
.Result { text-align:center;}
.Result th{ background-color:#f9f9f9; border-bottom:1px #e3e3e3 solid; border-top:2px #9a9a9a solid; border-right:1px #e3e3e3 solid; font-size:12px; color:#6d6d75;  padding:8px 0;}
.Result th.no { border-right:none;}
.Result td{ border-bottom:1px #e3e3e3 solid; border-right:1px #e3e3e3 solid; padding:8px 17px; text-align:left; color:#666666; }
.Result td.no { border-right:none;}
.Result td.content {font-size:12px; color:#1e1e1e; background-color:#f3f4fd; font-weight:bold; text-align:center; }
.Result td.per {font-size:14px; color:#ff128d; padding:8px 10px 8px 0px;}
.Result td.type {border-right:none; text-align:center;font-size:14px; font-weight:bold; }

.Box01 { height:19px; width:100%; border:1px #f6be28 solid; background-color:#fec837;}
.Box02 { height:19px; width:100%; border:1px #83b929 solid; background-color:#9cd43e;}
.Box03 { height:19px; width:100%; border:1px #8a84db solid; background-color:#9d97e7;}

.step-4 .result-msg {
	margin: 10px 0 17px;
	background-color: #fffbdc;
	border: 1px solid #fff3ab;
	border-radius: 5px;
	padding: 20px;
	font-size: 14px;
	min-height : 120px;
	line-height: 1.5em;
	color: #222
}

.step-4 .text-right {
	margin: 15px 0 0px 0;
	text-align: right
}

.step-4 .heading {
	margin: 5px 0 8px 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #ff4d1c
}

.step-4 .program {
	overflow: hidden
}

.step-4 .program li {
	float: left;
	display: inline-block;
	margin-left:15px;
	width: 179px
	position:relative;
}

.step-4 .program li:first-child {
	margin-left: 0
}

.step-4 .program a {
	display: block;
	text-align: left;
	width: 179px;
	font-size: 11px;
	line-height:16px;
	color: #5f5e5e
	
}

.step-4 .program a:hover{
	display: block;
	text-align: left;
	width: 179px;
	font-size: 11px;
	line-height:16px;
	color: #8f5eff
	
}

.step-4 .program img {
	display: block;
	margin-bottom:12px;
	
}
.TplayBtn01 {
	position:absolute;
	top:75px;
	left:8px;
}
.TplayBtn02 {
	position:absolute;
	top:75px;
	left:203px;
}

.TplayBtn03 {
	position:absolute;
	top:75px;
	left:395px;
}

input {
	vertical-align: middle
}

input[type=radio] {
	width: 16px;
	height: 16px
}

.Testbtn {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 30px
}