﻿body, td, p, input, button, textarea, select, .c1 { font-family:굴림; font-size:9pt; color:#222222; margin:0; padding:0;}

form { margin:0px; }

img {border:0px; margin: 0; padding: 0;}

a:link, a:visited, a:active { text-decoration:none; color:#466C8A; }
a:hover { text-decoration:underline;}

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545; }
a.menu:hover { text-decoration:none; }

.member {font-weight:bold;color:#888888;}
.guest  {font-weight:normal;color:#888888;}

.lh { line-height: 150%; }
.jt { text-align:justify; }

.li { font-weight:bold; font-size:18px; vertical-align:-4px; color:#66AEAD; }

.ul { list-style-type:square; color:#66AEAD; }

.ct { font-family: 굴림; color:#222222; } 

.ed { border:1px solid #CCCCCC; } 
.tx { border:1px solid #CCCCCC; } 

.small { font-size:8pt; font-family:돋움; }
.cloudy, a.cloudy {color:#888888;} /* 흐림 */

input.ed { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; }
input.ed_password { height:20px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:3px 2px 0 2px; font:10px Tahoma; }
textarea.tx { border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; padding:2px; }

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



body{background: white;}

#outt{
	margin: 0 0 0 0;
	background: #fbfbfb url('/useimg/dot.gif') repeat-x bottom;
	text-align: center;
}
#outt img{
	vertical-align: top;
	
}
#outt img.main{
	border: solid;
	border-color: #dfdfdf #dfdfdf #dfdfdf #dfdfdf;
	border-width: 0 1px 0 1px;
}
#outt img.sc2{
	border: solid #dfdfdf;
	border-width: 0 1px 1px 0;
}
#outt img.sc2_on{
	border: solid #dfdfdf;
	border-width: 0 1px 0 0;
}

#total{text-align: center; backgrounds: #f2f2f2;}
#clear{clear: both;}
#center{width: 900px; margin: 0 auto; padding-tops: 10px; text-align: left; position: relative; background: white;
	
	}
#sc{background: url('/useimg/topimg.gif') no-repeat right; position: relative; height: 95px; colors: white;}
#news{margin: 10px 0 0 0; text-align: center;}
.in1{position: absolute; left: 30%; top: 20px;}

#roundtopleft{position: absolute; left: 0; top: 0; width: 1px; height: 1px; background: white; overflow: hidden;}
#roundtopright{position: absolute; right: 0; top: 0; width: 1px; height: 1px; background: white; overflow: hidden;}
#roundbottomleft{position: absolute; left: 0; bottom: 0; width: 1px; height: 1px; background: white; overflow: hidden;}
#roundbottomright{position: absolute; right: 0; bottom: 0; width: 1px; height: 1px; background: white; overflow: hidden;}

.border5{border: 3px solid #6A6A6A; background: #f2f2f2;}
.floatleft{float: left;}
.inputstyle{border: 0; background: #223E5C; color: white; paddings: 8px 15px 9px 15px;}
*html .inputstyle{padding: 11px 10px 8px 10px;}
.border5.inputsize{width: 270px; padding: 3px 10px 5px 10px;}
.border5.inputsize input{border: 0; height: 22px; width: 270px; background: #f2f2f2;}
*html .border5.inputsize input{padding: 5px 0 0 0; height: 20px;}

#logo{margin-tops: 20px; position: absolute; top: 12px; left: 5px; text-aligns: center; z-index: 1;}

#top{border-tops: 1px solid #ccc; min-height: 32px;}
*html #top{height: 32px;}


#topmenu{background: #223E5C url('/useimg/topline.gif') no-repeat; margin: 0 15px; height: 15px; padding: 5px 0 0 0; position: relative; color: white; font-family: 돋움; font-size: 11px;}
*html #topmenu{height: 20px;}
#topmenu ul{position: absolute; top: 4px; z-index: 1; width: 870px; font-size: 9px; font-family: 굴림;}
#topmenu li{float: left; margin: 0 0 0 10px;}
#topmenu .floatright{float: right; margin-right: 10px;}
#middlemenu .noneborder{border-right: none;}
#middlemenu .noneborderleft{border-left: none;}
#bottom{border-top: 2px solid #3b4453; border-bottom: 1px solid #ccc; background: #f6f6f6; text-align: center; min-heights: 53px; position: relative; color: #666; font-size: 9px; font-family: 돋움 Fonts; padding: 10px 0 10px 0; margin: 2px 15px 15px 15px;}
*html #bottom{heights: 70px; padding-tops: 17px;}
#middlemenu{margin: 0 15px; borders: 1px solid #ddd; border-tops: 1px solid #ccc; min-height: 32px; background: #6a6a6a url('/useimg/topbg.gif') no-repeat;}
*html #middlemenu{height: 1px;}
#middlemenu ul{font-size: 9px; font-family: 돋움 Fonts;}
#middlemenu ul li{float: left; border-rights: 1px solid #ccc; border-lefts: 1px solid white; margins: 0 5px 0 0; padding: 7px 5px 6px 15px;}
#middlemenu ul li a{color: white;}
#middlemenu ul li a:hover{color: orange;}
#middlemenu ul li.gbg{backgrounds: #f2f2f2; color: #666; font-weight: bold;}
#webs{text-align: left; padding: 11px 0 0 0;}
#webs img{widths: 55px!important;}
#downmenu span{color: #ccc;}
#downmenu a{color: black;}

#middle{border-bottoma: 1px solid #ccc; padding: 0 15px 5px 15px;
	
	}
*html #middle{padding: 0 15px 5px 15px;}


#box a{color: black;}
#box{width: 198px; overflows: hidden; heights: 97px; float: left; positions: relative; margin-top: 2px;}
*html #box{width: 200px;}
#box.center{width: 464px; overflow: hidden; border: 1px solid #ccc; margin: 0 0 2px 2px;}
*html #box.center{margin: 0 0 2px 1px; width: 466px;}

#box3.center{width: 464px; overflow: hidden; border: 1px solid #ccc; margin: 0 0 2px 2px; background: white;}
*html #box3.center{margin: 0 0 2px 2px; width: 466px;}
#box.center strong{color: black;}
#box.center2{width: 470px; overflow: hidden; }
#box.right2{width: 270px;}
#box #img img{vertical-align: middle;}
#box #img ul{padding: 5px 10px 5px 10px;}
#box3 #img ul{padding: 5px 0 0 0;}
/*.bg{background: #e4e4e4 url('/useimg/bg2.gif') no-repeat;}*/
.bg{background: #f6f6f6; border: 1px solid #ccc;}

.bg2{background: #f2f2f2 url('/useimg/bgbg.gif') no-repeat; }


#submenu2{font-size: 11px; font-family: 돋움; paddings: 5px 13px 3px 13px; margin: 0 15px; border: solid #ccc; border-width: 0 1px 1px 1px; background: #f2f2f2;}
#submenu2 a{color: #666;}
#submenu2 span{padding: 0 5px; color: #ccc;}
#submenu2 ul li{float: left;}
#box #img li{padding-left: 14px; background: url('/useimg/aw.gif') no-repeat 0 2px;}
#box #toplogin{padding: 8px; borders: 1px solid #ccc;}
#box #gallery{backgrounds: red;}
#box #gallery ul{padding: 10px 0 0 17px; font-size: 9px; font-family: Small Fonts;}
#box #gallery img{width: 50px; height: 50px; border: 1px solid #ccc;}
#box #gallery li{float: left; width: 60px; text-align: center;}
#box #boardcont{padding: 0 24px; color: #666;}
#box #sts{color: #CBCBCB;}
#box strong.nonebg{background-image: none;}
#box a:hover{text-decoration: none!important;}
#liststyle{heights: 100%; border: 1px solid white; padding-bottom: 5px;}
#liststyle3{heights: 100%; border: 1px solid white; padding-bottom: 5px;}
#liststyle4{heights: 100%; border: 1px solid white; padding-bottoms: 8px;}
#box #liststyle ul{padding: 5px 10px 0 10px;}
#box #liststyle li{padding-left: 14px; background: url('/useimg/aw.gif') no-repeat 0 2px; font-size: 12px;}
#box #toplogin li{padding-left: 14px; background: url('/useimg/aw2.gif') no-repeat 0 2px;}
#box strong{color: white; display: block; border-bottom: 1px solid white; padding: 5px 5px 4px 10px; font-size: 9px; background: #B3B3B3 url('/useimg/more.gif') no-repeat 174px 3px;}
#box2 strong{display: block; border-bottom: 1px solid #e3e3e3; padding: 5px 5px 4px 10px;}
#box3 strong{color: white; display: block; border-bottom: 1px solid #e1e1e1; background: url('/useimg/more.gif') no-repeat 443px 3px;}
*html #box strong{padding: 5px 5px 5px 10px;}
#box strong.cent{background: url('/useimg/more.gif') no-repeat 443px 3px; border-bottom: 1px solid #e1e1e1;}
#box strong.white{color: white; background: none;}
#inputstyle input{border: 1px solid #ccc; background: #f2f2f2; margin-bottom: 2px;}
*html #inputstyle input{margin-bottom: 0px;}

#contents{widths: 660px; min-height: 750px; float: right; paddingS: 5px 0 0 0; border-left: 1px solid #f2f2f2;}
#incon{padding: 2px 0 0 10px; width: 650px;}
*html #incon{padding: 2px 0 0 10px; width: 660px;}
#contents a{color: black;}
*html #contents{heights: 750px; widths: 640px;}
#subleft{float: left;}
#box #liststyle2 ul{padding: 5px 0 0 0;}
#box #liststyle2 li{padding-left: 14px;}
#box #liststyle2 li.this{background: url('/useimg/img2.gif') no-repeat 0 2px;}


#box #liststyle3 ul{padding: 5px 0 0 0;}
#box #liststyle3 li{padding-left: 20px; border-bottoms: 1px dotted #ccc; background: url('/useimg/aw2.gif') no-repeat 8px 2px; }
#box #liststyle3 li span{float: right; padding: 0 10px 0 0; color: #666;}
*html #box #liststyle3 li span{margin-top: -16px;}


#banner{text-align: center; font-size: 9px; font-family: Small Fonts; display: none; border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin: 0 15px 5px 15px; height: 18px;
	}
#banner ul{}

#banner li{background: white; borders: 1px solid #ccc; width: 124px; text-align: center; color: #666; float: left;
	padding-top: 3px;
	}
	
	
#weather img{display: visible;}