@charset 'utf-8';

/* 기종별 글자 크기 초기화 */
html, body{
  -webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라 신버전 */
  -ms-text-size-adjust : none;  /* IE */
  -moz-text-size-adjust : none;  /* 파이어폭스 */
  -o-text-size-adjust : none;  /* 오페라 구버전 */
}

#wrap {
	background: url('./mainbg.png') no-repeat center center;
	background-size: cover;
	width: 720px;
	height: 9363px;
	margin: 0 auto;
}

a {	color: #fff; text-decoration: none; }

.container { width: 720px; margin: 0 auto; position: relative; }

.text-date { position: absolute; top: 13px; right: 16px; font-size: 24px; font-weight: 600; color:#FFF;}

/* 입력 폼 */
.form-box { position: absolute; top: 660px; left: 66px; }
.form-all { height: 80px; font-weight: 800; font-size: 38px; font-family:NanumSquare, sans-serif;}
.form-set div { margin-bottom: 15px; }
.form-set div span { display: inline-block; width: 163px; line-height: 80px; font-weight: bold; background: none; color: #000; text-align: left; }

.form-set .form-tel { display: inline-block; }
.form-set div .form-text { vertical-align: top; width: 424px; padding: 5px 8px; outline: none; border: 3px solid #000;; border-radius: 0; box-sizing: border-box;}
.form-set div .form-number { vertical-align: top; width: 132px; outline: none; border: 3px solid #000; border-radius: 0; margin-right: 14px; padding: 5px 10px;}
.form-set div .form-number:last-child { margin-right: 0; }
.form-set div select { outline: none; border: none; font-weight: 800;}

.form-set div input:focus { border: 3px solid #ffd600; }
.form-set div select:focus { border: 3px solid #ffd600; }

.privacy { text-align: center; font-size: 35px; font-family:NanumSquare, sans-serif; color: #000; margin-top: 0px;}
.privacy #check-box { width: 35px; height: 35px; vertical-align: -6px;}
.privacy a { color: #000; }

.btn_submit {position: absolute;
       top: 255px;
    left: -20px;
    width: 628px;
    height: 112px;
    background: inherit;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    overflow: visible;
    cursor: pointer;}


/* Select box 스타일 초기화 */ 
select {
	padding: 0 10px 0 15px;
	background: url('arrow.png') no-repeat 100% 50% #fff !important;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }

/* placeholder 초기화 */
input::-webkit-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
input:-ms-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
textarea::-webkit-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
textarea:-ms-input-placeholder {
  color: #aaa;
  font-style: normal;
  font-weight:100;
}
input::placeholder { font-weight: 400; color:#aaa; }


/* alert 버튼 */
.btn-box1 { position: absolute; top: 1839px; left: 43px; width: 640px; height: 1139px; cursor:pointer; }
.btn-box2 { position: absolute; top: 3142px; left: 195px; width: 332px; height: 80px; cursor:pointer; display:none;}
.btn-header { position: absolute; top: 11px; right: 7px; width: 132px; height: 70px; cursor:pointer; }
/* bx-slider */
.bx-box { position : absolute; top: 1304px; left: 82px;	width: 620px; color: #3c2828; }
.bx-box .bx-wrapper, 
.bx-box .bx-viewport { 
	height: 360px !important;
}
.bx-box ul li {	margin-bottom: 16px; }
.bx-box ul li span { font-size: 30px; }
.bx-box ul li span:nth-child(2) {
}
.bx-box ul li span:nth-child(1),
.bx-box ul li span:nth-child(2) {
	display: inline-block;
}
.bx-box ul li span.name_new {  letter-spacing: -1px; vertical-align: -3px; }
.bx-box ul li span.sex { letter-spacing: -1px; padding: 0 60px; vertical-align: -3px; }
.bx-box ul li span.age { display: inline-block; color: #fff; border: 1px solid #173ea6; background: #173ea6; font-size: 27px; padding: 14px 18px; font-weight: normal;}

/* 푸터 */
#footer {
	width: 720px;
	background: #eee;
	margin: 0 auto;
	text-align: right;
	color: #222;
	box-sizing: border-box;
	padding: 30px;
	font-size: 19px;
	font-weight: bold;
}
#footer .copyright ul li {
	margin-bottom: 16px;
}
#footer .f-logo {
	margin: 15px 0;
}
#footer a { 
	color: #477730;
}
#footer p { 
	display: block;
	padding-top: 10px;
}

.lotto_pop { width:100%; height:100vh; background:rgba(50,50,50,0.5); position:fixed; top:0; left:0; display:none;}
.container_lotto { width:635px; height:902px; background:url('./popupbg.png') no-repeat; position:absolute; border-radius:10px; left:50%; top:50%; transform:translate(-50%,-50%);}
.lotto_btn { width: 427px; height: 100px; font-size: 36px; font-weight:bold; background: #f2900f; cursor: pointer; border:none; color: #fff; position: absolute;top: 768px;border-radius: 9px;left: 50%;transform: translateX(-50%); }
.result div { border-radius:50%; width:70px; height:70px; text-align:center; line-height:70px; font-size:30px; color:#fff; font-weight:bold; border:2px solid #fff; box-shadow:0 0 20px #fff;}
.result { display:flex; justify-content:space-around;  width:500px; margin:144px auto 0; }
.close_btn { position:absolute; bottom:0; left:0; width:100%; height:120px; line-height:120px; text-align:center; font-size:30px; font-weight:bold; background:#111; cursor: pointer; border:none;color:#fff;}