/* 
http://naelida.com
Author : Park Cheol Hee 
Start : 2009.3.24
End   : 2009.3.00
*/ 

/* Type Selector */
*{margin:0; padding:0;  font-family:Sans-serif dotum;}
img, fieldset, button{border:none;}
hr, button img{display:none;}
li{list-style:none;}
a{text-decoration:none;}
a:hover, a:active, a:focus{text-decoration:underline;}
textarea{overflow:auto;}

.tcol_blue{ color:#99a7c1}
.tcol_orange{ color:#ff900d}
.tcol_puple{ color:#99a7c1}
.tcol_g4{ color:#404040}
.tcol_g6{ color:#606060}
.tcol_g9{ color:#999999}
.none { display:none}

html:first-child select{padding-right:6px; height:20px;} /* Opera 9 & Below Fix */

option {padding-right:6px;} /* Firefox Fix */
button, label{cursor:pointer; cursor:hand;}
button{background:none; background-repeat:no-repeat;}
button *{position:relative;}
.input_text, textarea{*margin:-1px 0; bordercksaud06:1px solid;} /* IE Fix */ 
.input_check, .input_radio{width:13px; height:13px;} /* IE Fix */ 
.blind, { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ 
legend  { display:none} /* For Screen Reader */ 


/* Class Selector */
.input_text  { border:1px #dddddd solid}
.input_check { POSITION: relative; TOP: 2px; _margin: -5px -3px -3px -4px}
.input_radio { POSITION: relative; TOP: 2px; _margin: -5px -3px -3px -4px}

/* Header */
a.h1_logo     { position:relative; width:170px; height:65px; float:left; top:24px; left:10px }
#gnb_area     { position:relative; display:block;width:207px; height:11px; float:left; top:13px; left:533px}
#gnb_area li  { position:relative; display:block; margin:0px 0px 0px 12px; float:left; }

/* Navigation */
#menu_area         { width:640px; height:57px; position:absolute; display:block; float:left ; top:47px; left:270px}
ul.menu1_area      { width:640px; height:30px;  position:relative; display:block; background:url(images/navi/menu_bar_c.gif) left top repeat-x; float:left ; top:0px; left:0px}
ul.menu1_area li       { position:relative; display:block; margin:5px 0px 0px 50px;  float:left; }
ul.menu1_area li.me_l  { position:absolute; display:block; margin:0px; float:left; top:0px; left:0px}
ul.menu1_area li.me_r  { position:absolute; display:block; margin:0px; float:left; top:0px; right:0px}
ul.menu2_area     { width:640px; height:30px; position:relative; display:block; float:left ; top:10px; left:0px}
ul.menu2_area li       { position:relative; display:block; margin:0px 0px 0px 18px;  float:left; }

/* Aside */
#snb_area   {}
div.account { background:url(images/bg_account.gif) left top no-repeat; width:200px; height:129px; position:relative;}
div.account input.acc_id { position:absolute; top:48px; left:22px ; width:108px; height:15px ; border:1px solid #cecece}
div.account input.acc_pw { position:absolute; top:68px; left:22px ; width:108px; height:15px ; border:1px solid #cecece}
div.account a.btn_login  { position:absolute; top:45px; left:133px}
div.account img.var          { position:absolute; top:93px; left:75px}
div.account img.var2         { position:absolute; top:96px; left:92px}
div.account a.btn_memjoin    { position:absolute; top:93px; left:29px}
div.account a.btn_idpw       { position:absolute; top:93px; left:90px}
div.account a.btn_memmodi    { position:absolute; top:96px; left:40px}
div.account a.btn_logout     { position:absolute; top:96px; left:111px}
div.account ul.info          { width:160px; display:block; position:absolute; left:20px; top:20px }
div.account ul.info li.name  { width:160px; display:block; background-color:#cbd9a4; text-align:center; margin:0px 0px 0px 0px; padding:7px 0px 5px 0px; color:#669900; font-weight:bold}
div.account ul.info li.state { width:160px; display:block; border-bottom:1px solid #e4e4e4; text-align:center; margin:5px 0px 10px 0px; padding:10px 0px 10px 0px; color:#666666}

ul.snb_menu { background:url(images/snb_menu_bg.gif) left top no-repeat; width:180px; top:10px; left:10px; position:relative; float:left}
ul.snb_menu li.snb_title  { position: relative; top:9px; left:14px; margin-bottom:19px;width:150px;}
ul.snb_menu li.snb_2Depth { position: relative; left:21px; height:30px ;width:150px;}
ul.snb_menu li.snb_2Depth a { position: absolute; left:0px; top:10px;width:140px; background:url(images/snb_bu_out.gif) right top no-repeat; font-weight:bold; display:block; color:#99a7c1}
ul.snb_menu li.snb_2Depth a:hover { position: absolute; left:0px; top:10px;width:140px; background:url(images/snb_bu_out.gif) right top no-repeat; font-weight:bold; display:block; color:#ff900d}
ul.snb_menu li.snb_3Depth { position: relative; left:21px; height:22px ;width:150px; }
ul.snb_menu li.snb_3Depth a {position: absolute;left:0px;top:5px;width:140px;font-weight:normal;display:block;color:#666666}
ul.snb_menu li.snb_3Depth a:hover { position: absolute; left:0px; top:5px;width:140px; font-weight:normal; display:block; color:#ff900d}
ul.snb_menu li.snb_var    { position: relative; left:14px; height:2px; width:150px; background-color:#e6e6e6 }
ul.snb_menu li.snb_foot   { position: relative; bottom:0px; height:14px; background:url(images/snb_menu_bg.gif) left bottom no-repeat; }

/* Content1 part */
#content { top:0px; right:20px;  }
div.title_area    { width:660px; height:68px; position:relative; top:35px; left:0px; float:left}
div.title_area h2 { display:block; position:absolute; top:0px; }
div.title_area div.location        { position:absolute; top:14px; left:250px; width:400px; text-align:right;}
div.title_area div.location a      { color:#666666}
div.title_area div.location a:hover{ color:#ff900d}
div.title_area div.location span   { color:#dddddd}
div.title_area img.bar { position: absolute; display:block; top:30px; position:relative;}

div.com_con1    { width:660px; position:relative; top:40px; left:0px}
div.com_con1 h3 {}
div.com_con1 ul.gui1          { position:relative; display:block;  top:0px; left:0px; line-height:18px; color:#666666; float:left; margin:20px 0px 0px 0px;}
div.com_con1 ul.gui1 li.bu    { background:url(images/bu01.gif) left 7px no-repeat; padding:0px 10px 0px 10px ; line-height:18px; color:#666666;}
div.com_con1 ul.gui1 h4       { background:url(images/bu01.gif) left 5px no-repeat ; padding:0px 0px 0px 10px; font-weight:bold; font-size:12px; }
div.com_con1 ul.gui1 h4.puple { background:url(images/bu01.gif) left 5px no-repeat ; padding:0px 0px 0px 10px; font-weight:bold; font-size:12px;color:#99a7c1}
div.com_con1 table.tb_style01       { border-collapse:collapse; margin:20px 0px 30px 0px }
div.com_con1 table.tb_style01 td    { border:1px solid #dddddd; padding:10px 10px 7px 10px; color:#666666; line-height:18px}
div.com_con1 table.tb_style01 td input.inp_txt { border:1px solid #dddddd; margin-top:-3px; margin-bottom:-2px; border:1px solid #dddddd}
div.com_con1 table.tb_style01 td.dt    { font-weight:bold; color:#999999; letter-spacing:-1px; background-color:#f5f5f5; padding-left:10px; vertical-align:top}
div.com_con1 table.tb_style01 td.dt_c  { font-weight:bold; color:#999999; letter-spacing:-1px; background-color:#f5f5f5; padding-left:10px; vertical-align:top; text-align:center}
div.com_con1 table.tb_style01 td.dt_cs { font-weight:bold; color:#999999; letter-spacing:-2px; background-color:#f5f5f5; padding-left:3px;padding-right:3px; vertical-align:top; text-align:center; font-size:11px}
div.com_con1 table.tb_style01 td.dt2   { font-weight:bold; color:#666666; letter-spacing:-1px; background:#f5f5f5 url(images/ico_dt.gif) 10px 13px no-repeat; padding-left:20px; vertical-align:top}
div.com_con1 table.tb_style01 td.dd    { vertical-align:top}
div.com_con1 table.tb_style01 td.dd_c  { vertical-align:top; text-align:center}
div.com_con1 table.tb_style01 td.dd_o  { vertical-align:top; color:#ff900d}
div.com_con1 table.tb_style01 td.dd_b  { vertical-align:top; color:#99a7c1}
div.com_con1 table.tb_style01 td.dd_bb { vertical-align:top; color:#99a7c1; font-weight:bold}
div.com_con1 table.tb_style01 td.dd_cs { color:#999999; letter-spacing:-1px; padding-left:3px;padding-right:3px; vertical-align:top; text-align:center; font-size:11px}

div.com_con1 table.tb_style02       { border-collapse:collapse; margin:20px 0px 30px 0px }
div.com_con1 table.tb_style02 td    { border:1px solid #dddddd; padding:5px 10px 3px 10px; color:#666666; line-height:18px}
div.com_con1 table.tb_style02 td.dd_cs { color:#999999; letter-spacing:-1px; padding-left:3px;padding-right:3px; vertical-align:top; text-align:center; font-size:11px}
div.com_con1 table.tb_style02 td.dt_c  { font-weight:bold; color:#999999; letter-spacing:-1px; background-color:#f5f5f5; padding-left:10px; vertical-align:top; text-align:center}
div.com_con1 table.tb_style02 td.dd_c  { vertical-align:top; text-align:center}
div.com_con1 table.tb_style02 td.dd_f  { vertical-align:middle; text-align:center}
div.com_con1 table.tb_style02 td.dd_faqre     { background-color:#f2f7e4 ;padding:20px 20px 18px 20px;color:#7e93bb }
div.com_con1 table.tb_style02 td.dd_faqopen a { font-weight:bold; color:#99a7c1; }

div.com_con1 table.tb_style03       { border-collapse:collapse; margin:20px 0px 30px 0px }
div.com_con1 table.tb_style03 td    { border:0px ; padding:5px 10px 3px 10px; color:#666666; line-height:18px}
div.com_con1 table.tb_style03 td.dt_c  { font-weight:bold; color:#99a7c1; letter-spacing:-1px; background-color:#f5f5f5; padding-left:10px; vertical-align:top; text-align:center}
div.com_con1 table.tb_style03 td.dd1  { vertical-align:top; padding:10px 10px 5px 10px}
div.com_con1 table.tb_style03 td.dd2  { vertical-align:top; padding:50px 10px 50px 10px}



div.tab_area { background:url(images/tab_bar_bg.gif) left bottom repeat-x; width:660px; height:35px; margin:0px 0px 0px 0px; position:relative}
div.tab_area a.tab_btn_on  { background:url(images/tab_on.gif)  left top no-repeat; width:106px; height:31px; margin:3px 5px -5px 0px; text-align:center; color:#99a7c1; display:block; font-weight:bold; padding:10px 0px 0px 0px; float:left }
div.tab_area a.tab_btn_off { background:url(images/tab_off.gif) left top no-repeat; width:106px; height:31px; margin:3px 5px -5px 0px; text-align:center; color:#999999; display:block; font-weight:bold; padding:10px 0px 0px 0px; float:left }
div.tab_area p { position:absolute; top:10px; left:370px; font-size:11px; letter-spacing:-1px; color:#999999}
div.tab_area img.act{ position:absolute; display:block; top:0px; left:535px}
div.request  { background:url(images/bg_request.gif) left top no-repeat; height:319px; width:660px; position:relative; margin:50px 0px 0px 0px; padding-top:20px}
div.request2 { border:10px solid #e4e4e4; height:200px; width:562px; position:relative; padding-top:10px}

div.search_area       { width:658px; height:90px; border:1px solid #dddddd; position:relative}
div.search_area dl    { width:648px; height:80px; border:5px solid #f8f8f8; display:block; float:left; position:relative }
div.search_area dl dt { width:150px; height:11px; display:block; float:left; position:absolute; color:#99a7c1; font-weight:bold}
div.search_area dl dd { width:353px; height:24px; display:block; float:left; position:absolute; }
div.search_area dl dd input.inp_txt { border:1px solid #dddddd; }
div.search_area a.search_btn { width:95px; height:40px; display:block; float:left; position:absolute; top:25px; left:533px}
div.search_result     { height:150px; width:660px; overflow-y:scroll; border-top:3px solid #99a7c1; border-bottom:3px solid #dddddd; vertical-align:top; padding:0px}
div.search_result2    { width:660px; overflow-y:scroll; border-top:3px solid #99a7c1; border-bottom:3px solid #dddddd; border-left:3px solid #dddddd; vertical-align:top; padding:0px}
div.search_fail       { width:658px; height:50px; border:1px solid #dddddd; position:relative; background-color:#f4f4f4; text-align: center; padding-top:35px}
p.ser_p { font-size:11px; font-weight:normal; letter-spacing:-1px; color:#99a7c1; position:absolute; top:1px; left:60px}

div.search_area2       { width:658px; height:234px; border:1px solid #dddddd; position:relative}
div.search_area2 dl    { width:648px; height:224px; border:5px solid #f8f8f8; display:block; float:left; position:relative }
div.search_area2 dl dt { width:150px; height:11px; display:block; float:left; position:absolute; color:#99a7c1; font-weight:bold}
div.search_area2 dl dd { height:24px; display:block; float:left; position:absolute; }
div.search_area2 dl dd input.inp_txt { border:1px solid #dddddd; }

div.form01 { background:url(images/bg_form01.gif) left bottom no-repeat; position:relative; }
div.form01 dl dt{ height:24px; display:block; position:absolute; }
div.form01 dl dd{ height:24px; display:block; position:absolute; }
div.form01 dl dd input.inp_txt { border:1px solid #dddddd; }

div.form02 { background:url(images/bg_form02.gif) left top no-repeat; position:relative; }
div.form02 dl dt{ height:24px; display:block; position:absolute; }
div.form02 dl dd{ height:24px; display:block; position:absolute; }
div.form02 dl dd input.inp_txt { border:1px solid #dddddd; }

ul.tab02 { position:absolute; display:inline-block; float:left; width:660px; height:31px; border-bottom:1px solid #99a7c1; }
ul.tab02 li { position: relative ; display:inline-block; float:left; }
ul.tab02 li.tab_onr   { margin-right:3px; }
ul.tab02 li.tab_offr  { margin-right:3px; }
ul.tab02 li.tab_onc   { background:url(images/tab_onc.gif) left top repeat-x; padding:11px 0px 7px 0px; text-align:center; vertical-align:top }
ul.tab02 li.tab_onc a { color:#99a7c1; font-weight:bold; letter-spacing:-1px; font-size:11px }
ul.tab02 li.tab_offc  { background:url(images/tab_offc.gif) left top repeat-x; padding:11px 0px 7px 0px; text-align:center; vertical-align:top }
ul.tab02 li.tab_offc a{ color:#999999; font-weight:bold;  letter-spacing:-1px; font-size:11px }

/*main*/
div.notice { width:400px; height:135px }
div.notice div.title { width:400px; height:25px; border-bottom:2px solid #7bc3e8; position:relative; vertical-align:top }
div.notice div.title img.title { position:absolute;top:0px;  left:0px;}
div.notice div.title img.more  { position:absolute;top:0px; right:0px;}
div.notice table     { width:400px; margin-top:10px}
div.notice table td.list { width:285px; padding:4px 0px 0px 10px}
div.notice table td.date { width:90px; padding:4px 10px 0px 0px; text-align:right; color:#999999}
div.notice table td a    { color:#666666}

div.guide { width:400px; margin:0px 0px 0px 0px}
div.guide div.title { width:400px; height:25px; border-bottom:2px solid #7bc3e8; position:relative; vertical-align:top;margin:28px 0px 0px 0px }

/*pagination*/
div.pagination  { width:660px; height:50px; vertical-align:top; text-align:center; margin:70px 0px 0px 0px}
div.pagination a{ display:inline-block; margin:0px 1px 0px 1px; padding:3px 6px 2px 6px;}
div.pagination a.on    { border:1px solid #dddddd; font-weight:bold; background-color:#f4f4f4; color:#99a7c1 }
div.pagination a.off   { border:1px solid #dddddd; font-weight:bold; color:#999999 }

/*pagination1*/
div.pagination1  { width:660px; height:50px; vertical-align:top; text-align:center; margin:70px 0px 0px 0px}
div.pagination1 a{ display:inline-block; margin:0px 1px 0px 1px; padding:3px 6px 2px 6px;}