@charset "utf-8";
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,strong,span,blockquote,address,cite,code,dfn,em,strong,th,td,var,select,button{font-weight:normal;font-style:normal;font-family:AppleGothic, Dotum, '돋움', sans-serif;line-height:1.6;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size: 100%;}
input, textarea, select, button {font-size: 100%; font-family: inherit;}

a{color:#8cb401; text-decoration:none;}
a:hover, a:active{color:#5e7d00;}
fieldset,abbr,acronym{border:0;}
img{border:none; vertical-align:top;}
ol,ul,li,dl,dt,dd{list-style:none; margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
textarea, input{resize:none; outline-color:-moz-use-text-color; outline-style:none; outline-width:medium;}
hr,legend,caption{display:none;}

/* clearfix */
.fix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.fix {display: inline-block;}
html[xmlns] .fix {display: block;}
* html .fix {height: 1%;}

body {
	font:12px/1.4 AppleGothic, Dotum, '돋움', Helvetica, sans-serif;
}

.cartoonWrap {
	width:700px;
}

/* header */
.cartoonHead {
	height:42px;
	background:url(/image/cartoon/bg_header.gif) repeat-x 0 0;
	padding-top:5px;
}

.cartoonHead h1 {
	float:left;
	display:inline;
	width:100px;
	height:42px;
	background:url(/image/cartoon/logo.gif) no-repeat;
	text-indent:-9999px;
}

.cartoonHead h2 {
	float:left;
	display:inline;
	width:515px;
	height:20px;
	margin-top:10px;
	text-indent:-9999px;
}

.cartoonHead h2.tit_step1 {
	background:url(/image/cartoon/tit_step1.gif) no-repeat;
}

.cartoonHead h2.tit_step2 {
	background:url(/image/cartoon/tit_step2.gif) no-repeat;
}

.cartoonHead h2.tit_step3 {
	background:url(/image/cartoon/tit_step3.gif) no-repeat;
}

.cartoonHead .btn_back {
	float:left;
	display:inline;
	width:70px;
	height:20px;
	margin-top:10px;
	background:url(/image/cartoon/btn_back.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

/* body */
.indexBody {
	padding:95px 0 0;
	height:380px;
	background:url(/image/cartoon/bg_indexBody.gif) repeat-x 0 100%;
}

.indexBody ul {
	width:665px;
	height:211px;
	margin:0 auto;
	background:url(/image/cartoon/bg_indexLink.gif) repeat-x 0 50%;
}

.indexBody li {
	width:211px;
	height:211px;
	float:left;
	display:inline;
}

.indexBody li.step2 {
	margin:0 16px;
}

.indexBody li a {
	display:block;
	width:211px;
	height:211px;
	background:url(/image/cartoon/index.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

.indexBody li.step1 a {
	background-position:0 0;
}

.indexBody li.step2 a {
	background-position:-211px 0;
}

.indexBody li.step3 a {
	background-position:-422px 0;
}

.indexBody li.step1 a:hover {
	background-position:0 -211px;
}

.indexBody li.step2 a:hover {
	background-position:-211px -211px;
}

.indexBody li.step3 a:hover {
	background-position:-422px -211px;
}

.indexBody .cartoonHelp {
	padding-top:62px;
	text-align:center;
}

.indexBody .cartoonHelp a {
	display:block;
	width:121px;
	height:32px;
	overflow:hidden;
	margin:12px auto 46px;
	background:url(/image/cartoon/btn_question.gif) no-repeat;
	text-indent:-9999px;
}

.indexBody .cartoonHelp a:hover {
	background-position:0 -32px;
}

.subBody {
	padding:7px 15px;
}

.subBody .parentRow {
	height:39px;
	margin-bottom:3px;
	background:url(/image/cartoon/bg_parent.gif) no-repeat;
}

.subBody .parentRow h3 {
	float:left;
	display:inline;
	width:120px;
	height:39px;
	text-indent:-9999px;
}

.subBody .parentRow .parentSubject {
	float:left;
	display:inline;
	padding-top:10px;
}

.subBody .parentRow .clickabled {
	width:445px;
	margin-right:8px;
}

.subBody .parentRow .disabled {
	width:549px;
}

.subBody .parentRow .parentSubject p {
	background-color:#fff;
	border:1px solid #dbdbdb;
	padding:1px 5px 0;
	color:#808080;
}

.subBody .parentRow .parentSubject p a {
	font-weight:bold;
	letter-spacing:-1px;
}

.subBody .parentRow .parentSubject p a:link, .subBody .parentRow .parentSubject p a:visited {
	color:#7c7c7c;
}

.subBody .parentRow .parentSubject p a:hover, .subBody .parentRow .parentSubject p a:active {
	color:#333;
}

.subBody .parentRow .btn_parent {
	float:left;
	display:inline;
	width:84px;
	height:26px;
	margin-top:7px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/image/cartoon/btn_parent.gif) no-repeat;
}

.subBody .parentRow .btn_parent:hover {
	background-position:0 -26px;
}

.subBody .meRow {
	margin-bottom:3px;
	background:url(/image/cartoon/bg_me.gif) repeat-y;
}

.subBody .meRow .meSubject {
	padding:28px 15px 0;
	background:url(/image/cartoon/bg_meTop.gif) no-repeat;
}

.subBody .meRow .meSubject p {
	border-bottom:1px solid #e5e5e5;
	padding:2px 6px 3px;
}

.subBody .meRow .meSubject p strong {
	margin-right:2px;
	font-weight:bold;
	font-size:14px;
	letter-spacing:-1px;
	color:#5c5c5c;
	vertical-align:middle;
}

.subBody .meRow .meSubject .no {
	margin-right:3px;
}

.subBody .meRow .meSubject p .author {
	font-weight:bold;
	color:#8cb401;
	letter-spacing:-1px;
	vertical-align:middle;
}

.subBody .meRow .meContent {
	clear:both;
	background:url(/image/cartoon/bg_meBottom.gif) no-repeat 50% 100%;
	padding:0 15px 10px;
}

.subBody .meRow .meContent img {
	display:block;
}

.subBody .childRow {
	position:relative;
	height:50px;
	background:url(/image/cartoon/bg_child.gif) no-repeat;
}

.subBody .childRow h3 {
	float:left;
	display:inline;
	width:120px;
	height:39px;
	text-indent:-9999px;
}

.subBody .childRow .childSubject {
	float:left;
	display:inline;
	padding-top:21px;
}

.subBody .childRow .clickabled {
	width:445px;
	margin-right:8px;
}

.subBody .childRow .disabled {
	width:549px;
}

.subBody .childRow .childSubject p {
	background-color:#fff;
	border:1px solid #dbdbdb;
	padding:1px 5px 0;
	color:#808080;
}

.subBody .childRow .childSubject p a {
	font-weight:bold;
	letter-spacing:-1px;
}

.subBody .childRow .childSubject p a:link, .subBody .childRow .childSubject p a:visited {
	color:#7c7c7c;
}

.subBody .childRow .childSubject p a:hover, .subBody .childRow .childSubject p a:active {
	color:#333;
}

.subBody .childRow .btn_child {
	float:left;
	display:inline;
	width:84px;
	height:26px;
	margin-top:17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/image/cartoon/btn_child.gif) no-repeat;
}

.subBody .childRow .btn_child:hover {
	background-position:0 -26px;
}

.subBody .childRow .btn_nextStep {
	float:left;
	display:inline;
	width:89px;
	height:26px;
	margin-top:17px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(/image/cartoon/btn_nextStep.gif) no-repeat;
}

.subBody .childRow .btn_nextStep:hover {
	background-position:0 -26px;
}

/* footer */
.cartoonFoot {
	padding-top:7px;
	border-top:1px solid #94b912;
}

.cartoonFoot address {
	text-align:center;
	color:#808080;
	font-size:10px;
}

.cartoonFoot address * {
	font-family: Arial, Helvetica, sans-serif;
}

.cartoonFoot .goHomepage:hover {
	border-bottom:1px dashed #ccc;
}

.cartoonFoot .mediare_me {
	color:#293990;
}

.cartoonFoot .mediare_dia {
	color:#8b8b8b;
}

.cartoonFoot .mediare_re {
	color:#e51467;
}

/* guide tip */
#guideTip_start {
	position:absolute;
	z-index:999;
	right:25px;
	top:-10px;
	opacity:0;
	display:none;
	width:60px;
	height:35px;
	background:url(/image/cartoon/tip.gif) no-repeat;
}

#guideTip_next {
	position:absolute;
	z-index:999;
	right:28px;
	top:-10px;
	opacity:0;
	display:none;
	width:60px;
	height:35px;
	background:url(/image/cartoon/tip_next.gif) no-repeat;
}