@import url("content.css");

html, body {margin:0px;padding:0px;font-size:11px;line-height:1.4em;font-family:Verdana;color: #909090;}

.body_bg{background:url(/images/common/bg.gif) left top repeat-x;}
* {margin:0px;padding:0px;}

table {border-collapse: collapse;text-align:left;}

p, div, th, td,input,select,textarea {font-size: 11px;color: #909090;font-family:Verdana;}

a:link, a:visited {
	text-decoration: none;
	color: #909090;
}
a:active, a:hover {
	color:#ea7b8e;
	text-decoration: none;
}

img {border:0px;}
input{border:#cccccc solid 1px;height:16px;}
input[type="file"]{border:#cccccc solid 1px;height:16px;}

.input2{border:#d1d1d1 solid 1px;height:16px;background-color:#f0f0f0;}


input.rad{border:0px;vertical-align:middle ;margin:0px 4px 2px 0px;}
*html input.rad{border:0px;vertical-align:middle;margin:2px 0px 0px 0px;}
input.chk{border:0px;vertical-align:middle;margin:0px 4px 0px 0px;}
h1{font-size:14px;}
ul{margin:0px;padding:0px;}
ul li{list-style-type:none;margin:0px;padding:0px;}


textarea {
	background: #fff;
	border:1px solid #f0f0f0;
	padding:4px 7px;
	scrollbar-face-color: #dddddd;
	scrollbar-highlight-color: #dddddd;
	scrollbar-3dlight-color: #ECECEC;
	scrollbar-darkshadow-color: #D9D9D9 ;
	scrollbar-shadow-color: #dddddd;
	scrollbar-arrow-color: #cccccc;
	scrollbar-track-color: #fff;
	scrollbar-base-color:#cccccc;
}

#head {position: relative;height: 75px;overflow: hidden;}
#navi{width: 794px;height:75px;}
#site-menu {position:absolute;top:25px;left:837px;width:150px;}
#site-menu img{margin-right:14px;}

#quick {position: absolute;top: 123px;left: 829px;width: 141px;}

#quick2 {position: absolute;top: 0px;left: 0px;width: 141px;}
#quick2 #network{width:141px;text-align:right;padding-bottom:14px;}
#quick2 #network h1{padding-bottom:4px;}
#quick2 #network p{margin-right:4px;padding-bottom:6px;}
#quick2 #easy ul li{list-style-type:none;background:url(/images/common/bul_arr_red.gif) 5px 7px no-repeat;padding:3px 0px 5px 10px;line-height:1.1em;border-bottom:#e2e2e2 solid 1px;}

#quick2 #easy ul li{list-style-type:none;background:url(/images/common/bul_arr_red.gif) 5px 7px no-repeat;padding:4px 0px 5px 10px;border-bottom:#e2e2e2 solid 1px;}


#sub {position:absolute;top:75px;left:0px;width:225px;overflow:hidden;padding-bottom:55px;}

#warp {margin: 0px 0px 0px 258px;width:534px;min-height:632px;padding-bottom:55px;}
#warp2 {margin: 0px 0px 0px 238px;width:534px;min-height:632px;padding-bottom:15px;}
*html #warp {height: 687px;padding-bottom:55px;}

#warp h1{padding:13px 0px 21px 0px;}
#warp h2{margin:0px 0px 35px 0px;color:#7d7d7d;font-size:12px;font-weight:bold;}
#warp h2 span{background:url(../../images/common/h2_bg.gif) left bottom no-repeat;padding-left:14px;margin-left:5px;}
 
#top_btn {clear:both;padding-top:25px;vertical-align:bottom;text-align:right;}
#foot {position:relative;height: 50px;width:930px;margin:-70px 0px 0px 40px;}
#foot #copy{position:absolute;margin:0px 0px 0px 0px;}
#foot #family{position:absolute;margin:7px 0px 0px 773px;}

/* pag */
ul#pag{padding-top:12px;width:534px;text-align:center;border-top:#cbcbcb solid 2px;margin-top:-1px;}
ul#pag li{list-style-type:none;display:inline;padding:0px 3px 0px 0px;}
ul#pag li img{cursor:pointer;vertical-align:middle;margin:0px 4px 1px 4px;}
ul#pag li.on{color:#ea7b8e;}

ul.pag{padding-top:12px;width:534px;text-align:center;border-top:#cbcbcb solid 2px;margin-top:-1px;}
ul.pag li{list-style-type:none;display:inline;padding:0px 3px 0px 0px;}
ul.pag li img{cursor:pointer;vertical-align:middle;margin:0px 4px 1px 4px;}
ul.pag li.on{color:#ea7b8e;}


#btn{width:534px;text-align:right;padding-top:6px;}

#pBtn { position:relative; }
#pBtn div.btnN{position:absolute;right:0px;top:10px;}


/* tab */
#tab{width:534px;}
#tab li{list-style-type:none;float:left;margin:0px 0px 0px 0px;padding-bottom:19px;}
#tab li img{cursor:pointer;}

#tab2{width:534px;}
#tab2 li{list-style-type:none;float:left;margin:0px 0px 0px 0px;padding-bottom:9px;}


.fl{float:left;}

.fr{float:right;}


.clearfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* IE Àü¿ë zoom ÇÁ·ÎÆÛÆ¼¸¦ ÀÌ¿ëÇÑ clear¹æ¹ý*/
.clearfix{
	zoom:1;/*for IE 5.5-7*/
}


/* Index */
#index_warp{width:970px;height:556px;position:relative;}
#index_warp div.visual{width:970px;height:375px;}
#index_warp div.banner{width:299px;margin:0 0 0 39px;position:absolute;}
#index_warp div.banner img{margin-bottom:3px;}

#index_warp div.board{width:306px;height:147px;margin:0 0 0 369px;position:absolute;}
#index_warp div.board p.nolist{width:306px;text-align: center;padding-top:40px;}
#index_warp div.board ul#board_tab li{float:left;margin-bottom:6px;}
#index_warp div.board ul.list li{list-style-type:none;background:url(/images/common/bul_arr.gif) 5px 7px no-repeat;padding:0 0 3px 10px;font-size:10px;}

#index_warp div.board ul.list li a:link, a:visited {color:#737373;}
#index_warp div.board ul.list li a:active, a:hover {color:#ea7b8e;}

#index_warp div.board ul.list li span.date {float: right;display: block;width: 83px;text-align: center;}


#index_warp div.network{margin:0 0 0 704px;position:absolute;width:278px;height:147px;}
.i_network{width:278px;height:147px;background: url(/images/main/network_img.gif) right bottom no-repeat ;}
.i_network p.txt{margin:14px 0 11px 8px;}
.i_network p.select{margin:0 0 0 7px;}
.i_network p.btn{margin:10px 0 0 7px;}