@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: #F9830D;
	--color-point2: #FF6200;
	--color-orange: #ff460a;
	--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;}
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-orange {color:var(--color-orange) !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-orange {background-color:var(--color-orange) !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;}

.header {position: absolute;left: 0;top: 0;right: 0;z-index: 100;border-bottom: 1px solid #5B779B;transition: 0.3s;}
.header .container {display: flex;align-items: center;justify-content: space-between;height: 76px;}
.header .logo {width: 137px;height: 36px;display: block;background: url(../image/logo_white.png) no-repeat center;background-size: contain;}
.header .nav-list {display: flex;flex-wrap: wrap;}
.header .nav-list__item {margin-left: 25px;}
.header .nav-list__item .link {display: flex;align-items: center;height: 36px;font-size: 16px;font-weight: 600;font-family: var(--text-sub);padding: 0 30px;border-radius: 60px;background: var(--color-point1);border: 1px solid var(--color-point1);color: #fff;transition: 0.3s;}
.header .nav-list__item .link.active {background-color: #fff;border-color: var(--color-point2);color: var(--color-point2);}
.header.active {background-color: #fff;}
.header.active .logo {background-image: url(../image/logo.png);}

.main-visual {position: relative;}
.main-visual__title {position: absolute;right: 50%;top: 37%;margin-right: -630px;text-align: right;z-index: 10;}
.main-visual__title .title {margin-bottom: 20px;}
.main-visual__title .title img {width: 645px;}
.main-visual__title .text img {width: 522px;}
.main-visual .swiper .img {width: 100%;height: 760px;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 0 0 240px 0;overflow: hidden;}
.main-visual .swiper .swiper-pagination {width: auto;bottom: 25px;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: #F99312;}
.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__box {display: block;border-radius: 10px;background: #F6F7F9;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);padding: 50px 0 80px;position: relative;overflow: hidden;transition: 0.3s;}
.section-bnr .bnr-list__box span {display: block;}
.section-bnr .bnr-list__box .img {width: 210px;height: 81px;background: url(../image/bnr_img.png) no-repeat center;background-size: contain;position: absolute;left: 130px;bottom: 0;}
.section-bnr .bnr-list__box .character {background-repeat: no-repeat;background-size: contain;position: absolute;transition: 0.3s;}
.section-bnr .bnr-list__box .txt-bx {padding-left: 180px;}
.section-bnr .bnr-list__box .txt-bx .period {font-size: 18px;font-weight: 600;}
.section-bnr .bnr-list__box .txt-bx .title {font-size: 20px;font-weight: 500;color: #2D4A89;margin-top: 5px;}
.section-bnr .bnr-list__box .txt-bx .btn {width: 150px;height: 30px;line-height: 30px;background-color: #e4e5e7;border-radius: 60px;font-size: 16px;color: #6b6b6b;font-weight: 700;position: absolute;right: 20px;bottom: 20px;text-align: center;}
.section-bnr .bnr-list__box.bnr1 .character {left: -5px;bottom: -56px;width: 219px;height: 224px;background-image: url(../image/bnr_character1.png);}
.section-bnr .bnr-list__box.bnr2 .character {left: -15px;bottom: -70px;width: 208px;height: 217px;background-image: url(../image/bnr_character2.png);}
.section-bnr .bnr-list__box:hover {overflow: visible;background-color: #0F3C97;}
.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(-55px);}
.section-bnr .bnr-list__box.bnr2:hover .character {transform: scale(1.05) translateY(-50px);}

.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;} 
.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: 0;width:116px;height:20px;background:url(https://ipa.incruit.com/img/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;}
} */