/* @charset "utf-8"; */

/* margin, padding 초기화 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fileset, input, p, blockquote, th, td
{ margin: 0 0 0 0; padding: 0 0 0 0; }
/* header font size 초기화 */
h1, h2, h3, h4, h5, h6
{ font-size: 100%; }
/* list style  */
ol, ul { list-style: none; }
/* font 강조 특성 초기화 */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style: normal; font-weight: normal; }
/* table style 초기화 */
table { border-collapse: collapse; border-spacing: 0; }
/* image, fieldset border 표시 초기화 */
fileset, img { border: 0; }
/* caption, table header 텍스트 정렬 초기화 */
caption, th { text-align: left; }
/* 인용구 표시 초기화 */
q:before, q:after { content: ''; }

/* basic */
html {
	text-align: center;
}

body {
	margin: 0 auto;
	position: relative;
	width: 920px;
	text-align: left;
}
.bodyStyle0{
background: url(img/bg_gr_b.gif) repeat-x; background-color: #a8d4e4;
}
.bodyStyle1{
background: url(img/bg_gr_p.gif) repeat-x; background-color: #e7c4e8;
}
.bodyStyle2{
 background-color: #333333;
}
.bodyStyle3{
 background-color: #f49c9c;
}
.bodyStyle4{
background-color: #bb9bda;
}
.bodyStyle5{
background: url(img/bg_gr_y.gif) repeat-x; background-color: #e6dcc6;
}
.bodyStyle6{
background: url(img/bg_gr_g.gif) repeat-x; background-color: #94dcca;
}
.bodyStyle7{
 background-color: #4B4B4B;
}
/* canuTop */
div#canuTop {
	position: relative;
	width: 100%;
	left: 0;
}
div#canuTop_logo {
	position: absolute;
	width: 363px;
	left: 0;
}
div#canuTop_nav {	
	position: absolute;
	width: 730px;
	height: 70px;
	left: 185px;
	text-align: right;
	padding: 50px 10px 0 0;
}
div#meetingSignal {	
	position: absolute;
	width: 100px;
	height: 250px;
	left: 915px;
	text-align:left;
	padding: 44px 10px 0 0;
}
div#meetingSignal li{float:left;  height:19px; }
/* main_nav */
div#main_nav {
	position: relative;
	left: 0;
	top: 70px;
	background:url(img/main_nav_bg.gif) no-repeat;
}
div#log_box {
	z-index: 10;
	position: relative;
	left: 538px;
	top: -62px;
	background: url(img/login_bg.gif) no-repeat;
	width: 382px;
}
div#logout_box {
	z-index: 15;
	position: relative;
	left: 538px;
	top: -62px;
	background: url(img/logout_bg2.gif) no-repeat;
	width: 382px;
}
/* ****************************** */
div#oldsitelink {
	z-index: 9;
	position: absolute;
	left: 0;
	top: 115px;
}
div#oldsitelink .font_01{
	font-family: 'Malgun Gothic' , Dotum, Gulim;
	font-size:10pt;
	font-weight:bold;
	text-decoration: none;
	word-spacing: -0.2em;
	letter-spacing: -0.1em;
}


div#oldsitelink .font_01:link {
	color: #4C4C4C;
}
div#oldsitelink .font_01:visited {
	color: #4C4C4C;
}

div#oldsitelink .font_01:hover {
	color:#ffffff;
}
div#oldsitelink .font_01:active {
	color:#ffffff;

}


/* ****************************** */

/* canu_one */
div#canu_one {
	position: relative;
	width: 100%;
	left: 0;
	top: 40px;
}
div#big_ba {
	position: absolute;
	width: 535px;
	left: 0;
}
div#my_menu {
	position: absolute;
	width: 380px;
	height: 54px;
	left: 540px;
	text-align: right;
}
div#notice {
	position: absolute;
	width: 380px;
	height: 94px;
	left: 540px;
	top: 58px;
}
/* Gallery */
div#gallery {
	position: absolute;
	width: 100%;
	height: 392px;
	left: 0px;
	top: 162px;
}
/* somoim */
div#somoim {
	position: absolute;
	width: 100%;
	height: 45px;
	left: 0px;
	top: 564px;
}
/* Contents */
div#contents_bg {
	position: relative;
	width: 100%;
	height: 874px;
	left: 0;
	top: 659px;
}
div#contents {
	position: relative;
	width: 100%;
	height: 695px;
	left: 0;
	top: -175px;
}
/* Contents Left Area */
div#contents_left {
	position: absolute;
	width: 280px;
	left: 0px;
	top: 145px;
}
div#contents_left_poll {
	position: absolute;
	width: 280px;
	height: 239px
	left: 0px;
	background: url(img/con_poll_bg_2.gif);
	padding: 0 0 0 0;
	/* padding: 45px 0 0 16px; */
}
div#contents_left_canustory {
	position: absolute;
	width: 270px;
	height: 115px;
	left: 5px;
	/* top: 123px;*/
	top: 245px;
	background: url(img/main_title_line.gif) repeat-x 0 20px;;
}
div#contents_left_pandp {
	position: absolute;
	width: 270px;
	height: 115px;
	left: 5px;
	top: 365px;
	background: url(img/main_title_line.gif) repeat-x 0 20px;;
}
div#contents_left_qna {
	position: absolute;
	width: 270px;
	height: 115px;
	left: 5px;
	top: 478px;
	background: url(img/main_title_line.gif) repeat-x 0 20px;;
}
div#contents_left_ba {
	position: absolute;
	width: 280px;
	height: 69px;
	left: 0;
	top: 588px;
	text-align: center;
}
div#contents_left_etc {
	position: absolute;
	width: 270px;
	height: 115px;
	left: 5px;
	top: 537px;
	background: url(img/main_title_line.gif) repeat-x 0 20px;;
}
div#contents_left_fammenu {
	position: absolute;
	width: 273px;
	left: 0;
	top: 652px;
	padding-left: 7px;
}
/* Contents Center Area */
div#contents_center {
	position: absolute;
	width: 358px;
	left: 281px;
	top: 145px;
}
div#contents_center_search {
	position: absolute;
	width: 100%;
	height: 31px;
	left: 0px;
	text-align: center;
	padding-top: 9px;
}
div#contents_center_hof {
	position: absolute;
	width: 100%;
	height: 189px;
	left: 0px;
	top: 40px;
}
div#contents_center_ourstory {
	position: absolute;
	width: 348px;
	height: 206px;
	left: 5px;
	top: 247px;
	background: url(img/main_title_line.gif) repeat-x 0 20px;
}
div#contents_center_userminimenu {
	position: absolute;
	width: 100%;
	height: 34px;
	left: 0;
	top: 453px;
	text-align: center;
}
div#contents_center_ranking {
	position: absolute;
	width: 100%;
	height: 228px;
	left: 0;
	top: 487px;
	text-align: center;
}
/* Contents Right Area */
div#contents_right {
	position: absolute;
	width: 280px;
	left: 640px;
	top: 145px;
}
div#contents_right_canushop {
	position: absolute;
	width: 100%;
	height: 189px;
	left: 0px;
	text-align: center;
	background: url(img/canu_shop_dotline.gif) repeat-x 3px 188px;
}
div#contents_right_canumarket {
	position: absolute;
	width: 270px;
	height: 120px;
	left: 5px;
	top: 237px;
	background: url(img/main_title_line.gif) repeat-x 0 20px;
}
div#contents_right_multi {
	position: absolute;
	width: 280px;
	height: 365px;
	left: 0;
	top: 361px;
}
/* Contents Bottom Area */
div#contents_bg_bottom {
	background: url(img/sub_con_bg.gif) repeat-y;
	position: relative;
	width: 100%;
	left: 0;
	top: 508px;
	background-color:red;
}
div#contents_bottom {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	
}
div#contents_bottom_sitemap {
	position: absolute;
	width: 906px;
	height: 100px;
	left: 6px;
	background-color: #b1b1b1;
}
div#contents_bottom_sitemap2 {
	background: url(img/sub_con_bg.gif) repeat-y;
	position: absolute;
	width: 100%;
	height: 100px;
	left: 0px;
}
div#contents_bottom_copyright {
    background:url(img/main_con_bg_bottom.gif) no-repeat;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 118px;
	text-align: center;
}

#copyright_img {	
	position: relative;		
	top: -8px;
	
}

/* basic */
a, a:link, a:visited, a:active { font-family: 돋움, dotum; font-size: 11px; color: #999999; text-decoration:none;}
a:hover { color: #ff7a00; text-decoration:none; }

.util_navi, .util_navi a, .util_navi a:link { font-family: 돋움, dotum; font-size: 11px; color: #FFFFFF; text-decoration: none; }
.util_navi a:hover, .util_navi a:active { color: #454545; text-decoration: none;}

#nTxt a, #nTxt a:link { font-family: 돋움, dotum; font-size: 11px; color: #999999; text-decoration: none; }
#nTxt a:hover, #nTxt a:active {	color: #ff7a00; text-decoration: none;}

#notice_ul { line-height: 15px; }
#nTxt { background: url(img/bullet_notice.gif) no-repeat 11px 50%; padding-left: 20px; }

.poll_txt, .poll_txt a, .poll_txt a:link { font-family: 돋움, dotum; font-size: 11px; color: #FFFFFF; text-decoration: none; }
.poll_txt a:hover, .poll_txt a:active { color: #526d2d; text-decoration: none;}

#conList_txt a, #conList_txt a:link { font-family: 돋움, dotum; font-size: 11px; color: #999999; text-decoration: none; }
#conList_txt a:hover, #conList_txt a:active { color: #ff7a00; text-decoration: none; }

#conList_ul { line-height: 15px; padding-top: 7px; }
#conList_txt { background: url(img/bullet_notice.gif) no-repeat 8px 50%; padding-left: 19px; }

.ser_input { font-family: 돋움, dotum; font-size: 11px;color: #999999; text-decoration: none; }

.conListb_txt, .conListb_txt a, .conListb_txt a:link { font-family: 돋움, dotum; font-size: 12px; color: #999999; text-decoration: none; }
.conListb_txt a:hover, .conListb_txt a:active { color: #ff7a00; text-decoration: none; }

#canuMarket_txt a, #canuMarket_txt a:link { font-family: 돋움, dotum; font-size: 11px; color: #999999; text-decoration: none; }
#canuMarket_txt a:hover, #canuMarket_txt a:active { color: #ff7a00; text-decoration: none; }

#canuMarket_txt { background: url(img/bullet_notice.gif) no-repeat 3px 30%; padding-left: 15px; height: 15px; }

#multiList_txt a, #multiList_txt a:link { font-family: 돋움, dotum; font-size: 11px; color: #999999; text-decoration: none; }
#multiList_txt a:hover, #multiList_txt a:active { color: #ff7a00; text-decoration: none; }

#multiList_ul { line-height: 15px; padding-top: 2px; }
#multiList_txt { background: url(img/bullet_notice.gif) no-repeat 13px 50%; padding-left: 24px; }

.sitemap_txt, .sitemap_txt a, .sitemap_txt a:link { font-family: 돋움, dotum; font-size: 11px; color: #dedede; text-decoration: none; font-weight: normal; }
.sitemap_txt a:hover, .sitemap_txt a:active { color: #323232; font-weight: normal; text-decoration: none; }
#sitemap_ul { line-height: 15px; text-decoration: none;}
#sitemap_txt { padding-left: 19px; color: #FFF; font-weight: bold;  text-decoration: none;}
#sitemap_txt a, #sitemap_txt a:link { font-family: 돋움, dotum; font-size: 11px; color: #dedede; text-decoration: none; font-weight: normal; }
#sitemap_txt a:hover, #sitemap_txt a:active { color: #323232; font-weight: normal; text-decoration: none; }

.nick_name, .nick_name a, .nick_name a:link { font-family: 돋움, dotum; font-size: 12px; color: #ffe761; text-decoration: none; font-weight: bold; }
.nick_name a:hover, .nick_name a:active { color: #323232; font-weight: bold; text-decoration: none; }