@import url("/home/main/css/comm.css");

body{background:#051826; bottom:0;}
#top{position:relative; width:980px; height:435px; margin:0 auto; z-index:6;}
#content:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden;}
#content{ width:980px; margin:0px auto; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_layout_content01.jpg) no-repeat left top; background-position:-1px 0;background-position:1px 0 \9; *background-position:0 0;}
#footer_tera{clear:both; width:100%; height: 171px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_footer.jpg) no-repeat center 0; overflow: hidden;}
.footer_wid{ width:980px; margin:0 auto;}

#layout_left{position:absolute; width:50%; height:1100px; left:-489px; top:36px; background: url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_layout_left01.jpg) no-repeat right 0px; z-index:1;}
#layout_right{position:absolute; width:50%; height:1100px; top:36px; background: url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_layout_right01.jpg) no-repeat 489px top; right:0px; z-index:1;}

.left{float:left; position: relative; width:201px; padding:5px 0; z-index: 4;}
.con{float:left; position: relative; width:779px;z-index: 4; overflow:hidden;}
.con_bg{position: relative;min-height:695px; _height:expression(this.scrollHeight < 695 ? "695":"auto");padding-bottom:37px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_sub_conb01.jpg) no-repeat 0 bottom; overflow:hidden; zoom:1;z-index: 3;}
.con_bg_repeat{position:absolute; width:779px; height:10000px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_body01_2.jpg) repeat-y 0 0; z-index:1; top:600px;}
.main{float:left; width:525px; padding-top:20px;}
.right{float:right; position: relative; width:227px; padding:20px 17px 0 0; z-index: 4;}

.flash_bg{ position: absolute; left:3px; top: -41px; z-index:5;}
.con_left{position: absolute; left:17px; top:0; z-index: 6;}
.flash_login{margin-left:6px;}
.startbtn{margin-left:7px;}
.login_txt{ clear:both; position:relative; top:-7px; left:4px;}
.login_txt p{ clear:both; margin-bottom:5px;color:#666; font-size:11px; word-spacing: -1px;}/* 090528 */
.login_txt p input{ position:relative; vertical-align:middle; display: inline; margin:0 3px; *margin:0 2px 0 0; top:1px; float: left;}/* 090528 */
.login_txt p label{line-height:18px; *line-height: 22px;}/* 090528 */
.login_txt .t1{ clear:both; zoom:1; overflow:hidden; padding:0 0 0 2px; font-weight:bold;}
.login_txt .t1 li{ float:left; padding-left:10px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/ico_login02.gif) no-repeat 2px 6px; color:#b5b3b3; font-size:11px; word-spacing: -1px;}/* 090528 */
.login_txt .t1 li.first{padding-right:10px;}
.login_txt .t1 li a{ color:#b5b3b3;}
.login_txt .t1 li a:hover{ color:#CACACA; text-decoration: none;}
.flash_btn{ margin-left:5px; height:40px;}
.flash_btn2{clear:both;margin:0px 0 0 5px;}
.flash_btn3{ margin-left:5px; height:53px;}

.body_flash{position:relative; width:980px; margin:0 auto; z-index:3;}
.bgflash{position: absolute; left:-350px; top:-3px; z-index:4;}


/* title */
.tit_a{ clear:both; height:20px; margin-top:-2px; padding-top:42px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/ad_flash2_top.gif) no-repeat; color:#fff; text-align:center; font-weight:normal; letter-spacing:-1px;}

.tit_b_1{ position:relative; clear:both; width:495px; height:26px; margin:0 0 7px 24px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_tit1_01.gif) no-repeat; color:#e0e0e0;z-index:10; overflow:hidden; cursor: pointer;}
.tit_b_1 h3{ float:left; font-weight:normal;}
.tit_b_1 .tit_b_r{ float:right; padding-right:34px; line-height:26px;}
.tit_b_1 .hit{ position:absolute; top:5px; right:7px;}
.tit_b_2{ position:relative; clear:both; width:495px; height:26px; margin:0 0 7px 24px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_tit2_01.gif) no-repeat; color:#e0e0e0; z-index:10;cursor: pointer;}
.tit_b_2 h3{ float:left; font-weight:normal; line-height:26px;}
.tit_b_2 .tit_b_r{ float:right; padding-right:34px; line-height:26px;}
.tit_b_2 .hit{ position:absolute; top:5px; right:7px;}
/* 090528 add */
.tit_b_1 h3 span,.tit_b_1 h3 img,.tit_b_2 h3 span,.tit_b_2 h3 img{ float:left; line-height:26px; _line-height:28px;}
.tit_b_1 h3 span a{ color: #e0e0e0; text-decoration: none;}
.tit_b_1 h3 span,.tit_b_2 h3 span{padding-left:8px;}
.tit_b_2 h3 span a{ color: #e0e0e0; text-decoration: none;}


/* txt */
.text_a1{ clear:both; width:474px; margin:0 0 0 24px; padding:6px 14px 13px 18px; }
.text_a1 .img1{ display:block; margin-top:3px;}
.text_a2{ clear:both; width:466px; margin:0 0 0 24px; padding:10px 18px 13px; text-align:center;}
.text_a2 .img1{ margin:0 auto;}
.text_a3{ clear:both; width:495px; margin:0 0 0 24px; padding:6px 0 15px; overflow:hidden;}
.text_a4{ clear:both; width:466px; margin:0 0 0 24px; padding:6px 10px 13px 14px; overflow:hidden; color:#333;}


/* banner */
.banner_a{ clear:both; margin-bottom:30px; height: 215px;}
.banner_c{position: relative; width:199px; height: 140px; margin-top:9px; z-index:995; background:#393939 url(http://images.hangame.co.kr/hangame/tera/cbt/images/bg_ad_sub1.gif) no-repeat left bottom;}
.banner_c1{position: relative; width:199px; height: 140px; margin-top:14px; z-index:995; background:#393939 url(http://images.hangame.co.kr/hangame/tera/cbt/images/bg_ad_sub2.gif) no-repeat left bottom;}
.banner_c .btn_a1{ position:absolute; right:4px; bottom:4px; z-index:999;}
.banner_con{ position:absolute; float:left; width:199px;height:140px; overflow: hidden; z-index:996;}
.banner_c .btn_a1 img{vertical-align:top;}
.banner_c .lbtn{right:20px;}
.banner_c .list_o{list-style:none; width:32700px; margin:0;float:left;}
.banner_c .list_o li{float:left; display: inline;}
.banner_c .list_o li img{border:solid 1px #222;}

.hd{height: 153px;}

/* tab */
#tabcontrol_c{ width:200px;}
.tab_c{ clear:both; height: 29px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_tab2_01.gif) 0 bottom repeat-x; overflow:hidden;}
.tab_c li{position:relative; float:left; z-index:100}
.tab_c li img{display:block;}
.tab_c li img.on{display:none;}
.tab_c li.tabc-selected{z-index:101;}
.tab_c li.tabc-selected img{display:none;}
.tab_c li.tabc-selected img.on{display:block;}
.tab_c_more{position:relative; float:right; margin:-20px 2px 0 0; z-index:100}
.tabc-panel{ position:relative; clear:both;display: none; width:198px; margin-top:4px; z-index:100}
.tabc-selected{display: block;}
.tabc-panel li{ clear:both; padding:4px 0 3px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_line1b01.gif) no-repeat center top;}
.tabc-panel li.first{background:none;}
.tabc-panel li a{ display:block;padding-left:12px;}
.tabc-panel li a:hover{ color:#999; text-decoration:none;}

/* list */
.list_d{ clear:both;zoom:1; overflow:hidden;}
.list_d li{ float:left; width:142px; padding:0 10px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_list01.gif) no-repeat left center;}
.list_d li.first{ padding:0 10px 0 0; background:none;}
.list_d1{ clear:both;zoom:1; overflow:hidden;}
.list_d1 li{ float:left; width:223px; padding:0 10px;}
.list_d1 li.first{ padding:0 10px 0 0; background:none;}

.list_e{clear:both; width:475px; margin:0 0 0 24px; padding:6px 10px 13px 14px;zoom:1; overflow:hidden;}
.list_e dt{clear:both; margin-bottom:12px;}
.list_e dd{clear:both;}
.list_e dd.txt1{ padding:15px 15px 0 0; color:#999;}

.list_f1{ clear:both; width:467px; margin:0 0 0 24px; padding:6px 10px 13px 14px; zoom:1; overflow:hidden;}
.list_f1 dt{ float:left; margin-right:10px;}
.list_f1 dt img{padding-top:0;}
.list_f1 dd{ *float:left;color:#333; margin-top: 8px;}
.list_f1 dd p.col1{padding-top:10px; color:#007782;}
.list_f1 dd .download{ display:block; margin-top:3px;}
.list_f1 dd.img1{ text-align:center;}
.list_f1 dd.img1 img{ margin:0 auto;}
.list_f1 dd .more{ display:block; padding-top:10px; text-align:right;}
.list_f1 dd .more a{ text-decoration:underline; color:#333;}

/* other */
.list_box{ clear:both;}
.box_con{clear:both;}
.box_con2{clear:both; display:none;}

/* left_login */
.flash_login2{ position:relative; clear:both; width:170px; margin-left:0px; padding: 10px 0; z-index:8;}
.tit_a1{ clear:both; padding:0 10px 8px 12px; color:#999; font-weight:normal; line-height:14px;letter-spacing:-1px;}
.tit_a1 strong{ display:block; color:#E5E5E5; margin-bottom:7px;}
/* 090528 add */
.list_dl{clear:both; width: 170px;}
.list_dl li{background:url(http://images.hangame.co.kr/hangame/tera/cbt/images/ico_arrow_l.gif) no-repeat left center; width:70px; float: left; display: inline; margin:4px 0 0 14px; padding-left:6px; color:#999; word-spacing: -1px;}
.list_dl li.level{ background:none; width: 131px; margin: 0 10px 5px; padding-left:19px; height: 37px; border-bottom: 1px solid #484848; border-top: 1px solid #484848;}
.list_dl li.level span{display: inline-block; width: 51px; height: 37px; vertical-align: middle; line-height: 37px;}
.list_dl li.level img{margin-left:10px; vertical-align:middle;}
.list_dl li.r{	margin:4px 0 0 0;}
.list_dl li span.col2{ color:#FFCFAF; padding-left:3px; }
.list_dl li.rbtn{margin:3px 0 0 0; padding:0 0 0 0px; background:none;}

/*.table_b{ padding-left:11px; overflow:hidden;}
#underline1{ height:1px; padding:0; line-height:1; font-size:0;}
.table_b th{ width:72px; padding:3px 0 3px 5px;color:#999; line-height:14px; text-align:left; letter-spacing:-1px; font-weight:normal;}
.table_b td{width:69px;  padding:3px 0 3px 0;line-height:14px;}
.table_b td.level{ color:#fff; font-family:Arial; font-size:11px;}
.table_b .lv{ margin:-2px 0 0 8px; vertical-align:middle;}
.table_b td.level .col1{ color:#00F6FF;}
.table_b td.level strong{ font-weight:normal; padding-left:5px;}
.table_b .col2{ color:#FFCFAF; padding-left:3px; }*/
.btn_a2{ clear:both; padding-top:12px; text-align:center;}
.btn_a2 .mar1{margin-left:8px;}


/* add 090515 */
.pop_layer{position:absolute; width:623px; height:390px; top:27px; *top:16px; left:7px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_popLayer.jpg) no-repeat 0 0; z-index: 999999;}
.pop_layer .pop_con{clear:both; width:546px; margin:0 0 0 38px; padding:22px 0 0 0;}
.pop_layer .pop_con p{clear:both; width:546px; color:#999; line-height:18px; font-size:11px; letter-spacing:-1px;}
.pop_layer .pop_con dl{width:506px; height:114px; margin-bottom:8px; padding:10px 20px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_pop_maypage2.gif) no-repeat 0 0;}
.pop_layer .pop_con dt{float:left; width:44px;}
.pop_layer .pop_con dd{float:left; width:462px; color:#999; font-size:11px; line-height:18px;}
.pop_layer .pop_con dd select, .pop_layer .pop_con dd input{_display:inline; float:left; height:13px; margin-right:10px; color:#000; line-height:11px;}
.pop_layer .pop_con dd select{width:62px; height:15px; *height:17px;}
.pop_layer .pop_con dd label{color:#ebf7fb;}
.pop_layer .pop_con dd p{width:440px; height:22px; line-height:22px;}
.pop_layer .pop_con dt.line, .pop_layer .con dd.line{padding:10px 0 0; border-top:1px dashed #424242;}
.pop_layer .pop_con p.gray{color:#666;}
.pop_layer .pop_con p.pad_left{padding-left:9px}
.pop_layer .pop_con .btn{margin-top:10px; padding-top:14px; border-top:1px solid #272727; text-align:center;}
.pop_layer .pop_con dd p input.mar_r5{margin-right:5px; *margin-right:0;}

.tip_confirm{width:263px; height:139px; z-index:40005; left:200px;top:200px; position:absolute; display:none; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_tip_mypage.gif) no-repeat 0 0; color:#999;}
.tip_confirm .tit{padding:2px 0 0 2px;}
.tip_confirm .pop_con{padding:6px 0 0 0; color:#999; text-align:center; line-height:40px;}

.tit_b_01{}
.tit_b_01 h3{float:left; display: inline; margin: 10px 0 0 20px;}
.tit_b_01_r{float:right; display: inline; margin:30px 30px 0 0;}

/* footer */
.footer_con{ position:relative;padding:22px 0 0 206px; height:132px;}
.footer_con .footer_logo1{ position:absolute; left:18px; top:29px;}
.footer_con .footer_logo2{ position:absolute; left:91px; top:29px;}
.list_d2{ clear:both; height:11px; line-height:11px;}
.list_d2 li{ float:left; margin-right:10px; padding-right:10px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_bot_list01.gif) no-repeat right center;}
.list_d2 li.last{ background:none;}
.footer_con .img_bot_cn{ display:block;margin-top:12px;}
.footer_con .img_bot_en{ display:block;margin-top:10px;}
.footer_con .footer_table{ position:absolute; right:18px; top:26px;}


/* add js */
.fog {
		position:absolute;
		left:0; top:0; padding:0; margin:0; border:0;
		width:100px; height:100px;
		background-color:#000;
		opacity:0;
	}
.fog_1 {
		position:absolute;
		left:360.5px; top:275px; padding:0; margin:0; border:0;
		width:623px; height:390px;
		background-color:#000;
		z-index:40000;
		background:url(http://images.hangame.co.kr/hangame/tera/cbt/images2/bg_pop.png) 0 0 repeat!important; background:none;
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.hangame.co.kr/hangame/tera/cbt/images/bg_pop.png',sizingMethod='scale'); text-align:center;}


/*091020 add*/
.section {clear:both; position:relative; width:199px; overflow:hidden;}
.section h4 {padding:0 0 11px 12px; background:url(http://images.hangame.co.kr/hangame/tera/cbt/community/poll/main/line_h4.gif) repeat-x 0 bottom; font-size:0;}
.section .more {position:absolute; right:1px; top:1px;}
.section p {padding:9px 10px 8px; color:#444; line-height:18px; letter-spacing:-1px;}
.section .btn {margin:0 0 0 11px;}
/*//091020 add*/