@import url( https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap );
@font-face {
	font-family: yg-jalnan;
	src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff) format("woff");
	font-weight: normal;
	font-style: normal;
}
body * {
	box-sizing: border-box;
}
body {
	-ms-overflow-x: hidden; background-color: rgb(249, 249, 249);
}
html {
	margin: 0px; padding: 0px;
}
body {
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
span {
	margin: 0px; padding: 0px;
}
object {
	margin: 0px; padding: 0px;
}
iframe {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
a {
	margin: 0px; padding: 0px;
}
abbr {
	margin: 0px; padding: 0px;
}
acronym {
	margin: 0px; padding: 0px;
}
address {
	margin: 0px; padding: 0px;
}
big {
	margin: 0px; padding: 0px;
}
cite {
	margin: 0px; padding: 0px;
}
code {
	margin: 0px; padding: 0px;
}
del {
	margin: 0px; padding: 0px;
}
dfn {
	margin: 0px; padding: 0px;
}
em {
	margin: 0px; padding: 0px;
}
img {
	margin: 0px; padding: 0px;
}
strong {
	margin: 0px; padding: 0px;
}
sub {
	margin: 0px; padding: 0px;
}
sup {
	margin: 0px; padding: 0px;
}
var {
	margin: 0px; padding: 0px;
}
b {
	margin: 0px; padding: 0px;
}
u {
	margin: 0px; padding: 0px;
}
i {
	margin: 0px; padding: 0px;
}
center {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ol {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
li {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
label {
	margin: 0px; padding: 0px;
}
legend {
	margin: 0px; padding: 0px;
}
table {
	margin: 0px; padding: 0px;
}
caption {
	margin: 0px; padding: 0px;
}
tbody {
	margin: 0px; padding: 0px;
}
tfoot {
	margin: 0px; padding: 0px;
}
thead {
	margin: 0px; padding: 0px;
}
tr {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
embed {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
select {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
button {
	margin: 0px; padding: 0px;
}
body {
	color: rgb(51, 60, 74); line-height: 1.4; letter-spacing: -1px; font-family: "Noto Sans KR", sans-serif; font-size: 16px;
}
html {
	color: rgb(51, 60, 74); line-height: 1.4; letter-spacing: -1px; font-family: "Noto Sans KR", sans-serif; font-size: 16px;
}
input {
	padding: 2%; letter-spacing: -0.02em; font-family: "Noto Sans KR", sans-serif;
}
button {
	padding: 2%; letter-spacing: -0.02em; font-family: "Noto Sans KR", sans-serif;
}
textarea {
	padding: 2%; letter-spacing: -0.02em; font-family: "Noto Sans KR", sans-serif;
}
code {
	letter-spacing: -0.02em; font-family: "Noto Sans KR", sans-serif; font-size: 1.3em;
}
pre {
	letter-spacing: -0.02em; font-family: "Noto Sans KR", sans-serif; font-size: 1.3em;
}
address {
	font-style: normal;
}
em {
	font-style: normal;
}
cite {
	font-style: normal;
}
img {
	border: 0px currentColor; border-image: none;
}
hr {
	display: none;
}
table {
	border-collapse: separate; border-spacing: 0;
}
th {
	text-align: left; font-weight: normal; vertical-align: top;
}
td {
	text-align: left; font-weight: normal; vertical-align: top;
}
li {
	list-style-type: none;
}
form {
	margin: 0px; padding: 0px;
}
fieldset {
	border: 0px currentColor; border-image: none;
}
legend {
	border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(1px, 1px, 1px, 1px);
}
.hd {
	border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(1px, 1px, 1px, 1px);
}
label {
	cursor: pointer;
}
button {
	cursor: pointer;
}
input[type='date'] {
	display: block; min-height: 1.2em; min-width: 100%; -webkit-appearance: textfield; -moz-appearance: textfield;
}
button {
	background: none; border: currentColor; border-image: none; overflow: visible; text-decoration: none; vertical-align: top; white-space: nowrap;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
img {
	vertical-align: top;
}
div {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
input {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.blockclear {
	clear: both; display: block; content: "";
}
.wrap {
	margin: 0px auto; width: 100%; -ms-overflow-x: hidden; max-width: 750px; background-color: rgb(255, 255, 255);
}
.wrap::after {
	clear: both; display: block; content: "";
}
.flexwrap {
	display: flex;
}
.jc_cen {
	justify-content: center; -webkit-box-pack: center;
}
.jc_r {
	-webkit-box-pack: right;
}
.jc_sb {
	justify-content: space-between; -webkit-box-pack: justify;
}
.ai_cen {
	align-items: center; -webkit-box-align: center;
}
.ai_st {
	align-items: flex-start; -webkit-box-align: start;
}
.ai_en {
	align-items: flex-end; -webkit-box-align: end;
}
.fix_btn {
	margin: 5%; border-radius: 500px; transition:0.3s; width: 100px; height: 100px; right: 0px; bottom: 0px; font-size: 3em; position: fixed; z-index: 888888; box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.4); background-color: rgb(229, 139, 63);
}
.fix_btn:hover {
	background-color: rgb(229, 139, 63);
}
.fix_btn > i {
	color: rgb(255, 255, 255);
}
.bounce {
	animation:bounce 2s infinite;
}
[data-animate-in] {
	transition:transform 0.8s, opacity 2s; opacity: 0;
}
[data-animate-in='up'] {
	transform: translate3d(0px, 24px, 0px);
}
[data-animate-in='left'] {
	transform: translate3d(-25%, 0px, 0px);
}
[data-animate-in='right'] {
	transform: translate3d(25%, 0px, 0px);
}
[data-animate-in='down'] {
	transform: translate3d(0px, -24px, 0px);
}
[data-animate-in='fadeIn'] {
	transform: translate3d(0px, 0px, 0px);
}
[data-animate-in].in-view {
	transition:transform 0.6s, opacity 0.6s; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.fade-in {
	transition:opacity 1s; opacity: 0;
}
.page-loaded .fade-in {
	opacity: 1;
}
.page-loaded.fade-in {
	opacity: 1;
}
.isSafari.isTouch [data-animate-in] {
	transition:none; opacity: 1; transform: none;
}
.isSafari.isTouch [data-animate-in='up'] {
	transition:none; opacity: 1; transform: none;
}
html {
	width: 100%; height: 100%;
}
body {
	width: 100%; height: 100%;
}
.result_page > div {
	left: 50%; width: 100%; height: 100%; text-align: center; position: absolute; transform: translateX(-50%);
}
.result_page > div > div > img {
	display: inline-block;
}
.result_page > div > div > strong {
	font-size: 2em; margin-top: 20px; display: inline-block;
}
.result_page > div > div > p {
	font-size: 1.3em; margin-bottom: 30px;
}
.result_page > div > div > .flexwrap {
	text-align: center;
}
.result_page > div > div > .flexwrap > a {
	padding: 15px 25px; border-radius: 200px; color: rgb(255, 255, 255); font-size: 1.1em; font-weight: bold; margin-left: 8px; display: inline-block; background-color: rgb(51, 51, 51);
}
.result_page > div > div > .flexwrap > a:first-of-type {
	margin-right: 0%;
}
.txt_wrap {
	width: 100%; text-align: center;
}
.title_big {
	font-family: "yg-jalnan"; font-size: 2.5em;
}
.title_sub {
	font-family: "yg-jalnan"; font-size: 1.8em;
}
.fc_white {
	color: rgb(255, 255, 255);
}
.fc_point_01 {
	color: rgb(17, 115, 195);
}
.fc_gray {
	color: rgb(85, 85, 85);
}
.fs_01 {
	font-size: 1.5em;
}
main {
	width: 100%; display: block;
}
.img_01 {
	width: 100%; display: block;
}
.img_02 {
	width: 100%; display: block;
}
.img_03 {
	width: 100%; display: block;
}
.go_form {
	width: 100%; display: block;
}
.reason {
	width: 100%; display: block;
}
.step {
	width: 100%; display: block;
}
.review {
	width: 100%; display: block;
}
main {
	position: relative;
}
.main_top {
	padding: 2.5% 3%; width: 100%; position: absolute;
}
.main_top > img {
	width: 40%; max-width: 233px;
}
.main_top > p {
	text-align: right; font-size: 1.2em;
}
main > .txt_wrap {
	top: 15%; position: absolute;
}
main > .txt_wrap > strong {
	font-size: 1.8em;
}
main > .txt_wrap > .title_big {
	margin: 20px 0px;
}
.img_01 > .txt_wrap > .title_sub {
	margin-top: 20px;
}
.img_01 > .txt_wrap > p:last-of-type {
	margin-top: 20px;
}
.img_02 > .txt_wrap > .title_sub {
	margin-top: 20px;
}
.img_02 > .txt_wrap > p:last-of-type {
	margin-top: 20px;
}
.img_01 {
	padding-top: 3%; background-color: rgb(255, 255, 255);
}
.img_01 > .txt_wrap {
	width: 100%;
}
.go_form {
	background-position: bottom; padding: 12% 0px 0px; text-align: center; background-repeat: no-repeat;
}
.img_02 {
	background-position: bottom; padding: 12% 0px 0px; text-align: center; background-repeat: no-repeat;
}
.reason {
	background-position: bottom; padding: 12% 0px 0px; text-align: center; background-repeat: no-repeat;
}
.step {
	background-position: bottom; padding: 12% 0px 0px; text-align: center; background-repeat: no-repeat;
}
.review {
	background-position: bottom; padding: 12% 0px 0px; text-align: center; background-repeat: no-repeat;
}
.img_03 {
	background-position: bottom; padding: 12% 0px 0px; text-align: center; background-repeat: no-repeat;
}
.go_form {
	background-size: contain; background-color: rgb(17, 115, 195);
}
.go_form > a {
	width: 100%; padding-bottom: 12%; display: block;
}
.img_02 {
	padding: 12% 0px 0px; background-size: cover;
}
.img_02 > .txt_wrap {
	width: 100%; display: block;
}
.img_02 > .txt_wrap > p:nth-of-type(4) {
	font-size: 1.2em;
}
.img_02 > .txt_wrap > strong {
	font-size: 1.2em;
}
.img_02 > .txt_wrap > strong {
	margin-top: 20px; display: inline-block;
}
.img_02 > img {
	display: block;
}
.reason {
	background-image: url("../images/reason_bg.jpg"); background-size: cover;
}
.step {
	padding-bottom: 11%; background-image: url("../images/step_bg.jpg"); background-size: cover;
}
.review {
	background-position: top, bottom; padding-bottom: 12%; background-image: url("../images/review_bg_01.jpg"), url("../images/review_bg_02.jpg"); background-repeat: no-repeat; background-size: contain; background-color: rgb(244, 244, 244);
}
.img_03 {
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
.img_04 {
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
.img_03 {
	background-image: url("../images/img_03_bg.jpg");
}
.img_04 {
	background-image: url("../images/img_04_bg.jpg");
}
.img_03 > a {
	padding-bottom: 12%; display: inline-block;
}
.img_04 > a {
	padding: 12% 0px; display: inline-block;
}
.img_03 > a > .txt_wrap > p:nth-of-type(2) {
	margin-top: 15px;
}
.img_03 > a > .txt_wrap > p:last-of-type {
	margin-top: 15px;
}
.img_04 > a > .txt_wrap > p:nth-of-type(2) {
	margin-top: 15px;
}
.img_04 > a > .txt_wrap > p:last-of-type {
	margin-top: 15px;
}
.img_03 > a > .txt_wrap > p:last-of-type {
	color: rgb(51, 51, 51);
}
form {
	padding: 10% 4%; width: 100%; text-align: center; display: inline-block; background-color: rgb(17, 115, 195);
}
.form_tit {
	width: 100%; margin-bottom: 2%;
}
.form_tit > p:first-of-type {
	
}
.form_tit > p:nth-of-type(2) {
	color: rgb(247, 255, 155); font-weight: bold; margin-top: 2%;
}
.form_tit > p:last-of-type {
	color: rgb(255, 255, 255);
}
.form_inner_box {
	margin: 8% 0px 0px; padding: 6% 4%; border-radius: 8px; width: 100%; display: block; background-color: rgb(255, 255, 255);
}
.form_inner_box > p.fc_black {
	margin: 2% 0px 6%; padding-bottom: 6%; border-bottom-color: rgb(218, 223, 231); border-bottom-width: 1px; border-bottom-style: solid;
}
form > .form_inner_box > img {
	width: 200px; text-align: center;
}
form > .form_inner_box > div {
	text-align: left;
}
form > .form_inner_box > div > label {
	text-align: left; font-weight: bold; margin-bottom: 2%; display: block;
}
form > .form_inner_box > div > label > sup {
	font-weight: normal; margin-left: 1%;
}
.input_style {
	background: rgb(242, 242, 242); padding: 15px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 1em; min-height: 54px; box-sizing: border-box;
}
.form_btn {
	background-position: center; width: 80%; height: 80px; color: rgb(255, 255, 255); padding-bottom: 3%; font-size: 1.4em; font-weight: bold; min-width: 325px; background-image: url("../images/form_btn.png"); background-repeat: no-repeat; background-size: contain;
}
form > .form_inner_box > div > .flexwrap > input {
	width: 30%;
}
.agree {
	margin: 4% 0px 6%; width: 100%; text-align: left; color: rgb(255, 255, 255); display: block;
}
.agree > a {
	color: rgb(255, 255, 255); font-weight: 500;
}
input#agree {
	height: inherit;
}
.prod_page > form {
	border-radius: 0px; top: 0px; width: 100%; position: relative; box-shadow: none; transform: translate(0%, 0%);
}
footer {
	color: rgba(255, 255, 255, 0.5); background-color: rgb(27, 40, 58);
}
footer > ul {
	padding: 2% 4%; background-color: rgb(255, 255, 255);
}
footer > ul > li {
	margin-right: 3%;
}
footer > ul > li:last-of-type {
	margin-right: 0%;
}
footer > div {
	padding: 40px 4% 100px; color: rgba(255, 255, 255, 0.5); font-size: 0.8em; background-color: rgb(51, 58, 68);
}
footer > p:nth-of-type(2) {
	font-size: 1.2em; font-weight: 500;
}
footer > p > a {
	color: rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width:750px) and (min-width:300px)
{
body {
	font-size: 12px;
}
.main_top > p {
	text-align: right; font-size: 1em;
}
main > .txt_wrap > strong {
	font-size: 1.5em;
}
main > .txt_wrap > .title_big {
	margin: 10px 0px; font-size: 2em;
}
main > .txt_wrap {
	top: 12%;
}
.fs_01 {
	font-size: 1.3em;
}
.title_big {
	font-size: 2em;
}
.title_sub {
	font-size: 1.5em;
}
.txt_wrap {
	padding: 0px 3%; width: 100%;
}
.img_01 > .txt_wrap > .title_sub {
	margin-top: 10px;
}
.img_01 > .txt_wrap > p:last-of-type {
	margin-top: 10px;
}
.img_02 > .txt_wrap > .title_sub {
	margin-top: 10px;
}
.img_02 > .txt_wrap > p:last-of-type {
	margin-top: 10px;
}
.reason > .txt_wrap > p:last-of-type {
	margin-top: 10px; display: inline-block;
}
.step > .txt_wrap > p:last-of-type {
	margin-top: 10px; display: inline-block;
}
.review > .txt_wrap > p:last-of-type {
	margin-top: 10px; display: inline-block;
}
.img_02 > .txt_wrap > p:nth-of-type(4) {
	font-size: 1em;
}
.img_02 > .txt_wrap > strong {
	font-size: 1em;
}
.img_02 > .txt_wrap > strong {
	margin-top: 10px;
}
.fix_btn {
	width: 70px; height: 70px; font-size: 2.3em;
}
.bounce {
	animation:bounce 2.5s infinite;
}
.gap {
	height: 90px;
}
main > ul > li > hr {
	width: 1px; height: 25px; display: inline-block;
}
form {
	padding: 10% 4%;
}
.form_tit {
	text-align: center;
}
form > .form_inner_box > img {
	width: 150px;
}
.form_btn {
	height: 55px; color: rgb(255, 255, 255); padding-bottom: 3%; font-size: 1.2em;
}
}