@charset "euc-kr";

@import url("//i.incru.it/ui/static/font/pretendard/package/pretendard/web/static/pretendard-subset.min.css");


:root {
	--font-family-pre:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	--text-system: -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-1: #E95A25;
	--color-2: #B8431A;
	--poin-1 : #E95A25;
	--poin-2 : #C7272C;
	--cream-1: #FFF7EB;   /* ¼½¼Ç ¹è°æ Å©¸² */
	--cream-2: #FFF3E6;   /* Ä«µå/¸®½ºÆ® Å©¸² */
	--hero-bg: #FFF6E2;   /* ºñÁÖ¾ó ¹è°æ */
	--topbar-bg: #FFE9C5; /* »ó´Ü ¶ì¹è³Ê */
	--brown-1: #573A0F;   /* ÁøÇÑ ºê¶ó¿î ÅؽºÆ® */
	--bg-color-1: #FFF3E6;
}


/* RESET */
* {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 {letter-spacing: inherit; font-weight:inherit;font-family: inherit;line-height: inherit;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font: inherit;}
a {color: inherit;text-decoration: none;background-color: transparent;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
img {border: 0;max-width: 100%;vertical-align: top;outline: 0;}
button[type='button'] {text-transform: none;-webkit-appearance: button;font-size: inherit;font-family: inherit;margin:0;padding:0;vertical-align: middle;line-height: normal;border:none;background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block;}
a{background-color:transparent;}
a:active, a:hover{outline:0;}
img{border:0;max-width: 100%;}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
pre{overflow:auto;}
button[type=button],button[type=submit]{border:none;outline: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;table-layout: fixed;}
td, th{padding:0;line-height:normal;text-align:center;}
ol, ul{margin-top:0;margin-bottom:0;list-style:none;}
dl{margin-top:0;margin-bottom:0;}
button, input, select, textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
select::-ms-expand{display:none;}
::-webkit-input-placeholder{color:#aaa;}
:-moz-placeholder{color:#aaa;}
::-moz-placeholder{color:#aaa;}
:-ms-input-placeholder{color:#aaa;}
::placeholder{color:#aaa;}
.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;}

html {-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior: smooth;}
body {font-family: var(--font-family-pre); box-sizing: border-box; color:#121212; font-size: 16px;word-break: keep-all;line-height: 1.3;font-weight: 400; min-width:1260px;}

.text-title { font-family: var(--font-family-pre) !important;}
.text-nanum { font-family: var(--text-nanum) !important;}
.text-system { font-family: var(--text-system) !important;}

.text-color-1 {color: var(--color-1) !important;}
.text-color-2 {color: var(--color-2) !important;}
.text--point1 {color:var(--poin-1) !important;}
.text--point2 {color:var(--poin-2) !important;}
.text-white {color:#fff !important;}
.text-black {color:#000 !important;}
.text-dark {color:#222 !important;}
.bg-white {background-color:#fff !important;}
.bg-color-1 {background-color:var(--bg-color-1) !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-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;}
.align-items-center {align-items: center !important;}
.align-items-end {align-items: flex-end !important;}
.pb-0 {padding-bottom: 0 !important;}

@media (min-width: 320.02px) {
	.d-xxs-block {display: block !important;}
	.d-xxs-none {display: none !important;}
}
@media (min-width: 375.02px) {
	.d-xs-block {display: block !important;}
	.d-xs-none {display: none !important;}
}
@media (min-width: 576.02px) {
	.d-sm-block {display: block !important;}
	.d-sm-none {display: none !important;}
}
@media (min-width: 768.02px) {
	.d-md-block {display: block !important;}
	.d-md-inline {display: inline !important;}
	.d-md-none {display: none !important;}
}
@media (min-width: 1024.02px) {
	.d-lg-block {display: block !important;}
	.d-lg-none {display: none !important;}
}

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

/* »ó´Ü ¶ì¹è³Ê */
.top-banner {position: fixed;left:0;right:0;top:0;z-index: 101;height: 56px;background-color: var(--topbar-bg);border-bottom: 1px solid #F3DBA6;}
.top-banner__inner {display:flex;align-items:center;justify-content:center;gap:14px;height:100%;max-width:1260px;margin:0 auto;padding:0 16px;}
.top-banner .dday {display:inline-flex;align-items:center;justify-content:center;height:32px;width: 60px;border-radius: 8px;background: #FFF;box-shadow: 0 0 6px 0 #E4BEBE;color: var(--color-1);font-size:18px;font-weight:700;white-space:nowrap;}
.top-banner__text {color: #402906;font-size:18px;font-weight:600;white-space:nowrap;}
.top-banner__btn {display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 16px 0 20px;border-radius:30px;background-color:var(--color-1);color:#fff;font-size:16px;font-weight:500;line-height: 1.5;}
.top-banner__btn:hover {background-color:var(--color-2);}

/* header */
.header {position: fixed;left: 0;right: 0;top: 56px;z-index: 100;background-color: #fff;border-bottom: 1px solid #e1e1e1;}
.header .header__cnt {max-width:1260px;margin: 0 auto;height: 67px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.header .depth1 {display: flex;flex-wrap: wrap;gap:50px; justify-content: flex-end;}
.header .depth1 .depth1-item {position: relative;}
.header .depth1 .depth1-item > .link {height: 67px;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: 600;color:#121212;font-size: 18px;padding:0 28px 0 0;position: relative; background:url(../image/gnb_arrow.svg) 100% 50% no-repeat;}
.header .depth1 .depth1-item:last-child > .link {background: none !important; padding-right:0;}
.header .depth1 .depth1-item > .link::after {content: '';position: absolute;left: 50%;bottom: 0;border-bottom: 4px solid var(--color-1);z-index: 2;width: 0;transition: 0.3s;}
.header .depth1 .depth1-item:hover > .link {color:var(--color-1); background:url(../image/gnb_arrow_up.svg) 100% 50% no-repeat;}
.header .depth1 .depth1-item:hover > .link::after,
.header .depth1 .depth1-item > .link.active::after {width: 100%;left: 0;}
.header .depth1 .depth1-item:hover .depth2 {display: block;}
.header .depth2 {position: absolute;width:max-content; left: 50%;right: 0;bottom: auto;transform: translateX(-50%); background-color: #fff;padding: 8px 20px;text-align: left;box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);display: none; border-top: 1px solid #e1e1e1;}
.header .depth2 .depth2-item {margin: 12px 0;}
.header .depth2 .depth2-item > .link {font-size: 18px;font-weight: 500;padding: 0 !important; display: inline-block;border-bottom: 1px solid transparent; background: none;}
.header .depth2 .depth2-item > .link.active,
.header .depth2 .depth2-item > .link:hover {border-bottom-color: var(--color-1);color:var(--color-1);}

html.noflow{overflow: hidden;}
/* content */
main.contents {padding: 124px 0 0 0 ;}

.section{padding: 80px 0; position:relative;}
.section .nav-scroll {display: block;position: absolute; width: 0; height: 0; top:-112px}

.section-title {display:flex; width:100%; justify-content: center; align-items: center; font-size: 40px; font-weight: 600; line-height:1.4;}
.section-title img {margin-right: 8px;}
.section-title span.text-color-1 {margin: 0 8px;}
.section-badge {display: flex; height: 45px; padding:0 20px; border-radius: 46px; justify-content: center; align-items: center; gap:10px; color: #fff; font-size:24px; font-weight: 500;}
/* .section-badge img {height:20px; width:auto;} */
.section-badge.type-red {background-color: #C7272C;padding-left: 24px;}
.section-badge.type-green {background-color:#3CB15B;}
.section-badges {display:flex; gap:16px; justify-content:center; margin-top: 32px;}
.section-subtext {margin-top:16px; font-size: 22px;color:var(--brown-1); text-align: center;}

/* ºñÁÖ¾ó */
.section.visual {padding: 0; overflow:hidden; background:url(../image/visual_bg.png) no-repeat center;background-size: cover;}
.section.visual .container {height: 574px;display: flex;align-items: center;}
.section.visual img {display: block;}
.section.visual .vs-title {width: 615px;}
.section.visual .vs-img {width: 660px;position: absolute;right: 16px;bottom: -15px;}


/* ä¿ë°ø°í */
.section.job-list{background-color:#fff;}
.job-list-box {display: flex; gap:40px; margin-top: 40px;}
.job-list-box__card {display:flex; flex-direction:column; flex:1; position:relative; overflow:hidden; padding:40px; height: 300px; background-color:var(--cream-2); border-radius:16px;}
.job-list-box__card .tit {font-size:32px; font-weight:600; line-height:1.4;}
.job-list-box__card .text {font-size: 20px; line-height:1.4; color: var(--brown-1); margin-top: 8px;}
.job-list-box__card .fake-btn {margin-top: auto; display:inline-flex; justify-content: center; align-items: center; gap:10px; width:184px; height: 48px; border-radius:52px; background-color: var(--color-1); text-align: center; font-size: 18px; font-weight:500; line-height:1.4; color:#fff;}
.job-list-box__card:hover .fake-btn{background-color: var(--color-2);}
.job-list-box__card.card--01{background-image: url(../image/job_char_01.png); background-position: right bottom; background-repeat: no-repeat; background-size: auto 100%}
.job-list-box__card.card--02{background-image: url(../image/job_char_02.png); background-position: right bottom; background-repeat: no-repeat; background-size: auto 100%}

/* life */
.section.posa-life{background-color:var(--cream-1);}
.posa-life-box {display: flex; gap:30px; margin-top: 33px; flex-wrap: wrap; justify-content: center;}
.posa-life-box__card { flex: 0 0 calc(33.33% - 20px);max-width: calc(33.33% - 20px); height: 281px;border-radius: 16px; background-color:#fff; overflow: hidden;box-shadow: 0 0 12px 0 rgba(220, 120, 60, 0.16);}
.posa-life-box__card .youtube-thumbs {display:block; position: relative;  width: 100%; height: 220px;overflow: hidden;}
.posa-life-box__card .youtube-thumbs img {width:100%; height:100%; object-fit:cover; transition: all 0.4s;}
.posa-life-box__card .youtube-thumbs:hover img {transform: scale(110%);  z-index: 9;}
.posa-life-box__subject {display:block;width:100%; height:61px; line-height: 1.2; padding:20px 14px; text-align: center; color:#454545; font-size: 17px; font-weight: 500;}

/* ÀÎÅͺä */
.section.posa-interview{background-color:#fff;}
.posa-interview-box {display: flex; gap:30px; margin-top: 36px; flex-wrap: wrap; justify-content: center;}
.posa-interview-box__card {flex: 1; height: 341px;border-radius: 12px;border: 1px solid #FFE1D5;box-shadow: 0 0 8px 0 rgba(238, 131, 72, 0.25); overflow: hidden;}
.posa-interview-box__card .thumbs {display:block; position: relative;  width: 100%; height: 280px;overflow: hidden;}
.posa-interview-box__card .thumbs img {transition: all 0.4s;}
.posa-interview-box__card .thumbs:hover img {transform: scale(110%);  z-index: 9;}
.posa-interview-box__subject {display:block; padding:20px 0 21px; text-align: center; color:#454545; font-size: 17px; font-weight: 500; line-height: 1.17;}


/* È«º¸ ÄÜÅÙÃ÷ */
.section.posa-promo{background-color:var(--cream-1);}
.posa-promo-box {display: flex; gap:30px; margin-top: 32px;}
.posa-promo-box__card {display:flex; flex-direction:column; flex:1; position:relative; overflow:hidden; padding:32px; height: 270px; background-color:#fff; border-radius:12px; box-shadow: 0 0 12px 0 rgba(238, 131, 72, 0.25);}
.posa-promo-box__card .text {font-size: 20px; line-height:1.4; color:var(--brown-1);}
.posa-promo-box__card .tit {font-size: 24px; font-weight: 600; line-height:1.4; margin-top:2px; color:#121212;display: flex;align-items: center;gap: 4px;}
.posa-promo-box__card .tit .emoji-ico {margin-left: 4px;}
.posa-promo-box__card .fake-btn {margin-top: auto; display:inline-flex; justify-content: center; align-items: center; gap:10px; width:150px; height: 48px; border-radius:48px; background-color: var(--color-1); text-align: center; font-size: 18px; font-weight:500; line-height:1.4; color:#fff;}
.posa-promo-box__card:hover .fake-btn{background-color: var(--color-2);}
.posa-promo-box__card.card--01{background-image: url(../image/dataroom_img01.png?12); background-position: calc(100% - 17px) calc(100% - 32px); background-size:193px auto; background-repeat: no-repeat;}
.posa-promo-box__card.card--02{background-image: url(../image/dataroom_img02.svg); background-position: calc(100% - 32px) calc(100% - 32px); background-repeat: no-repeat;}
.posa-promo-box__card.card--03{background-image: url(../image/dataroom_img03.svg); background-position: calc(100% - 32px) calc(100% - 32px); background-repeat: no-repeat;}


/* Á÷¹«±â¼ú¼­ */
.section.posa-job-description{background:#fff;padding-bottom: 0;}
.section.posa-job-description .container {background: url(../image/jd_family.png) no-repeat bottom right;background-size: 610px;padding-bottom: 80px;}
.job-description-box{display: flex; justify-content: space-between; margin-top:40px; position:relative;}
.job-description-box .col-tit {margin:0 0 16px 0; font-size: 20px; color:#222; line-height: 1.4; font-weight: 500;}
.job-description-list + .col-tit{margin-top: 40px;}
.job-description-box .job-left-cnt{width:610px;}
.job-description-box .job-right-cnt{width:610px;}
.job-description-list{display: flex; flex-direction: column; gap:16px; position:relative; z-index:1;}
.job-description-list__items{display: flex;align-items:center; width:100%; height: 80px; padding: 0 24px; background-color:var(--cream-1); border-radius:14px;line-height: 1.4;}
.job-description-list__items .desc-cotegory{font-size:17px;font-weight: 400; color:#333; width: 120px; flex-shrink:0;}
.job-description-list__items .desc-subject{font-size: 20px; font-weight: 600; color:#121212;}
.job-description-list__items .desc-fake-btn{display: inline-flex; margin-left: auto; justify-content: center; align-items: center; gap:8px; width:132px; height: 40px; font-size: 16px; font-weight:400; line-height: 1.4; color: #BE3A01; border-radius:40px; background-color:#fff; flex-shrink:0;}
.job-description-list__items:hover .desc-fake-btn{background-color: #BE3A01;color:#fff;}

/* footer */
.footer {border-top: 1px solid #e1e1e1 ;padding: 28px 0;}
.footer .container {display: flex;flex-wrap: wrap;}
.footer .footer-logo {padding-right: 30px;}
.footer .footer-copyright {font-family: var(--text-system);color: #666;font-size: 12px;letter-spacing: -0.02em;}
.footer .footer-copyright__text + .footer-copyright__text {margin-top: 5px;}
.footer .footer-rasp {position: absolute;right: 16px;top: 0;}


/* aside */
.aside-menu {position: absolute;left: 50%;margin-left: -915px;top: 428px;border-radius: 10px;border: 1px solid #FFE1D5;background: #FFF;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10);padding: 18px 28px 18px 16px;display: flex;flex-direction: column;gap: 16px;width: 172px;z-index: 100;}
.aside-menu.fixed {position: fixed;top: 144px;}
.aside-menu__item {display: block;font-size: 15px;color: #333;}
.aside-menu__item:hover {color: var(--color-1);}