@charset "utf-8";

/******************************************************************font_color *************************************************************/

.white_font{ color:#FFFFFF;}
.black_font{ color:#000000;}
.foot_menu_font{ color:#050400;}

/******************************************************************font_color *************************************************************/




/***************************************************************** right_con *************************************************************/

#main_right_center{ width:486px; height:auto;}
#main_event{ width:486px; height:268px;}

.main_board_on{ width:486px; height:auto; margin:15px 0 0 0; padding:0 0 3px 0; background:url(http://image.transpee.gamehi.com/images/index/main_board_on.gif) top left no-repeat; overflow:hidden; position:relative;}
.main_board_on ul{ width:486px; height:auto; overflow:hidden;}
.main_board_on ul .main_date{ color:#ffd519; font-size:12px; height:18px; width:200px; margin:5px 0 0 26px;}
.main_board_on ul .main_title{ color:#ffffff; font-size:18px; height:50px; width:450px; margin:5px 0 0 26px; line-height:18px; letter-spacing:-0.02em;}
.main_board_on ul .main_text{ color:#000000; font-size:13px; width:460px; margin:7px 0 0 18px; line-height:16px; letter-spacing:-0.02em;}
.main_board_on ul .main_btn{ width:37px; height:20px; left:444px; top:61px; z-index:10; position:absolute;}


.main_board_off{ width:484px; height:40px; margin:15px 0 0 1px; padding:0 0 0 0; background:url(http://image.transpee.gamehi.com/images/index/main_board_list_bg.gif) top left no-repeat; overflow:hidden; position:relative; clear:both;}
.main_board_off ul{ width:484px; height:40px; overflow:hidden;}
.main_board_off ul li{ float:left;}
.main_board_off ul .off_date{ color:#ffd519; font-size:12px; height:18px; width:114px; text-align:center; margin:14px 0 0 0;}
.main_board_off ul .off_title{ font-size:13px; height:18px; width:330px; margin:14px 0 0 8px; letter-spacing:-0.02em;}
.main_board_off ul .off_btn{ width:42px; height:20px; left:442px; top:10px; z-index:15; position:absolute;}

.main_board_off_1{ width:484px; height:40px; margin:3px 0 0 1px; padding:0 0 0 0; background:url(http://image.transpee.gamehi.com/images/index/main_board_list_bg.gif) top left no-repeat; overflow:hidden; position:relative; clear:both;}
.main_board_off_1 ul{ width:484px; height:40px; overflow:hidden;}
.main_board_off_1 ul li{ float:left;}
.main_board_off_1 ul .off_date_1{ color:#ffd519; font-size:12px; height:18px; width:114px; text-align:center; margin:14px 0 0 0;}
.main_board_off_1 ul .off_title_1{ font-size:13px; height:18px; width:330px; margin:14px 0 0 8px; letter-spacing:-0.02em;}
.main_board_off_1 ul .off_btn_1{ width:42px; height:20px; left:442px; top:10px; z-index:15; position:absolute;}

/***************************************************************** right_con *************************************************************/





/***************************************************************** login *************************************************************/

#mlogin{ width:246px; height:391px; background:url(http://image.transpee.gamehi.com/images/index/main_login_bg.jpg) top left no-repeat; position:relative;}
#mlogin ul{ width:246px; height:391px; overflow:hidden;}
#mlogin ul .register_btn{ width:50px; height:50px; margin:168px 0 0 159px; overflow:hidden;}
#mlogin ul .login_id{ width:117px; height:28px; margin:0 0 0 0; overflow:hidden; padding:9px 0 0 42px; }
#mlogin ul .login_id input{ width:117px; height:26px; border:none; padding:2px 0 0 0; background:none; text-align:left; vertical-align:middle; color:#ffd519; font-size:12px; overflow:hidden;}
#mlogin ul .login_pw{ width:117px; height:24px; margin:0 0 0 0; overflow:hidden; padding:0 0 0 42px;}
#mlogin ul .login_pw input{ width:117px; height:24px; border:none; padding:2px 0 0 0; background:none; text-align:left; vertical-align:middle; color:#ffd519; font-size:12px; overflow:hidden;}
#mlogin ul .f_id{ width:102px; height:22px; padding:8px 0 0 56px; font-size:12px; letter-spacing:-0.1em; overflow:hidden; line-height:13px; }
#mlogin ul .f_pw{ width:160px; height:22px; padding:0 0 0 56px; font-size:12px; letter-spacing:-0.1em; overflow:hidden; line-height:13px; }

#mlogin ul .login_btn{ width:53px; height:54px; left:163px; top:224px; z-index:15; position:absolute;}


#mlogout{ width:246px; height:391px; background:url(http://image.transpee.gamehi.com/images/index/main_logout_bg.jpg) top left no-repeat; position:relative;}
#mlogout ul{ width:246px; height:391px; overflow:hidden;}
#mlogout ul .register_btn{ width:50px; height:50px; margin:168px 0 0 159px; overflow:hidden;}
#mlogout ul .logout_id{ width:117px; height:22px; margin:218px 0 0 0; overflow:hidden; padding:16px 0 0 44px; font-weight:bold; font-size:12px; line-height:17px; color:#ffd519; letter-spacing:-0.02em; }
#mlogout ul .logout_pw{ width:117px; height:22px; margin:0 0 0 0; overflow:hidden; padding:0 0 0 44px; font-weight:bold; font-size:13px; line-height:17px; color:#ffffff; letter-spacing:-0.02em; }
#mlogout ul .f_id{ width:102px; height:22px; padding:8px 0 0 56px; font-size:12px; letter-spacing:-0.1em; overflow:hidden; line-height:13px; }
#mlogout ul .f_pw{ width:160px; height:22px; padding:0 0 0 56px; font-size:12px; letter-spacing:-0.1em; overflow:hidden; line-height:13px; }
#mlogout ul .f_id_01{ width:102px; height:24px; padding:7px 0 0 56px; font-size:12px; letter-spacing:-0.1em; overflow:hidden; line-height:18px; vertical-align:middle; }
#mlogout ul .f_pw_01{ width:160px; height:24px; padding:0 0 0 56px; font-size:12px; letter-spacing:-0.1em; overflow:hidden; line-height:18px; vertical-align:middle; }

#mlogout ul .login_btn{ width:53px; height:54px; left:163px; top:224px; z-index:15; position:absolute;}

/***************************************************************** login *************************************************************/





/***************************************************************** bottom_bg *************************************************************/

#right_bottom_bg{ width:246px; height:121px; z-index:2; right:2px; bottom:178px; position:absolute; background:url(http://image.transpee.gamehi.com/images/common/right_bottom_bg.gif) top center no-repeat;}

/***************************************************************** bottom_bg *************************************************************/






/***************************************************************** r_banner *************************************************************/

#r_banner{ width:246px; height:327px; background:url(http://image.transpee.gamehi.com/images/common/right_ban_bg.gif) top left no-repeat;}
#r_banner ul{ width:246px; height:327px; overflow:hidden;}

#r_banner ul .m_rban_1{ width:230px; height:98px; margin:9px 0 0 8px; overflow:hidden;}
#r_banner ul .m_rban_2{ width:217px; height:44px; margin:31px 0 0 18px; overflow:hidden;}
#r_banner ul .m_rban_3{ width:217px; height:110px; margin:33px 0 0 18px; overflow:hidden;}

/***************************************************************** r_banner *************************************************************/