﻿@charset "utf-8";
@import "http://www.olivegame.com/_template/olive_v1/style/css/og_main.css";

/* 반드시 들어가야 하는 스타일 시작 */
/* 1. Body */

body,td {
margin:0px;
font-size:12px; 
font-family:돋움,돋음체,tahoma, Verdana, Geneva, Arial, Helvetica, Sans-Serif;; 
color:#666; 
line-height:18px; 


scrollbar-face-color: #eee;
scrollbar-shadow-color:#eee; 
scrollbar-highlight-color: #eee;
scrollbar-3dlight-color: #eee; 
scrollbar-darkshadow-color: #eee;      
scrollbar-track-color: #FFF;
scrollbar-arrow-color: #63c700;
}

dl, ul, ol{list-style:none; margin:0; padding:0; }
li, dt, dd {list-style-type:none; margin:0; padding:0; }
div, td, th, ul, ol, li, dl, dt, dd {font-size:12px; color:#666;	}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; }
p {margin:0; padding:0; }
.posi_r {position:relative} .posi_a {position:absolute}
.u {text-decoration:underline;}

/* 2. Link */

A		{color:#666; font-family: tahoma,; text-decoration:none; selector-dummy : expression(this.hideFocus=true);}
A:hover	{color:#fe5004; font-family: tahoma,; text-decoration:none;}


/* 3. Image */

img		{border-width:0px; border:0px}


/* 4. form */

form,span	{margin:0px;}

input	{border: #ccc 1px solid; margin:0px; font-size:12px; color:#666; margin:0px;}
.input	{border: #fff 0px solid; margin:0px;}

select	{border: #ccc 1px solid; font-size:12px; color:#666; margin:0px;}

textarea {border: #ccc 1px solid; color:#666; background-color:#FFF; padding: 2px 2px 0px 4px; margin:0px;}

.input_multi	{border: 1px solid #ccc; color:#666; margin:0;}


/* 5. button */

.btn01	{padding:25px 0px 30px 0px; text-align:center; margin:0px;}
.btn02	{padding:10px 0px 0px 0px; text-align:center; margin:0px;}


/* 6. all */
.help_all	{position:absolute; margin-top:57px; margin-left:10px; z-index:0; visibility:1;}


/*********************************************************************************************
* categori
**********************************************************************************************/
.help_gnb			{color:#FFF; font-weight:bold; line-height:0px; line-height:18px;  padding: 5px 0px 4px 2px;}
A.help_gnb:link		{color:#FFF; font-weight:bold; line-height:0px; line-height:18px; }
A.help_gnb:visited	{color:#FFF; font-weight:bold; line-height:0px; line-height:18px; }
A.help_gnb:active	{color:#FFF; font-weight:bold; line-height:0px; line-height:18px; }
A.help_gnb:hover	{color:#FFF; font-weight:bold; line-height:0px; line-height:18px; }


/*********************************************************************************************
* title
**********************************************************************************************/
.help_title		{width:670px; border-bottom: #fbb19d 3px solid; padding: 0px 0px 7px 0px;}


/*********************************************************************************************
* FAQ search
**********************************************************************************************/
.help_search				{color:#529007; font-size:11px;}
.help_search a:link			{color:#529007; font-size:11px;}
.help_search a:visited		{color:#529007; font-size:11px;}
.help_search a:active		{color:#529007; font-size:11px;}
.help_search a:hover		{color:#529007; font-size:11px;}

.help_search_form	{width:400px; border: #f3ac85 1px solid; margin: 5px 0px 4px 0px;}
.help_search_div	{padding: 13px 0px 0px 20px;}

#help_search_box #thisform fieldset	
{width:670px; height:84px; background:url('../images/help_title01_rounding.gif') no-repeat; bottom left; border: 0px; margin:0px;}


/*********************************************************************************************
* FAQ sub_menu
**********************************************************************************************/
.help_list_tt	{color:#404040; font-weight:bold; line-height:0px;}

.help_sub				{color:#529007; line-height:0px; border-bottom: #dedede 1px solid;}
.help_sub A:link		{color:#529007; line-height:0px; border-bottom: #dedede 1px solid;}
.help_sub A:visited		{color:#529007; line-height:0px; border-bottom: #dedede 1px solid;}
.help_sub A:active		{color:#fe5004; font-weight:bold; line-height:0px; border-bottom: #dedede 1px solid;}
.help_sub A:hover		{color:#fe5004; line-height:0px; border-bottom: #dedede 1px solid;}

.mm_box_t01		{height:3px; background:url('../images/help_title02_rounding_tr01.gif') no-repeat top right; overflow:hidden; }
.mm_box_t01 .tl	{float:left; width:3px; height:3px; background:url('../images/help_title02_rounding_tl01.gif') no-repeat left top; overflow:hidden; }

.mm_box_t02		{height:3px; background:url('../images/help_title02_rounding_tr02.gif') no-repeat top right; overflow:hidden; }
.mm_box_t02 .tl	{float:left; width:3px; height:3px; background:url('../images/help_title02_rounding_tl02.gif') no-repeat left top; overflow:hidden; }

.mm_box_t03		{background:url('../images/help_title02_rounding_tr03.gif') no-repeat  100% 50%; overflow:hidden;}
.mm_box_t03 .tl	{height:25px; color:#404040; font-weight:bold; padding-top:4px; text-align:center; 
				background:url('../images/help_title02_rounding_tl03.gif') no-repeat 0 50%; overflow:hidden; }

.mm_box_t033		{background:url('../images/help_title02_rounding_tr03.gif') no-repeat  100% 50%; overflow:hidden;}
.mm_box_t033 .tl	{color:#fe5004; font-weight:bold; text-align:center; 
					background:url('../images/help_title02_rounding_tl03.gif') no-repeat 0 50%; overflow:hidden; }
.mm_box_t033 .tl a:link		{color:#fe5004; font-weight:bold;}
.mm_box_t033 .tl a:visited	{color:#fe5004; font-weight:bold;}
.mm_box_t033 .tl a:active	{color:#fe5004; font-weight:bold;}
.mm_box_t033 .tl a:hover	{color:#fe5004; font-weight:bold;}

.mm_box_t04		{height:35px; background:url('../images/help_title02_rounding_tr03.gif') no-repeat  100% 50%; overflow:hidden; }
.mm_box_t04 .tl	{height:35px; vertical-align:middle; background:url('../images/help_title02_rounding_tl03.gif') no-repeat 0 50%; overflow:hidden; }
.mm_box_t04 .h4	{color:#404040; font-weight:bold; padding:8px 0 0px 0; text-align:center; }
.mm_box_t04 .h4 a:link	{color:#404040; font-weight:bold; text-align:center; }
.mm_box_t04 .h4 a:hover	{color:#fe5004; font-weight:bold; text-align:center; }

.mm_box_b		{height:8px; background:url('../images/help_title02_rounding_br.gif') no-repeat right bottom; overflow:hidden; margin: 0 0 10px 0}
.mm_box_b .bl	{float:left; width:8px; height:8px; background:url('../images/help_title02_rounding_bl.gif') no-repeat left top; overflow:hidden; }

.mm_box_m		{border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; overflow:hidden; background:#FFFFFF; }
.mm_box_orange	{color:#fe5004; font-weight:bold; }

#mm_service		{width:670px; }
#mm_service h3	{height:31px; border-bottom:1px solid #E2E2E2; }

#mm_service ul		{height:135px; margin:0px 10px; }
#mm_service ul li	{padding:4px 0 0px 17px; background:url('../images/help_bullet02.gif') 0px 10px  no-repeat; border-bottom: #dedede 1px solid; padding:5px 0px 3px 10px; }

#mm_service ul li.mm_box_orange a:link		{color:#fe5004; font-weight:bold;}
#mm_service ul li.mm_box_orange a:visited	{color:#fe5004; font-weight:bold;}
#mm_service ul li.mm_box_orange a:active	{color:#fe5004; font-weight:bold;}
#mm_service ul li.mm_box_orange a:hover		{color:#fe5004; font-weight:bold;}

#mm_service .serv_box			{display:inline;float:left; width:670px; margin:0px 0px 0px 0; padding:10px 0px 0px 11px; 
								background-color:#fafafa; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; }
#mm_service .serv_box h4		{color:#404040; font-size:12px; padding:2px 0 4px 0; text-align:center; }
#mm_service .serv_box .sev01	{float:left; width:208px; margin:0 10px 0 0; vertical-align:top;}

#mm_service .last {clear:both; height:0px; }

.mm_service	{float:left; width:670px; height:10px; background:url('../images/help_title02_rounding_br01.gif') no-repeat right bottom; overflow:hidden;}
.mm_service .bl {float:left; width:10px; height:10px; background:url('../images/help_title02_rounding_bl01.gif') no-repeat left top; overflow:hidden; }


/*********************************************************************************************
* FAQ sub_tab
**********************************************************************************************/
.help_tab_tt	{font-size:14px; color:#e53304; font-weight:bold; padding:0px;}

.help_tab_table			{border: 3px solid #f2d4cb; background-color:#FFF; padding:2px;}
.help_tab_table_td		{font-size:13px; color:#e53304; font-weight:bold; background-color:#faf2f0; padding:5px}

.help_effect_tt {color:#529007; font-weight:bold;}

.help_tab_on	{float:left; color:#FFF; font-weight:bold; background-color:#f9957d; padding: 2px 10px 2px 10px; margin:3px 3px 0 0}
.help_tab_on a	{color:#FFF; font-weight:bold; background-color:#f9957d;}
.help_tab_on a:link	{color:#FFF; font-weight:bold; background-color:#f9957d;}
.help_tab_on a:visited	{color:#FFF; font-weight:bold; background-color:#f9957d;}
.help_tab_on a:hover	{color:#FFF; font-weight:bold; background-color:#f9957d;}

.help_tab_off	{float:left; color:#FFF; font-weight:bold; background-color:#b3b3b3; padding: 2px 10px 2px 10px; margin:3px 3px 0 0}
.help_tab_off a	{color:#FFF; font-weight:bold; background-color:#b3b3b3;}
.help_tab_off a:link	{color:#FFF; font-weight:bold; background-color:#b3b3b3;}
.help_tab_off a:visited	{color:#FFF; font-weight:bold; background-color:#b3b3b3;}
.help_tab_off a:hover	{color:#fe5004; font-weight:bold; background-color:#b3b3b3;}

/*********************************************************************************************
* FAQ list Q_A
**********************************************************************************************/
.help_list			{padding: 2px 10px 2px 10px;}
#help_list ul		{margin:0px 0px; }
#help_list ul li	{padding:4px 0 0px 17px; background:url('../images/help_bullet_Q.gif') 8px 5px  no-repeat; border-bottom: #dedede 1px solid; padding:5px 0px 3px 28px; }

.help_list_none		{height:80px; text-align:center; vertical-align:middle;}

.help_menu_txt		{color:#529007; font-weight:bold; width:670px; border-bottom: #dedede 3px solid; padding: 0px 0px 7px 0px;}

.help_list_tx{padding:5px 0px 3px 0px;}

.help_answer {padding: 10px 0px 10px 10px; background-color:#f1fcef;}
.help_faq_tx {background-color:#f1fcef; padding: 10px 10px 10px 0px;}

#content_box	{width:96%;height:120px; background: #fff; padding:10px;}
#content_box p	{background: #fff;}
#content_box .box01	{height:70px; text-align:center; vertical-align:middle; background: #fff; padding-top:40px;  margin:0px }
 b.rtop, b.rbottom{display:block; background: #f1fcef}
 b.rtop b, b.rbottom b{display:block; height: 1px; overflow: hidden; background: #FFF}
 b.r1{margin: 0 5px}
 b.r2{margin: 0 3px}
 b.r3{margin: 0 2px}
 b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

#ans_content_box	{width:96%;height:120px; background: #fff; padding:10px;}
#ans_content_box p	{background: #fff;}
#ans_content_box .box01	{height:70px; text-align:center; vertical-align:middle; background: #fff; padding-top:40px;  margin:0px }

/*********************************************************************************************
* paging
**********************************************************************************************/
.help_paging				{width:670px; text-align:center; margin-top:10px}
#help_pageNavi td			{width:18px; height:30px; text-align:center; background:url('../images/help_paging_bar.gif') 0px 10px no-repeat; padding: 0 2px 0 3px;}
#help_pageNavi a			{color:#666;}
#help_pageNavi a.selected	{font-weight:bold;}
#help_pageNavi td.noline	{background:none;}


/*********************************************************************************************
* e-mail
**********************************************************************************************/
.help_email_td01	{width:125px; color:#404040; background-color:#f6f6f6; border-bottom: #dedede 1px solid; padding:5px 0px 4px 20px; }
.help_email_td02	{padding:5px 0px 5px 20px; border-bottom: #dedede 1px solid;}
.help_email_txt1	{font-size: 11px;}
.help_email_table01	{color:#404040; line-height:20px; background-color:#f6f6f6; border-bottom: #dedede 2px solid; padding:20px 20px 77px 20px; }


/*********************************************************************************************
* my question
**********************************************************************************************/
#help_my table	{width:670px; border-bottom: #dedede 1px solid; border-collapse: collapse;}
#help_my th		{color:#404040; background-color:#f6f6f6; border-bottom: #dedede 1px solid; padding:6px 0px 4px 0px; }
#help_my td		{border-bottom: #dedede 1px solid; padding:6px 0px 4px 0px; }
#help_my .txt	{color:#f65429; text-align:center;}
#help_my .td	{border-bottom: #dedede 0px solid; padding:0px; background-color:#f1fcef; }
#help_my .answer {padding: 10px 0px 10px 10px; background-color:#f1fcef;}
#help_my .tx	{background-color:#f1fcef; padding: 10px 10px 10px 0px;}


/*********************************************************************************************
* Defaul
**********************************************************************************************/
/*¿  Ī*/
.fliph	{filter:fliph}
.flipv	{filter:flipv}
.flipvh	{flipv fliph}

/*Ʈٹ̱*/
.b		{font-weight:bold;}
.notxt	{font-weight:normal;}
.i		{font-style:italic;}
.u		{text-decoration:underline;}
.lt		{text-decoration:line-through;}
.eng	{font-family:verdana;}

/**/
.al		{text-align:left;}
.ac		{text-align:center;}
.ar		{text-align:right;}
.at		{vertical-align:top;}
.am		{vertical-align:middle;}
.ab		{vertical-align:bottom;}

.fl		{float:left;}
.fc		{float:center;}
.fr		{float:right;}
.fn		{float:none;}

/*padding*/
.pl10	{padding-left:10px;}
.pr10	{padding-right:10px;}
.pr13	{padding-right:13px;}
.pt5	{padding-top:5px;}

/*margin*/
.ml10	{margin-left:10px;}

/*table_space*/
.w20	{width:20px}