@import url(base.css);
@import url(layout.css);
@import url(common.css);

.main				{ padding-bottom:14.6rem; position: relative; }
.sub				{ padding-bottom:6rem; position: relative; }

/* main */
.main .visual		{ width:100%; height:65rem; margin-bottom: 12rem; position: relative; background: url(../img/visualBg.png) center no-repeat #000; animation: visual 8s infinite alternate ease-in-out forwards; }
@keyframes visual {
	0% { background-size: 100% 100%; }
	100% { background-size: 110% 110%; }
}
.main .visual .inner		{ width:132.8rem; height:65rem; display: flex; justify-content: center; align-items: center; flex-direction: column; margin:0 auto; position: relative; }
.main .visual .inner em			{ display: inline-flex; width:24.4rem; padding: 9px 1.4rem; align-items: center; gap: 1rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.20); background: rgba(255, 255, 255, 0.13); backdrop-filter: blur(5px); color: #FFF; font-size: 1.4rem; font-weight: 500; justify-content: center; }
.main .visual .inner em::before	{ content:''; width:.7rem; height:.7rem; border-radius: 3.5px; background: rgba(255, 255, 255, 0.59); }
.main .visual .inner strong		{ color: #FFF; font-size: 7.4rem; font-weight: 700; line-height: 140%; display: block; padding: 1rem 0 1.5rem; }
.main .visual .inner span		{ color: rgba(255, 255, 255, 0.70); font-size: 2.4rem; font-weight: 500; line-height: 150%; }
.main .visual .inner b  		{ color: rgba(255, 255, 255, 0.70); font-size: 1.6rem; font-weight: 500; line-height: 150%; text-align: center; display:block; padding-top:1rem; }
.main .visual .inner .visualButtons			{ margin-top:1.8rem; display: flex; gap:1.4rem; }
.main .visual .inner .visualButtons a		{ display: flex; width: 21.2rem; height: 6rem; justify-content: center; align-items: center; gap:.4rem; border-radius: 0.8rem; backdrop-filter: blur(6px); font-size: 1.6rem; font-weight: 600; line-height: 150%; border: 1px solid rgba(255, 255, 255, 0.32); }
.main .visual .inner .visualButtons a:first-child		{ background: #FFF; color: #000; }
.main .visual .inner .visualButtons a:last-child		{ background: rgba(255, 255, 255, 0.21); color: #FFF; }
.main .visual .inner .visualButtons a:after				{ content:''; width:2.4rem; height:2.4rem; background-position: center; background-repeat: no-repeat; }
.main .visual .inner .visualButtons a:first-child::after		{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.5 12H6.5' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 6L21 12L15 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.main .visual .inner .visualButtons a:last-child::after		{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.5 12H6.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 6L21 12L15 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.main .visual .inner .visualButtons a:hover::after		{ animation: rotate 0.5s infinite alternate ease-in-out forwards; }

@keyframes rotate {
    0% { transform: translateX(0); }
    100% { transform: translateX(10px); }
}

.main .recruitment	{ padding:4rem 0 5rem; background-color: #F5F9FE; }
.main .recruitment .inner		{ width:132.8rem; margin:0 auto; position: relative; overflow: hidden; }
.main .recruitment .inner .tit	{ padding-bottom:2rem; }
.main .recruitment .inner .tit strong		{ color: #111827; font-size: 4rem; font-weight: 700; line-height: 150%; }
.main .recruitment .inner .filter			{ display: flex; gap: 1rem; }
.main .recruitment .inner .filter li		{ }
.main .recruitment .inner .filter li button		{ display: flex; padding: 1rem 1.6rem; flex-direction: column; align-items: flex-start; align-self: stretch; border-radius: 999px; border: 1px solid #E2E8F0; background: #FFF; color: #475569; font-size: 1.4rem; font-weight: 500; line-height: 150%; }
.main .recruitment .inner .filter li button.active		{ border-radius: 999px; background: #0F172A; color: #FFF; }
.main .recruitment .inner .slide1			{ width:calc(100% + 2rem); overflow: hidden; margin-top: 2rem; }
.main .recruitment .inner .slideCont		{ display: grid; gap: 2rem; grid-template-columns: repeat(3, minmax(0, 1fr)); width:100%; padding-right:2rem; }
.main .recruitment .inner .slideCont a		{ display: flex; padding: 26px; flex-direction: column; align-items: flex-start; justify-self: stretch; border-radius: 1.2rem; border: 1px solid #E2E8F0; background: #FFF; }
.main .recruitment .inner .slideCont a:hover		{ border: 1px solid #2563EB; }
.main .recruitment .inner .slideCont a span			{ color: #64748B; font-size: 1.4rem; font-weight: 600; line-height: 150%; }
.main .recruitment .inner .slideCont a strong		{ color: #111827; font-size: 2.4rem; font-weight: 700; line-height: 150%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; max-width: 100%; }
.main .recruitment .inner .slideCont a .cate		{ padding:1.4rem 0; display: flex; gap:.8rem; }
.main .recruitment .inner .slideCont a .cate em		{ display: flex; border-radius: 7px; background: #F2F8FB; padding: 0.8rem 1rem; flex-direction: column; align-items: flex-start; align-self: stretch; color: #3789F3; font-size: 1.3rem; font-weight: 400; }
.main .recruitment .inner .slideCont a .dday		{ border-top: 1px solid #E2E8F0; padding-top:2rem; display: flex; justify-content: space-between; width:100%; }
.main .recruitment .inner .slideCont a .dday dt		{ color: #64748B; font-size: 1.6rem; font-weight: 700; }
.main .recruitment .inner .slideCont a .dday dd		{ color: #3789F3; font-size: 1.6rem; font-weight: 700; }
.main .recruitment .inner .slide1 .slick-arrow		{ width:5.4rem; height:5.4rem; background-position: center; background-repeat: no-repeat; position: absolute; top:0; right:0; font-size:0; text-indent:-9999px; overflow: hidden; }
.main .recruitment .inner .slide1 .slick-prev		{ right:5.4rem; background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.5H53.5V53.5H6C2.96243 53.5 0.5 51.0376 0.5 48V6C0.5 2.96243 2.96243 0.5 6 0.5Z' fill='white' stroke='%23EDEFF1'/%3E%3Cpath d='M31.6384 37.3649C31.3925 37.3649 31.1466 37.2829 30.9827 37.078L21.7207 27.6521C21.3519 27.2833 21.3519 26.7095 21.7207 26.3407L30.9827 16.9148C31.3515 16.546 31.9253 16.546 32.2941 16.9148C32.663 17.2837 32.663 17.8574 32.2941 18.2262L23.6879 26.9964L32.3351 35.7666C32.7039 36.1354 32.7039 36.7092 32.3351 37.078C32.0892 37.242 31.8843 37.3649 31.6384 37.3649Z' fill='%23637381'/%3E%3C/svg%3E%0A"); }
.main .recruitment .inner .slide1 .slick-next		{ background-image: url("data:image/svg+xml,%3Csvg width='54' height='54' viewBox='0 0 54 54' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 53.5L0.5 53.5L0.500005 0.499995L48 0.499999C51.0376 0.5 53.5 2.96243 53.5 6L53.5 48C53.5 51.0376 51.0376 53.5 48 53.5Z' fill='white' stroke='%23EDEFF1'/%3E%3Cpath d='M22.3764 37.3649C22.1305 37.3649 21.9256 37.2829 21.7207 37.119C21.3519 36.7502 21.3519 36.1764 21.7207 35.8076L30.327 26.9964L21.7207 18.2262C21.3519 17.8574 21.3519 17.2837 21.7207 16.9148C22.0896 16.546 22.6633 16.546 23.0321 16.9148L32.2941 26.3407C32.663 26.7095 32.663 27.2833 32.2941 27.6521L23.0321 37.078C22.8682 37.242 22.6223 37.3649 22.3764 37.3649Z' fill='%23637381'/%3E%3C/svg%3E%0A"); }

.main .event					{ padding:12rem 0 0; }
.main .event .inner				{ width:132.8rem; margin:0 auto; position: relative; overflow: hidden; }
.main .event .inner .tit		{ padding-bottom:2rem; }
.main .event .inner .tit strong	{ color: #111827; font-size: 4rem; font-weight: 700; line-height: 150%; }
.main .event .inner .tit span	{ color: #64748B; font-size: 1.6rem; font-weight: 400; line-height: 150%; padding-top: .6rem; display: block; }
.main .event .inner ul			{ display: flex; gap: 2rem; }
.main .event .inner ul li		{ flex: 1; border-radius: 1.2rem; border: 1px solid #E2E8F0; background: url(<path-to-image>) lightgray 0.788px -6.302px / 127.678% 79.924% no-repeat; box-shadow: 0 -2px 19px 0 rgba(24, 41, 90, 0.05), 0 -0.643px 7.002px 0 rgba(24, 41, 90, 0.03), 0 -0.26px 1.88px 0 rgba(24, 41, 90, 0.02); overflow: hidden; }
.main .event .inner ul li p		{ display: flex; width: 100%; height: 12.5rem; padding: 2rem 2.8rem; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 4px; background-color: #fff; }
.main .event .inner ul li p em		{ color: #2563EB; font-size: 1.4rem; font-weight: 500; line-height: 140%; }
.main .event .inner ul li p strong	{ color: #000; font-size: 2rem; font-weight: 700; line-height: 150%; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 100%; }
.main .event .inner ul li p span	{ color: rgba(0, 0, 0, 0.60); font-size: 1.6rem; font-weight: 400; line-height: 150%; }
.main .event .inner .eventMore		{ display: flex; height: 7rem; padding: 2.2rem 0 2.4rem 0; justify-content: center; align-items: center; align-self: stretch; border-radius: 6px; background: #F5F9FE; color: #000; font-size: 2rem; font-weight: 500; margin-top:3rem; }

.main .partners						{ padding:12rem 0 0; }
.main .partners .inner				{ width:132.8rem; margin:0 auto; position: relative; overflow: hidden; }
.main .partners .inner .tit			{ padding-bottom:2rem; text-align: center; }
.main .partners .inner .tit strong	{ color: #111827; font-size: 4rem; font-weight: 700; line-height: 150%; }
.main .partners .inner .tit span	{ color: #64748B; font-size: 1.6rem; font-weight: 400; line-height: 150%; padding-top: .6rem; display: block; text-align: center; }
.main .partners .inner ul			{ display: flex; justify-content: space-between; padding-top:3rem; gap:3rem; }
.main .partners .inner ul li		{ display: flex; align-items: center; flex:1; height:6.5rem; justify-content: center; }
.main .partners .inner ul li a      { display:flex; align-items: center; justify-content: center; height: 100%; }
.main .partners .inner ul li img    { width: auto; height: 100%; object-fit: contain; }

.main .research						{ padding:12rem 0 0; }
.main .research .inner				{ width:132.8rem; margin:0 auto; position: relative; overflow: hidden; }
.main .research .inner .tit			{ padding-bottom:2rem; }
.main .research .inner .tit strong	{ color: #111827; font-size: 4rem; font-weight: 700; line-height: 150%; }
.main .research .inner .tit span	{ color: #64748B; font-size: 1.6rem; font-weight: 400; line-height: 150%; padding-top: .6rem; display: block; }
.main .research .inner .section		{ display: flex; gap:3rem; }
.main .research .inner .section>div	{ display: flex; padding: 3rem 3rem 2rem; flex-direction: column; align-items: flex-start; gap: 1rem; flex: 1 0 0; border-radius: 1.2rem; border: 1px solid #D1DAE4; position: relative; width:calc(50% - 1.5rem); }
.main .research .inner .section>div p		{ color: #000; font-size: 2.4rem; font-weight: 600; line-height: 150%; }
.main .research .inner .section>div ul		{ display: flex; flex-direction: column; width:100%; }
.main .research .inner .section>div ul li	{ border-top:1px solid #00000033; }
.main .research .inner .section>div ul li a	{ display: block; padding: 1rem 11.2rem 1rem 7.6rem; position: relative; }
.main .research .inner .section>div ul li a span		{ position:absolute; top:50%; left:0; width: 6.4rem; height: 3rem; padding: 1.3rem 2.8rem; border-radius: 5rem; border: 1px solid #D9D9D9; background: #FFF; color: #000; font-size: 1.2rem; font-weight: 500; line-height: 2.4rem; display: flex; align-items: center; justify-content: center; transform: translateY(-50%); }
.main .research .inner .section>div ul li a strong		{ color: #000; font-size: 1.9rem; font-weight: 400; line-height: 170%; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; }
.main .research .inner .section>div ul li a em			{ position: absolute; top:50%; right:1rem; width:9rem; transform: translateY(-50%); color: rgba(0, 0, 0, 0.53); font-size: 1.4rem; font-weight: 500; line-height: 150%; }
.main .research .inner .section>div .more				{ position: absolute; top:3rem; right:3rem; width:3.6rem; height:3.6rem; background: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='6' fill='%23505050'/%3E%3Cpath d='M18.0252 12.1667L18.01 23.8334' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.1667 18H23.8333' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat; }
.main .research .inner .section>div .more .blind		{ font-size: 0; position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); }








/* sub */
.sub .inner					{ max-width: 144.6rem; margin: 0 auto; }
.sub .pageTit				{ padding:12rem 0 6rem; color: #000; text-align: center; font-size: 32px; font-weight: 700; line-height: 150%; }

ul.tab						{ width:100%; display: flex; height:4.4rem; justify-content: center; }
ul.tab>li					{ flex:1 1 0; height: 100%; }
ul.tab>li a					{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.10); background: #FFF; color: rgba(0, 0, 0, 0.70); font-size: 1.6rem; font-weight: 400; line-height: 150%; text-transform: uppercase; transition: all 0.3s ease; }
ul.tab>li a:hover			{ background: #2563EB80; color: #FFF; }
ul.tab>li.active a			{ border: 1px solid rgba(0, 0, 0, 0.10); background: #2563EB; color: #FFF; }


.JobBoard					{ margin-top:6rem; }
.JobBoard .top				{ display: flex; justify-content: space-between; align-items: center; padding-bottom:2rem; border-bottom:1px solid #00000070; }
.JobBoard .top .totalPage	{ display: flex; align-items: center; gap:1rem; color: #000; font-size: 2rem; line-height: 150%; }
.JobBoard .top .totalPage strong	{ font-weight: 700; }
.JobBoard .top .totalPage span		{ font-weight: 400; }
.JobBoard .top .search		{ display: flex; align-items: center; gap:1.2rem; }
.JobBoard .top .search .searchBox	{ width: 50.4rem; height: 5rem; padding: 0 6rem 0 2.4rem; position: relative; border-radius: 6px; border: 1px solid #B8BBBF; }
.JobBoard .top .search .searchBox input	{ width: 100%; height: 100%; border: none; outline: none; color: #8A949E; font-size: 1.6rem; font-weight: 600; line-height: 150%; }
.JobBoard .top .search .searchBox button	{ position: absolute; top:0; right:0; width:6rem; height: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.13965 0C14.1874 0 18.28 4.09192 18.2803 9.13965C18.2803 11.3533 17.4929 13.3833 16.1836 14.9648L19.751 18.5322C20.0867 18.8682 20.0867 19.4122 19.751 19.748C19.415 20.084 18.8701 20.084 18.5342 19.748L14.9668 16.1807C13.3849 17.4913 11.3545 18.2803 9.13965 18.2803C4.09192 18.2801 0 14.1874 0 9.13965C0.000244289 4.09206 4.09207 0.000224027 9.13965 0ZM9.13965 1.7207C5.04227 1.72093 1.72095 5.04226 1.7207 9.13965C1.7207 13.2372 5.04212 16.5593 9.13965 16.5596C11.0929 16.5596 12.8684 15.8031 14.1934 14.5693C14.2334 14.4904 14.2866 14.4166 14.3525 14.3506C14.4187 14.2844 14.4931 14.2305 14.5723 14.1904C15.8043 12.8658 16.5596 11.0913 16.5596 9.13965C16.5593 5.04212 13.2372 1.7207 9.13965 1.7207Z' fill='%2333363D'/%3E%3C/svg%3E") center no-repeat; background-size: 2rem 2rem; }
.JobBoard .top .search>button	{ display: flex; height: 5rem; padding: 1.5rem 2rem; justify-content: center; align-items: center; border-radius: 6px; border: 1px solid #B8BBBF; color: #000; font-size: 1.6rem; font-weight: 500; }

.jobsList					{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:3rem 3.5rem; margin:3rem 0 6rem; }
.jobsList .jobItem			{  }
.jobsList .jobItem>a		{ display: flex; gap:1.4rem; flex-direction: column; border-radius: 1.2rem; border: 1px solid #E2E8F0; box-shadow: 0 -2px 19px 0 rgba(24, 41, 90, 0.05), 0 -0.643px 7.002px 0 rgba(24, 41, 90, 0.03), 0 -0.26px 1.88px 0 rgba(24, 41, 90, 0.02); padding:2.6rem; }
.jobsList .jobItem>a:hover,
.jobsList .jobItem>a:focus	{ border: 1px solid #2563EB; box-shadow: 0 -2px 19px 0 rgba(24, 41, 90, 0.05), 0 -0.643px 7.002px 0 rgba(24, 41, 90, 0.03), 0 -0.26px 1.88px 0 rgba(24, 41, 90, 0.02); }
.jobsList .jobItem>a .jobInfo	{ display: flex; gap:1rem; flex-direction: column; }
.jobsList .jobItem>a .company	{ color: #64748B; font-size: 1.4rem; font-weight: 600; line-height: 150%; }
.jobsList .jobItem>a .title		{ color: #111827; font-size: 2.4rem; font-weight: 700; line-height: 150%; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.jobsList .jobItem>a .field		{ display: flex; flex-wrap: wrap; gap:.8rem; }
.jobsList .jobItem>a .field li	{ display: flex; height: 3.2rem; padding: 0 1rem; align-items: center; border-radius: 7px; background: #F2F8FB; color: #3789F3; font-size: 1.3rem; font-weight: 600; }
.jobsList .jobItem>a .jobDate	{ display: flex; justify-content: space-between; border-top:1px solid #E2E8F0; padding-top:2rem; }
.jobsList .jobItem>a .jobDate span		{ color: #64748B; font-size: 1.5rem; font-weight: 700; line-height: 140%; }
.jobsList .jobItem>a .jobDate strong	{ color: #3789F3; font-size: 1.6rem; font-weight: 700; line-height: 140%; }



.JobBoardView				{ margin-top:6rem; }
.JobBoardView .viewTop,
.JobBoardView .viewBottom	{ display: flex; flex-direction: column; gap:2rem; margin-bottom:3rem; padding: 3rem; border-radius: 14px; border: 1px solid #DFE7F1; box-shadow: 0 -2px 19px 0 rgba(24, 41, 90, 0.05), 0 -0.643px 7.002px 0 rgba(24, 41, 90, 0.03), 0 -0.26px 1.88px 0 rgba(24, 41, 90, 0.02); }

.JobBoardView .title		{ color: #111827; font-size: 24px; font-weight: 700; letter-spacing: -0.96px; padding-left:4.8rem; background-position: left center; background-repeat: no-repeat; background-size: 3.6rem 3.6rem; }
.JobBoardView .viewTop .title			{ background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='18' fill='%23EAF2FF'/%3E%3Cg clip-path='url(%23clip0_4348_4394)'%3E%3Cpath d='M18.0003 26.3333C20.3015 26.3333 22.3848 25.4005 23.8929 23.8925C25.4009 22.3845 26.3337 20.3011 26.3337 18C26.3337 15.6988 25.4009 13.6155 23.8929 12.1074C22.3848 10.5994 20.3015 9.66663 18.0003 9.66663C15.6992 9.66663 13.6158 10.5994 12.1078 12.1074C10.5997 13.6155 9.66699 15.6988 9.66699 18C9.66699 20.3011 10.5997 22.3845 12.1078 23.8925C13.6158 25.4005 15.6992 26.3333 18.0003 26.3333Z' fill='%232563EB' stroke='%232563EB' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.9997 12.5834C18.575 12.5834 19.0413 13.0497 19.0413 13.625C19.0413 14.2003 18.575 14.6667 17.9997 14.6667C17.4244 14.6667 16.958 14.2003 16.958 13.625C16.958 13.0497 17.4244 12.5834 17.9997 12.5834Z' fill='white'/%3E%3Cpath d='M18.2083 22.1667V16.3334H17.7917H17.375' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.75 22.1666H19.6667' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4348_4394'%3E%3Crect width='20' height='20' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
.JobBoardView .viewBottom .title		{ background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='36' height='36' rx='18' fill='%23EAF2FF'/%3E%3Cpath d='M11.333 10.5C11.333 10.0397 11.7061 9.66663 12.1663 9.66663H20.4997L24.6663 13.8333V25.5C24.6663 25.9602 24.2933 26.3333 23.833 26.3333H12.1663C11.7061 26.3333 11.333 25.9602 11.333 25.5V10.5Z' fill='%232563EB' stroke='%232563EB' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M14.667 16.3334H21.3337' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.667 19.6666H21.3337' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.JobBoardView .viewTop ul				{ display: flex; gap:1.6rem; flex-direction: column; }
.JobBoardView .viewTop ul li			{ display: flex; gap:2rem; flex-direction: column; }
.JobBoardView .viewTop ul li span		{ color: #64748B; font-size: 2rem; font-weight: 500; line-height: 150%; }
.JobBoardView .viewTop ul li strong		{ color: #111827; font-size: 2rem; font-weight: 700; line-height: 150%; padding:0 1.6rem; }
.JobBoardView .viewTop ul li strong.viewTitle		{ color: #111827; font-size: 3.2rem; font-weight: 700; line-height: 150%; border-radius: 7px; background: #F4F8FF; box-shadow: 0 1px 2px 1px rgba(15, 23, 42, 0.03) inset; display: flex; padding: 12px 16px; align-items: center; align-self: stretch; }


.JobBoardView .viewBottom ul			{ display: flex; gap:2rem; flex-direction: column; }
.JobBoardView .viewBottom ul li			{ display: flex; gap:3.4rem; align-items: center; }
.JobBoardView .viewBottom ul li span	{ display: inline-flex; align-items: center; min-height: 3.9rem; padding:0.85rem 1.6rem; color: #2563EB; font-size: 1.6rem; font-weight: 600; line-height: 150%; max-width:100%; border-radius: 8px; background: #F2F8FB; }
.JobBoardView .viewBottom ul li strong	{ max-width: 28rem; min-width:28rem; flex:1; color: #000; font-size: 1.6rem; font-weight: 700; line-height: 150%; position: relative; }
.JobBoardView .viewBottom ul li span:has(a)		{ background-color: #fff; flex:1; border-radius: 7px; border: 1px solid #D7E0EC; box-shadow: 0 1px 2px 1px rgba(15, 23, 42, 0.03) inset; padding:0; }
.JobBoardView .viewBottom ul li span a	{ flex:1; padding:0.85rem 1.6rem 0.85rem 4.6rem; text-decoration: underline; position: relative; color: #2563EB; font-size: 1.6rem; font-weight: 600; line-height: 150%; }
.JobBoardView .viewBottom ul li span a::before	{ content: ""; width:2rem; height:2rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.06686 6.82209L12.8752 3.01377C13.9841 1.90487 15.8064 1.9293 16.9454 3.06833C18.0844 4.20734 18.1089 6.02967 17 7.13855L13.6936 10.4449' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.20675 10L2.90037 13.3064C1.79145 14.4153 1.81591 16.2376 2.95491 17.3766C4.09395 18.5157 5.91625 18.5401 7.02516 17.4312L10.8335 13.6228' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.12109 10.8923C7.98205 9.75329 7.95764 7.931 9.06651 6.82208' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.9171 9.08264C12.0561 10.2217 12.0805 12.044 10.9717 13.1529' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat; background-size: 2rem; position: absolute; left: 1.6rem; top: 50%; transform: translateY(-50%); }
.JobBoardView .detailBtn			{ display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap:1.2rem; margin-top:3rem; }
.JobBoardView .detailBtn a		{ display: flex; min-width: 16rem; height: 5rem; padding: 1.5rem 2rem; justify-content: center; align-items: center; gap: 1rem; border-radius: 99px; border: 1px solid #E6E6E6; background: #FFF; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07); color: #000; font-size: 1.6rem; font-weight: 500; }


.listBoard					{  }
.tab + .listBoard			{ margin-top:6rem; }
.listBoard .top				{ display: flex; justify-content: space-between; align-items: center; padding-bottom:2rem; border-bottom:1px solid #00000070; }
.listBoard .top .totalPage	{ display: flex; align-items: center; gap:1rem; color: #000; font-size: 2rem; line-height: 150%; }
.listBoard .top .totalPage strong	{ font-weight: 700; }
.listBoard .top .totalPage span		{ font-weight: 400; }
.listBoard .top .search		{ display: flex; align-items: center; gap:1.2rem; }
.listBoard .top .search .searchBox	{ width: 50.4rem; height: 5rem; padding: 0 6rem 0 2.4rem; position: relative; border-radius: 6px; border: 1px solid #B8BBBF; }
.listBoard .top .search .searchBox input	{ width: 100%; height: 100%; border: none; outline: none; color: #8A949E; font-size: 1.6rem; font-weight: 600; line-height: 150%; }
.listBoard .top .search .searchBox button	{ position: absolute; top:0; right:0; width:6rem; height: 100%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.13965 0C14.1874 0 18.28 4.09192 18.2803 9.13965C18.2803 11.3533 17.4929 13.3833 16.1836 14.9648L19.751 18.5322C20.0867 18.8682 20.0867 19.4122 19.751 19.748C19.415 20.084 18.8701 20.084 18.5342 19.748L14.9668 16.1807C13.3849 17.4913 11.3545 18.2803 9.13965 18.2803C4.09192 18.2801 0 14.1874 0 9.13965C0.000244289 4.09206 4.09207 0.000224027 9.13965 0ZM9.13965 1.7207C5.04227 1.72093 1.72095 5.04226 1.7207 9.13965C1.7207 13.2372 5.04212 16.5593 9.13965 16.5596C11.0929 16.5596 12.8684 15.8031 14.1934 14.5693C14.2334 14.4904 14.2866 14.4166 14.3525 14.3506C14.4187 14.2844 14.4931 14.2305 14.5723 14.1904C15.8043 12.8658 16.5596 11.0913 16.5596 9.13965C16.5593 5.04212 13.2372 1.7207 9.13965 1.7207Z' fill='%2333363D'/%3E%3C/svg%3E") center no-repeat; background-size: 2rem 2rem; }

.listBoard .list			{  }
.listBoard .list table		{ table-layout: fixed; }
.listBoard .list table tr		{ border-bottom:1px solid #E2E5EA; }
.listBoard .list table tr:hover	{ background-color: #F5F9FE; }
.listBoard .list table th		{ background-color: #F6F6F6; height:5.6rem; color: #222; font-size: 1.5rem; font-weight: 600; line-height: 150%; }
.listBoard .list table td		{ height:5.6rem; color: #999; text-align: center; font-size: 1.6rem; font-weight: 400; line-height: 150%; }
.listBoard .list table td span	{ display: block; text-align: left; color: #2563EB; }
.listBoard .list table td a		{ display: block; text-align: left; color:#222; height: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 5.6rem; }
.listBoard .list table td.date	{ color:#999; font-size: 1.3rem; }


.detailBoard					{ padding-top:6rem; }
.detailBoard .top				{ display: flex; flex-direction: column; padding-bottom: 1.5rem; gap:1.5rem; border-bottom:1px solid rgba(0, 0, 0, 0.70); }
.detailBoard .top strong		{ color: #000; font-size: 2rem; font-weight: 700; line-height: 150%; }
.detailBoard .top span			{ color: #64748B; font-size: 1.5rem; font-weight: 700; line-height: 140%; }
.detailBoard .detailView		{ margin-top:1.5rem; padding:2.6rem; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.30); min-height:25.6rem; color: #64748B; font-size: 1.5rem; font-weight: 400; line-height: 140%; white-space: pre-line; }
.detailBoard .detailBtn			{ display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap:1.2rem; margin-top:3rem; }
.detailBoard .detailBtn a		{ display: flex; min-width: 16rem; height: 5rem; padding: 1.5rem 2rem; justify-content: center; align-items: center; gap: 1rem; border-radius: 99px; border: 1px solid #E6E6E6; background: #FFF; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07); color: #000; font-size: 1.6rem; font-weight: 500; }


.faqList						{ margin-top:3rem; }
.faqList dl						{  }
.faqList dt						{ border-bottom: 1px solid #E2E5EA; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.7344 8.40505C20.0628 8.7006 20.0894 9.20643 19.7939 9.53485L12.5947 17.5349C12.443 17.7034 12.2268 17.7997 12 17.7997C11.7732 17.7997 11.5571 17.7035 11.4054 17.5349L4.20537 9.53489C3.9098 9.20648 3.93643 8.70065 4.26484 8.40508C4.59324 8.10951 5.09908 8.13613 5.39464 8.46454L12 15.8038L18.6046 8.46457C18.9001 8.13615 19.4059 8.1095 19.7344 8.40505Z' fill='%2333363D'/%3E%3C/svg%3E%0A") right 1.6rem center no-repeat; }
.faqList dt.open				{ background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.7344 15.595C20.0628 15.2994 20.0894 14.7936 19.7939 14.4651L12.5947 6.46515C12.443 6.29656 12.2268 6.20029 12 6.20029C11.7732 6.20028 11.5571 6.29654 11.4054 6.46511L4.20537 14.4651C3.9098 14.7935 3.93643 15.2994 4.26484 15.5949C4.59324 15.8905 5.09908 15.8639 5.39464 15.5355L12 8.1962L18.6046 15.5354C18.9001 15.8638 19.4059 15.8905 19.7344 15.595Z' fill='%2333363D'/%3E%3C/svg%3E%0A"); }
.faqList dt button				{ width:100%; height:5.6rem; display:flex; padding-right:5.6rem; }
.faqList dt span				{ max-width: 6rem; min-width: 6rem; display: flex; justify-content: center; align-items: center; color: #999; font-size: 1.6rem; font-weight: 400; }
.faqList dt strong				{ flex:1; color: #000; font-size: 1.6rem; font-weight: 700; line-height: 150%; display: flex; align-items: center; }
.faqList dd						{ padding:2rem 6rem; background-color: #FBFBFB; color: #64748B; font-size: 1.5rem; font-weight: 400; line-height: 140%; white-space: pre-line; display: none; border-bottom: 1px solid #E2E5EA; }



.signupBox								{ padding:6rem 5rem; border-radius: 1.2rem; border: 1px solid #E2E8F0; box-shadow: 0 -2px 19px 0 rgba(24, 41, 90, 0.05), 0 -0.643px 7.002px 0 rgba(24, 41, 90, 0.03), 0 -0.26px 1.88px 0 rgba(24, 41, 90, 0.02); display: flex; gap:3rem; flex-direction: column; }
ul.tab + .signupBox						{ margin-top:6rem; }
.signupBox .boxTit						{ color: #000; font-size: 2.4rem; font-weight: 700; line-height: 150%; text-align: center; }
.signupBox .boxTopBt					{ display: flex; justify-content: flex-end; }
.signupBox .boxTopBt button				{ border-radius: 0.6rem; border: 1px solid #B8BBBF; background: #FFF; display: flex; height: 5rem; padding: 1.5rem 2rem; justify-content: center; align-items: center; color: #000; font-size: 1.6rem; font-weight: 500; }

.formWrap								{ display: flex; gap:6rem; flex-direction: column; }
.formWrap section						{  }
.formWrap section h4					{ display: block; margin-bottom:1.5rem; color: #111827; font-size: 2rem; font-weight: 700; line-height: 150%; margin-top:1.4rem; }
.formWrap section h4:first-child		{ margin:0; }
.formWrap section h4 i					{ display: inline-block; margin-right: 0.5rem; vertical-align: -3px; width: 2rem; height: 2rem; background-size: cover; background-repeat: no-repeat; background-position: center; }
.formWrap section h4 i.nameIcon			{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9.99967 8.33333C11.6105 8.33333 12.9163 7.0275 12.9163 5.41667C12.9163 3.80584 11.6105 2.5 9.99967 2.5C8.38884 2.5 7.08301 3.80584 7.08301 5.41667C7.08301 7.0275 8.38884 8.33333 9.99967 8.33333Z' fill='%23333333' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 16.9998V17.4998H17.5V16.9998C17.5 15.133 17.5 14.1996 17.1367 13.4865C16.8171 12.8593 16.3072 12.3494 15.68 12.0298C14.9669 11.6665 14.0335 11.6665 12.1667 11.6665H7.83333C5.9665 11.6665 5.03308 11.6665 4.32004 12.0298C3.69283 12.3494 3.18289 12.8593 2.86331 13.4865C2.5 14.1996 2.5 15.133 2.5 16.9998Z' fill='%23333333' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.formWrap section h4 i.emailIcon		{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M1.66699 16.25H18.3337V10V3.75H10.0003H1.66699V10V16.25Z' fill='%23333333' stroke='%23333333' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M1.66699 3.75L10.0003 10L18.3337 3.75' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0003 3.75H1.66699V10' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.3333 10V3.75H10' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.formWrap section h4 i.orgIcon			{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.08301 5.8335L18.333 10.0002V18.3335H7.08301V5.8335Z' fill='%23333333' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.08366 5.8335L1.66699 10.0002V18.3335H7.08366' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.583 18.3335V13.3335L10.833 12.0835V18.3335' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.333 18.3335H7.08301' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }

.formWrap section ul					{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:1.5rem 4rem; }
.formWrap section ul li					{ display: flex; flex-direction: column; gap:.3rem; }
.formWrap section ul li.full			{ grid-column: span 2; }
.formWrap section ul li label			{ color: rgba(0, 0, 0, 0.70); font-size: 1.6rem; font-weight: 500; line-height: 150%; }
.formWrap section ul li label em		{ color:#FF1D1D; }
.formWrap section ul li select,
.formWrap section ul li input[type="text"]		{ border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.30); width:100%; height:5.8rem; color: rgba(0, 0, 0, 0.50); font-size: 1.6rem; font-weight: 400; line-height: 150%; padding:0 1.6rem; }
.formWrap section ul li input[type="text"].cal	{ padding:0 3.9rem 0 1.6rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.08301 7.9165H17.9163V16.6665C17.9163 17.1268 17.5433 17.4998 17.083 17.4998H2.91634C2.4561 17.4998 2.08301 17.1268 2.08301 16.6665V7.9165Z' fill='%23333333' stroke='%23333333' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M2.08301 3.74984C2.08301 3.2896 2.4561 2.9165 2.91634 2.9165H17.083C17.5433 2.9165 17.9163 3.2896 17.9163 3.74984V7.9165H2.08301V3.74984Z' stroke='%23333333' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M6.66699 1.6665V4.99984' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.333 1.6665V4.99984' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.667 14.1665H14.167' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83301 14.1665H8.33301' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.667 10.8335H14.167' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.83301 10.8335H8.33301' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 1.6rem center; background-size: 2rem; }
.formWrap section ul li select			{ appearance: none; background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.7344 8.40505C20.0628 8.7006 20.0894 9.20643 19.7939 9.53485L12.5947 17.5349C12.443 17.7034 12.2268 17.7997 12 17.7997C11.7732 17.7997 11.5571 17.7035 11.4054 17.5349L4.20537 9.53489C3.9098 9.20648 3.93643 8.70065 4.26484 8.40508C4.59324 8.10951 5.09908 8.13613 5.39464 8.46454L12 15.8038L18.6046 8.46457C18.9001 8.13615 19.4059 8.1095 19.7344 8.40505Z' fill='%2333363D'/%3E%3C/svg%3E%0A") no-repeat right 1.6rem center; background-size: 2.4rem; }

.signupBox .agree							{ display: flex; flex-direction: column; gap:6rem; }
.signupBox .agree .agreeBox					{ padding:1.8rem 1.9rem; border-radius: 6px; border: 1px solid rgba(0, 0, 0, 0.30); }
.signupBox .agree .agreeBox input[type="checkbox"]	{ display: none; }
.signupBox .agree .agreeBox label			{ display: flex; gap:2rem; color: rgba(0, 0, 0, 0.70); font-size: 2rem; font-weight: 500; line-height: 150%; }
.signupBox .agree .agreeBox label i			{ width: 2.5em; height: 2.5rem; display: flex; border:1px solid #ddd; border-radius: 3px; max-width:2.5rem; min-width: 2.5rem; margin-top:3px; }
.signupBox .agree .agreeBox input[type="checkbox"]:checked + label i { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Crect width='25' height='25' rx='4' fill='%232563EB'/%3E%3Cpath d='M16.4277 9.94141C16.5861 9.77742 16.8293 9.75594 17.0088 9.87891L17.0811 9.94043L17.0869 9.94629L17.0918 9.95215C17.2414 10.1332 17.2426 10.4162 17.0488 10.5986L17.0498 10.5996L11.7139 15.9561L11.7148 15.957C11.5603 16.117 11.3625 16.2002 11.1475 16.2002C10.9495 16.2002 10.7355 16.119 10.5791 15.957V15.9561L7.93457 13.2939L7.93262 13.292C7.75571 13.1085 7.7556 12.8192 7.93262 12.6357C8.11291 12.449 8.40286 12.4485 8.58398 12.6338L11.1621 15.2295L16.4277 9.94141Z' fill='white' stroke='white' stroke-width='0.4'/%3E%3C/svg%3E") center no-repeat; background-size: cover; border:0; }

.signupBox .agree .btnBox					{ display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap:1.2rem; }
.signupBox .agree .btnBox button			{ display: flex; min-width: 16rem; height: 5rem; padding: 1.5rem 2rem; justify-content: center; align-items: center; gap: 1rem; border-radius: 99px; border: 1px solid #E6E6E6; background: #FFF; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.07); color: #000; font-size: 1.6rem; font-weight: 500; }
.signupBox .agree .btnBox button.complete	{ background-color: #2563EB; color: #fff; }