.work{ padding: 120px 0 ; box-sizing: border-box; }
.work .titArea{ font-family: 'Mona Sans'; margin-bottom: 50px; }
.work .titArea h3{ font-size: 35px; font-weight: 700; letter-spacing: -0.04em; color: #b51f28; margin-bottom: 20px; }
.work .titArea p{ font-size: 20px; font-weight: 500; letter-spacing: -0.04em; color: #151515; }
.work .sub_header{ height: clamp(320px, 29.48vw, 566px); position: relative; background-image: url("/asset/img/sub/career/work_header.jpg"); }
.work .sub_header>div{ position: absolute; top: 40%; left: 10%; }
.work .sub_header .sub_tit{ font-family: 'Pretendard'; margin-bottom: 30px; }
.work .sub_header .sub_tit p{ font-size: 50px; font-weight: 700; letter-spacing: -0.04em; color: #fff; }
.work .sub_header .sub_nav{ font-family: 'Pretendard'; display: flex; gap: 10px; align-items: center; }
.work .sub_header .sub_nav .category{ font-size: 16px; letter-spacing: -0.04em; color: #949494; }
.work .sub_header .sub_nav i{ color: #fff; }
.work .sub_header .sub_nav .sub_category{ font-size: 16px; letter-spacing: -0.04em; color: #fff; }
.work .cont{ position: relative; padding-top: 114px;}
.work .cont::before{
    content: ''; background-image: url("/asset/img/sub/career/bg.png"); background-position: center; background-repeat: no-repeat;
    position: absolute;top: -10%;left: 0; width: 100%; min-height: 1103px; mix-blend-mode: darken;
	background-size: cover;
 }
.work .slides{}
.work .slides .top{
	display: flex; align-items: center; justify-content: space-between;
	margin-bottom: 30px; flex-wrap: wrap; gap: 10px;
}
.work .slides .top .tit{ font-family: 'Mona Sans';}
.work .slides .top .tit p{ font-size: 20px; font-weight: 600; letter-spacing: -0.04em; color: #151515;  line-height: 1.4;}
.work .slides .top .tit p span{ color: #b51f28; }
.work .slides .top .btnBx{
	display: flex; align-items: center; justify-content: center;
	font-size: 40px; color: #b1b1b1; gap: 30px;
}
.work .slides .top .btnBx > div{cursor: pointer; transition: color 0.5s;}
.work .slides .top .btnBx > div:hover{color: var(--red);}
.work .slides .top .btnBx > div i{}
.work .slides .top .btnBx .prev{}
.work .slides .top .btnBx .next{}
.work .slideBx{position: relative;}
.work .slideBx .swiper{overflow: visible;}
.work .slideBx .swiper-slide{border-radius: 20px; overflow: hidden; position: relative; }
.work .slideBx .swiper-slide a{}
.work .slideBx .swiper-slide a::before {content:''; display: block; padding-bottom: calc(438/578*100%);}
.work .slideBx .swiper-slide .imgArea{position: absolute; left: 0; top: 0; width: 100%; height: 100%; width: 100%; height: 100%;}
.work .slideBx .swiper-slide .imgArea img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.work .slideBx .swiper-slide .txtArea{
	position: absolute; left: 0; top: 0; width: 100%; height: 100%;
	padding: 46px; box-sizing: border-box;
	display: flex; flex-direction: column; justify-content: flex-end;
	background: linear-gradient(
		0deg,
		rgba(0, 0, 0, 1)    0%,
		rgba(0, 0, 0, 0.85) 12%,
		rgba(0, 0, 0, 0.7)  22%,
		rgba(0, 0, 0, 0.55) 32%,
		rgba(0, 0, 0, 0.4)  42%,
		rgba(0, 0, 0, 0.25) 52%,
		rgba(0, 0, 0, 0.12) 62%,
		rgba(0, 0, 0, 0.05) 70%,
		rgba(255, 255, 255, 0) 80%
	);
}
.work .slideBx .swiper-slide .txtArea .date{ display: inline-block; margin-bottom: 22px; font-size: 14px; letter-spacing: -0.04em; color: #cacaca; }
.work .slideBx .swiper-slide .txtArea .tit{
	font-size: 20px; font-weight: 500; letter-spacing: -0.04em; color: #fff; margin-bottom: 18px; line-height: 1.4;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.work .slideBx .swiper-slide .txtArea .desc{
	font-size: 16px; letter-spacing: -0.04em; line-height: 1.6; color: #fff; line-height: 1.4;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.work .slideBx .swiper-slide::after{ content: ""; border-radius: 20px; position: absolute; left: 0; bottom: 0; padding-bottom: 100%; background: linear-gradient(to top, rgba(0,0,0, 0.85), rgba(0,0,0,0)); pointer-events: none; }

.work .slideBx .swiper-button-prev::after,
.work .slideBx .swiper-button-next::after{ display: none; content: none;}
.work .slideBx .swiper-button-prev i,
.work .slideBx .swiper-button-next i{ font-size: 38px; line-height: 1; display: block; }
.work .slideBx .swiper-button-prev i{ color: #b1b1b1; }
.work .slideBx .swiper-button-next i{ color: #ba323a; }
.work .slideBx .swiper-button-prev svg,
.work .slideBx .swiper-button-next svg{ display: none; }
.work .slideBx .swiper-pagination-progressbar-fill{ background: #b51f28 !important; }
.work .slideBx .paginationBx{ display: flex; align-items: center; gap: 25px; position: relative; margin-top: 44px; }
.work .slideBx .paginationBx .swiper-pagination{ position: relative; max-width: 1532px;  }

.work .swiper-pagination {
    height: 3px;
    background: rgba(0,0,0,0.15);
    position: relative;
    overflow: hidden;
}
.work .slideBx .paginationBx .swiper-pagination2{ width: auto !important; font-family: 'Mona Sans' !important;display: flex; }

.work .slideBx .paginationBx .swiper-pagination2 .all, .work .slideBx .paginationBx .swiper-pagination2 .separator{ color: #b51f28; font-weight: 600;  }

.work .slideBx .paginationBx .swiper-pagination2 .now{
    color: #151515; font-weight: 600;
}




/* 검색바 */
.work ._searchArea{margin-bottom: 40px;}
.work ._searchArea .inner .bar{border: 1px solid #ddd; box-sizing: border-box;}



@media screen and (max-width:1600px) {}
@media screen and (max-width:1440px) {}
@media screen and (max-width:1280px) {}
@media screen and (max-width:1024px) {
    .work .slideBx .paginationBx{display: none;}
}
@media screen and (max-width:820px) {}
@media screen and (max-width:500px) {
	.work ._searchArea{margin-bottom: 20px;}
	.work ._searchArea .inner{justify-content: flex-end;}
}
@media screen and (max-width:320px) {}


.work .list{ margin-top: 50px; width: 100%; }
.work .list ul{ display: flex; flex-wrap: wrap; gap: 60px 45px; }
.work .list ul li{ width: calc((100% - (45px * 2)) / 3); }
.work .list ul li a .imgBx{ position: relative; width: 100%; }
.work .list ul li a .imgBx::before{ content: ''; display: block; padding-bottom: calc(342 / 430 * 100%); }
.work .list ul li a .imgBx img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.work .list ul li a .txtBx{ margin-top: calc(20 / 20 * 1em); font-size: 20px; display: flex; flex-direction: column; height: 100%; justify-content: space-between; }
.work .list ul li a .txtBx .desc{
    color: #484848; font-weight: 500; line-height: calc(30 / 20 * 1em); min-height: 3em;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.work .list ul li a .txtBx .date{ font-size: 17px; color: #818181; font-weight: 500; margin-top: calc(30 / 17 * 1em); }

@media screen and (max-width: 1820px){
    .work .slideBx .swiper-pagination{ width: 95%; }
}
@media screen and (max-width: 1440px ){
	.work .slideBx .swiper-slide .txtArea{padding: 30px;}

    .work .list ul li a .txtBx{ font-size: clamp(18px, 18 / 1280 * 100vw, 20px ); }
    .work .list ul li a .txtBx .date{ font-size: 16px; }
}
@media screen and (max-width: 1280px){
    .work .list ul li{ width: calc((100% - (45px * 1)) / 2); }
    .work .slideBx .swiper-pagination > span{ right: -7%; }
}
@media screen and (max-width: 1024px){
	.work .cont{padding-top: 80px;}
    .work .cont::before{ top: 0; }
    .work .sub_header .sub_tit p{ font-size: clamp(46px, 46 / 1024 * 100vw, 48px); }
    .work .titArea{ margin-bottom: 32px; }
    .work .titArea h3{ font-size: clamp(20px, 20 / 1024 * 100vw, 24px); margin-bottom: 16px; }
    .work .titArea p{ font-size: clamp(18px, 18 / 1024 * 100vw, 20px); }
    .work .slideBx .swiper-pagination{ display: none; }
    /* .work .slideBx .swiper-slide{ width: 100% !important; } */
    .work .slideBx .swiper-button-prev i,
    .work .slideBx .swiper-button-next i{ font-size: 34px; }
}
@media screen and (max-width: 820px){
    .is_pc{ display: none; }
    .work{padding: 80px 0;}
	.work .cont{padding-top: 60px;}
    .work .sub_header .sub_tit{ margin-bottom: 26px; }
    .work .titArea p{ line-height: calc(24 / 20 * 1em); }

	.work .slides .top{margin-bottom: 20px;}
	.work .slides .top .btnBx{font-size: 24px; gap: 20px;}
    .work .slideBx .swiper{ overflow: hidden !important; }

    .work .slideBx .swiper-button-prev i,
    .work .slideBx .swiper-button-next i{ font-size: 28px; }

    .work .slideBx .swiper-slide .txtArea .date{ font-size: 14px;  margin-bottom: 8px;}
    .work .slideBx .swiper-slide .txtArea .tit{ font-size: 16px; margin-bottom: 14px; }
    .work .slideBx .swiper-slide .txtArea .desc{ font-size: 14px;}

    .work .list ul{ gap: 45px 20px; }
    .work .list ul li{ width: calc((100% - (20px * 1)) / 2); }
    .work .list ul li a .txtBx{ font-size: clamp(16px, 16 / 500 * 100vw, 18px); }
    .work .list ul li a .txtBx .date{ font-size: clamp(14px, 14 / 500 * 100vw, 16px); }

    .work .paging { font-size: 16px; }
    .work .paging ul li a.on::before{ width: 2.2em; height: 2.2em; }
}
@media screen and (max-width: 500px){
    .work .sub_header .sub_tit{ margin-bottom: 20px; }
    .work .sub_header .sub_tit p{ font-size: clamp(32px, 32 / 500 * 100vw, 36px); }
    .work .sub_header .sub_nav{ gap: 8px; }
    .work .sub_header .sub_nav .category,
    .work .sub_header .sub_nav .sub_category{ font-size: 14px; }

	.work .slides .top .btnBx{margin-left: auto;}
    .work .slides .txt{ margin-bottom: 45px; }

	.work .slideBx .swiper-slide .txtArea .date{ font-size: 12px;}
    .work .slideBx .swiper-slide .txtArea .tit{ font-size: 14px;}
    .work .slideBx .swiper-slide .txtArea .desc{ font-size: 12px;}

    .work .slideBx .swiper-button-prev i,
    .work .slideBx .swiper-button-next i{ font-size: 26px; }
    .work .list ul li{ width: 100%; }
    .work .list ul li a .txtBx .desc{ min-height: unset; }
    .work .paging{ font-size: clamp(14px, 14 / 360 * 100vw, 16px); }
    .work .paging ul{ gap: 2em; }
    .work .paging #first i, .work .paging #last i{ margin: 0 -5px; }

	.work .list ul li a .txtBx .date{margin-top: 14px;}
}