@charset 'utf-8';

@font-face {
	font-family: 'NanumSquare';
	src: url('../Font/NanumSquare.woff') format('woff');
}
@font-face {
	font-family: 'NanumBarunGothic';
	src: url('../Font/NanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family: 'NanumSquare';
	src: url('../Font/NanumSquare.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;  /* �ろ��� 蟲���� */
}

body {
	overflow-x: hidden;
}

#wrap {
	background: url('./mainbg_top_1.png') no-repeat top center;
	height: 1080px;
	width: 720px;
	margin: 0 auto;
	    border-bottom: 30px solid #1c1c1c;
}

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

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

/* 헤더 */
.header { position: relative; width: 100%; height: 70px; }

/* 상단 글자 */
.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: NanumSquare; font-size: 70px; color: #fff000; font-weight: bold;}
.header-text .color-text { color: #fff; font-weight: normal; font-family: NanumSquare;}
.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: 654px; left: 70px; }
.form-all { height: 80px; font-weight: 800; font-size: 38px; font-family:NanumSquare, sans-serif;}
.form-set div { margin-bottom: 23px; }
.form-set div span { display: inline-block; width: 160px; line-height: 80px; font-weight: 800; color: #fff; text-align: left; }

.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;width: 273px;}
.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: 32px; letter-spacing: 0.3px;}
.privacy #check-box, .privacy #check-box__mod { width: 32px; height: 32px; vertical-align: -6px;	}

.btn_submit {position: absolute;top: 289px;left: -19px;width: 619px;height: 103px;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:-227px;left: 462px;}
.btn-box>div { position: absolute; top: 0; left: 0; width: 230px; height: 120px; cursor: pointer;}
.btn-box .btn-top1 {top: 389px;}
.btn-box .btn-top3 {top: 536px;}
.btn-box .btn-top4 {top: 683px;}
.btn-box .btn-top5 {top: 830px;}
.btn-box .btn-top6 {top: 976px;}
.btn-box .btn-top7 {top: 1123px;}
.btn-box .btn-top8 {top: 1270px;}
.btn-box .btn-top9 {top: 1417px;}
.btn-box .btn-top9 {top: 1564px;} */

/* bx-slider */
.bx-box {position : absolute;top: 182px;left: 81px;width: 620px;color: #3c2828;}
.bx-box .bx-wrapper, 
.bx-box .bx-viewport {
	height: 274px !important;
}
.bx-box ul li {	margin-bottom: 22px; }
.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 100px 0 100px; line-height: 25px; }
.bx-box ul li span.age { vertical-align: 1px; 
	color: #fff; 
	border: 1px solid #ff5000; 
	background: #ff5000; 
	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: left;	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;line-height: 1.4em; }
#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: 100%;height: 100%;position: fixed;z-index: 99999;top: 0;left: 0;}
.mask-a { width: 720px;	height: auto; position: relative; margin: 0 auto; }
.cm-popup {z-index: 9999; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%);}
.cm-popup .form-box {position: absolute;top: 366px;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; }
#mobile2.form-number-pop { width: 223px; border: 3px solid #000;}
.cm-popup .privacy { color: #222; font-size: 30px; margin-top: 12px;}
.cm-popup .privacy a { color: #222; }
.cm-popup .btn_submit {top: 247px;left: -15px;width: 516px;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; }

#container{position: relative;}
.today_txt{position: absolute;left: 559px;top: 23px;color: #fff;font-weight: bold;}

/*한문철 이미지 삽입시 적용한 css */
.hmc_wrap {
   max-width: 720px;
   margin: 0 auto;
   text-align:center;
   margin-top: 40px;
}

.hmc_wrap a {
	display: block;
}

.wrap_bottom {
	position:relative;
	max-width: 720px;
	margin: 0 auto;
	
}

.event_banner{width: 720px; margin:0 auto;}
.event_banner img{width: 100%;}
.event_banner_wrap {background:url("./banner_bg.png") no-repeat top center; margin-top:-2px;}
.main_event {width:610px; margin: 0 auto;}
.mt_20{margin-top: 15px;}
.mainbg_top2 {position:relative; width: 720px; margin:0 auto;  margin-top:-2px;}


#mask > div > div.form-box > form > div.form-set > div:nth-child(1) > input {font-family: none;}
#wrap > div > div.form-box > form > div.form-set > div:nth-child(1) > input{font-family:none;}
#mobile2::placeholder { font-weight: normal;  font-size: 30px;}
.cm-popup #mobile2::placeholder { font-weight: normal;  font-size: 24px;}
input#customer_name::placeholder{font-family: NanumSquare, sans-serif !important;}

.cm-popup{transform: translate(-50%,-50%) scale(0.82);}
.cm-popup #mobile2{padding: 0; margin: 0; padding-left: 5px;}
.cm-popup #mobile2::placeholder{font-size: 24px;}
#mobile1{color: #000;}

.bx-box {width: 515px;}
.bx-box ul li span { font-size: 26px; }
.bx-box{position: absolute; left: 50%; transform: translateX(-50%);}
.bx-box ul li div {display:flex; align-items: center; justify-content: space-between;}
.bx-box ul li span.sex{padding: 0 20px;}
.bx-box ul li span.age{margin-right: 0; width: 100px; text-align: center;}
.bx-box .bx-wrapper, .bx-box .bx-viewport{height: 294px !important;}
.tm_txt {    position: absolute;line-height: 1.3;top: 403px; width: 100%;text-align: center;z-index: 10; font-size: 12px;color:#fff;}


/*mainbg_top_2 section 회사별 분리 */
.mainbg_txt {margin-bottom:12px;}
.alert3 > div {background:url(./mainbg_bottom_2.png); background-repeat: no-repeat; height: 122px; margin-bottom: 25px;}
.alert3 > div > div.btn_wrap > div  {width: 250px; height: 122px; color: #fff; display: flex;align-items: center;justify-content: center; gap:20px; color: #fff;font-size: 25px;font-weight: bold; padding-left: 25px;gap: 40px;}
.alert3 > div > div.btn_wrap {position: relative; display: flex; justify-content: space-between;
 padding:0 26px; align-items: center; height: 100%;}
.btn_txt span {color: yellow;}
.mainbg_bottom_3 {margin-top: 55px;}
.alert3 > div > div.btn_wrap > div:last-child {width: 230px; line-height:1.2em; cursor: pointer;}