html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea {margin: 0;padding: 0; border: 0 none; } body {font-family: 'Nanum Gothic',MalgunGothic, '맑은 고딕','돋움', Dotum, AppleGothic, Sans-serif, Arial; font-size: 12px; line-height: 1;color: #333;} ul, ol, li {list-style: none;} em, address {font-style: normal;} img {border: 0 none; font-size: 0;line-height: 0;} sup {position: relative;top: 2px;font-size: 11px;line-height: 100%;} table {border-collapse: collapse; border-spacing:0; } caption {overflow: hidden;width: 0;height: 0;font-size: 0; line-height: 0;} th, td { vertical-align: middle;/* white-space: nowrap */} a {color: #333; text-decoration: none; line-height: 1;} a:hover, a:focus, a:active {text-decoration: underline;} a:visited {color: #333;} *, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } *, *:before, *:after {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}


/* body{
        width:100vw;
        height:100vh;
} */
html{
        /* overflow: hidden; */
}
.wrap{
        width:100vw;
        height:100vh;
}
.main{
        width:1600px;
        height:900px;
        margin:0 auto;
        background: url("../image/haewoon_bg.jpg") no-repeat;
        overflow: hidden;
}
.main-map{
        width:1600px;
        height:900px;
        margin:0 auto;
        background: url("../image/haewoon_bg_map.jpg") no-repeat;
        overflow: hidden;
}
header,footer{
        width:100%;
        height: 100px;
}
section{
        width:100%;
        height:700px;
}
.top-title{
        color:white;
        display: inline;
}
.top-title p{
        font-size: 38px;
        text-align: center;
        /* padding-left:600px; */
        padding-top: 30px;
        font-weight: bold;
        white-space:nowrap;
}
.top-time{
        /* position: absolute;
        width: 270px; */
        /* right: 15px; */
        /* left:1315px;
        top: 25px; */
        width:240px;
        float: right;
        margin-top:-75px;
        margin-right:45px;
}
.top-time img{
        width:50px;
}
.top-time span{
        color: white;
        font-size: 30px;
        display: inline-block;
        margin-top: 11px;
        position: absolute;
        margin-left: 10px;
        width:180px;
}
.bottom-left{
        padding:25px 0 0 35px;
        display: inline-block;
        width:400px;
}
.bottom-left img{
        height:50px;
        margin-left:20px;
        right:24px;
        cursor: pointer;
}
.bottom-middle{
        display: inline-block;
        width: 800px;
        color: white;
        text-align: center;
        font-size: 15px;
        line-height: 20px;
}
.bottom-right{
        width: 350px;
        display: inline-block;
        text-align:right;
        /* margin-left:20px; */
        /* float:right;
        margin-top:20px; */
}
.bottom-right img{
        height:50px;
        position: relative;
}
.bottom-right .setting{
        margin-left:25px;
        float:right;
}
.bottom-right .logout{
        height: 60px;
        margin-top: -5px;
}
.bottom-right span{
        font-size: 30px;
        color: white;
        position: relative;
        top: -15px;
        left: 10px;  
}
/* .hw-bg{
        width:1600px;
        height:900px;
        background:url("../image/haewoon_bg.jpg") no-repeat;
        position:fixed;
        top:0px;
}
.hw-bg-map{
        width:1600px;
        height:900px;
        background:url("../image/haewoon_bg_map.jpg") no-repeat;
        position:fixed;
        top:0px;
} */
/* .blank{
        height:900px;

}
.top-bg,.bottom-bg{
        width:100%;
        height: 100px;
        background:#215591;
}
.middle-bg{
        width:100%;
        height:calc( 100% - 200px );
        background:#4074B0;
} */