@import '/css/layout.css';

* { margin: 0; padding: 0; }
html, body { height: 100%; }
body, td, div, p, span, ul, li { font-family: Arial; font-size: 11px; color: #666666; }

img { vertical-align: top; border: 0; }
img.vmiddle { vertical-align: middle; margin-bottom: 2px; }
*:first-child+html img.vmiddle { vertical-align: middle; margin-bottom: 0; }
* html img.vmiddle { vertical-align: middle; margin-bottom: 0; }

/* for 3depth menu */
* html ul.list_left_menu li.depth03 { width: 167px; margin-bottom: -3px; }

img.btn { cursor: pointer; }
li { list-style: none; }
table { border-collapse: collapse; }

a:link { color:#1247A9; text-decoration: none; }
a:visited { color:#1247A9; text-decoration: none; }
a:active { color:#1247A9; text-decoration: underline; }
a:hover { color:#1247A9; text-decoration: underline; }

.readmore { font-family: Arial; font-size: 11px; color: #1247A9; padding-left: 9px; background:url(/image/bullet_readmore.gif) 0 5px no-repeat; }
.readmore a { color:#1247A9; }

/* margin */
.space_03n { margin-top: 5px; }
.space_02n { margin-top: 10px; }
.space_01n { margin-top: 15px; }
.space_n { margin-top: 20px; }
.space_n01 { margin-top: 25px; }
.space_n02 { margin-top: 30px; }
.space_n03 { margin-top: 35px; }
.space_n04 { margin-top: 40px; }
.space_n05 { margin-top: 45px; }
.space_n06 { margin-top: 50px; }
.space_l10 { margin-left: 10px; }


/* float */
.clear { clear: both; }
.Fleft { float: left; }
.Fright { float: right; }
.Tleft { text-align: left; }
.Tcenter { text-align: center; }
.Tright { text-align: right; }
.fc_black { color: #000000; }
.fc_a_strong01 { color: #18305A; }

.ls01 { letter-spacing: -1px; }

.support_right_combo { width:130px; }
.width_100 { width: 100px; }
.width_150 { width: 150px; }
.width_200 { width: 200px; }

/* controls */
.input_textfield { height: 17px; font-family: Arial; width: 100%; font-size: 11px; color: #666666; letter-spacing: 1px; margin: 0px; padding: 2px 0px 0px 3px; border: 1px solid #CCCCCC; background-color: #FFFFFF; } 
.input_textarea { width: 100%; font-family: Arial; font-size: 11px; color: #666666; letter-spacing: 1px; padding: 2px 0px 0px 3px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
input.gnb { height: 15px; border: 1px solid #BDBABD; background-color: #FFFFFF; }
input.rdo01 { width: 14px; height: 14px; }
select { height: 20px; font-size: 11px; color: #666666; letter-spacing: -1px; border: 1px solid #B8B8B8; }
fieldset { border: 0; }

.button_default{ 
	width: 64px; height:22px; 
	font-family: Arial; font-size:11px; letter-spacing: 1px; color:#555555; 
	margin: 0px; 
	border: 1px solid; border-color: #CCCCCC #B6B6B6 #B6B6B6 #CCCCCC;
	background:#EFEFEF; cursor: pointer; 
}


/* font-style */
.directive { font-family: Verdana; font-size: 12px; color: #333333; font-weight: bold; }	/* text title */
.l_title { font-family: Verdana; font-size: 12px; color: #C56014; font-weight: bold; }	/* large title */
.m_title { font-family: Verdana; font-size: 11px; color: #6B1C39; font-weight: bold; }	/* medium title */
.s_title { font-family: Verdana; font-size: 11px; color: #444444; font-weight: bold; }	/* small title */


/*
	Support
*/

/* manual */
div.add_desc { margin-top: 9px; padding: 13px 0; background-color: #F8F8F2; }
	div.add_desc dl.detail_sl { }
	div.add_desc dl.detail_sl dt { font-family: Verdana; color: #66665D; font-weight: bold; padding: 0 0 0 25px; background: url(/image/bullet_desc.gif) 15px 4px no-repeat; }
	*:first-child+html div.add_desc dl.detail_sl dt { font-family: Verdana; color: #66665D; font-weight: bold; padding: 0 0 0 25px; background: url(/image/bullet_desc.gif) 15px 6px no-repeat; }
	* html div.add_desc dl.detail_sl dt { font-family: Verdana; color: #66665D; font-weight: bold; padding: 0 0 0 25px; background: url(/image/bullet_desc.gif) 15px 6px no-repeat; }
	div.add_desc dl.detail_sl dt .do_select { width: 140px; height: 18px; font-size: 10px; }
	div.add_desc dl.detail_sl dd { font-family: Arial; font-size: 11px; color: #666666; padding: 0 0 0 25px; margin-top: 13px; }
	
/* category list */
ul.list_category { width: 418px; margin-top: 14px; }
	ul.list_category li { clear: left; float: left; width: 207px; margin: 0 0 25px 0; }
	ul.list_category li.r { clear: right;  float: right; }
	
dl.category { width: 207px; }
	dl.category dt { height: 17px; color: #636563; font-weight: bold; padding: 2px 0 0 0px; }
	dl.category dd { padding-top: 5px; }

ul.list_sub_category { float: right; }
	ul.list_sub_category li { width: 100px; font-family: Arial; font-size: 11px; color: #1247A9; text-align: left; margin: 0; padding: 0 0 0 8px; background: url(/image/bullet_readmore.gif) 0 4px no-repeat; }
	ul.list_sub_category li.none { background: none; }
	ul.list_sub_category li a { color: #1247A9; }


/* FAQs */
#faqs_title {
	margin-top:20px;
	margin-bottom:20px;
	vertical-align:middle;
	height:25px;
	font-family: Verdana; font-weight:bold;
}
	#faqs_title .float_left {
		float:left;
	}
	#faqs_title .float_right {
		float:right;
	}

ul.list_faq_category { }
	ul.list_faq_category li { float: left; width: 88px; text-align: center; margin: 10px 22px 5px 0;}
	ul.list_faq_category li.end { margin-right: 0; }
	ul.list_faq_category li a { color: #1247A9; }

ul.list_faqs_q { padding: 0 0 15px 0; border-bottom: 1px solid #B5B6B5; }
ul.list_faqs_q li { line-height: 17px; }

dl.list_faqs { }
dl.list_faqs dt { font-weight: bold; line-height: 15px; padding: 6px 0 9px 4px; border-top: 1px solid #CECFCE; border-bottom: 1px solid #CECFCE; background-color: #F7F7FF; }
dl.list_faqs dd { padding: 5px; }

/* contact us - want more */
.wantmore { clear: both; margin-top: 30px; }

/* contact us */
#support_form {
	margin-top:20px;
}
	#support_form dl dt { 
		padding-top: 10px; padding-bottom: 5px; 
		font-family:Arial; font-weight: bold;
	}
	#support_form dl dd input { 
		border:1px solid #B8B8B8; width:100%; height:20px;
		font-family:Arial;
		font-size:1em;
		letter-spacing:1px;
		color:#666666;
 	}
	#support_form dl dd textarea {
		border:1px solid #B8B8B8; width:100%; height:200px;
		font-family:Arial;
		font-size:1em;
		letter-spacing:1px;
		color:#666666;
	}
	#support_form dl dd input.rdo01 { 
		border:1px solid #B8B8B8; width:15px;; height:20px;
		font-family:Arial;
		font-size:1em;
		letter-spacing:1px;
		color:#666666;
 	}	


ul.list_inquiry { float: right; }
	ul.list_inquiry li { width: 182px; font-family: Arial; font-size: 11px; color: #1247A9; text-align: left; margin: 0; padding: 0 0 0 8px; background: url(/image/bullet_readmore.gif) 0 4px no-repeat; }
	ul.list_inquiry li a { color: #1247A9; }

div.general_unit { clear: right; float: right; width: 105px; }

ul.list_general { width: 418px; }
	ul.list_general li { clear: left; float: left; width: 207px; margin-top: 14px; }
	ul.list_general li.r { clear: right;  float: right; }
	ul.list_general li.none { background: none; }

ul.list_inner_general { width: 105px; }
	ul.list_inner_general li { clear: both; width: 105px; font-family: Arial; font-size: 11px; color: #1247A9; text-align: left; margin: 0; padding: 0 0 0 8px; background: url(/image/bullet_readmore.gif) 0 4px no-repeat;}
	ul.list_inner_general li a { color: #1247A9; }


table.contactus_inv { width: 100%; font-family: Arial; font-size: 11px; border: 1px solid #CECFCE; }
table.contactus_inv th { text-align: left; padding: 0 0 0 9px; border: 1px solid #CECFCE; background-color: #F7F7EF; }
table.contactus_inv td { padding: 4px 3px; border: 1px solid #CECFCE; background-color: #F7F7F7; }

span.require { color: #FF0000; }

/* FAQ */
dl.faqs { }
	dl.faqs dt { font-family: Verdana; font-size: 13px; color: #6B1C39; padding-top: 20px; }
	dl.faqs dt div.Qnum { float: left; font-family: Verdana; font-size: 13px; color: #6B1C39; font-weight: bold; }
	dl.faqs dt div.widthc { float: left; font-family: Verdana; font-size: 13px; color: #6B1C39; width: 350px; }
	dl.faqs dd { clear: both; padding-top: 3px; }


/* MAIN */
ul.list_faq_main { }
ul.list_faq_main li { line-height: 15px; padding: 0 0 0 14px; background: url(/support/images/bullet_li_main.gif) 5px 6px no-repeat; }
ul.list_faq_main li a { color: #1247A9; }

.unit_main { float: left; margin-top: 20px;}
.unit_main img { margin: 0 10px 0 0; }
.unit_main p { margin: 5px 0 5px 0; }

ul.list_horizontal01 { }
ul.list_horizontal01 li { float: left; width: 80px; padding: 0 0 0 9px; background: url(/image/bullet_readmore.gif) 0 4px no-repeat; }
ul.list_horizontal01 li a { color: #1247A9; }