@charset 'utf-8';

@font-face {
	font-family: 'NanumSquareEB';
	src: url('../Font/NanumSquareEB.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NanumSquareR';
	src: url('../Font/NanumSquareR.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


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

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

.container {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
.count-num{ display: none;}
.header {
	position: relative;
	width: 100%;
	height: 70px;
}

.logo {
	width: 215px;
	height: 70px;
	display: block;
	padding-left: 47px;
	padding-top: 12px;
	box-sizing: border-box;
}

.logo p {
	font-size: 14px;
	font-weight: bold;
}

.alert-form {
	position: absolute;
	top: 20px;
	right: 0;
	width: 145px;
	height: 35px;
	cursor: pointer;
}

.text-box {
	box-sizing: border-box;
	height: 360px;
	padding-top: 100px;
}

.text-box p, .text-box em {
	color: #fff;
}
.text-box p {
	font-size: 62px;
	font-family: 'NanumSquareEB';
	text-shadow: 4px 3px 0px black;
	font-weight: 900;
	letter-spacing: -2px;
}
.text-box em {
	font-family: 'NanumSquareR';
	text-shadow: 3px 3px 0px black;
	display: inline-block;
	margin-top: 14px;
	font-size: 27px;
}

.text-box p.first-text {
	color: #fff000;	
	margin-bottom: 15px;
}

.slide-box {
	position: absolute;
	top: 448px;
	left: 377px;
	width: 720px;
	height: 380px;
	box-sizing: border-box;
	padding: 20px 23px;
}
.slide-list {
	width: 682px;
}
.slide-list>div {
	position: relative;
}
.slide-list>div img {
	width: 163px;
	border: 1px solid #aaa;
}
.slide-list>div img:first-child {
	margin-bottom: 7px;
}

.slide-list .slide-div {
	position: relative;
}

.slide-list .alert{
	position: absolute;
	width: 135px;
	height: 44px;
	z-index: 50;
	top: 106px;
	left: 15px;
	border-radius: 5px;
	cursor: pointer;
}
.slide-list>div .alert2 {
	top: 125px;
	top: 278px;
}
.slide-list>div .alert3 {
	top: 265px;
}
.slide-list>div .alert4 {
	top: 297px;
}

.bx-box {
	position : absolute;
	top: 947px;
	left: 37px;
	width: 500px;
	color: #fff;
}
.bx-box2 {
	left: 582px;
}
.bx-wrapper, .bx-viewport {
	height: 172px !important;
}
.bx-box ul li {
	margin-bottom: 6px;
}
.bx-box ul li span {
	font-size: 23px;
}
.bx-box ul li span:nth-child(2) {
	padding: 0 67px 0 58px;
}
.bx-box ul li span:nth-child(1),
.bx-box ul li span:nth-child(2) {
	display: inline-block;
	padding-top: 2px;
	transform: translateY(5px);
}
.bx-box ul li span.name_new {
	letter-spacing: -1px;
}
.bx-box ul li span.sex {
	letter-spacing: -1px;
}
.bx-box ul li span.age {
	width: 105px;
	height: 25px;
	border: 1px solid #fff;
	border-radius: 20px;
	line-height: 25px;
	font-size: 17px;
	text-align: center;
	display: inline-block;
}

.bx-box2 ul li span.age {
	background: #fff;
	color: #666;
}

.alert-box {
	position: absolute;
	top: 2px;
	right: 19px;
	width: 247px;
	height: 1228px;
	box-sizing: border-box;
	cursor: pointer;
}
.alert-box2 {
	position: absolute;
	top: 1890px;
	right: 189px;
	width: 162px;
	height: 980px;
	box-sizing: border-box;
}
.alert-box2>div { 
	width: 162px;
	height: 76px;
	position: absolute;
	border-radius: 5px;
	cursor: pointer;
}
.alert-box2 .ab-1 { 
	top: 19px;
}
.alert-box2 .ab-2 { 
	top: 143px;
}
.alert-box2 .ab-3 { 
	top: 267px;
}
.alert-box2 .ab-4 { 
	top: 390px;
}
.alert-box2 .ab-5 { 
	top: 515px;
}
.alert-box2 .ab-6 { 
	top: 638px;
}
.alert-box2 .ab-7 { 
	top: 762px;
}
.alert-box2 .ab-8 { 
	top: 887px;
}
.count-num {
	position: absolute;
	width: 795px;
	height: 120px;
	top: 3402px;
	left: 305px;
	overflow: hidden;
}
.count-num>div {
	width: 256px;
	height: 120px;
	float: left;
	margin-left: 13px;
	text-align: center;
	position: relative;
}
.count-num>div:first-child {
	margin-left: 0;
}
.count-num>div span {
	font-size: 28px;
	color: #fff;
}
.count-num #cnum1,
.count-num #cnum2,
.count-num #cnum3 {
	position: absolute;
	top: 63px;
	right: 104px;
}
.count-num .num-char {
	position: absolute;
	top: 63px;
	left: 152px;
}

.footer {
	background: #333;
	width: 100%;
	box-sizing: border-box;
	padding: 50px 0;
}
.footer .f-cont {
	color: #bbb;
	overflow: hidden;
}
.footer .f-cont>div {
	float: left;
	margin-right: 50px;
}
.footer .f-cont>div p {
	margin-bottom: 5px;
	font-size: 15px;
}
.footer .f-cont>div p:first-child {
	font-weight: bold;
}

.footer .f-copy {
	margin-top: 20px;
	color: #bbb;
	font-size: 15px;
}
.footer .f-copy p {
	margin-bottom: 10px;
}
.footer .f-copy p span {
	font-weight: bold;
}

.footer .f-logo {
	position: absolute;
	top: -10px;
	right: 0;
}
.footer .f-logo img {
	display: block;
}
.footer .f-logo a {
	text-align: right;
	display: block;
}
.footer p {
    line-height: 1.4em;
}


/* 占쏙옙占쏙옙 占쏙옙占� */
.form-box {position: absolute;top: 507px;left: 24px;z-index: 9999;}
.form-all { height: 50px; font-size: 20px; font-weight: 800; font-size: 17px; font-family:NanumSquare, sans-serif;}
.form-set { z-index: 9999; position: relative; }
.form-set > div { margin-bottom: 10px; display:flex;}
.form-set div span { display: inline-block; width: 74px; line-height: 50px; font-weight: bold; color: #fff; text-align: left; }

.form-set .form-tel { display: inline-block; }
.form-set div .form-text {vertical-align: top;width: 215px;padding: 5px 8px;outline: none;border: 2px solid #222;border-radius: none;box-sizing: border-box;}
.form-set div .form-number { box-sizing: border-box; vertical-align: top; width: 62px; outline: none; border: 2px solid #222; border-radius: none; margin-right: 5px; padding: 5px 8px;}
.form-set div .form-number:last-child {margin-right: 0;width: 148px;}
.form-set div select { outline: none; border: none; font-weight: 800;}

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

.privacy { text-align: center; font-size: 18px; font-family:NanumSquare, sans-serif; color: #fff;}
.privacy #check-box { width: 18px; height: 18px; vertical-align: -3px;}
.privacy #check-box2 { width: 18px; height: 18px; vertical-align: -3px;}
.privacy .agree-text { cursor: pointer; }
.privacy a { color: #fff; }

.btn_submit {position: absolute;top: 231px;left: 7px;width: 271px;height: 64px;background: none;border:none;box-shadow:none;border-radius:0;padding:0;overflow:visible;cursor:pointer}

.input-bg {
	position: absolute;
	top: 445px;
	left: 0px;
	z-index: 9;
	background: url(./inputbg.png);
	width: 419px;
	height: 385px;
}


/* 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; }

/* 성별 css */
.sex_cover {position:absolute;right: 1px;top: 2px;display:flex;}
.sex_cover input { display:none;}
.sex_cover label {border:1px solid #000;height: 45px;width:41px;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;}

/* 주요보험사목록 최신 210727 */
.container_fix { width:1100px; margin:0 auto;}
.mainbg_middle { position:relative;}
#sampleTable { width:1100px; 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%;}
.bh_name img { background:#fff; border:1px solid #000;}
.product { vertical-align:middle; font-size:20px; font-family: 'NotoSansKR' !important; 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.3;
}
#wrap_middle { padding:50px 0 100px;}
.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:1100px;}
.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:160px; height:40px; justify-content:center; align-items:center; background:linear-gradient(0deg, #ff6512, #ff9363); color:#fff; cursor:pointer; }
.wonbg.on { display:none;}
.jasehi { border:1px solid #333; margin:5px 0; color:#000; background:#fff;}
.price > div, .price > a { margin:5px 0; cursor:pointer; width:160px; height:40px; display:flex; align-items:center; justify-content:center; box-sizing:border-box;}
.gaip { background:#333; color:#fff;}
#sampleTable tr { display:flex; justify-content:space-between; align-items:center; padding:10px 25px; border:2px solid #999; margin-bottom:15px; background:#fafafa; }

#wrap_bottom {background:#505050;}
.footer-inner {width:1100px; margin:0 auto;padding: 50px 0;color: #bbb;}
.footer-inner ul li {line-height:24px;}

#ajax_loding { position:fixed;z-index:999999; 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; }

#jasehi_loding { position:fixed;z-index:999999; 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;}
.round1 { width:300px; height:300px; border-radius:50%; display:flex; align-items:center; justify-content:center; }

/* 폰트 깨지는 현상 */
@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';}