@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;
}

#wrap {
	background: url('./mainbg_top.png') no-repeat top center;
	height: 880px;
}

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

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

/* 헤더 */
.header { position: relative; width: 100%; height: 70px; }
.logo { width: 320px; height: 62px;	position: absolute;	left: -1px; top: 9px; cursor: pointer; }
.btn-header { width: 215px; height: 43px; position: absolute; right: -1px; top: 20px; cursor: pointer}

/* 상단 글자 */
.header-text { position: absolute; top: 164px; left: 248px; }
.header-text p { font-family: 'GmarketSansBold'; font-size: 60px;}
.header-text .color-text { color: #ff4600; margin-bottom: 8px;}
#insuSampleTbody > tr:nth-child(1) > td.price > div > div { display: none;}
/* 입력 폼 */
#form-box { position: absolute; top: 505px; left: 36px; }
.form-all { height: 45px; font-size: 20px; font-weight: 800; font-size: 19px; font-family:NanumSquare, sans-serif;}
.form-all2 { line-height: 23px !important;} 
.form-set div { margin-bottom: 10px; }
.form-set div span { display: inline-block; width: 85px; line-height: 45px; font-weight: normal; color: #fff;}

.form-set .form-tel { display: inline-block; }
.form-set div .form-text {vertical-align: top;width: 214px;padding: 5px 8px;outline: none;border: none;border-radius: none;box-sizing: border-box;}
.form-set div .form-number { vertical-align: top; width: 64px; outline: none; border: none; border-radius: none; margin-right: 5px; padding: 5px 8px;}
.form-set div .form-number:last-child {margin-right: 0;width: 145px;}
.form-set div select { outline: none; border: none; font-weight: 800;}

.form-set div input#customer_name:focus { background-color: rgb(245, 245, 210) !important; }
.form-set div input#customer_birth:focus { background-color: rgb(245, 245, 210) !important; }
#form-box .form-set div input.form-number:focus { background-color: rgb(245, 245, 210) !important; }

.privacy { text-align: center; font-size: 19px; font-family:NanumSquare, sans-serif; color: #fff;}
.privacy #check-box { width: 19px; height: 19px; vertical-align: -3px;}

.btn_submit {position: absolute;top: 204px;left: 3px;width: 286px;height: 53px;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-box1 { position: absolute; top: 507px; left: 427px; width: 365px; height: 265px; cursor:pointer; display:none;}
.btn-box2 { position: absolute; top: 1367px; left: 865px; width: 214px; height: 1034px; cursor:pointer; display:none;}

/* bx-slider */
.bx-box { position : absolute; top: 519px; left: 877px;	width: 250px; color: #3c2828; }
.bx-box .bx-wrapper, 
.bx-box .bx-viewport { 
	height: 243px !important;
}
.bx-box ul li {	margin-bottom: 7.5px; }
.bx-box ul li span { font-size: 12px; }
.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: -1.5px; }
.bx-box ul li span.sex { letter-spacing: -1px; padding: 0 5px 0 4px; vertical-align: -1.5px; }
.bx-box ul li span.age { display: inline-block; color: #fff; border: 1px solid #ff4600; background: #ff4600; font-size: 10px; padding: 4px 5px; }

/* 숫자 카운팅 */
.count-num { position: absolute; top: 995px; left: 410px; font-size: 27px; text-align: center; font-weight: bold;}
.count-num>div { display: inline-block; width: 100px; position: absolute;}
.count-num>div:nth-child(2) { left: 167px; }
.count-num>div:nth-child(3) { left: 332px; }

/* 푸터 */
/* �誤�� */

#footer {margin:0 auto;  text-align:center; background:#282a29;}
/*#footer .content {width:1000px; margin:0 auto;}*/
#footer .copy{text-align:center; padding:10px 0; font-weight:bold; font-size:16px; color:#545454;}
#footer .copy span{display:inline-block; text-align:center}
#footer .copy span a{color:#545454}
#footer .copyright {padding:40px 0; color:#fff;}


.footer {position:relative; z-index:11; background:#282a29; padding: 10px 0;}
.footer .con {width: 1000px; margin: 0 auto; position: relative; text-align: left;}
.footer .flogo {display: inline-block; vertical-align: top; margin: 15px 0 0 0;}
.footer .copy_s {display:inline-block; color:#999; vertical-align: top;  }
.copy_s p {margin: 12px 0; text-align: left; font-size: 14px; line-height:1.4;}
b {font-weight: 700;}
/* 테이블 및 최신 랜딩css */
#wrap_middle { padding: 0 0 60px 0; position:relative;}
#wrap_middle > div { width: 1000px; margin:0 auto;}
.mainbg_middle{ position: relative;}
#wrap_bottom { background:url('./mainbg_bottom.png') top center no-repeat; height:800px; position:relative;}
#userName { border-bottom:2px solid #000;}
.alert5 {
	position: absolute;
	left: 767px;
	width: 213px;
	height: 1034px;
	top: 0;
	cursor: pointer;
	}
#insuSampleTable{ width: 100%;}
#sampleTable { width:1106px; max-width:100%; margin:0 auto; vertical-align:middle; position:relative; z-index:9; background:#fff;}
.bh_name { display:flex; align-items:center; width:202px; max-width:20%;}
.product { vertical-align:middle; font-size:20px; font-weight:bold; max-width:55%; width:550px; word-break:keep-all;
white-space: pre-wrap; /* CSS3*/
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-all; /* Internet Explorer 5.5+ */ 
line-height: 1.2;
}

.price { vertical-align:middle; font-size:18px; text-align:center; width:165px; max-width:20%;}
.bh_number { font-size:14px; color:#999;}
#sampleTbody { border:none; border-collapse: separate; border-spacing: 0; background-clip: padding-box; width:1000px;}
.price_num { font-size:20px; color:#f44; font-weight:bold; cursor:inherit !important; position:relative;}
#sampleTable tr:first-child .wonbg { display:none;}
.wonbg { position:absolute; top:0; left:0; display:flex; width:166px; height:131px; justify-content:center; align-items:center; background:#3C2828; color:#fff; cursor:pointer; font-weight:bold;}
.wonbg.on { display:none;}
.jasehi { border:1px solid #333; margin:5px 0; color:#000;}
.price > div, .price > a { margin:5px 0; cursor:pointer; width:160px; height:40px; display:flex; align-items:center; justify-content:center; text-decoration:none; box-sizing:border-box;}
.gaip { background:#3C2828; color:#fff;}
#sampleTable tr { display:flex; justify-content:space-between; align-items:center; border:2px solid #333; padding:10px 25px; margin-bottom:20px;  box-shadow: 7px 0px 0px 2px #D9D7CB;}

.infoBox { 
    width: 388px;
    height: 236px;
    position: absolute;
    top: 504px;
    left: 426px;
}
/* 메인글씨 */
.header_text { position:absolute; top:121px; left:50%; transform:translateX(-50%); width:100%;}
.header_text h2 { font-size:75px; text-align:center; font-weight:900; color:#fff; text-shadow:0 0 5px #000;}
.yelText { color:#ffe600; text-align:center; font-weight:900; display:inline; white-space:nowrap;}
/* //메인글씨end */

.info1 { text-align:center; position:relative;}
.num_title { width:50px; height:50px; border-radius:50%; background:#0064c8; color:#fff; font-size:24px; display:flex; align-items:center; justify-content:center; margin:20px auto 10px;}
.info1 p { font-size:24px; line-height:1.2; }
.bo_com { width:193px; height:76px;  border-radius:5px;  font-size:40px; display:flex; align-items:center; justify-content:center; color:#f2f2bd; font-weight:900; position:absolute; top:119px; left:62px; display:none;}
.bo_com img { width:100%;}
.bh_day { margin:10px auto 0; width:258px; height:40px; border-radius:5px; font-size:22px; display:flex; align-items:center; justify-content:center; position:absolute; top:388px; left:30px; color:#fff;}
.bo_pri { color: #333; position: absolute; top: 213px; left: 81px; width: 89px; font-size: 23px; font-weight:900; display:none;}
.bh_sinname { text-decoration:underline; text-underline-position:under;}
.red { color:#f2f2bd; font-weight:900; border-bottom:1px solid #f2f2bd; }

/* .info2 { display:flex; align-items:center; justify-content:center; flex-direction:column;} */
.info2 {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    max-height: 278px;
    /* border: 1px solid #aaa; */
}
/* .info2 div { display:flex; align-items:center; background:#fff; justify-content:space-between; width:365px; border:1px solid #e0e0e0;} */
.info2 div {
    display: flex;
    align-items: center;
    background: #fff;
    /* justify-content: center; */
    width: 190px;
    padding: 8px 0 10px 0;
    border: 1px solid #e0e0e0;
    /* border-right: 0.5px; */
    /* border-left: 0.5px; */
    margin: 1px;
}
.i2_bh_name {
    width: 100px;
    max-width: 100%;
}
/* .i2_bh_name { width:109px; max-width:40%;} */
.i2_bh_name img{ width:95px; height: 33px;}
.i2_pipe { width:14px;max-width:5%; font-size:30px; color:#f0f0f0; text-align:center; }
.i2_text { width:54px; max-width:20%; font-size:10px; color:#999;}
.i2_price { max-width:96px; font-size:12px; color:#000; position:relative; width: 83px; text-align:center;}
.i2_price b { font-size:12px; color:#f2f2bd; font-weight:bold; width:65px; max-width:60%; background:#282828; box-shadow:0px -2px 2px #ccc; display:inline-block; text-align:center; padding:5px 0; border-radius:5px; margin:0 5px; }
.info2 div .i2_bg {
    position: absolute;
    top: -8px;
    left: -1px;
    display: flex;
    width: 85px;
    height: 35px;
    justify-content: center;
    align-items: center;
    background: #FF4600;
    color: #fff;
    cursor: pointer;
    border-radius: 5px;
}
.info2 div .i2_bg.on { display:none;}
.info2 div:first-child .i2_bg { display:none;}
.i2_bh_align { font-size:14px; display:none;}
/* 성별 css */
.sex_cover {position:absolute;right: 1px;top:-1px;display:flex;}
.sex_cover input { display:none;}
.sex_cover label { border:1px solid #000; height:45px; width:35px; display:flex; justify-content:center; align-items:center; font-weight:bold; font-size:18px; background:#e0e0e0;}
.sex_cover input:checked + label { background:#fd0; font-weight:bold;}
 .cover_box { position:relative; margin-bottom:0 !important;} 

/* //최신랜딩 css */
.container_fix { width:1000px; max-width:100%; margin:0 auto; position:relative;}
.par_name { font-size:14px; display:block; margin-bottom:5px;} 
.slick-box{display:none;}
#ajax_loding { position:fixed;z-index:999; top:0; left:0; width:100%; height:100vh; display:flex; background:rgba(0,0,0,0.7); color:#fff; font-size:30px; justify-content:center; align-items:center; flex-direction:column; display:none;}
.round { width:300px; height:300px; border-radius:50%; display:flex; align-items:center; justify-content:center; } 
 .hide { display:none;}
#insuSampleTbody > tr{ 
display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 5px 20px;
    border-right: 2px solid #999;
    border-left: 2px solid #999;
    box-shadow: 1px 2px 2px #ddd;
}
.form-all {
    height: 45px;
    font-size: 20px;
    font-weight: 800;
    font-size: 18px;
    font-family: NanumSquare, sans-serif;
}
input[type="tel" i] {
	box-sizing: border-box;
}
.i2_text{ display: none !important;}

.sh_btn {position: absolute;width: 1100px;height: 322px;top: 846px;left: -1px;cursor: pointer;}

.today_txt{position: absolute;left: 943px;top: 25px;color: #000;font-weight: bold;}

/* 폰트 깨지는 현상 */
@font-face {
	font-family: 'NotoSansKR';
	src: url('../Font/NotoSansKR-Medium.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}
.form-set .form-name {font-family: 'NotoSansKR' !important;}
.form-set .form-name::placeholder{font-family: 'SCDream';}

.form-set .form-number::placeholder {font-size: 17px;}

input#mobile2::placeholder{font-size: 80%;}