@charset "euc-kr";

@import url("//i.incru.it/ui/static/font/pretendard/package/pretendard/web/static/pretendard-subset.min.css");
@font-face {
	font-family: 'S-CoreDream-6Bold';
	src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

:root {
	--text-main: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--text-sub: "S-CoreDream-6Bold", "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--color-point1: #4EB0FF;
	--color-point2: #258DC9;
	--color-blue: #1558B6;
	--color-gray6: #666;
	--color-gray8: #888;
}

/* Reset */
html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family: var(--text-main);box-sizing: border-box;color:#161616 ;font-size: 16px;word-break: keep-all;line-height: 1.3;letter-spacing: -0.03em;min-width: 1292px;}
* {box-sizing: border-box;}
body{background: #F3F4F5;}
.main{overflow:hidden;}
a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, b, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;letter-spacing: inherit;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font: inherit;}
b, strong{font-weight:700;}
hr{height:0;}
pre{overflow:auto;}
button[type=button],button[type=submit]{border:none;outline:none;background: none;text-transform: none;font-size: 1rem;font-family: inherit;margin:0;padding:0;vertical-align: middle;line-height:1.3;border:none}
button, input, optgroup, select, textarea{margin:0;font:inherit;color:inherit;}
button, select{text-transform:none;}
button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance:button;cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0;}
input{line-height:normal;}
label{display:inline-block;max-width:100%;}
legend{padding:0;border:0;}
table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse;}
ol, ul{margin-top:0;margin-bottom:0;list-style:none;}
a {color: inherit;text-decoration: none;background-color: transparent;}
a:link, a:visited, a:active, a:hover {color:inherit;text-decoration: none;}
img {border: 0;max-width: 100%;vertical-align: top;outline: 0;}

.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}

.text-point1 {color: var(--color-point1) !important;}
.text-blue {color:var(--color-blue) !important;}
.text-gray6 {color:var(--color-gray6) !important;}
.text-gray8 {color:var(--color-gray8) !important;}
.text-white {color:#fff !important;}
.text-black {color:#000 !important;}
.bg-white {background-color:#fff !important;}
.bg-point1 {background-color:var(--color-point1) !important;}
.bg-blue {background-color:var(--color-blue) !important;}
.bg-gray6 {background-color:var(--color-gray6) !important;}
.bg-gray8 {background-color:var(--color-gray8) !important;}
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.font-weight-light {font-weight: 300 !important;}
.font-weight-normal {font-weight: 400 !important;}
.font-weight-medium {font-weight: 500 !important;}
.font-weight-semibold {font-weight: 600 !important;}
.font-weight-bold {font-weight: 700 !important;}
.font-weight-extrabold {font-weight: 800 !important;}
.font-weight-black {font-weight: 900 !important;}
.text-underline {text-decoration: underline !important;}
.d-block {display: block;}
.d-none {display: none;}
.d-flex {display: flex;flex-wrap: wrap;}
.align-items-start {align-items: flex-start !important;}

.container {width: 100%;max-width: 1292px;padding-left: 16px;padding-right: 16px;margin-left: auto;margin-right: auto;position: relative;}

	.main-visual .swiper{z-index:initial;}
	.main-visual .swiper .swiper-wrapper{z-index:initial;}
.header {position: absolute;left: 0;top: 0;right: 0;z-index: 100;border-bottom: 1px solid #BAD1F3;transition: 0.3s;}
.header .nav {margin-left:auto;}
.header .container {display: flex;align-items: center;justify-content: space-between;height: 76px;}
.header .logo {position: absolute;left: calc(50% - 630px);top:12.5px;width: 168px;height: 50px;display: block;background: url(../image/logo_d.png) no-repeat center;z-index:101;}
.header .logo.w {background: url(../image/logo_w.png) no-repeat center;}
.header .logo.d {display: none;}
.header.swp1 .logo.w {display: block;}
.header.swp1 .logo.d {display: none;}
.header.swp2 .logo.w {display: none;}
.header.swp2 .logo.d {display: block;}
.header .nav-list {display: flex;flex-wrap: wrap;margin-right: -30px;}
.header .nav-list__item {margin-left: 24px;}
.header .nav-list__item .link {display: flex;align-items: center;font-size: 18px;font-weight: 600;padding: 18px 30px;border-radius: 60px;background:transparent;border: 1px solid transparent;color: #fff;transition: 0.3s;line-height: 21px;}
.header.swp2 .nav-list__item .link{color:#818181;}
.header .nav-list__item .link.active {border-color: var(--color-point1);}
.header.active {background-color:transparent;}

.main-visual {position: relative;}
.main-visual__title {position: absolute;right: 50%;top: 40.2034%;margin-right: -630px;text-align: right;z-index: 10;}
.main-visual__title .title {margin-bottom: 19px;}
.main-visual__title .title img {width: 467px;}
.main-visual__title .text img {width: 397px;}
.main-visual .swiper .img {width: 100%;height: 610px;background-repeat: no-repeat;overflow: hidden;}
.main-visual .swiper .img.img1 {background-image: url(../image/hero_illust_1.png);background-color: #AABEF1;background-position:calc(50% - (630px - 381px)) 100px;}
.main-visual .swiper .img.img2 {background-image: url(../image/hero_illust_2.png);background-color: #FFF7DF;background-position:calc(50% - (630px - 344px)) 137px;}
.main-visual .swiper .swiper-pagination {width: auto;bottom:14px;left: 50%;margin-left: -630px;}
.main-visual .swiper .swiper-pagination-bullet {width: 10px;height: 10px;background-color: #fff;opacity: 1;margin: 0 10px 0 0 !important;}
.main-visual .swiper .swiper-pagination-bullet-active {background-color: #9E9E9E;}
.main-visual__sns {position: absolute;right: 50%;bottom: 32px;margin-right: -630px;z-index: 10;}
.main-visual__sns li {border-radius: 50%;transition: box-shadow 0.3s}
.main-visual__sns li + li {margin-top: 16px;}
.main-visual__sns li img {display: block;width: 32px;}
.main-visual__sns li:hover {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}

.section-bnr {padding: 40px 0 50px;}
.section-bnr .bnr-list {display: flex;flex-wrap: wrap;justify-content: space-between;margin: -10px;}
.section-bnr .bnr-list__item {width: 46.875%;padding: 10px;}
.section-bnr .bnr-list.full{justify-content: center;}
.section-bnr .bnr-list.full .bnr-list__item {width: 80.39%;}
.section-bnr .bnr-list__box {display: block;border-radius: 0 0 6px 6px;border-top:1px solid #000; background: #fff;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);padding: 59px 0 68px;position: relative;transition: 0.3s;}
.section-bnr .bnr-list__box span {display: block;}
.section-bnr .bnr-list__box .character {background-repeat: no-repeat;background-position: 0 100%; background-size: contain;position: absolute;transition: 0.3s;}
.section-bnr .bnr-list__box .txt-bx {padding-left: 24px;}
.section-bnr .bnr-list__box .txt-bx .period {font-size: 18px;font-weight: 600; letter-spacing: -0.45px;color:#161616;}
.section-bnr .bnr-list__box .txt-bx .title {font-size: 20px;font-weight: 500;color: #258DC9;margin-top: 7px; letter-spacing: -0.5px;}
.section-bnr .bnr-list__box.bnr1 .character {right: 17px;bottom: -26px;width: 186px;height: 186px;background-image: url(../image/bnr_character1.png); }
.section-bnr .bnr-list__box.bnr2 .character {right: 17px;bottom: -26px;width: 186px;height: 186px;background-image: url(../image/bnr_character2.png);}
.section-bnr .bnr-list__box.bnr3 .character {right: 17px;bottom: -26px;width: 186px;height: 186px;background-image: url(../image/bnr_character3.png); background-position: 100% 100%;}
.section-bnr .bnr-list__box.bnr4 .character {right: 17px;bottom: -26px;width: 186px;height: 186px;background-image: url(../image/bnr_character4.png); background-position: 100% 100%;}
.section-bnr .bnr-list__box:hover {overflow: visible;background-color: #1558B6;}
.section-bnr .bnr-list__box:hover .txt-bx * {color: #fff;}
.section-bnr .bnr-list__box:hover .txt-bx .btn {background-color: #0C2857;color: #fff;}
.section-bnr .bnr-list__box:hover .character {transform: translateY(-10px);}
.section-bnr .bnr-list__box.bnr1:hover .character {background-image: url(../image/bnr_character1_on.png);}
.section-bnr .bnr-list__box.bnr2:hover .character {background-image: url(../image/bnr_character2_on.png);}
.section-bnr .bnr-list__box.bnr3:hover .character {background-image: url(../image/bnr_character3_on.png);}
.section-bnr .bnr-list__box.bnr4:hover .character {background-image: url(../image/bnr_character4_on.png);}

.section-bnr .bnr-list.cell_3 .bnr-list__item {width: 33.3333%;min-height:258px;}
.section-bnr .bnr-list.cell_3 .bnr-list__item .bnr-list__box{height:100%;padding-top:22px;}
.section-bnr .bnr-list.cell_3 .bnr-list__item .txt-bx .title{margin-top:27px;}
.section-bnr .bnr-list.cell_3 .bnr-list__box.bnr1 .character,
.section-bnr .bnr-list.cell_3 .bnr-list__box.bnr2 .character,
.section-bnr .bnr-list.cell_3 .bnr-list__box.bnr3 .character,
.section-bnr .bnr-list.cell_3 .bnr-list__box.bnr4 .character{background-size:140px auto;width:140px;height:140px;}

.section-bnr .bnr-list.cell_4 .bnr-list__item {width: 24.39%;min-height:258px;}
.section-bnr .bnr-list.cell_4 .bnr-list__item .bnr-list__box{height:100%;padding-top:22px;}
.section-bnr .bnr-list.cell_4 .bnr-list__item .txt-bx .title{margin-top:10px;}
.section-bnr .bnr-list.cell_4 .bnr-list__box.bnr1 .character,
.section-bnr .bnr-list.cell_4 .bnr-list__box.bnr2 .character,
.section-bnr .bnr-list.cell_4 .bnr-list__box.bnr3 .character,
.section-bnr .bnr-list.cell_4 .bnr-list__box.bnr4 .character{background-size:140px auto;width:140px;height:140px;}

/* ¹öÆ° 4??*/
.section-bnr .bnr-list.division--4th .bnr-list__item {width: 25%;}
.section-bnr .bnr-list.division--4th .bnr-list__box{padding:23px 0 54px;height: 180px;}
.section-bnr .bnr-list.division--4th .bnr-list__box .txt-bx {padding-left: 12px;}
.section-bnr .bnr-list.division--4th .bnr-list__box .txt-bx .period {font-size:16px;}
.section-bnr .bnr-list.division--4th .bnr-list__box .txt-bx .title {margin-top:24px;}
.section-bnr .bnr-list.division--4th .bnr-list__box .txt-bx .title strong{display:block; font-weight:700;color:#257FC9;}
.section-bnr .bnr-list.division--4th .bnr-list__box:hover .title strong {color: #fff;}
.section-bnr .bnr-list.division--4th .bnr-list__box.bnr1 .character{width: 110px; height:110px; right:8px;bottom: -19px;}
.section-bnr .bnr-list.division--4th .bnr-list__box.bnr2 .character{width: 110px; height:110px;right:7px;bottom: -19px;}
.section-bnr .bnr-list.division--4th .bnr-list__box.bnr3 .character{width: 152px; height:90px;right:8px;bottom: -16px;background-size:117px 90px;}
.section-bnr .bnr-list.division--4th .bnr-list__box.bnr3:hover .character{bottom: -28px;background-size:152px 88px;}
.section-bnr .bnr-list.division--4th .bnr-list__box.bnr4 .character{width: 124px; height:81px;right:7px;bottom: -19px;background-size:124px 69px;background-position:100% 100%;}
.section-bnr .bnr-list.division--4th .bnr-list__box.bnr4:hover .character{bottom: -21px;background-size:108px 81px;}


.footer {position: relative;width: 100%;border-top: solid 1px #dfdfdf;padding: 30px 0;}
.footer .container {width: 1260px;padding: 0;margin: 0 auto;overflow: hidden;position: relative;display:  flex;flex-wrap: wrap; align-items: center;} 
.footer .logo {margin-right:20px}
.footer .info a {font-size: 13px;font-weight: 700;color: #666;}
.footer .info .copyright {color: #666;font-size: 12px;line-height: 20px;}
.footer .f_logoC{position: absolute;right: 0;top:14px;width:116px;height:20px;background:url(../image/c_rasp25.png) no-repeat;}

/* @media (max-height: 750px) {
	html {overflow-x: auto;overflow-y: auto;}
	.main-visual .swiper .img {height: 760px;border-radius: 0 0 100px 0;}
}
@media (max-height: 750px) and (max-width: 1293px) {
	html {overflow-x: auto;overflow-y: auto;}
	.main-visual .swiper .img {height: 760px;border-radius: 0 0 100px 0;}
}
@media (min-height: 750.02px) and (min-width: 1293.02px) {
	html {overflow-x: hidden;overflow-y: hidden;}
	.main-visual .swiper .img {height: calc(100vh - 275px);border-radius: 0 0 240px 0;}
} */

/* ==================== FSI - CTA ???? (Figma ?©­? ??? ?? ©§????? ???) ==================== */

.cta {padding: 40px 0 50px;}
.cta__inner {display: flex; gap: 31px; align-items: flex-start;}

/* a????? ??? */
.hire {position: relative;display: flex;width: 549px;height: 230px;background: #ffffff;border: 1px solid #dddddd;border-radius: 12px;flex-direction: column;text-decoration: none;}
.hire__head {display: flex;align-items: center;gap: 9px;padding: 21px 0 0 27px;}
.hire__label {font-family: 'Pretendard Variable', Pretendard, sans-serif;font-weight: 500;font-size: 22px;line-height: 26px;letter-spacing: -0.55px;color: #000000;white-space: nowrap;}
.hire__body {
    padding: 0 0 19px 29px;
    margin-top: auto;
}
.hire__title {font-family: 'Pretendard Variable', Pretendard, sans-serif; font-weight: 500; font-size: 24px; line-height: 26px; letter-spacing: -0.6px; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0;}
.hire__period {margin: 8px 0 0; font-family: 'Pretendard Variable', Pretendard, sans-serif; font-weight: 400; font-size: 18px; line-height: 26px; letter-spacing: -0.45px; color: #636363; white-space: nowrap;}

/* ??? ??? 3?? ???? ???? */
.links {width: 240px; display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none;}
.links__item {position: relative; width: 240px; height: 77px; background: #ffffff; border: 1px solid #dddddd; margin-bottom: -1px;}
.links__item:first-child {border-radius: 12px 12px 0 0;}
.links__item:last-child {border-radius: 0 0 12px 12px; margin-bottom: 0;}
.links__item a {display: flex;align-items: center;gap: 30px;padding: 0 26px;height: 100%;width: 100%;text-decoration: none;}
.links__icon {display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.links__icon--notice {width: 36px; height: 37px;}
.links__icon--question {width: 39px; height: 37px;}
.links__icon--result {width: 35px; height: 35px;}
.links__icon img {display: block; width: 100%; height: 100%;}
.links__text {font-family: 'Pretendard Variable', Pretendard, sans-serif; font-weight: 300; font-size: 16px; line-height: 26px; letter-spacing: -0.4px; color: #000000; white-space: nowrap;}

/* ????? iframe */
.video {width: 408.89px; height: 230px;}
.video iframe {width: 100%; height: 100%; border: 0; display: block; background: #000;}