@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" !important;
	--color-1: #C7272C !important;
	--color-2: #470002 !important;
	--poin-1 : #C7272C; 
	--poin-2 : #816843;
	--bg-color-1: #FFEDED !important;
}


/* 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 {color:inherit;text-decoration: none;}
/* a:hover {color:#fe6b00; text-decoration: underline;} */
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-sub { font-family: var(--text-sub) !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;}

/* header */
.header {position: fixed;left: 0;right: 0;top: 0;z-index: 100;background-color: #fff;border-bottom: 1px solid #816843;}
.body-new-main .header {border-bottom-color:transparent;}
.header .header__cnt {max-width:1260px;margin: 0 auto;height: 68px;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: 69px;display: flex;align-items: center;justify-content: center;text-align: center;font-weight: 500;color:#121212;font-size: 18px;font-weight: 500;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; 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: 6px 12px;text-align: left;box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);display: none;}
.header .depth2 .depth2-item {margin: 12px 0;}
.header .depth2 .depth2-item > .link {font-size: 18px;font-weight: 600;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);}


/* content */
#container {padding: 69px 0 0 0 ;}

.section{padding: 70px 0; position:relative;}
.section .content {max-width:1260px; margin:0 auto;}
.section .nav-scroll {display: block;position: absolute; width: 0; height: 0; top:-69px}

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

/* ºñÁÖ¾ó */
.section.visual {padding: 0; min-height: 499px; background-color:var(--color-1); background-image:url(../image/vs_bg_left.svg), url(../image/vs_bg_right.svg), url(../image/vs_pc_right_img.svg); background-position: 0 0, 100% 0, calc(50% + 352px) calc(100% - 20px); background-repeat: no-repeat, no-repeat, no-repeat;}
.vs-content {padding:88px 0 94px;}
.vs-content img{display: block;}
.vs-content .vs-txt {margin-top: 33px;}
@media (max-width: 1900px) {
	.section.visual {background-color:var(--color-1); background-image:url(../image/vs_bg_left.svg), url(../image/vs_bg_right.svg), url(../image/vs_pc_right_img.svg); background-position: calc(50% - 850px) 0, calc(50% + 850px) 0, calc(50% + 352px) calc(100% - 20px);}
}

/* ä¿ë°ø°í */
.section.job-list{}
.job-list-box {display: flex; gap:40px; margin-top: 34px;}
.job-list-box__card {display:flex; flex-direction:column; flex:1; position:relative; padding:40px; height: 300px; background-color:var(--bg-color-1); border-radius:12px;}
.job-list-box__card .text {font-size: 24px; line-height:1.4; font-weight:600;}
.job-list-box__card .tit {font-size:32px; font-weight:600; line-height:1.4; margin-top:8px;}
.job-list-box__card .subtext {font-size: 20px; font-weight:400; line-height: 1.4;margin-top:12px;}
.job-list-box__card .fake-btn {margin-top: auto; display:inline-flex; justify-content: center; align-items: center; width:143px; height: 48px; border-radius:48px; background-color: var(--color-1); text-align: center; font-size: 18px; font-weight:400; line-height:1.4; color:#fff;}
.job-list-box__card:hover .fake-btn{background-color: #470002;}
.job-list-box__card.card--01{background-image: url(../image/banner_right_img.svg); background-position: calc(100% - 45px) calc(100% - 18px); background-repeat: no-repeat;}
.job-list-box__card.card--02{background-image: url(../image/banner_right_img_2.svg); background-position: 100% 100%; background-repeat: no-repeat;}

/* life */
.section.posa-life{background-color:var(--bg-color-1);}
.posa-life-box {display: flex; gap:30px; margin-top: 29px; flex-wrap: wrap; justify-content: center;}
.posa-life-box__card {width:400px; height: 281px;border-radius: 12px; background-color:#fff; overflow: hidden;box-shadow: 0 0 8px 0 rgba(238, 92, 92, 0.25);}
.posa-life-box__card .youtube-thumbs {display:block; position: relative;  width: 100%; height: 220px;overflow: hidden;}
.posa-life-box__card .youtube-thumbs img {transition: all 0.4s;}
.posa-life-box__card .youtube-thumbs:hover img {transform: scale(110%);  z-index: 9;}
.posa-life-box__card .youtube-thumbs .fake-play {display:flex;justify-content: center;align-items: center;width:100%; height:100%; background:rgba(0, 0, 0, 0.3); position: absolute; top:0; left:0; z-index: 10;}
.posa-life-box__card .youtube-thumbs .fake-play img {transform: scale(100%);}
.posa-life-box__subject {display:block;width:100%; height:60px; line-height: 1.17; padding:20px 5px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#454545; font-size: 17px; font-weight: 500;}

/* ÀÎÅͺä·ë */
.posa-interview-box {display: flex; gap:30px; margin-top: 29px; flex-wrap: wrap; justify-content: center;}
.posa-interview-box__card {width:292px; height: 341px;border-radius: 12px; background-color:#fff; overflow: hidden;box-shadow: 0 0 8px 0 rgba(238, 92, 92, 0.25);}
.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;width:100%; height:61px; line-height: 1.17; padding:20px 5px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#454545; font-size: 17px; font-weight: 500;}

/* È«º¸ÀÚ·á */
.section.posa-dataroom{background-color:var(--bg-color-1);}
.posa-dataroom-box {display: flex; gap:30px; margin-top: 32px;}
.posa-dataroom-box__card {display:flex; flex-direction:column; flex:1; position:relative; padding:40px; height: 271px; background-color:#fff; border-radius:12px;}
.posa-dataroom-box__card .text {font-size: 20px; line-height:1.17; font-weight:400; color:#121212;}
.posa-dataroom-box__card .tit {font-size:24px; font-weight:600; line-height:1.4; margin-top:2px; color:#121212;}
.posa-dataroom-box__card .fake-btn {margin-top: auto; display:inline-flex; justify-content: center; align-items: center; width:143px; height: 48px; border-radius:48px; background-color: var(--color-1); text-align: center; font-size: 18px; font-weight:400; line-height:1.4; color:#fff;}
.posa-dataroom-box__card:hover .fake-btn{background-color: #470002;}
.posa-dataroom-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-dataroom-box__card.card--02{background-image: url(../image/dataroom_img02.svg); background-position: calc(100% - 32px) calc(100% - 32px); background-repeat: no-repeat;}
.posa-dataroom-box__card.card--03{background-image: url(../image/dataroom_img03.svg); background-position: calc(100% - 32px) calc(100% - 32px); background-repeat: no-repeat;}

/* Á÷¹«±â¼ú¼­ */
.job-description-box{display: flex; justify-content: space-between;}
.job-description-box .tit {margin:32px 0 16px 0; font-size: 20px; color:#222222; line-height: 1.4; font-weight: 500;}
.job-description-box .job-left-cnt{width:610px;}
.job-description-box .job-right-cnt{width:610px; background:url(../image/bottom_list_img.svg) 94px 100% no-repeat;}
.job-description-list + .tit{margin-top: 40px;}
.job-description-list{display: flex; flex-direction: column; gap:16px;}
.job-description-list__items{display: flex;align-items:center; width:100%; height: 80px; padding:20px 24px; background-color:#FFEFEF; border-radius:12px;line-height: 1.4;}
.job-description-list__items .desc-cotegory{font-size:18px;font-weight: 400; color:#333; width: 114px;}
.job-description-list__items .desc-subject{font-size: 24px; font-weight: 600;}
.job-description-list__items .desc-subject em {font-size: 18px;}
.job-description-list__items .desc-fake-btn{display: inline-flex; margin-left: auto; justify-content: center; align-items: center; width:142px; height: 40px; font-size: 16px; line-height: 1.4; color:#470002; border-radius:40px; background-color:#fff;}
.job-description-list__items:hover .desc-fake-btn{background-color:var(--color-1);color:#fff;}

/* footer */
.footer {border-top: 1px solid #e0e0e0;padding: 26px 0;}
.footer .container {display: flex;flex-wrap: wrap;max-width: 1292px;}
.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;}

/* ¸ð¹ÙÀϳ׺ñ */
.nav-m-btn {display: none;}
.header-mobile-nav{display: none;position: fixed; width: 100%; height: 100%;z-index: 10;top:0;left:0;background-color:#fff;padding: 0 20px;overflow-y:auto !important;}
.header .m-nav-list.depth1 {flex-direction: column;padding-top: 120px;gap: 0;}
.m-depth1-item{border-bottom:1px solid #E1E1E1}
.m-depth1-item .link {display:block;position:relative;font-size:18px;font-weight: 700;padding:20px 0 20px 8px;}
.m-depth1-item .link.toggle-btn::after {content:'';display:block;position:absolute;width:20px;height:20px;right: 8px;top:20px; background:url(../image/btn_m_arrow.png) 0 0 no-repeat;transition: all 0.2s;}
.m-depth1-item .link.toggle-btn.is--close::after{transform: rotate(180deg);}
.m-depth1-item .m-depth2{display: flex;flex-direction: column;gap: 24px;padding-left: 19px;padding-top:4px;padding-bottom:20px;}
.m-depth1-item .m-depth2 .m-depth2-item .link {font-size:16px;font-weight: 500;padding:0;}
@media (max-width: 768px) {
	.header .header__cnt{padding: 0 0 0 16px; height: 50px;}
	.header__cnt .logo{width:121px;position: relative;z-index: 11;}
	.header-nav{display: none;}
	.nav-m-btn{display: block;position:relative;width: 52px;height: 50px; text-align: center; z-index: 11; background:url(../image/nav_open_btn.png) 50% 50% no-repeat !important;}
	.nav-m-btn.active {background:url(../image/nav_close_btn.png) 50% 50% no-repeat !important;}
	
}
html.noflow{overflow: hidden;}

@media (max-width: 768px) {
	.footer .container{flex-direction: column;align-items: center; }
	.footer .footer-logo{padding-right:0;}
	.footer .footer-rasp{position: static;margin-top: 15px;}
	.footer .footer-copyright {text-align: center;margin-top: 10px;}
}