@charset "utf-8";

* {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; outline: none; font-size-adjust: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}

img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
body {font-size:12px; color:#afc0da; font-family:"돋움","arial",Dotum,sans-serif; line-height:1.5; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; }
a:link, a:visited, a:active { color: #afc0da; text-decoration: none;}
a:hover { color: #afc0da; text-decoration: none;}
dl,ul,ol,li {list-style:none;}
input, select, option, textarea {font-family:"돋움","arial",Dotum,sans-serif; font-size:12px; color:#333; }
html, body {width:100%; height:100%; margin:0; padding:0; }

/* HTML 5 Reset */
nav, section, article, header, aside, footer, figure, dialog {display:block}
time, progress, mark, output {display:inline}

#index_warp {width: 100%; margin:0 auto; min-height:100%; height:auto !important; height:100%; display:-webkit-box; -webkit-box-orient:vertical; 
    background-image:url(../images/bg_index.png);
    background-color:#1d242e;
    background-repeat:no-repeat;
    background-position: top center;
    background-attachment:scroll;}
#warp {width: 350px; height:100%; text-align: center; margin: 0 auto; margin-top: 60px; }
#head {width: 100%; height: 130px; position: relative; display: block;  }
.head_bg {width: 200px; height: 53px; background-image:url(../images/index_1.png); background-size:200px 53px; background-repeat:no-repeat; position: absolute; left:58px; top:70px;}

#login_box {padding: 10px 5px 80px 5px; clear: both; text-align: left;}
#login_box ul {display: block; overflow: hidden; margin-bottom: 5px; background-color: #1e2731; position: relative; border: 1px solid #334251; 
    padding: 7px 10px 7px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#login_box input {width:92%; padding:5px 4%; font-size:12px; border:1px solid #94accc; margin: 3px 0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
#login_box input::-webkit-input-placeholder { font-size:11px;color: #4b4b4b; }
#login_box input:-moz-placeholder { font-size:11px;color: #4b4b4b; }
.login_box_l {width: 162px; float: left;}

#login_box .bt_login {display: inline-block; width:65px; border: 1px solid #536e86; color: #f5f6f8 !important;  line-height:50px; padding-top: 1px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position: absolute; left:180px; top:9px; text-align: center; box-shadow:inset 0 0 2px rgba(16, 22, 29, 1);
background: #496b8f; /* Old browsers */
    background: -moz-linear-gradient(top, #496b8f 2%, #253544 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#496b8f), color-stop(100%,#253544)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #496b8f 2%,#253544 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #496b8f 2%,#253544 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #496b8f 2%,#253544 100%); /* IE10+ */
    background: linear-gradient(to bottom, #496b8f 2%,#253544 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#496b8f', endColorstr='#253544',GradientType=0 )}
#login_box .bt_join {display: inline-block; width: 75px; border: 1px solid #bc5561; color: #f5f6f8 !important;  line-height:50px; padding-top: 1px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position: absolute; left:252px; top:9px; text-align: center; box-shadow:inset 0 0 2px rgba(16, 22, 29, 1);
    background: #b93537; /* Old browsers */
    background: -moz-linear-gradient(top, #b93537 2%, #64161d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#b93537), color-stop(100%,#64161d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b93537 2%,#64161d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b93537 2%,#64161d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b93537 2%,#64161d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #b93537 2%,#64161d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b93537', endColorstr='#64161d',GradientType=0 )}