* {padding:0; margin:0;}
html,body {
    font-family:'Malgun Gothic';
    height:100%;
    overflow:hidden;
    width:100%;
}
#wrap{
    height:100%;
    width:100%;
    margin: 0 auto;
    display:table;
}
#index_left{
    display:table-cell;
    height:100%;
    min-width:380px;
    width:84%;
    background:url(../image/ti_index_left_bg.jpg) repeat-x;
    background-position-y:bottom;
    text-align:center;
    margin: 0 auto;
    vertical-align:middle;
}
/*#index_right_ti{
    display:table-cell;
    height:100%;
    width:16%;
    min-width:311px;
    vertical-align:middle;
    text-align:center;
    background:url(../image/ti_index_right_bg.jpg) repeat-y;
    background-position-y:bottom;
}*/

#index_right_ti{
    display:table-cell;
    height:100%;
    width:16%;
    min-width:311px;
    vertical-align:middle;
    text-align:center;
    background:url(../image/hs_index_right_bg.jpg) repeat-y;
    background-position-y:bottom;
}

#index_right_hs{
    display:table-cell;
    height:100%;
    width:16%;
    min-width:311px;
    vertical-align:middle;
    text-align:center;
    background:url(../image/hs_index_right_bg.jpg) repeat-y;
    background-position-y:bottom;
}



#index_right_tti{
    display:table-cell;
    height:100%;
    width:16%;
    min-width:311px;
    vertical-align:middle;
    text-align:center;
    background:url(../image/tti_index_right_bg.jpg) repeat-y;
    background-position-y:bottom;
}

#index_id{
    background:url(../image/ti_index_id.png) no-repeat;
    background-position-x:center;
    height:45px;
    width:100%;
}

#index_pw{
    background:url(../image/ti_index_pw.png) no-repeat;
    background-position-x:center;
    height:45px;
    width:100%;
}
.index_btn{
    cursor:pointer;
}
input{
    
    font-family:'Malgun Gothic';
    width:170px;
    background-color:transparent;
    margin-top:2px;
    height:34px;
    border:none;
    font-weight:bold;
    font-size:16pt;
    text-align:center;

    color : #fff;

    text-shadow : 0 0 0 #fff;
}
input:focus{
    outline : none;
}

@media only screen and (max-width: 710px) {
    #index_left{
        width:100%;
    }
    #index_right_ti{
        display:none;
    }
    #index_right_tti{
        display:none;
    }
}