body { margin: 0; padding: 0; background: #000 url('/g0/bgmain0.png') repeat-x fixed 0 0; font: 12px 돋음,Tahoma,sans-serif; min-width: 923px; line-height: 1.2; }
html, body, #zall { height: 100%;}
html { overflow-y: scroll; }
body > #zall { height: auto; min-height: 100%; }
#zall { background: transparent url('/g0/bgmain.png') no-repeat fixed center top; }
#zatop { position: relative; height: 168px; }
#zamain { position: relative; width: 881px; margin: 0 auto; z-index: 0; }
#zawidemain { position: relative; width: 923px; margin: 0 auto; z-index: 0; }
#zabuffer { height: 66px; clear: both; }
#zafoot { position: relative; margin: -54px 0 0; padding: 8px 0 0; height: 45px; border-color: #5d778f; border-style: solid; border-width: 1px 0 0; white-space: pre; overflow: hidden; }
#zehead { position: relative; width: 100%; height: 97px; }
#zehead0 { position: relative; width: 923px; height: 97px; margin: 0 auto; background: transparent url('/g0/logosun.png') no-repeat scroll 18px 0; }
a#zehome { display: block; position: absolute; top: 20px; left: 21px; width: 141px; height: 64px; }
#zelang { position: absolute; top: 0; right: 21px; padding-right: 22px; height: 42px; color: #999; background: transparent url('/g0/bglang0.png') no-repeat scroll right 0; }
#zelang a:first-child { background: transparent url('/g0/bglang0.png') no-repeat scroll 0 0; padding-left: 30px; }
#zenav { position: relative; height: 44px; width: 100%; background: #7c9c0b url('/g0/bgstatus0.png') repeat-x scroll 0 0; font-weight: bold; color: #fff; text-align: center; }
#zenav small { color: #ccc; }
@media print { #zatop, #zanav, .elnp { display: none; }}

.hidden { display: none; }
.fullwidth { width: 100%; }
.lf { float: left; }
.rf { float: right; }
.nf { clear: both; }
.ac { text-align: center; }
.ar { text-align: right; }
.wsp { white-space: pre; }

.sinorm { color: #fff; }
.sinorm p { margin: 10px 0; padding: 0; }
.sinorm h2 { margin: 0 0 13px 0; padding: 0; font-weight: normal; font-size: 36px; color: #40ffdd; }
.sinorm h3 { margin: 10px 0; padding: 0; font-weight: normal; font-size: 18px; color: #fff; }
.sinorm em { font-weight: bold; color: #40ffdd; font-style: normal; }
.sinorm strong { font-weight: bold; color: #ff4040; }
.sinorm ol ol { list-style-type: lower-roman; }
.sitex { color: #fff; line-height: 1.3; }
.sitex h2 { margin: 0 0 13px 0; padding: 0; font-weight: normal; font-size: 36px; color: #40ffdd; }
.sitex h3 { margin: 6px 0 3px; padding: 0; font-weight: bold; color: #40ffdd; }
.sitex p { margin: 3px 0 6px; padding: 0; }
.sitex em { font-weight: bold; color: #40ffdd; font-style: normal; }
.sitex strong { font-weight: bold; color: #ff4040; }
.sifoot { color: #666; font-size: 9px; text-align: center; }

.lamost a { font-size: 12px; color: #a4c8dd; text-decoration: none; }
.lamost a:hover, .lamost a:active { color: #d1a95c; }
.lafoot a { font-size: 9px; color: #999; text-decoration: none; }
.lafoot a:hover, .lafoot a:active { color: #d1a95c; }
.lalang a { display: inline-block; height: 42px; font-size: 12px; color: #999; text-decoration: none; padding: 8px 10px; }
.lalang a:hover, .lalang a:active { color: #d1a95c; }
.lanav a { display: inline-block; height: 28px; padding: 14px 33px 0; font-weight: bold; color: #fff;  text-decoration: none; vertical-align: middle; }
.lanav a:hover, .lanav a:active { color: #452e64; }
.lanaven a { display: inline-block; height: 28px; padding: 14px 24px 0; font-weight: bold; color: #fff;  text-decoration: none; vertical-align: middle; }
.lanaven a:hover, .lanaven a:active { color: #452e64; }
.lanavnow { background: transparent url('/g0/uncarat2.gif') no-repeat scroll center bottom; }

.chart { border-color: #9fbcde; border-style: solid; border-width: 1px 1px 0 0; padding: 0; margin: 10px 0; }
.chart td,.chart th { border-color: #9fbcde; border-style: solid; border-width: 0 0 1px 1px; margin: 0; padding: 2px 10px; }
.chart th { background-color: #436b98; color: #fff; }
.chart td { vertical-align: top; }
.chart tr.odd { background-image: url('/g0/b0.png'); }
.chart tr.col1 { background-image: url('/g0/b0.png'); }
.chart tr.col2 { background-image: url('/g0/b0.png'); }
.chart tr.col3 { background-image: url('/g0/b0.png'); }

.coround {
	background-image: url('/g0/b0.png');
	border: #ddd solid 1px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -khtml-border-radius: 15px;
        border-radius: 15px;
        behavior: url('border-radius.htc');
	padding: 6px 20px;
	color: #fff;
}
.coround h4 {
	margin: 8px -19px 10px;
	padding: 4px 19px;
	color: #fff;
	background-color: #1d426f;
	border-color: #122948;
	border-style: solid;
	border-width: 1px 0;
}
.copop { margin: 1em -6px; padding: 7px 7px 5px 7px; background-image: url('/g0/b0.png'); border: #ddd solid 1px;  -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; }
.copophead { padding: 10px; font-weight: bold; color: #eee; border: #ccc solid 1px; background-color: #2d2d2d; border: #eee solid 1px; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.copophead ul { margin-top: 2px; margin-bottom: 2px; }
div.coen { margin: 6px 0 8px; }
td.coen { padding: 2px 16px; vertical-align: top; }
div.coxl { background: transparent url('/g0/bgdot.gif') repeat-x scroll 0 0; padding: 3px 0 0; margin: 0 0 6px; }
td.coxl { background: transparent url('/g0/bgdot.gif') repeat-y scroll 0 0; padding: 2px 16px; width: 50%; vertical-align: top; }
div.coil { margin: 10px 0; text-align: center; }
.coil img { border: #f8f8f8 solid 1px; }

.cofeedback {
	padding: 4px 12px !important;
	font-style: italic;
	background-image: url('/g0/b0.png');
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
}

.ellist0 { list-style-type: none; }
.elhr { height: 2px; background: transparent url('/g0/pseparator.png') no-repeat scroll center top; margin: 15px 0; }
.elpic { float: left; border: 1px solid #fff; margin: 0 10px 10px 0; }

#ursignin { float: right; width: 222px; margin: 8px 24px; }
#urresignin { width: 222px; margin: 16px auto; }
#urblurb { padding: 6px 21px; min-height: 256px; }
#urdash { position: relative; height: 216px; clear: both; background: transparent url('/g0/bgdash.png') no-repeat scroll 0 0; border-color: #2f4d62; border-style: solid; border-width: 0 0 4px 0; }
#urinfo { position: relative; height: 166px; }
#urmore { position: relative; height: 136px; z-index: 0; }
#ursignup {
	background: transparent url('/g0/bgsignup.png') no-repeat scroll 0 0;
	width: 754px;
	height: 143px;
	margin: 10px 0;
	text-align: center;
	vertical-align: center;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}

.ocwhs {
	position: absolute;
	width: 119px;
	height: 71px;
	padding: 36px 12px;
	background: transparent url('/g0/bgring.png') no-repeat scroll 143px 0;
	font-size: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.ocwhs:hover { background-position: -143px 0; }
.ocwhnow { background-position: 0 0 !important; }
h3.ocwhshead { margin: 10px 10px 6px; }
.ocbalt {
	padding: 16px 33px 0;
	border: #2d2d2d solid 10px;
	height: 80px;
	background-color: #000;
}
.ocbalt0 {
	padding: 5px 16px 0;
	border: #2d2d2d solid 10px;
	height: 91px;
	background-color: #000;
}
.ocpad { padding-top: 15px; }
.ocmo0, .ocmo1 { float: left; width: 244px; height: 112px; }
.ocmo1 { margin-left: 31px; }
.ocsup { 
	width: 194px;
	height: 95px;
	padding: 24px 33px 24px 24px;
	background: transparent url('/g0/bgsqring.png') no-repeat scroll 0 143px;
}
.ocsup:hover { background-position: 0 -143px; }
.ocsupnow { background-position: 0 0 !important; }

#doany, #doteach, #dostud {
	padding: 6px 6px 0 120px;
	width: 143px;
	height: 70px;
	float: left;
	color: #fff;
	background-repeat: no-repeat;
}
#doany { background-image: url('/g0/bgindiv.png'); margin: 5px 16px 5px 0px; }
#doteach { background-image: url('/g0/bgteach.png'); margin: 5px 16px 5px 16px; }
#dostud { background-image: url('/g0/bgstud.png'); margin: 5px 0px 5px 16px; }

.eksi0 { padding: 1px 1em 1px 0px; vertical-align: middle; }
.eksi1 { padding: 1px 0; vertical-align: middle; }
.eksi2 { font-size: 11px; width: 100%; border: #1d426f solid 1px; }
.eksi3 { font-size: 11px; border: #1d426f solid 1px; margin: 0; padding: 0; vertical-align: middle; }
.eksi4 { width: 220px; height: 24px; margin: 8px 1px 0; background: transparent url('/g0/signin.png') no-repeat scroll 0 0; }
.eksi4:hover { background-position: 0 -24px; }
.eksi4:active { background-position: 0 -48px; }

.eklabel { display: inline-block; width: 11em; font-weight: bold; }
.eksinp { border: #122948 solid 1px; }
.ekgood { font-weight: bold; color: #40ffdd; }
.ekbad { font-weight: bold; color: #ff4040; }
.ekohno { font-weight: bold; color: #ff4040; text-align: center; }

.ekstest {
	font-size: 12px; color: #fff;
	width: 218px; height: 26px;
	background: transparent url('/g0/btnbg.png') no-repeat scroll 0 0;
	border-style: none;
	padding: 0;
	margin: 5px 0;
}
.ekstest:hover { background-position: 0 -52px; }

#jewhat { top: 40px; left: 5px; }
#jewho { top: 20px; left: 159px; }
#jehow { top: 0; left: 313px; }
#jewhy { top: 0; left: 467px; }
#jewhen { top: 20px; left: 622px; }
#jewhere { top: 40px; left: 776px; }

.pypopio { padding: 0 6px; }
.pypopmore, .pypopless { padding: 1px; font-size: 11px; text-align: right; }
.pypopmore span,.pypopless span { color: #ccc; cursor: pointer; }

#fucarat {
	position: absolute;
	width: 15px;
	height: 8px;
	bottom: 0;
	left: 69px;
	background: transparent url('/g0/carat.gif') no-repeat scroll bottom left;
}