@charset "utf-8";

.header-bottom {border-color:#fff;}

	@media screen and (max-width:1200px) {
		.header-bottom {border-color:var(--border-lgray);}
	}

/* ---------- 공통 ---------- */
#m-container {overflow-x:hidden;}
.m-title-wrap {display:flex;flex-wrap:wrap;gap:2rem;align-items:center;gap:4rem;margin-bottom:4rem;}
.m-title,
.m-title * {font-size:3rem;font-family:var(--font-point);line-height:120%;}
.m-title-set {line-height:140%;}
.m-title__stxt {font-size:var(--font-m);line-height:140%;}
.m-title + .m-title__stxt {margin-top:1rem;}
.m-title__stxt + .m-title {margin-top:1rem;}

.m-sld-control {display:flex;flex-wrap:wrap;gap:0.5rem;}
.m-sldctrl {flex:none;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;}
.m-sldctrl.prev:before,
.m-sldctrl.next:after {content:"";display:block;width:1.6rem;height:1.6rem;background:url(../img/Main/main_arrow.svg);}
.m-sldctrl.prev {transform:rotate(180deg);}
.m-sldctrl.stop .ico {display:flex;justify-content:center;gap:0.6rem;}
.m-sldctrl.stop .ico:before,
.m-sldctrl.stop .ico:after {content:"";display:block;width:2px;height:1.4rem;background:#1D1B20;border-radius:10px;}
.m-sldctrl.play .ico:before {content:"";display:block;width:0;height:0;border-style:solid;border-width:7px 0px 7px 10px;;border-color:transparent transparent transparent #1D1B20;}
.m-sldctrl.play {display:none;}
.m-sldctrl.play .ico {display:flex;justify-content:center;}
.m-title-wrap .m-sld-control {margin-left:auto;}

.m-title-wrap .m-more {margin-left:auto;font-size:2rem;}


.msec-01 {margin-bottom:7.5rem;position:relative;max-width:100%;}
.msec-01:before {content:"";position:absolute;top:17%;left:0;z-index:-1;display:block;width:38rem;height:49.8rem;background:url(../img/Main/m-bg_01.svg) no-repeat center top;}
.msec-01:after {content:"";position:absolute;top:0;left:40%;z-index:-1;display:block;width:36.8rem;height:36.8rem;background:url(../img/Main/m-bg_02.svg) no-repeat center top;}

.msec-01::before {animation: scale_pulse 4s ease-in-out infinite;will-change: transform;}
.msec-01::after {animation: scale_pulse2 4s ease-in-out infinite;will-change: transform;}
.msec-01::after { animation-delay: -2s;}

@keyframes scale_pulse {
    0%, 100% {
        transform: scale(1) translateY(0) translateX(0);
    }
    50% {
        transform: scale(1.1) translateY(20px) translateX(10px);
    }
}

@keyframes scale_pulse2 {
    0%, 100% {
        transform: scale(1) translateY(0) translateX(0);
    }
    50% {
        transform: scale(1.1) translateY(20px) translateX(-10px);
    }
}

	@media screen and (max-width:600px) {
		.m-title,
		.m-title * {font-size:2.6rem;}
		.m-title-wrap .m-more {font-size:1.6rem;}
	}
	

/* ---------- 비쥬얼영역 ---------- */
.m-vis {display:flex;gap:4rem 16rem;margin-bottom:8rem;}
.m-vis__title {margin-bottom:2rem;padding-top:3rem;}
.m-vis__title .btxt {font-family:var(--font-point);font-size:6rem;line-height:120%;margin-bottom:1rem;}
.m-vis__title .stxt {font-size:3rem;line-height:120%;}

.m-search {flex:1;}
.m-search__input {margin-bottom:4rem;}
.m-search__input {width:100%;height:7.5rem;padding:0 3rem;gap:2rem;display:flex;align-items:center;border:6px solid transparent;background: linear-gradient(white, white) padding-box,linear-gradient(to right, #4772D2, #EC008C) border-box;border-radius: 22px;position:relative;}
.m-search__input input {height:100%;flex:1;min-width:0;background:none;border:none !important;padding:0 !important;}
.m-search__input button {flex:none;width:2.9rem;height:2.9rem;background:url(../img/Layout/search_btn.svg) no-repeat center center /100% 100%;}
.m-search__input .ph {position: absolute;top: 50%;left: 3rem;transform: translateY(-50%);pointer-events: none;transition: opacity 0.2s;background:#fff;}
.m-search__input .ph span {color:var(--point-color);}
.m-search__input .ph,
.m-search__input .ph span {font-size:var(--font-m);}
.m-search__input:has(input:focus) .ph {display:none;}
.m-search__input input:not(:placeholder-shown) + .ph,
.m-search__input input:focus + .ph {opacity: 0;}
.m-search__input input::placeholder {color:transparent;;}

.m-ai {min-height:13rem;display:block;}
.m-ai .inbox {display:flex;gap:3rem;align-items:center;background:var(--bg-lgray);padding:3.5rem 4rem 3.5rem 4rem;border-radius:20px;box-shadow:5px 5px 10px rgba(0, 0, 0, 0.1);
	-webkit-mask-image: 
        url("data:image/svg+xml,%3Csvg width='132' height='78' viewBox='0 0 132 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 78H76V52C75.9772 66.3633 64.272 78 49.8361 78L0 78Z' fill='black'/%3E%3Cpath d='M45 30H132V0C131.974 16.573 118.575 30 102.049 30L45 30Z' fill='black'/%3E%3Cpath d='M124 54C124 67.2548 113.255 78 100 78C86.7452 78 76 67.2548 76 54C76 40.7452 86.7452 30 100 30C113.255 30 124 40.7452 124 54Z' fill='black'/%3E%3Cpath d='M76 53H106V78H76V53Z' fill='black'/%3E%3Cpath d='M101 30H132V78H101V30Z' fill='black'/%3E%3C/svg%3E"), 
        linear-gradient(black, black);
    mask-image: 
        url("data:image/svg+xml,%3Csvg width='132' height='78' viewBox='0 0 132 78' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 78H76V52C75.9772 66.3633 64.272 78 49.8361 78L0 78Z' fill='black'/%3E%3Cpath d='M45 30H132V0C131.974 16.573 118.575 30 102.049 30L45 30Z' fill='black'/%3E%3Cpath d='M124 54C124 67.2548 113.255 78 100 78C86.7452 78 76 67.2548 76 54C76 40.7452 86.7452 30 100 30C113.255 30 124 40.7452 124 54Z' fill='black'/%3E%3Cpath d='M76 53H106V78H76V53Z' fill='black'/%3E%3Cpath d='M101 30H132V78H101V30Z' fill='black'/%3E%3C/svg%3E"), 
        linear-gradient(black, black);
    -webkit-mask-position: bottom right, 0 0;
    mask-position: bottom right, 0 0;
    -webkit-mask-size: 132px 78px, 100% 100%;
    mask-size: 132px 78px, 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    
    /* [중요] 'exclude' 또는 'destination-out'을 써서 SVG 영역만 구멍 뚫기 */
    -webkit-mask-composite: xor; /* 크롬, 사파리 용 */
    mask-composite: exclude;     /* 파이어폭스, 표준 용 */
}
.inbox-shadow {filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.1));}

.m-ai .btxt  {margin-bottom:1rem;line-height:1.2;}
.m-ai .btxt,
.m-ai .btxt * {color:#fff;font-size:2.4rem;font-family:var(--font-point)}
.m-ai .btxt span {background:var(--gradient);-webkit-background-clip: text;color: transparent;}
.m-ai .stxt {font-size:1.8rem;line-height:140%;}
.m-ai .ico {display:flex;align-items:flex-end;margin-left:auto;margin-top:-5rem;width:5rem;height:5rem;border-radius:50% 0 0 0;position:relative;}
.m-ai .ico .arrow {flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--gradient);border-radius:50%;}
.m-ai .ico .arrow:before {content:"";display:block;width:1.1rem;height:1.1rem;background:url(../img/Layout/linkarrow.svg) no-repeat center center;filter: brightness(0) invert(1);}
/* .m-ai .ico .l,
.m-ai .ico .r {position:absolute;background:url(../img/Main/m-radius.svg) no-repeat center center /100% 100%;width: 45px;height:27px;}
.m-ai .ico .l {left:-22px;bottom:0;}
.m-ai .ico .r {right:-9px;top:-14px;transform:rotate(-90deg);}
 */
.m-popupzone {flex:1.2;max-width:66rem;min-width:0;}
.m-popupzone__sld {border-radius:30px;aspect-ratio: 100 / 72.7272;}
.m-popupzone__sld figure {width:100%;position:relative;}
.m-popupzone__sld figure:before {content:"";display:block;width:100%;height:0;padding-bottom:72.7272%;}
.m-popupzone__sld img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;}
.m-popupzone__sld .swiper-slide {max-width:100%;background:var(--bg-lgray);}
.m-popupzone__sld .swiper-slide:not(:has(figure)):before {content:"";display:block;width:100%;height:0;padding-bottom:72.7272%;}
.m-popupzone__sld .embed-container {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: 130% !important; /* 16:9 비율 유지를 위한 계산 (영상 높이 기준) */
    height: 100% !important;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%) scale(1.25); /* 1.22~1.25배 확대하여 레터박스 제거 */
    border: 0;
}
.m-popupzone__sld .swiper-slide:has(iframe) {overflow:hidden;}
.m-popupzone__sld .embed-container:before {content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
.m-popupzone .control-wrap {text-align:right;margin-top:-7.4rem;position:relative;z-index:1;}
.m-popupzone .control-flex {display:inline-flex;align-items:center;gap:1rem 5rem;background:#fff;position:relative;padding:0 5rem;height:7.4rem;border-radius:30px 0 0 0;}
.m-popupzone .control-flex:before,
.m-popupzone .control-flex:after {content:"";position:absolute;background:url(../img/Main/m-radius.svg) no-repeat center center /100% 100%;width: 45px;height:27px;}
.m-popupzone .control-flex:before {left:-22px;bottom:0;}
.m-popupzone .control-flex:after {right:-10px;top:-14px;transform:rotate(-90deg);}
.m-popupzone .page {display:block !important;width:auto;font-weight:600;font-size:var(--font-b);}
.m-popupzone .page * {font-weight:600;font-size:var(--font-b);}
.m-popupzone .m-sld-control {flex:none;}

	@media screen and (max-width:1480px) {
		.m-vis {gap:6rem;}
	}
	@media screen and (max-width:1200px) {
		.msec-01:before {left:-25rem;top:22%;}
		.msec-01:after {left:auto;top:-2rem;right:-23rem;}
		
		.m-vis__title .btxt {font-size:3.4rem;text-align:center;}
		.m-vis__title .stxt {font-size:2rem;text-align:center;}
		.m-vis {flex-wrap:wrap;}
		.m-search {flex:none;width:100%;}
		.m-search__input {padding:0 2rem;margin-bottom:2rem;}
		.m-search__input input::placeholder {color:var(--font-bgray);}
		.m-search__input .ph {display:none;}
		.m-ai .inbox {background:var(--bg-lgray);}
		.m-ai .inbox:before {display:none;}
		.inbox-shadow {filter:none;}
		.m-ai .ai-robot-icon {display:none;}
		.m-ai .ico .arrow {background:var(--gradient);}
		.m-ai .ico .arrow:before {filter: brightness(0) invert(1);}
		.m-ai .btxt {color:var(--black);}
		.m-ai .btxt span {background:linear-gradient(to right,rgba(71, 114, 210, 1) 0%, rgba(236, 0, 140, 1) 180%);-webkit-background-clip: text;color: transparent;}
		.m-ai .stxt {color:var(--black);}
		.m-popupzone {flex:none;width:100%;max-width:100%;}
		.m-popupzone .control-flex {padding:0 1rem 0 3rem;gap:2rem;}
	}
	@media screen and (max-width:600px) {
		.msec-01 {margin-bottom: 5rem;}
		
		.m-vis {gap:3rem;margin-bottom:6rem;}
		.m-vis__title {padding-top:1rem;}
		.m-vis__title .btxt {font-size:2.8rem;}
		.m-vis__title .stxt {font-size:1.8rem;}
		.m-search__input {height:6.5rem}
		
		.m-ai .inbox {padding:2.5rem 3rem 2.5rem 3rem;}
		.m-ai .btxt, 
		.m-ai .btxt * {font-size:2rem;}
		.m-ai .stxt {font-size: 1.6rem;}
		
		.m-popupzone .control-wrap {margin-top: -5rem;}
		.m-popupzone .control-flex {height: 5rem;}
		.m-popupzone .page,
		.m-popupzone .page * {font-size:var(--font-d);}
	}
	
/* ---------- 링크메뉴 ---------- */
.m-linknm__tab {display:flex;border-radius:20px 20px 0 0;}
.m-linknm__tab button {min-width:0;flex:1;height:7rem;padding:0 1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;border-top:1px solid var(--border-lgray);}
.m-linknm__tab button + button {border-left:1px solid var(--border-lgray);}
.m-linknm__tab button[aria-selected="true"] + button {border-left:none;}
.m-linknm__tab button:first-child {border-radius:20px 0 0 0;border-left:1px solid var(--border-lgray);}
.m-linknm__tab button:last-child {border-radius:0 20px 0 0;border-right:1px solid var(--border-lgray);}
.m-linknm__tab button span {max-width:100%;}
.m-linknm__tab button span,
.m-linknm__tab button i {font-size:var(--font-b);font-weight:600;line-height:120%;font-style:normal;}
.m-linknm__tab button i {display:inline-block;}
.m-linknm__tab button[aria-selected="true"] {background:var(--gradient);}
.m-linknm__tab button[aria-selected="true"] span,
.m-linknm__tab button[aria-selected="true"] i {color:#fff;}
.m-linknm .tab-panels {background:var(--bg-lgray);padding:7rem 8rem;min-height:26rem;border-radius:0 0 20px 20px;}
.m-linknm__items {width:100%;display:grid;grid-template-columns: repeat(7, 1fr);justify-items:center;align-items: start;}
.m-linknm__items a {width:12rem;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.m-linknm__items a .ico {max-width:100%;width:7rem;margin-bottom:2rem;} 
.m-linknm__items a .ico:before {content:"";display:block;width:100%;height:0;padding-bottom:85.7142%;}
.m-linknm__items a .txt {font-size:var(--font-m);text-align:center;line-height:1.2;}
.m-linknm__items a.slink .txt:after {flex:none;content:"";display:inline-block;width:8px;height:7px;margin-left:5px;vertical-align:top;background:url(../img/Layout/gnb_outlink.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.infoadd .ico {background:url(../img/Main/m-linknm_infoadd.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.jobpro .ico {background:url(../img/Main/m-linknm_jobpro.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.coprecruit .ico {background:url(../img/Main/m-linknm_coprecruit.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.orgrecruit .ico {background:url(../img/Main/m-linknm_orgrecruit.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.recruitadd .ico {background:url(../img/Main/m-linknm_recruitadd.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.policy .ico {background:url(../img/Main/m-linknm_policy.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.counsel .ico {background:url(../img/Main/m-linknm_counsel.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.closet .ico {background:url(../img/Main/m-linknm_closet.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.compvisit .ico {background:url(../img/Main/m-linknm_compvisit.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.review .ico {background:url(../img/Main/m-linknm_review.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.support .ico {background:url(../img/Main/m-linknm_support.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.comp .ico {background:url(../img/Main/m-linknm_comp.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.traning .ico {background:url(../img/Main/m-linknm_traning.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.reg .ico {background:url(../img/Main/m-linknm_reg.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.employ .ico {background:url(../img/Main/m-linknm_employ.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.jobpost .ico {background:url(../img/Main/m-linknm_jobpost.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.buterang .ico {background:url(../img/Main/m-linknm_buterang.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.person .ico {background:url(../img/Main/m-linknm_person.svg) no-repeat center center /100% 100%;}
.m-linknm__items a.event .ico {background:url(../img/Main/m-linknm_event.svg) no-repeat center center /100% 100%;}


	@media screen and (min-width:1200px) {
		.m-linknm__items a {transition: all .3s;}
		.m-linknm__items a:hover,
		.m-linknm__items a:focus {transform:translateY(-1rem)}
	}
	@media screen and (max-width:1200px) {
		.m-linknm .tab-panels {min-height:0;}
		.m-linknm__tab button span,
		.m-linknm__tab button span i {font-size:var(--font-d);}
		.m-linknm .tab-panels {padding:4rem 3rem;}
		.m-linknm__items  {gap:2rem 0rem;}
	}
	
	@media screen and (max-width:1000px) {
		.m-linknm__items {grid-template-columns: repeat(4, 1fr);}
	}
	
	@media screen and (max-width:600px) {
		.m-linknm__tab button span, 
		.m-linknm__tab button span i {font-size:var(--font-ms);}
		.m-linknm .tab-panels {padding:3rem 2rem;}
		.m-linknm__items {grid-template-columns: repeat(3, 1fr);}
		.m-linknm__items a .ico {width:4rem;margin-bottom:1rem;}
		.m-linknm__items a .txt {font-size:var(--font-s);}
	}
	
	@media screen and (max-width:500px) {
		.m-linknm__items {grid-template-columns: repeat(2, 1fr);}
	}
	
	@media screen and (max-width:400px) {
		.m-linknm__items a  {width:11rem;}
	}

/* ---------- 채용정보 ---------- */
.msec-02 {background:var(--bg-lgray);padding:11rem 0;}
.m-recruit .m-title,
.m-recruit .m-title * {font-size:4rem;}
.m-recruit .m-title span {background:linear-gradient(45deg,#ac2da7 0%, #e7048f 100%);-webkit-background-clip: text;color: transparent;}
.m-recruit__total {margin-left:auto;}
.m-recruit__total .btxt {display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:flex-end;}
.m-recruit__total .btxt .item,
.m-recruit__total .btxt .item * {font-size:2.6rem;font-family:var(--font-point);}
.m-recruit__total .btxt .ing .num {color:var(--point-color);}
.m-recruit__total .btxt .new .num {color:var(--point-color2);}
.m-recruit__total .stxt {display:flex;flex-wrap:wrap;gap:1rem 2rem;margin-top:1rem;justify-content:flex-end;}
.m-recruit__total .stxt .date {color:#aaa;}
.m-recruit__total .stxt span {line-height:140%;}
.m-recruit__tab {display:flex;gap:0.5rem;margin-bottom:3rem;}
.m-recruit__tab button {flex:1;height:7rem;padding:0 3rem;border:1px solid var(--border-gray);display:flex;align-items:center;justify-content:center;gap:1rem 2rem;background:rgba(255, 255, 255, 0.5);border-radius:10px 10px 0 0;}
.m-recruit__tab button span {font-size:var(--font-b);font-weight:600;transition:all .3s;}
.m-recruit__tab button span i {font-size:var(--font-b);font-weight:600;font-style:normal;}
.m-recruit__tab button[aria-selected="true"] {background:var(--gradient);border:none;}
.m-recruit__tab button[aria-selected="true"] span {color:#fff;margin-right:auto;}
.m-recruit__tab button[aria-selected="true"] span i {color:#fff;}
.m-recruit__tab button[aria-selected="true"]:after {content:"";display:block;width:2rem;height:2rem;background:url(../img/Main/m-recruit_tab_on.svg) no-repeat center center /100% 100%;transition:all .3s;}
.m-recruit__region {display:flex;gap:1rem;justify-content:flex-end;align-items:center;font-size:2.2rem;margin-bottom:1rem;}
.m-recruit__region select {padding-right:2.5rem;font-size:2.2rem;font-weight:600;border:none;background:url(../img/Main/m-recruit_seldrop.svg) no-repeat right center;color:var(--point-color2);}
.sel-box {position:relative;}
.sel-box:after {content:"";width:calc(100% - 2.5rem);height:3px;background:var(--point-color2);position:absolute;bottom:-1rem;left:0;}
.m-recruit__sld .swiper-slide {width:34rem;max-width:90%;}
.m-recruit__sld a {height:26.5rem;display:flex;flex-direction:column;background:#fff;border-radius:30px 30px 30px 0;padding:4rem 3rem;}
.m-recruit__sld .logo {margin-bottom:3rem;}
.m-recruit__sld .logo img {max-width:100%;max-height:2rem;}
.m-recruit__sld .tit .btxt {font-size:2.2rem;font-weight:600;line-height:140%;margin-bottom:1rem;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.m-recruit__sld .tit .stxt {color:var(--font-gray);}
.m-recruit__sld .ctxt {margin-bottom:2rem;}
.m-recruit__sld .date {margin-top:auto;color:var(--point-color);}
.m-recruit .no-data {height:32.5rem;display:flex;align-items:center;justify-content:center;opacity:0.5;}
.m-recruit__sld .pagination {margin-top:2rem;height:3px;background:#D8E3F0;border-radius:10px;position:relative;}
.m-recruit__sld .swiper-pagination-progressbar-fill {background:#222;}
.m-program__tabpanner {position:relative;}
.m-program__tabpanner .controls {display:none;gap:1rem;align-items:center;justify-content:center;margin-top:4rem;}
.m-program__tabpanner .ctlbtn {display:flex;align-items:center;justify-content:center;width:5rem;height:5rem;border-radius:50%;background:#fff;z-index:2;}
.m-program__tabpanner .ctlbtn.prev:before,
.m-program__tabpanner .ctlbtn.next:before {content:"";display:block;width:1.6rem;height:1.6rem;background:url(../img/Main/main_arrow.svg);}
.m-program__tabpanner .ctlbtn.prev:before {transform:rotate(180deg);}
.m-program__tabpanner .ctlbtn.prev {left:-3.5rem;}
.m-program__tabpanner .ctlbtn.next {right:-3.5rem;}
.m-program__tabpanner .ctlbtn.stop .ico {display:flex;justify-content:center;gap:0.6rem;}
.m-program__tabpanner .ctlbtn.stop .ico:before,
.m-program__tabpanner .ctlbtn.stop .ico:after {content:"";display:block;width:2px;height:1.4rem;background:#1D1B20;border-radius:10px;}
.m-program__tabpanner .ctlbtn.play .ico:before {content:"";display:block;width:0;height:0;border-style:solid;border-width:7px 0px 7px 10px;;border-color:transparent transparent transparent #1D1B20;}
.m-program__tabpanner .ctlbtn.play {display:none;}
.m-program__tabpanner .ctlbtn.play .ico {display:flex;justify-content:center;}

.m-program__tabpanner .controls:has([aria-controls]) {display:flex;}
.m-program__tabpanner .controls:has(.swiper-button-lock),
.m-program__tabpanner .swiper-button-lock {display:none;}


	@media screen and (min-width:1200px) {
		.m-recruit__sld a {margin-top:3rem;margin-bottom:3rem;position:relative;transition:all .3s;}
		.m-recruit__sld a:hover,
		.m-recruit__sld a:focus {transform:translateY(-3rem);box-shadow:0px 5px 30px rgba(0, 0, 0, 0.1);}
		.m-recruit__sld a:hover:before,
		.m-recruit__sld a:focus:before {content:"";display:block;border:2px solid #222;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:30px 30px 30px 0;}
	}
	
	@media screen and (max-width:1200px) {
		.msec-02 {padding:8rem 0;}
		
		.m-recruit .m-title,
		.m-recruit .m-title * {font-size:3rem;text-align:center;}
		.m-recruit .m-title__stxt {text-align:center;}
		.m-recruit__total {display:none;}
		.m-recruit__region {display:none;}
		.m-recruit__tab button {height:8.2rem;padding:0;}
		.m-recruit__tab button[aria-selected="true"] span {margin-right:0;}
		.m-recruit__tab button[aria-selected="true"]:after {display:none;}
		.m-recruit__tab button span i {display:block;margin-top:0.5rem;}
		.m-recruit__sld {width:calc(100% + 4rem);margin-left:-2rem;padding:0 2rem;}
		.m-recruit__sld .pagination {margin-top:4rem;}
		
		.m-program__tabpanner .arrow  {display:none !important;}
	}
	
	@media screen and (max-width:600px){
		.msec-02 {padding:5rem 0;}
		
		.m-recruit__tab button {height: 7rem;}
		.m-recruit__tab button span, 
		.m-recruit__tab button span i {font-size:var(--font-ms);}
		
		.m-recruit__sld a {padding:2.5rem;height:22rem;}
		.m-recruit__sld .ctxt {margin-bottom:1rem;}
		.m-recruit__sld .tit .btxt {font-size: var(--font-m);}
		.m-recruit__sld .pagination {margin-top:2rem;}
	}

/* ---------- 일자리 정책사업 ---------- */
.msec-03 {margin-bottom:10rem;position:relative;}
.msec-03:before {content:"";display:block;width:100%;height:70%;background:var(--bg-lgray);position:absolute;top:0;left:0;}
.m-policy {padding:7rem;background:#fff;position:relative;z-index:1;border-radius:20px;}
.m-policy .m-title span {background:linear-gradient(45deg,#7b4ebc 0%, #e7048f 100%);-webkit-background-clip: text;color: transparent;}
.m-policy__lst {width:calc(100% + 3rem);margin-left:-1.5rem;min-height:36rem;}
.m-policy__lst .swiper-slide .card {margin:1.5rem 1.5rem 3rem;height:36rem;display:flex;flex-direction:column;align-items:flex-start;background:var(--bg-lgray);border-radius:30px 30px 30px 0 ;padding:3.5rem;}
.m-policy__lst .swiper-slide .card:after {content:"";display:block;width:1.2rem;height:1.2rem;background:url(../img/Layout/linkarrow.svg) no-repeat center center /100% 100%;margin-top:auto;}
.m-policy__lst .cate {display:inline-flex;align-items:center;min-height:4.6rem;background:var(--bg-lgray);border-radius:5px;padding:1rem 1.4rem;font-size:var(--font-ms);background:#fff;margin-bottom:1.5rem;}
.m-policy__lst .tit {line-height:140%;font-size:2.2rem;font-weight:600;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom:1rem;}
.m-policy__lst .cont {text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.m-policy__lst .cont,
.m-policy__lst .cont * {line-height:160%;}
.m-policy__lst-wrap {padding-left:23rem;position:relative;}
.m-policy__lst-wrap:before {content:"";position:absolute;top:50%;left:0;margin-top:-10.1rem;display:block;width:37rem;height:20.2rem;background:url(../img/Main/m-policy_bg.svg) no-repeat left center /100% auto;}


	@media screen and (min-width:1200px) {
		.m-policy__lst .swiper-slide a,
		.m-policy__lst .swiper-slide a.card:hover .cate {transition:all .3s;}
		.m-policy__lst .swiper-slide a.card:hover,
		.m-policy__lst .swiper-slide a.card:focus {background:#fff;box-shadow:5px 5px 30px rgba(0, 0, 0, 0.1);}
		.m-policy__lst .swiper-slide a.card:hover .cate,
		.m-policy__lst .swiper-slide a.card:focus .cate {background:var(--bg-lgray);}
	}
	
	@media screen and (max-width:1200px) {
		.msec-03 {margin-bottom:0rem;}
		.m-title-wrap .m-title-set {width:100%;}
		.m-policy__lst-wrap {padding-left:0;padding-top:2rem;}
		.m-policy__lst-wrap:before {width:21.8rem;top:-9.5rem;margin-top:0;background-image:url(../img/Main/m-policy_bg_mb.svg);}
		.m-policy__lst {width:calc(100% + 18rem);margin-left:-9rem;padding:0 2.5rem;}
		.m-policy__lst .swiper-slide {width:34rem;max-width:90%;}
	}
	
	@media screen and (max-width:600px) {
		.m-policy {padding:3rem 3rem;}
		.m-policy__lst {width:calc(100% + 10rem);margin-left:-5rem;}
		.m-policy__lst .swiper-slide .card {padding:2.5rem;height:28rem;}
		.m-policy__lst .cate {min-height: 3.6rem;}
		.m-policy__lst .tit {font-size: 1.8rem;}
	}
	
	@media screen and (max-width:500px) {
		.m-title-wrap {margin-bottom:2rem;}
		
		.m-policy .m-title-wrap {gap:3rem;}
		.m-policy__lst .swiper-slide .card {margin-left:1rem;margin-right:1rem;}
		.m-policy__lst-wrap:before {left:-1rem;}
		.m-policy__lst-wrap {padding-top:3rem;}
		.m-policy__lst-wrap:before {top:-8.5rem}
	}

/* ---------- 교육 및 프로그램 ---------- */
.msec-04 {margin-bottom:10rem;}
.m-program {background:var(--bg-lgray);border-radius:20px;padding:6rem 8rem;min-height:56.5rem;}
.m-program__tab {margin-left:auto;display:flex;gap:3rem;}
.m-program__tab button span {font-weight:600;font-size:2rem;color:#222;position:relative;}
.m-program__tab button span:before {content:'';position:absolute;top:50%;left:-1.6rem;margin-top:-0.3rem;display:block;width:0.6rem;height:0.6rem;background:var(--point-color);border-radius:50%;opacity:0;transition:all .3s;}
.m-program__tab button span:after {content:"";position:absolute;bottom:-0.8rem;left:0;display:block;width:0;height:1px;background:var(--point-color);transition:all .3s;}
.m-program__tab button[aria-selected='true'] span {color:var(--point-color);position:relative;}
.m-program__tab button[aria-selected='true'] span:before {opacity:1;}
.m-program__tab button[aria-selected='true'] span:after {width:100%;}
.m-program__lst {overflow:hidden;}
.m-program__lst .swiper-slide {width:calc(25% - 2.25rem);height:auto;}
.m-program__lst a {height:100%;display:flex;flex-direction:column;}
.m-program__lst figure {border-radius:20px;overflow:hidden;position:relative;margin-bottom:3rem;}
.m-program__lst figure:before {content:"";display:block;width:100%;height:0;padding-bottom:70%;}
.m-program__lst figure img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.m-program__lst .txtbox {flex:1;display:flex;flex-direction:column;}
.m-program__lst .txtbox .bottom {margin-top:auto;}
.m-program__lst .title {font-size:2.2rem;font-weight:600;line-height:140%;max-height:2.7em;margin-bottom:1rem;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow:hidden;}
.m-program__lst .org {margin-bottom:0.5rem;line-height:160%;}
.m-program__lst .date {display:flex;gap:0.8rem;letter-spacing:0;line-height:160%;}
.m-program__lst .date:before {content:"";display:block;width:1.4rem;height:1.6rem;margin-top:0.2em;flex:none;background:url(../img/Main/m-program_date.svg) no-repeat center center /100% 100%;}

	@media screen and (min-width:1200px) {
		.m-program__lst .swiper-wrapper {display:flex;gap:3rem;align-items:stretch;}
		
		.m-program__lst a img {transition:all .3s}
		.m-program__lst a:hover img,
		.m-program__lst a:focus img {transform:scale(120%);}
	}
	@media screen and (max-width:1200px){
		.m-program {padding-left:3rem;padding-right:3rem;}
		.m-program__lst {width:calc(100% + 6rem);margin-left:-3rem;padding-left:3rem;padding-right:3rem;}
		.m-program__lst .swiper-slide {width:30rem;max-width:90%;}
	}
	
	@media screen and (max-width:900px){ 
		.m-program .m-title {width:100%;text-align:center;}
		.m-program__tab {width:100%;justify-content:center;margin-left:0;}
	}
	
	@media screen and (max-width:600px){ 
		.msec-04 {margin-bottom:6rem;}
		.m-program {padding-top:4rem;padding-bottom:4rem;min-height: 50.5rem;}
		.m-program__tab button span {font-size:1.8rem;}
		.m-program__tabpanner .controls {margin-top:2rem;}
		.m-program__tabpanner .ctlbtn {width:4rem;height:4rem;}
		.m-program__lst .title {font-size:1.8rem;}
		.m-program__lst figure {margin-bottom:1rem;}
		.m-program__lst .date {font-size:var(--font-s);}
	}
	
/* ---------- 공지사항, 채용행사 ---------- */
.msec-05 {display:flex;gap:4rem;margin-bottom:10rem;}

/* ---------- 공지사항 ---------- */
.m-notice {width:calc(50% - 2rem);}
.m-notice__lst li {padding:3rem 0;border-bottom:1px solid var(--border-lgray);}
.m-notice__lst li a {display:flex;gap:1rem 2rem;}
.m-notice__lst .tit {flex:1;min-width:0;font-weight:600;font-size:2rem;color:#222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-notice__lst .date {margin-left:auto;color:var(--font-bgray);}
	
	@media screen and (min-width:1200px){
		.m-notice__lst .tit {transition:all .3s;}
		.m-notice__lst li a:hover .tit,
		.m-notice__lst li a:focus .tit {color:var(--point-color);}
	}
	
	@media screen and (max-width:1200px){
		.m-notice__lst li a {flex-wrap:wrap;}
		.m-notice__lst .tit {width:100%;white-space:normal;overflow:visible;text-overflow:clip;line-height:120%;}
		.m-notice__lst .date {width:100%;}
	}
	
	@media screen and (max-width:600px){
		.m-notice .m-title-wrap {margin-bottom:0;}
		.m-notice__lst li {padding:2rem 0;}
		.m-notice__lst .tit {font-size:var(--font-m);}
		.m-notice__lst .date {font-size:var(--font-s);}
	}
	
/* ---------- 채용행사 ---------- */
.m-event {width:calc(50% - 2rem);}
.m-event__sld a {display:block;padding:3rem;border-radius:20px;background:var(--bg-lgray);}
.m-event__sld figure {position:relative;border-radius:20px;overflow:hidden;margin-bottom:2.5rem;}
.m-event__sld figure:before {content:"";display:block;width:100%;height:0;padding-bottom:76.3636%;}
.m-event__sld img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.m-event__sld .title {margin-bottom:1.5rem;font-size:2.2rem;font-weight:600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m-event__sld .date li {display:flex;}
.m-event__sld .date li * {line-height:160%;}
.m-event__sld .date li + li {margin-top:1rem;}
.m-event__sld .date li .tit {flex:none;width:7.3rem;}

	@media screen and (min-width:1200px){
		.m-event__sld a img {transition:all .3s}
		.m-event__sld a:hover img,
		.m-event__sld a:focus img {transform:scale(120%);}
	}
	
	@media screen and (max-width:1200px){
		.msec-05 {flex-wrap:wrap;}
		.m-notice {width:100%;}
		.m-event  {width:100%;}
	}
	
	@media screen and (max-width:600px){
		.msec-05 {margin-bottom:6rem;}
		.m-event__sld a {padding:2rem;}
		.m-event__sld .title {font-size:var(--font-m);}
	}
	
/* ---------- 스크롤 애니메이팅 ---------- */
.m-ani {opacity:0;transform:translateY(10rem);transition: none;}
.m-ani.m-notice,
.m-ani.m-event {transform:translateY(0) translateX(5rem);}

.m-vis__title .btxt,
.m-vis__title .stxt {transform:translateX(-5rem);opacity:0;}
.m-search__input,
.m-ai {transform:translateY(2rem);opacity:0;}
.m-popupzone {transform:translateX(5rem);opacity:0;}