/********************************************************
■ 공통
********************************************************/
#wrap{--radius:clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); --padding-y100:6.25rem; --padding-y110:6.875rem; --padding-y120:7.5rem; --marginX:calc(-1 * calc(var(--content-width) / 2) + var(--side-padding)); overflow:hidden;} 
#container{max-width:min(1920px, 100%); margin:0 auto;}
.inner{max-width:var(--content-width); margin:0 auto; padding:0 var(--side-padding); } 

.flex{display:flex;}



/*.control*/
.control .swiper-button-next,
.control .swiper-button-prev{width:clamp(2.5rem, 2.054rem + 1.19vw, 3.125rem); height: auto; aspect-ratio: 1; border-radius:50%; backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.10); box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.10) inset, 0 4px 10px 0 rgba(0, 0, 0, 0.10);}
.control .swiper-button-next:before,
.control .swiper-button-prev:before{content: ''; position: absolute;top: 0; left: 0; inset: 0; border-radius: inherit;
    padding: 1.5px; background: linear-gradient(30deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 25%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.3) 75%, rgba(255,255,255,0) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude; filter: blur(5px); z-index: -1;}
.control .swiper-button-next [class^="icon_"],
.control .swiper-button-prev [class^="icon_"]{background-color:#999;}
.control .swiper-button-prev [class^="icon_"]{transform: scaleX(-1);}
.control .swiper-button-next:after,
.control .swiper-button-prev:after{display:none;}
.control .swiper-button-next:hover [class^="icon_"],
.control .swiper-button-prev:hover [class^="icon_"]{background-color:#000;}

/*전체보기*/
.more{position:relative; display: inline-flex; flex-direction: column; align-items: center;  justify-content: center; width:2.625rem; aspect-ratio: 1; border-radius:50%; backdrop-filter: blur(10px); background: linear-gradient(130deg, rgba(0,0,0,0.05), rgba(255, 255, 255, 0.10)); box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.10) inset, 0 4px 10px 0 rgba(0, 0, 0, 0.10); transition: all 0.5s ease-out 0s;}
.more:before{content: ''; position: absolute;top: 0; left: 0; inset: 0; border-radius: inherit;
    padding: 1.5px; background: linear-gradient(63deg, rgba(255,255,255,0) 10%, rgba(255,255,255,0.4) 30%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.3) 60%, rgba(255,255,255,0) 90%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; filter: blur(5px); z-index: -1;}
.more [class^="icon_"]{width:1.125rem; background-color:var(--Brand-Color-susub);}
.more:hover{box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.10) inset, 0 4px 10px 0 rgba(0, 0, 0, 0.4);}

/*타이틀*/
.title_box {}
.title_wrap{position:relative;}
.title_wrap a{position:absolute; right:0px; top:0.5em; color: var(--Text-Color-Basic-1); font-size:var(--font-size-18);  -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.title_wrap a span{display:inline-flex; align-items: center;  justify-content: center; aspect-ratio: 1/1; background: #999; border-radius:50%; width:1.625rem; vertical-align: middle;  -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;}
.title_wrap a span [class^="icon_"]{background-color:#fff; width:1.125rem;}
.title_wrap a:hover {color:var(--Text-Color-Black);}
.title_wrap a:hover span{background:var(--Text-Color-Basic-1); transform: rotate(90deg ); }
.title{text-align:center; font-size:var(--font-size-28); font-weight: 900; font-family: var(--ff-heading); line-height:1.27; margin-bottom:var(--num-60); letter-spacing: -0.84px;}
.title em{display:inline-block; margin-right:0.5rem; font-family: "Noto Color Emoji"; font-size: var(--font-size-32);}

@media (max-width:1030px){
	/*타이틀*/
	.title_box {margin-bottom: var(--num-60);}
	.title_box .title_wrap {display: flex; justify-content: space-between;  align-items: flex-end;}
	.title_box .title_wrap .title {margin-bottom:0;}
	.title_box .title_wrap a {position:static;}
	.title {text-align: left;}
	.title_wrap a {font-size: var(--font-size-17);}
	.title_wrap a span {width: 1.25rem;}
	.title_wrap a span [class^="icon_"] {width: 0.8rem;}
}
@media (max-width:768px){
	#wrap{--radius:1rem; --padding-y100:5rem; --padding-y110:5rem; --padding-y120:5rem;}
	
	/*타이틀*/
	.title_wrap{margin-bottom: var(--num-60); display: flex;  flex-direction: column; gap:var(--gap-20);}
	.title_box .title_wrap {margin-bottom:0;}
	.title_box .title_wrap .title {display: flex;  align-items: baseline;  line-height: 1.5; align-self: center;}	
	
	.title_wrap a { position: relative; right: auto; top: auto; margin-left:auto; }
	.title_wrap .title{margin-bottom:0;}
	
}

/********************************************************
■ cts1 (롤링 + 배너 + 일정 + 링크)
********************************************************/

/*롤링 게시판*/
.roll_notice{padding:var(--num-40) 0; display:flex; gap: var(--gap-20); align-items: center;}
.roll_notice button{flex-shrink: 0; border-radius: 50%; background: #D9E6F9; display: flex; width: 1.75rem; aspect-ratio: 1; justify-content: center; align-items: center;}
.roll_notice button [class^="icon_"]{width:1rem;}
.roll_notice button.on [class^="icon_"]{-webkit-mask-image: url(/images/default/main/icon_play.svg); mask-image: url(/images/default/main/icon_play.svg);}
.roll_notice button:hover{box-shadow:inset 0 0 1rem rgba(0,0,0,0.2);}
.roll_notice .swiper{ width:calc(100% - 1.75rem - var(--gap-20));}
.roll_notice .swiper-wrapper{transition-timing-function: linear;}
.roll_notice .swiper-slide{width:auto !important;}
.roll_notice a{padding-bottom: 1px; font-size:var(--font-size-15); }
.roll_notice .date{display: inline-flex; align-items: center; margin-left:var(--num-14); color:var(--Brand-Color-main); font-size:var(--font-size-13); }
.roll_notice .date [class^="icon_"]{margin-bottom: 1px; background-color:var(--Brand-Color-main); width:1rem; margin-right:var(--num-4);}
.no_ntList {padding: 1px; font-size: var(--font-size-15);}

.nt_wrap { overflow: hidden; white-space: nowrap;}
.nt_wrap ul { display: inline-block; white-space: nowrap; padding: 0; margin: 0;}

.nt_wrap li {display: inline-flex; align-items: center;}
.nt_wrap li:not(:first-child) {padding-left: 2.125rem;}

.cts1{background:url('/images/default/main/back_bg.png')no-repeat right 50%; }
.cts1 .flex{gap:clamp(1.25rem, -0.107rem + 3.619vw, 3.15rem); min-height: 0; height: min(600px, 86vh);}

/*배너*/
.banner-wrap{width:49%; display: flex; flex-direction: column; justify-content: space-between; gap:clamp(1.25rem, -0.107rem + 3.619vw, 3.15rem);}
.banner-wrap .banner{position:relative; flex:1;}
.banner-wrap .banner .swiper{border-radius:var(--radius); height:100%;}
.banner-wrap .banner .swiper-button-next{right:-1.5rem;}
.banner-wrap .banner .swiper-button-prev{left:-1.5rem;}
.banner-wrap .banner img{max-width:100%; width:100%; height:100%;}
/*검색*/
.search-form{position:relative; border-radius: var(--radius); border: 3px solid #D9E6F9; background: var(--Brand-Color-susub); padding:clamp(1rem, 0.196rem + 2.143vw, 2.125rem) 0 clamp(1.6rem, 1.225rem + 1vw, 2.125rem) clamp(1.25rem, 0.179rem + 2.857vw, 2.75rem); }
.search-form .zoom_img{position:absolute; left:-8%; top:-25%; width:clamp(3.75rem, 1.964rem + 4.762vw, 6.25rem); aspect-ratio: 10/9; ; background:url('/images/default/main/serch_img.webp')no-repeat 0 0; background-size:100%;  z-index:1; animation: scale-down-center 5s linear infinite both;}
.search-form:before{content:"";position:absolute; left:-2%; top:-17%; width:clamp(2rem, 1.286rem + 1.905vw, 3rem); aspect-ratio: 1; border-radius:50%;backdrop-filter: blur(3px); background: rgba(255, 255, 255, 0.10); animation: scale-down-center 5s linear infinite both;}
.search-form form{display:flex;}
.search-form form .input{flex:1; display:flex; gap: 1rem; align-items: center; border-bottom:1px solid #fff;  padding-bottom:var(--num-14);}
.search-form form .input input{background:none; border:none; color:#fff;  font-size:var(--font-size-16); border-radius:0 ; padding:0;}
.search-form form .input input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px var(--Brand-Color-susub) inset; -webkit-text-fill-color: #fff; }
.search-form form .input input::placeholder{color:rgba(255,255,255,0.7) ;}
.search-form form .input .tag{display:inline-flex; gap:var(--gap-10);}
.search-form form .input .tag a{display:inline-block; white-space: nowrap; padding: 6px 10px;line-height:1; align-content: center; border-radius: 20px; background: #FFF; color: #275CAB; font-size:var(--font-size-14);}
.search-form form button{width:clamp(2.5rem, 0.893rem + 4.286vw, 4.75rem);  }
.search-form form button [class^="icon_"]{background-color:#fff;}

/*일정*/
.schedule-wrap{min-height: 0; flex:1; display: flex; flex-direction: column; background:#D9E6F9; border-radius:var(--radius); padding: 0 clamp(1rem, 0.643rem + 0.952vw, 1.5rem) var(--num-24); }
.schedule-wrap .sch_tit{display:flex; align-items: center; justify-content: space-between; height:calc(2.625rem + var(--num-32)); padding-top:var(--num-32); margin-bottom:var(--num-16);}
.schedule-wrap .sch_tit p{color:var(--Brand-Color-susub); font-size:var(--font-size-24); font-weight:900; font-family: var(--ff-heading);}
.schedule-wrap .sch_body{flex:1; position:relative; height:calc(100% - 2.625rem - var(--num-32) - var(--num-24)) ;   z-index: 0;}
.schedule-wrap .sch_body .scroll{background:#fff; border-radius: clamp(0.75rem, 0.7rem + 0.25vw, 1rem) 100px clamp(0.75rem, 0.7rem + 0.25vw, 1rem) clamp(0.75rem, 0.7rem + 0.25vw, 1rem); overflow-y:auto; padding-right:5px; height:100%; }
.schedule-wrap .sch_body .scroll::-webkit-scrollbar {display:none; }
.schedule-wrap .sch_body .scroll:has(.no_schedule) {padding-right:0;}
.schedule-wrap .sch_body .sch_date_box{ display: flex;justify-content: space-between; flex-direction: column; align-items: flex-end; width:100%; height:120px; text-align: right; position:absolute; right:calc(-1 * var(--num-30)) ; top:var(--num-10); color:#fff; background:var(--Brand-Color-susub); border-radius: 16px;  padding:17px clamp(0.375rem, 0.338rem + 0.188vw, 0.563rem); font-family: 'FlightSans'; line-height: 1; z-index: -1;}
.schedule-wrap .sch_body .sch_date_box b{font-size:23px; font-weight: 800; letter-spacing: -1.38px; line-height:1;}
.schedule-wrap .sch_body .sch_date_box span{display:block; writing-mode: vertical-lr; font-size: 13px; font-weight: 700; letter-spacing: 0.78px; opacity: 0.5;}
.schedule-wrap .sch_body ul {padding-left:var(--num-24); height: 100%; }
.schedule-wrap .sch_body ul:has(.no_schedule) {padding-left:0;}
.schedule-wrap .sch_body ul li{position:relative; padding-top:var(--num-24); padding-left:var(--num-24); border-left:1px solid #E2E2E2; }
.schedule-wrap .sch_body ul li:last-child {padding-bottom:var(--num-24);}
.schedule-wrap .sch_body ul li:before{content:"" ; position:absolute; left:-0.219rem; top:1.6em; width:0.438rem; aspect-ratio: 1; border-radius:50%; background:#F2C600; outline:3px solid #fff; z-index: 1;}
.schedule-wrap .sch_body ul li:after{content:"" ; position:absolute; left:-0.219rem; top:1.6em; width:0.438rem; aspect-ratio: 1; border-radius:50%; background:#F2C600; outline:10px solid rgba(242,198,0,0.3);}
.schedule-wrap .sch_body ul li a{display:block; font-size: var(--font-size-16); padding-right:var(--num-24); }
.schedule-wrap .sch_body ul li a span{font-size: var(--font-size-14); color: var(--Text-Color-Basic-1); display:block; margin-bottom:var(--num-10); }
.schedule-wrap .sch_body ul li a p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.schedule-wrap .sch_body ul li a:hover p{color:var(--Brand-Color-main);}

.schedule-wrap .sch_body ul .no_schedule {display: flex; align-items: center;justify-content: center; padding: 0; padding-bottom: var(--num-32); height: 100%;}
.schedule-wrap .sch_body ul .no_schedule:after,
.schedule-wrap .sch_body ul .no_schedule:before {display:none;}
.schedule-wrap .sch_body ul .no_schedule > div {display: flex;flex-direction: column;align-items: center;justify-content: center; gap: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); padding:0 clamp(1rem, 0.8rem + 1vw, 2rem); text-align:center; font-weight:700;  color:var(--Text-Color-Basic-1);}
.schedule-wrap .sch_body ul .no_schedule .no_sche_icon {display:block; width:3.125rem; height:3.375rem; background:url('/images/default/main/no_sche_icon.svg') no-repeat center center; background-size:100% auto;}
.schedule-wrap .sch_body ul .no_schedule h5 {margin:0; margin-bottom: 0.5rem; color:var(--Text-Color-Black); font-size: clamp(1.2rem, 1.152rem + 0.238vw, 1.438rem); font-weight:700;}



/*링크*/
.sideMenu-wrap{flex:1;  display: flex; flex-direction: column;}
.sideMenu{border-radius: var(--radius); border: 1px solid #E0E0E0; background: #FFF; padding:0 clamp(1rem, 0.643rem + 0.952vw, 1.5rem);}
.sideMenu li:not(:first-child){border-top: 1px solid #E0E0E0;}
.sideMenu li a{display:flex; padding:clamp(1rem, 0.018rem + 2.619vw, 2.375rem) 0; gap:var(--gap-16); align-items: center; }
.sideMenu li p{font-size:var(--font-size-15); letter-spacing: -0.45px; transition: all 0.4s ease-out 0s;}
.sideMenu li p b{display:block; font-size:var(--font-size-18); font-weight:700; margin-bottom:var(--num-8); transition: all 0.4s ease-out 0s;}
.sideMenu li .side-icon{display: flex; align-items: center;  justify-content: center; width: 62px;  flex-shrink: 0; aspect-ratio: 1/1; border-radius: var(--radius); background: #F3F3F3; transition: all 0.4s ease-out 0s;}
.sideMenu li .arrow{display:inline-block; width:0.5rem; aspect-ratio: 8/14;background:url('/images/default/main/icon_arrow_s.svg')no-repeat 0 0; background-size:100%; margin-left: auto;}
.sideMenu li:hover p{color:var(--Text-Color-Basic-2);}
.sideMenu li:hover p b{color:var(--Brand-Color-main); }
.sideMenu li:hover .side-icon{background:#d9e6f9; }
.sideMenu li:hover img{transition: all 0.2s ease-out 0s; transform: scale(1.1); filter: drop-shadow(2px 3px 3px rgba(0,0,0,0.2));}

.sideMenu_big{position:relative; margin-top:auto; padding-left:clamp(0.1rem, -0.632rem + 1.952vw, 1.125rem); font-size:var(--font-size-15);}
.sideMenu_big:after{content:""; position:absolute; right:-2.125rem; top:50%; width:7.938rem; aspect-ratio: 127/109;background:url('/images/default/main/side_big.webp')no-repeat 0 0; background-size:100%; transform:translateY(-50%); z-index:-1; animation: move 5s linear infinite both;}
.sideMenu_big b{display:block; font-size: 23px; font-family: var(--ff-heading); font-weight:900; margin-bottom:var(--num-10) }
.sideMenu_big span{display:block; color:var(--Brand-Color-susub) ; font-family: var(--ff-body); font-size:var(--font-size-16); font-weight:700; margin-top:var(--num-24) }
.sideMenu_big span [class^="icon_"]{background-color:var(--Brand-Color-susub); transition: all 0.4s ease-out 0s;} 
.sideMenu_big:hover span [class^="icon_"]{margin-left:0.5rem;}

@keyframes move {
  50% {transform:translateY(-60%); }
}
@keyframes scale-down-center {

  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}

@media (max-width:1440px){
	/* 검색 */
	.search-form form {align-items: flex-end;}
	.search-form form .input {flex-direction: column-reverse; align-items: flex-start; gap: 0.5rem 1rem; padding-bottom:0;}
	.search-form form button {height:calc(2.8125rem - 1px);}
}
@media (max-width:1024px){
	.cts1{background-position:right 85%;}
	.cts1 .flex{flex-wrap:wrap; height:auto;}
	
	
	/*배너*/
	.banner-wrap{width:63%;}

	
	/*일정*/
	.schedule-wrap .sch_body .scroll{height:46vh;}
	
	
	/*링크*/
	.sideMenu-wrap{flex:0 0 100%; gap:var(--gap-20);}
	.sideMenu{display:flex; padding:clamp(1rem, 0.643rem + 0.952vw, 1.5rem) 0;}
	.sideMenu li{flex:1; }
	.sideMenu li:not(:first-child){border-top: none; border-left: 1px solid #E0E0E0;}
	.sideMenu li a{padding:0 clamp(1rem, 0.018rem + 2.619vw, 2.375rem); }
}
@media (max-width:768px){
	.roll_notice{padding: var(--num-20) 0;}
	
	
	/*배너*/
	.banner-wrap{width:100%;}
	.banner-wrap .banner .swiper-button-next{right:-1rem;}
	.banner-wrap .banner .swiper-button-prev{left:-1rem;}
	
	
	/*검색*/
	.search-form .zoom_img {left: -7%;}
	.search-form form .input{padding-bottom:0}
	.search-form form .input .tag{display:none;}
	
	
	/*일정*/
	.schedule-wrap .sch_body .sch_date_box {top:0;}
	.schedule-wrap .sch_body .sch_date_box b {letter-spacing:0;}
	.schedule-wrap .sch_body .scroll{height:34vh;}
	
	
	/*링크*/
	.sideMenu{display:block;  padding: 0 clamp(1rem, 0.643rem + 0.952vw, 1.5rem);}
	.sideMenu li:not(:first-child){border-top: 1px solid #E0E0E0; border-left: none;}
	.sideMenu li a{padding:clamp(1rem, 0.018rem + 2.619vw, 2.375rem) 0; }
}
@media (max-width:450px){
	.search-form {padding-bottom:calc(clamp(1.6rem, 1.225rem + 1vw, 2.125rem) - 0.5rem);}
	.search-form form .input input {font-size: var(--font-size-14);}
}
@media (max-width:390px){
	.search-form form .input input {letter-spacing: -0.05em;}
}


/********************************************************
■ cts2 (프로그램 리스트)
********************************************************/
.cts2{padding:var(--padding-y100) 0 0; overflow: hidden;}
.cts2 .title{margin-bottom:0;}

.program_wrap{padding-left:28%; position:relative;}
.program_wrap:before{content:""; position:absolute; left:50%; margin-left: var(--marginX); bottom:0px; border-radius: 0 0 0 clamp(6.25rem, -2.679rem + 23.81vw, 18.75rem); width:100%; height:50%; background: linear-gradient(180deg, #FFF 11.98%, #fff8e1 100%); }
.prog_tab{position: absolute; left: 50%;  top: 3.75rem; margin-left: var(--marginX); width: 14.5rem; height: 32.9675rem; min-height: 32.9675rem; /* height: calc(100% - calc(var(--num-60) * 2));*/} 
.prog_tab ul{display: flex; flex-direction: column; height: 100%; border-radius: clamp(0.5rem, 0.444rem + 0.281vw, 0.781rem); background: #FFF; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.08);}
.prog_tab ul li{flex:1;}
.prog_tab ul li button{padding-top: 0.25rem; height: 100%; width: 100%; border-radius: clamp(0.5rem, 0.444rem + 0.281vw, 0.781rem); padding-left: 2rem; text-align:left; display: flex; justify-content: center; align-items: flex-start; flex-direction: column;  color:var(--Gray-Color-900); -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.prog_tab ul li button span{opacity:0.3; display:block; margin-bottom:clamp(0.25rem, 0.237rem + 0.063vw, 0.313rem); font-size:var(--font-size-15)}
.prog_tab ul li button b{opacity:0.5;font-size:var(--font-size-17); font-weight: 900; color: var(--Text-Color-Black); font-family: var(--ff-heading); }
.prog_tab ul li button .arrow{display:none; align-items: center;  justify-content: center; margin-left: var(--num-4); width:1.625rem; aspect-ratio: 1; border-radius:50%; background:var(--Gray-Color-900); vertical-align: middle; }
.prog_tab ul li button .arrow [class^="icon_"]{background-color:#FFEEB7; width:1rem;} 
.prog_tab ul li.on button{background:#FFEEB7; border-right:8px solid #F2C600;}
.prog_tab ul li.on button span{opacity:0.6;}
.prog_tab ul li.on button b{opacity:1;}
.prog_tab ul li.on button .arrow{display:inline-flex;}
.program-list{margin:0; padding:3.75rem 0; padding-left:var(--num-10);}
.program-list .swiper-wrapper {min-height: 32.9675rem;}
.program-list .program-pagin {display:none;}
.program-list a { display: flex; flex-direction: column; gap: clamp(0.75rem, 0.713rem + 0.188vw, 0.938rem); padding: 0.625rem 0.625rem clamp(0.625rem, 0.5rem + 0.625vw, 1.25rem); height: 100%; min-height: 32.9675rem; border-radius: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); background: #FFF; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.08); position: relative; outline: 2px solid transparent; transition: all 0.3s;}
.program-list a:hover {outline: 2px solid #F2C600;}
.program_wrap .prog-name .cate {overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; height: 3em; line-height: 1.5; -webkit-box-orient: vertical; word-wrap: break-word; word-break: keep-all;}

/* 프로그램 없을 경우 */
.noProg_wrap {margin-left: var(--num-10); padding: 3.75rem 0; max-width: 71.875rem; width: 100%; position: relative; z-index: 1;}
.noProg_wrap .noProgram {padding-left: var(--num-10); width: 100% !important; min-height: 32.9675rem; border-radius:clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); background: #FFF; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.08);}


@media (max-width:1690px){
	.program_wrap{ padding-left:22%;}	
}
@media (max-width:1440px){
	.program_wrap{padding-left:17rem; }

	
	/* 프로그램 없을 경우 */
	.noProg_wrap {padding-right: var(--side-padding);}
}
@media (max-width:1200px){

}
@media (max-width:1024px){
	.cts2 .title{margin-bottom: var(--num-60);}
	.program_wrap{padding:0 var(--side-padding); }
	
	.prog_tab{ position: relative; left:auto; top:auto; margin-left:0; width:100%; height:auto; min-height: auto;}
	.prog_tab ul{flex-direction: row; flex-wrap:wrap;}
	.prog_tab ul li {flex:unset; width:calc(100%/3);}
	.prog_tab ul li button {justify-content: center; align-items: center; padding: 1rem 0.5rem; text-align: center;}
	.prog_tab ul li.on button .arrow{transform: rotate(90deg );}
	.prog_tab ul li.on button{height: calc(100% - 8px); border:none; box-shadow: 0 8px 0 #F2C600;}
	
	.program-list .swiper-wrapper {min-height: auto;}
	.program-list{overflow: visible; padding-left:0;}
	.program-list a {min-height:unset;}
	
	/* 프로그램 없을 경우 */
	.noProg_wrap {padding-right: 0; margin-left:0;}
	.noProg_wrap .noProgram {min-height: 29.375rem;}
}
@media (max-width:768px){
	/* 프로그램 탭 */
	.prog_tab ul li button {padding:1rem 0.5rem}
	.prog_tab ul li button p{text-align:center;}
	.prog_tab ul li button b{display: flex; flex-direction:row; justify-content: center; align-items: center;  gap: 0.5rem; font-size:var(--font-size-15); letter-spacing: -0.03em;}
	.prog_tab ul li button span {font-size: var(--font-size-14);}
	.prog_tab ul li button .arrow,
	.prog_tab ul li.on button .arrow {display:none;}
	
	/* 	프로그램 페이지네이션 */
	.program-list .program-pagin {display:block; margin-top: 1.5rem; position: static;}
	.program-list .program-pagin .swiper-pagination-bullet {width:10px; height:auto; aspect-ratio:1; }
	.program-list .program-pagin .swiper-pagination-bullet:is(.swiper-pagination-bullet-active) {background:var(--Brand-Color-susub);}
	
	/* 프로그램 없을 경우 */
	.noProg_wrap .noProgram {padding: 0 1rem; min-height: 27.22375rem;}
}
@media (max-width:390px){
	.prog_tab ul li {width:calc(100%/2);}
}


/********************************************************
■ cts3 (프로그램 리스트)
********************************************************/
.cts3{position:relative; padding:var(--padding-y120) 0 var(--padding-y110);}
.cts3:before{content:""; position:absolute; right:0px; top:0px; width:clamp(6.25rem, -2.679rem + 23.81vw, 18.75rem); aspect-ratio: 1; background: linear-gradient(180deg, #fff8e1 0%, #FFF5D6 100%); z-index:-2;}
.cts3:after{content:""; position:absolute; right:0px; top:0px; width:clamp(12.5rem, -5.357rem + 47.619vw, 37.5rem); aspect-ratio: 1; border-radius:50%; background: #fff; z-index:-2;}
.cts3 .flex{gap:clamp(2.5rem, 0.268rem + 5.952vw, 5.625rem);}

/*분과탭*/
.edu_wrap{width:64%; display: flex; flex-direction: column; }
.edu_tab{display:flex; gap:var(--gap-20); margin-bottom:var(--num-40);}
.edu_tab li button{position:relative; display: flex; height: var(--num-60); padding: 0 var(--num-20); line-height:1; justify-content: center; align-items: center; gap: var(--num-10); border-radius: 50px; border: 1px solid #D9D9D9; background: #FFF; font-size:var(--font-size-20); font-weight: 900; color: #898989; font-family: var(--ff-heading); -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.edu_tab li button .arrow{display:none; align-items: center;  justify-content: center; aspect-ratio: 1/1; background: var(--Text-Color-Black); border-radius:50%; width:1.625rem; vertical-align: middle; transform: rotate(90deg );}
.edu_tab li button .arrow [class^="icon_"]{background-color:#FFEEB7; width:1.125rem;}
.edu_tab li.on button{background-color:#FFEEB7; border-color:#FFEEB7; color: var(--Text-Color-Black); box-shadow:0 8px 0 #F2C600;}
.edu_tab li.on button .arrow{display:inline-flex;}
/*분과슬라이드*/
.edu_list{flex:1;}
.edu_list > div{height:100%;}
.edu_list > div .swiper{height:100%;}
.edu_list .dep_item{position:relative; display:flex; flex-direction: column; justify-content: space-between; overflow:hidden; align-items: flex-start; overflow:hidden; height:100%;  border-radius:var(--radius); padding:var(--num-20) var(--num-24); -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; position:relative; z-index:0;}
.edu_list .dep_item:after {content:''; display:block; width:100%;height:50%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(0, 0, 0, 0.20) 93.42%); mix-blend-mode: hard-light; position:absolute; bottom:0; left:0; z-index:-1;}
.edu_list .dep_item .point {display: inline-flex; align-items: center; gap: 12px; padding: 0 1rem; height: 2.5rem; background: rgba(0,0,0,0.2); border-radius: 50px; box-shadow: inset 0.5px 0.5px 0 rgba(255,255,255,0.6), inset -0.5px -0.5px 0 rgba(255,255,255,0.3); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); color: #fff; font-weight: 400;  font-size: var(--font-size-15); user-select: none; white-space: nowrap;}
.edu_list .dep_item .bg{position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:-1; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.edu_list .dep_item .bg img{height: 100%; width: 100%;}
.edu_list .dep_item p{font-size:var(--font-size-24); font-weight: 900; color: #fff; font-family: var(--ff-heading); line-height:1.4; letter-spacing: -0.575px;}


/*추진실적*/
.edu_info{position:relative;  flex:1; display: flex; flex-direction: column; z-index:0;}
.edu_info:before{content:""; position:absolute; left:10%; top:10%; width:110%; height:80%; aspect-ratio: 382 / 437; border-radius: 330px; background: url('/images/default/main/edu_info_bg.svg')no-repeat left 95% top 50%,linear-gradient(270deg, #E4F0FB 0%, #E4F0FB 70%, rgba(255, 255, 255, 0.00) 100%);}
.edu_info ul{flex:1; display: flex; flex-wrap:wrap; gap:clamp(1rem, 0.925rem + 0.375vw, 1.375rem);}
.edu_info ul li{ width:calc((100% - clamp(1rem, 0.925rem + 0.375vw, 1.375rem) * 1)/2); }
.edu_info ul li:is(.last) {flex-basis:100%;}

.edu_info a {display: flex; align-items: flex-start; flex-direction:column; padding:clamp(1rem, 0.875rem + 0.625vw, 1.625rem); font-family: var(--ff-heading); font-weight:700; line-height: 158%; letter-spacing: -0.54px; border-radius:clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); background: #fff; box-shadow: 0 -4px 0 0 #2066CE, 0 0 20px 0 rgba(0, 0, 0, 0.12); filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.025)); transition: all 0.4s ease-out 0s;}
.edu_info .ico_arr_circle {display:block; width:1.5rem; height:1.5rem; forced-color-adjust: none; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center center; -webkit-mask-size: contain; mask-repeat: no-repeat; mask-position: center center; mask-size: contain; background-color:#2A271E; -webkit-mask-image: url(/images/default/main/record_arr.svg); mask-image: url(/images/default/main/record_arr.svg);}
.edu_info .ico_box{display:flex; align-items: center; justify-content: space-between; width: 100%;}
.edu_info .ico_box [class^="icon_"]{background-color:var(--Brand-Color-susub); width:1.375rem; margin-right:var(--num-10);} 
.edu_info [class^="record_img"]{display:block; flex-shrink:0; width:clamp(2.25rem, 2.15rem + 0.5vw, 2.75rem); aspect-ratio: 1; background-repeat:no-repeat; background-position:50% 50%; background-size:100%; transition: all 0.5s ease-out 0s;}
.edu_info .record_img01{background-image:url('/images/default/main/record_img01.webp')}
.edu_info .record_img02{background-image:url('/images/default/main/record_img02.webp')}
.edu_info .record_img03{background-image:url('/images/default/main/record_img03.webp')}
.edu_info .record_img04{background-image:url('/images/default/main/record_img04.webp')}
.edu_info .record_img05{background-image:url('/images/default/main/record_img05.webp')}
.edu_info .last a{flex-direction: row; align-items: center; }
.edu_info .last a .ico_box{display:inline-flex; width: auto; gap:clamp(0.5rem, 0.143rem + 0.952vw, 1rem);}
.edu_info .last a [class^="record_img"]{margin-left:auto; }
.edu_info a:hover{ background: #D9E6F9; box-shadow: 0 -4px 0 0 #2066CE;}
.edu_info a:hover .ico_arr_circle{background-color:#2066CE;}
.edu_info a:hover [class^="record_img"]{transform: scale(1.05);}

@media (max-width:1640px){
	.cts3 .flex{gap: clamp(1.25rem, -0.107rem + 3.619vw, 3.15rem);}
	
}
@media (max-width:1440px){
	/*분과탭*/
	.edu_tab li button{    font-size: var(--font-size-17);}
}

@media (max-width:1024px){
	.cts3 .flex{display:block;}
	
	/*분과슬라이드*/
	.edu_wrap{width:100%;}
	.edu_list .dep_item{aspect-ratio: 30 / 34;}
	
	/*추진실적*/
	.edu_info{margin-top:var(--num-50);}
	.edu_info ul{flex-direction: row;}
}
@media (max-width:768px){
	/*분과탭*/
	.edu_tab_wrap{margin-bottom: var(--num-40); overflow-x:auto; width:calc(100% + calc(var(--side-padding)*2)); margin-left:calc(-1 * var(--side-padding)) ; padding:0 var(--side-padding) var(--num-10)}
	.edu_tab{margin-bottom:0; }
	.edu_tab li:last-child{padding-right:var(--side-padding)}
	
	.edu_list > div .swiper{ overflow: visible;}
}

/********************************************************
■ cts4 (커뮤니티)
********************************************************/
.cts4{ padding:var(--padding-y100) 0 var(--padding-y120); border-radius: 18.75rem 18.75rem 0 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 9.41%, #FFF 102.93%), linear-gradient(90deg, #FFF6D6 0%, rgba(231, 249, 217, 0.70) 50%, rgba(208, 227, 255, 0.60) 100%);}
.cts4 .flex{gap:var(--num-60) 5.625rem; flex-wrap:wrap;}

/*게시판*/
.notice_wrap{flex:1;}
.noti_tab {padding-left:var(--num-40); height: var(--num-30);}
.noti_tab ul{display:flex; }
.noti_tab li button{position:relative; display: flex; width:clamp(7.5rem, 4.375rem + 8.333vw, 11.875rem); height: var(--num-60);  padding: 0 var(--num-20); line-height:1; justify-content: center; align-items: center; gap: var(--num-10); border-radius: 50px; background: #FFF; font-size:var(--font-size-20); font-weight: 900; color: #898989; font-family: var(--ff-heading); -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.noti_tab li button .arrow{display:none; align-items: center;  justify-content: center; aspect-ratio: 1/1; background: var(--Text-Color-Black); border-radius:50%; width:1.625rem; vertical-align: middle; transform: rotate(90deg );}
.noti_tab li button .arrow [class^="icon_"]{background-color:#FFEEB7; width:1.125rem;}
.noti_tab li.on button{background-color:#FFEEB7; box-shadow:0 8px 0 #F2C600;}
.noti_tab li.on button .arrow{display:inline-flex;}
.noti_flex{display:flex; gap:var(--num-60); background:#fff; border-radius: var(--radius); box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04); padding:var(--num-60) clamp(1rem, -0.071rem + 2.857vw, 2.5rem) var(--num-30); min-height: 24rem;}
.noti_flex .notice{flex:1;}
.notice .recent_ul{display:flex; align-items: center; gap:var(--num-24); padding-bottom:var(--num-20); border-bottom: 1px solid #6F6F6F;}
.notice .recent_ul .date{display: flex; flex-shrink: 0; width: 5.25rem; flex-direction: column; justify-content: center; align-items: center; gap: 2px; aspect-ratio: 1/1; border-radius: var(--radius); background: #F2F2F2; font-size:var(--font-size-18); font-weight: 900; color: var(--Text-Color-Black); font-family: var(--ff-heading);}
.notice .recent_ul .date span{color: rgba(42, 39, 30, 0.50); display:block; font-size:var(--font-size-14);  font-family: var(--ff-body); font-weight:400;}
.notice .recent_ul a{width: 100%; word-break: auto-phrase; overflow-wrap: anywhere; font-size:var(--font-size-18); font-weight: 900; color: var(--Text-Color-Black); font-family: var(--ff-heading);overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; height: 2.8em;  line-height: 1.4; -webkit-box-orient: vertical;}
.notice .others_ul li{display:flex; gap: 0.5rem 1.5rem; align-items: center; padding:var(--num-18) 0; border-bottom: 1px solid #D1D1D1;}
.notice .others_ul li a{font-size:var(--font-size-17); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.notice .others_ul li p{flex-shrink: 0; margin-left:auto; font-size:var(--font-size-13); font-weight:700; color:var(--Text-Color-Basic-1);}
.notice .others_ul li p i{background-color:var(--Text-Color-Basic-1); width:1rem;}
.notice .others_ul li:nth-child(3){border-bottom:none;}

/*채용박람회*/
.news{position:relative; width:clamp(14.75rem, 11.893rem + 7.619vw, 18.75rem); }
.news .more{position:absolute; right:calc(-1 * var(--num-20)) ; top:40%; gap: 5px; border-radius:var(--radius); width: 80px;  z-index: 2; color:var(--Brand-Color-susub);font-size:var(--font-size-14); }
.news .more [class^="icon_"]{width:1.5rem;}
.news:has(.no_exhibit) .num-pagin {display:none;}
.news_title{position:absolute; left:0px; top:0px; z-index: 1;}
.news_title .control {display:flex; gap:var(--num-10);}
.news_title .control .swiper-button-next, 
.news_title .control .swiper-button-prev{position:relative; left:auto; top:auto; right:auto; margin:0; background: var(--Text-Color-Black); width:2.125rem;} 
.news_title .control .swiper-button-next:before, 
.news_title .control .swiper-button-prev:before{display:none;}
.news_title .control .swiper-button-next [class^="icon_"], 
.news_title .control .swiper-button-prev [class^="icon_"]{width:1.125rem; background-color: #fff;}
.news_title h4{margin-top:var(--num-30); font-size:var(--font-size-18); font-weight: 900; color: var(--Text-Color-Black); font-family: var(--ff-heading);}
.news:has(.no_exhibit) .news_title h4 {margin-top:0;}
.news_title h4 b{display:block;  font-size:var(--font-size-24);}
.news_slide{padding:0 1.375rem 1.875rem 39%; position:relative;}
.news_slide:before{content:""; position:absolute; left:0px; bottom:0px; width:100%; height:80px; border-radius: var(--radius); background: #FFEEB7;}
.news_slide:after{content:"";  position:absolute; right:20%; bottom:8%; width:30%; height:20px; background: #000; opacity:0.2; filter: blur(5px);}
.news_slide .swiper{filter: drop-shadow(0px 4px 20px rgba(127,111,59,0.3)); border-radius:clamp(0.5rem, 0.36rem + 0.7vw, 1.2rem);}
.news_slide a {display:block; width:100%; height:auto; aspect-ratio:4/5;}
.news_slide a span {display:block; width:100%; height:100%;}
.num-pagin:has(.swiper-pagination-lock) {display:none;}
.num-pagin{display:flex; margin-top:var(--num-14); gap: var(--num-30); align-items: center; font-size:var(--font-size-15); font-weight:700; color: var(--Brand-Color-susub);}
.num-pagin .swiper-pagination{position:relative; left:auto; top:auto; right:auto; margin:0;}
.num-pagin .swiper-pagination-progressbar{background:linear-gradient(180deg, #fff 50%,  rgba(35,107,215,0.3) 50%);}
.num-pagin .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--Brand-Color-susub);}
.num-pagin .total{opacity: 0.3;}

/*채용박람회 노포스트*/
.no_exhibit {display: flex; flex-direction: column-reverse; justify-content: center; width: 100%; height: auto; aspect-ratio: 4 / 5; font-size: var(--font-size-16); text-align: center; background: #fff;}
.no_exhibit .icon{display:flex; align-items: center; justify-content: center; margin:0 auto; width:6rem; aspect-ratio: 1; background:url('/images/default/content/nopostyet.svg') no-repeat 50% 50%; background-size: 90% auto;}

/*유튜브*/
.youtube_wrap{position:relative; display: flex; flex-direction: column; gap: var(--num-14); margin-top: var(--num-20);  width:23.6%; padding:clamp(1.375rem, 0.839rem + 1.429vw, 2.125rem) clamp(1rem, 0.375rem + 1.667vw, 1.875rem); border-radius: var(--radius-2xl) clamp(3.125rem, 0.893rem + 5.952vw, 6.25rem) var(--radius-2xl) var(--radius-2xl); outline: 8px solid #FFF; background: #FFEEB7; box-shadow: 14px -14px 20px 0 rgba(179, 202, 168, 0.20);}
.youtube_wrap h4{display: flex; align-items: baseline; gap: 0.25rem; font-size:var(--font-size-18); font-weight: 900; color: var(--Text-Color-Black); font-family: var(--ff-heading);}
.youtube_wrap .youtube{flex:1; display:flex; flex-direction: column; border-radius:0.625rem; overflow:hidden;}
.youtube_wrap .youtube .thumb{display:block; aspect-ratio: 280.00/157.75; overflow:hidden;}
.youtube_wrap .youtube .thumb img{width:100%; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;}
.youtube_wrap .youtube div{flex:1; background:#fff; padding:var(--num-20) var(--num-14);}
.youtube_wrap .youtube div p{font-size:var(--font-size-16); color: var(--Text-Color-Black); font-weight: 700; line-height:1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; }
.youtube_wrap .youtube div span{display:inline-flex; font-size:var(--font-size-14); align-items: center; gap:var(--num-4); margin-top:var(--num-12);}
.youtube_wrap .youtube div span .sns_icon{display:inline-block; width:1.8rem; aspect-ratio: 1; background:url('/images/default/main/sns_youtube.svg')no-repeat 50% 50%; background-size:100%; }
.youtube_wrap .youtube div span [class^="icon_"]{width:1.25rem; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;}
.youtube_wrap .youtube:hover .thumb img{transform: scale(1.1);}
.youtube_wrap .youtube:hover div span [class^="icon_"]{margin-left:0.5rem;}
.youtube_wrap .sns_box{position:absolute; right:-2.3rem; top:50%; transform:translateY(-50%); --Awidth:clamp(2.5rem, 2.375rem + 0.625vw, 3.125rem);}
.youtube_wrap .sns_box ul{flex-direction: column;}
.youtube_wrap .sns_box ul li > a{width:var(--Awidth); backdrop-filter: blur(7px); background: rgba(255, 255, 255, 0.2);}

/*취업*/
.job_wrap{display:flex; width:100%; padding:var(--num-30) var(--num-50); border-radius: var(--radius); background: #FFF url('/images/default/main/job_bg.svg')no-repeat 0 bottom; background-size:auto 60%;  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);}
.job_wrap .job_tit{position:relative; width:40%; padding:var(--num-20) 0; padding-left:10%; }
.job_wrap .job_tit:after{content:""; position:absolute; left:20%; bottom:-4rem; width:clamp(9.375rem, 4.018rem + 14.286vw, 16.875rem); aspect-ratio: 270 / 177; background: url('/images/default/main/job_img.svg')no-repeat 0 bottom; background-size:100%;}
.job_wrap .job_tit h4{font-size:var(--font-size-24);  font-weight:900; font-family: var(--ff-heading);}
.job_wrap .job_tit h4 span{display:block; font-size:var(--font-size-16); font-weight:400; font-family: var(--ff-body); margin-bottom:var(--num-10);}
.job_wrap .job_list{width:60%; }
.job_wrap .job_list ul{display:flex; gap:clamp(1rem, 0.375rem + 1.667vw, 1.875rem); flex-wrap:wrap;}
.job_wrap .job_list ul li{width:calc((100% - clamp(1rem, 0.375rem + 1.667vw, 1.875rem) * 1) / 2);}
.job_wrap .job_list ul li a{display:flex; align-items: center; gap:var(--num-16); border-radius: var(--radius);  font-size:var(--font-size-18);  font-weight:700; padding: var(--num-16) var(--num-30);  border-radius: var(--radius); transition: all 0.4s ease-out 0s;}
.job_wrap .job_list ul li .arrow{ margin-left:auto;   display: inline-block; width: 0.5rem; aspect-ratio: 8 / 14; background: url(/images/default/main/icon_arrow_s.svg) no-repeat 0 0; background-size: 100%;}
.job_wrap .job_list ul li [class^="job_icon"]{border-radius: var(--radius); width: clamp(3.125rem, 2.589rem + 1.429vw, 3.875rem); flex-shrink: 0; aspect-ratio: 1/1; background: #fff; background-repeat:no-repeat; background-position:50% 50%; background-size:clamp(2rem, 1.286rem + 1.905vw, 3rem); transition: all 0.4s ease-out 0s;}
.job_wrap .job_list ul li .job_icon01{background-image:url('/images/default/main/quick_img01.webp')}
.job_wrap .job_list ul li .job_icon02{background-image:url('/images/default/main/quick_img02.webp')}
.job_wrap .job_list ul li .job_icon03{background-image:url('/images/default/main/quick_img03.webp')}
.job_wrap .job_list ul li .job_icon04{background-image:url('/images/default/main/quick_img04.webp')}
.job_wrap .job_list ul li:nth-child(1) a{background:#E7E5FD; border:2px solid #E7E5FD; }
.job_wrap .job_list ul li:nth-child(2) a{background:#FFF5BA; border:2px solid #FFF5BA;}
.job_wrap .job_list ul li:nth-child(3) a{background:#FFD9D3; border:2px solid #FFD9D3;}
.job_wrap .job_list ul li:nth-child(4) a{background:#D9E6F9; border:2px solid #D9E6F9;}
.job_wrap .job_list ul li:hover a{background:#fff;}
.job_wrap .job_list ul li:nth-child(1):hover [class^="job_icon"]{background-color:#E7E5FD;}
.job_wrap .job_list ul li:nth-child(2):hover [class^="job_icon"]{background-color:#FFF5BA;}
.job_wrap .job_list ul li:nth-child(3):hover [class^="job_icon"]{background-color:#FFD9D3;}
.job_wrap .job_list ul li:nth-child(4):hover [class^="job_icon"]{background-color:#D9E6F9;}


@media (max-width:1640px){
	.cts4{border-radius: 10rem 10rem 0 0; }
	.cts4 .flex{gap:clamp(1.25rem, -0.107rem + 3.619vw, 3.15rem);}
	
	/*유튜브*/
	.youtube_wrap .sns_box{right: -1rem;}
	
}
@media (max-width:1440px){
	/*유튜브*/
	.youtube_wrap{width: 26.6%;}
	
	/*취업*/
	.job_wrap .job_tit{padding-left: 5%;}
	.job_wrap .job_tit:before{left:10%;}
}
@media (max-width:1024px){
	.cts4{border-radius: 5rem 5rem 0 0; }
	.notice_wrap{flex:0 0 100%; }
	.noti_flex{min-height:auto;}
	.job_wrap{width:auto; flex:1; flex-direction: column; justify-content: space-between; background-size:auto 30%;     padding: var(--num-30) clamp(1rem, -0.071rem + 2.857vw, 2.5rem);}
	.job_wrap .job_tit{width:100%;}
	.job_wrap .job_tit:after{bottom:0; left:auto; right:0;}
	.job_wrap .job_list{width:100%;}
	.job_wrap .job_list ul li a{padding:var(--num-16); font-size: var(--font-size-17);}
}
@media (max-width:768px){
	.cts4{border-radius: 0; }
	.noti_flex{gap: var(--num-40); flex-direction: column;}
	.news{margin:0 auto; width: 80%;}
	.no_exhibit {padding: 1rem;}
	.youtube_wrap{width:100%;  margin-top:0;}
	
	.job_wrap{ background-image:url('/images/default/main/job_bg_m.svg');}
	.job_wrap .job_tit:after{display:block; bottom: -1rem; position: relative;  margin-left: auto;}
	.job_wrap .job_list ul li{width:100%;}
}
@media (max-width:450px){
	.news{width: 100%;}
	.news .more {right: calc(-1 * var(--num-32));}
	
	.notice .recent_ul .date {width: 4.25rem;}
	.notice .others_ul li {flex-direction: column; align-items: flex-start;}
	.notice .others_ul li p {margin-left: 0;}
	.notice .others_ul li a {font-size: var(--font-size-16);}
}

/********************************************************
■ cts5 (갤러리)
********************************************************/
.cts5{padding:0 0 var(--padding-y100); position: relative;}

.gallery-wrap{position:relative; width:39.375rem; margin:0 auto; padding:1.75rem 0 0;}
.gallery-wrap:before{content:""; position:absolute; left:13%; top:0px; width:74%; height:100%; border-radius: clamp(3.125rem, 0.893rem + 5.952vw, 6.25rem); background: var(--Brand-Color-susub); z-index:-1;}
.gallery-wrap .num-pagin{width:50%; margin:0 auto var(--num-20); color:#fff;}
.gallery-wrap .num-pagin .swiper-pagination-progressbar{    background: linear-gradient(180deg, var(--Brand-Color-susub) 50%, rgba(255, 255, 255, 0.3) 50%);}
.gallery-wrap .num-pagin .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#fff;}
.gallery-wrap .control{display:flex; align-items: center; justify-content: center; gap:2.25rem; margin-top:var(--num-20);     transform: translateY(1rem);}
.gallery-wrap .control .swiper-button-next, 
.gallery-wrap .control .swiper-button-prev{position:relative; left:auto; top:auto; right:auto; margin:0; background: rgba(32, 105, 215, 0.1);} 
.gallery-wrap .control .swiper-button-next [class^="icon_"], 
.gallery-wrap .control .swiper-button-prev [class^="icon_"]{background-color:#fff;}
.gallery{filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.10));  border-radius: var(--num-16); }
.gallery  a{display:flex; align-items: center;padding: var(--num-20);  gap: var(--num-20); background: #FFF; }
.gallery  a .txt {width:100%;}
.gallery .thumb{display: block; border-radius:var(--radius-xl); overflow:hidden; width:50%; height: auto; aspect-ratio: 680 / 449; flex-shrink: 0;}
.gallery .thumb img{width:100%;}
.gallery .txt .cate{display:inline-block; border-radius: var(--num-20); background: #D9E6F9; padding: var(--num-8) var(--num-16); color: var(--Brand-Color-susub); font-size:var(--font-size-15); font-weight:700; margin-bottom:var(--num-20);}
.gallery .txt p{font-size:var(--font-size-18); color: var(--BTN-BG-Color-Black); font-weight:900; font-family: var(--ff-heading); line-height:1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery .txt em{display:inline-block; margin-top:var(--num-24); color: var(--Brand-Color-susub); font-size:var(--font-size-16); font-weight:700;}
.gallery .txt em [class^="icon_"]{background-color: var(--Brand-Color-susub); width:1.25rem; transition: all 0.2s ease-out 0s;}
.gallery a:hover .txt em [class^="icon_"]{margin-left:0.5rem; }
.back-gallery{position:absolute; left:0; top:0; width:100%; z-index:-2; transform:translateX(-8%);  overflow: visible; }
.back-gallery .thumb{display: block; border-radius:12px; overflow:hidden; width:100%; height: auto; aspect-ratio: 680 / 449; flex-shrink: 0;}
.back-gallery .thumb img{width:100%;}
.back-gallery .swiper-slide-active{width:630px !important; opacity:0;}


/* 갤러리 게시글 없는 경우 */
.gallery .swiper-slide:has(.noPost) {display: flex; height: auto;}
.gallery .noPost {display: flex; align-items: center;  flex-direction: column;  flex:1; height: 100%; width: 100%; padding:var(--num-20) var(--num-20) var(--num-32);  gap: var(--num-20); color: #232323; font-size: var(--font-size-20); background: #FFF;}
.gallery .noPost .icon {display: flex; align-items: center; justify-content: center;  width: 6.5rem;  aspect-ratio: 1; background: url(/images/default/content/nopostyet.svg) no-repeat 50% 50%; background-size: 100% auto;}

@media (max-width:1680px){
	.back-gallery{transform: translateX(-11%);}
}
@media (max-width:1440px){
	.back-gallery{transform: translateX(-12.5%);}
}
@media (max-width:1280px){
	.back-gallery{transform: translateX(-18%);}
}
@media (max-width:1024px){
	.back-gallery{transform: translateX(-22%);}
}

@media (max-width:768px){
	.back-gallery{display:none; }
	.gallery-wrap{position:relative; width:100%; padding:1.75rem var(--side-padding) 0;}
	.gallery .thumb{width:100%;}
	.gallery .swiper-slide {height: auto !important;}
	.gallery a{flex-direction: column; height: 100%;}
	.gallery a .txt {flex-direction: column; display: flex; justify-content: space-between; height: 100%;}
	
	/* 갤러리 게시글 없는 경우 */
	.gallery .noPost {justify-content: center;}
}