@charset "utf-8";
/* CSS Document */

body {width: 100%; max-width: 640px; margin: 0 auto; font-family: 'Noto Sans KR', sans-serif; font-weight: 400; color: #000; font-size: 16px; line-height: 18px; letter-spacing: -1px; word-break: break-all; background: #000;}
* {padding:0; margin:0;}
li {list-style: none;}
img {vertical-align:top; border:0; width: 100%;}
		

.pop_ban {max-width: 640px; width: 95%; margin: 0 auto; color: #fff; position: fixed; left: 50%; right: 50%; bottom: 10px; transform: translateX(-50%);}
.pop_box {padding: 15px; background-color: rgba(0, 0, 0, 0.5);border-radius: 10px;}
.pop_inner {display: flex; align-items: center;}
.profile {margin-right: 15px;}
.profile > img {width: 40px; border-radius: 25px;}
.pop_txt {line-height: 25px;}
.pop_txt > p:nth-child(1) {font-weight: bold;}
.pop_txt > p:nth-child(2) {font-size: 12px;}
.pop_btn {background: #3ea6ff; color: #fff; font-size: 15px; text-align: center; padding: 7px 0; border-radius: 19px; margin: 10px 0 0;}
		
/**/
.dbwrap {background: #192466;}	
.formwrap {color: #fff; margin: 0 auto; width: 90%;}
.formwrap > ul {display: flex; margin: 0 0 7px; justify-content: center; }
.formwrap > ul > li:nth-child(1) {width: 20%; font-weight: bold;}
.formwrap > ul > li:nth-child(2) {width: 75%; display: flex;}
.formwrap > ul > li:nth-child(2) > input {width: 100%; height: 30px; border: 0; border-radius: 3px; padding-left: 5px;}
.formwrap > ul > li:nth-child(2) > input[type=tel] {width: 33%; margin-right: 5px;}
.formwrap > ul > li:nth-child(2) > input[type=tel]:last-child {margin: 0;}
.db_btn {width: 85%; margin: 0 auto; padding: 15px 0 30px;}
.db_btn > input {width: 100%;}
/**/
		
#vwrap {background: #000;}
.top {padding: 8% 7%;}



 .speaker{position: absolute;bottom: 135px;right: 10px;width: 40px; height: 40px;}



.dbwrap .close{    position: absolute;  top: 11px; cursor: pointer;right: 30px;}
.dbwrap .close::before {
    margin-left: 10px;
    position: absolute;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #fff;
    transform: rotate(45deg);
}

.dbwrap .close::after {
    margin-left: 10px;
    position: absolute;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #fff;
    transform: rotate(-45deg);
}