body {
    text-align: center;
    /*background-color: #8ed0b6;*/
    font-family: 맑은 고딕;
}


    * 
    {
        margin:0;
        padding:0;
        font-family:'맑은 고딕';        
    }

    ul li { list-style:none;}

    a {text-decoration:none; }
        a:link {color:#7C7C7C; text-decoration:underline;}
        a:visited {color:#7C7C7C; text-decoration:underline;}


#divContents {
    display:block;
    border:0px solid green;
    margin:0;
}

#divGuestBox {
    display: block;
    width: 60%;
    margin: 0 auto;
    border: 0px solid Red;
    padding: 10px;
    font-weight: bold;
    text-align: center;
    background-color: #ffffff;
    /*box-shadow: 1px 1px 2px #d4d4d4;*/
}

#divTopMsg {
    display:inline-block;
    width:500px;
    font-weight:normal;
    font-size:13pt;
    color:#7C7C7C;
    line-height:160%;
    margin-top:7px;
    margin-bottom:20px;
    text-align:left;
}

/*divTopMsg 스마트일때*/
@media screen and (max-width: 500px) {
    #divTopMsg {
        width:95%;
    }
}

    #divGuestBox > table
    {
        display:table;
        width:100%;
        text-align:center;
        vertical-align:top;
        margin:0 auto;
    }

        #divGuestBox > table td {
            text-align:center;
            padding:3px;
        }

        #divGuestBox > table > tr > td > table {
            display:block;
            width:100%;
            text-align:center;
            vertical-align:top;
            margin:0 auto;
            border:1px solid red;
        }

    #divGuide 
    {
        display:block;
        /*width:80%;*/
        text-align:center;
        color:DarkRed;
        /*font-weight:bold;*/
        margin:0 auto;
        line-height:150%; 
        font-size:1em;
        padding:0px;
    }

#tblSchool tr td {
    padding-top:3px;
    padding-bottom:3px;
}

#divTopOfGuestBox , #divAfter {
    display:block;
    border: 0px solid green;
    text-align:center;
}

#divTopOfGuestBox img, #divAfter img {
    display:inline-block;
    border: 0px solid Red;
    margin:0;
    width:700px;
}

#lblSubTitle {
    display:block;
    font-size:28pt;
    padding:10px;margin-bottom:5px;
    line-height:125%;font-weight:400;color:#193B58;
}

#btnOk {
    width:260px;height:60px;border-radius:30px;
    font-size:15pt;font-weight:500;
    border:1px solid #575757;background-color:white;color:#35363A;letter-spacing:6px;
    -webkit-box-shadow: 3px 3px 10px -2px rgba(0,0,0,0.44);
    -moz-box-shadow: 3px 3px 10px -2px rgba(0,0,0,0.44);
    box-shadow: 3px 3px 10px -2px rgba(0,0,0,0.44);
    margin-top:18px; margin-bottom:20px;
}

#btnOk:hover {
    background-color:#0596DE;
    color:white;
}


#btnMCodeCheck {
    width:200px;height:35px;border:none;
    background-color:white;
    font-size:1.1em;font-family:'Noto Sans CJK KR';font-weight:300;
    text-decoration-line:underline;color:green;
}

#btnMCodeCheck:hover {
    width:200px;height:35px;border:none;
    background-color:white;
    font-size:1.1em;font-family:'Noto Sans CJK KR';font-weight:300;
    text-decoration-line:none;
}

.clsIcons {
    display:inline-block;
    width:150px;
    border: 0px solid red;
}

.clsIcons > div {
    display:inline-block;
    width:50px;
    height:50px;
    border: 0px solid blue;
    margin:5px;
}




/*스마트 일때 */
@media screen and (max-width: 650px) 
{

    body {
        display:block;
    }

    #divContents {
        font-size: 1.1em;
    }

    #divGuide {
        width: 100%;
        line-height: 130%;
    }

    #divGuestBox {     
        display:inline-block;   
        border-width: 0;
        width:90%;
        /*margin-top:80px;*/
    }

    #divTopOfGuestBox, #divAfter {
        line-height:90%;
    }

    #divTopOfGuestBox img, #divAfter img {
        width:100%;
    }

    #lblSubTitle {
    font-size :22pt;
}

}