html{width: 100%;height: 100%;overflow: hidden;}
body{width: 100%;height: 100%;margin:0; padding:0;position: relative;background: rgba(0,0,0,0);overflow: hidden;}

*{box-sizing:border-box; font-family:"NotoSansKR"; text-size-adjust: none;-webkit-text-size-adjust: none;}

#container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center;
    background-size: 100%;
    visibility: hidden;
    background: black;
}

#container.pop{
    background: #fff;
}

#wrap {
    width: 2048px;
    height: 1080px;
    position: absolute;
    background-position: center;
    visibility: hidden;
    top: 0;
    overflow: hidden;
}

#wrap.pop {
    width: 912px;
    height: 1080px;
    position: absolute;
    background-position: center;
    visibility: hidden;
    top: 0;
    overflow: hidden;
    background-color: #fff !important;
}

.contents {
    width: 100%;
	height: 100%;
    display: none;
    overflow: hidden;
}

#container {
    background-position: center;
}

#container.intro {
    background-position: center;
}

#wrap.intro {
    background-position: center;
}


#wrap.pop .intro{
    display: none;
}