@charset "utf-8";
:root {
	--main-color:#2d82d6;
	--sub-color:#b3d6f6;
	--third-color:#dadada;
	--main-text:#444;
	--sub-text:#888
}
* {
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-family:'Noto Sans KR',sans-serif;
	letter-spacing:-0.6px;
	color:var(--main-text)
}
a {
	text-decoration:none;
	color:var(--main-text)
}
#top {
	width:100%;
	text-align:center
}
.content1 {
	max-width:640px;
	width:100%;
	display:inline-block;
	background-color:#fff;
	-webkit-box-shadow:0 5px 6px 0 rgba(204,204,204,0.2);
	box-shadow:0 5px 6px 0 rgba(204,204,204,0.2)
}
.top_in {
	min-width:320px;
	margin:0 auto;
	padding:13px 20px
}
.logo {
	float:left
}
.tel {
	float:right
}
.top_in:after {
	display:block;
	clear:both;
	content:''
}
.top_in img {
	width:30%
}
#main {
	width:100%;
	text-align:center
}
.content2 {
	max-width:640px;
	width:100%;
	display:inline-block
}
.banner {
	width:100%
}
.btn_wrap {
	width:90%;
	margin:30px auto 0
}
.btn_wrap:after {
	display:block;
	clear:both;
	content:''
}
.btn_text {
	display:flex;
	align-items:center;
	gap:10px
}
.btn_text strong {
	font-weight:700;
	font-size:18px;
	color:var(--main-color)
}
.btn_text p {
	font-weight:500;
	font-size:15px
}
.btn_con1 {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:30px
}
.btn_con2 {
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:20px
}
.btn {
	background-color:#fff;
	width:20%;
	border-radius:8px;
	font-family:'Noto Sans KR',sans-serif;
	font-size:15px;
	box-shadow:0 0 8px 0 rgba(0,0,0,0.12);
	cursor:pointer;
	padding:10px 0
}
.btn_red {
	background-color:var(--main-color)
}
.btn_red p {
	color:#fff
}
.btn_red .icon.sil {
	content:url(../images/ico_sil_white.png)
}
.btn_red .icon.den {
	content:url(../images/ico_den_white.png)
}
.btn_red .icon.cm {
	content:url(../images/ico_cm_white.png)
}
.btn_red .icon.drive {
	content:url(../images/ico_drive_white.png)
}
.btn_red .icon.js {
	content:url(../images/ico_js_white.png)
}
.btn_red .icon.bohum {
	content:url(../images/ico_bohum_white.png)
}

.btn_red .icon.child {
	content:url(../images/ico_child_white.png)
}
.btn_red .icon.child2 {
	content:url(../images/ico_child2_white.png)
}
.btn_red .icon.cancer {
	content:url(../images/ico_cancer_white.png)
}
.btn_red .icon.gb {
	content:url(../images/ico_gb_white.png)
}
.btn_red .icon.sm {
	content:url(../images/ico_sm_white.png)
}

.btn_content {
	width:100%;
	height:100%
}
.btn_content figure {
	width:100%;
	height:75px;
	margin:0 auto
}
.icon {
	width:100%;
	height:100%;
	object-fit:contain
}
.btn p {
	font-size:15px;
	font-weight:500;
	margin-top:4px
}
.db_price {
	background-color:#fff;
	margin-top:60px
}
.db_content {
	width:90%;
	margin:60px auto 0
}
.db {
	width:100%;
	margin:0 auto
}
.form_info {
	display:flex;
	flex-direction:column;
	gap:15px;
	margin-top:30px
}
.form_wrap {
	display:flex;
	justify-content:space-between;
	width:100%
}
.db_text {
	font-family:'Noto Sans KR',sans-serif;
	font-weight:400;
	color:var(--main-text);
	font-size:15px;
	text-align:left;
	padding-top:15px
}
.form {
	background-color:#fff;
	width:80%;
	height:55px;
	border-bottom:1px solid #dedede;
	color:var(--sub-text);
	font-family:'Noto Sans KR',sans-serif;
	font-weight:400;
	font-size:15px;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	border-top:0;
	border-right:0;
	border-left:0;
	padding:12px 0 12px 6px
}
.smsWrap {
	width:80%
}
#mobile_wrap {
	border-bottom:1px solid #dedede;
	width:100%;
	height:50px;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.smsWrap .form1 {
	width:100%;
	border-bottom:0;
	margin-bottom:0;
	border:0;
	font-family:'Noto Sans KR',sans-serif;
	font-weight:400;
	font-size:15px;
	color:var(--sub-text);
	padding:12px 0 12px 6px
}
#btnSendAuthCode {
	border:0;
	width:30%;
	height:40px;
	color:var(--main-color);
	font-size:15px;
	font-weight:400;
	background:#fff;
	border:1px solid var(--main-color);
	border-radius:8px;
	margin:0 4px 12px 0;
	cursor:pointer
}
#auth_wrap {
	border-bottom:1px solid #c9c9c9;
	width:100%;
	height:50px;
	font-family:'Noto Sans KR',sans-serif;
	font-weight:400;
	font-size:14px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-top:15px
}
#btnCheckAuthCode {
	border:0;
	width:30%;
	height:40px;
	color:var(--main-color);
	font-size:15px;
	font-weight:400;
	background:#fff;
	border:1px solid var(--main-color);
	border-radius:8px;
	margin:0 4px 12px 0;
	cursor:pointer
}
.personal_box {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	font-size:14px;
	font-weight:400;
	color:var(--main-text);
	margin-top:25px
}
.personal_box a {
	text-decoration:underline
}
.all_box {
	width:50%;
	text-align:left;
	margin-bottom:5px
}
.look {
	width:50%;
	text-align:right
}
.receive_box {
	margin-bottom:20px
}
#gen {
	width:80%;
	display:flex;
	align-items:center;
	gap:20px
}
#gen input[type='radio'] {
	display:none
}
#gen input[type='radio']:checked+span {
	background-color:var(--sub-color)
}
#gen label {
	width:50%
}
#gen label span {
	background-color:#f0f0f0;
	color:var(--main-text);
	display:inline-block;
	width:100%;
	height:55px;
	outline:0;
	text-align:center;
	line-height:55px;
	font-family:'Noto Sans KR',sans-serif;
	font-weight:500;
	font-size:15px;
	border-radius:8px;
	cursor:pointer
}
#insure_wrap a {
	display:inline-block;
	width:100%;
	height:100%
}
.btn_01 {
	border:0;
	outline:0;
	background-color:var(--main-color);
	width:100%;
	height:65px;
	color:#fff;
	font-size:20px;
	border-radius:8px;
	font-weight:700;
	font-family:'Noto Sans KR',sans-serif;
	cursor:pointer
}
#kakao_simple {
	width:100%;
	height:65px;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#fee500;
	margin-top:8px;
	border-radius:3px
}
#kakao_simple a {
	display:flex;
	align-items:center
}
#kakao_simple img {
	width:20px;
	height:19px;
	margin-right:10px;
	margin-top:2px
}
#kakao_simple p {
	font-family:'Noto Sans KR',sans-serif;
	color:#191919;
	font-weight:600;
	font-size:20px;
	text-align:center;
	letter-spacing:-0.02em
}
@keyframes ani {
	0 {
		padding-top:0
	}
	50% {
		padding-top:5px
	}
	100% {
		padding-top:0
	}
}
.price_content {
	max-width:640px;
	width:90%;
	margin:60px auto 0
}
#pay_table {
	width:100%;
	margin-top:30px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	gap:15px
}
.infor_text {
	font-size:15px;
	font-family:'Noto Sans KR',sans-serif;
	color:var(--sub-text);
	text-align:center;
	margin:40px auto 0
}
.boxi {
	width:47%;
	padding:18px 0;
	border-radius:8px;
	background-color:#fff;
	-webkit-box-shadow:0 0 3px 3px rgba(219,219,219,0.25);
	box-shadow:0 0 8px 0 rgba(0,0,0,0.12);
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	flex-basis:47%
}
.boxi figure {
	width:60%;
	height:30px;
	margin:0 auto
}
.boxi img {
	width:100%;
	height:100%;
	object-fit:contain
}
.wonlogo {
	font-family:'Noto Sans KR',sans-serif;
	font-size:18px;
	font-weight:500
}
.zero {
	font-family:'Noto Sans KR',sans-serif;
	font-size:15px;
	font-weight:400;
	color:var(--main-text);
	margin-top:12px
}
.price {
	color:var(--main-text);
	font-size:20px;
	font-weight:700
}
.az_logo {
	text-align:left;
	padding-bottom:20px
}
.content3 img {
	width:50%
}
.content3 p {
	font-family:'NanumSquare',sans-serif;
	text-align:center;
	font-size:11px;
	color:#d8d8d8;
	line-height:18px;
	text-align:left
}
.bohumnolja {
	border:0;
	width:30%;
	border-radius:100px;
	padding:9px 0 8px 0;
	background-color:#ededed;
	color:#515151;
	margin-bottom:10px
}
.bohumnolja p {
	text-align:center;
	font-size:14px;
	font-family:'NanumSquare',sans-serif
}
.service_box {
	padding-top:15px;
	padding-bottom:15px;
	display:flex;
	justify-content:flex-start
}
.service_bar {
	padding-left:10px;
	padding-right:10px;
	color:#fff
}
.service_box div p {
	font-weight:700;
	color:#fff;
	font-size:12px
}
.company {
	width:90%;
	margin:0 auto;
	padding:20px 0
}
.company div:nth-child(2) {
	padding-top:20px
}
.company div:nth-child(2) img {
	width:100%
}
#nece_text {
	max-width:640px;
	width:100%;
	padding:40px 0;
	background:#4b4b4b;
	margin:60px auto 0
}
#nece_text div {
	width:90%;
	margin:0 auto
}
#nece_text p {
	font-family:'Noto Sans KR';
	color:#fff;
	font-size:13px;
	font-weight:400
}
#nece_text p+p {
	margin-top:8px
}
#footer {
	width:100%;
	max-width:640px;
	margin:0 auto;
	padding:40px 0;
	font-size:13px;
	font-weight:400
}
#footer>div {
	width:90%;
	margin:0 auto
}
.footer_con1 {
	display:flex;
	gap:12px;
	font-weight:700;
	font-size:13px;
	color:var(--sub-text)
}
.footer_con2 {
	margin-top:24px;
	display:flex;
	flex-direction:column;
	gap:10px
}
.footer_con2 p {
	color:var(--sub-text);
	font-size:13px;
	font-weight:400
}
.footer_info {
	display:flex;
	gap:15px;
	align-items:center
}
.footer_info p:first-child {
	position:relative
}
.footer_info p:first-child::after {
	content:'';
	display:block;
	width:1px;
	height:10px;
	background:#b9b9b9;
	position:absolute;
	top:50%;
	right:-9px;
	transform:translate(-50%,-50%)
}
.copyright {
	font-weight:500;
	margin-top:24px;
	color:var(--sub-text)
}
.content3_1 {
	width:90%;
	max-width:640px;
	overflow:hidden;
	display:inline-block;
	font-size:13px;
	color:#aaa;
	font-weight:400;
	letter-spacing:-1px;
	line-height:24px;
	text-align:left
}
.nece_title {
	font-size:15px;
	color:#222;
	font-weight:600;
	letter-spacing:-1px;
	padding-bottom:20px
}
.nece_box p {
	margin-bottom:15px;
	font-weight:400
}
.popup {
	overflow:auto;
	background-color:#000;
	background-color:rgba(0,0,0,0.4);
	display:none;
	position:fixed;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%
}
.popup_cont {
	background-color:#fff;
	margin:35% auto;
	border-radius:10px;
	width:85%;
	padding:30px 25px;
	letter-spacing:-1px;
	border:1px solid #f0f0f0
}
.title {
	font-weight:600;
	font-size:20px;
	color:#222;
	text-align:center
}
.popup_bar {
	width:100%;
	height:1px;
	background-color:#f0f0f0;
	margin:20px 0
}
.popup_infor {
	font-weight:400;
	font-size:15px;
	line-height:30px;
	color:#222;
	text-align:center
}
.close_btn {
	width:100%;
	margin:35px auto 0 auto;
	background-color:#5a26f5;
	height:60px;
	border-radius:30px;
	line-height:60px;
	color:#fff;
	font-size:18px;
	text-align:center
}
.popup_img {
	width:30%;
	margin:0 auto;
	margin-bottom:20px
}
.popup_img img {
	width:100%
}
@media all and (min-width:641px) {
	#popup_pc {
		width:100%;
		display:none
	}
	.popup {
		display:flex;
		justify-content:center;
		align-items:center
	}
	.popup_cont {
		background-color:#fff;
		border-radius:10px;
		max-width:580px;
		padding:30px;
		letter-spacing:-1px;
		border:1px solid #f0f0f0
	}
	.popup_infor {
		font-weight:400;
		font-size:18px;
		line-height:34px;
		color:#222;
		text-align: center
	}
}