@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css');

/* 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.png') no-repeat center center;
	background-size: cover;
	width: 720px;
	height: 1719px;
	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: 672px; left: 66px; }
.form-all { height: 75px; font-weight: 800; font-size: 32px; font-family:NanumSquare, sans-serif;}
.form-set div { margin-bottom: 15px; display: flex; justify-content: center; }
.form-set div span { display: inline-block; width: 153px; line-height: 75px; font-weight: bold; background: none; color: #fff; text-align: left; }

.form-set .form-tel { display: inline-block; }
.form-set div .form-text { vertical-align: top; width: 433px; padding: 5px 15px; 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: 284px;}
.form-set div select { outline: none; border: none; font-weight: 800;}

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

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

.btn_submit {position: absolute;top: 319px;left: -11px;width: 608px;height: 120px;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: 3888px; left: 521px; width: 175px; height: 1002px; cursor:pointer; display:none;}

/* bx-slider */
.bx-box { position : absolute; top: 1274px; left: 76px;	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: 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: 10px 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; float: right; margin: 0 30px 0 0;}

/* 숫자 카운팅 */
.count-num { position: absolute; top: 1349px; left: 492px; font-size: 36px; text-align: right; font-weight: normal; color: #fff; display: none;}
.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; }

/* 푸터 */

* 테이블 및 최신 랜딩css */
#wrap_middle > div { margin:0 auto; background-color: #F4F4F4; width: 720px;}
.middle_title { text-align:center;}
.middle_title h2 { font-size:30px; font-weight:bold;}
.middle_title p { margin-top:20px; color:#999; font-size:14px; margin-bottom:30px;}
#userName { border-bottom:2px solid #000;}

.mainbg_middle { margin:0 auto; text-align:center; position:relative; width:720px;}
.mainbg_middle ul {position: absolute; top: 0px; right: 24px;}
.mainbg_middle ul li {width: 175px; height: 92px; margin-bottom: 9px; cursor: pointer;}
.alert5 {     
    position: absolute;
    width: 175px;
    height: 1002px;
    top: 0px;
    cursor: pointer;
    right: 24px;
	}

/* 상령일 */
#insubody {
    margin: 0 auto;
    width: 720px;
}

#insuSampleTbody tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-left: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
    background: #fff;
    padding: 0 10px;
}


#insuSample tr:first-child .wonbg {
    display: none;
}
#insuSample tr:last-child {
    margin-bottom: 0;
}

.bh_name {
    width: 120px;
    max-width: 24%;
}

.bh_name > img {
    width: 100%
}

.product {
    width: 368px;
    max-width: 56%;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.4;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

.price {
    width: 110px;
    max-width: 20%;
}

.bh_number {
    font-size: 14px;
    color: #999;
}

.wonbg {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 110px;
    height: 40px;
    justify-content: center;
    align-items: center;
    background: #ffd500;
    color: #000;
    cursor: pointer;
    font-size: 14px !important;
}

.wonbg.on {
    display: none;
}

.jasehi {
    border: 2px solid #000;
    margin: 5px 0;
    color: #000;
    background: #fff;
}

.price > div,
.price > a {
    margin: 5px 0;
    cursor: pointer;
    width: 110px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    box-sizing: border-box;
}

.gaip {
    background: #222;
    color: #fff;
}

.price_num {
    font-size: 20px !important;
    font-weight: bold;
    cursor: inherit !important;
    position: relative;
    background: #222;
    color: #fd0;
}

.won {
    color: #fff;
}



.insuhead {
    width: 670px;
    margin: 0 auto;
    max-width: 100%;
}

.insuhead h2 {
    font-size: 42px;
    text-align: center;
    background: #383635;
    color: #ffe400;
    padding: 30px 0;
    font-weight: bold;
    border-radius: 20px 20px 0 0;
}

.main_top .tbl_form .child_box th {
    font-size: 34px;
    line-height: 1.2;
}


.par_name {
    font-size: 14px;
    margin-bottom: 5px;
    display: block;
}


.age_box {
    position: absolute;
    top: 1352px;
    left: 50%;
    width: 720px;
    height: 51px;
    transform: translateX(-50%);
}

#bo_age {
    position: absolute;
    left: 197px;
    top: 10px;
    font-size: 38px;
    color: #ffdd00;
    font-weight: bold;
    width: 121px;
    text-align: center;
}

#bo_date {
    position: absolute;
    left: 478px;
    top: 10px;
    font-size: 38px;
    color: #ffdd00;
    font-weight: bold;
    width: 179px;
    text-align: center;
}


.infoBox { 
	width: 653px;
    height: 463px;
    position: absolute;
    top: 408px;
	left:408px;
	display:flex;
}
.infoBox > div {
	width:50%;
}
/* 메인글씨 */
.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;}
.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;}
.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 div { display:flex; align-items:center; background:#fff; justify-content:space-between; width:275px; border:1px solid #e0e0e0;}
.i2_bh_name { width:109px; max-width:40%;}
.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 { width:96px; max-width:35%; font-size:12px; color:#000; position:relative;}
.i2_price b { font-size:14px; color:#f2f2bd; font-weight:bold; width:57px; 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:-4px; left:0; background:#0064c8; color:#fff; display:flex; width:96px; height:30px; justify-content:center; align-items:center; background:#0064c8; 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;}
/* 성별 css */
.sex_cover { position:absolute; left:434px; top:2px;  display:flex;}
.sex_cover input { display:none;}
.sex_cover label { border:1px solid #000; height:69px; width:73px; display:flex; justify-content:center; align-items:center; font-weight:bold; font-size:32px; 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;} 

.footer { background: #111; box-sizing: border-box; padding: 50px 0; font-size: 15px;}
.footer .f-top { width: 100%; overflow: hidden;}
.footer .f-cont { float: left; }
.footer .f-logo { float: right; }

.footer .f-cont p { margin-bottom: 10px; color: #aaa;}
.footer .f-cont p:first-child { margin-bottom: 20px; }

.footer .f-copy { margin-top: 20px;	color: #bbb;}
.footer .f-copy p {	margin-bottom: 15px; }

.footer .f-logo { position: absolute; top: -10px; right: 0;}
.footer a { color: #aaa;}

/* 푸터 */
#footer {    width: 720px;
    background: #222;
    margin: 0 auto;
    text-align: left;
    color: #aaa;
    box-sizing: border-box;
    padding: 30px 50px;
    font-size: 13px;
    line-height: 18px; }
#footer div { margin-bottom: 20px; }
#footer div:last-child { margin-bottom: 0; }
#footer .copyright ul li { margin-bottom: 10px; }
#footer .copyright ul li:last-child { margin-bottom: 0px; }
#footer p { margin-top: 25px; }
#footer a { color: #aaa; display: inline-block; border-bottom: 1px solid #aaa;}
#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; }


#form-box > form > div.privacy input{cursor:pointer;}
#form-box > form > div.privacy label{cursor:pointer;}

#insuSampleTable{width: 100%;}
#footer-bg{text-align: center; margin-top: 40px;}

#sampleTable tr:first-child .wonbg { display:none;}
#insuSampleTbody tr:first-child .wonbg { display:none;}
#insuSampleTbody tr:first-child {border-top: 1px solid #c0c0c0;}
#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;}
.sh_btn{position: absolute;width: 670px;height: 271px;top: 1687px;left: 26px;cursor: pointer;}

.bohum_title{position: absolute;color: #fff;font-size: 30px;left: 50%; transform: translateX(-50%);top: 146px;text-align:center; width: 100%;}
.bt_1{font-weight: 100; margin-bottom: 50px; position: relative; text-align:center;}
.bt_1::after{content: ""; width:50px; height: 1px ; background: #fff; position:absolute; left:50%; transform: translateX(-50%); bottom: -25px;}
.bt_2{font-weight: bold; font-size: 50px; margin-bottom: 10px;}
.bt_3{font-weight: bold; font-size: 60px; color: #fae122}
#container{position: relative;}
.today_txt{position: absolute;left: 545px;top: 28px;color: #fff;font-weight: bold;font-size: 17px;}
.copy_s b{line-height: 1.4em;}
.copy_s p{line-height: 1.4em;}

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

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

#mobile2::placeholder{font-size: 30px;}
.bx-box ul li span { font-size: 26px; }
.bx-box{position: absolute; left: 50%; transform: translateX(-50%);}
.bx-box ul li span.age{margin-right: 0;}
.bx-box ul li div {display:flex; align-items: center; justify-content: center;}

input[type="text"], input[type="tel"] {font-family: 'Pretendard', sans-serif !important;}
input[type="tel"]::placeholder {font-size: 32px !important;}