@charset "utf-8";
/* CSS Document */



*{ margin:0; padding:0; list-style:none; font:12px dotum; }
a, img{ border:0; }
html, body{ height:100%; margin:0; padding:0; }
body{ background:#f4f4f4 url(../img/common/header_bg.gif) left top repeat-x;}
#wrap{ position:relative; width:900px; height:auto !important; height:100%; min-height:100%; margin:0 auto; padding:0; }
#header{ width:100%; height:100px; margin:0 auto; padding:0; background:#FFF; }
#container{ width:100%; margin:0 auto; text-align:center; }
#footer{ width:100%; height:34px; margin:-34px auto 0; background:#d4d8dd; text-align:center; }
#footer .copy{ display:block; width:900px; margin:0 auto 0; text-align:left; }




#header h1{ float:left; display:inline-block; width:103px; height:100px; margin:0 80px 0 30px; }
#header h1 img{ margin:25px 0 0 0; }
#header p{ float:left; display:inline-block;}




#login{position:relative; width:470px; margin:125px 0 0 215px; *margin:125px 0 0 0 ; text-align:left; }
#login h3{  width:100%;}
#login h3 img{ display:block; margin:0 0 7px 0; }
#login h3 a{ position:absolute; right:0; top:10px;}
#login .login{ width:100%; margin:15px 0 0 0; padding:17px 0; border:2px solid #3d3e42; border-width:2px 0; }
#login .login label{ display:block; width:70%; height:29px; margin:11px 0; line-height:29px; }
#login .login label img{ float:left; }
#login .login input[type=text],
#login .login input[type=password]{ float:left; width:200px; padding:5px 5px; border:1px solid #d1d1d1;}
#login .login .btn_login{ position:absolute; right:45px; bottom:28px; width:100px; height:71px; }
#login .login .img_login{ position:absolute; right:45px; bottom:28px; width:100px; height:71px; }



.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;}




.error{ width:550px; margin:80px auto 0; text-align:left; }
.error h3{ width:100%; height:47px; margin:0; padding:0; background:url(../img/ilooko_page/install_error_icon.gif) 430px bottom no-repeat; }
.error .box{ width:100%; height:190px; margin:0 0 0 0; padding:15px 0 5px ; border:2px solid #3d3e42; border-width:2px 0; background:url(../img/ilooko_page/install_error_bg.gif) right bottom no-repeat; }
.error .box p{ margin:50px 0 0 35px; font:12px/20px dotum; color:#777; }




.install{ width:550px; margin:80px auto 0; text-align:left; }
.install h3{ width:100%; height:47px; margin:0; padding:0; background:url(../img/ilooko_page/install_icon.gif) 430px bottom no-repeat; }
.install .box{ width:100%; height:auto; margin:0 0 0 0; padding:15px 0 15px; border:2px solid #3d3e42; border-width:2px 0; }
.install .box p{ margin:20px 0 0 35px; font:12px/30px dotum; color:#777; }
.install .box .loading{ width:100%; padding:15px 0 0 0; text-align:center; }
.install .box .loading img{ padding:0 0 20px 0; }




.demo_list{ width:780px; margin:25px 0 40px 80px;  border:2px solid #3d3e42; border-width:2px 0; text-align:left; }
/*.demo_list{ width:740px; margin:25px 0 40px 80px;  border:2px solid #3d3e42; border-width:2px 0; text-align:left; }*/
.demo_list .toggle-title { display: block; width:100%; padding:13px 0 10px; cursor: pointer; background: #f4f4f4 url(../img/common/images/icon_close.gif) 750px 23px no-repeat; border-top:1px solid #c8c9cd; }
/*.demo_list .toggle-title { display: block; width:100%; padding:13px 0 10px; cursor: pointer; background: #f4f4f4 url(../img/common/images/icon_close.gif) 720px 23px no-repeat; border-top:1px solid #c8c9cd; }*/
.demo_list .toggle-title .left{ display:inline-block; width:160px; padding:10px 0 0 20px; vertical-align:top;  }
.demo_list .toggle-title .right{ display:inline-block; }
.demo_list .toggle-title:hover { }
.demo_list .toggle-title.expanded { background:#e4e4e4 url(../img/common/images/icon_open_select.gif) 750px 23px no-repeat;}
/*.demo_list .toggle-title.expanded { background:#e4e4e4 url(../img/common/images/icon_open_select.gif) 720px 23px no-repeat;}*/

.demo_list .toggle-title .right          .GetClipBoard { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_GetClipBoard.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .GetClipBoard { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_GetClipBoard_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .SetClipBoard { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_SetClipBoard.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .SetClipBoard { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_SetClipBoard_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .ScreenCapture { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_ScreenCapture.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .ScreenCapture { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_ScreenCapture_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .Print { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_Print.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .Print { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_Print_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .Remote { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_Remote.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .Remote { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_Remote_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .SourceView { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_SourceView.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .SourceView { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_SourceView_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .SendMail { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_SendMail.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .SendMail { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_SendMail_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .Edit { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_Edit.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .Edit { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_Edit_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .SaveAs { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_SaveAs.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .SaveAs { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_SaveAs_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .RMouse { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_RMouse.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .RMouse { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_RMouse_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .Usb { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_Usb.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .Usb { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_Usb_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .Emulator { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_Emulator.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .Emulator { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_Emulator_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .Rooting { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_Rooting.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .Rooting { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_Rooting_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .CheckProcess { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_CheckProcess.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .CheckProcess { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_CheckProcess_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .FileDownLoad { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_FileDownLoad.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .FileDownLoad { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_FileDownLoad_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .BrowserWarterMark { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_BrowserWarterMark.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .BrowserWarterMark { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_BrowserWarterMark_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title .right          .ReportOnDenyWorking { display:inline-block; background:#f4f4f4 url(../img/common/images/icon/icon_ReportOnDenyWorking.gif) no-repeat; width:33px; height:29px; padding-left:53px;}
.demo_list .toggle-title.expanded .right .ReportOnDenyWorking { display:inline-block; background:#e4e4e4 url(../img/common/images/icon/icon_ReportOnDenyWorking_on.gif) no-repeat; width:33px; height:29px; padding-left:53px;}


.demo_list .toggle-inner { position:relative; display: none; background:#e4e4e4; padding:0 0 10px 180px; }
.demo_list .toggle-inner a{ position:absolute; left:20px; top:0; }
.demo_list .toggle-inner ul{ width:100%; }
.demo_list .toggle-inner li{ list-style:none; background:url(../img/common/images/bul_gray.gif) left 7px no-repeat; text-indent:10px; font:11px/18px dotum; color:#444; }
.demo_list .toggle-inner li a{ color:#444; text-decoration:none;  font:11px/18px dotum;  }


.demo{ width:740px; margin:25px 0 40px 80px; text-align:left; }
.demo .box{ float:left; width:100%; padding:15px 0; border:2px solid #515257; border-width:2px 0; background:#e4e4e4; }
.demo .box .left{ float:left; width:150px; padding:0px 0 0 20px; }
.demo .box .right{ float:right; width:560px; margin:0; padding:0; }
.demo .box .right .icon{ float:left; width:100%; }
.demo .box .right .icon img{ float:left; margin:0 15px 0 0 ; }
.demo .box .right ul{ float:left; width:100%; margin:10px 0 0 0; }
.demo .box .right li{ list-style:none; background:url(../img/common/images/bul_gray.gif) left 7px no-repeat; text-indent:10px; font:11px/18px dotum; color:#444; }
.demo .box .right li a{ color:#444; text-decoration:none; }
.demo .desc1{ float:left; width:100%; margin:0 0 25px 0; padding:20px; border-bottom:1px dashed #c6c6c6; }
.demo .desc1 ul{ float:left; margin:0 0 0 15px;}
.demo .desc1 li{ float:left; width:100%; font:11px/18px dotum; color:#999; }
.demo .desc2{ float:left; width:100%; margin:0 0 30px 0; }
.demo .desc2 img{ float:left; width:auto; }
.demo .desc2 p{ float:right; width:60%; margin:10px 0 0 0; font:12px/21px dotum; color:#595959; }




.table{ border:2px solid #72727a; border-width:2px 0 2px 0; }
.table th{ padding:10px 0 8px 20px; background:#e4e4e4; border-bottom:1px solid #c6cacd; color:#777777; font:bold 12px dotum; text-align:left; }
.table td{ padding:10px 0 8px 10px; border-bottom:1px solid #c6cacd;  color:#777777; font:12px dotum; text-align:left; }
.table td.text{ padding:10px; 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; }

.btn_zone{ width: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; }

.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; }