@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Meie+Script&display=swap');
.miral {font-family: 'Meie Script', cursive;}
#wrap{width:100%; height:100%; overflow-x:hidden}

.wrap_bg{width:100%; height:100%; position:relative;}
	.wrap_bg_opacity{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:2;}
	.wrap_bg_main{display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-image:url('/waiting/common/img/visual1.jpg'); background-size:cover; background-position: center center;}

.container{position:relative; width:100%; height:100%;}
.container .logo{position:absolute; left:0; top:0; z-index:999; opacity:0.5; /* background:url('/rating/common/img/logo.png') no-repeat left top; */ margin:30px 0 0 30px; width:110px; height:40px; padding-left:45px; line-height:40px;}
	.container .logo:hover{opacity:1;}
	.container .logo span{color:#fff; z-index:5}

.container_div{position:absolute; left:50%; top:50%; z-index:5; transform: translate(-50%, -55%);}
	.container_div h2{color:#fff; font-size:40px; text-align:center;}
	.container_div #clock{border-top:1px solid rgba(255,255,255,0.15); border-bottom:1px solid rgba(255,255,255,0.15); padding:15px 0; width:550px; margin:20px auto; text-align:center;}
	.container_div #clock > div{display:inline-block; padding:0 25px; text-align:center;}
	.container_div #clock > div span{font-size:50px; display:block; line-height:48px; color:#fff}
	.container_div #clock > div span+span{font-size:14px; line-height:34px; font-weight:600; color: rgba(255,255,255,0.7); margin-top:5px;}
	.container_div .container_bot{text-align:center; margin-top:60px;}
	.container_div .container_bot p{color:#fff; font-weight:600;}
	.container_div .container_bot input{background: rgba(255,255,255,0.1); border-color: #fff; color: rgba(255,255,255,0.7); height: 45px; padding: 10px 18px; font-size: 13px; box-sizing:border-box; width:360px; margin-top:9px; cursor:pointer; border:1px solid #fff}

.container_sns{position:absolute; bottom:50px; text-align:center; width:100%;}
	.container_sns li{display:inline-block; margin:0 7px;}
	.container_sns li a{z-index: 2; position: relative; width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; background: #ed8323; border-radius:50%;}
	.container_sns li a:hover{background:#c96810}
	.container_sns li a i{color:#fff;}


/* Rules for sizing the icon. */

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }


/* Rules for using icons as black on a light background. */

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }


/* Rules for using icons as white on a dark background. */

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.t1 {font-family:"Titillium Web","Nanum Gothic", 맑은 고딕, 微软雅黑, sans-serif;}