@import 'layout.css';

/********************************************************************************************************************/
* { margin: 0; padding: 0; }
body, div, td, p { font-family: µ¸¿ò; font-size: 11px; color: #666666;}
table { border-collapse: collapse; }
img { border: 0; }
li { list-style: none; }
img.btn { cursor: pointer; }
a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:active { color: #666666; text-decoration: underline; }
a:hover { color: #666666; text-decoration: underline; }

a.blue:link { color: #145CA4; text-decoration: none; }
a.blue:visited { color: #145CA4; text-decoration: none; }
a.blue:active { color: #59BDEA; text-decoration: none; }
a.blue:hover { color: #59BDEA; text-decoration: none; }


/* float */
.clear { clear: both; }
.Fleft { float: left; }
.Fright { float: right; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

/* ¿©¹é */
div.space_04n { height: 1px; font-size: 1px; }
div.space_03n { height: 5px; font-size: 1px; }
div.space_02n { height: 10px; font-size: 1px; }
div.space_01n { height: 15px; font-size: 1px; }
div.space_n { height: 20px; font-size: 1px; }
div.space_n01 { height: 25px; font-size: 1px; }
div.space_n02 { height: 30px; font-size: 1px; }
div.space_n03 { height: 35px; font-size: 1px; }
div.space_n04 { height: 40px; font-size: 1px; }
div.space_n05 { height: 45px; font-size: 1px; }
div.space_n06 { height: 50px; font-size: 1px; }
div.space_n07 { height: 60px; font-size: 1px; }
div.space_n08 { height: 70px; font-size: 1px; }
div.space_n09 { height: 80px; font-size: 1px; }
div.space_n10 { height: 90px; font-size: 1px; }

/* ÀÔ·ÂÆû */
fieldset { border: 0; }
input.menu_search { height: 18px; color: #7D7D7F; border: 1px solid #457FBA; background-color: #F4F4F4; }
input.community_search { height: 18px; color: #7D7D7F; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
textarea.comments { color: #17a9d8; border: 1px solid #B2B2B2; background-color: #F8F8F8;}
input.txt01 { height: 18px; color: #444444; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
input.txt02 { height: 16px; color: #444444; border: 1px solid #627491; background-color: #FFFFFF; }
input.file01 { color: #444444; height: 20px; border: 1px solid #CCCCCC; background-color: #FFFFFF; }
textarea.ta01 { padding: 8px 0 0 9px; border: 1px solid #B2B2B2; background-color: #F8F8F8; }
select { font-size: 12px; color: #3E3E3E; }
input.radio01 { width: 14px; height: 14px; }
input.chk01 { width: 14px; height: 14px; }
label { font-size: 12px; color: #444444; }

input.radio02 { width: 22px; height: 22px; }


/********************************************************************************************************************/
/* °øÅ뿵¿ª */
/********************************************************************************************************************/

/* ¸ÞÀÎ */
div.ssl01 { float: left; width: 257px; height: 153px; background: url(/img/common/main/bg_ssl01.gif) left top no-repeat; }
div.ssl02 { float: left; width: 257px; height: 153px; background: url(/img/common/main/bg_ssl02.gif) left top no-repeat; }
div.ssl03 { float: left; width: 257px; height: 153px; background: url(/img/common/main/bg_ssl03.gif) left top no-repeat; }
div.ssl04 { float: left; width: 257px; height: 154px; background: url(/img/common/main/bg_ssl04.gif) left top no-repeat; }
div.inner_ssl { margin: 80px 0 0 177px; }

ul.list_news { margin: 10px 0 0 8px; }
ul.list_news li { line-height: 17px; }
ul.list_news li a { color: #0D5B9E; margin-left: 15px; }


/* ǪÅ͸޴º */
ul.list_footer { padding: 7px 0 0 10px; }
	ul.list_footer li { display: inline; color: #FFFFFF; padding: 0 2px 0 0px; }
	ul.list_footer li a:link { color: #FFFFFF; text-decoration: none; }
	ul.list_footer li a:visited { color: #FFFFFF; text-decoration: none; }
	ul.list_footer li a:active { color: #FFFFFF; text-decoration: underline; }
	ul.list_footer li a:hover { color: #FFFFFF; text-decoration: underline; }
	ul.list_footer li.first { padding-left: 6px; }
	ul.list_footer li.end { background: none; }
	ul.list_footer li img { margin-right: -6px; }
	
/* ·¹ÇÁÆ®¸Þ´º */
ul.list_left {  }
ul.list_left li { height: 17px; letter-spacing: -1px; padding: 4px 0 0 17px; background: url(/img/common/left/bg_left.gif) left top no-repeat;  }
ul.list_left li a:link { color: #666666; text-decoration: none; }
ul.list_left li a:visited { color: #666666; text-decoration: none; }
ul.list_left li a:active { color: #59BDEA; text-decoration: none; }
ul.list_left li a:hover { color: #59BDEA; text-decoration: none; }

ul.list_left li.leftSubject_off { height: 17px; color: #666666; font-weight: bold; padding: 7px 0 0 14px; background: url(/img/common/left/bg_subject_off.gif) left top no-repeat;  }
ul.list_left li.leftSubject_on { height: 17px;  color: #FFFFFF;font-weight: bold; padding: 7px 0 0 14px; background: url(/img/common/left/bg_subject_on.gif) left top no-repeat;  }
ul.list_left li.leftSubject_on a { color: #FFFFFF; text-decoration: none; }

/* ÅÇ */
ul.tab { margin: 20px 0 0 6px;  }
ul.tab li { float: left; padding: 8px 10px 16px 10px; background: transparent url(/img/common/tab_bg01.gif) left top no-repeat; }
ul.tab li.long { padding: 10px 2px 16px 0px; }
ul.tab li.nopadding { padding: 0; }

div.tab02 { clear: both; margin-left: 6px; }
div.tab03 { clear: both; margin-top: 20px; margin-left: 12px; }

/* SSL º¸¾È¼­¹öÀÎÁõ¼­ */
div.product_ssl { width: 193px; text-align: center; background: url(/img/dc/bg-products-int.gif) left top repeat-y; }

ul.list_needs { margin: 12px 0; }
	ul.list_needs li { padding-left: 10px; background: url(/img/dc/bl_products_01.gif) 3px 4px no-repeat; }

div.f_title { width: 574px; height: 22px; padding: 3px 0 0 34px; background: url(/img/common/bg_title.gif) left top no-repeat; }
div.subject { float: left; width: 370px; }
div.subject02 { font-size: 14px; font-weight: bold; }
h1 { font-size: 1.6em; color: #49779F; }

.strong { color: #0066CC; }

ul.list_products { margin: 5px 0 2px 3px; }
ul.list_products li { text-align: left; letter-spacing: -1px; margin-bottom: 1px; padding-left: 12px; background: url(/img/dc/bl_list_01.gif) 0 1px no-repeat; }
ul.list_products li a:link { color: #145CA4; text-decoration: none; }
ul.list_products li a:visited { color: #145CA4; text-decoration: none; }
ul.list_products li a:active { color: #59BDEA; text-decoration: none; }
ul.list_products li a:hover { color: #59BDEA; text-decoration: none; }


table.tb_pricing { border: 1px solid #CED8DD; }
table.tb_pricing th { padding: 6px 0 7px 0; border: 1px solid #CED8DD; background-color: #5983A7; }
table.tb_pricing td { text-align: center; padding: 7px 0 4px 0; border: 1px solid #CED8DD;  background-color: #FFFFFF; }
table.tb_pricing td span.fc_price { color: #49779F; }
table.tb_pricing td span.fc_promotion { color: #FF831D; }
table.tb_pricing td span.fc_dc { color: #FF3300; }

span.fc_promotion { color: #FF831D; }

ul.list_fbo { width: 290px; }
ul.list_fbo li { margin: 0 0 7px 0; padding-left: 24px; background: url(/img/dc/bl_fbo_01.gif) 5px 0 no-repeat; }
ul.list_fbo li.plus { background: url(/img/dc/bl_fbo_02.gif) 3px 0 no-repeat; }

p.first_title { margin-left: 16px; }
div.depth01 { font-size: 14px; color: #49779F; font-weight: bold; margin-top: 20px; padding: 9px 0 2px 22px; background: url(/img/common/bg_1depth.gif) left top no-repeat; }
div.depth02 { color: #627491; margin: 10px 0 0 10px; padding: 3px 0 0 14px; background: url(/img/common/bullet_depth02.gif) 0 0 no-repeat; }
.depth_txt { margin: 5px 0 0 22px; }
div.txt_subject { border-bottom: 1px solid #BBBBBB; }

.list_hyphen { margin: 0 0 0 22px;  }
.list_hyphen li { margin: 5px 0 0 0; padding: 0 0 0 7px; background: url(/img/common/list_hyphen.gif) 0 4px no-repeat;  }

.list_number { margin: 0 0 0 22px; }
.list_number li { margin: 5px 0 0 0; }

ul.list_sse { margin-top: 5px; }
ul.list_sse li { letter-spacing: -1px; padding: 3px 0 4px 15px; background: url(/img/dc/bl_sse.gif) 7px 6px no-repeat; }

/* SSL ºñ±³ */
table.table_gs { width: 99%; margin-left: 6px; border: 2px solid #7BA0CD; }
table.table_gs th { color: #FFFFFF; line-height: 14px; text-align: left; font-weight: normal; letter-spacing: -1px; padding: 7px 0 6px 5px; border: 2px solid #7BA0CD; background-color: #4F81BD; }
table.table_gs th.col_td01 { color: #666666; font-weight: bold; background-color: #D3DFEE; }
table.table_gs th.c { text-align: center; padding: 7px 0 6px 0; }

table.table_gs td {  vertical-align: middle; letter-spacing: -1px; padding: 7px 0 6px 5px; border: 2px solid #7BA0CD; }
table.table_gs td.c { text-align: center; }
table.table_gs tr.bg01 { background-color: #D3DFEE; }
table.table_gs tr.bg02 { background-color: #FFFFFF; }


/* ¿É¼Ç */
table.options_price { width: 596px; border: 1px solid #CED8DD;  }
table.options_price th { color: #666666; font-weight: normal;  padding: 8px 0 5px 0; border: 1px solid #CED8DD; background-color: #F1F1F1; }
table.options_price th.title { color: #FFFFFF; font-weight: normal; text-align: left; padding: 8px 0 5px 5px; border: 1px solid #CED8DD; background-color: #5983A7; }
table.options_price td { text-align: center; padding: 8px 0 5px 0; border: 1px solid #CED8DD; }
table.options_price td.r { text-align: right; padding: 8px 5px 5px 0; }
table.options_price td span.fc_price { color: #49779F; }

div.options_detail { text-align: right; padding-right: 15px; }


/* ÀÀ¿ëÇÁ·Î±×·¥ ÀÎÁõ¼­ */
ul.list_spec { }
ul.list_spec li { float: left; width: 246px; padding: 0 0 5px 15px; background: url(/img/dc/bl_list_02.gif) 0 25% no-repeat; }


div.scroll_zip { width: 418px; height: 142px; margin-top: -2px; padding: 0; overflow: auto; } 

/* board */
div.cnt { color: #174897; padding: 5px 10px; }

table.board { width: 100%; background: url(/img/common/bg_board_top.gif) left top repeat-x; }
table.board th { color: #627491; padding: 12px 0 7px 0; background: url(/img/common/board_th_bar.gif) right top no-repeat;  }
table.board th.bar_none { background: none; }
table.board th.bg01 { background: #F6F6F6; }
table.board td { color: #666666; padding: 7px 0 2px 18px; background: none; }
table.board td.c { text-align: center; padding: 7px 0 7px 0; }
table.board td.bg01 { background: url(/img/common/bg_board_td.gif) left top repeat-x; }
table.board td.bg02 { background: #F9FAFB; }
table.board td.bg_FF { height: 2px; background: #FFFFFF; }
table.board td.contents { padding: 20px; }
table.board td.contents a { color: #5C7FB4; text-decoration: underline; }

div.paging { color: #717374; text-align: center; padding: 17px 0 0 0; background: url(/img/common/bg_paging_top.gif) left top repeat-x; }
div.paging img { cursor: pointer; margin-bottom: 2px; }
div.paging a { margin: 0 2px;  }
div.paging a.active { font-weight: bold; }

div.view_btn { text-align: right; padding: 17px 0 0 0; background: url(/img/common/bg_paging_top.gif) left top repeat-x; }
div.paging img { cursor: pointer; margin-bottom: 2px; }
div.board_search { text-align: center;  margin: 20px; }

/* FAQ */
div.question { position: relative; width: 559px; color: #807272; margin: 1px 0 0 12px; background-color: #EDEDE6;  }
div.question p { padding: 4px 10px 0 45px; }

div.answer { width: 559px; margin: 0 0 0 12px; }
table.answer_box { width: 100%; }
table.answer_box td.box01_contents { color: #1661AD; line-height: 19px; padding: 0 0 0 39px; background: #F7F9F5 url(/img/ssl_help/answer.gif) 5px 3px no-repeat; }
table.answer_box td.box01_t { background: url(/img/ssl_help/box01_t.gif) left top repeat-x; }
table.answer_box td.box01_l { background: url(/img/ssl_help/box01_l.gif) left top repeat-y; }
table.answer_box td.box01_r { background: url(/img/ssl_help/box01_r.gif) left top repeat-y; }
table.answer_box td.box01_b { background: url(/img/ssl_help/box01_b.gif) left top repeat-x; }

/* °³ÀÎÁ¤º¸º¸È£Á¤Ã¥ */
div.privateArea { width: 590px; height: 505px; margin: 15px 0 0 12px; overflow: auto;  }