/* ------------------------------------------------------------
 * Name      : common.css
 * Created   : 2009/10 cnscamp by oke
 * Updated  :
 ------------------------------------------------------------ */

@import url("main.css");
@import url("sub_common.css");
@import url("common_add.css");


body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 150%;
	font-family: 돋움, Dotum, AppleGothic, sans-serif;
	color:#787373;text-align:center;
}


form, p, blockquote, dl, dd, dt {margin: 0;padding: 0;}
ul, li, ol{list-style:none;margin:0;padding:0px;}
fieldset{margin:0; padding:0; border:0}
img{border: 0 none;}

p, div,span, th, td, select,a {font-size:1em}


/*INPUT*/
input, select,textarea{vertical-align: middle;font-size: 0.9em;}
.selectImg{behavior: url(/common/css/selectbox.htc);height:16px;}

hr{display:none;}
/*대체텍스트용*/
.comment{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden;}

br.clear{clear:both}

/*LINK*/
a:link, a:visited {color: #787373; text-decoration: none}
a:hover, a:active {color: #3e76bf; text-decoration: none;}

/*title*/
h1, h2, h3, h4,h5 {font-size:1.2em; margin:0; padding:0}


/*Layout 전체*/
html{height:100%;}

/*Layout 공통 Top*/
#wrapperAll{width:983px; height:100%;margin:0 auto;text-align:left;position:relative;}
#topAreaAll{width:983px; height:149px;position:relative;}
#topArea{width:983px; height:65px;position:relative;}
#topArea h1.slogan{position:absolute;left:10px;top:34px;}
#topArea h1.ci{position:absolute;left:399px;top:11px;}
#topArea ul.memberJoin{position:absolute;left:770px;top:10px;}
#topArea ul.memberJoin li{float:left;}
#topArea ul.memberJoin1{position:absolute;left:765px;top:10px;}
#topArea ul.memberJoin1 li{float:left;}

#topArea ul.login1{position:absolute;left:856px;top:35px;width:125px;}
#topArea ul.login1 li{float:left;margin-right:3px;}


#topArea ul.fontSize{position:absolute;left:906px;top:10px;}
#topArea ul.fontSize li{float:left;}
#topArea ul.fontSize li.start{margin-right:6px;}
#topArea ul.fontSize li.end{margin-right:2px;}
#topArea ul.login{position:absolute;left:711px;top:35px;width:280px;}
#topArea ul.login li{float:left;margin-right:3px;}
#topArea ul.login li input{width:75px;height:16px;border:#d2d4d5 solid 1px;color:#3e76bf;}
#topAreaGnb{position:relative;width:983px;height:85px;background:url(../images/common/gnb_bg.gif) 0 0 no-repeat;}
#topAreaGnb .time{position:absolute;left:22px;top:11px;color:#FFFFFF;}
#topAreaGnb ul.menu{position:absolute;left:296px;top:12px;background:url(../images/common/gnb_wake.gif) 0 0 no-repeat;}
#topAreaGnb ul.menu li{float:left;margin-right:62px;}
#topAreaGnb ul.menu li.m{}
#topAreaGnb ul.menu li.wake{}
#topAreaGnb .channel{position:absolute;left:770px;top:12px;width:200px;}
#topAreaGnb .channel img{vertical-align: middle;}
#topAreaGnb .channel span.ctext a:link {color:#FFFFFF;}
#topAreaGnb .channel span.ctext a:hover{color:#fcff00;}
#topAreaGnb .channel span.ctext a:visited{color:#FFFFFF;}
#topAreaGnb .channel span.ctext{position:relative;top:-1px;} 

#topAreaGnb ul.onair{position:absolute;left:15px;top:50px;}
#topAreaGnb ul.onair li{float:left;margin-right:10px;}
#topAreaGnb ul.mainSearch{position:absolute;left:310px;top:50px;}
#topAreaGnb ul.mainSearch li{float:left;margin-right:5px;}
#topAreaGnb ul.mainSearch li input{width:167px;height:16px;}
#topAreaGnb ul.mainSearch li select{height:22px;}
#topAreaGnb ul.mainSearch li img{vertical-align: middle;}
#topAreaGnb ul.rss{position:absolute;left:710px;top:50px;font-size:0.9em;}
#topAreaGnb ul.rss li{float:left;}
#topAreaGnb ul.rss li.st{margin-right:8px;display:inline;margin-top:3px;}
#topAreaGnb ul.rss li img{vertical-align:middle;}
#topAreaGnb ul.rss li a{color:#787373;}
#topAreaGnb ul.rss li a:hover{color:#3e76bf;}

/* 카피라이터 */
#copyWrapper{width:983px;height:98px;position:relative;background:url(../images/main/footer_bg.gif) 0 0 no-repeat;margin-top:20px;clear:both;}
#copyWrapper .copyci{top:42px;left:120px;position:absolute;}
#copyWrapper .copytext{top:58px;left:335px;position:absolute;}
#copyWrapper ul.copylink{top:37px;left:335px;position:absolute;}
#copyWrapper ul.copylink li{float:left;}

#copyWrapper ul.viewDown{top:37px;left:640px;position:absolute;}
#copyWrapper ul.viewDown li{float:left;}
#copyWrapper ul.viewDown li img{vertical-align:middle;}
#copyWrapper ul.viewDown li.tem{margin-right:10px;}

.channel a:link{color:white;}
.channel a:visited{color:white;}
.channel a:hover{color:white;}