body {
	margin: 0 auto;
	padding: 0;
	font-size:10pt;
	font-family: "dotum";
	color:#000;
	text-align:center;
	}
a:link {
	text-decoration: none;
	color:#000;
	}
a:visited {
	text-decoration: none;
	color:#000;
	}
a:hover {
	color:#069;
	text-decoration:underline;
	}

#wrapper_agree {
	width:980px;
	margin:0 auto;
	padding:0;
	text-align:left;
	}
	
#primaryContent {
	margin:10px 10px 0 0;
	padding:0;
	float:left;
	width:730px;
	}

/* agreement  */

#agreement h1 {
	}

#agreement h2 {
	margin:15px 0 0 0;
	}

#agreement ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#agreement ul li {
	margin:0 0 0 5px;
	padding:0;
	}

#agreement ul li dl {
	margin:0 0 0 10px;
	padding:0;
	list-style:none;
	}

#agreement dt {
	margin:10px 0 0 0;
	padding:0;
	font-size:120%;
	font-weight:bold;
	}

#agreement dd {
	margin:10px 0 0 15px;
	padding:0;
	}

#agreement dd ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#agreement dd ul li {
	margin:0 0 5px 0;
	padding:0;
	}

#agreement dd ol {
	margin:5px 0;
	padding:0 0 0 30px;
	list-style:lower-roman;
	}	
	
#secondaryContent {
	margin:10px 0;
	padding:5px 0 0 0;
	float:right;
	width:238px;
	background-color:#ececec;
	border:1px #ccc solid;
	}
#secondaryContent p.tit {
	margin:3px 5px 0 5px;
	padding:5px 5px 3px 5px;
	font-size:10pt;
	font-weight:bold;
	letter-spacing:-2px;
	color:#4C71B7;
	border-bottom:1px #DBDBDB solid;
	}
#secondaryContent p.tit  a:link {
	text-decoration: none;
	color:#4C71B7;
	}
#secondaryContent p.tit  a:visited {
	text-decoration: none;
	color:#4C71B7;
	}
#secondaryContent p.tit  a:hover {
	color:#4C71B7;
	text-decoration:underline;
	}
#secondaryContent p.tit  a:active {
	color:#4C71B7;
	text-decoration:underline;
	}	

	.sort ul {
	list-style:none;
	margin:0 5px;
	padding:5px;
	border-top:1px #fff solid;
	}

.sort ul li {
	padding:0 0 7px 10px;
	letter-spacing:-0.15em;
	background:transparent url("/ver02/img/dot.gif") no-repeat 0 35%;
	color:#666666;
	clear:both;
	}	
.sort ul li a:link {
	text-decoration: none;
	color:#666666;
	}
.sort ul li a:visited {
	text-decoration: none;
	color:#666666;
	}
.sort ul li a:hover {
	color:#000;
	text-decoration:underline;
	}
.sort ul li a:active {
	color:#000;
	text-decoration:underline;
	}	
	
/* ::::: http://www.cssplay.co.uk/menu/css/balloons.css ::::: */

.balloon { 
	margin: 0 0 10px 0; 
	padding:0;
	}
.balloon ul { 
	width:228px; 
	margin:0 0 5px 5px;
	padding:5px 0 0 0;
	list-style: none;
	border-top:1px #fff solid;
	}

.balloon ul li { 
	width: 68px; 
	height: 58px; 
	margin: 3px 4px 5px 2px; 
	padding:3px 0px 3px 0px; 
	float: left; 
	list-style: none;
	background:none;
	}
		
.balloon ul li .img { 
	width: 60px; 
	height: 50px; 
	margin:0;
	padding:3px;
	border:1px solid #d9e0e6;
	border-bottom-color:#c8cdd2;
	border-right-color:#c8cdd2;
	background:#fff;
}
	
.big { 
	margin:0;
	padding:1px;
	border:1px solid #d9e0e6;
	border-bottom-color:#c8cdd2;
	border-right-color:#c8cdd2;
	background:#fff;
}
.balloon ul li dl { 
visibility: hidden; 
position: absolute; 
top: -175px; 
left: -280px; 
}

.balloon table { 
	text-align: justify;
border: none ; 
margin: -2px; 
padding: 0pt; 
border-collapse: collapse; 
font-size: 1em; 
}
.balloon table td {
	border:none;
}

.balloon dl {
border:1px #000 solid;
padding:10px;
margin:0;
letter-spacing:-0.1em;
background: #fff; 
width: 245px; 
height: auto; 
}

.balloon dt { 
margin:0; 
padding:0; 
font-size:120%; 
font-weight: bold;
color:#666;
text-decoration:none;
}

.balloon dd { 
margin:0; 
padding:0; 
color: #666; 
font-size: 100%; 
}

.balloon dd p { 
margin: 2px; 
padding: 0; 
line-height: 1.5em; 
text-decoration: none; 
}

.balloon ul li:hover, .balloon ul li a:hover { 
color: rgb(0, 0, 0); 
position: relative; 
cursor: pointer; }

.balloon ul li:hover dl, .balloon ul li a:hover dl { 
visibility: visible; 
color: rgb(0, 0, 0); 
top: -175px; 
left: -280px; 
cursor: default; 
}

.balloon ul li:hover dl em, .balloon ul li a:hover dl em { 
background: transparent url('/ver02/img/pointer.gif') repeat; 
display: block; 
position: absolute; 
left: 265px; 
top: 175px; 
width: 36px; 
height: 36px; 
}

.balloon ul li:hover dl a, .balloon ul li a:hover dl a { 
height: 0.8em; 
color: rgb(102, 0, 102); 
text-decoration: none; 
display: inline; }

.balloon ul li:hover dl a:hover, .balloon ul li a:hover dl a:hover { 
text-decoration: none; 
}