/*----------------------------------------------------------*
 * Base Area
 *----------------------------------------------------------*/
html {
    height : 100%;
}

body {
    height : 100%;
    color : #333;
    background : url(../../img/spc/cmn/bg_body-1.0.0.png) repeat-y center top #CCC;
    font-size : 12px;
}

#wrap {
    background-image : url(../../img/spc/cmn/bg_wrap-1.0.0.png);
    background-repeat : repeat-x;
    position : relative;
    min-height : 100%;
}

#cont {
    position : relative;
    min-height : 100%;
    margin : 0 auto;
    width : 94.7265625%;
    padding-bottom : 70px;
    _width : 973px;
}

a {
    text-decoration : none;
}

h1 {
    font-size : 20px;
    display : block;
    overflow : hidden;
    padding-top : 20px;
}

hr {
    margin-top : 5px;
    width : 100%;
}

/*----------------------------------------------------------*
 * Header Area
 *----------------------------------------------------------*/
header {
    display : inline-block;
    text-align : center;
    margin-top : 24px;
    width : 100%;
}
.hedLayMain {
    background : url(../../img/cmn/err/tvProgramInfoService_s-1.0.0.png);
    width      : 300px;
    height     : 34px;
    display    : inline-block;
}

/*----------------------------------------------------------*
 * ContMain Area
 *----------------------------------------------------------*/
#contMain {
    margin-top : 35px;
    text-align : center;
}

#logoDimora {
    margin-right : 30px;
    display : inline-block;
}
#contText {
    white-space : nowrap;
}

/*----------------------------------------------------------*
 * Footer Area
 *----------------------------------------------------------*/
footer {
    position : absolute;
    bottom : 0px;
    width : 100%;
    height : 50px;
    background-color : #E4E4E4;
    text-align: center;
}

#footArea {
    width : 94.7265625%;
    height : 50px;
    margin : 0 auto;
    position : relative;
}

small {
    color : #616161;
    font-size : 12px;
    text-align : left;
    display : inline-block;
    padding-top: 15px;
}

@media screen and (max-width: 414px) {
    small {
        width: 210px;
        padding-top: 10px;
    }
}

#errMsgArea {
	text-align: center;
	display: inline-block;
}
#errMsgArea p {
	text-align: left;
	width: 267px;
}

/*----------------------------------------------------------*
 * Change Content Area
 *----------------------------------------------------------*/
@media screen and (min-width : 768px) {
    .hedLayMain {
        float      : left;
        background : url(../../img/cmn/err/tvProgramInfoService-1.0.0.png);
        width      : 437px;
        height     : 49px;
    }

    #contMain {
        text-align : left;
    }
    header {
        width : 94.7265625%;
    }
    #errMsgArea {
    	display: block;
    }
    #errMsgArea p {
	width: 100%;
}
}

/*----------------------------------------------------------*
 * Change Content Area
 *----------------------------------------------------------*/
@media screen and (min-width : 970px) {
    .hedLayMain {
        float      : left;
        background : url(../../img/cmn/err/tvProgramInfoService-1.0.0.png);
        width      : 437px;
        height     : 49px;
    }

    #cont {
        width : 970px;
    }
    header {
        width : 970px;
    }
    #footArea {
        width : 970px;
    }
}