@charset "utf-8";
/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, button, img, a { margin:0; padding:0; -webkit-text-size-adjust:none; font-size:14px; line-height:1.25em; }
img, fieldset { border:0 }
select { font-size:0.9em; }
a { color:#000; text-decoration:none; cursor:pointer }
body { position:relative; color:#000; word-wrap:break-word; word-break:break-all }
.blind { display:none }
#wrap { width:100%; }
#header { height:47px; background:url(../images/top_bg.gif) repeat-x; }
#container_main { background:url(../images/bg3.gif) repeat-x top; padding:18px 10px 15px 10px; margin:auto; }
#container_add { background:url(../images/bg3.gif) repeat-x top; margin:auto; }
#container { float:left; margin:auto; min-height:300px; width:inherit; }
#footer {position:relative;  background:url(../images/footer_bg.gif) repeat-x; width:100%; height:53px; padding-top:13px; text-align:center; margin:0;}
.copyright { font-size:0.87em; color:#8f8f8f; line-height:20px; padding-top:5px; font-family:verdana; }
.footer_link a { font-size:0.9em; }
.clear { display:block; float:none; clear:both; height:0px; width:100%; font-size:0; line-height:0; overflow:hidden; margin:0; padding:0 }
.logo_main {xbackground:url(../images/logo_bg.gif) repeat-x;  padding-left:13px; float:left; xwidth:295px; xheight:46px; }
.all_category { padding-right:10px; float:right; margin-top:10px; }
.logo { repeat-x;  padding-left:13px; float:left; }
.point_color { color:#46a023; font-weight:bold; }

/*top navi*/
#top_navi {text-align:center; list-style:none; overflow:hidden; width:295px; margin:0 auto; padding:0; }
#top_navi li { width:59px; height:31px; display:inline; float:left; }
#top_navi li a {width:100%; height:100%; text-align:center; font-size:0.86em; line-height:1em; letter-spacing:-1px; }

/*navi*/
.navi.icon { overflow:hidden; }
.navi.icon ul { overflow:hidden; list-style:none; }
.navi.icon li a { overflow:hidden; display:block; width:100%; height:100%; text-align:center; font-size:0.86em; line-height:1em; letter-spacing:-1px; }
.navi.icon li { width:75px; height:105px; text-align:center; float:left; overflow:hidden; }
.navi.icon .i { display:block; width:75px; height:75px; background:url(../images/navi_icon3.png) no-repeat; }

.navi.icon .navi_user .i { display:block; width:75px; height:75px; background:none !important; }
.navi.icon .navi1 .i { background-position:0 0 }
.navi.icon .navi2 .i { background-position:-75px 0 }
.navi.icon .navi3 .i { background-position:-150px 0 }
.navi.icon .navi4 .i { background-position:-225px 0 }
.navi.icon .navi5 .i { background-position:0 -105px }
.navi.icon .navi6 .i { background-position:-75px -105px }
.navi.icon .navi7 .i { background-position:-150px -105px }
.navi.icon .navi8 .i { background-position:-225px -105px }
.navi.icon .navi9 .i { background-position:0 -210px }
.navi.icon .navi10 .i { background-position:-75px -210px }
.navi.icon .navi11 .i { background-position:-150px -210px }
.navi.icon .navi12 .i { background-position:-225px -210px }

.navi.list {}
.navi.list ul { list-style:none; }
.navi.list li { height:15px; text-align:left;  border-bottom:1px solid #ececec; padding:10px 10px 10px 10px; font-weight:bold; background:url(../images/icon_category.gif) no-repeat 96%;}
.navi.list li a { display:block; height:20px;}
.navi.list .navi_user img { display:none; }

/*title*/
#title {float:left; background:url(../images/sub_title_bg.gif) repeat-x; width:100%; height:38px; }
  .page_back {position: absolute; top:5px; left:13px; }
  .title_text {text-align:center; height:34px; padding-top:13px; }
  .page_home {position: absolute; top:5px; right:13px; }

/*sub_menu*/
#sub_menu_bg {float:left; background:url(../images/sub_menu_bg.gif) repeat-x; width:100%; height:36p; }
  .sub_menu_text_notice {position: absolute; top:123px; left:13px; }
  .sub_menu_arrow_notice {position: absolute; top:123px; right:13px; }
  .sub_menu_text_freeboard {position: absolute; top:160px; left:13px; }
  .sub_menu_arrow_freeboard {position: absolute; top:160px; right:13px; }
  .sub_menu_text_counsel {position: absolute; top:195px; left:13px; }
  .sub_menu_arrow_counsel {position: absolute; top:195px; right:13px; }

/*sub*/
.sub_top { background:url(../images/sub_top_bg.gif) repeat-x; height:78px; }
.top_img { float:left; }
.sub_contents { xwidth:inherit; padding-left:13px; xpadding-right:13px; padding-top:20px; padding-bottom:20px; text-align:left; }
.company_01 { text-align:left; }
.company_02 { text-align:left; padding-top:25px; padding-bottom:15px; }
.map { text-align:left; padding-top:10px; padding-bottom:15px; }
.recruit { text-align:left; padding-bottom:15px; }
.business{ text-align:left; padding-bottom:5px; }
.product_tab { text-align:left; padding-bottom:15px; }
.product_img { text-align:left; padding-bottom:10px; }
.product_txt { text-align:left; }
.product_info { font-family:dotum; font-size:12px; color:#8a8989; text-align:left; padding-top:6px; padding-right:13px; line-height:1.2em; }
.recruit { text-align:left; padding-bottom:10px; }
.greetings_txt { text-align:left; font-family:dotum; line-height:1.2em; font-weight:bold; color:#1761b8; }

/*sub_table*/
.sub_table td { text-align:left; padding-left:15px; }

/*greetings*/
.greetings th { text-align:left; width:140px; font-family:dotum; font-weight:normal; font-size:12px; color:#8a8989; line-height:1.2em;padding-top:15px; }
.greetings td { text-align:left; font-family:dotum; font-size:12px; color:#8a8989; line-height:1.2em;padding-right:13px; padding-top:10px; }

/*map*/ 
.map { overflow:hidden; }
.img { border-bottom:1px solid #b6b6b6; height:200px; }
.map ul { overflow:hidden; list-style:none; margin:0; }
.map li { font-size:0.9em; background:url(../images/line_dot.gif) repeat-x bottom; line-height:35px; padding-left:10px; padding-right:10px;  }

/*customer*/
.customer {overflow:hidden; padding:0px 10px 10px 10px; height:70px; }
.customer th { width:85px; text-align:left; }
.customer td { text-align:left; font-size:1em; line-height:20px; }
.gray_font { color:#848484; }
.cusomter2 {min-height:140px; padding:15px 10px 10px 10px; font-size:12px; line-height:1.2em; text-align:left; }

/*text*/
.text { font-family:verdana, dotum; font-size:12px; color:#8a8989; text-align:left; padding-right:13px; line-height:1.2em; }
.text_map { font-family:dotum; font-size:12px; color:#8a8989; text-align:left; padding-right:13px; padding-top:5px; line-height:1.2em; }
.text_recruit { font-family:dotum; font-size:12px; color:#8a8989; text-align:left; padding-right:13px;padding-top:5px; line-height:1.2em; }
.text_b { font-weight:bold; font-family:dotum; font-size:14px; color:#1761b8; text-align:left; line-height:1.8em; }
.text_b_font13 { font-weight:bold; font-family:verdana; font-size:13px; color:#1761b8; text-align:left; line-height:1.8em; }
.text_title { font-weight:bold; font-family:dotum; font-size:14px; color:#1761b8; text-align:left; padding-right:13px; line-height:1.2em; }
.login_text { font-family:dotum; font-size:12px; color:#000000; text-align:left; padding-right:13px; line-height:1.2em; }

/*login*/
.login { padding:15px 10px 10px 10px; }
.login_form { border:1px solid #d5d5d5; padding:15px; background-color:#f5f5f5; }
.login_form table { width:100%; padding:0; }
.login_form td.left { padding-bottom:5px; text-align:left; }
.login_form td.right { padding-bottom:5px; text-align:right; width:71px; padding-left:10px; }
.login_form td.info { font-size:0.8em; }
.login_form_ { border:1px solid #cfcfcf; background-color:#fff; min-width:150px; max-width:300px; width:90%; height:20px; }

/*board*/
.board { padding:15px 0 0 0; background-color:#f1f1f1; }
.board_name { height:35px; padding:0 10px 10px 10px; }
.board_left { float:left; font-weight:bold; padding-top:3px; font-size:1.3em; }
.board_right { float:right; }
.board table { border-collapse:collapse; background-color:#fff; width:100%; }
.board th { border-bottom:1px solid #ababab; border-top:1px solid #ababab;  border-right:1px dotted #ababab; padding:10px 7px 10px 7px; line-height:24px; font-size:1.2em; background-color:#fcfcfc; }
.board td.b { border-bottom:1px solid #ababab; border-top:1px solid #ababab; padding:10px 7px 10px 7px; background-color:#f2f2f2; }
.board td.view { border:0; padding:10px; line-height:24px; font-size:1.2em; }
.board td.view_end { border:0; padding:10px; line-height:24px; font-size:1.2em; border-bottom:2px solid #000; }
.board td { border-bottom:1px solid #ababab; border-top:1px solid #ababab; padding:10px; line-height:24px; font-size:1.2em; }
.board td.viewtitle { border-bottom:2px solid #000; border-top:1px solid #ababab; padding:10px; line-height:24px; font-size:1.2em; }
.board td.right { border:0px; padding:10px 10px 0 10px; line-height:24px; text-align:right; color:#cccccc; }
.board_notice { color:#2892ff; }
.board_write_name { font-size:0.87em; font-weight:bold; color:#737373; }
.board_date { font-family:verdana; font-size:0.85em; color:#959595; }
.pagenate { padding:15px 0 10px 0; text-align:center; }
.pagenate a { padding:3px 6px 5px 6px; xborder:1px solid #cccccc; color:#4a4a4a; font-weight:bold; font-family:verdana; margin:0 2px 0 2px; font-size:0.85em; }
.pagenate a.on { background-color:#2892ff; border:1px solid #0067d1; color:#fff; }
.search { text-align:center; padding-top:10px; padding-bottom:10px; }
.form_search { border:1px solid #cdcdcd; width:120px; height:16px; }
.form_title { border:1px solid #cdcdcd; width:200px; height:20px; font-size:0.9em; }
.form_textarea { border:1px solid #cdcdcd; height:70px; width:100%; font-size:0.9em; }
.btn_layout { text-align:center; padding:10px; }
.coment { background-color:#000; color:#fff; padding:3px; border:0; font-weight:bold; font-size:0.8em }
.form_number {border:1px solid #cdcdcd; width:30px; height:16px; font-size:0.9em; }
.form_mail {border:1px solid #cdcdcd; width:40px; height:16px; font-size:0.9em; }
.form_id {border:1px solid #cdcdcd; width:70px; height:16px; font-size:0.9em; }
.form_pw {border:1px solid #cdcdcd; width:65px; height:16px; font-size:0.9em; }
.board_form_capcha img{border:1px solid #cdcdcd; margin-bottom:5px; cursor:pointer;}
.board_form_capcha_reload{margin-top:12px; color:; cursor:pointer; text-decoration:underline; display:inline-block;}
.board_comment_capcha_img {width:70px; height:22px; border:1px solid #cdcdcd; cursor:pointer; vertical-align: middle;}
.board_comment_capcha_reload{margin-left:5px; color:; cursor:pointer; text-decoration:underline; display:inline-block;}

/*tab*/
.tab_menu { overflow:hidden; width:100%; background:url(../images/bg_tab.gif) repeat-x 0 100% ; font-family:verdana;}
.tab_menu li { _display:inline; float:left; margin-right:-1px; border:1px solid #d4d4d4; color:#333; list-style:none; }
.tab_menu li a { display:block; _float:left; height:20px; padding:9px 10px 0 11px; color:#666; text-decoration:none }
.tab_menu li a:hover { background:#f4f4f4; color:#333 }
.tab_menu li.selected { border-bottom:1px solid #f4f4f4; background:#fff }
.tab_menu li.selected a { color:#333; font-weight:bold; letter-spacing:-1px }

/*btn*/
.btn_list_prev {background:url(../images/btn_prev.gif) no-repeat 0 7px; width:29px; height:36px; padding-top:10px;  border:0;} 
.btn_list_next {background:url(../images/btn_next.gif) no-repeat 0 7px;  width:29px; height:36px; padding-top:10px; border:0;}
.btn_list_first {background:url(../images/btn_prev1.gif) no-repeat 0 7px;  width:34px; height:36px;padding-top:10px; border:0;}
.btn_list_last {background:url(../images/btn_next1.gif) no-repeat 0 7px; width:34px; height:36px; padding-top:10px; border:0; }
.blind {display:none;}

.board_del { padding:20px; text-align:center; background-color:#f2f2f2; height:250px; }