body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,p { margin:0; padding:0; font-size:inherit; }
table { font-size:inherit; border-collapse:collapse; border-spacing:0; font-size:12px; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }
li { list-style:none; }
caption { text-align:left; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
hr,legend { display:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; line-height:1.2em; font-size:100%; }
a, a code { color:#666; text-decoration:none; }
a:visited, a:visited code { color:#666; text-decoration:none; }
a:active, a:active code { color:#666; text-decoration:none; }
a:hover, a:hover code { color:#666; text-decoration:none; }
code { font-family:"Courier New"; font-size: 100%; font-weight:bolder; }

input,textarea,select { font-family:'Dotum'; color:#999; font-size:11px; font-weight:inherit; vertical-align:middle; }
textarea { padding:5px 5px 2px 5px; border:1px solid #ddd; }
input.text { padding:5px 5px 2px 5px; height:13px; border:1px solid #e9e9e9; color:#666; }
input.file { padding:5px 2px 2px 2px; border:1px solid #ddd; }
input.radio { font-size:12px; width:12px; height:12px; }

html { background:#000; }
body { font-size:11px; font-family:'Dotum'; } /* 2009-10-20 ¼öÁ¤ */

.popup { position:absolute; z-index:10000; padding:0 9px 10px 9px; text-align:center; border:1px solid #9ab93d; background:#fcffe5 url("/images/cat/pop_bg.gif") center top repeat-x; }
.popup .btn { margin-top:10px; text-align:center; }
.popup .btn img { cursor:pointer; }

body#info { background:url("/images/cat/bg_body.jpg") center top no-repeat; }
body#info #wrap { width:940px; margin:0 auto; padding-bottom:40px; background:url("/images/cat/bg_info_step.jpg") left top no-repeat; }
body#info #head h1,body#info #head .none { position:absolute; left:0; top:0; width:0; height:0; overflow:hidden; }
body#info #head { position:relative; height:420px; }
body#info #head .btn { position:absolute; right:152px; bottom:12px; }
body#info #head .btn a { float:left; }
body#info #head .btn a.item2 { margin-top:15px; }
body#info #head .btn .click { position:absolute; margin:-18px 0 0 -281px; }
body#info .tabInfo { width:100%; overflow:hidden; margin-top:10px; height:44px; }
body#info .tabInfo li.step1 { padding-left:40px; }
body#info .tabInfo li { float:left; margin-right:20px; }
body#info .tabInfo li a { display:block; width:97px; padding:0 32px; height:42px; text-indent:-1000px; overflow:hidden; background:url("") center 0 no-repeat; }
body#info .tabInfo li.step1 a { background-image:url("/images/cat/tab_info01.gif"); margin-left:-27px; }
body#info .tabInfo li.step2 a { background-image:url("/images/cat/tab_info02.gif"); }
body#info.step1 .tabInfo li.step1 a,body#info.step2 .tabInfo li.step2 a,body#info .tabInfo li a:hover { width:230px; padding:0; margin:0; background-position:center -42px; }
body#info #cont { padding:27px 40px 62px 40px; background:#fff url("/images/cat/bg_cont.gif") center 0 no-repeat; border:1px solid #d8e5af; border-top:0; }

body#result #wrap { width:1024px; height:609px; padding-top:159px; margin:0 auto; background:url("/images/cat/bg_body_result.jpg") center top no-repeat; }
body#result h1 { position:absolute; left:0; top:0; width:0; height:0; overflow:hidden; }

body#result .dataWrap { width:880px; margin:0 auto 0 auto; overflow:hidden; }
body#result .data { width:880px; margin:0 auto 0 auto; overflow:hidden; }
body#result .data h2 { margin-bottom:1px; height:25px; text-indent:-1000px; overflow:hidden; background:url("about:blank") 0 0 no-repeat; }
body#result .class1 { float:left; height:276px; overflow:hidden; border-bottom:1px solid #cbcbcb; }
body#result .class2 { float:right; height:276px; overflow:hidden; border-bottom:1px solid #b4b4b4; }
body#result .print { clear:both; text-align:right; padding:0 2px 0 0; }
body#result .attention { width:720px; padding:27px 0 0 0; height:27px; margin-bottom:-29px; font-size:11px; color:#999; }
body#result .attention2 { text-align:right; padding:13px 0 0 0; font-size:11px; color:#999; }
body#result .attention2 img { vertical-align:top; }
body#result .coment { width:100%; margin-top:8px; }
body#result .coment dt { float:left; margin-top:12px; padding-left:0; }
body#result .coment dd { float:right; width:300px; height:100px; }
body#result .coment dd.item1 { margin:-1px 0 0 0; }
body#result .coment dd.item2 { margin:-10px 0 0 0; }

body#result .data .level { width:420px; }
body#result .data .level h2 { background-image:url("/images/cat/tit_result1.gif"); }
body#result .data .level table { width:100%; border-collapse:collapse; }
body#result .data .level th { background:#b1aaa0 url("/images/cat/bg_bgcolor1.gif") repeat; padding:4px 0; border-left:1px solid #fff; }
body#result .data .level th.real { background:#c7beb0 url("/images/cat/bg_bgcolor2.gif") repeat; border-left:0; } /* 2009-08-19 ¼öÁ¤ */
body#result .data .level td { padding:7px 0 4px 0; text-align:center; font-weight:bold; color:#5c8f00; border-bottom:1px solid #919191; background:url("/images/cat/bg_td.gif") bottom left no-repeat; }
body#result .data .level td.real { background:none; color:#000; }

body#result .data .graph { width:420px; background:url("/images/cat/graph_scale.gif") left top no-repeat; padding:22px 0 0 0; }
body#result .data .graph .scale { position:relative; width:279px; height:162px; margin-left:141px; }
body#result .data .graph .legend { padding:5px 0 3px 0; border-top:2px solid #cbcbcb; }
body#result .data .graph #mystep1 { position:absolute; left:27px; bottom:0; width:35px; background:url("/images/cat/graph_bg1.gif") center top repeat-y; overflow:hidden; }
body#result .data .graph #allstep1 { position:absolute; left:77px; bottom:0; width:35px; background:url("/images/cat/graph_bg.gif") center top repeat-y; overflow:hidden; }
body#result .data .graph #mystep2 { position:absolute; left:167px; bottom:0; width:35px; background:url("/images/cat/graph_bg2.gif") center top repeat-y; overflow:hidden; }
body#result .data .graph #allstep2 { position:absolute; left:217px; bottom:0; width:35px; background:url("/images/cat/graph_bg.gif") center top repeat-y; overflow:hidden; }

body#result .data .myInfo { width:420px; padding-bottom:1px; border-bottom:1px solid #919191; }
body#result .data .myInfo h2 { background-image:url("/images/cat/tit_result2.gif"); }
body#result .data .myInfo table { width:100%; border-collapse:collapse; }
body#result .data .myInfo th { background:#c4bcb1; padding:4px 0; }
body#result .data .myInfo th.first { background:#ddd3c3; }
body#result .data .myInfo td { padding:7px 0 4px 10px; font-weight:bold; color:#000; }

body#result .data .myAnalysis { width:420px; }
body#result .data .myAnalysis h2 { background-image:url("/images/cat/tit_result3.gif"); }
body#result .data .myAnalysis dl { overflow:hidden; width:100%; }
body#result .data .myAnalysis dt { margin-top:-1px; background:url("/images/cat/bul_star.gif") 7px 5px no-repeat; padding:5px 0 0 29px; border-top:1px solid #b4b4b4; }
body#result .data .myAnalysis dd { height:73px; letter-spacing:-1px; line-height:15px; margin:6px 0 0 29px; color:#666; overflow-y:auto;
	scrollbar-face-color: #f0f0f0;
	scrollbar-shadow-color: #f0f0f0;
	scrollbar-highlight-color: #f0f0f0;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #999999;
}
body#result .data .myAnalysis dd strong { color:#000; }

html { height:100%; }
body#skin{ height:100%; }
body#skin #wrap { position:relative; width:1024px; height:100%; min-height:768px; margin:0 auto; background:url("/images/cat/bg_skin.jpg") center center no-repeat; }
#skin #wrap.step1 fieldset,#skin #wrap.step2 .cont,#skin #wrap.step3 .cont { position:absolute; left:0; top:50%; margin-top:-360px;  }
body#skin #wrap.step1,body#skin #wrap.step2,body#skin #wrap.step3 { width:1024px; min-height:720px; margin:0 auto; }

#skin #wrap.step1 fieldset { padding:151px 0 0 133px; width:613px; height:450px; background:url("/images/cat/skin_bg1.gif") 133px 151px no-repeat; } /* 2009-10-20 ¼öÁ¤ */
#skin #wrap.step1 fieldset .input { padding:67px 0 0 42px; height:99px; } /* 2009-10-20 ¼öÁ¤ */
#skin #wrap.step1 fieldset .input * { vertical-align:middle; }
#skin #wrap.step1 fieldset .input strong { font-size:12px; color:#7f7759; }
#skin #wrap.step1 fieldset .input label { display:inline-block; width:87px; }
#skin #wrap.step1 fieldset .input input { padding:4px 5px 1px 5px; height:13px; border:1px solid #c1c1c1; color:#666; }
#skin #wrap.step1 fieldset .input p { color:#c1c1c1; padding:0 0 1px; }
#skin #wrap.step1 fieldset .btn { padding:0 0 0 42px; }
#skin #wrap.step1 fieldset .btn a { float:right; margin:-34px 46px 0 0; }
/* 2009-10-20 Ãß°¡ */
#skin #wrap.step1 .attentiom { padding:30px 0 10px 42px; }
#skin #wrap.step1 .privacy { width:483px; height:107px; overflow:auto; font-weight:normal; line-height:14px; color:#999; background:#fff; border:1px solid #e2e2e2; margin:0 0 13px 42px; padding:18px 20px 0 20px; }
#skin #wrap.step1 .privacy em { font-weight:bold; }
#skin #wrap.step1 .privacy strong { color:#666; font-size:12px; }
#skin #wrap.step1 .check { color:#999; font-weight:normal; margin:0 0 0 42px; padding-bottom:10px; } 
#skin #wrap.step1 .check .checkbox { vertical-align:-1px; }
/* 2009-10-20 Ãß°¡ */

#skin #wrap.step2 .cont { padding:215px 0 0 133px; width:613px; height:275px; background:url("/images/cat/skin_bg2.gif") 133px 215px no-repeat; }
#skin #wrap.step2 .cont h1 { display:none; }
#skin #wrap.step2 .cont .coment { padding:77px 0 0 42px; height:137px; }
#skin #wrap.step2 .cont .btn { padding:0 36px 0 42px; text-align:right; }
#skin #wrap.step2 .cont .btn a { padding-left:5px; }

#skin #wrap.step3 .cont { padding:150px 0 0 133px; width:636px; height:456px; background:url("/images/cat/skin_bg3.gif") 133px 150px no-repeat; }
#skin #wrap.step3 .cont h1 { display:none; }
#skin #wrap.step3 .cont .btn { padding:322px 59px 0 42px; text-align:right; }
#skin #wrap.step3 .cont .btn a { padding-left:5px; }
#skin #wrap.step3 .cont .set { padding:57px 28px 0 0; text-align:right; }

.th1,.th2,.th3,.th4,.th5,.th6,.th7 { display:block; height:12px; margin:0 auto; text-indent:-1000px; overflow:hidden; background:url("") center 0 no-repeat; }
#result .level .th1 { width:46px; background-image:url("/images/cat/th_result1.gif"); }
#result .level .th2 { width:82px; background-image:url("/images/cat/th_result2.gif"); }
#result .level .th3 { width:72px; background-image:url("/images/cat/th_result3.gif"); }
#result .myInfo .th1 { width:21px; background-image:url("/images/cat/th_result7.gif"); }
#result .myInfo .th2 { width:47px; background-image:url("/images/cat/th_result8.gif"); }
#result .myAnalysis .th1 { width:96px; height:14px; margin:0 0; background-image:url("/images/cat/txt_result1.gif"); }
#result .myAnalysis .th2 { width:85px; height:14px; margin:0 0; background-image:url("/images/cat/txt_result2.gif"); }