@charset "utf-8";

/* 청년부산잡스에서만 쓰이는 요소들
 * 일자리 정보망, 시니어 부산잡스에서도 같이 사용하는 구문들은 content.css로 이동부탁드립니다.	
 */

/* 참여하기 */
.part-lst .type-bad .ty-02 {border:1px solid #EC008C;color:#EC008C}


/* 청년부산잡스 컨텐츠 공통 */
.md-title {margin-bottom:8rem;text-align:center;}
.md-title span {background:var(--gradient);-webkit-background-clip: text;color: transparent;font-family:var(--font-point);line-height:140%;font-size:var(--font-v);}
	

.grayl-sec + .grayl-sec {padding-top:4rem;margin-top:4rem;border-top:1px solid var(--border-gray);}
.grayl-sec + .pt-big {padding-top:8rem;}

.jobs-cont-tit {display:flex;gap:1rem;align-items:flex-start;margin-bottom:3rem;}
.jobs-cont-tit span {background:var(--gradient);-webkit-background-clip: text;color: transparent;font-size:var(--font-g);line-height:140%;font-family:var(--font-point);}
.jobs-cont-tit:before {flex:none;content:url(../img_yjob/Contents/jobs-cont-tit.svg);}
.jobs-cont-stit,
.jobs-cont-stit * {color:var(--point-color);font-size:var(--font-b);font-weight:600;line-height:120%;margin-bottom:3rem;}
.jobs-cont-stit .lite {font-weight:400;}
.jobs-cont-btxt {font-size:var(--font-b);font-weight:600;line-height:140%;margin-bottom:1rem;}
.jobs-cont-stxt {line-height:160%;}
.jobs-cont-stxt.bold {font-weight:600;}

.jobs-cont-titset {display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;}
.jobs-cont-titset .tit {font-family:var(--font-point);font-size:var(--font-b);line-height:140%;}
.jobs-cont-titset .stxt {font-size:var(--font-b);line-height:140%;}

/* 청년부산잡스 소개 */
.jobs-info {background:var(--bg-lgray);border-radius:10px;padding:8rem;display:flex;flex-wrap:wrap;gap:4rem 10%;margin-bottom:7rem;}
.jobs-info .img {display:flex;align-items:center;justify-content:center;width:35%;}
.jobs-info .img img {max-width:100%;width:28.8rem;}
.jobs-info .txt-box {flex:1;}
.jobs-info .txt-box .btxt {margin-bottom:2rem;}
.jobs-info .txt-box .btxt span {font-size:var(--font-v);background:var(--gradient);-webkit-background-clip: text;color: transparent;font-family:var(--font-point);line-height:140%;}
.jobs-info .txt-box .stxt {margin-bottom:2rem;}
.jobs-info .txt-box .stxt,
.jobs-info .txt-box .stxt * {font-size:var(--font-b);font-weight:600;line-height:160%;}
.jobs-info .txt-box .ctxt span {font-size:var(--font-b);font-weight:600;line-height:160%;background:var(--gradient);-webkit-background-clip: text;color: transparent;}

	@media screen and (max-width:1200px) {
		.jobs-info {padding:6rem 4rem;}
		.jobs-info .img {width:auto;}
		.jobs-info .txt-box {flex:none;width:100%;}
	}	
	
	@media screen and (max-width:800px) {
		.jobs-info  {padding:5rem 3rem;}
		.jobs-info .txt-box .btxt span {font-size:var(--font-g);}
		.jobs-info .txt-box .stxt, 
		.jobs-info .txt-box .stxt * {font-size:var(--font-m);}
		.jobs-info .txt-box .ctxt span {font-size:var(--font-m);}
	}
	
.jobs-bs-lst > li {display:flex;flex-wrap:wrap;gap:0.5rem;}
.jobs-bs-lst > li + li {margin-top:0.5rem;}
.jobs-bs-lst .btxt {font-weight:600;line-height:160%;}
.jobs-bs-lst .stxt {line-height:160%;}

.jobs-compinfo {container:jobs-compinfo /inline-size;}
.jobs-compinfo .item {display:flex;gap:1rem 2rem;}
.jobs-compinfo .item + .item {margin-top:1rem;}
.jobs-compinfo .item dt {display:flex;gap:1rem;align-items:center;}
.jobs-compinfo .item dt,
.jobs-compinfo .item dt * {font-size:var(--font-b);font-weight:600;}
.jobs-compinfo .item dt:before {content:"";display:block;width:5.5rem;height:3.7rem;}
.jobs-compinfo .item dd {line-height:160%;margin-top:0.4em;}
.jobs-compinfo .item dd * {line-height:160%;}
.jobs-compinfo .item.chung dt:before {background:url(../img_yjob/Contents/jobs-compinfo_chung.svg) no-repeat center center;}
.jobs-compinfo .item.job dt:before {background:url(../img_yjob/Contents/jobs-compinfo_job.svg) no-repeat center center;}
	
	@container jobs-compinfo (width < 700px){
		.jobs-compinfo .item {flex-wrap:wrap;}
		.jobs-compinfo .item dt {width:100%;}
		.jobs-compinfo .item dd {width:100%;}
		.jobs-compinfo .item + .item {margin-top:3rem;}
	}

.jobs-supportprocess {display:flex;gap:3rem 2.4rem;flex-wrap:wrap;margin:2rem 0;container:jobs-supportprocess/inline-size;}
.jobs-supportprocess > li {background:var(--bg-lgray);border-radius:30px;flex:1;position:relative;margin-top:2rem;}
.jobs-supportprocess > li:first-child {width:23rem;flex:none;}
.jobs-supportprocess > li:after {content:"";position:absolute;top:50%;right:-3.5rem;margin-top:-2.5rem;display:block;width:5rem;height:5rem;border:5px solid #D8E3F0;border-radius:50%;background:url(../img_yjob/Contents/jobs-supportprocess_arrow.svg) no-repeat center center #fff;z-index:1;}
.jobs-supportprocess > li:last-child:after {display:none;}
.jobs-supportprocess .num-tit {position:absolute;top:-1.8rem;padding:1rem 2rem;margin:0 3.4rem;max-width:calc(100% - 6.8rem);display:inline-flex;flex-wrap:wrap;gap:1rem;align-items:center;background:var(--point-color);border-radius:100px;}
.jobs-supportprocess .num-tit,
.jobs-supportprocess .num-tit * {color:#fff;}
.jobs-supportprocess .num-tit .num {font-size:var(--font-ms);}
.jobs-supportprocess .num-tit .txt {font-size:var(--font-ms);font-weight:600;}
.jobs-supportprocess .item-wrap {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-around;gap:2rem 4rem;padding:5rem 4rem 4rem;}
.jobs-supportprocess .ico-item .icon {width:9rem;margin:0 auto 2rem;background:#fff;border-radius:50%;position:relative;}
.jobs-supportprocess .ico-item .icon:before {content:"";display:block;width:100%;height:0;padding-bottom:100%;}
.jobs-supportprocess .ico-item .icon:after {content:"";position:absolute;top:50%;left:50%;display:block;max-width:calc(100% - 3rem);height:100%;max-height:calc(100% - 3rem);transform:translate(-50.2%,-50.2%);background-repeat:no-repeat;background-size:100% auto;background-position:center center;}
.jobs-supportprocess .ico-item .txt {font-size:var(--font-b);font-weight:600;line-height:120%;text-align:center;}
.jobs-supportprocess .ico-item .icon.counsel:after {width:5.1rem;background-image:url(../img_yjob/Contents/jobs-supportprocess_counsel.svg);}
.jobs-supportprocess .ico-item .icon.program:after {width:5rem;background-image:url(../img_yjob/Contents/jobs-supportprocess_program.svg);}
.jobs-supportprocess .ico-item .icon.closet:after {width:4.4rem;background-image:url(../img_yjob/Contents/jobs-supportprocess_closet.svg);}
.jobs-supportprocess .ico-item .icon.compvisit:after {width:5rem;background-image:url(../img_yjob/Contents/jobs-supportprocess_compvisit.svg);}
.jobs-supportprocess .ico-item .icon.employ:after {width:5rem;background-image:url(../img_yjob/Contents/jobs-supportprocess_employ.svg);}
.jobs-supportprocess .ico-item .icon.review:after {width:5rem;background-image:url(../img_yjob/Contents/jobs-supportprocess_review.svg);}
.jobs-supportprocess .ico-item .icon.package:after {width:6.2rem;background-image:url(../img_yjob/Contents/jobs-supportprocess_package.svg);}
	
	@container jobs-supportprocess (width < 1100px) {
		.jobs-supportprocess > li:first-child {width:auto;flex:1;}
		.jobs-supportprocess .item-wrap {padding: 5rem 2rem 4rem}
		.jobs-supportprocess .num-tit {margin:0 2rem;max-width: calc(100% - 4rem);}
		.jobs-supportprocess .ico-item .txt {font-size:var(--font-m);}
	}
	@container jobs-supportprocess (width < 700px) {
		.jobs-supportprocess > li {width:100%;flex:none;}
		.jobs-supportprocess > li:first-child {width:100%;flex:none;}
		.jobs-supportprocess > li:after {top:auto;bottom:-2.5rem;left:50%;right:auto;margin-left:-2.5rem;transform:rotate(90deg);}
	}
	
/* BI 소개 */
.jobs-bi {background:var(--bg-lgray);border-radius:10px;padding:8rem;display:flex;flex-wrap:wrap;gap:4rem 10%;margin-bottom:7rem;}
.jobs-bi .img {width: 30%;margin-left:8rem;display:flex;align-items:center;justify-content:Center;}
.jobs-bi .txt-box figure img {max-width:100%;}
.jobs-bi__btxt {margin-bottom:1rem;margin-top:1rem;}
.jobs-bi__btxt span {background:var(--gradient);-webkit-background-clip: text;color: transparent;font-weight:600;font-size:Var(--font-b);line-height:140%;}
.jobs-bi__stxt {line-height:160%;}
.bi-color {display:flex;flex-wrap:wrap;gap:2rem 0;margin-bottom:4rem;}
.bi-color .item {display:flex;gap:1rem;align-items:Center;margin-right:3rem;}
.bi-color .item .icon {flex:none;width:6rem;height:6rem;border-radius:50%;}
.bi-color .item .name {font-size:var(--font-s);line-height:120%;font-weight:600;}
.bi-color .item .hax {font-size:var(--font-s);line-height:120%;}
.bi-color .item .rgb,
.bi-color .item .rgb * {font-size:var(--font-s);line-height:120%;}
.bi-color .item.rb .icon {background:#66b4d2;}
.bi-color .item.bb .icon {background:#5f87c8}
.bi-color .item.vn .icon {background:#004ba0}
.bi-color .item.gr .icon {background:#505a5a;}
.bi-sample {display:flex;gap:2rem;flex-wrap:wrap;}
.bi-sample .item {width:calc(50% - 1rem);height:12.1rem;display:flex;align-items:center;justify-content:center;padding:2rem;border-radius:5px;}
.bi-sample .item img {max-width:100%;}
.bi-sample .normal {border:1px solid var(--border-gray);}
.bi-sample .white {background:var(--point-color3);}

.grayl-sec.bi-sec-01,
.grayl-sec.bi-sec-02 {display:flex;flex-wrap:wrap;justify-content:space-between;gap:4rem;}
.grayl-sec.bi-sec-01 img,
.grayl-sec.bi-sec-02 img {max-width:100%;}
.grayl-sec.bi-sec-02 {margin-top:6rem;padding-top:10rem;padding-bottom:6rem;}
.grayl-sec.bi-sec-01 figure {margin-right:10rem;margin-top:3rem;}

	@media screen and (max-width:1100px) {
		.jobs-bi {padding:6rem 4rem;}
		.jobs-bi .img {margin-left:0;}
		.grayl-sec.bi-sec-01 figure {margin-right:0;}
	}
	
	@media screen and (max-width:900px) {
		.jobs-bi {justify-content:center;}
		.jobs-bi .jobs-cont-titset {justify-content:center;}
		.jobs-bi .txt-box figure {text-align:center;}
		.jobs-bi__btxt {text-align:center;}
		.jobs-bi__stxt {text-align:center;}
		
		.bi-color .item {width:calc(50% - 3rem);}
	}
	
	@media screen and (max-width:400px) {
		.bi-color .item {width:100%;margin-right:0;}
		.bi-sample .item {width:100%;}
	}
	
/* 캐릭터 소개 */
.grayl-sec.char-sec-01 .txt-wrap {display:flex;gap:4rem;justify-content:space-between;}
.grayl-sec.char-sec-01 figure {max-width:100%;margin-right:8rem;margin-bottom:10rem;align-self:flex-end;}
.grayl-sec.char-sec-01 figure img {max-width:100%;}
.char-infotxt {font-size:var(--font-b);line-height:160%;margin-bottom:3rem;}
.char-infolst {display:flex;gap:1rem 2rem;margin-bottom:3rem;}
.char-infolst .item {background:var(--bg-lgray);border-radius:10px;padding:3rem;max-width:39rem;}
.char-infolst .item .tit {margin-bottom:1rem;}
.char-infolst .item .tit span {background:var(--gradient);-webkit-background-clip: text;color: transparent;font-weight:600;font-size:var(--font-b);}
.char-infolst .item .txt {line-height:160%;}
.grayl-sec.char-sec-02 {display:flex;gap:4rem;flex-wrap:wrap;justify-content:space-between;}
.grayl-sec.char-sec-02 {margin-top:8rem;padding-top:10rem;}
.grayl-sec.char-sec-02 img {max-width:100%;}
.char-sample {background:var(--bg-lgray);padding:2rem;}

	@media screen and (max-width:1400px) {
		.grayl-sec.char-sec-01 figure {margin-right:0;}
	}
	
	@media screen and (max-width:1000px) {
		.grayl-sec.char-sec-01 .txt-wrap {flex-wrap:wrap;}
		.grayl-sec.char-sec-01 .txt-box {order:2;width:100%;}
		.grayl-sec.char-sec-01 figure {order:1;margin-bottom:0;}
		.char-infolst {flex-wrap:wrap;}
		.char-infolst .item {flex:1;}
		
		.char-infotxt  {font-size:var(--font-m);}
	}
	
	@media screen and (max-width:600px) {
		.char-infolst .item {width:100%;flex:none;max-width:none;}
	}
	
/* 대관신청 */
.spacerental-wrap {display:flex;gap:3rem;flex-wrap:wrap;align-items:flex-start;}
.spacerental__calendar-wrap {flex:1;padding:3rem;background:var(--bg-lgray);border-radius:10px;}
.spacerental__calendar-wrap .date-wrap {display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:3rem;}
.spacerental__calendar-wrap .date-wrap .tit {font-size:var(--font-g);font-family:var(--font-point);}
.spacerental__calendar-wrap .date-wrap .cont {display:flex;gap:2rem;align-items:center;}
.spacerental__calendar-wrap .date-wrap .cont button {width:4.2rem;height:4.2rem;flex:none;background:url(../img_yjob/Contents/spacerental_calendar_arrow.svg) no-repeat center center #fff;border-radius:50%;}
.spacerental__calendar-wrap .date-wrap .cont button.prev {transform:rotate(180deg);}
.spacerental__calendar-wrap .date-wrap .cont .date {font-size:var(--font-b);font-weight:600;}
.spacerental__calendar table {width:100%;border-collapse:separate;table-layout:fixed;}
.spacerental__calendar table thead th {height:5rem;font-size:var(--font-ms);font-weight:600;background:#E2E8F0;}
.spacerental__calendar table thead th:first-child {border-top-left-radius:5px;}
.spacerental__calendar table thead th:last-child {border-top-right-radius:5px;}
.spacerental__calendar table thead th.sat {color:var(--point-color2-1);}
.spacerental__calendar table thead th.sun {color:#EC008C;}
.spacerental__calendar table tbody td {background:#fff;border-top:1px solid var(--border-lgray);text-align:center;padding:0.5rem 0;height:7.5rem;vertical-align:top;}
.spacerental__calendar table tbody td .day-item {width:100%;min-height:100%;padding:1rem;display:flex;flex-direction:column;justify-content:flex-start;}
.spacerental__calendar table tbody td .day-item.act {background:var(--bg-lgray);border-radius:5px;}
.spacerental__calendar table tbody td .day {font-weight:600;font-size:var(--font-ms);margin-bottom:1.2rem;}
.spacerental__calendar table tbody td .event {font-size:var(--font-ss);color:var(--font-bgray);margin-bottom:0.5rem;line-height:140%;}
.spacerental__calendar table tbody td .event span {font-size:var(--font-ss);color:var(--point-color2-1);font-weight:600;}
.spacerental__calendar table tbody td .comp-lst li {font-size:var(--font-ss);color:var(--font-bgray);line-height:120%;text-align:center;text-decoration:underline;text-underline-offset:2px;}
.spacerental__calendar table tbody td .comp-lst li + li {margin-top:0.7rem;}
.spacerental__calendar table tbody td.prev .day,
.spacerental__calendar table tbody td.next .day {color:#C9CFDA;}
.spacerental__calendar table tbody td .day-item:disabled,
.spacerental__calendar table tbody td .day-item.disabled,
.spacerental__calendar table tbody td .day-item:disabled:hover,
.spacerental__calendar table tbody td .day-item.disabled:hover,
.spacerental__calendar table tbody td .day-item:disabled:focus,
.spacerental__calendar table tbody td .day-item.disabled:focus {cursor:default;background:none;}
.spacerental__calendar table tbody td .day-item:disabled .day,
.spacerental__calendar table tbody td .day-item.disabled .day {color:#C9CFDA;}
.spacerental__eventlst {background:#fff;padding:2rem;border-radius:0 0 5px 5px;margin-top:0.5rem;}
.spacerental__eventlst .title {display:flex;gap:2rem;margin-bottom:2rem;}
.spacerental__eventlst .title .date {font-size:var(--font-b);font-weight:600;}
.spacerental__eventlst .title .total {margin-left:auto;}
.spacerental__eventlst .title .total span {color:var(--point-color);}
.spacerental__eventlst .lst {max-height:21.6rem;overflow-y:scroll;display:flex;gap:1rem;flex-wrap:wrap;padding-right:2rem;}
.spacerental__eventlst .lst > li {width:calc(33.3333% - 0.6666rem);background:var(--bg-lgray);border-radius:5px;padding:1.5rem;display:flex;gap:1rem;}
.spacerental__eventlst .lst .ico {flex:none;width:2.4rem;height:2.4rem;background:url(../img_yjob/Contents/spacerental__info__tit.svg) no-repeat center center #fff;border-radius:50%;}
.spacerental__eventlst .lst .txt-box .top {display:flex;flex-wrap:wrap;gap:0.5rem 1rem;align-items:center;margin-bottom:0.5rem;}
.spacerental__eventlst .lst .txt-box .time {font-size:var(--font-s);color:var(--font-bgray);font-weight:600;}
.spacerental__eventlst .lst .txt-box .space {font-size:var(--font-s);color:var(--font-bgray);}
.spacerental__eventlst .lst .txt-box .people {font-size:var(--font-ms);color:var(--point-color2-1);font-weight:600;}
.spacerental__eventlst .lst::-webkit-scrollbar {width:4px;}
.spacerental__eventlst .lst::-webkit-scrollbar-thumb {background:var(--bg-gray);}
.spacerental__eventlst .lst::-webkit-scrollbar-track {background:var(--bg-lgray);}

.spacerental__info {max-width:43rem;width:30%;}
.spacerental__info__inwrap {padding:3rem;background:var(--bg-lgray);border-radius:10px;}
.spacerental__info__btn {width:100%;margin-top:2rem;background:var(--point-color2-1);height:6rem;border-radius:10px;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:5px 5px 20px rgba(71, 114, 210, 0.2);}
.spacerental__info__btn span {color:#fff;font-size:var(--font-m);text-align:center;}
.spacerental__info__tit {display:flex;gap:1rem;margin-bottom:2rem;}
.spacerental__info__tit:before {flex:none;content:"";display:block;width:2.4rem;height:2.4rem;background:url(../img_yjob/Contents/spacerental__info__tit.svg) no-repeat center center #fff;border-radius:50%;}
.spacerental__info__tit span {background:var(--gradient);-webkit-background-clip: text;color: transparent;font-weight:600;} 
.spacerental__info .space-sel {display:flex;align-items:center;gap:1rem 2rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--border-gray);}
.spacerental__info .space-sel .tit {font-size:var(--font-s);color:var(--font-bgray)}
.spacerental__info .space-sel select {flex:1;font-size:var(--font-ms);}
.spacerental__info .space-info figure {margin-bottom:2rem;}
.spacerental__info .space-info figure {height:20rem;position:relative;border-radius:5px;overflow:hidden;}
.spacerental__info .space-info figure img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.spacerental__info .space-info .name {font-size:var(--font-b);line-height:140%;margin-bottom:1rem;font-weight:600;}
.spacerental__info .space-info .info {font-size:var(--font-ms);line-height:160%;color:var(--font-bgray);}
.spacerental__info .space-infolst > li {display:flex;align-items:center;gap:1rem 2rem;padding:2rem 0;}
.spacerental__info .space-infolst > li + li {border-top:1px solid var(--border-gray);}
.spacerental__info .space-infolst__h {flex:none;width:5.5rem;font-size:var(--font-s);color:var(--font-bgray);}
.spacerental__info .space-infolst__b {flex:1;line-height:140%;font-size:var(--font-ms);}
.spacerental__info .space-infolst__b input,
.spacerental__info .space-infolst__b select {width:100%;font-size:var(--font-ms);}

	@media screen and (max-width:1200px) {
		.spacerental-wrap {gap:2rem;}
		.spacerental__calendar-wrap {padding:3rem 2rem;}
		.spacerental__info__inwrap {padding:3rem 2rem;}
	}
	
	@media screen and (max-width:1000px) {
		.spacerental__calendar-wrap {width:100%;flex:none;}
		.spacerental__info {width:100%;max-width:none;}
		.spacerental__eventlst .lst > li {width:calc(50% - 0.5rem);}
	}
	
	@media screen and (max-width:600px) {
		.spacerental__calendar-wrap {padding:2rem 1rem;}
		.spacerental__calendar-wrap .date-wrap {flex-wrap:wrap;}
		.spacerental__calendar-wrap .date-wrap {margin-bottom:2rem;}
		.spacerental__calendar-wrap .date-wrap .tit {width:100%;text-align:center;}
		.spacerental__calendar-wrap .date-wrap .cont button {width:3.8rem;height:3.8rem;}
		.spacerental__calendar table thead th {font-size:var(--font-ss);}
		.spacerental__calendar table tbody td .day {font-size:var(--font-ss);}
		.spacerental__calendar table tbody td .day-item {padding:1rem 0.5rem;}
	}
	
	@media screen and (max-width:500px) {
		.spacerental__eventlst .lst > li {width:100%;}
	}
	
/* 두드림센터 소개 */
.intro-info {background:var(--bg-lgray);border-radius:10px;padding:8rem 10rem;margin-bottom:8rem;justify-content:space-between;gap:4rem 0;display:flex;flex-wrap:wrap;}
.intro-info .txt-box .title {margin-bottom:0.5rem;position:relative;}
.intro-info .txt-box .title:before {content:"";position:absolute;top:-2rem;left:-4rem;display:block;width:4rem;height:3.6rem;background:url(../img_yjob/Contents/jobs_simbol.svg) no-repeat center center /100% 100%;}
.intro-info .txt-box .title span {font-size:4rem;background:var(--gradient);-webkit-background-clip: text;color: transparent;line-height:120%;font-family:var(--font-point);}
.intro-info .txt-box .btxt {margin-bottom:1rem;}
.intro-info .txt-box .btxt span {font-size:3rem;background:var(--gradient);-webkit-background-clip: text;color: transparent;line-height:140%;font-family:var(--font-point)}
.intro-info .txt-box .stxt {font-size:var(--font-b);line-height:160%;margin-bottom:2.5rem;}
.intro-info .txt-box .btns {display:flex;gap:1rem;}
.intro-info .txt-box .btns .btn {flex:1;border-radius:10px;max-width:26rem;background:#fff;box-shadow:5px 5px 20px rgba(71, 114, 210, 0.2);}
.intro-info .txt-box .btns .btn span {font-size:var(--font-m);font-weight:600;}
.intro-info .txt-box .btns .btn.gradient {background:var(--gradient);box-shadow:5px 5px 20px rgba(0, 180, 210, 0.2);}
.intro-info .txt-box .btns .btn.gradient span {color:#fff;}

.intro-info.dodream .img {flex:1;max-width:48rem;background:url(../img_yjob/Contents/dodream-info_bg.svg) no-repeat center center /100% 100%;}
.intro-info.dodream .img:before {content:"";display:block;width:100%;height:0;padding-bottom:62.5%;}

.intro-info.closet {margin-bottom:4rem;}

	@media screen and (max-width:1400px) {
		.intro-info {padding:8rem 8rem;}
	}
	
	@media screen and (max-width:1200px) {
		.intro-info .img {display:none;}
	}
	
	@media screen and (max-width:600px) {
		.intro-info {padding:5rem 4rem 5rem 6rem !important;}
		.intro-info .txt-box .title:before {width:3.2rem;height:2.9rem;top:-1.5rem;left:-3.2rem;}
		.intro-info .txt-box .title span {font-size:var(--font-v);}
		.intro-info .txt-box .btxt span {font-size:var(--font-b);}
		.intro-info .txt-box .stxt {font-size:var(--font-m);}
		.intro-info .txt-box .btns {flex-wrap:wrap;}
		.intro-info .txt-box .btns .btn {width:100%;}
	}
	
.dodream-service {display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:8rem;container:dodream-service/inline-size;}
.dodream-service > li {flex:1;background:var(--bg-lgray);border-radius:30px;padding:4rem 2rem;}
.dodream-service .num {display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;margin:0 auto 2rem;background:var(--point-color3);border-radius:50%;color:#fff;font-size:var(--font-ms);font-weight:600;}
.dodream-service .tit {font-size:var(--font-b);font-weight:600;line-height:140%;text-align:center;margin-bottom:1.5rem;color:var(--point-color3);}
.dodream-service .txt {line-height:160%;text-align:center;}
	
	@container dodream-service (width < 1300px) {
		.dodream-service > li {flex:auto;width:calc(33.3333% - 1.3333rem);}
	}
	
	@container dodream-service (width < 800px) {
		.dodream-service > li {width:calc(50% - 1rem);}
	}
	
	@container dodream-service (width < 500px) {
		.dodream-service > li {width:100%;padding: 3rem 2rem;}
	}
	
.dodream-imgsld {margin-bottom:8rem;}
.dodream-sldwrap {display:flex;flex-wrap:wrap;gap:1rem 3rem;align-items:flex-start;border:1px solid var(--border-lgray);border-top:none;border-radius:0 0 10px 10px;padding:2rem;}
.dodream-sld {width:60rem;margin:0;border-radius:5px;padding:0;position:relative;}
.dodream-sld figure {width:100%;position:relative;}
.dodream-sld figure:before {content:"";display:block;height:0;width:100%;padding-bottom:60%;}
.dodream-sld img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.dodream-sld .prev,
.dodream-sld .next {position:absolute;top:50%;margin-top:-2.1rem;background:url(../img_yjob/Contents/dodream-sld_arrow.svg) no-repeat center center #EDF2F8;width:4.2rem;height:4.2rem;border-radius:50%;z-index:1;}
.dodream-sld .prev {left:4rem;transform:rotate(180deg);}
.dodream-sld .next {right:4rem;}
.dodream-sldwrap .txt-box {flex:1;min-width:22rem;}
.dodream-sldwrap .txt-box .name {margin-bottom:1rem;margin-top:2rem;}
.dodream-sldwrap .txt-box .name span {font-size:var(--font-b);font-weight:600;line-height:140%;background:var(--gradient);-webkit-background-clip: text;color: transparent;}
.dodream-sldwrap .txt-box .info {font-weight:600;line-height:160%;}
.dodream-sld-sclst {margin-top:2rem;}
.dodream-sld-sclst .item + .item {margin-top:1.5rem;}
.dodream-sld-sclst .item dt {font-weight:600;line-height:160%;}
.dodream-sld-sclst .item dd {line-height:160%;font-size:var(--font-s);color:var(--font-bgray);}
.dodream-sldwrap  .btns {margin-top:2rem;text-align:right;}

	@media screen and (max-width:600px) {
		.dodream-sld .prev {left:2rem;}
		.dodream-sld .next {right:2rem;}
	}
	@media screen and (max-width:400px) {
		.dodream-sld .prev {left:1rem;}
		.dodream-sld .next {right:1rem;}
		.dodream-sld .prev,
		.dodream-sld .next {width:3.6rem;height:3.6rem;}
	}
	
/* 취업상담 */
.summary__btns .btn.submit {background:var(--point-color2-1);}

.write-topinfo {background: linear-gradient(white, white) padding-box, linear-gradient(to right, #00B4D2, #004BA0) border-box;}
.write-topinfo .ico {background:url(../img_yjob/Contents/write-topinfo_ico.svg) no-repeat center center /100% 100%;}


/* 드림옷장 */
.intro-info.closet .img {flex:1;max-width:50rem;margin-bottom:-8rem;background:url(../img_yjob/Contents/intro-info_closet.png) no-repeat center center /100% 100%;}
.intro-info.closet .img:before {content:"";display:block;width:100%;height:0;padding-bottom:68.4%;}
.intro-info.closet	.btns .btn {box-shadow:5px 5px 20px rgba(0, 180, 210, 0.2);}
.intro-info.closet .txt-box .btns .btn:first-child {max-width:none;width:16.5rem;flex:none;}
	
	@media screen and (max-width:800px) {
		.intro-info.closet .txt-box .btns {flex-wrap:wrap;}
		.intro-info.closet .btns .btn {width:calc(50% - 0.5rem);flex:none;}
		.intro-info.closet .txt-box .btns .btn:first-child {width:calc(50% - 0.5rem);}
	}
	
	@media screen and (max-width:360px) {
		.intro-info.closet .btns .btn {width:100%;}
		.intro-info.closet .txt-box .btns .btn:first-child {width:100%;}
	}
	
.closet-md-txt {font-size:var(--font-b);line-height:140%;margin-bottom:4rem;}

.job-closet-doclst {padding:2rem;margin-bottom:2rem;background:var(--bg-lgray);border-radius:10px;display:flex;gap:2rem;}
.job-closet-doclst > li {width:calc(33.3333% - 1.3333rem);}
.job-closet-doclst > li .icon {background:#fff;border-radius:10px;padding:5rem 2rem;height:18rem;display:flex;align-items:Center;justify-content:center;}
.job-closet-doclst > li .icon:before {content:"";display:block;max-width:100%;}
.job-closet-doclst > li .icon.ty-01:before {width:9rem;padding-bottom:88.8888%;height:0;background:url(../img_yjob/Contents/job-closet-doclst_01.svg) no-repeat center center /100% 100%;}
.job-closet-doclst > li .icon.ty-02:before {width:9rem;padding-bottom:88.8888%;height:0;background:url(../img_yjob/Contents/job-closet-doclst_02.svg) no-repeat center center /100% 100%;}
.job-closet-doclst > li .icon.ty-03:before {width:18.3rem;padding-bottom:43.7158%;background:url(../img_yjob/Contents/job-closet-doclst_03.svg) no-repeat center center /100% 100%;}
.job-closet-doclst > li .txt {font-weight:600;text-align:center;margin-top:1.5rem;}
	
	@media screen and (max-width:640px) {
		.job-closet-doclst {flex-wrap:wrap;}
		.job-closet-doclst > li {width:100%;}
	}
	
.closet-proof-lst {display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;}
.closet-proof-lst > li {border-radius:10px;width:calc(50% - 0.5rem);padding:2rem;display:flex;flex-direction:column;background:var(--bg-lgray);border-radius:10px;}
.closet-proof-lst .tit {font-weight:600;line-height:160%;margin-bottom:0.5rem;}
.closet-proof-lst .stxt {font-weight:600;line-height:160%;color:var(--point-color2-1);}
.closet-proof-lst .img {padding:2rem 0;background:#fff;border-radius:10px;margin-top:1rem;flex:1;display:flex;align-items:center;justify-content:center;}
.closet-proof-lst .img img {max-width:100%;}

	@media screen and (max-width:800px) {
		.closet-proof-lst > li {width:100%;}
	}
	
.icostep-process {display:flex;gap:2rem;}
.icostep-process > li {flex:1;border-radius:30px;background:var(--bg-lgray);padding:3rem;text-align:center;position:relative;}
.icostep-process > li:before {content:"";position:absolute;top:50%;right:-3.5rem;margin-top:-2.5rem;display:block;width:5rem;height:5rem;background:url(../img_yjob/Contents/jobs-supportprocess_arrow.svg) no-repeat center center #fff;border-radius:50%;border:5px solid #D8E3F0;z-index:1;}
.icostep-process > li:last-child:before {display:none;}
.icostep-process .num {display:inline-block;color:#fff;border-radius:100px;background:var(--point-color);padding:1rem 2rem;font-size:var(--font-ms);margin-bottom:2rem;}
.icostep-process .icon {display:flex;align-items:center;justify-content:center;width:9rem;height:9rem;padding:2rem;margin:0 auto;border-radius:50%;background:#fff;margin-bottom:2rem;}
.icostep-process .icon:before {content:"";display:block;height:100%;max-width:100%;background-repeat:no-repeat;background-size:100% auto;background-position:center center;}
.icostep-process > li:nth-child(1) .icon:before {width:4.5rem;background-image:url(../img_yjob/Contents/closet-process_01.svg);}
.icostep-process > li:nth-child(2) .icon:before {width:5.1rem;background-image:url(../img_yjob/Contents/closet-process_02.svg);}
.icostep-process > li:nth-child(3) .icon:before {width:5.1rem;background-image:url(../img_yjob/Contents/closet-process_03.svg);}
.icostep-process > li:nth-child(4) .icon:before {width:4.5rem;background-image:url(../img_yjob/Contents/closet-process_04.svg);}
.icostep-process .tit {font-size:var(--font-b);font-weight:600;line-height:140%;margin-bottom:1rem;}
.icostep-process .txt {line-height:160%;}

	@media screen and (max-width:900px) {
		.icostep-process {flex-wrap:wrap;}
		.icostep-process > li {width:100%;flex:none;text-align:left;display:flex;gap:0 3rem;align-items:flex-start;}
		.icostep-process > li:before {top:auto;bottom:-3.5rem;right:auto;left:50%;margin-left:-2.5rem;margin-top:0;transform:rotate(90deg);}
		.icostep-process .num {flex:none;}
		.icostep-process .txt-box {display:grid;grid-template-columns: 9rem 1fr;gap:0 3rem;}
		.icostep-process .icon {grid-row: 1 / 3;margin-bottom:0;}
		.icostep-process .tit {height:auto;margin-bottom:0.5rem;}
	}
	@media screen and (max-width:600px) {
		.icostep-process > li {flex-wrap:wrap;}
		.icostep-process .txt-box {width:100%;}
	}
	@media screen and (max-width:340px) {
		.icostep-process > li {text-align:center;display:block;}
		.icostep-process .txt-box {display:block;}
		.icostep-process .icon {margin-bottom:2rem;}
	}

.closet-rentallst {display:flex;gap:2.4rem;}
.closet-rentallst .item {flex:1;background:var(--bg-lgray);border-radius:10px;padding:3rem;}
.closet-rentallst .title {font-weight:600;font-size:var(--font-b);line-height:120%;margin-bottom:2rem;text-align:center;}
.closet-rentallst .lst {display:flex;gap:2rem;flex-wrap:wrap;}
.closet-rentallst .lst > li {width:calc(33.3333% - 1.3333rem);background:#fff;border-radius:10px;padding:2rem;}
.closet-rentallst .txt {font-weight:600;text-align:center;}
.closet-rentallst .icon {height:7rem;background-repeat:no-repeat;background-position:center center;margin-bottom:2rem;}
.closet-rentallst .icon.m-jacket {background-image:url(../img_yjob/Contents/closet-rentallst_m_01.svg);}
.closet-rentallst .icon.m-shirt {background-image:url(../img_yjob/Contents/closet-rentallst_m_02.svg);}
.closet-rentallst .icon.m-pants {background-image:url(../img_yjob/Contents/closet-rentallst_m_03.svg);}
.closet-rentallst .icon.m-shoes {background-image:url(../img_yjob/Contents/closet-rentallst_m_04.svg);}
.closet-rentallst .icon.m-tie {background-image:url(../img_yjob/Contents/closet-rentallst_m_05.svg);}
.closet-rentallst .icon.m-belt {background-image:url(../img_yjob/Contents/closet-rentallst_m_06.svg);}
.closet-rentallst .icon.f-jacket {background-image:url(../img_yjob/Contents/closet-rentallst_f_01.svg);}
.closet-rentallst .icon.f-shirt {background-image:url(../img_yjob/Contents/closet-rentallst_f_02.svg);}
.closet-rentallst .icon.f-skirt {background-image:url(../img_yjob/Contents/closet-rentallst_f_03.svg);}
.closet-rentallst .icon.f-shoes {background-image:url(../img_yjob/Contents/closet-rentallst_f_04.svg);}
.closet-rentallst .icon.f-accessory {background-image:url(../img_yjob/Contents/closet-rentallst_f_05.svg);}
.closet-rentallst .icon.f-pants {background-image:url(../img_yjob/Contents/closet-rentallst_f_05.svg);}

	@media screen and (max-width:1200px){
		.closet-rentallst {flex-wrap:wrap;}
		.closet-rentallst .item {flex:auto;width:100%;}
	}
	
	@media screen and (max-width:600px){
		.closet-rentallst .item  {padding:3rem 2rem 2rem;}
		.closet-rentallst .lst {gap:1rem;}
		.closet-rentallst .lst > li {width:calc(50% - 0.5rem);}
	}
	
.mypage-lst-bad.point2 {border-color:var(--point-color2-1);color:var(--point-color2-1);}
.mypage-lst-bad.point2Bg {background-color:var(--point-color2-1);}
.mypage-lst-bad.youtube {flex:none;width:auto;background:#EE2323;border:none;color:#fff;display:flex;align-items:center;gap:0.5rem;text-decoration:none;}
.mypage-lst-bad.youtube:before {content:"";display:block;width:2rem;height:1.4rem;background:url(../img_yjob/Contents/mypage-lst-bad_youtube.svg) no-repeat center center /100% 100%;}

/* 드림옷장 - 운영기관 */
.closet-org-lst {display:flex;gap:2rem;flex-wrap:wrap;}
.closet-org-lst > li {width:calc(33.3333% - 1.3333rem);}
.closet-org-lst > li a {display:block;height:100%;border:1px solid var(--border-gray);border-radius:10px;padding:3rem;}
.closet-org-lst .img {position:relative;border-radius:10px;overflow:hidden;margin-bottom:2rem;}
.closet-org-lst .img:before {content:"";display:block;width:100%;height:0;padding-bottom:67.12%;}
.closet-org-lst .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.closet-org-lst .title {font-size:var(--font-m);font-weight:600;line-height:120%;}
.closet-org-lst .bottom {border-top:1px solid var(--border-gray);padding-top:1rem;margin-top:1.5rem;}
.closet-org-lst .sc-lst > li,
.closet-org-lst .sc-lst > li * {font-size:var(--font-ms);color:var(--font-bgray);line-height:160%;}
.closet-org-lst .sc-lst .tit {font-weight:600;display:inline-block;}

.board-view__title:has(+.closet-org-detail) {border-bottom:none;padding-bottom:0;} 
.closet-org-detail {background:var(--bg-lgray);border-radius:10px;padding:3rem;display:flex;gap:3rem;}
.closet-org-detail .img {width:35%;max-width:43rem;}
.closet-org-detail .img img {width:100%;}
.closet-org-detailinfo {flex:1;}
.closet-org-detailinfo > li {background:#fff;border-radius:10px;padding:1.7rem 2rem;display:flex;gap:1rem 2rem;align-items:center;}
.closet-org-detailinfo > li + li {margin-top:1rem;}
.closet-org-detailinfo__h {flex:none;font-size:var(--font-s);line-height:160%;width:9.5rem;color:var(--font-bgray);}
.closet-org-detailinfo__b {flex:1;}
.closet-org-detailinfo__b,
.closet-org-detailinfo__b * {line-height:160%;}
.closet-org-detailinfo__b .dot-list li {color:var(--black);}
.closet-org-detailinfo__b .map {width:100%;}
.closet-org-detailinfo__b .map img {width:100%;}
	
	@media screen and (max-width:900px) {
		.closet-org-detail {flex-wrap:wrap;padding:2rem;}
		.closet-org-detail .img {width:auto;margin:0 auto;}
		.closet-org-detailinfo {width:100%;flex:none;}
		.closet-org-detailinfo > li {flex-wrap:wrap;}
		.closet-org-detailinfo__h,
		.closet-org-detailinfo__b {width:100%;}
	}
	
	@media screen and (max-width:900px) {
		.closet-org-lst > li {width:calc(50% - 1rem);}
	}
	
	@media screen and (max-width:600px) {
		.closet-org-lst > li {width:100%;}
		.closet-org-lst > li a {padding:2rem;}
	}
	
	@media screen and (max-width:400px) {
		.closet-org-detail {padding:1rem;}
	}
	
/* 기업탐방 */
.intro-info.compvisit {padding-right:4rem;}
.intro-info.compvisit .img {align-self:flex-end;flex:1;max-width:70rem;margin-bottom:-8rem;background:url(../img_yjob/Contents/intro-info_compvisit.png) no-repeat center center /100% auto;}
.intro-info.compvisit .img:before {content:"";display:block;width:100%;height:0;padding-bottom:45%;}
.intro-info.compvisit .txt-box .btns .btn {flex:none;}

.tab-panels.linebox {padding:2rem;border:1px solid var(--border-lgray);border-top:none;border-radius:0 0 10px 10px;}

.compsearch-inwrap {display:flex;gap:2rem;}
.compsearch__cate {width:50rem;}
.compsearch__cate .info {font-size:var(--font-ms);color:var(--font-bgray);line-height:160%;margin-bottom:1.5rem;}
.cate-falding__chkwrap {display:flex;flex-wrap:wrap;gap:1rem 2rem;max-height:38rem;overflow-y:auto;padding-right:2rem;}
.cate-falding__chkwrap::-webkit-scrollbar {width:4px;border-radius:10px;}
.cate-falding__chkwrap::-webkit-scrollbar-thumb {background:var(--bg-gray);border-radius:10px;}
.cate-falding__chkwrap::-webkit-scrollbar-track {background:#fff;border-radius:10px;}
.cate-falding + .cate-falding {margin-top:1rem;}
.cate-falding__btn {width:100%;height:4rem;display:flex;align-items:center;gap:2rem;border:1px solid var(--border-gray);border-radius:5px;padding:0 1.5rem;}
.cate-falding__btn:after {content:"";margin-left:auto;display:block;width:8px;height:4px;background:url(../img_yjob/Contents/cate-falding_dropdown.svg) no-repeat center center;}
.cate-falding__cont {display:none;background:var(--bg-lgray);border-radius:0 0 10px 10px;padding:2rem;margin-top:2px;}
.cate-falding__close {font-size:var(--font-s);color:var(--font-bgray);}

.compsearch__lst {flex:1;background:var(--bg-lgray);padding:3rem;border-radius:10px;}
.compsearch__lst .lst__top {display:flex;flex-wrap:wrap;gap:2rem;align-items:center;margin-bottom:2rem;}
.compsearch__lst .lst__top .total,
.compsearch__lst .lst__top .total * {font-size:var(--font-ms);line-height:160%;}
.compsearch__lst .lst__top .total span {color:var(--point-color);font-weight:600;}
.compsearch__lst .lst__top select {min-width:13rem;}
.compsearch-lst {width:100%;height:65rem;max-height:calc(100dvh - 20rem);overflow-y:scroll;container:compsearch-lst / inline-size;padding-right:3rem;}
.compsearch-lst::-webkit-scrollbar {width:4px;border-radius:10px;}
.compsearch-lst::-webkit-scrollbar-thumb {background:var(--bg-gray);border-radius:10px;}
.compsearch-lst::-webkit-scrollbar-track {background:#fff;border-radius:10px;}
.compsearch-lst.no-scr {overflow-y:visible;padding-right:0;height:auto;max-height:none;}
.compsearch-lst > li {display:flex;gap:0.5rem 2rem;align-items:center;border-top:1px solid var(--border-gray);padding:2rem 0;}
.compsearch-lst .stxt {font-size:var(--font-ms);line-height:160%;color:var(--font-bgray);margin-bottom:0.5rem;}
.compsearch-lst .title {font-size:var(--font-m);font-weight:600;line-height:160%;}
.compsearch-lst .title + .sc-lst {margin-top:0.5rem;}
.compsearch-lst .sc-lst {display:flex;flex-wrap:wrap;gap:0.3rem 2rem;}
.compsearch-lst .sc-lst > li,
.compsearch-lst .sc-lst > li * {font-size:var(--font-ms);line-height:160%;color:var(--font-bgray);}
.compsearch-lst .sc-lst:has(.tit) > li {display:flex;gap:0.2em;}
.compsearch-lst .sc-lst .tit {flex:none;}
.compsearch-lst .sc-lst .cont {color:var(--black);}
.compsearch-lst .sc-item {font-size:var(--font-ms);line-height:160%;color:var(--font-bgray);}
.compsearch-lst .dot-list > li,
.compsearch-lst .das-list > li {line-height:120%;}
.compsearch-lst .l {margin-right:auto;}
.compsearch-lst .r {gap:0.5rem 2rem;display:flex;flex-wrap:wrap;align-items:center;}
.compsearch-lst .count {flex:none;display:flex;align-items:center;gap:0.5rem;border:1px solid var(--border-gray);border-radius:100px;padding:1rem 1.5rem;}
.compsearch-lst .count * {font-size:var(--font-ms);}
.compsearch-lst .count .num {font-weight:600;}

.compsearch__map {background:var(--bg-lgray);border-radius:10px;padding:6rem 3rem;display:flex;align-items:center;justify-content:center;}
.compsearch__map svg {width:27rem;}
.compsearch__map .bg {fill: #fff;}
.compsearch__map .line {fill: #545555;}
.compsearch__map .compmap-region {cursor:pointer;}
.compsearch__map .compmap-region:focus {outline:auto;}
.compsearch__map .on .bg {fill:var(--point-color2-1);}
.compsearch__map .on .text,
.compsearch__map .on .text * {fill:#fff;}
	
	@container compsearch-lst (width < 700px){
		.compsearch-lst > li {flex-wrap:wrap;}
		.compsearch-lst .l,
		.compsearch-lst .r {width:100%;}
	}
	
	@media screen and (max-width:1200px) {
		.compsearch__cate {width:32rem;}
	}
	
	@media screen and (max-width:900px) {
		.compsearch-inwrap {flex-wrap:wrap;}
		.compsearch__cate {width:100%;}
		.compsearch__lst {width:100%;padding:3rem 2rem;}
		.compsearch__map {padding:3rem 2rem;}
	}
	
	
/* 기업탐방 - 신청 */
.compvisit-possible-lst-top {display:flex;flex-wrap:wrap;gap:1rem 2rem;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px solid var(--border-gray);}
.compvisit-possible-lst-top .date {font-size:2rem;font-weight:600;}
.compvisit-possible-lst-top .total {margin-left:auto;}
.compvisit-possible-lst-top .total span {color:var(--point-color);font-weight:600;}
.compvisit-possible-lst {width:100%;}
.compvisit-possible-lst > li + li {margin-top:1rem;}
.compvisit-possible-lst label {display:block;background:#fff;border-radius:5px;padding:1.5rem;position:relative;cursor:pointer;}
.compvisit-possible-lst input[type="radio"] {position:absolute;top:0;left:0;width:1px;height:1px;opacity:0;}
.compvisit-possible-lst .title {color:var(--point-color2-1);font-weight:600;line-height:160%;margin-bottom:0.5rem;}
.compvisit-possible-lst .sc-lst > li {display:flex;gap:0.3rem;}
.compvisit-possible-lst .sc-lst > li + li {margin-top:0.5rem;}
.compvisit-possible-lst .sc-lst__tit {flex:none;font-size:var(--font-s);line-height:160%;color:var(--font-bgray);} 
.compvisit-possible-lst .sc-lst__cont {min-width:0;font-weight:600;}
.compvisit-possible-lst .sc-lst__cont,
.compvisit-possible-lst .sc-lst__cont * {font-size:var(--font-s);line-height:160%;color:var(--font-bgray);font-weight:600;}
.compvisit-possible-lst label:has(input:checked) {box-shadow: 0 0 0 2px var(--point-color2-1) inset;}
.compvisit-possible-lst .no-data {background:#fff;border-radius:5px;padding:4rem 1.5rem;font-size:var(--font-s);color:var(--font-bgray);line-height:160%;text-align:center;}


.white-box__title {color:var(--point-color2-1);}


/* 취업연수생 */
.intro-info.trainee {padding-right:5rem;margin-bottom:4rem;}
.intro-info.trainee .img {margin:0 0 -8rem auto;flex:1;align-self:flex-end;max-width:70rem;background:url(../img_yjob/Contents/intro-info_trainee.png) no-repeat center center /100% 100%;}
.intro-info.trainee .img:before {content:"";display:block;width:100%;height:0;padding-bottom:59.4285%;}
.intro-titbox-sclst {margin-bottom:6rem;}
.intro-titbox-sclst .item {display:flex;align-items:flex-start;gap:1rem 2rem;}
.intro-titbox-sclst .item + .item {margin-top:2rem;}
.intro-titbox-sclst dt {flex:none;border-radius:100px;background:var(--black);color:#fff;padding:1rem 2rem;font-weight:600;line-height:140%;min-width:12rem;text-align:center;}
.intro-titbox-sclst dd {flex:1;line-height:140%;}
.intro-titbox-sclst dd.oneline {margin-top:0.5em;}
.intro-info.trainee .txt-box .btns .btn {flex:none;width:auto;}
.trainee-dates {display:flex;flex-wrap:wrap;gap:2rem;background:var(--bg-lgray);padding:2rem 3rem;border-radius:10px;margin-bottom:4rem;}
.trainee-dates .r {margin-left:auto;display:flex;align-items:center;gap:1rem 2rem;flex-wrap:wrap;}
.trainee-dates .r .tit {color:var(--font-bgray);}
.trainee-dates .r .count {background:#fff;border-radius:100px;padding:0 2rem;display:flex;align-items:center;gap:0.5rem;height:4.2rem;}
.trainee-dates .r .count span {color:var(--point-color);font-weight:600;}
.trainee-dates__info > li {display:flex;gap:0.5rem 2rem;}
.trainee-dates__info > li + li {margin-top:0.5rem;}
.trainee-dates__info__h {color:var(--font-bgray);line-height:160%;}
.trainee-dates__info__b {font-weight:600;line-height:160%;}
.page-search.trainee .page-search__input-wrap {flex-wrap:wrap;}
.page-search.trainee .pgscr-input-pop {position:static;width:100%;border:none;}
.page-search.trainee .pgscr-pop__bottom {padding:0;padding-top:5rem;}
.page-search.trainee .pgscr-input-pop__chk {border:1px solid var(--border-gray);border-radius:5px;overflow:hidden;}
.page-search.trainee .ip-item.src-sel {width:30rem;flex:none;}


	@media screen and (max-width:800px) {
		.page-search.trainee .ip-item.src-sel {width:100%;}
	}
	
	@media screen and (max-width:600px) {
		.intro-titbox-sclst .item  {flex-wrap:wrap;}
		.intro-titbox-sclst dd {width:100%;flex:none;}
		
		.intro-info.trainee .txt-box .btns .btn {flex:1;}
		
		.trainee-dates__info > li {flex-wrap:wrap;}
		.trainee-dates__info__b {width:100%;}
	}
	

/* 취업성공 풀패키지 */
.intro-info.fullpack {padding-right:0}
.intro-info.fullpack .img {margin:0 0 -8rem -14rem;flex:1;align-self:flex-end;max-width:73rem;background:url(../img_yjob/Contents/intro-info_fullpack.png) no-repeat center center /100% 100%;}
.intro-info.fullpack .img:before {content:"";display:block;width:100%;height:0;padding-bottom:45.7534%;}
.intro-info.fullpack .btns .btn {width:auto;flex:none;}
.chkico-vlst {display:flex;gap:2rem;flex-wrap:wrap;container:chkico-vlst / inline-size;}
.chkico-vlst > li {flex:1;padding:3rem;background:var(--bg-lgray);border-radius:10px;display:flex;gap:1rem;}
.chkico-vlst > li:before {flex:none;content:"";display:block;width:2rem;height:2rem;margin-top:0.1em;background:url(../img_yjob/Contents/chkico-vlst_icon.svg) no-repeat center center /100% 100%;border-radius:50%;}
.chkico-vlst__h {line-height:160%;}
.chkico-vlst__b {line-height:160%;font-weight:600;}

.ybtn-set {position:relative;z-index:1;}
.ybtn-set .info-ex {margin-bottom:2rem;}
.ybtn-set .info-ex .txt {font-size: var(--font-ms);line-height: 160%;}
.ybtn-set .btn-set {display:flex;gap:1rem;flex-wrap:wrap;}
.ybtn-set .btn-set .item {flex:1;min-width:370px;padding:2rem;background:#fff;border-radius:10px;}
.ybtn-set .btn-set .tit {margin-bottom:1.5rem;}
	
	@container chkico-vlst (width < 900px ){
		.chkico-vlst > li {width:calc(50% - 1rem);flex:none;padding:2rem;}
	}
	
	@container chkico-vlst (width < 500px ){
		.chkico-vlst > li {width:100%;}
	}
	
	@media screen and (max-width:1000px) {
		.ybtn-set .btn-set .item {flex:auto;width:100%;min-width:0;}
		.intro-info.fullpack .txt-box .btns {width:100%;}
		.intro-info.fullpack .btns .btn {flex:1;max-width:none;}
	}
	
	@media screen and (max-width:480px) {
		.intro-info.fullpack .btns .btn {flex:auto;width:100%;}
		.intro-info.fullpack .txt-box .btns .btn span {font-size:var(--font-ms);}
	}
	
.double-graybox {display:flex;flex-wrap:wrap;gap:2rem;container:double-graybox/inline-size;}
.double-graybox > li {flex:1;background:var(--bg-lgray);border-radius:10px;padding:3rem;}
.double-graybox .btxt {font-weight:600;font-size:var(--font-b);line-height:140%;text-align:center;margin-bottom:1rem;}
.double-graybox .stxt {line-height:160%;text-align:center;} 
	@container double-graybox (width < 600px){
		.double-graybox > li {flex:none;width:100%;}
	}

.ccnum-gbox-lst {display:flex;flex-wrap:wrap;gap:2rem;container:ccnum-gbox-lst / inline-size;}
.ccnum-gbox-lst > li {width:calc(33.3333% - 1.3333rem);min-height:24rem;background:var(--bg-lgray);border-radius:10px;padding:3rem;display:flex;flex-direction:column;gap:1rem;}
.ccnum-gbox-lst .num {margin:0 auto;width:3rem;height:3rem;background:var(--black);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-ms);border-radius:50%;margin-bottom:1rem;margin-top:1rem;}
.ccnum-gbox-lst .btxt {font-size:var(--font-b);line-height:140%;text-align:center;font-weight:600;}
.ccnum-gbox-lst .stxt {line-height:160%;text-align:center;}
.ccnum-gbox-lst .ptxt {line-height:160%;color:var(--point-color2-1);text-align:center;}

	@container ccnum-gbox-lst (width < 900px){
		.ccnum-gbox-lst > li {width:calc(50% - 1rem);padding:2rem;min-height:0;}
		.ccnum-gbox-lst .num {margin-bottom:0;margin-top:0.5rem;}
	}
	
	@container ccnum-gbox-lst (width < 600px){
		.ccnum-gbox-lst > li {width:100%;}
		.ccnum-gbox-lst .num {margin-top:0;}
		.ccnum-gbox-lst .btxt {font-size:var(--font-m);}
	}
	
	@media screen and (max-width:1200px) {
		.intro-info.fullpack {padding-right:8rem;}
	}
	
/* 청끌기업 */
.intro-info.chungg {flex-wrap:nowrap;gap:2rem;}
.intro-info.chungg .img {width:40rem;display:flex;align-items:flex-end;justify-content:center;gap:1rem;background:url(../img_yjob/Contents/intro-info_chungg.png) no-repeat center bottom /300px auto;}
.big-down-btn {min-height:6rem;display:flex;align-items:center;gap:0.5rem;padding:1.5rem 2rem;background:#fff;border-radius:10px;box-shadow:5px 5px 20px rgba(71, 114, 210, 0.2);}
.big-down-btn span {font-size:var(--font-m);line-height:140%;}
.big-down-btn:after {content:"";display:block;width:1.6rem;height:1.6rem;margin-left:auto;background:url(../img_yjob/Contents/big-down-btn_icon.svg) no-repeat center center /100% 100%;}
.big-down-btn .txt {display:inline-block;}
.intro-info.chungg .intro-titbox-sclst {margin-top:4rem;margin-bottom:0;}
	
	@media screen and (max-width: 1200px) {
		.intro-info.chungg {padding-right:5rem;}		
	}
	
	@media screen and (max-width: 1000px) {
		.intro-info.chungg {flex-wrap:wrap;}
		.intro-info.chungg .img {background:none;width:auto;}
	}
	
	@media screen and (max-width: 680px) {
		.intro-info.chungg .img {flex-wrap:wrap;}
		.intro-info.chungg .big-down-btn {width:100%;padding-left:2rem;padding-right:2rem;}
	}

.page-search.chungg .page-search__detail-lst li .h {align-items:flex-start;min-width:0;width:8rem;}
.page-search.chungg .page-search__input-wrap {flex-wrap:wrap;}
.page-search.chungg .pgscr-input-pop {width:100%;position:static;border: none;}
.page-search.chungg .ip-item.src-sel {width:20%;flex:none;}
.page-search.chungg .pgscr-pop__bottom {padding:0;}
.page-search.chungg .chkbox-wrap {width:100%;align-items:flex-start;}
.page-search.chungg .chkbox-wrap:has([name="upjong"]) {gap:1rem 2rem;container:upjong-wrap/inline-size;}
.page-search.chungg .chkBox:has([name="upjong"]) {width:calc(25% - 1.5rem);}
.page-search.chungg .chkBox:has([name="region"]) {width:15rem;}

	@container upjong-wrap (width < 680px) {
		.page-search.chungg .chkBox:has([name="upjong"]) {width:calc(50% - 1rem);}
	}
	
	@container upjong-wrap (width < 400px) {
		.page-search.chungg .chkBox:has([name="upjong"]) {width:100%;}
	}
	
	@media screen and (max-width: 800px) {
		.page-search.chungg .ip-item.src-sel {width:50%;}
		.page-search.chungg .ip-item.src-sel .pgscr-openbtn {border-top:1px solid var(--border-gray);}
		.page-search.chungg .ip-item.src-sel:nth-child(1) .pgscr-openbtn {border-radius:5px 0 0 0;border-right:none;}
		.page-search.chungg .ip-item.src-sel:nth-child(2) .pgscr-openbtn {border-radius:0 5px 0 0;}
	}
	
.chungg-sld-wrap {background:var(--bg-lgray);border-radius:10px;margin-bottom:4rem;padding:3rem;}
.chungg-sld__title {display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem 2rem;margin-bottom:2rem;}
.chungg-sld__title h3,
.chungg-sld__title h3 * {font-family:var(--font-point);font-size:var(--font-b);line-height:120%;}
.chungg-sld__title h3 span {background:var(--gradient);-webkit-background-clip: text;color: transparent;}
.chungg-sld-wrap .sld-control {margin-left:auto;display:flex;flex-wrap:wrap;gap:1rem;}
.chungg-sld-wrap .sld-control .sldctrl {flex:none;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;}
.chungg-sld-wrap .sld-control .sldctrl.prev:before,
.chungg-sld-wrap .sld-control .sldctrl.next:after {content:"";display:block;width:1.6rem;height:1.6rem;background:url(../img/Main/main_arrow.svg);}
.chungg-sld-wrap .sld-control .sldctrl.prev {transform:rotate(180deg);}
.chungg-sld-wrap .sld-control .sldctrl.stop .ico {display:flex;justify-content:center;gap:0.6rem;}
.chungg-sld-wrap .sld-control .sldctrl.stop .ico:before,
.chungg-sld-wrap .sld-control .sldctrl.stop .ico:after {content:"";display:block;width:2px;height:1.4rem;background:#1D1B20;border-radius:10px;}
.chungg-sld-wrap .sld-control .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;}
.chungg-sld-wrap .sld-control .sldctrl.play {display:none;}
.chungg-sld-wrap .sld-control .sldctrl.play .ico {display:flex;justify-content:center;}
.chungg-sld .swiper-slide {border:1px solid var(--border-gray);border-radius:5px;background:#fff;align-self:stretch;height:auto;}
.chungg-sld .swiper-slide a {display:block;width:100%;height:100%;padding:2.5rem;}
.chungg-sld .swiper-slide .img {position:relative;border-radius:5px;overflow:hidden;}
.chungg-sld .swiper-slide .img:before {content:"";display:block;width:100%;height:0;padding-bottom:67.2473%;}
.chungg-sld .swiper-slide .img img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;}
.chungg-sld .swiper-slide .img .bad {position:absolute;top:2rem;left:2rem;z-index:1;border:1px solid var(--point-color2-1);color:var(--point-color2-1);font-size:var(--font-ss);padding:0.6rem;border-radius:5px;background:#fff;}
.chungg-sld .swiper-slide .tit {font-weight:600;font-size:var(--font-m);line-height:140%;margin-top:2rem;}
.chungg-sld .swiper-slide .txt {padding-top:1rem;margin-top:2rem;line-height:160%;font-size:var(--font-ms);color:Var(--font-bgray);border-top:1px solid var(--border-gray);}

	@media screen and (max-width: 600px) {
	    .chungg-sld-wrap {padding:3rem 2rem 2rem;}
	}
	
.youtube-box {position:relative;margin-bottom:6rem;}
.youtube-box:before {content:"";display:block;height:0;padding-bottom:56.25%;}
.youtube-box iframe {position:absolute;top:0;left:0;width:100%;height:100%;display:block;}

.empth-nw:empty {width:0 !important;}