@charset 'utf-8';

/* G마켓 폰트 */
@font-face {
	font-family: 'GmarketSansBold';
	src: url('../Font/GmarketSansBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSansMedium';
	src: url('../Font/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSansLight';
	src: url('../Font/GmarketSansLight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* 기종별 글자 크기 초기화 */
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_top_1.png') no-repeat top center;
	width: 720px;
	height: 6910px;
	margin: 0 auto;
	    border-bottom: 25px solid #3f4042;
}

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

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

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

/* 상단 글자 */
.header-text { position: absolute; top: 164px; left: 0px; color: #fff; width: 720px; text-align: center; text-shadow: 5px 5px 10px #000;}
.header-text p { font-size: 53px; margin-bottom: 14px; font-weight: 400;}
.header-text .color-text { font-weight: 800; }
.header-text .small { font-size: 28px; margin-top: 20px}

/* 입력 폼 */
.form-box {position: absolute;top: 712px;left: 66px;}
.form-all { height: 75px; 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: 153px; line-height: 75px; font-weight: bold; background: none; color: #fff; text-align: left; }

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

.form-set .form-tel { display: inline-block; }
.form-set div .form-text { vertical-align: top; width: 433px; padding: 5px 7px; outline: none; border: 3px solid #000;; border-radius: 0; box-sizing: border-box;}
.form-set div .form-number { vertical-align: top; width: 135px; 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;}

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


.btn_submit {position: absolute;top: 284px;left: -10px;width: 608px;height: 121px;background: transparent;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-box {position: absolute;top: 3874px;left: 514px;} 
.btn-box>div { position: absolute; top: 0; left: 0; width: 182px; height: 96px; cursor: pointer; }  */
.btn-box .btn-top1 {/* top: 0px; */} 
/* .btn-box .btn-top2 { top: 118px; } 
.btn-box .btn-top3 {top: 231px;} 
.btn-box .btn-top4 {top: 349px;} 
.btn-box .btn-top5 {top: 467px;} 
.btn-box .btn-top6 {top: 585px;} 
.btn-box .btn-top7 {top: 704px;} 
.btn-box .btn-top8 {top: 740px;}
.btn-box .btn-top9 {top: 940px;} */

/* bx-slider */
.bx-box { position : absolute; top: 1838px; left: 66px;	width: 620px; color: #3c2828; }
.bx-box .bx-wrapper, 
.bx-box .bx-viewport { 
	height: 389px !important;
}
.bx-box ul li {	margin-bottom: 16px; }@charset 'utf-8';

/* G마켓 폰트 */
@font-face {
	font-family: 'GmarketSansBold';
	src: url('../Font/GmarketSansBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSansMedium';
	src: url('../Font/GmarketSansMedium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GmarketSansLight';
	src: url('../Font/GmarketSansLight.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* 기종별 글자 크기 초기화 */
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_top_1.png') no-repeat top center;
	width: 720px;
	height: 1160px;
	margin: 0 auto;
}

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

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

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

/* 상단 글자 */
.header-text { position: absolute; top: 164px; left: 0px; color: #fff; width: 720px; text-align: center; text-shadow: 5px 5px 10px #000;}
.header-text p { font-size: 53px; margin-bottom: 14px; font-weight: 400;}
.header-text .color-text { font-weight: 800; }
.header-text .small { font-size: 28px; margin-top: 20px}

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

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

.form-set .form-tel { display: inline-block; }
.form-set div .form-text { vertical-align: top; width: 433px; padding: 5px 7px; outline: none; border: 3px solid #000;; border-radius: 0; box-sizing: border-box;}
.form-set div .form-number { vertical-align: top; width: 135px; 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; width: 280px;}
.form-set div select { outline: none; border: none; font-weight: 800;}

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

.btn_submit {position: absolute;top: 284px;left: -10px;width: 608px;height: 121px;background: transparent;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-box {position: absolute;top: 217px;left: 516px;} 
.btn-box>div {position: absolute;top: 0px;left: -2px;width: 182px;height: 96px;cursor: pointer;}  */
.btn-box .btn-top1 {/* top: 0px; */} 
/* .btn-box .btn-top3 {top: 109px;} 
.btn-box .btn-top4 {top: 227px;} 
.btn-box .btn-top5 {top: 340px;} 
.btn-box .btn-top6 {top: 458px;} 
.btn-box .btn-top7 {top: 576px;} 
.btn-box .btn-top8 {top: 694px;} 
.btn-box .btn-top9 {top: 812px;} */
/* .btn-box .btn-top9 {top: 930px;} */
.btn-top5 img{}

/* bx-slider */
.bx-box {position : absolute;top: 717px;left: 100px;width: 620px;color: #3c2828;}
.bx-box .bx-wrapper, 
.bx-box .bx-viewport { 
	height: 389px !important;
}
.bx-box ul li {	margin-bottom: 16px; }
.bx-box ul li span { font-size: 28px; }
.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 79px; vertical-align: -3px; }
.bx-box ul li span.age { display: inline-block; color: #fff; border: 1px solid #979797; background: #979797; font-size: 25px; padding: 12px 18px; font-weight: normal;}

/* 숫자 카운팅 */
.count-num { position: absolute; top: 1349px; left: 492px; font-size: 36px; text-align: right; font-weight: normal; color: #fff;}
.count-num>div { display: inline-block; width: 135px; position: absolute;}
.count-num>div:nth-child(2) { top: 128px; }
.count-num>div:nth-child(3) { top: 256px; }

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

/* ���� */

.slick-popup {  
	position: absolute;
	bottom: 35px;
	left: 70px;
	line-height: 39px;
	overflow: hidden;
	width: 520px;
	height: 190px;
}

.slide-popup { 
	font-size: 24px;
}

.slide-popup div { 
	margin-bottom: 2px;
}

.slide-popup .s2 { 
	padding: 0px 45px;
}

.slide-popup .s3 { 
	color: #fff;
}
.slide-popup .s3 i { 
	height: 39px;
	width: 115px;
	display: inline-block;
	background: #0090f6;
	text-align: center;
}

#container{position: relative;}
.today_txt{position: absolute;left: 548px;top: 28px;color: #fff;font-weight: bold;}
.bx-box ul li span { font-size: 28px; }
.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 79px; vertical-align: -3px; }
.bx-box ul li span.age { display: inline-block; color: #fff; border: 1px solid #979797; background: #979797; font-size: 25px; padding: 12px 18px; font-weight: normal;}

/* 숫자 카운팅 */
.count-num {position: absolute;top:240px;left: 492px;font-size: 36px;text-align: right;font-weight: normal;color: #fff;}
.count-num>div { display: inline-block; width: 135px; position: absolute; white-space: nowrap;}
.count-num>div:nth-child(2) { top: 128px; }
.count-num>div:nth-child(3) { top: 256px; }

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

/* ���� */
#mask { background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; z-index: 99999;}
.cm-popup {z-index: 99999;;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%)}
.cm-popup .form-box {position: absolute;top: 417px;left: 30px;}
.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: 380px; }
.cm-popup .form-set div .form-number { width: 117px; }
#mobile2.form-number-pop { width: 249px; border: 3px solid #000;}
.cm-popup .privacy { color: #222; font-size: 26px; margin-top: -2px;}
.cm-popup .privacy a { color: #222; }
.cm-popup .btn_submit {top: 206px;left: 11px;width: 509px;height: 85px;}
.cm-popup .privacy #check-box2 { width: 33px; height: 33px; vertical-align: -5px; }
.popup-close { width: 20px;	height: 20px; font-size: 70px; position: absolute; top: -5px; left: 546px; color: #fff; cursor: pointer; font-weight: bold; }

.slick-popup {  
	position: absolute;
	bottom: 35px;
	left: 70px;
	line-height: 39px;
	overflow: hidden;
	width: 520px;
	height: 190px;
}

.slide-popup { 
	font-size: 24px;
}

.slide-popup div { 
	margin-bottom: 2px;
}

.slide-popup .s2 { 
	padding: 0px 45px;
}

.slide-popup .s3 { 
	color: #fff;
}
.slide-popup .s3 i { 
	height: 39px;
	width: 115px;
	display: inline-block;
	background: #0090f6;
	text-align: center;
}

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


/*한문철 이미지 삽입시 적용한 css */
.hmc_wrap {
    text-align: center;
    margin: 50px 0;
}

.hmc_wrap a {
	display: block;
}

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

#mask > div > div.form-box > form > div.form-set > div:nth-child(1) > input {font-family: none;}
#mobile2::placeholder { font-weight: normal; color:#aaa; font-size: 28px;}
.cm-popup #mobile2::placeholder { font-weight: normal; color:#aaa; font-size: 30px;}
#wrap > div > div.form-box > form > div.form-set > div:nth-child(1) > input {font-family:none;}
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: 26px;}
#mobile1{color: #000;}

.tm_txt {    position: absolute;line-height: 1.3;top: 420px; width: 100%;text-align: center;z-index: 10; font-size: 12px;color:#fff}

/* wrap_bottom 회사별 섹션별 분리 */
.btn-box::before{/* 제목 보이게 상단여백 */
    content: ""; display: block; clear: both;
    width: 100%; height: 220px;
}
.btn-box>div{
    width: 720px; height: 115px; padding: 0 55px; margin: 5px 0;
    background: url(./mainbg_bottom_2.png) no-repeat center/cover;
    display: flex; justify-content: space-between;
    box-sizing: border-box;
}
.btn-box>div>img{
    width: 250px; height: 75px;
    padding: 10px; margin-left: 10px;
    }
.btn-box>div>div{
    background-color: #3c3c3c; color: #fff;
    font-size: 23px; font-weight: 700; line-height: 1.2;
    width: 175px; height: 95px;
    padding-bottom: .49px;
    display: flex; justify-content: space-around; align-items: center;
    cursor: pointer;
}
.btn-box>div>div img{/* 화살표 */
    display: block;
    width: 28px; height: 25px;
}

/* 하단배너, 필수안내사항 */
.mainbg_bottom_3,
.mainbg_bottom_4{
    width: 100%;
}
.mainbg_bottom_3 img,
.mainbg_bottom_4 img{
    display: block;
    margin: 0 auto;
}
.main_top_list ul {     display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 324px;
    width: 720px;
    gap: 3px;
}
.main_top_list ul li {    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
    background: rgba(0,0,0,.5);
    padding: 20px 0;
	height:80px;
    box-sizing: border-box;}