@charset 'utf-8';

@font-face {
	font-family: 'NanumBarunGothicBold';
	src: url('../Font/NanumBarunGothicBold.woff') format('woff');
}
@font-face {
	font-family: 'NanumBarunGothic';
	src: url('../Font/NanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family: 'NanumBarunGothicLight';
	src: url('../Font/NanumBarunGothicLight.woff') format('woff');
}

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 top center;
	height: 2915px;
	width: 720px;
	margin: 0 auto;
}

a {	color: #fff; text-decoration: none; }
img{image-rendering: -webkit-optimize-contrast;}
.container { width: 720px; margin: 0 auto; position: relative; }

/* 헤더 */
.header { position: relative; width: 100%; height: 70px; }
.btn-header {     width: 262px;
    height: 36px;
    position: absolute;
    right: 10px;
    top: 17px;
    cursor: pointer;}

/* 상단 글자 */
.header-text { width: 100%;	position: absolute; top: 155px; left: 0px; text-align: center;}
.header-text p { line-height: 78px; }
.header-text p, .header-text span { text-shadow: rgba(0,0,0,1) 5px 5px 10px; font-family: NanumBarunGothicBold; font-size: 70px; color: #fff000; font-weight: bold;}
.header-text .color-text { color: #fff; font-weight: normal; font-family: NanumBarunGothicLight;}
.header-text span { position: relative; }
.header-text span::before { content: ''; position: absolute; top: 72px; left: 0; height: 4px; width: 100%; background: #fff000; box-shadow: 5px 4px 10px #000;}

/* 입력 폼 */
.form-box { position: absolute; top: 587px; left: 70px; }
.form-all { height: 73px; font-weight: 800; font-size: 38px; font-family:NanumSquare, sans-serif;}
.form-set div { margin-bottom: 10px; display:flex;}
.form-set div span { display: inline-block; width: 160px; line-height: 73px; font-weight: 800; color: #fff; text-align: left; }
#consult_money, #consult_sangdam, #sb_type { margin-left:-4px;}
.form-set .form-tel { display: inline-block; }
.form-set div .form-text { vertical-align: top; width: 418px; padding: 5px 8px; outline: none; border: 3px solid #000; border-radius: none; box-sizing: border-box;}
.form-set div .form-number { vertical-align: top; width: 136px; outline: none; border: 3px solid #000; border-radius: none; margin-right: 5px; padding: 5px 8px;}
.form-set div .form-number:last-child { margin-right: 0; }
.form-set div select { outline: none; border: none; font-weight: 800;}

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

.privacy { text-align: center; font-size: 32px; font-family:NanumSquare, sans-serif; color: #fff; margin-top: 41px; letter-spacing: 0.3px;}
.privacy #check-box { width: 32px; height: 32px; vertical-align: -6px; 	}

.btn_submit {
	position: absolute;
    top: 264px;
    left: -19px;
    width: 620px;
    height: 107px;
    background: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    overflow: visible;
    cursor: pointer;
}


/* Select box 스타일 초기화 */ 
select {
	padding: 0 10px 0 4px;
	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-box { position: absolute; top: 2665px; left: 465px;}
.btn-box>div { position: absolute; top: 0; left: 0; width: 230px; height: 120px; cursor: pointer; }
.btn-box .btn-top1 { top: 0px; }
.btn-box .btn-top2 { top: 147px; }
.btn-box .btn-top3 { top: 294px; }
.btn-box .btn-top4 { top: 441px; }
.btn-box .btn-top5 { top: 588px; }
.btn-box .btn-top6 { top: 735px; }
.btn-box .btn-top7 { top: 882px; }
.btn-box .btn-top8 { top: 1029px; }
.btn-box .btn-top9 { top: 1176px; }

/* bx-slider */
.bx-box { position : absolute; top: 1851px; left: 77px;	width: 620px; color: #0; }
.bx-box .bx-wrapper, 
.bx-box .bx-viewport { 
	height: 325px !important;
}
.bx-box ul li {	margin-bottom: 22px; color: #fff;}
.bx-box ul li span { font-size: 25px; display: inline-block; vertical-align: center;}
.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 {  }
.bx-box ul li span.sex { padding: 0 74px 0 74px; line-height: 25px; }
.bx-box ul li span.age { vertical-align: 1px; 
	color: #683513; 
	border: 1px solid #fff; 
	background: #fff; 
	font-size: 23px; 
	width: 85px;  
	padding: 8px 15px;
	vertical-align: 3px;
	float: right;
	margin: 0 52px 0 0;
}

.bx-box2 { position: absolute; top: 423px; left: 26px; }

/* 숫자 카운팅 */
.count-num { font-family: NanumSquare; position: absolute; top: 9196px; left: 69px; font-size: 24px; text-align: center; font-weight: 800; color: #fff; white-space:nowrap;}
.count-num>div { display: inline-block; width: 110px; position: absolute;}
.count-num>div:nth-child(2) { left: 236px; }
.count-num>div:nth-child(3) { left: 474px; }

/* 푸터 */
#footer { width: 720px; background: #111; margin: 0 auto;	text-align: center;	color: #aaa; box-sizing: border-box; padding: 30px 50px;	font-size: 20px; }
#footer div { margin-bottom: 20px; }
#footer div:last-child { margin-bottom: 0; }
#footer .copyright ul li { margin-bottom: 10px; font-size:16px; }
#footer .copyright ul li:last-child { margin-bottom: 0px; }
#footer p { margin-top: 25px; font-size:16px; }
#footer a { color: #aaa; }

/* ���� */
#mask { background: rgba(0, 0, 0, 0.8); width: 720px; height: 100%; position: fixed; z-index: 99999; right: 0; left: 0; margin: 0 auto; display: none; }
.mask-a { width: 720px;	height: auto; position: relative; margin: 0 auto; }
.cm-popup { width: 590px; height: 780px; z-index: 99999; overflow: hidden; position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; margin-top: -390px; }

.cm-popup .form-box { position: absolute; top: 158px; left: 51px; }
.cm-popup .form-all { font-size: 35px; height: 70px; }
.cm-popup .form-set div span { color: #222; width: 150px; line-height: 70px;}
.cm-popup .form-set div .form-text { width: 340px; }
.cm-popup .form-set div .form-number { width: 110px; }
.cm-popup .privacy { color: #222; font-size: 30px; margin-top: 12px;}
.cm-popup .privacy a { color: #222; }
.cm-popup .btn_submit { top: 291px; left: -15px; width: 525px; height: 88px; }
.cm-popup .privacy #check-box2 { width: 30px; height: 30px; vertical-align: -5px; }
.popup-close { width: 20px;	height: 20px; font-size: 80px; position: absolute; top: 0px; left: 532px; color: #222; cursor: pointer; font-weight: bold; }

/* 성별 */

.sex_cover { position:absolute; left: 440px; top:2px;  display:flex; }
.sex_cover input { display:none;}
.sex_cover label { border:1px solid #000; height: 68px; width: 66px; display:flex; justify-content:center; align-items:center; font-weight:bold; font-size:18px; background:#e0e0e0;cursor: pointer;}
.sex_cover input:checked + label { background:#fd0; font-weight:bold;}
 input:focus {border:2px solid #fd0 !important; outline:none;}
 #consult_memo { margin-left:-4px;}
 .cover_box { position:relative; margin-bottom:0 !important}