@charset "utf-8";
@import url('common.css');
/* CSS Document */



*{ margin:0; padding:0; list-style:none; }
html, body{ height:100%; margin:0; padding:0; }
body{ background:#f4f4f4 url(../images/common/images/sub_bg.gif) left top repeat-x; }
#wrap{ position:relative; width:995px; height:auto; margin:0 auto; padding:0; } 
#header{ width:100%; height:150px; margin:0 auto; padding:0; background: url(../images/common/top/top_menu_bg.gif) left top repeat-x; }
#container{ width:100%; height:auto; margin:0 auto; padding:0; }
#contents{ width:794px; height:auto !important; height:100%; min-height:100%; }
#aside{ float:right; width:201px; height:100%; text-align:right; }
#footer{ clear:both; width:100%; height:92px; margin:0 auto; padding:0; background:url(../images/common/images/bottom_bg.gif) left top repeat-x; text-align:center; }



#header ul,
#header li{ display:inline-block; float:left; }
#header .lnb_a{ width:995px; height:102px; background:url(../images/product/product_top_visual.gif) left bottom no-repeat; }
#header .lnb_b{ width:995px; height:102px; background:url(../images/company/company_top_visual.gif) left bottom no-repeat; }
#header .lnb_c{ width:995px; height:102px; background:url(../images/online/online_top_visual.gif) left bottom no-repeat; }
#header .lnb_d{ width:995px; height:102px; background:url(../images/community/community_top_visual.gif) left bottom no-repeat; }
#header .lnb_e{ width:995px; height:102px; background:url(../images/sitemap/sitemap_top_visual.gif) left bottom no-repeat; }
#header .lnb_a li,
#header .lnb_b li,
#header .lnb_c li,
#header .lnb_d li,
#header .lnb_e li{ padding:25px 20px;}


#contents p{ width:100%; margin:0 0 15px 0; }
#contents .doc{ width:100%; margin:30px 0; padding:30px 0; border-bottom:1px dashed #c6c6c6; }
#contents .doc img{ float:left; }
#contents .doc p{ float:right; width:435px; margin:0 25px 0 0; color:#585858; font:12px/20px; dotum;  }


.ceo p{ padding:30px 0; line-height:24px; }

.customer h4{ padding:0 0 0 20px; }
.customer .cusomer_banner{ float:left; width:100%; }
.customer .cusomer_banner .left{ float:left; width:206px; height:110px; margin:20px; }
.customer .cusomer_banner .center{float:left; width:206px; height:110px; margin:20px; padding:0 23px; }
.customer .cusomer_banner .right{float:left; width:206px; height:110px; margin:20px; }
.customer .cusomer_list{ float:left; width:100%; padding:20px 0 50px 0; }
.customer .cusomer_list .left{float:left; width:206px; margin:20px; }
.customer .cusomer_list .center{float:left; width:206px; margin:20px; padding:0 23px; }
.customer .cusomer_list .right{float:left; width:206px; margin:20px; }
.customer .cusomer_list li{ background:url(../images/company/bul_blue.gif) left 10px no-repeat; text-indent:12px; line-height:24px; }

.map p{ float:left; width:100%; padding:30px 0 0 0; line-height:24px; }
/* .map img { float:left; display:inline-block; width:368px; height:396px; padding:0 30px 80px 0;} */
.map img { float:left; display:inline-block; width:317px; height:450px; padding:0 0 0 0;}
.map dl{ float:right; width:390px; }
.map dt{ display:block; width:100%; font:bold 12px/25px dotum; color:#0274bb; }
.map dd{ display:block; width:100%; padding:0 0 25px 0; font:12px/25px dotum; color:#777; }


.products{ padding-bottom:80px !important; }
.products p{  width:100%; padding:0 0 15px 0; }
.pro_desc{ display:table; width:100%; margin:15px 0; padding:0 0 30px 0; border-bottom:1px dashed #c6c6c6;  }
.pro_desc img{ display:table-cell; float:left; width:auto; margin:0; padding:0 0 0 15px; }
.pro_desc div{ display:inline-block; float:right; width:440px; padding:0 15px 0 0; font:12px/20px dotum; color:#777; text-align:left; }
.pro_desc div strong{ font-weight:bold; color:#0779bf; }


.sitemap dl{ float:left; width:100px; margin:0 48px; padding-bottom:100px; vertical-align:top; }
.sitemap dt{ float:left; width:100%; height:40px; font:bold 12px/42px dotum; color:#000; text-indent:7px; border-bottom:1px solid #267ee2; }
.sitemap dd{ float:left; width:100%; height:40px; font:12px/42px dotum; color:#010101; background:url(../images/common/images/bul_gray.gif) 7px 19px no-repeat; text-indent:17px; border-bottom:1px dashed #cfcfcf;}


#ilooko_demo{ position:absolute; right:0; top:311px; width:201px; height:990px; background:#ccc url(../images/product/ilooko_img.gif) right top no-repeat; }
#ilooko_demo a{ position:absolute; right:10px; top:330px;}

#aside #aside_a{ position:absolute; right:0; top:312px; display:block; width:71px; height:36px; text-align:left; background:url(../images/common/images/quick_facebook.gif) left top no-repeat; text-indent:-10000px; overflow:hidden; }
#aside #aside_a:hover,
#aside #aside_a:focus{ background:url(../images/common/images/quick_facebook_on.gif) left top no-repeat;}
#aside #aside_b{ position:absolute; right:0; top:348px;  display:block; width:71px; height:36px;  text-align:left; background:url(../images/common/images/quick_twitter.gif) left top no-repeat; text-indent:-10000px; overflow:hidden; }
#aside #aside_b:hover,
#aside #aside_b:focus{ background:url(../images/common/images/quick_twitter_on.gif) left top no-repeat;}






/*
.demo{ position:absolute; right:0; top:340px; }
*/

.faq_tab,
.down_tab{ position:absolute; left:0; top:274px; }
.faq_tab ul,
.down_tab ul{ float:left; }
.faq_tab li,
.down_tab li{ float:left; margin:0 3px 0 0; }


.table{ border-bottom:1px solid #72727a; }
.table th{ padding:0 0 0 20px; background:#e4e4e4; border-bottom:1px solid #c6cacd; color:#777777; font:bold 12px dotum; text-align:left; }
.table td{ padding:5px 0 5px 10px; border-bottom:1px solid #c6cacd;  color:#777777;}
.table td.text{ padding:10pxpx; line-height:20px; }
.table td input{ padding:2px 5px 0px; border:1px solid #d1d1d1; background:#FFF; }
.table td textarea{ padding:5px; border:1px solid #d1d1d1; background:#FFF; }
.table td select{ padding:0; border:1px solid #d1d1d1; background:#FFF; }

.view{ border-bottom:1px solid #72727a; }
.view th{ padding:0 0 0 20px; background:#e4e4e4; border-bottom:1px solid #c6cacd; color:#777777; font:bold 12px dotum; text-align:left; }
.view td{ padding:8px 0 8px 10px; border-bottom:1px solid #c6cacd;  color:#777777; line-height:20px;}

.list{ border-bottom:1px solid #95949c; }
.list th{ padding:10px 0 8px;  border-bottom:1px solid #95949c; text-align:left; font:bold 12px dotum;; color:#999999; text-indent:10px;}
.list td{ padding:10px 0 8px; border-bottom:1px solid #d9dde0;  color:#9a9a9a; text-align:left; text-indent:10px;}
.list td a:hover,
.list td a:focus{ color:#17b2eb; }
.list td:first-child{ text-indent:15px; }

/* FAQ 보기 */
/* .faq{ border-bottom:1px solid #95949c; }
.faq th{ padding:10px 0 7px;  border-bottom:1px solid #c6cacd; background:#e4e4e4 url(../images/community/faq_icon.gif) 7px 8px no-repeat; text-align:left; font:bold 12px dotum;; color:#777777; text-indent:32px; line-height:18px; }
.faq td{ padding:15px 10px; border-bottom:1px solid #c6cacd;  color:#777; text-align:left; line-height:18px; }
.faq td a:hover,
.faq td a:focus{ color:#17b2eb; } */
.faq_item { display:block; margin: 10; padding: 10; width: 100%; }
.faq_item .faq_title {padding:10px 0 7px; cursor: pointer;  border-bottom:1px solid #c6cacd; background:#e4e4e4 url(../images/community/faq_icon.gif) 7px 8px no-repeat; text-align:left; font:bold 12px dotum;; color:#777777; text-indent:32px; line-height:18px;}
.faq_item .faq_contents { display:block; padding:15px 10px; border-bottom:1px solid #c6cacd;  color:#777; text-align:left; line-height:18px; }

.down{ border-bottom:1px solid #908f97; }
.down th{ padding:10px 0 8px;  border-bottom:1px solid #95949c; text-align:left; font:bold 12px dotum;; color:#999999; text-indent:10px;}
.down td{ padding:15px 0 13px; border-bottom:1px solid #d9dde0;  color:#9a9a9a; text-align:left; text-indent:10px;}
.down td.file{ padding:20px 0 18px 60px; background:url(../images/community/icon_save.gif) 10px 23px no-repeat; text-align:left; }
.down td.file span{ line-height:18px; }
.down td.file a{ margin:0 0 0 9px; font:bold 12px dotum; color:#0a76f2; }
.down td.file a img{ vertical-align:-3px; }

.btn_zone{ width:100%; margin:10px 0 0 0; }
.btn_zone .left{ float:left; width:50%; text-align:left; color:#777777; }
.btn_zone .right{ float:right; width:50%; text-align:right; }
.btn_zone .right a{ margin:0 0 0 3px; }

.paginate{ width:100%; margin:10px auto; text-align:center; }
.paginate ul{ width:230px; margin:0 auto; text-align:center;}
.paginate li{ float:left; display:inline-block; padding:5px; }
.paginate li img{ vertical-align:-1px; }
.paginate a.on { font:bold 12px dotum; color:#17b2eb; }
.paginate span.on { font:bold 12px dotum; color:#17b2eb; }



#footer .bottom_solution{ float:none; width:995px; height:58px; margin:0 auto; padding:0; overflow:hidden; }
#footer .bottom_solution li,
#footer .bottom_solution li a{ float:left; display:inline-block; width:auto; height:58px; margin:0; padding:0;  }
#footer #solution_a a{ display:inline-block; width:201px; height:58px; background:url(../images/common/images/solution_dlooko.gif) left top no-repeat; text-indent:-10000px; overflow:hidden;}
#footer #solution_a a:hover,
#footer #solution_a a:focus{ background:url(../images/common/images/solution_dlooko_on.gif) left top no-repeat; }
#footer #solution_b a{ display:inline-block; width:201px; height:58px; background:url(../images/common/images/solution_ilooko.gif) left top no-repeat; text-indent:-10000px; overflow:hidden;}
#footer #solution_b a:hover,
#footer #solution_b a:focus{ background:url(../images/common/images/solution_ilooko_on.gif) left top no-repeat; }

#footer #solution_c a{ display:inline-block; width:201px; height:58px; background:url(../images/common/images/solution_slooko.gif) left top no-repeat; text-indent:-10000px; overflow:hidden;}
#footer #solution_c a:hover,
#footer #solution_c a:focus{ background:url(../images/common/images/solution_slooko_on.gif) left top no-repeat; }
/*
#footer #solution_c a{ display:inline-block; width:201px; height:58px; background:url(../images/common/images/solution_plooko.gif) left top no-repeat; text-indent:-10000px; overflow:hidden;}
#footer #solution_c a:hover,
#footer #solution_c a:focus{ background:url(../images/common/images/solution_plooko_on.gif) left top no-repeat; }
*/
#footer #download a{ display:inline-block; width:201px; height:58px; background:url(../images/common/images/solution_download.gif) left top no-repeat; text-indent:-10000px; overflow:hidden;}
#footer #download a:hover,
#footer #download a:focus{ background:url(../images/common/images/solution_download_on.gif) left top no-repeat; }
#footer .bottom{ float:none; width:995px; height:34px; margin:0 auto; background:#d4d8dd; }
#footer .bottom .copy{ float:left; width:50%; margin:0; text-align:left; overflow:hidden; }
#footer .bottom ul{ float:right; width:109px; margin:0; text-align:right; }
#footer .bottom li{ display:inline-block; float:left; height:34px; margin:0; text-align:right; }



.member{position:relative; width:500px; margin:30px 0 0 200px; *margin:30px 0 0 0px;  text-align:left;}
.member h3{  width:100%;}
.member h3 img{ display:block; margin:0 0 7px 0; }
.member h3 span{ display:block; width:100%; margin:0 0 -5px 0; font:12px/15px dotum; color:#777; text-align:left; text-indent:3px; }
.member h3 span strong{ font-weight:bold; color:#267ee2; }
.member .box{ width:100%; margin:15px 0 0 0; padding:15px 0 5px 0 ; border:2px solid #3d3e42; border-width:2px 0; }
.member .box label{ display:block; width:100%; margin:0 0 10px 0; text-align:left; }
.member .box label img{ display:inline-block; vertical-align:-12px; *vertical-align:0; }
.member .box label input{  padding:7px 5px; border:1px solid #d1d1d1;}
.member .box label select{  padding:7px 5px; border:1px solid #d1d1d1;}

.btn_zone{ width:100%; height:100; margin:15px 0 0 0; }
.btn_zone .left{ float:left; width:50%; text-align:left; color:#777777; }
.btn_zone .right{ float:right; width:50%; text-align:right; }
.btn_zone .right a{ margin:0 0 0 3px; }

#subfooter{ width:100%; height:34px; margin:-34 auto 0; background:#d4d8dd; text-align:center; }
#subfooter .copy{ display:block; width:900px; margin:0 auto 0; text-align:left; }