﻿/* ------------------------------ 공 통 ------------------------------ */
body { font-family:dotum; font-size:9pt; color:#cad7ef; line-height:13pt; text-decoration:none; }
table { font-family:dotum; font-size:9pt; color:#cad7ef; line-height:13pt; text-decoration:none; }
a:link, a:visited, a:active { font-family:dotum; font-size:9pt; color:#cad7ef; line-height:13pt; text-decoration:none; }
a:hover { font-family:dotum; font-size:9pt; color:#0297d2; line-height:13pt; text-decoration:none; }

input { font-family:dotum; font-size:9pt; color:#000000; border-style:none; }
textarea { font-family:dotum; font-size:9pt; color:#000000; line-height:13pt; text-decoration:none; border-style:none; }

ul { list-style:none; }

.pl3 { padding-left:3px; }
.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl70 { padding-left:70px; }
.pt5 { padding-top:5px; }
.pt8 { padding-top:8px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pt70 { padding-top:70px; }
.pb10 { padding-bottom:10px; }
.pb30 { padding-bottom:30px; }

.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.mt2 { margin-top:2px; }
.mt5 { margin-top:5px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt40 { margin-top:10px; }

.usc_txt { 
	width:626px; height:auto; display:inline-block;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap:break-word; /* Internet Explorer 5.5+ */
	word-break:break-all; /*  */
}


/* ------------------------------ 상 단 ------------------------------ */
/* 상단 메뉴 */
.top_logo { padding-top:82px; }
.top_menubox { margin:0 0 17px 59px; }
/* .top_menubox { padding-bottom:17px; } */
.top_submenu { margin-bottom:22px; }
.top_submenu td { height:18px; font-family:dotum; font-size:11px; color:#878787; letter-spacing:-1px; }
.top_submenu_over { color:#8896d2; }
.top_quickmenu01 { background:url('/images/main_quickmenu_bar.gif') no-repeat right 3px; }
.top_quickmenu02 { background:url('/images/main_quickmenu_bar.gif') no-repeat right 3px; padding-left:6px; }
.top_quickmenu03 { padding-left:6px; }
.top_eventlogo { padding:0 0 62px 15px; }

@-moz-document url-prefix() { .top_logo {padding-right:1px;} }
@-moz-document url-prefix() { .top_menubox {padding-right:59px;} }
@media screen and (-webkit-min-device-pixel-ratio:0) { .top_menubox {/*margin-right:59px*/} }


/* ------------------------------ 왼 쪽 ------------------------------ */
/* 왼쪽 로그인/아웃 박스 */
.login_box { margin-top:15px; }
.login_form  { margin-top:7px; }
.login_form input { width:105px; height:21px; background-color:#1d202c; border:1px solid #606887; color:#535873; font-weight:bold; }
.login_menu { font-family:dotum; font-size:11px; color:#9298b1; padding-top:10px; cursor:pointer; }
.login_bold { font-weight:bold; background:url('/images/main_login_bar.gif') no-repeat right 0; padding-right:9px; margin-right:9px; letter-spacing:-1px; cursor:pointer; }

.logout_id { font-family:dotum; font-size:12px; color:#b4b7ca; font-weight:bold; padding:3px 0 0 3px; }
.logout_menu td { padding-top:6px; }
.logout_memo { font-family:dotum; font-size:12px; color:#6f7fc0; font-weight:bold; padding:0 0 3px 60px; }

/* 왼쪽 배너 */
.left_bn { border-bottom:1px solid #202b34; }

/* 왼쪽 서브메뉴 */
/* .left_submenu_box { font-family:dotum; font-size:12px; color:#686d87; letter-spacing:-1px; } */
.left_submenu_line { border-bottom:1px solid #292d44; padding:12px 0 12px 13px; background:url('/images/sub_menu_bl.gif') no-repeat 5px 18px; }
.left_submenu_line a:link, .left_submenu_line a:active, .left_submenu_line a:visited { font-family:dotum; font-size:12px; color:#686d87; letter-spacing:-1px; } 
.left_submenu_line a:hover { font-family:dotum; font-size:12px; color:#6b7ee2; letter-spacing:-1px; }
.left_submenu_noline { padding:12px 0 12px 13px; background:url('/images/sub_menu_bl.gif') no-repeat 5px 18px; }
.left_submenu_noline a:link, .left_submenu_noline a:active, .left_submenu_noline a:visited { font-family:dotum; font-size:12px; color:#686d87; letter-spacing:-1px; } 
.left_submenu_noline a:hover { font-family:dotum; font-size:12px; color:#6b7ee2; letter-spacing:-1px; }
.left_submenu_line_focus { border-bottom:1px solid #292d44; padding:12px 0 12px 13px; background:url('/images/sub_menu_bl.gif') no-repeat 5px 18px; }
.left_submenu_line_focus a:link, .left_submenu_line_focus a:active, .left_submenu_line_focus a:visited, .left_submenu_line_focus a:hover { font-family:dotum; font-size:12px; color:#6b7ee2; letter-spacing:-1px; font-weight:bold; } 
.left_submenu_noline_focus { padding:12px 0 12px 13px; background:url('/images/sub_menu_bl.gif') no-repeat 5px 18px; }
.left_submenu_noline_focus a:link, .left_submenu_noline_focus a:active, .left_submenu_noline_focus a:visited, .left_submenu_noline_focus a:hover { font-family:dotum; font-size:12px; color:#6b7ee2; letter-spacing:-1px; font-weight:bold; } 

/* 채널링 로그인 */
.CN_logout_menu01 { width:100px; margin:0 auto; background:url('/images/main_login_bar.gif') no-repeat right 6px; padding-right:10px; }
.CN_logout_menu02 { width:60px; padding-left:20px; }


/* ------------------------------ 하 단 ------------------------------ */
/* Copyright */
.bottom_menu { height:25px; vertical-align:top; font-family:dotum; font-size:11px; color:#5a5c66; font-weight:bold; letter-spacing:-1px; }
.bottom_menu a:link, .bottom_menu a:active, .bottom_menu a:visited, .bottom_menu a:hover { height:25px; vertical-align:top; font-family:dotum; font-size:11px; color:#5a5c66; font-weight:bold; letter-spacing:-1px; }
.bottom_type01 { background:url('/images/main_bottom_bar01.gif') no-repeat right 1px; padding-right:7px; }
.bottom_type02 { background:url('/images/main_bottom_bar01.gif') no-repeat right 1px; padding:0 7px; }
.bottom_type03 { padding-left:7px; }
.bottom_address { font-family:dotum; font-size:11px; color:#43444c; }


/* ------------------------------ 메 인 ------------------------------ */
.news td { font-family:dotum; font-size:12px; color:#656770; }
.news_listtext a:link, .news_listtext a:active, .news_listtext a:visited { background:url('/images/main_notice_bl.gif') no-repeat 0 center; padding-left:7px; letter-spacing:-1px; font-family:dotum; font-size:12px; color:#656770; }
.news_listtext a:hover { background:url('/images/main_notice_bl.gif') no-repeat 0 center; padding-left:7px; letter-spacing:-1px; font-family:dotum; font-size:12px; color:#5d6ba3; }

.box_bg { background-color:#101219; border:1px solid #2d324c; }

.store_itemtext { font-family:dotum; font-size:12px; color:#656770; }

.rank_box { margin:5px 0 20px 0; line-height:18px; }
.rank_box td { height:20px; vertical-align:center; }
.rank_number { width:20px; font-weight:bold; color:#797a7e; }
.rank_id { width:104px; font-weight:bold; color:#60667e; }
.rank_icon { width:16px; }
.rank_fluctuation { color:#797a7e; }


/* ------------------------------ 서 브 ------------------------------ */
/* 타이틀 */
.subtitle_box { font-family:dotum; font-size:11px; color:#7e839d; letter-spacing:-1px; }
.subtitle_name { font-size:12px; font-weight:bold; }

/* 탭메뉴 */
.tabmenu_box { margin-left:14px; }

/* 에러 */
.error_bg { background-color:#000c15; width:100%; height:100%; position:relative; }
.error_bg p { margin:0; }
.error_cont { vertical-align:center; position:absolute; top:50%; left:50%; margin:-290px 0 0 -300px; }
.error_txt_bg { background:url('/images/Korea_renewal_error_02.gif') repeat 0 0; width:596px; height:80px; color:#686d87; vertical-align:center; }
.error_btn_bg { background:url('/images/Korea_renewal_error_03.gif') repeat 0 0; width:596px; height:79px; }


/* ------------------------------ 회 원 ------------------------------ */
/* 테이블 */
.basic_box { margin:10px; font-size:12px; color:#cacdd7; }

/* 텍스트 */
.account_subtitle { font-size:12px; color:#c7bdd9; font-weight:bold; padding-left:5px; }
.account_txt01 { font-size:12px; color:#7e8bc5; font-weight:bold; }
.account_txt02 { font-size:12px; color:#858790; margin:0; }

/* 블릿이 있는경우 */
.account_txt_bl { margin-left:0; padding-left:0px; }
.account_txt_bl li { background:url('/images/sub_shop_item_bl.gif') no-repeat 0 6px;; padding-left:10px; color:#616eaf; margin:0; }


/* ------------------------------ 상 점 ------------------------------ */
/* 아이템 리스트 */
.shop_bg { width:729px; background-color:#0c0d11; border:1px solid #1c1c1e; }
.item_wrap { overflow:hidden; margin:20px; width:700px; }
.item { float:left; width:134px; height:205px; background:url('/images/sub_shop_item_bg.gif') no-repeat 0 0; margin:0 2px; }
.item_nolist  { height:250px; line-height:250px; vertical-align:center; color:#737da8; }

/* IE핵 */
.item { margin:0 1px\IE7+8+9; }

.item_content { margin:5px 15px; padding:10px 0; text-align:left; }
.item_name { width:107px; height:32px; font-size:12px; color:#858790; font-weight:bold; padding-top:2px; line-height:16px; }
.item_price { font-size:12px; color:#7e8bc5; padding-top:3px; }
.item_num ul { overflow:hidden; text-align:center; width:90px; }
.item_num ul li { float:left; width:15px; color:#858790; }
.item_num a:link, .item_num a:active, .item_num a:visited { color:#737da8; text-decoration:none; }
.item_num a:hover { color:#7c8ff0; text-decoration:none; }
.Item_num_over { color:#7c8ff0; font-weight:bold; }

/* 아이템 상세보기 */
.item_view { overflow:hidden; float:left; width:505px; padding-left:20px; text-align:left; }
.item_view_name { color:#7e8bc5; font-weight:bold; }
.item_view_option { padding-top:15px; color:#858790; }
.item_view_option select { width:80px; }
.item_view_h { height:25px; }
.item_description { clear:both; color:#5b5c64; margin-bottom:10px; }
/*
.item_bl { margin-left:0; padding-left:0px; }
.item_bl li { background:url('/images/sub_shop_item_bl.gif') no-repeat 0 6px;; padding-left:10px; color:#626a8d; margin:0; }
*/
.item_fl { float:left; }
.item_oh { overflow:hidden; }
.item_btn { padding:15px 0; }

/* 장바구니 */
.txt_st01 { padding-left:10px; color:#616eaf; line-height:25px; }
.txt_st02 { color:#858790; }
.txt_st03 { color:#616eaf; }
.txt_st04 { color:#8691c4; font-weight:bold; }
.txt_st05 { color:#616eaf; font-weight:bold; background:url('/images/sub_shop_item_bl.gif') no-repeat 0 9px; padding-left:10px; }
.txt_st06 { color:#616eaf; font-weight:bold; background:url('/images/sub_shop_item_bl.gif') no-repeat 0 28px; padding-left:10px; }

.text_box01 input { width:180px; background-color:#1d1f27; border:1px solid #303445; color:#cfd7f9; }
.text_box02 input { width:350px; background-color:#1d1f27; border:1px solid #303445; color:#cfd7f9; }
.text_box03 input { width:82px; background-color:#1d1f27; border:1px solid #303445; color:#cfd7f9; }
.text_box01 img { padding-top:20px; }

.list_border { width:720px; background-color:#12141d; border:2px solid #20232f; margin:0; pdding:0; }
.cart_list { margin-top:10px; }
.cart_list th { height:35px; background-color:#1f2332; border-top:2px solid #3a3f51; border-bottom:1px solid #2e3240; color:#7e8bc5; font-weight:bold; }
.cart_list td { height:27px; border-bottom:1px solid #23262f; color:#acb0c0; text-align:center; }
.totalprice { background-color:#1b2034; font-size:15px; color:#c7bdd9; font-weight:bold; text-align:right; vertical-align:middle; padding:10px 30px; margin:25px 0; }

.order_box { width:720px; margin:0; pdding:0; }
.order_tb { width:720px; background-color:#0c0d11; font-size:12px; color:#cacdd7; border:2px solid #222326; border-collapse:collapse; }
.order_tb td { height:30px; border:1px solid #222326; padding-left:10px; }
.tb_color { width:200px; background-color:#151926; }

.p_nomg { margin:0; border:0; padding:0; }
.ptb_1030 { padding:30px 0 10px 0; }
.ptb_10 { padding:0 0 10px 0; }
.tb_mg0 { margin:0; padding:0 border:0; }


/* ------------------------------ 랭 킹 ------------------------------ */
/* 랭킹 리스트 */
.ranking_main { position:relative; width:800px; height:467px; background-color:#101219; }
.ranking_main_02 { position:relative; width:800px; height:285px; background-color:#101219; }
.ranking_select_bg { position:absolute; top:20px; left:45px; width:709px; height:53px; background:url('/images/ranking/rank_select_bg.png') no-repeat 0 0; }
.ranking_select_table { padding-top:15px; }
.ranking_txt_01 { font-size:12px; color:#7e8bc5; font-weight:bold; }

.ranking_history_bg { position:absolute; top:235px; left:45px; width:709px; height:208px; background:url('/images/ranking/rank_history_bg_01.png') no-repeat 0 0; }
.ranking_history_bg_02 { width:205px; height:133px; background:url('/images/ranking/rank_history_bg_02.png') no-repeat 0 0; }
.ranking_history_bg_03 { width:205px; height:133px; background:url('/images/ranking/rank_history_bg_03.png') no-repeat 0 0; }
.ranking_medal { position:absolute; top:20px; left:283px; width:13px; height:25px; }
.ranking_history_wrap { padding-top:50px; }
.ranking_history_data { margin-top: 10px; }
.ranking_history_data th { height:30px; color:#d0c276; }
.ranking_history_data td { color:#9b9b9b; }
.ranking_history_data a:link, .ranking_history_data a:visited, .ranking_history_data a:active { color:#d0c276; text-decoration:none; }
.ranking_history_data a:hover { color:7c8ff0; font-weight:bold; text-decoration:none; }

.ranking_tab { width:800px; margin:0 auto; }
.ranking_tab ul { overflow:hidden; }
.ranking_tab li { float:left; }
.ranking_over_H { overflow:hidden; margin-top:25px; font-size:11px; color:#929bbd; }
.ranking_fl_L { float:left; padding-left:50px; }
.ranking_fl_R { float:right; padding-right:50px; }

.ranking_list { width:704px; margin-top:10px; }
.ranking_list th { background:url('/images/ranking/rank_lst_menu_bg.gif') no-repeat 0 0; height:36px; font-family:dotum; font-size:11px; color:#b2badb; vertical-align:center; }
.ranking_list td { height:30px; font-family:dotum; font-size:11px; color:#929bbd; vertical-align:center; border-bottom:1px solid #1d212e; text-align:center; line-height:22px; }
.ranking_list_title { font-weight:bold; }
.ranking_list a:link, .ranking_list a:visited, .ranking_list a:active { color:#929bbd; text-decoration:none; }
.ranking_list a:hover { color:7c8ff0; font-weight:bold; text-decoration:none; }

.ranking_num { font-family:dotum; font-size:12px; color:#4f546b; text-align:center; font-weight:bold; padding:30px 0; }
.ranking_num_over { color:#b2badb; }
.ranking_num a:link, .ranking_num a:visited, .ranking_num a:active { color:#4f546b; text-decoration:none; }
.ranking_num a:hover { color:#b2badb; font-weight:bold; text-decoration:none; }

/* 랭킹 상세정보 */ 
.ranking_info_wrap { overflow:hidden; margin-left:35px; }
.ranking_info_table { float:left; height:36px; border:1px solid #32384d; margin-top:10px; color:#75798c; text-align:center; }
.ranking_info_string { background-color:#1d2130; font-size:12px; color:#7e8bc5; font-weight:bold; }
.ranking_info_button { float:right; padding:10px 35px 0 0; }

.ranking_week_title { width:729px; height:34px; background-color:#242b48; }
.ranking_week_txt_01 { height:34px; font-size:13px; color:#7c8ff0; font-weight:bold; vertical-align:center; }
.ranking_week_txt_02 { font-size:12px; color:#737da8; text-align:right; }

.ranking_info_data { border-collapse:collapse; }
.ranking_info_data th { height:30px; font-family:dotum; font-size:12px; color:#737da8; vertical-align:center; background-color:#1d2130; border:1px solid #32384d;}
.ranking_info_data td { height:25px; font-family:dotum; font-size:11px; color:#868db1; vertical-align:center; border:1px solid #32384d; text-align:center; }

.ranking_select_color { background-color:#1e254a; }

.ranking_last_wrap { width:727px; background-color:#0e0f12; border:1px solid #2b2e3a;}
.ranking_side_pd { margin:10px; }
.ranking_txt02 { font-size:11px; color:#7c8ff0; font-weight:bold; vertical-align:center; }

/* 랭킹 명예의 전당 */
.fame_main { position:relative; width:800px; height:292px; background-color:#101219; background:url('/images/ranking/fame_main.jpg') no-repeat 0 0; }
.fame_select_bg { position:absolute; top:220px; left:283px; width:469px; height:53px; background:url('/images/ranking/fame_select_bg.png') no-repeat 0 0; }
.fame_list { width:729px; margin-top:10px; }
.fame_list th { background:url('/images/ranking/rank_lst_menu_bg.gif') no-repeat 0 0; height:36px; font-family:dotum; font-size:11px; color:#b2badb; vertical-align:center; }
.fame_list td { height:30px; font-family:dotum; font-size:11px; color:#929bbd; vertical-align:center; border-bottom:1px solid #1d212e; text-align:center; line-height:22px; }


/* ------------------------------ 메 달 ------------------------------ */ 
.medal_nation_bg { overflow:hidden; position:relative; width:800px; height:84px; background:url('/images/medal/shop_medal_menu_bg.jpg') no-repeat 0 0; }
.medal_nation_wrap { padding:40px 0 0 35px; }
.medal_bg { width:730px; background-color:#171920; border:1px solid #21242e; padding:20px 0; }
.madal_fl { float:left; }
.medal_txt01 { font-family:dotum; font-size:15px; color:#837866; font-weight:bold; padding:7px 0 0 85px; }
.medal_txt02 { position:absolute; font-family:dotum; font-size:11px; color:#bbaf9b; top:20px; left:549px; }
.medal_txt03 { font-size:11px; color:#737da8; }
.medal_txt04 { font-size:12px; color:#7c8ff0; font-weight:bold; padding-top:10px; } 
.medal_cont_bg { background:url('/images/medal/shop_medal_cont_bg.gif') repeat-y;}
.medal_item_tb { width:594px; margin-top:10px; border-collapse:collapse; padding:17px 0; border:1px solid #1f2026; }
.medal_item_tb td { background-color:#191a1f; text-align:center;}
.medal_item_pd { padding:17px 0; border:1px solid #1f2026; }


/* ------------------------------ 항구점령전 ------------------------------ */ 
.HA_US_bg { width:355px; height:217px; background:url('/images/HA_Information/HA_Information_US.png') no-repeat 0 0; }
.HA_UK_bg { width:355px; height:217px; background:url('/images/HA_Information/HA_Information_UK.png') no-repeat 0 0; }
.HA_IJ_bg { width:355px; height:217px; background:url('/images/HA_Information/HA_Information_IJ.png') no-repeat 0 0; }
.HA_KG_bg { width:355px; height:217px; background:url('/images/HA_Information/HA_Information_KG.png') no-repeat 0 0; }
.HA_MN_bg { width:355px; height:217px; background:url('/images/HA_Information/HA_Information_MN.png') no-repeat 0 0; }
.HA_SV_bg { width:355px; height:217px; background:url('/images/HA_Information/HA_Information_SV.png') no-repeat 0 0; }
.HA_RM_bg { width:355px; height:217px; background:url('/images/HA_Information/HA_Information_RM.png') no-repeat 0 0; }
.HA_IT_bg { width:355px; height:217px; background:url('/images/HA_Information/HA_Information_IT.png') no-repeat 0 0; }

.HA_bg { width:740px; background:url('/images/HA_Information/HA_Information_bg.gif') repeat-y; margin-top:15px; }
.HA_menu_txt { font-size:11px; color:#1c93c2; text-align:center; }

.HA_fleet_tb { background:url('/images/HA_Information/HA_Information_tb_bg.png') repeat 0 0; border-collapse:collapse; margin:145px 0 0 73px; font-size:11px; color:#fff; }
.HA_fleet_tb td { border:1px solid #a4a536; }

.HA_bottom_bg { height:30px; background-color:#fff; }

.HA_info_bg { width:355px; height:217px; background:url('/images/HA_Information/HA_Information_info.png') no-repeat 0 0; }
.HA_info_txt { width:326px; font-size:11px; color:#999; padding-top:5px; text-align:left; }

.HA_time_bg { width:326px; background-color:#000; border-collapse:collapse; }
.HA_time_bg th { background-color:#070707; border:1px solid #0e2630; color:#1c93c2; }
.HA_time_bg td { border:1px solid #0e2630; padding-left:5px; }
.HA_time_txt { font-size:11px; color:#757677; margin:10px 0; }