/* ±âº» ÅÂ±× Á¤ÀÇ ************************************************************************************************************************/
html, body, p, div, form, input, textarea, select, table, th, td, h1, h2, h3, h4, h5, h6, dl, dt, dd{
    margin:0;
    padding:0;
    font-size:9pt;
    font-family:'µ¸¿ò', Dotum;
    line-height:160%;
}
html, body{height:100%;}

h1{font-size: 196%;}
h2{font-size: 136%;}
h3{font-size: 126%;}
h4{font-size: 116%;}
h5{font-size: 106%;}
h6{font-size: 96%;}

table{border-collapse:collapse;}
select, .input{vertical-align:middle;}
img, fieldset{border:0;}
fieldset legend{display:none;}
hr{
    margin: 1em 0;
    background:#f2f2f2;
    height:1px;
    color:#f2f2f2;
    border:none;
    clear:both;
}

a, a:link, a:visited, a:active, a:hover{
    background:transparent;
    text-decoration:none;
    cursor:pointer;
}
a, a:hover, a:visited{
    color:#666;
}
a:active, a:hover{
    color:#666;
}

/* °øÅë Ŭ·¹½º *****************************************************************************************************************/
/* ÀÔ·Â */
.input {border:1px solid #d5d5d5;} 
.ea{
    width:30px;
    border:1px solid #d5d5d5;
}
.txta{
    height:100px;
    border:1px solid #d5d5d5;
}
/* ¹öÆ° */
.btn{
    clear:both;
    padding:10px 0;
    text-align:center;
}
.png24{tmp:expression(setPng24(this));}

/* ·¹À̾ƿô */
html, body {height: 100%;}
.topLineLeft{
    width:30%;
    height:786px;
    background:#f0f0f0 url('/img/login/bg_layout_left.jpg') repeat-x;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
.topLineRight{
    width:30%;
    height:786px;
    background:url('/img/login/bg_layout_right.jpg') repeat-x;
    position:absolute;
    top:0;
    right:0;
    z-index:1;
}
#loginPage{
    background:url('/img/login/bg_layout_loop.jpg') repeat-y center top;
}

#layout {
	min-height: 100%;
	margin:0 0 -81px;
    background:url('/img/login/bg_layout.jpg') no-repeat center top;
    position:relative;
    z-index:2;
}
* html #layout {
	height: 100%;
}
#container {
    width:900px;
	min-height:635px;
	height: auto !important;
	height:635px;
    margin:0 auto;
    padding:57px 0 81px;
    background:url('/img/login/bg_container.gif') no-repeat;
    position:relative;
    z-index:2;
}

#serviceMenu{
    position:absolute;
    top:0;
    right:14px;
    z-index:5;
}

#leftArea{
    float:left;
    width:431px;
}
#loginFrm{
    width:365px;
    height:190px;
    margin:10px 0 20px 0;
    padding:30px 18px;
    background:url('/img/login/box_login.jpg') no-repeat;
}
form *{vertical-align:middle;}
#loginFrm .check{vertical-align:top;}
#loginFrm label{
    padding-left:22px;
}
#loginFrm label img{
    margin-right:12px;
}
#loginFrm .btn{
    padding:20px 0;
}
fieldset p{
    padding:0 0 2px 0;
    font-size:11px;
    color:#666;
}
.input{
    width:147px;
    height:17px;
    border-top:1px solid #c7c7c7;
    border-right:1px solid #e0e0e0;
    border-bottom:1px solid #e0e0e0;
    border-left:1px solid #c7c7c7;
}

#account, #pmsg, #pmsg3{
    width:287px;
    height:111px;
    padding:18px 0 0 20px;
    position:absolute;
    top:300px;
    left:58px;
    z-index:5;
}
#account fieldset, #account h2, #account .btn, #pmsg p, #pmsg3 p{
    width:245px;
    position:relative;
    z-index:6;
}
#account label img{
    margin-right:9px;
}
#account .btn{padding-top:15px;}

#rightArea{
    float:right;
    width:424px;
    padding:109px 0 0 45px;
}
#scroll_div{
    margin:31px 0 0 0;
}
#scroll_div ul{
    width:407px;
    margin:0;
    padding:0;
    list-style:none;
}
#scroll_div li{
    float:left;
    color:#fff;
}
#scroll_div li *{vertical-align:middle;}
#scroll_div .no{
    width:35px;
    text-align:center;
}
#scroll_div .project{
    width:86px;
    text-align:center;
}
#scroll_div .title{
    width:234px;
}
#footer{
    height:81px;
    background:#4c4c4c;
    position:relative;
    z-index:2;
}
#footer *{
    font-family:µ¸¿ò;
    font-size:11px;
    color:#c3c3c3;
}
#footer .info{
    width:900px;
    margin:0 auto;
    padding:15px 0;
}