@charset "utf-8";

/*--- layout ---*/
#wrap, html, body {	height:100%; margin:0; padding:0; }
body { text-align:center; background:url('http://cyfun7796.cdn3.cafe24.com/tqgame/common/bg_wrap3.gif') repeat-x 0 0; }
#wrap { position:relative; text-align:left; }
#header { position:relative; width:800px; height:112px; margin:0 auto; z-index:100; }
#container { min-height:100%; margin:-112px 0 -111px; }
	* html #container { height:100%; }
	#content-area { padding:112px 0 111px; }
		#contents { position:relative; width:800px; margin:0 auto; padding-bottom:70px; } 
#footer { overflow:hidden; clear:both; width:100%; height:111px; border-top:1px solid #ebebeb; background-color:#fbfbfb; }

/*--- layout(header) ---*/
h1 { position:absolute; left:12px; top:9px; }
h1 a { width:109px; height:28px; display:block; overflow:hidden; text-indent:-10000em; background:url('http://cyfun7796.cdn3.cafe24.com/tqgame/common/bi_logo.gif') no-repeat 0 0; }
#utill_menu { overflow:hidden; width:190px; padding-left:332px; }
#utill_menu li { float:left; }
#utill_menu li a { float:left; }

/*--- layout(footer) ---*/
#foot_area { overflow:hidden; width:900px; margin:0 auto; }
#foot_area .flogo { float:left; padding:25px 0 0 13px; width:210px; }
.foot_menu { overflow:hidden; padding-top:18px; height:30px; }
.foot_menu li { float:left; margin-right:25px; }
.foot_menu li a { color:#828282; }
.foot_menu li a strong { color:#323333; }
address { font:11px/15px dotum; color:#828282; }
address a { font-weight:bold; color:#828282 !important; }

/*--- layout(container) ---*/
#location { overflow:hidden; width:800px; height:140px; }
#location h2 { height:43px; }
#location h3 { overflow:hidden; text-indent:-10000em; width:374px; height:59px; background-repeat:no-repeat; background-image:url('http://cyfun7796.cdn3.cafe24.com/tqgame/common/bg_step_member.gif'); }
#location .step1 { background-position:0 0; }
#location .step2 { background-position:0 -59px; }
#location .step3 { background-position:0 -118px; }
#location .step4 { width:380px; background-position:0 -177px; }

#agree { width:770px; margin:0 auto; }
#agree h5 { padding-left:12px; height:24px; background:url('http://cyfun7796.cdn3.cafe24.com/tqgame/common/bg_bul_6.gif') no-repeat 0 4px; }
#agree .agree_area { overflow-y:scroll; width:768px; height:130px; border:1px solid #d1d1d1; line-height:18px; }
#agree .agree_chk { padding:10px 0 0 10px; height:30px; background-color:#f6f6f6; }
#agree .agree_chk label { font-size:14px; font-weight:bold; color:#6f6f6f; }
#agree .agree_chk input { margin-top:-3px; }
#agree .desc { line-height:16px;  padding-left:12px; }
#agree .etc { line-height:16px;  letter-spacing:-1px; }
#join_comfirm { position:relative; width:770px; margin:0 auto; }
#join_comfirm .tabmenu { overflow:hidden; width:770px; height:40px; margin-top:20px; background:url('http://cyfun7796.cdn3.cafe24.com/tqgame/common/bg_join_tab.gif') repeat-x 0 0; }
#join_comfirm .tabmenu li { float:left; }
#join_comfirm .tabmenu li a { overflow:hidden; height:40px; text-indent:-10000em; display:block; float:left; background-repeat:no-repeat; background-image:url('http://cyfun7796.cdn3.cafe24.com/tqgame/common/btn_join_menu.gif'); }
#join_comfirm .tabmenu .m_code a { width:176px; background-position:0 -40px; }
#join_comfirm .tabmenu .m_code a.on,
#join_comfirm .tabmenu .m_code a:hover { background-position:0 0; }
#join_comfirm .tabmenu .m_ipin a { width:174px; background-position:-176px 0; }
#join_comfirm .tabmenu .m_ipin a.on,
#join_comfirm .tabmenu .m_ipin a:hover { background-position:-176px -40px; }
#join_comfirm .btn_ipin { position:absolute; right:0; top:20px; }
#join_comfirm .code_cont ul { overflow:hidden;  padding:25px 0 15px 27px; background-color:#f6f8f6; }
#join_comfirm .code_cont ul li { float:left; width:560px; padding-bottom:20px; }
#join_comfirm .code_cont ul li .tit { float:left; width:130px; margin-top:8px; }
#join_comfirm .code_cont ul li .tit label { font-weight:bold; font-size:14px; color:#6f6f6f; }
#join_comfirm .code_cont ul li .r_area { float:right; width:430px; }
#join_comfirm .code_cont ul li .r_area .input { padding:5px; height:26px; font-size:16px; font-weight:bold; color:#6f6f6f; line-height:26px; border:1px solid #bfbfbf; }
#join_comfirm .ipin_cont { background-color:#f6f7f9; }
#join_comfirm .ipin_cont p { padding-top:30px; text-align:center; font-size:16px; line-height:22px; font-weight:bold; }
#join_comfirm .name_steal { position:relative; width:770px; height:87px; background:url('http://cyfun7796.cdn3.cafe24.com/tqgame/common/bg_name_steal.gif') no-repeat 0 0; }
#join_comfirm .name_steal dt,
#join_comfirm .name_steal dd { overflow:hidden; text-indent:-10000em; }
#join_comfirm .name_steal .btn { text-indent:0; }
#join_comfirm .name_steal .btn a { position:absolute; left:85px; top:21px; overflow:hidden; text-indent:-10000em; width:93px; height:22px; display:block; }
.input_form ul { overflow:hidden; width:730px; margin:0 15px; padding:20px 20px 0; background-color:#f6f7f9;  }
.input_form ul li { float:left; width:730px; padding-bottom:20px; }
.input_form ul li .tit { float:left; width:135px; margin-top:8px; }
.input_form ul li .tit label { font-weight:bold; font-size:14px; padding-left:12px; color:#6f6f6f; background:url('http://cyfun7796.cdn3.cafe24.com/tqgame/common/bg_bul_2.gif') no-repeat 0 4px; }
.input_form ul li .r_area { float:right; width:595px; }
.input_form ul li .r_area .input { padding:5px; height:26px; font-size:16px; font-weight:bold; color:#6f6f6f; line-height:26px; border:1px solid #bfbfbf; }
.input_form ul li .r_area img { vertical-align:middle; }
.input_form ul li .r_area select { padding:5px; font-size:16px; line-height:34px; font-weight:bold; color:#6f6f6f; line-height:26px; border:1px solid #bfbfbf; }
.input_form ul li .r_area .refer { line-height:18px; }
.input_form ul .txt_code .thumb { float:left; width:200px; }
.input_form ul .txt_code .thumb img { width:174px; height:114px; }
.input_form ul .txt_code strong { padding:5px 0 8px; display:block; font-size:16px; font-weight:bold; }
.input_form ul .txt_code input { padding:5px; width:175px; height:25px; line-height:25px; font-size:16px; font-weight:bold; border:1px solid #bfbfbf; }
#join_end { position:relative; width:770px; margin:0 auto; }
#join_end .btn_add_join { float:right; margin-top:-47px; }
#join_end .msg { clear:both; font-weight:bold; margin-top:30px; padding-left:12px; background:url('http://cyfun7796.cdn3.cafe24.com/tqgame/common/bg_bul_6.gif') no-repeat 0 7px; }
#join_end table { width:100%; border-top:3px solid #c3c5c3; }
#join_end table thead th { vertical-align:middle; border-right:1px solid #fff; text-align:center; height:33px; font-size:14px; background-color:#e8ede9; }
#join_end table tbody td { font-weight:bold; border-top:1px solid #fff; border-right:1px solid #fff; vertical-align:middle; text-align:center; height:33px; font-size:14px; background-color:#f6f9f7; }
#join_end table .last { border-right:0; }

#member_index { background:url('http://cyfun7796.cdn3.cafe24.com/tqgame/common/bg_member_index.gif') repeat-x 0 0; }
#member_index #contents { width:824px; } 
#member_index .join_type { position:relative; width:824px; height:282px; background:url('http://cyfun7796.cdn3.cafe24.com/tqgame/common/bg_type_member.gif') no-repeat 0 0; }
#member_index .join_type span { position:absolute; overflow:hidden; text-indent:-10000em; }
#member_index .join_type a { display:block; position:absolute; top:248px; width:112px; height:34px; overflow:hidden; text-indent:-10000em; }
#member_index .join_type .ty1 a { left:60px; }
#member_index .join_type .ty2 a { left:364px; }
#member_index .join_type .ty3 a { left:664px; }

#login { background:url('http://cyfun7796.cdn3.cafe24.com/tqgame/common/bg_member_login.gif') repeat-x 0 0; }
	#login_area { width:740px; margin:0 auto; }
	#login_area .login_bx { border-top:6px solid #196cc4; border-bottom:3px solid #196cc4; }
	#login_area .login_bx_in { overflow:hidden; width:678px; padding:30px; border-left:1px solid #ddd; border-right:1px solid #ddd;  }
	#login_area .login_area { overflow:hidden;width:628px; padding:20px 20px 20px 30px; background-color:#f8f8f8; }
	#login_area .login_area .ad { float:right; }
	#login_area .login_area dl { float:left; overflow:hidden; width:304px; }
	#login_area .login_area dl dt { padding-top:20px; height:50px; }
	#login_area .login_area dl .input { float:left; padding-bottom:6px; height:34px; }
	#login_area .login_area dl .input input { width:176px; height:22px; line-height:22px; padding:5px; border:1px solid #bfbfbf; font-weight:bold; color:#999; }
	#login_area .login_area dl .btn_1 { float:right; }
	#login_area .login_area dl .btn_2 { text-align:center; padding-top:10px; clear:both; }
	#login_area .login_area dl .desc { text-align:center;  line-height:18px; color:#676767; margin-top:35px; }
	#login_area .login_area dl .desc strong { color:#196cc4; }