@charset "euc-kr";
@import url("https://gcore.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@font-face {
	font-family:"IBKIDreamWebL"; 
	font-style: normal; 
	font-weight: 400;
	src:url("../font/IBKIDreamWebL.eot"); 
	src:local('¡Ø'), url('../font/IBKIDreamWebL.eot?#iefix') format("embedded-opentype"), 
	url("../font/IBKIDreamWebL.woff") format("woff"),
	url('../font/IBKIDreamL.ttf') format('truetype');
}
@font-face {
	font-family:"IBKIDreamWebB"; 
	font-style: bold; 
	font-weight: 700;
	src:url("../font/IBKIDreamWebB.eot"); 
	src:local('¡Ø'), url('../font/IBKIDreamWebB.eot?#iefix') format("embedded-opentype"), 
	url("../font/IBKIDreamWebB.woff") format("woff"),
	url('../font/IBKIDreamB.ttf') format('truetype');
}
:root {
	--text-ibk-L: "IBKIDreamWebL", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	--text-ibk-B: "IBKIDreamWebB", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	--text-system:"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-1: #3EBAF1;
	--color-2: #F58214;
	--color-3: #F65D66;
	--color-4: #3ED239;
	--poin-1 : #0099DB; 
	--poin-2 : #004B9E;
	--poin-3 : #FFD902;
	--poin-4 : #00489B;
	--bg-color-1: #E5F1FA;
	--bg-color-2: #A7D2FF;
	--bg-color-3: #C5E1FF;
	--bg-color-4: #FE6D6D;
	--bg-color-5: #71D17D;
}


/* 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;letter-spacing:-0.36px;}
.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;overflow-y: scroll;}
body {font-family: var(--text-ibk-L); box-sizing: border-box; color:#545045; font-size: 16px;word-break: keep-all;line-height: 1.25;font-weight: 400;letter-spacing: -0.04em;}

.text-ibk-l {font-family: var(--text-ibk-L) !important;}
.text-ibk-b {font-family: var(--text-ibk-B) !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-color-3 {color: var(--color-3) !important;}
.text-color-4 {color: var(--color-4) !important;}
.text--point1 {color:var(--poin-1) !important;}
.text--point2 {color:var(--poin-2) !important;}
.text--point3 {color:var(--poin-3) !important;}
.text--point4 {color:var(--poin-4) !important;}
.text-white {color:#fff !important;}
.text-black {color:#000 !important;}
.text-dark {color:#222 !important;}
.text-gray {color:#666 !important;}
.text-red {color:#FF4848 !important;}
.bg-white {background-color:#fff !important;}
.bg-color-1 {background-color:var(--bg-color-1) !important;}
.bg-color-2 {background-color:var(--bg-color-2) !important;}
.bg-color-3 {background-color:var(--bg-color-3) !important;}
.bg-color-4 {background-color:var(--bg-color-4) !important;}
.bg-color-5 {background-color:var(--bg-color-5) !important;}
.bg-color-point {background-color:var(--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;}
.mgt-09 {margin-top: 9px !important;}
.mgt-11 {margin-top: 11px !important;}
.mgb-00{margin-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;}
}

/* header */
.header{height:88px; background-color: var(--poin-2);position:sticky; top:0; left: auto;z-index:5;}
.header__cnt{display:flex;width:100%; max-width:1260px; height:100%; margin:0 auto;}
.header__cnt .logo{align-self:center;position:relative;z-index: 11;}
.header__cnt .logo a{vertical-align:top;}
.header-nav{margin-left:auto; display:block;}
.depth1.nav-list{display:flex; flex-wrap:wrap; gap:70px;height:100%; justify-content:flex-end; align-items: center;}
.depth1 .depth1-item{position:relative;height:100%;}
.depth1 .depth1-item .link {display:inline-flex; height:100%; align-items: center; color:#fff; font-size: 20px;font-family: var(--text-ibk-B);}
.depth1 .depth1-item .link.active,
.depth1 .depth1-item .link:hover {color:var(--poin-3);}
.header .depth1 .depth1-item:hover .depth2 {display: block;}
.header .depth2{position:absolute; width:160px; left:50%; right:0; bottom:auto; transform:translateX(-50%); background-color:#fff; padding:16px 0; border-radius:0 0 10px 10px; text-align:left; box-shadow:0 4px 14px 0 rgba(0, 0, 0, 0.15);display:none;z-index: 3;}
.depth2-item{position:relative;}
.depth2-item .dp__link{display:inline-block; width:100%; padding: 8px 0; text-align:center; font-size:16px;}
.depth2-item .dp__link.active,
.depth2-item .dp__link:hover{color: var(--poin-2);font-family: var(--text-ibk-B);}
.depth3{display:none; position:absolute;flex-direction:column;align-items:center; gap:12px; width:250px; padding:24px 0;margin:0; top:-16px; right:-225px; background-color:#E5F1FA; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;border-radius: 0 0 10px 10px;}
.depth3.is-open{display: flex; z-index: 1;}
.depth3-item{width:100%; padding:0; text-align:left; font-size:14px;}
.depth3-item .dp__link {padding: 0 0 0 24px;text-align:left; font-size: 14px;color:#454545;}

/* ¸ð¹ÙÀϳ׺ñ */
.header-mobile-nav {display:none; position:fixed; width:100%; height:100%; z-index:10; top:0; left:0; background: linear-gradient(to bottom, #004b9e 50px, #ffffff 50px 100%); padding:0 20px; overflow-y:auto !important;}
.nav-m-btn {display: none;right:-16px;}
.header .m-nav-list.depth1 {padding-top:50px;}
.m-depth1-item{border-bottom:1px solid #C5C5C5}
.m-depth1-item .link {display:block;position:relative;font-size:18px;font-family:var(--text-ibk-B); padding:20px 0 20px 20px;color:#121212;}
.m-depth1-item .link.toggle-btn.is--on{color: var(--poin-2);}
.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_plus.svg) 50% 50% no-repeat;transition: all 0.2s;}
.m-depth1-item .link.toggle-btn.is--on::after{background:url(../image/btn_m_plus_active.svg) 50% 50% no-repeat;}
.m-depth1-item .m-depth2{display: flex;flex-direction: column;padding:0 0 0 20px;border-top:1px solid #C5C5C5;}
.m-depth1-item .m-depth2 .m-depth2-item .dp__link {display:block;font-size:16px;font-family:var(--text-ibk-L); padding:20px 0 20px;border-bottom:1px solid #E4E4E4;color:#121212;}
.m-depth1-item .m-depth2 .m-depth2-item:last-of-type .dp__link{border-bottom: 0;}
.m-depth3{display:none;flex-direction:column;align-items:flex-start; gap:12px;padding:12px 20px;background-color:#E5F1FA;}
.m-depth3.is--open{display:flex;}
.m-depth3-item{position:relative; width:100%; padding:0; text-align:left; font-size:16px;}
.m-depth1-item .m-depth2 .m-depth2-item .m-depth3 .m-depth3-item .dp__link {display:inline-flex;padding: 8px 0;font-size: 15px;border-bottom: 0;}
.m-depth1-item .m-depth2 .m-depth2-item .m-depth3 .m-depth3-item .dp__link::before{content:'-';display: block; margin-right: 5px;}
.m-depth1-item .m-depth2 .dp__link.active {color: var(--poin-2);font-family: var(--text-ibk-B);}

/* ǪÅÍ */
.footer{background:#fff;padding:32px 0;}
.footer .container{display:flex; width:100%; max-width:1260px;  margin: 0 auto;}
.footer-logo {max-width:162px;margin-right:20px;}
.footer-copyright__text{color:#666;font-family: var(--text-system);}
.footer-rasp {margin-left: auto;}
.page-sub + .footer{border-top:1px solid #e1e1e1;}

html.noflow{overflow:hidden;}

/* ¸ÞÀÎ */
.main-view{min-height:calc(100svh - 88px);}
.main-cnt{overflow: hidden;}
.visual-area{width:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; height:calc(100svh - 88px); overflow:hidden;position: relative;}
.video-box{display:flex; flex-direction:column; position:relative; width:200%; height:100%; align-items:center; padding-top: 56.25%; overflow: hidden;}
.video-box__inner{position:absolute; width:100%; height:100%; top:0; left:0; z-index: 1;}
.visual-disc {display: flex; flex-direction: column; width:100%; height:100%; align-items:center; justify-content:center; position:absolute; overflow:hidden; top:0; left:0; z-index: 2;background-color:rgba(0, 0, 0, 0.5);}
.visual-disc__inner {width:100%; max-width:1260px; margin:0 auto;margin-top:410px;}
.visual-disc__inner .title{font-size:42px; letter-spacing:-2.2px;font-family: var(--text-ibk-B); color: #fff;}
.visual-disc__inner .subtitle{margin-top:22px;font-size:30px; font-weight:500; letter-spacing:-1.6px; color:#fff;}
.btn-recruite-view {width:100%;max-width:393px; height:77px; margin-top:50px; display:inline-flex; justify-content:center; align-items:center;background-color: var(--bg-color-3); border-radius:10px; color:var(--poin-2) !important; font-size:26px; font-family:var(--text-ibk-B); letter-spacing:-0.52px;line-height: 1;}
.btn-recruite-view:hover{background-color:var(--poin-2); color:#fff !important;}

.section.main-recruite{background-color:var(--bg-color-1);/* height: 925px; */ height:calc(100svh - 88px); overflow: hidden; position:relative;}
.section.main-recruite .nav--anchor{position:absolute;display: block; top:-88px;}
.section.online-jobfair{position: relative;}
.section.online-jobfair .nav--anchor{position:absolute;display: block; top:-88px;}
.section.main-recruite .contents {max-width: 1260px;margin: 0 auto; display: flex;height:100%; align-items: center;}
.recruite-disc{display:flex;flex-direction: column; padding-top:203px;margin-left: auto;padding-right:23px;}
@media (max-height: 1013px) {
	.recruite-disc{padding-top: 0;}
}
.recruite-disc .title{font-size:56px; letter-spacing:-2.2px;font-family: var(--text-ibk-B); color:var(--poin-2);}
.recruite-disc .subtitle{margin:17px 0 50px;font-size:30px; letter-spacing:-1.6px; color:#121212;}
.recruite-left__bg {position: absolute;bottom:0;left:50%;margin-left:-813px;}
.recruite-left__model {position: absolute;bottom:0;left:50%;margin-left:-714px;}
.recruite-disc .btn-arrow + .btn-arrow{margin-top:20px;}
.btn-arrow {display:inline-flex; align-items:center; width:530px; height:100px;padding:0 28px 0 25px; border-radius:10px;background-color:var(--poin-1); color:#fff !important;font-size:28px;letter-spacing:-1.12px;font-weight: 500;line-height: 1;}
.btn-arrow:hover{background-color:var(--poin-2);}
.btn-arrow::after{content:''; display:block; width:11px; height:18px; background:url(../image/btn_arrow_right.png) 50% 50% no-repeat; background-size: 11px auto;margin-left: auto;}
.down-arrow{display: block; position:absolute; bottom:40px; width: 34px;height:26px; -webkit-animation: arrowBounce 2s infinite;animation: arrowBounce 2s infinite; background:url(../image/video_bt_arrow.svg) 50% 50% no-repeat; background-size: 60px auto;z-index: 3;}
.recruite-disc .job-list{display: flex; flex-wrap: wrap; gap:16px;max-width: 563px;}
.recruite-disc .job-list .btn-arrow{flex:0 0 calc(50% - 8px); margin: 0; font-size: 22px; line-height:1.3;}


/* ¸ÞÀÎ- ¿Â¶óÀΠä¿ë¼³¸íȸ */
.ibk-title{font-size:46px; font-family: var(--text-ibk-B); letter-spacing:-1.38px;text-align:center;margin:4px 0 48px;}
.ibk-subtitle{font-size:26px; letter-spacing:-0.78px; text-align:center;}
.section.online-jobfair{background-color:var(--bg-color-2);padding:140px 0 160px;}
.section.online-jobfair .contents{max-width:1260px;margin:0 auto;}
.main-recruite{position: relative;}
.down-arrow2{display: block; position:absolute; bottom:40px; width: 34px;height:26px; left:50%; transform: translateX(-50%); -webkit-animation: arrowBounce 2s infinite;animation: arrowBounce 2s infinite; background:url(../image/video_bt_arrow_2.svg) 50% 50% no-repeat; background-size: 60px auto;z-index: 3;}
/* ¸ÞÀÎ- VLOG */
.section.online-vlog{background-color:#FFFBF2;padding:140px 0 160px;}
.section.online-vlog .contents{max-width:1260px;margin:0 auto;}

.youtube-list{display: flex; justify-content: center; gap:20px;}
.youtube-list__box{width:100%; max-width:880px; padding:30px 6px 6px 6px;border-radius:10px;}
.youtube-list__title{font-size:22px; font-family:var(--text-ibk-B);margin:7px 0 42px 0; color: #fff;text-align: center;line-height: 1.2;}
.youtube-list__sub__title{margin-bottom:6px;color:#fff;text-align:center; font-size:16px; letter-spacing:-0.48px;line-height: 1.25;}
.youtube-list__thumbnail{position:relative;display:block;}
.youtube-list__thumbnail img {max-width:100%; vertical-align:top;}
.youtube-list__thumbnail .icon-play{display: block; position: absolute; width:62px; height:62px; left:50%; top:50%; margin: -31px 0 0 -31px;background:url(../image/icon_plany.png) 50% 50%  no-repeat; background-size: contain;overflow: hidden; padding-top: 62px;}
.youtube-list__box.bg--blue{background-color:#46A3FA;}
.youtube-list__box.bg--blue .youtube-list__title{margin:0 0 23px 0;}
.youtube-list__box.bg--pink{background-color:var(--bg-color-4);}
.youtube-list__box.bg--green{background-color:var(--bg-color-5);}

@media (max-width: 1260px) {
	.visual-disc{max-width:50%;left:50%; margin-left:-25%;}
	.visual-disc__inner{padding: 0 16px;}
	.header__cnt {padding: 0 16px;}
	.section.online-jobfair .contents,
	.section.online-vlog .contents{padding: 0 16px;}
	.visual-disc__inner {margin-top:30.46svw;}
}
@media (max-width: 1000px) {
	.main-view{min-height:auto;}
	.visual-area{height: 100%;}
	.visual-disc__inner {margin-top:0.46svw;}
	.down-arrow{width:5.079svw;height:2.063svw;bottom: 5.555svw; background-size: contain;}
	.ibk-title{margin: .317svw 0 3.809svw;}
	
	.youtube-list__box {padding:2.3809svw 0.476svw 0.476svw 0.476svw}
	.youtube-list__title{margin: 0.555svw 0 3.333svw 0; font-size:1.746svw;}
	.youtube-list__box.bg--blue .youtube-list__title {margin-bottom:1.825svw;}
	.youtube-list__sub__title {font-size:1.269svw; margin-bottom: 0.476svw;}
	
	.section.online-jobfair,
	.section.online-vlog{padding:11.11svw 0 12.698svw;}	
}
@media (max-width: 768px) {
	.header{height:50px}
	.header__cnt .logo {width: 107px;}
	.noflw .header__cnt .logo{display:none;}
	.header-nav{display:none;}
	.nav-m-btn {display: block; position: relative; width: 52px; height: 50px; text-align: center; z-index: 11; background: url(../image/btn_m_nav_menu.svg) 50% 50% no-repeat !important; align-self: center; margin-left: auto !important;}
	.nav-m-btn.active {background: url(../image/btn_m_nav_close.svg) 50% 50% no-repeat !important;}
	
	.video-box{width:240%;padding-bottom:74.701%;}
	.visual-disc__inner{text-align: center;}
	.visual-disc__inner .title{font-size:7.8125svw;}
	.visual-disc__inner .subtitle{margin-top:5.333svw;font-size:5.333svw;}
	.btn-recruite-view{margin-top:5.333svw;height:15.2svw;font-size:4.8svw;max-width:72.266svw;}
	.down-arrow{width:10.933svw;height:5.066svw;bottom: 7.2svw;background:url(../image/video_bt_arrow_mb.svg) 50% 50% no-repeat;}
	.down-arrow2{width:10.933svw;height:5.066svw;bottom: 7.2svw;background:url(../image/video_bt_arrow_2_mb.svg) 50% 50% no-repeat;}

	.section.main-recruite{height:auto;}
	.section.main-recruite .nav--anchor{top:-50px;}
	.section.online-jobfair .nav--anchor{top:-50px;}
	.recruite-disc {width:100%;padding:18.666vw 16px 109.6vw 16px;align-items:center;}
	.recruite-disc .title {text-align:center;font-size:8.533svw;}
	.recruite-disc .subtitle{text-align:center;font-size:5.866svw; margin:4svw 0 8svw;}
	.btn-arrow {font-size:5.333svw; width: 100%;height:18.666svw; padding:0;font-family: var(--text-ibk-B);justify-content: center;}
	.btn-arrow:after {display: none;}
	.recruite-left__bg{margin-left:0;left:0; width:100%;}
	.recruite-left__model{margin-left:0;left:12.632svw; width: 72.266%;}
	
	.ibk-title{font-size:7.466svw;margin: 0.807svw 0 5.333svw;}
	.ibk-subtitle{font-size:4.266svw;}

	.youtube-list__box{padding:5.333svw;}
	.youtube-list__title{margin-bottom: 5.333svw; font-size:4.8svw;}
	.youtube-list__sub__title {font-size: 4.266svw; margin-bottom: 1.6svw;}
	.youtube-list__box.bg--blue .youtube-list__title {margin-bottom: 5.333svw;}
	.youtube-list.divided-2{flex-wrap: wrap;}
	.youtube-list__thumbnail .icon-play {width:8.333svw;height:8.333svw;}
	
	.section.online-jobfair,
	.section.online-vlog{padding:18.666svw 0;}
	
	.footer{padding: 8.533svw 0;}
	.footer .container{flex-direction: column;align-items: center;}
	.footer-rasp{margin: 5.333svw 0 0 0; width: 27.2svw;}
	.footer-logo{margin-right: 0; width: 37.866svw;}
	.footer-copyright {text-align: center; margin-top: 5.333svw; font-size: 3.2svw;}
	.footer-copyright p + p{margin-top:1.066svw;}

}
@media (max-width: 576px) {
	
}
@media (max-width: 375px) {
	
}

/* ä¿ëÁ¤º¸ - ä¿ë ÇÁ·Î¼¼½º */
.page-sub .ibk-title{font-size: 34px;}
.page-sub .section .contents{max-width:1260px;margin: 0 auto;}
.ibk-sub-title{margin-bottom:20px;font-size:18px;font-family:var(--text-ibk-B);text-align: center;line-height: 1.2;}
.ibk-sub-text{font-size: 24px; letter-spacing:-0.48px; text-align:center;}
.section.sub-top{height:240px;}
.section.sub-top .contents {width:100%; height:100%; max-width:100%; background:rgba(37, 54, 67, 0.60);}
.sub-top.sub--jobinfo{background:url(../image/jobinfo_subtop_bg.png) 0 50% no-repeat; background-size: cover;}
.sub-title-area {display:flex; flex-direction: column; max-width: 1260px; height:100%; margin: 0 auto; justify-content: center; align-items: center;}
.sub-title-area__subtitle{font-size:20px; color:#fff;font-weight: 400;}
.sub-title-area__title{margin-top:9px;font-size:46px;font-family:var(--text-ibk-B); color: #fff;}
.section.job--process{padding:50px 0 150px;}

.process-tab{position:relative;padding-top: 100px;}
.process-tab::after{content:''; position:absolute; display:block; width:calc(100% - 10px); left:0;top:49px; border-top:2px dashed #666;}
.process-tab .process-tab__items .btn-step{position:absolute; display:inline-flex; width:100%; padding:35px 0 34px; z-index:2; justify-content:center; align-items:center;border:0; font-size:25px; font-family: var(--text-ibk-B);color:#fff; background-color:#C4C4C4; border-radius:10px;top:0;width: 22.62%; max-width: 285px;letter-spacing:-0.34px;}
.process-tab .process-tab__items .btn-step.step--01{left:0;}
.process-tab .process-tab__items .btn-step.step--01.is--active{background-color: var(--color-1);}
.process-tab .process-tab__items .btn-step.step--01:hover::after,
.process-tab .process-tab__items .btn-step.step--01.is--active::after{content:'';display:block; position:absolute; border-top:21px solid var(--color-1);border-bottom:transparent;bottom:-20px;border-right:12px solid transparent; border-left:12px solid transparent;}
.process-tab .process-tab__items .btn-step.step--02{left:calc(22.62% + 3.17%);}
.process-tab .process-tab__items .btn-step.step--02.is--active{background-color: var(--color-2);}
.process-tab .process-tab__items .btn-step.step--02.is--active::after{content:'';display:block; position:absolute; border-top:21px solid var(--color-2);border-bottom:transparent;bottom:-20px;border-right:12px solid transparent; border-left:12px solid transparent;}
.process-tab .process-tab__items .btn-step.step--03{left:calc(45.24% + 6.34%);}
.process-tab .process-tab__items .btn-step.step--03.is--active{background-color: var(--color-3);}
.process-tab .process-tab__items .btn-step.step--03.is--active::after{content:'';display:block; position:absolute; border-top:21px solid var(--color-3);border-bottom:transparent;bottom:-20px;border-right:12px solid transparent; border-left:12px solid transparent;}
.process-tab .process-tab__items .btn-step.step--04{left:calc(67.86% + 9.51%);}
.process-tab .process-tab__items .btn-step.step--04.is--active{background-color: var(--color-4);}
.process-tab .process-tab__items .btn-step.step--04:hover::after,
.process-tab .process-tab__items .btn-step.step--04.is--active::after{content:'';display:block; position:absolute; border-top:21px solid var(--color-4);border-bottom:transparent;bottom:-20px;border-right:12px solid transparent; border-left:12px solid transparent;}
.process-panel{display:none;border-radius:10px;padding:10px;z-index:1;margin-top:26px;}
.process-panel.is--open{display: block;}
.process-panel__innerbox {padding:60px 50px;background-color:#fff;border-radius:10px;}
.process-panel.step--01{background-color:var(--color-1);}
.process-panel.step--01 .detail-list__row .title{background-color:#C7E3FF;}
.process-panel.step--02{background-color:var(--color-2);}
.process-panel.step--02 .detail-list__row .title{background-color:#FFDDBC;}
.process-panel.step--03{background-color:var(--color-3);}
.process-panel.step--03 .detail-list__row .title{background-color:#FFD5D7;}
.process-panel.step--04{background-color:var(--color-4);}
.process-panel.step--04 .detail-list__row .title{background-color:#E3EEE3;}

.detail-list__row{display:flex;margin-bottom:20px;}
.detail-list__row.type--column{flex-direction: column;}
.detail-list__row:last-child{margin-bottom: 0;}
.detail-list__row .title{display:inline-flex; width:120px; height:47px; justify-content:center; align-items:center; border-radius:47px; margin-right:20px; color:#121212; font-family:var(--text-ibk-B); font-size:18px; letter-spacing: -0.36px;}
.detail-list__row .text {padding:9px 0 0 0;font-family:var(--text-ibk-B); font-size:22px; color:#121212; letter-spacing: -0.36px;}
.detail-list__row .text .fs-18{font-size:18px; display:inline-block; vertical-align:top; padding-top: 2px;}
.detail-list__row .text .valign-supper{vertical-align: super; line-height:10px;}

.table-fixed{width:100%; overflow-y: auto;}
.detail-list__table {width:100%; border-collapse:collapse;}
.detail-list__table thead th{padding:13px 0; background-color:#EDEDED;border:1px solid #C5C5C5; font-family:var(--text-ibk-B); font-size:16px; color:#121212; text-align: center;}
.detail-list__table thead th:first-child{border-left:0;}
.detail-list__table thead th:last-child{border-right: 0;}
.detail-list__table tbody td{border:1px solid #C5C5C5; background-color:#fff; font-size:18px; color:#454545; text-align: center;padding:30px 10px;}
.detail-list__table tbody td:first-child{border-left:0;}
.detail-list__table tbody td:last-child{border-right: 0;}
.detail-list__table col.cell01{width: 170px;}
.detail-list__table col.cell02{width: 270px;}
.detail-list__table col.cell03{width: 190px;}
.detail-list__table col.cell04{width: 280px;}

.table-fixed .detail-list__table{table-layout: fixed;}
.dotted-list{margin-top:11px;}
.dotted-list__items{display:flex;}
.dotted-list__items::before{content:'';display:block; width:2px; height:2px; border-radius:2px; background-color:#666666;margin:8px 8px 0 8px;}


@media (max-width: 1260px) {
	.page-sub .contents {padding: 0 16px;}
}
@media (max-width: 1000px) {

}
@media (max-width: 768px) {
	.section.sub-top{height:auto;background-size:auto 100%; background-position: 40% 0;}
	.section.sub-top .contents{padding:16svw 16px;}
	.sub-title-area__subtitle{font-size:4.266svw;}
	.sub-title-area__title{font-size:6.4svw;margin-top: 1.6svw;}
	
	.page-sub .ibk-title{font-size:4.8svw;}
	.page-sub .section.job--process .ibk-title {margin: 0 0 8svw 0;}
	.section.job--process{padding:10.666svw 0;}
	.process-tab{padding-top: 0;}
	.process-tab::after{display:none;}
	.process-tab .process-tab__items {margin-top:3.2svw;}
	.process-tab .process-tab__items .btn-step{position: relative;width:100%;max-width:100%; padding:4svw 0 ;border-radius:10px; font-size: 4.533svw;}
	.process-tab .process-tab__items .btn-step:hover::after{display:none !important;}
	.process-tab .process-tab__items .btn-step.is--active::after{display:block !important;}
	.process-tab .process-tab__items .btn-step.step--01,
	.process-tab .process-tab__items .btn-step.step--02,
	.process-tab .process-tab__items .btn-step.step--03,
	.process-tab .process-tab__items .btn-step.step--04{left:0;}
	.process-panel{margin-top: 20px; padding: 1.6svw;}
	.process-panel__innerbox{padding:6.4svw 3.733svw;}
	.detail-list__row{flex-direction: column;margin-bottom:7.466svw;}
	.detail-list__row .title {font-size:3.733svw; width:24.266svw; height:auto; padding:2.666svw 0; line-height:1;}
	.detail-list__row .text{font-size:4.533svw;padding:3.2svw 0 0 2.133svw;}
	.detail-list__row .fs-18{font-size:4svw;}
	.detail-list__row .text .mgt-09{margin-top:3.2svw;}
	.process-tab .process-tab__items .btn-step.step--01.is--active::after{border-top:18px solid var(--color-1);border-bottom:transparent;bottom:-14px;border-right:10px solid transparent; border-left:10px solid transparent;}
	.process-tab .process-tab__items .btn-step.step--02.is--active::after{border-top:18px solid var(--color-2);border-bottom:transparent;bottom:-14px;border-right:10px solid transparent; border-left:10px solid transparent;}
	.process-tab .process-tab__items .btn-step.step--03.is--active::after{border-top:18px solid var(--color-3);border-bottom:transparent;bottom:-14px;border-right:10px solid transparent; border-left:10px solid transparent;}
	.process-tab .process-tab__items .btn-step.step--04.is--active::after{border-top:18px solid var(--color-4);border-bottom:transparent;bottom:-14px;border-right:10px solid transparent; border-left:10px solid transparent;}

	.dotted-list__items{font-size:4svw;}
	.detail-list__table tbody td{padding: 17px 20px;}
	.detail-list__table col.cell01{width: 95px;}
	.detail-list__table col.cell02{width: 183px;}
	.detail-list__table col.cell03{width: 200px;}
	.detail-list__table col.cell04{width: 285px;}
	
	
}

/* ä¿ë FAQ */
.section.job--faq{padding:50px 0 150px}
.faq-tab{display:flex;gap: 13px;}
.faq-tab__items {flex-grow:1;}
.faq-tab__items .btn-tab{display:inline-flex; width: 100%; min-width:136px; height:70px; border-radius:10px; justify-content: center; align-items:center; color:#fff; font-size:18px; font-family:var(--text-ibk-B); letter-spacing:-0.36px; border:0; background-color:#c4c4c4;}
.faq-tab__items .btn-tab.is--active {background-color:var(--poin-2);}
.faq-panel{display:none;margin-top:40px;}
.faq-panel.is--open{display: block;}

.faq-list{border-top:2px solid #999999;}
.faq-list__items{border-bottom:1px solid #c5c5c5; background-color:#fff;}
.faq-question {position:relative; width:100%; padding:31px 40px 29px; border:0; font-size:18px; font-family:var(--text-ibk-B); letter-spacing:-0.36px; color:#121212; text-align: left; background:#fff;}
.faq-question::before{content:''; display:block; width:16px;height:2px; position:absolute; top:41px; right:40px; background-color:#666;}
.faq-question::after{content:''; display:block; width:2px;height:16px; position:absolute; top:34px; right:47px; background-color:#666;}
.faq-question.is--view::after{display:none;}
.faq-question.is--view + .faq-answer{display: block;}
.faq-answer{display: none;padding:34px 40px;border-top:1px solid #c5c5c5; background-color:#f1f9ff;}
.faq-answer__text{font-size:16px;color:#121212; line-height:2;}

@media (max-width: 1260px) {

}
@media (max-width: 1000px) {
	
}
@media (max-width: 768px) {
	.section.job--faq{padding:10.666svw 0 17.6svw;}
	.faq-tab{flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden;gap:3.2svw;}
	.faq-tab::-webkit-scrollbar{width:0;height:0;opacity:0;background:transparent;display:none !important;  -webkit-appearance:none;}
	.faq-tab__items .btn-tab{font-size:3.733svw;width: auto;min-width:100px; height:auto; padding: 3.466svw 2.133svw 3.733svw;line-height:1; white-space: nowrap;}
	.faq-panel{margin-top:8svw;}
	.faq-question{padding:5.333svw 16.066svw 5.333svw 2.666svw; font-size:4svw;}
	.faq-question::before{top:50%;right:18px; transform: translateY(-50%);}
	.faq-question::after{top:50%;right:25px; transform: translateY(-50%);}
	.faq-answer{padding:5.333svw;}
	.faq-answer__text{line-height:1.7;font-size:3.733svw;}
}

/* ÀºÇà¼Ò°³ lnb °øÅë */
.page-sub .section .contents.width--lnb {display: flex;}
.side-lnb {width:180px;flex-shrink: 0;}
.side-lnb__title {display:flex;width:100%; height:160px; align-items: center; justify-content: center; background:var(--poin-2);color:#fff; font-family: var(--text-ibk-B); font-size:24px;border-radius:10px 10px 0 0;}
.side-lnb__list li {padding:16px 0 15px; border-bottom: 1px solid #e1e1e1;}
.side-lnb__list li a{font-size:16px;color:#121212;}
.side-lnb__list li a.on,
.side-lnb__list li a:hover {font-family:var(--text-ibk-B); color: var(--poin-2);}
.content-left{padding-left:50px; width:calc(100% - 180px);}

/* ÀºÇà¼Ò°³ ºñÀü */
.sub-top.sub--introduce{background:url(../image/introduce_subtop_bg.png) 0 50% no-repeat; background-size: cover;}
.section.intro--vision {padding:50px 0 150px;}
.intro--vision .ibk-title{margin-top:0;font-size: 32px;letter-spacing: -0.64px;}
.intro--vision .ibk-sub-text{margin-top:10px;}
.intro--vision .hr-line{display:block; width:100%;height:1px;border:0; background-color:#e1e1e1;margin: 50px 0;}

.vision-box{margin-top:40px;}
.vision-box__textbox{padding:30px 0;text-align: center; border:1px solid #5cbeb0;border-radius:10px; font-size:22px;font-family:var(--text-ibk-B); letter-spacing:-0.44px; color:#121212; background-color:#fff;position: relative;z-index: 2;}
.vision-box__textbox.bg--navy{border-color:#0055A2; background-color:#0055A2; color:#fff;}
.vision-box__textbox.bg--skyblue{border-color:#0099DA; background-color:#0099DA; color:#fff;}
.vision-box__textbox.bg--emerald{border-color:#01957F; background-color:#01957F; color:#fff;}
.vision-box__textbox.fs--26{font-size:26px;}

.vision-box-top{display:flex;}
.vision-box-top__left{width:50%;padding-right: 10px;}
.vision-box-top__right{width:50%; padding-left: 10px;}
.vision-box__group{display: flex;position:relative; gap:20px;padding-top:40px;}
.group-dt-box{flex-grow: 1;display: flex;flex-direction:column;border-radius:10px;border:1px solid #A8CAF0;text-align: center;position: relative;z-index: 1; width:50%;}
.vision-box__group.type--navy .group-dt-box__title{padding:24px 0;border-bottom:1px solid #A8CAF0;background-color:#DDEDFF; color:#004B9E;font-family:var(--text-ibk-B);font-size: 22px;border-radius:10px 10px 0 0;}
.vision-box__group.type--blue{border-color:#86CDEB;}
.vision-box__group.type--blue .group-dt-box__title{padding:24px 0;border-bottom:1px solid #86CDEB; background-color:#CDF0FF; color: #004B9E;font-family:var(--text-ibk-B);font-size: 22px;border-radius:10px 10px 0 0;}
.group-dt-box__list{padding:30px 10px;}
.group-dt-box__list__items{font-size: 20px;font-family:var(--text-ibk-B);line-height:2.7;}
.vision-box__group.type--blue .group-dt-box::after{content:'';display:block;position:absolute;width:2px; height: 60px;background-color:#86CDEB;top:-40px;left:50%;margin-left: -1px;z-index: -1;}
.vision-box__group.type--navy .group-dt-box::after{content:'';display:block;position:absolute;width:2px; height: 60px;background-color:#A8CAF0;top:-40px;left:50%;margin-left: -1px;z-index: -1;}
.vision-box-bottom{margin-top:14px;}
.vision-box-bottom .bg-box{padding-top:66px;background:url(../image/vision_pc_green_bg.png) 0 0 no-repeat; background-size: contain;}
.vision-box__group.group--divided{flex-wrap:wrap;}
.vision-box__group.group--divided .vision-box__textbox{width: calc(33% - 20px); flex-grow: 1;}


@media (max-width: 1260px) {
	.section.intro--vision{padding:3.968svw 0 11.904svw;}
	.section.intro--vision .ibk-sub-title{font-size: 1.428svw;margin-bottom: 1.587svw;}
	.section.intro--vision .ibk-title{font-size:2.539svw;margin-bottom:3.809svw;}
	.section.intro--vision .ibk-sub-text{font-size: 1.904svw;margin-top:0.793svw;}
	.intro--vision .hr-line{margin: 3.968svw 0;}
	.vision-box{margin-top: 3.174svw;}
	.vision-box-top__left{padding-right:0.793svw;}
	.vision-box-top__right{padding-left:0.793svw;}
	.vision-box__group {padding-top:3.174svw;gap:1.587svw;}
	.vision-box__group.type--blue .group-dt-box__title,
	.vision-box__group.type--navy .group-dt-box__title{font-size: 1.746svw;padding: 1.904svw 0;}
	.vision-box__textbox{font-size:1.746svw;padding:2.38svw 0;}
	.vision-box__textbox.fs--26{font-size: 2.063svw;}
	.group-dt-box__list{padding:2.38svw 0.793svw;}
	.group-dt-box__list__items {font-size: 1.587svw;}
	.vision-box-bottom .bg-box{padding-top:5.238svw;}
}

@media (max-width: 768px) {
	.page-sub .section .contents.width--lnb {display: block;}
	.side-lnb {display:none;}
	.content-left{padding-left: 0; width:100%;}

	.sub-top.sub--introduce {background-size: auto 100%; background-position: 29% 0;}
	.section.intro--vision{padding:10.666svw 0;}
	.section.intro--vision .ibk-sub-title{font-size:3.733svw;margin-bottom: 3.2svw;}
	.section.intro--vision .ibk-title{font-size: 4.8svw;margin-bottom:8svw;}
	.section.intro--vision .ibk-sub-text{font-size: 4.266svw;margin-top:2.666svw;}
	.intro--vision .hr-line{margin: 8svw 0;}
	
	.vision-box{margin-top: 5.333svw;}
	.vision-box-top{flex-direction:column;}
	.vision-box-top__left{width: 100%;padding:0 0 5.333svw 0;}
	.vision-box-top__right{width:100%;padding: 0;}
	.vision-box__group{padding-top:5.333svw;gap:4svw;}
	.vision-box__group.type--blue .group-dt-box__title,
	.vision-box__group.type--navy .group-dt-box__title{font-size: 3.733svw;padding: 3.733svw 0;}
	.vision-box__textbox{font-size:3.733svw;padding:2.933svw 0;}
	.vision-box__textbox.fs--26{font-size: 4.266svw;}
	.group-dt-box__list{padding:4.266svw 1.333svw;}
	.group-dt-box__list__items {font-size: 3.733svw;font-family: var(--text-ibk-L);line-height: 1.8;}
	.vision-box-bottom{margin-top: 5.333svw;}
	.vision-box-bottom .bg-box{padding-top:7.733svw;}
	.vision-box__group.group--divided .vision-box__textbox {width:calc(50% - 2svw);}
}

/* ¼ö»ó³»¿ª */
.section.intro--awards {padding:50px 0 150px;}
.intro--awards .ibk-sub-text{font-size:22px;}

.awards-banner{width:100%; max-width:100%; margin-top:60px;}
.award-list{margin-top:50px;}
.award-list__items{padding: 50px 0;border-bottom:1px solid #e1e1e1;}
.award-card {display:flex;}
.award-card__year{width: 208px; flex-shrink: 0; font-size: 46px; color:#121212; font-family: var(--text-ibk-B);line-height: 1;}
.award-card__detail{display:flex; gap:22px;flex-direction: column;}
.award-card__dotted__text{font-size:20px; color:#121212;position: relative; line-height:1.25; padding-left:20px;}
.award-card__dotted__text::before{content:''; position:absolute; display:block; width:4px; height:4px; top:12px; left:0; background-color:#666;}

@media (max-width: 1260px) {
	.section.intro--awards {padding:3.968svw 0 11.904svw 0;}
	.award-card__year{width:16.507svw; font-size: 3.65svw;}
	.awards-banner{margin-top:4.761svw;}
	.award-list{margin-top:3.968svw;}
	.award-list__items{padding: 3.968svw 0;}
	.award-card__detail{gap: 1.746svw;}
}
@media (max-width: 768px) {
	.section.intro--awards{padding:10.666svw 0;}
	.intro--awards .ibk-sub-text{font-size: 4.266svw;}

	.award-card {flex-direction:column;}
	.award-card__year{width:100%; font-size: 4.8svw; margin-bottom:4.266svw;}
	.awards-banner{margin-top: 8svw;}
	.award-list{margin-top:2.133svw;}
	.award-list__items{padding: 5.333svw 0 7.466svw;}
	.award-list__items:last-of-type{border-bottom:0;}
	
	.award-card__dotted__text{padding-left: 16px;line-height: 1.21; font-size: 3.733svw;}
	.award-card__dotted__text::before{top:50%; margin-top: -2px;}

}

/* ÀºÇà¼Ò°³ - º¹ÁöÁ¦µµ */
.section.intro--welfare {padding:50px 0 150px;}
.intro--welfare .ibk-sub-text{font-size:22px;}

.welfare-list{display:flex; flex-wrap:wrap; gap: 18px; margin-top:60px; justify-content: center;}
.welfare-list__card{width:calc(25% - 20px); max-width: 244px; min-height:361px; padding:50px 10px 38px 10px; flex-grow: 1;border:1px solid #A8CAF0; border-radius:10px; background-color:#fff; text-align:center;}
.welfare-list__detail{margin-top: 28px;}
.welfare-list__detail__title{font-size:20px; font-family: var(--text-ibk-B); color:#121212;}
.welfare-list__detail__text{margin-top:10px;font-size:16px; line-height: 1.5; color:#454545;}
@media (max-width: 1260px) {
	.welfare-list__card{width:23.809svw;}
}

@media (max-width: 768px) {
	.section.intro--welfare{padding:10.666svw 0;}
	.intro--welfare .ibk-sub-text{font-size: 4.266svw;}

	.welfare-list{margin-top:8svw;}
	.welfare-list__card{display:flex; width:100%; max-width:100%; min-height:auto;padding:5.333svw; text-align: left;}
	.welfare-list__icon{width:16svw; margin-right: 5.333svw;}
	.welfare-list__detail{margin-top: 0; align-self:center;}
	.welfare-list__detail__title{font-size:4svw;}
	.welfare-list__detail__text{margin-top: 2.133svw; font-size:3.733svw; line-height: 1.2;}
}

/* IBK-Preveiw */
.sub-top.sub--preview{background:url(../image/preview_subtop_bg.png) 50% 50% no-repeat; background-size: cover;}
.sub-top.sub--preview .sub-title-area__title{margin-top: 0;}
.section.ibk--preview{padding:50px 0 150px;}
.section.ibk--preview .ibk-title{margin-top:0; margin-bottom: 60px; font-size: 32px; line-height: 1.43; letter-spacing:-0.64px; color:#121212;}

.preview-list__row {display: flex;justify-content: center;flex-direction: column; max-width: 620px;margin: 0 auto;}
.preview-list__inner {max-width: 620px; margin: 0 auto;}
.preview-list__row.type--twin{margin-top: 70px; max-width: 100%;}
.type--twin .preview-list__inner {display: flex; justify-content:space-between; gap:20px; max-width:100%;}
.preview-list__video{position:relative;display:block;width:100%; max-width: 620px;}
.preview-list__video img {max-width:100%; vertical-align:top;object-fit: contain;}
.preview-list__video .icon-play{display: block; position: absolute; width:62px; height:62px; left:50%; top:50%; margin: -31px 0 0 -31px;background:url(../image/icon_plany.png) 50% 50%  no-repeat; background-size: contain;overflow: hidden; padding-top: 62px;}
.preview-list__title {display:inline-flex; margin-top: 26px; font-size:28px;font-family: var(--text-ibk-B); letter-spacing: -0.56px; line-height: 1.21;color: #121212;}
.preview-list__title::before{content:'';display:block;width: 26px; height:31px; background:url(../image/reply_icon.svg) 0 0 no-repeat;align-self: flex-start; margin:-5px 13px 0 0;}

.preview-list__row.type--big {max-width: 770px;}
.preview-list__row.type--big .preview-list__inner {max-width: 770px; margin: 0 auto;}
.preview-list__row.type--big .preview-list__inner .preview-list__video{max-width:770px;}
.preview-list__row.type--big .preview-list__inner .preview-list__video .icon-play {width:116px;height:116px;margin: -58px 0 0 -58px; background-size:contain;padding-top: 115px;}

@media (max-width: 1260px) {
	.section.ibk--preview .ibk-title{font-size: 2.539svw; margin-bottom: 4.761svw;}
	.preview-list__row{max-width: 49.206svw;}
	.preview-list__row.type--twin{margin-top: 5.555svw;}
	.type--twin .preview-list__inner {gap:1.587svw;}
	.preview-list__video .icon-play{width:4.92svw; height:4.92svw;}
	.preview-list__title {margin-top:2.063svw;font-size: 2.222svw;}
	.preview-list__title::before{width:2.063svw; height:2.46svw; margin: -0.396svw 1.031svw 0 0; background-size: contain;}
}
@media (max-width: 768px) {
	.section.ibk--preview {padding:10.666svw 0;}
	.section.ibk--preview .ibk-title {font-family: var(--text-ibk-L); margin-bottom:8svw; font-size: 4.266svw;}
	.preview-list__row{max-width: 100%;}
	.preview-list__row.type--twin{margin-top:8svw;}
	.type--twin .preview-list__inner{flex-direction:column;gap:16px;}
	.preview-list__video {max-width:100%;}
	.preview-list__video .icon-play,
	.preview-list__row.type--big .preview-list__inner .preview-list__video .icon-play{width:10.666svw;height:10.666svw;padding-top:10.666svw;margin:-5.333svw 0 0 -5.333svw;}
	.preview-list__title {margin-top:4svw;font-size: 4svw;}
	.preview-list__title::before{width:4svw; height:5.6svw; margin: -0.8svw 1.866svw 0 0;background:url(../image/reply_m_icon.svg) 0 0 no-repeat; background-size: contain;}
}

@-webkit-keyframes arrowBounce {
0% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }
50% {
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px); }
100% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }
}

@keyframes arrowBounce {
0% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }
50% {
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px); }
100% {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0); }
}
@media(any-hover: hover){
	.process-tab .process-tab__items .btn-step.step--01:hover{background-color: var(--color-1);}
	.process-tab .process-tab__items .btn-step.step--02:hover{background-color: var(--color-2);}
	.process-tab .process-tab__items .btn-step.step--03:hover{background-color: var(--color-3);}
	.process-tab .process-tab__items .btn-step.step--04:hover{background-color: var(--color-4);}
}