@charset "utf-8";
#wrap {
	position:relative;
	overflow:hidden;
}
.inner {
	width:1200px;
	margin:0 auto;
}
.inner2 {
	width:920px;
	margin:0 auto;
}
header {
	position:absolute;
	top:0;
	left:0;
	right:0;
}
header .inner {
	position:relative;
	max-width:1200px;
	text-align:right;
}
header .inner h1 {
	display:inline-block;
	width:209px;
	position:relative;
	z-index:5;
}
header .inner h1 a {
	display:block;
}
header .inner h1 a img {
	width:100%;
}
.top_visual {
	position:relative;
	background:#1863a3 url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/main_bg.jpg) no-repeat top center / cover;
	overflow:hidden;
}
.top_visual:before {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	width:100%;
	height:50%;
	background:linear-gradient(0deg,rgba(106,177,210,1) 0%,rgba(0,0,0,0) 100%);
}
.top_visual .inner {
	position:relative;
	padding:455px 0 86px;
}
.top_visual .inner:before {
	content:'';
	position:absolute;
	top:0;
	left:-150px;
	right:-150px;
	height:100%;
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/bg.png) no-repeat top center / auto 100%;
}
.top_visual .inner:after {
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:2;
	width:100%;
	height:100%;
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/bg2.png) no-repeat bottom right / cover;
}
.top_visual .inner h1 {
	position:relative;
	z-index:1;
	font-weight:bold;
	font-size:161px;
	color:#fff;
	text-align:center;
}
.top_visual .inner h1:before {
	content:'LunaM:ID';
	position:absolute;
	z-index:-1;
	font-weight:bold;
	font-size:161px;
	color:#fff;
	-webkit-text-stroke:6px #20aff1;
	text-align:center;
}
.top_visual .inner .sub_text {
	position:relative;
	z-index:3;
	margin:2px auto 0;
	width:690px;
	text-align:center;
	height:76px;
	border:3px solid #fff;
	border-radius:16px;
}
.top_visual .inner .sub_text p {
	font-weight:bold;
	font-size:42px;
	line-height:70px;
	color:#000;
}
.top_visual .inner .down_link_box {
	position:relative;
	z-index:3;
	margin-top:66px;
	padding-left:172px;
}
.top_visual .inner .down_link_box a {
	position:relative;
	z-index:2;
	display:block;
	padding-left:45px;
	width:538px;
	height:82px;
	font-weight:bold;
	font-size:36px;
	line-height:82px;
	color:#333;
	text-align:center;
	background:#fff;
	border-radius:41px;
	display:flex;
	align-items:center;
}
.top_visual .inner .down_link_box a:before {
	content:'';
	position:absolute;
	top:50%;
	right:37px;
	transform:translateY(-50%);
	width:21px;
	height:32px;
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/icon_arrow.png) no-repeat center / 100%
}
.top_visual .inner .down_link_box a+a {
	margin-top:26px;
}
.top_visual .inner .down_link_box a i {
	display:inline-flex;
	width:64px;
}
.top_visual .inner .down_link_box a:first-child i {
	height:45px;
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/icon_google.png) no-repeat left center / 100% 100%
}
.top_visual .inner .down_link_box a:nth-child(2) i {
	height:50px;
	background: url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/icon_apply.png) no-repeat left center / 100% 100%
}
/* cont01 */
.cont01 .inner2 {
	padding:82px 0 67px;
	overflow:hidden;
}
.cont01 .inner2 h2 {
	font-weight:bold;
	font-size:69px;
	color:#333;
	text-align:center;
}
.cont01 .inner2 .sub_text {
	margin-top:21px;
	font-weight:bold;
	font-size:34px;
	color:#cc9933;
	text-align:center;
}
.cont01 .inner2 .sub_text span {
	color:#ff6600;
}
.cont01 .inner2 .graph_box {
	margin-top:65px;
	position:relative;
}
.cont01 .inner2 .graph_box:before {
	content:'';
	position:absolute;
	top:60px;
	left:0;
	width:100%;
	height:52px;
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/cont02_list_bg.png) no-repeat top center / 100% auto;
}
.cont01 .inner2 .graph_box .number {
	display:flex;
	justify-content:center;
	align-items:center;
	padding:0 2px;
}
.cont01 .inner2 .graph_box .number li {
	font-weight:bold;
	font-size:27px;
	color:#999999;
	margin:0 8px;
	width:calc(20% - 16px);
	text-align:center;
}
.cont01 .inner2 .graph_box .number li.orange {
	color:#ff6600;
}
.cont01 .inner2 .description {
	display:flex;
	margin-top:20px;
	padding:0 2px;
	font-size:0;
	text-align:center;
}
.cont01 .inner2 .description li {
	position:relative;
	margin:0 8px;
	width:calc(20% - 16px);
	padding:281px 12px 69px;
}
.cont01 .inner2 .description li p {
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:bold;
	font-size:18px;
	color:#333;
	min-height:55px;
}
.cont01 .inner2 .description li span {
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin:0 auto;
	/* font-family:'GmarketSans',sans-serif; */
	font-weight:500;
	font-size:23px;
	line-height:68px;
	color:#ff6600;
	width:64px;
	height:64px;
	border-radius:32px;
	background:#eee;
}
.cont01 .inner2 .description li:nth-child(1) {
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/cont02_list_01_in.png) no-repeat bottom 21px center / 100% auto;
}
.cont01 .inner2 .description li:nth-child(2) {
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/cont02_list_02_in.png) no-repeat bottom 21px center / 100% auto;
}
.cont01 .inner2 .description li:nth-child(3) {
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/cont02_list_03_in.png) no-repeat bottom 21px center / 100% auto;
}
.cont01 .inner2 .description li:nth-child(4) {
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/cont02_list_04_in.png) no-repeat bottom 21px center / 100% auto;
}
.cont01 .inner2 .description li:nth-child(5) {
	background: url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/cont02_list_05_in.png) no-repeat bottom 21px center / 100% auto;
}
/* cont02 */
.cont02 {
	position:relative;
	background:#6cb3d4 url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/cont02_bg_in.jpg) no-repeat top 50% center / cover;
	overflow:hidden;
}
.cont02 .inner2 {
	padding:55px 0 69px;
}
.cont02 .inner2 h2 {
	font-weight:bold;
	font-size:74px;
	color:#fff;
	text-align:center;
}
.cont02 .inner2 p {
	margin-top:48px;
	font-size:31px;
	color:#fff;
	text-align:center;
}
.cont02 .inner2 .sub_text_box {
	margin-top:20px;
}
.cont02 .inner2 .sub_text_box .img {
	margin-top:66px;
	width:100%;
}
.cont02 .inner2 .sub_text_box .img img {
	width:100%;
}
.cont02 .inner2 .sub_text_box .text_box {
	margin-top:45px;
}
.cont02 .inner2 .sub_text_box .text_box h3 {
	font-size:28px;
	line-height:1.4;
	color:#fff;
}
.cont02 .inner2 .sub_text_box .text_box ul li {
	position:relative;
	margin-top:19px;
	padding-left:15px;
	font-size:29px;
	line-height:1.8;
	color:#fff;
}
.cont02 .inner2 .sub_text_box .text_box ul li:before {
	content:'';
	position:absolute;
	top:26px;
	left:0;
	width:7px;
	height:2px;
	background-color:#fff;
}
.cont02 .inner2 .sub_text_box .text_box ul+h3 {
	margin-top:36px;
}
.cont02 .inner2 .formBox {
	margin-top:47px;
}
.cont02 .inner2 .formBox .innerBox {
	padding:30px 66px;
	background:rgba(255,255,255,.5);
	border-radius:23px;
	overflow:hidden;
}
.cont02 .inner2 .formBox .innerBox label {
	font-size:39px;
	color:#333;
}
.cont02 .inner2 .formBox button {
	margin:30px auto 0;
	position:relative;
	display:block;
	background-color:transparent;
	width:782px;
	height:128px;
	/* font-family:'GmarketSans',sans-serif; */
	font-weight:500;
	font-size:66px;
	color:#fff;
	background:url("https://id2-web.s3.ap-southeast-3.amazonaws.com/image/icon_button.png") no-repeat center / 100%;
}
.cont02 .inner2 .formBox button:before {
	content:'';
	position:absolute;
	top:50%;
	right:84px;
	transform:translateY(-50%);
	width:28px;
	height:50px;
	background:url("https://id2-web.s3.ap-southeast-3.amazonaws.com/image/icon_arrow3.png") no-repeat center / 100%;
}
.cont02 .inner2 .formRow {
	margin-top:7px;
	display:flex;
	flex-direction:row;
	gap: 0 12px;
}
/* IE */
.cont02 .inner2 .formBox select::-ms-expand {
	display: none;
}
.cont02 .inner2 .formBox select {
	-webkit-appearance:none;
	/* 크롬 화살표 없애기 */
	-moz-appearance:none;
	/* 파이어폭스 화살표 없애기 */
	appearance:none;
	/* 화살표 없애기 */
}
.cont02 .inner2 .formBox .selectBox {
	position:relative;
	display:inline-block;
	width:198px;
	height:77px;
	overflow:hidden;
}
.cont02 .inner2 .formBox .selectBox:before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:77px;
	background:#0099cc url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/icon_arrow2.png) no-repeat center right 9px / 42px auto;
}
.cont02 .inner2 .formBox .selectBox select {
	width:100%;
	padding:0 40px 0 16px;
	border:0;
	font-family:'Malgun Gothic',sans-serif;
	font-weight:bold;
	font-size:37px;
	line-height:64px;
	color:#999999;
	height:77px;
	border:6px solid #0099cc;
	background-color:#fff;
}
.cont02 .inner2 .formBox .inpText {
	display:inline-block;
	height:77px;
	border:6px solid #0099cc;
	overflow:hidden;
	width:calc(100% - 210px);
}
.cont02 .inner2 .formBox .inpText input {
	padding:0 15px;
	font-family:'Malgun Gothic',sans-serif;
	font-weight:bold;
	line-height:64px;
	font-size:32px;
	color:#999999;
	border:0;
	width:100%;
}
.cont02 .inner2 .formBox .inpText input::placeholder {
	font-weight:bold;
	font-size:32px;
	color:#999999;
}
.cont02 .inner2 .formRow+.inp_check {
	margin-top:20px;
}
.cont02 .inner2 .formBox .inp_check {
	margin-top:10px;
	display:flex;
	flex-direction:row;
	align-items:center;
}
.cont02 .inner2 .formBox .inp_check input[type="checkbox"] {
	display:none;
}
.cont02 .inner2 .formBox .inp_check input[type="checkbox"]+label {
	position:relative;
	display:block;
	padding-left:82px;
	font-size:32px;
	line-height:63px;
	color:#333333;
}
.cont02 .inner2 .formBox .inp_check input+label::after {
	content:'';
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:63px;
	height:63px;
	background-color:#fff;
	border:6px solid #0099cc;
	box-sizing:border-box;
}
.cont02 .inner2 .formBox .inp_check input:checked+label::after {
	background:#fff url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/icon_check.png) no-repeat center center / 51px 51px;
}
.cont02 .inner2 .formBox .inp_check+.inp_check {
	margin-top: 11px;
}
/* cont03 */
.cont03 {
	overflow:hidden;
}
.cont03 .inner2 {
	position:relative;
  z-index: 1;
	padding:67px 0 66px;
}
.cont03 .inner2:before {
	content:'';
	position:absolute;
	bottom:0;
	left:-251px;
	right:0;
  z-index: -1;
	height:757px;
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/cont03_bg2.png) no-repeat bottom left / auto 100%;
}
.cont03 .inner2 h2 {
	font-weight:bold;
	font-size:52px;
	color:#333;
	text-align:center;
}
.cont03 .inner2 p {
	margin-top:19px;
	padding-left:166px;
	font-weight:bold;
	font-size:34px;
	color:#996699;
}
.cont03 .inner2 .sns_list {
	margin-top:20px;
	display:flex;
	justify-content:flex-end;
}
.cont03 .inner2 .sns_list li:nth-child(1) {
	width:313px;
}
.cont03 .inner2 .sns_list li:nth-child(2) {
	width:232px;
}
.cont03 .inner2 .sns_list li a {
	display:block;
	position:relative;
	z-index:1;
	padding-top:330px;
	text-align:center;
}
.cont03 .inner2 .sns_list li:nth-child(1) a {
	padding-top:330px;
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/sns_list_img1.png) no-repeat top center / 100% auto;
}
.cont03 .inner2 .sns_list li:nth-child(2) a {
	padding-top:220px;
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/sns_list_img2.png) no-repeat top center / 100% auto;
}
.cont03 .inner2 .sns_list li a span {
	position:relative;
	padding-right:40px;
	font-weight:bold;
	font-size:40px;
	color:#333;
}
.cont03 .inner2 .sns_list li a span:before {
	content:'';
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	width:19px;
	height:32px;
	background:url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/icon_arrow4.png) no-repeat bottom left / 100%;
}
.cont03 .inner2 .sns_list li a:nth-child(2) span {
	font-size: 32px;
}
/* cont04_box */
.cont04_box {
	padding-bottom:64px;
	background:#528aa4 url(https://id2-web.s3.ap-southeast-3.amazonaws.com/image/cont04_bg.jpg) no-repeat top 56% center / cover;
	overflow:hidden;
}
.cont04 {
	overflow:hidden;
}
.cont04 .inner2 {
	padding:55px 0 34px;
	text-align:center;
}
.cont04 .inner2 h2 {
	font-weight:bold;
	font-size:113px;
	color:#fff;
}
.cont04 .inner2 p {
	margin-top:14px;
	font-size:21px;
	color:#fff;
}
.cont04 .inner2 .videoBox {
	position:relative;
	padding-top:54.1%;
	overflow:hidden;
	width:885px;
	margin:38px auto 0;
}
.cont04 .inner2 .videoBox iframe {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
footer .logo_box {
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
}
footer .logo_box h2 {
	height:162px;
}
footer .logo_box h2 a {
	display:block;
	height:100%;
}
footer .logo_box h2 a img {
	height:100%;
}
footer .logo_box>a {
	display:block;
	height:162px;
}
footer .logo_box>a img {
	height:100%;
}
footer p {
	font-size:24px;
	color:#fff;
	text-align:center;
}
/* animation 추가 */
.cont03 .inner2 .sns_list li:hover a {
  animation: floatUp 0.3s ease-out forwards;
}
@keyframes floatUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}
.top_visual .inner .down_link_box a:hover:before {
  animation: arrowMotion 0.6s infinite;
}
@keyframes arrowMotion {
  0% {
    transform: translate(10px, -50%);
  }
  50% {
    transform: translate(0, -50%);
  }
  100% {
    transform: translate(10px, -50%);
  }
}
.top_visual .inner h1:before {
  animation: twinkleMotion 5s ease-out infinite;
}
@keyframes twinkleMotion {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.2;
  }
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0.5;
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}
.top_visual .inner .sub_text {overflow: hidden;}
.top_visual .inner .sub_text p {
  animation: subTextMotion .6s ease-out forwards;}
@keyframes subTextMotion {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
/* 반응형 */
@media (max-width:1200px) {
	.inner {
		width:100%;
	}
	.inner2 {
		width:100%;
	}
	.top_visual .inner:after {
		background-size:1300px auto;
		background-position:right -108px bottom;
	}
	.top_visual .inner .down_link_box {
		padding:0 15px;
	}
	.top_visual {
		border-bottom-right-radius:100px;
	}
	.cont01 {
		position:relative;
		z-index:1;
	}
	.cont01:after {
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:-1;
		background-color:#6ab1d2;
	}
	.cont01 .inner2 {
		padding:82px 15px 67px;
		background:#fff;
		border-top-left-radius:100px;
		border-bottom-left-radius:100px;
	}
	.cont02 {
		border-top-right-radius:100px;
		border-bottom-right-radius:100px;
	}
	.cont02 .inner2 {
		padding:55px 15px 69px;
	}
	.cont02 .inner2 p {
		margin-top:24px;
		font-size:30px;
	}
	.cont03 {
		position:relative;
		z-index:1;
	}
	.cont03:after {
		content:'';
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		z-index:-1;
		background-color:#cb99cc;
	}
	.cont03 .inner2 {
		padding:67px 15px 66px;
		border-top-left-radius:100px;
		border-bottom-left-radius:100px;
		background-color:#fff;
		overflow:hidden;
	}
	.cont03 .inner2:before {
		left:-10%;
	}
	.cont03 .inner2 p {
		padding-left:35%;
	}
	.cont04_box {
		border-top-right-radius:100px;
	}
	.cont04 .inner2 {
		padding:55px 15px 34px;
	}
	.cont04 .inner2 .videoBox {
		width:100%;
		padding-top:56.2%;
	}
	.cont01 .inner2 .graph_box .number {
		height:45px;
		align-items:flex-start;
	}
	.cont01 .inner2 .description {
		margin-top:0;
		justify-content:flex-start;
		display:flex;
	}
	.cont01 .inner2 .description li {
		padding:31.5% 14px 5.5%;
	}
	.cont01 .inner2 .description li:nth-child(1) {
		background-position:bottom center;
		background-size:auto 100%;
	}
	.cont01 .inner2 .description li:nth-child(2) {
		background-position:bottom center;
		background-size:auto 100%;
	}
	.cont01 .inner2 .description li:nth-child(3) {
		background-position:bottom center;
		background-size:auto 100%;
	}
	.cont01 .inner2 .description li:nth-child(4) {
		background-position:bottom center;
		background-size:auto 100%;
	}
	.cont01 .inner2 .description li:nth-child(5) {
		background-position:bottom center;
		background-size:auto 100%;
	}
	.cont01 .inner2 .description li span {
		bottom:-6%;
	}
	.cont02 .inner2 .formBox .inp_check input:checked+label::after {
		background-size:100% auto;
	}
}
@media (max-width:940px) {
	.top_visual .inner:after {
		background-size:138% auto;
		background-position:right 30% bottom;
	}
  .cont03 .inner2:before {background-size: 130% auto;}
	.cont03 .inner2 .sns_list li:nth-child(1) {
		width:33.7%;
	}
	.cont03 .inner2 .sns_list li:nth-child(2) {
		width:25%;
	}
	.cont03 .inner2 .sns_list li:nth-child(1) a {
		padding-top:115%;
	}
	.cont03 .inner2 .sns_list li:nth-child(2) a {
		padding-top:105%;
	}
	.top_visual .inner .down_link_box {
		margin-top:8%;
	}
	.top_visual .inner .down_link_box a {
		padding:0 5% 0 6%;
		width:400px;
		font-size:170%;
	}
	.top_visual .inner .down_link_box a:before {
		right:7%;
	}
	.cont02 .inner2 .formBox button {
		width:100%;
	}
	.top_visual .inner .down_link_box a:first-child i {
		width:16%;
		height:100%;
		background-size:100% auto;
	}
	.top_visual .inner .down_link_box a:nth-child(2) i {
		width:16%;
		height:100%;
		background-size:100% auto;
	}
	.cont01 .inner2 .graph_box .number {
		height:50px;
	}
	.cont01 .inner2 .description li {
		width:calc(20% - 1%);
	}
	.cont01 .inner2 .description li p {
		font-size:15px;
	}
	.cont01 .inner2 .description li span {
		font-size:18px;
		width:55px;
		height:55px;
		line-height:55px;
	}
	.cont01 .inner2 h2 {
		font-size:58px;
	}
	.cont02 .inner2 p {
		font-size:27px;
	}
	.cont01 .inner2 .sub_text {
		margin-top:15px;
		font-size:30px;
	}
	.cont02 .inner2 h2 {
		font-size:58px;
	}
	.cont02 .inner2 .sub_text_box .text_box {
		padding-top:15px;
	}
	.cont02 .inner2 .sub_text_box .text_box h3 {
		font-size:40px;
	}
	.cont02 .inner2 .sub_text_box .text_box p {
		margin-top:15px;
		font-size:22px;
	}
	.cont02 .inner2 .sub_text_box .text_box ul li {
		margin-top:0;
		font-size:18px;
	}
	.cont02 .inner2 .sub_text_box .text_box ul li:before {
		top:15px;
	}
	.cont02 .inner2 .sub_text_box .text_box ul+h3 {
		margin-top:20px;
	}
	.cont02 .inner2 .formBox .innerBox label {
		font-size:32px;
	}
	.cont02 .inner2 .formBox .selectBox {
		width:178px;
		height:65px;
	}
	.cont02 .inner2 .formBox .selectBox:before {
		width:60px;
		height:65px;
		background-position:center right 13px;
		background-size:34px auto;
	}
	.cont02 .inner2 .formBox .selectBox select {
		font-size:28px;
		line-height:52px;
		height:65px;
		padding:0 60px 0 16px;
	}
	.cont02 .inner2 .formBox .inpText {
		width:calc(100% - 125px);
		height:65px;
	}
	.cont02 .inner2 .formBox .inpText input {
		line-height:53px;
		font-size:28px;
	}
	.cont02 .inner2 .formBox .inpText input::placeholder {
		font-size:28px;
	}
	.cont02 .inner2 .formBox .inp_check input+label::after {
		width:52px;
		height:52px;
	}
	.cont02 .inner2 .formBox .inp_check input[type="checkbox"]+label {
		line-height:52px;
		padding-left:65px;
		font-size:28px;
	}
	.cont02 .inner2 .formBox button {
		width:500px;
		margin:25px auto 0;
		height:84px;
		font-size:34px;
	}
	.cont02 .inner2 .formBox button:before {
		right:82px;
		width:20px;
		height:40px;
	}
	.cont03 .inner2 h2 {
		font-size:42px;
	}
	.cont03 .inner2 p {
		font-size:24px;
	}
	.cont03 .inner2 .sns_list li a span {
		font-size:30px;
		padding-right:30px;
	}
	.cont03 .inner2 .sns_list li a span:before {
		width:14px;
		height:24px;
	}
	.cont03 .inner2 .sns_list li a:nth-child(2) span {
		font-size:24px;
	}
	.cont04 .inner2 h2 {
		font-size:58px;
	}
	.cont04 .inner2 p {
		font-size:30px;
	}
	footer .logo_box h2 {
		height:120px;
	}
	footer .logo_box>a {
		height:120px;
	}
	footer p {
		font-size:18px;
	}
}
@media (max-width:840px) {
	.cont01 .inner2 .graph_box:before {
		top:48px;
		height:20px;
	}
	.cont01 .inner2 .graph_box .number {
		height:40px;
	}
	.cont01 .inner2 .graph_box .number li {
		font-size:25px;
	}
	.cont01 .inner2 .description li p {
		font-size:13px;
	}
}
@media (max-width:768px) {
  header .inner {
    padding-top:8%;
  } 
  header .inner h1 {
    width: 20%;
  }
	.top_visual .inner {
		padding:50% 0 10%;
	}
	.top_visual .inner:after {
		background-size:138% auto;
		background-position:right 35% bottom;
	}
	.top_visual .inner h1 {
		font-size:105px;
	}
	.top_visual .inner h1:before {
		font-size:105px;
	}
	.top_visual .inner .sub_text {
		width:440px;
		height:55px;
	}
	.top_visual .inner .sub_text p {
		font-size:26px;
		line-height:50px;
		height:55px;
	}
	.top_visual .inner .down_link_box a {
		width:320px;
		height:55px;
		line-height:55px;
		font-size:142%;
	}
	.top_visual .inner .down_link_box a:before {
		right:6%;
		width:15px;
		height:28px;
	}
	.top_visual .inner .down_link_box a+a {
		margin-top:20px;
	}
	.cont01 .inner2 {
		padding:10% 15px;
	}
	.cont01 .inner2 h2 {
		font-size:40px;
	}
	.cont01 .inner2 .sub_text {
		font-size:22px;
	}
	.cont01 .inner2 .graph_box {
		margin-top:45px;
	}
	.cont01 .inner2 .graph_box:before {
		top:38px;
	}
	.cont01 .inner2 .graph_box .number {
		height:30px;
	}
	.cont01 .inner2 .graph_box .number li {
		font-size:20px;
	}
	.cont02 .inner2 .sub_text_box .img {
		margin-top:40px;
	}
	.cont01 .inner2 .description li {
		margin:0 1%;
		padding:30% 1% 4%;
	}
	.cont01 .inner2 .description li p {
		font-size:12px;
	}
	.cont01 .inner2 .description li span {
		font-size:15px;
		width:40px;
		height:40px;
		line-height:40px;
		bottom:-9%;
	}
	.cont02 .inner2 {
		padding:10% 15px 10%;
	}
	.cont02 .inner2 h2 {
		font-size:40px;
	}
	.cont02 .inner2 p {
		font-size:20px;
	}
	.cont02 .inner2 .sub_text_box .text_box {
		margin-top:15px;
	}
	.cont02 .inner2 .sub_text_box .text_box h3 {
		font-size:30px;
	}
	.cont02 .inner2 .sub_text_box .text_box p {
		font-size:17px;
	}
	.cont02 .inner2 .sub_text_box .text_box ul li {
		padding-left:11px;
		font-size:14px;
	}
	.cont02 .inner2 .sub_text_box .text_box ul li:before {
		top:11px;
		height:1px;
		width:5px;
	}
	.cont02 .inner2 .sub_text_box .text_box ul+h3 {
		margin-top:20px;
	}
	.cont02 .inner2 .formBox .innerBox label {
		font-size:32px;
	}
	.cont02 .inner2 .formBox .selectBox select {
		font-size:28px;
		line-height:52px;
		width:178px;
		height:65px;
		padding:0 60px 0 16px;
	}
	.cont02 .inner2 .formBox .selectBox:before {
		width:40px;
		height:55px;
		background-position:center right 10px;
		background-size:20px auto;
		top:0;
		right:0;
	}
	.cont02 .inner2 .formBox .inpText {
		height:65px;
	}
	.cont02 .inner2 .formBox .inpText input {
		line-height:53px;
		font-size:28px;
	}
	.cont02 .inner2 .formBox .innerBox label {
		font-size:26px;
	}
	.cont02 .inner2 .formBox .selectBox select {
		font-size:22px;
		line-height:46px;
		height:55px;
		padding:0 46px 0 10px;
		border-width:4px;
	}
	.cont02 .inner2 .formBox .selectBox {
		width:125px;
		height:55px;
	}
	.cont02 .inner2 .formBox .inpText {
		width:calc(100% - 125px);
		height:55px;
		border-width:4px;
	}
	.cont02 .inner2 .formBox .inpText input {
		line-height:46px;
		font-size:22px;
	}
	.cont02 .inner2 .formBox .inpText input::placeholder {
		font-size:22px;
	}
	.cont02 .inner2 .formBox .inp_check input+label::after {
		width:40px;
		height:40px;
		border-width:4px;
	}
	.cont02 .inner2 .formBox .inp_check input[type="checkbox"]+label {
		line-height:40px;
		padding-left:55px;
		font-size:22px;
	}
	.cont02 .inner2 .formBox button {
		width:370px;
		margin:25px auto 0;
		height:58px;
		font-size:27px;
	}
	.cont02 .inner2 .formBox button:before {
		right:79px;
		width:13px;
		height:26px;
	}
	.cont03 .inner2 {
		padding:10% 15px;
	}
  .cont03 .inner2:before {
    background-size: 115% auto;
  }
	.cont03 .inner2 h2 {
		font-size:31px;
	}
	.cont03 .inner2 p {
    padding-left: 32%;
		font-size:18px;
	}
	.cont03 .inner2 .sns_list li:nth-child(1) {
		width:26.7%;
	}
	.cont03 .inner2 .sns_list li:nth-child(2) {
		width:22%;
	}
	.cont03 .inner2 .sns_list li a span {
		font-size:22px;
		padding-right:22px;
	}
	.cont03 .inner2 .sns_list li a span:before {
		width:10px;
		height:17px;
	}
	.cont03 .inner2 .sns_list li a:nth-child(2) span {
		font-size:18px;
	}
	.cont04 .inner2 {
		padding:10% 15px 5%;
	}
	.cont04 .inner2 h2 {
		font-size:80px;
	}
	.cont04 .inner2 p {
		font-size:22px;
	}
	footer .logo_box h2 {
		height:95px;
	}
	footer .logo_box>a {
		height:95px;
	}
	footer p {
		font-size:15px;
	}
	.cont04_box {
		padding-bottom:10%;
	}
	.cont02 .inner2 .formBox .innerBox {
		padding: 25px 30px;
	}
	/* 레이아웃 */
	.top_visual {
		border-bottom-right-radius:80px;
	}
	.cont01 .inner2 {
		border-top-left-radius:80px;
		border-bottom-left-radius:80px;
	}
	.cont02 {
		border-top-right-radius:80px;
		border-bottom-right-radius:80px;
	}
	.cont03 .inner2 {
		border-top-left-radius:80px;
		border-bottom-left-radius:80px;
		background-color:#fff;
	}
}
@media (max-width:576px) {
	.top_visual .inner:after {
		background-size:143% auto;
		background-position:right 35% bottom;
	}
	.top_visual .inner h1 {
		font-size:85px;
	}
	.top_visual .inner h1:before {
		font-size:85px;
	}
	.top_visual .inner .sub_text {
		width:331px;
		height:45px;
	}
	.top_visual .inner .sub_text p {
		font-size:20px;
		line-height:40px;
		height:45px;
	}
	.top_visual .inner .down_link_box a {
		width:243px;
		height:45px;
		line-height:45px;
		font-size:110%;
	}
	.top_visual .inner .down_link_box a:before {
		right:6%;
		width:10px;
		height:15px;
	}
	.top_visual .inner .down_link_box a+a {
		margin-top:15px;
	}
	.cont01 .inner2 {
		padding:10% 15px;
	}
	.cont01 .inner2 h2 {
		font-size:30px;
	}
	.cont01 .inner2 .sub_text {
		font-size:18px;
	}
	.cont01 .inner2 .graph_box {
		margin-top:30px;
	}
	.cont01 .inner2 .graph_box:before {
		top:30px;
	}
	.cont01 .inner2 .graph_box .number {
		height:25px;
	}
	.cont01 .inner2 .graph_box .number li {
		font-size:15px;
	}
	.cont01 .inner2 .description li {
		margin:0 1%;
		padding:35% 0 3%;
	}
	.cont01 .inner2 .description li p {
		font-size:11px;
	}
	.cont01 .inner2 .description li span {
		font-size:11px;
		width:26px;
		height:26px;
		line-height:26px;
		bottom:-9%;
	}
	.cont02 .inner2 {
		padding:10% 15px 10%;
	}
	.cont02 .inner2 h2 {
		font-size:32px;
	}
	.cont02 .inner2 p {
		margin-top:15px;
		font-size:17px;
		line-height:1.2;
	}
	.cont02 .inner2 .sub_text_box .text_box {
		padding-top:0;
	}
	.cont02 .inner2 .sub_text_box .text_box h3 {
		font-size:20px;
	}
	.cont02 .inner2 .sub_text_box .img {
		margin-top:30px;
	}
	.cont02 .inner2 .formBox .innerBox label {
		font-size:22px;
	}
	.cont02 .inner2 .formRow {
		gap:0 6px;
	}
	.cont02 .inner2 .formBox .selectBox {
		width:100px;
		height:45px;
	}
	.cont02 .inner2 .formBox .selectBox:before {
		width:31px;
		height:45px;
		background-position:center right 7px;
		background-size:16px auto;
	}
	.cont02 .inner2 .formBox .selectBox select {
		font-size:18px;
		line-height:36px;
		height:45px;
		padding:0 31px 0 10px;
		border-width:4px;
	}
	.cont02 .inner2 .formBox .inpText {
		height:45px;
	}
	.cont02 .inner2 .formBox .inpText input {
		line-height:36px;
		font-size:18px;
	}
	.cont02 .inner2 .formBox .inpText input::placeholder {
		font-size:18px;
	}
	.cont02 .inner2 .formBox .inp_check input+label::after {
		width:30px;
		height:30px;
		border-width:4px;
	}
	.cont02 .inner2 .formBox .inp_check input[type="checkbox"]+label {
		line-height:30px;
		padding-left:40px;
		font-size:16px;
	}
	.cont02 .inner2 .formBox button {
		width:307px;
		margin:20px auto 0;
		height:50px;
		font-size:22px;
	}
	.cont02 .inner2 .formBox button:before {
		right:75px;
		width:10px;
		height:26px;
	}
	.cont03 .inner2 {
		padding:10% 15px;
	}
	.cont03 .inner2 h2 {
		font-size:22px;
	}
	.cont03 .inner2 p {
    margin-top:15px;
		font-size:13px;
	}
	.cont03 .inner2 .sns_list li:nth-child(1) {
		width:26.7%;
	}
	.cont03 .inner2 .sns_list li:nth-child(2) {
		width:22%;
	}
	.cont03 .inner2 .sns_list li a span {
		font-size:16px;
		padding-right:18px;
	}
	.cont03 .inner2 .sns_list li a span:before {
		width: 6px;
    height: 10px;
	}
	.cont03 .inner2 .sns_list li a:nth-child(2) span {
		font-size:12px;
	}
	.cont04 .inner2 {
		padding:10% 15px 5%;
	}
	.cont04 .inner2 h2 {
		font-size:60px;
	}
	.cont04 .inner2 p {
		font-size:18px;
	}
	.cont04 .inner2 .videoBox {
		margin:30px auto 0;
	}
	footer .logo_box h2 {
		height:85px;
	}
	footer .logo_box>a {
		height:85px;
	}
	footer p {
		font-size:12px;
	}
	.cont04_box {
		padding-bottom:10%;
	}
}
@media (max-width:420px) {
	.top_visual .inner:after {
		background-size:148% auto;
		background-position:right 30% bottom;
	}
	.top_visual .inner .down_link_box a+a {
		margin-top:15px;
	}
	.top_visual .inner .down_link_box a {
		width:210px;
		height:40px;
		line-height:40px;
		font-size:90%;
	}
	.top_visual .inner .down_link_box a:before {
		right:6%;
		width:10px;
		height:15px;
	}
	.cont01 .inner2 h2 {
		font-size:22px;
	}
	.cont01 .inner2 .sub_text {
		margin-top:10px;
		font-size:14px;
	}
	.top_visual .inner h1 {
		font-size:67px;
	}
	.top_visual .inner h1:before {
		font-size:67px;
	}
	.top_visual .inner .sub_text {
		width:300px;
		height:40px;
		border:2px solid #fff;
		border-radius:10px;
	}
	.top_visual .inner .sub_text p {
		font-size:18px;
		line-height:36px;
		height:40px;
	}
	.cont01 .inner2 .graph_box .number li {
		font-size:14px;
	}
	.cont01 .inner2 .description li p {
		font-size:10px;
		min-height:62px;
	}
	.cont01 .inner2 .description li {
		padding:37% 0 0%;
	}
	.cont02 .inner2 h2 {
		font-size:24px;
	}
	.cont02 .inner2 p {
		font-size:14px;
	}
	.cont03 .inner2 h2 {
		font-size:16px;
	}
	.cont03 .inner2 p {
		margin-top: 10px;
    font-size: 11px;
    padding-left: 23%;
	}
	.cont04 .inner2 p {
		font-size:14px;
	}
	.cont02 .inner2 .formBox .innerBox {
		padding:20px 15px;
	}
	.cont02 .inner2 .formBox .inp_check input[type="checkbox"]+label {
		line-height:1.5;
		padding-left:32px;
		font-size:11px;
	}
	.cont02 .inner2 .formBox .inp_check input+label::after {
		width:25px;
		height:25px;
	}
	.cont02 .inner2 .formBox button {
		width:100%;
		margin:15px auto 0;
		height:36px;
		font-size:19px;
	}
	.cont02 .inner2 .formBox button:before {
		right:45px;
		width:8px;
		height: 26px;
	}
}