@charset "utf-8";

/* common */
* {margin:0; padding:0;}
html, body {width:100%; height:100%}
html {overflow-y:scroll;}
body {background-color:#fff; font-family:Dotum, Verdana, Sans-serif; font-size:12px; color:#666666; letter-spacing:0px; line-height:1.3; word-break:break-all; -ms-word-break:break-all}
h1, h2, h3, h4, h5, h6 {text-align:left}
img, fieldset, iframe {border:0 none;}
ul, ol, li, dl, dt, dd {list-style:none;}
hr {display:none;}
a {text-decoration: none; color:#666666} 
span {vertical-align:top}

/* Layout */
.wrapper {margin:0; width:100%; background:url(../images/login/bg_main.png) repeat-x top; text-align:center}
.wrapper_sub {margin:0; width:100%; background:url(../images/login/bg_sub.png) repeat-x top; text-align:center}
.headWrap {width:905px; margin:0 auto; height:73px }
.loginCenter {width:530px; margin:0 auto; padding-top:20px; padding-bottom:30px}
.middleWrap {width:925px; margin:20px auto;}
.leftWrap {display:inline; float:left; width:209px; text-align:left; }
.centerWrap {display:inline; float:left; width:711px; margin-bottom:30px}
.footerWrap {width:100%; border-top:1px solid #c7c7c7; clear:both;}


/* Main Element */
h1 {}
h2 {}
h3 {}
h4 {text-align:right}
h5 {}
input {border:1px solid #b9b8b8; width:120px; margin-left:10px; padding:2px}
.headLeft {display:inline; float:left; margin-top:17px; padding-top:10px;}
.headRight {display:inline; float:right; margin-top:17px; padding-top:15px; }
.visual {width:937px; height:214px; margin:0 auto; clear:both;}
.loginBox {border:3px solid #c5d5e7; margin:15px 0 20px 0; padding:20px; height:38px}
.loginBox .lb {display:inline; float:left; margin-top:8px; margin-right:10px; width:190px; height:20px;}
.loginBox .bt {display:inline; float:left; width:74px; height:36px;}
.ip {margin-left:10px; width:200px; height:80px}
.copyright {width:905px; text-align:right; padding-top:15px; margin:0 auto}



/* Sub Element */
.visual_sub {width:937px; height:143px; margin:0 auto; clear:both;}
.leftHd {}
.leftMid {background:url(../images/login/left_bg.png) no-repeat bottom left}
.leftMid ul {margin:0 15px; padding:10px 0 15px 0}
.leftMid ul li {height:20px; padding-left:7px}
.leftMid .parti {height:15px; background:url(../images/login/jumsun.png) no-repeat 0 3px;  }
.centerTi {height:45px}
.centerTi .ti {display:inline; float:left; padding-left:30px; padding-top:10px}
.centerTi .pass {display:inline; float:right; color:#616161; padding-right:10px; padding-top:20px}
.centerBoxHd {background:url(../images/login/sub_box_top.png) no-repeat; width:711px; height:10px}
.centerBoxMid {background:url(../images/login/sub_box_mid.png) repeat-y; width:711px; padding:30px 0 20px 35px}
.centerBoxMid p {text-align:left; width:90%; line-height:150% }
.centerBoxMid .innerBox {border:1px solid #e8e8e8; padding:20px 0; text-align:center; width:95%}
.centerBoxMid .innerBoxTxt {text-align:left; border:1px solid #e8e8e8; height:200px; width:600px; padding:20px; overflow: auto;}
.centerBoxMid .innerBoxTxt .rule {padding:5px 0 15px 0; line-height:150%; width:100%;}
.centerBoxMid .innerBoxTxt .rule li {height:auto}
.centerBoxMid .innerBoxTxt .rule li ul {margin-left:20px; height:auto}
.centerBoxMid .innerBox2 {background:url(../images/login/sub_box2_center.png) repeat-x bottom; width:85%; height:141px}
.centerBoxMid .innerBox2 .lf {display:inline; float:left}
.centerBoxMid .innerBox2 .rg {background:url(../images/login/sub_box2_right.png) no-repeat right bottom; display:inline; float:right; height:141px; width:70%; }
.centerBoxMid .innerBox2 .rg table {margin-top:65px; text-align:left}
.centerBoxMid .innerBox2 .rg .bts {padding-left:30px}
.centerBoxMid .check input {border:0; width:auto; padding-top:10px}
.centerBoxMid li {text-align:left; height:20px}
.centerBoxBot {background:url(../images/login/sub_box_bot.png) no-repeat; width:711px; height:10px}

.btnCent {text-align:center;}

.space10 {height:10px}
.space20 {height:20px}
.space50 {height:50px}
.space80 {height:80px}




/* Popup */
.popHd {margin:5px; background-color:#556ea8; height:39px; text-align:left}
.popCenter {margin:30px}
.popCenter .innerBox3 {border:3px solid #c5d5e7; margin:0 auto; padding:30px; width:80%; text-align:center}
.popBtn {text-align:center;}