@charset "utf-8";

[class$=prev] a,
[class$=next] a{display: block; position: relative; font-size: 0px; width: 30px; height: 30px;}
[class$=prev] a:before,
[class$=next] a:before{display: block; content: ''; position: absolute; margin: auto; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 50%; height: 50%; border:1px solid #333; border-width:1px 1px 0px 0px}
[class$=prev] a:before{transform:rotate(-135deg)}
[class$=next] a:before{transform:rotate(45deg); }
h3{font-family: "Elice Digital Baeum", sans-serif; font-size: 2em; color: #222;}
.overY{overflow-y:hidden}

/*** 팝업창 ***/
.popup{position: absolute; right: 1%; margin-top: -4px; max-width: 450px; height: 325px; background: rgba(0,0,0,.85); z-index: 2; border-radius:1em; overflow:hidden; box-shadow:0px 2px 10px rgba(0,0,0,.5)}
.popup img{max-width: 100%; font-size: 0px; line-height: 0;}
.popup .closeBox{display: flex;}
.popup .closeBox>p{position: relative; text-align: center; flex:0 0 50%; padding-top: 10px; color: #fff; height: 45px; font-family: 'nexon_lv2M'; font-size: 1em; letter-spacing: 0px}
.popup .closeBox>p+p{border-left:1px solid rgba(255,255,255,.1)}
.popup .closeBox .todayClose{}
.popup .closeBox .todayClose input[type=checkbox] {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor:pointer; opacity: 0; ; }
.popup .closeBox .popupClose a{display: block; height: 100%;}
.popup .closeBox .x{display: inline-block; position: relative; vertical-align: middle; margin-left: .5rem; margin-top: .5rem; width: 1rem; height: 1rem}
.popup .closeBox .x:before,
.popup .closeBox .x:after{display: block; content: ''; position: absolute; left: 0px; top: 10%; width: 80%; height: 1px; background: #fff; transform: rotate(45deg);}
.popup .closeBox .x:after{transform: rotate(135deg);}
.fxr{display: flex; flex-direction: row;}
.fxr>*{flex:0 0 50%; font-size: 0;}
.fxc{display: flex; flex-direction: column;}
/*** 비주얼 ***/
.visualBox{position: relative;}
.visualBox:after{display: block; content: ''; clear: both;}
/* aside */
.visualBox .aside{position:relative; float:left; text-align: center; margin-top: -5px; padding-left: 10px; width: 305px;}
.visualBox .aside .slogan{display: flex; justify-content: center; gap:13px; margin-top: .5em; }
.visualBox .aside .slogan .tit{order:1; margin-bottom: 5px; width: 50px; font:bold 3.375em "Elice Digital Baeum", sans-serif; color: #111; line-height: .95}
.visualBox .aside .slogan .txt{display: flex; gap:3px; padding-top: 5px; font-size: 1em; letter-spacing: 0px; opacity: .8; line-height: .95}
.visualBox .aside .slogan .txt p span{display: block; width: 15px; padding-bottom: 5px;}
.visualBox .aside .slogan .txt p:first-child{order:1}
/* visual */
.visualBox .visual{float: right; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; position: relative; padding-left: 3em; padding-bottom: 13vh; width: calc(100% - 305px); height: calc(100vh - clamp(100px, calc(70px + 2vw), 130px)); min-height: 800px; overflow:hidden; border-top-left-radius:5.3em}
.visualBox .visual_con{max-width: 628px; z-index: 1;}
.visualBox .visual_list>li{opacity:0; filter: blur(0px); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color:#888; background-position:center center; background-size:cover; transition:all ease  2s; }
.visualBox .visual_list>li.select{opacity:1; filter: blur(0px); background-size:cover; transition:all ease 1s}
.visualBox .visual_list>li.visual01{background-image:url(/seochang/img/main/visual01.jpg?v1)}
.visualBox .visual_list>li.visual02{background-image:url(/seochang/img/main/visual02.jpg?v1)}
.visualBox .visual_list>li.visual03{background-image:url(/seochang/img/main/visual03.jpg?v1)}
.visualBox .visual_list>li.visual04{background-image:url(/seochang/img/main/visual04.jpg?v1)}
.visualBox .visual_list>li.visual05{background-image:url(/seochang/img/main/visual05.jpg?v1)}
.visualBox .visual_list>li.visual06{background-image:url(/seochang/img/main/visual06.jpg?v1)}
.visualBox .visual_list>li.visual07{background-image:url(/seochang/img/main/visual07.jpg?v1)}
.visualBox .visual_list>li.visual08{background-image:url(/seochang/img/main/visual08.jpg?v1)}
.visualBox .visual_list>li.visual09{background-image:url(/seochang/img/main/visual09.jpg?v1)}
.visualBox .visual_list>li.visual10{background-image:url(/seochang/img/main/visual10.jpg?v1.1)}
.visualBox .visual_list>li.visual11{background-image:url(/seochang/img/main/visual11.jpg?v1.1)}
.visualBox .visual_list .name{font-size: 0px;}
.visualBox .visual_btn{margin-top: -.5em; z-index: 1; }
.visualBox .visual_btn ul.visual_name{margin: auto; max-width: 720px;}
.visualBox .visual_btn ul.visual_name>li{display: inline-block; margin:2px 0px}
.visualBox .visual_btn ul.visual_name>li a{display:block; padding: 8px 1.6em 7px; color: #fff; background:rgba(0,0,0,.1); border:2px solid #fff; border-radius:50px; font:.9375rem 'nexon_lv2M'; text-decoration: none; transition:all ease .3s}
.visualBox .visual_btn ul.visual_name>li.select a,
.visualBox .visual_btn ul.visual_name>li a:hover{background: #fff; color: #333;}
.visualBox .visual_btn ul.go{margin-top: 3.5vh;}
.visualBox .visual_btn ul.go>li{display: none; text-align: center;}
.visualBox .visual_btn ul.go>li.select{display: block;}
.visualBox .visual_btn ul.go>li a{display: inline-block; color: #fff; border-bottom:1px solid #fff}
.visualBox .visual_btn ul.go>li a:After{display: inline-block; content: ''; margin:0px 2px 1px 5px; width: 4px; height: 4px; border:2px solid #fff; border-width:2px 2px 0px 0px; transform:rotate(45deg)}
.visualBox .visual_control{position: absolute; bottom: 7.5vh; margin-left: 55px;}
.visualBox .visual_control :where(ul, li, .btn_allFaciliry){display: inline-block; vertical-align: top; font-size: 0px;}
.visualBox .visual_control :where(ul>li>a, .btn_allFaciliry>a){display: block; position: relative; width: 50px; height:50px; border:1px solid #fff; border-radius:100px}
.visualBox .visual_control ul>li a:before{left:5%; width:30%; height: 30%; border-color: #fff;}
.visualBox .visual_control ul>li a:hover{background:#fff; z-index: 1;}
.visualBox .visual_control ul>li a:hover:before{border-color: #333;}
.visualBox .visual_control ul>li+li a{margin-left: -10px; margin-right: 10px; background:#fff}
.visualBox .visual_control ul>li+li a:before{left:-10%; border-color: #333;}
.visualBox .visual_control ul>li:hover+li{opacity: .5;}
.visualBox .visual_control .btn_allFaciliry>a{border:0px; background: #1CAEE9; }
.visualBox .visual_control .btn_allFaciliry>a:before,
.visualBox .visual_control .btn_allFaciliry>a:after{display: block; content: ''; position: absolute; top: 0px; bottom: 0px; left: 31%; right: 31%; margin: auto; height: 1px; background: #fff;}
.visualBox .visual_control .btn_allFaciliry>a:after{transform:rotate(90deg)}
.visualBox .visual_control .btn_allFaciliry>a span{opacity:0; display: block; position: absolute; left: -1.5em; top: calc(100% + 15px); padding:4px 1em 2px; border-radius:3px; font-size: .85rem; color: #fff; background:inherit; white-space:nowrap; transition:all ease .5s}
.visualBox .visual_control .btn_allFaciliry>a span:before{display: block; position: absolute; content:'' ; margin: auto; left: 0px; right: 0px; bottom: 100%; width: 0px; height: 0px; border:0px solid transparent; border-width:7px 5px; border-bottom-color:#1CAEE9}
.visualBox .visual_control .btn_allFaciliry>a:hover span{opacity: 1; top: calc(100% + 10px); }
.visualBox .visual_control .btn_allFaciliry>a:hover{ animation:trans ease-in 2s infinite }
@keyframes trans{
	0%{outline:0px solid rgba(28,174,233,.40);}
	40%{outline:6px solid rgba(28,174,233,.40);}
	80%{outline:6px solid rgba(28,174,233,.40);}
	100%{outline:0px solid rgba(28,174,233,.40);}
}
#allFacility{display: none; position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; text-align: left; padding: 5em; background:rgba(255, 255, 255, .95); z-index: 990; overflow:auto}
#allFacility>div{display:flex; align-items: flex-start}
#allFacility .conL{flex:0 0 20%; position: sticky; top: 0px; }
#allFacility .conL .tit{font:bold 2.5em "Elice Digital Baeum", sans-serif; letter-spacing: -1px; color: #222;}
#allFacility .conL .closeFacility{margin-top: 1em;}
#allFacility .conL .closeFacility a{display: block; position: relative; width: 5rem; height: 5rem; font-size: 0px;}
#allFacility .conL .closeFacility a:hover{border:1px solid #333}
#allFacility .conL .closeFacility a:before,
#allFacility .conL .closeFacility a:after{display: block; content: ''; position: absolute; left: 25%; top: 50%; width: 50%; height: 1px; background: #333; transform:rotate(45deg)}
#allFacility .conL .closeFacility a:after{transform:rotate(-45deg)}
#allFacility .conR p.space{margin-bottom: 0em; font-weight: bold; font-size: 1.125em;}
#allFacility .conR ul{display: flex; gap:1%; flex-wrap:wrap; margin-bottom: 2em;}
#allFacility .conR ul>li{flex:0 0 19%; margin-top: 1em;}
#allFacility .conR ul>li p.img{height: 10vw; font-size: 0px; border-radius:6px; overflow:hidden}
#allFacility .conR ul>li p.img img{width: 100%; height:100%; object-fit:cover}
#allFacility .conR ul>li p.name{margin-top:.5em}
.visualBox .visual_stop{position: absolute; right: 4vh; bottom: 3vh; font-size: 0px;}
.visualBox .visual_stop a{opacity: .9; display: block; width: 30px; height: 30px; border:2px solid #000; border-radius:100%}
.visualBox .visual_stop a:before{display: block; content: ''; position: relative; left: -2px; margin:7px auto; width: 3px; height: 46%; background: #000; box-shadow:5px 0px 0px #000; border-radius:2px}
.visualBox .btn_scorll{position: absolute; margin: auto;  right: 4vh; top: -6em; bottom: 0px; width: 50px; height: 50px; border:1px solid #fff; border-radius:100%; transform:rotate(90deg)}
.visualBox .btn_scorll	a{display: block; height: 100%; padding: 8px 15px; color: #fff; font-size: 11px; letter-spacing: 0px; white-space:nowrap}
.visualBox .btn_scorll	a:before,
.visualBox .btn_scorll	a:after{display: block; content: ''; position: absolute}
.visualBox .btn_scorll	a:after{margin-left: 10px; width: 100%; height: 1px; background: #fff;}
.visualBox .btn_scorll	a:before{position: absolute; left: 63px; bottom: 17.5px; width: 9px; height: 9px; border:1px solid #fff; border-width:1px 1px 0px 0px; transform:rotate(45deg)}
/* pzone */
.visualBox .pzone{position: absolute; bottom:0px; left: 8px; background: #fff; padding: min(3%, 2.5em) min(3%, 2.4em) 0px; border-radius:2.3em; border-radius:2.3em 2.3em 0px 0px; box-shadow:5px 0px 0px rgba(0,0,0,.2)  }
.visualBox .pzone_list{width:clamp(450px, 22vw, 560px); border-radius:1.3em; border-bottom-right-radius:0px; overflow:hidden; }
.visualBox .pzone_list>ul{position: relative; white-space:nowrap; text-align: center; font-size: 0px;}
.visualBox .pzone_list>ul>li{display: inline-block; width: 100%; max-height: clamp(305px, 16vw, 380px); }
.visualBox .pzone_list>ul>li a{display: block; height: 100%;}
.visualBox .pzone_list>ul>li img{object-fit:cover; width: 100%; height: 100%;}
.visualBox .pzone_control{position: absolute; top: 0px; left: 2.6em;}
.visualBox .pzone_control>li{display: inline-block; vertical-align: middle; line-height: 21px;}
.visualBox .pzone_control>li:not(.cnt){font-size: 0px;}
.visualBox .pzone_control>li a{display: block; width:21px; height: 21px;}
.visualBox .pzone_control>li.stop a{border:1px solid #333; border-radius:100%}
.visualBox .pzone_control>li.stop a:before{display: block; content: ''; position: relative; left: -1px; margin:5px auto; width: 2px; height: 46%; background: #333; box-shadow:3px 0px 0px #000; border-radius:1px}

/*** 배너 ***/
.banr{margin:min(3%, 2.4em) min(3%, 2.4em) 0px; padding: 2.5rem 0px; background: #f5f5f5; border-radius:1.3em}
.banr ul{display: flex; justify-content: space-between; padding: 0px 2%}
.banr ul>li{width: 20%; flex-grow: 1; text-align: center; border-left: 1px solid #ddd; --banrW:80px; --banrH:calc(var(--banrW) * 0.75)}
.banr ul>li:first-child{border-left:0px}
.banr ul>li a{display: inline-block; position: relative; text-align: left;  margin:0px 5% 0px; padding-left: calc(var(--banrW) + 6%);  }
.banr ul>li a:before{display: block; content:''; position: absolute; left: 0%; top: 50%; transform:translateY(-50%); width: var(--banrW); height: var(--banrH); background: url(/seochang/img/main/banr_ic.png?v1) no-repeat center 0px / cover}
.banr ul>li.ic_pc a:before{background-position-y: 0px;}
.banr ul>li.ic_mobile a:before{background-position-y: calc(0px - var(--banrH))}
.banr ul>li.ic_rent a:before{background-position-y: calc(0px - var(--banrH)*2)}
.banr ul>li.ic_multi a:before{background-position-y: calc(0px - var(--banrH)*3)}
.banr ul>li.ic_heath a:before{background-position-y: calc(0px - var(--banrH)*4)}
.banr ul .tit{font-weight: 900; color:var(--color_sub01); font-size: 1.1em; line-height: 120%;}
.banr ul .txt{margin-top: .5em; line-height: 120%; font-size: .95em;}

/*** 게시글 ***/
.boardBox{display: flex; flex-wrap:wrap; justify-content:space-between; padding: 4.5em 0px 6em}
.boardBox>div{width:48%; position: relative;}
@media screen and (max-width:1024px){
	.boardBox>div{width:100%}
	.boardBox>div+div{margin-top: 3em;}
}
.boardBox .board ul{margin-top:2em; padding:1px;}
.boardBox .board ul>li+li{margin-top:7px}
.boardBox .board ul>li a{display: block; padding:.91em 1.5em .9em; font-size: 1.18em; outline:1px dashed #ccc; border-radius:.5em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-decoration: none;}
.boardBox .board ul>li a:hover, .boardBox .board ul>li a:focus-visible{outline:2px solid #222}
.boardBox .board ul>li a .date{margin-right: 5px;}
.boardBox .board .more{position: absolute; right: 2px; top: .8rem; width:clamp(45px, 30%, 160px)}
.boardBox .board .more a{display: block; position: relative; padding: 2px 5px; border-bottom:1px solid #333; font-size: .85em; letter-spacing: 0px;}
.boardBox .board .more a:before{display: block; content:''; position: absolute; right: -1px; bottom: 6px; width: 18px; height: 1px; background: #333; transform:rotate(45deg)}

/*** 프로그램 ***/
.program{position: relative; padding: 4em 0px 8em;}
.program:before{display: block; content: ''; position: absolute; top: 0px; right: 185px; left: 0px; bottom: 0px; background: #F5F5F5; z-index: -1; border-top-right-radius:4.1Vw}
.program h3{text-align: center;}
.program ul{display: flex; flex-wrap:wrap; justify-content:space-between; margin-top: 3em;}
.program ul>li{position: relative; flex-basis:19.348%; line-height: 1.4; outline:3px solid rgba(0,0,0,0); text-shadow:0px 0px 2px rgba(0,0,0,.2);  }
.program ul>li:After{display: block; content: ''; position: absolute; right: 0px; bottom: -20px; width: 125px; height: 100px; background:url(/seochang/img/main/program_ic01.png) no-repeat center center/cover}
.program ul>li:nth-child(2):After{background-image:url(/seochang/img/main/program_ic02.png)}
.program ul>li:nth-child(3):After{background-image:url(/seochang/img/main/program_ic03.png)}
.program ul>li:nth-child(4):After{background-image:url(/seochang/img/main/program_ic04.png)}
.program ul>li:nth-child(5):After{background-image:url(/seochang/img/main/program_ic05.png)}
.program ul>li a{display: block; position: relative; text-align: center; padding: .75em 0px 3.5em; border-radius:1em; font:min(4vw, 1.37em) "Elice Digital Baeum", sans-serif; color: #fff; background-repeat:no-repeat; background-position: center bottom; background-size:COVER;  transition:all ease .3s, outline ease .1s; border-radius:1.2em; overflow:hidden; text-decoration: none;}
.program ul>li a:before{display: block; content: ''; margin:.8em auto; width: 1px; height: 1.85em; background: #fff; opacity: .3;}
.program ul>li:nth-child(1) a{background-image:url(/seochang/img/main/program_bg01.png); background-color:var(--color01);}
.program ul>li:nth-child(2) a{background-image:url(/seochang/img/main/program_bg02.png); background-color:var(--color02);}
.program ul>li:nth-child(3) a{background-image:url(/seochang/img/main/program_bg03.png); background-color:var(--color03);}
.program ul>li:nth-child(4) a{background-image:url(/seochang/img/main/program_bg04.png); background-color:var(--color04);}
.program ul>li:nth-child(5) a{background-image:url(/seochang/img/main/program_bg05.png); background-color:var(--color05);}
.program ul>li a:hover{box-shadow:0px 2px 5px rgba(0,0,0,.7), 0px 1px 15px rgba(0,0,0,.5); outline:3px solid rgba(0,0,0,.8); }
.program ul>li:nth-child(1) a:hover{background-color:var(--color01);}
.program ul>li:nth-child(2) a:hover{background-color:var(--color02);}
.program ul>li:nth-child(3) a:hover{background-color:var(--color03);}
.program ul>li:nth-child(4) a:hover{ background-color:var(--color04);}
.program ul>li:nth-child(5) a:hover{background-color:var(--color05);}
.program ul>li a p{opacity: 0; text-align: center; margin: auto; margin-top: 1em; width: 6em; transition:all ease .5s; padding: 5px 1em 4px; font:.75em 'nexon_lv2'; border-radius:100px; border:2px solid #fff; text-shadow: none}
.program ul>li a p:hover{background: #fff; color: #333;}
.program ul>li a:hover p{opacity: 1;}
.program span[class^=bg]{position: absolute; width: 240px; height: 174px; background-repeat:no-repeat; background-position:center center; background-size:contain}
.program span.bg_s{top: -170px; right: 110px; background-image:url(/seochang/img/main/bg_s.png); transform:rotate(-13.11deg)}
.program span.bg_c{top: 60px; right: 10px; background-image:url(/seochang/img/main/bg_c.png); transform:rotate(26.74deg) scale(1.05); z-index: -2}
.program span.bg_o{top: 210px; right: 130px; background-image:url(/seochang/img/main/bg_o.png); transform:rotate(2.55deg); z-index: -1}
.program span.bg_l{top: calc(100% - 170px); right: 270px; background-image:url(/seochang/img/main/bg_l.png); transform:rotate(-8.33deg); z-index: -1}


/*** 관련기관 ***/
.relatedSite{background:rgba(0,0,0,.89);}
.relatedSite h3{flex-shrink:0; flex-basis: 170px; font-size: 1.15em; color:rgba(255,255,255,.5); font-weight: normal;}
.relatedSite .wrap{display: flex; gap:5%; flex-wrap:wrap; justify-content: space-between; padding: 1.5em 0px;}
.relatedSite .list{flex-grow:1; flex-basis:calc(93% - 170px); position: relative; text-align: center; overflow:hidden; }
.relatedSite .list>div{margin:0px 50px; overflow:hidden}
.relatedSite .list #related_list{position: relative; white-space: nowrap;}
.relatedSite .list #related_list>li{display: inline-block; margin:0px 30px; line-height: 1.8em;}
.relatedSite .list #related_list>li a{color: #777;}
.relatedSite .list #related_list>li img{margin-right:5px}
.relatedSite .list .control>li{position: absolute; top: -2px}
.relatedSite .list .control>li a:before{border-color:#666}
.relatedSite .list .control>li.prev{left: 0px;}
.relatedSite .list .control>li.next{right: 0px;}



/***************************************************************************************************************************/


@media screen and (max-width:1400px){
	.visualBox .aside{display: none;}
	.visualBox .visual{float: none; margin: auto; padding-left: 0px; width: 96%; border-radius:20px}
	.visualBox .pzone{position: relative; left: 0px; margin-top: 1.5em;}
	.visualBox .pzone_list{border-radius:0px; width: 100%;}
	.visualBox .pzone_list>ul>li{margin-right: .5rem; width: 35%; border-radius:.8rem; overflow:hidden}
	.banr ul>li a{padding-left: 8%; margin:0px}
	.banr ul>li a:before{position: static; margin: auto; margin-bottom: .5em; transform:unset; }
	.program:before{right: 0px;}
}

@media all and (min-width:801px){
	.dp_mb{display: none;}
}

@media screen and (max-width:800px){
	.dp_pc{display: none;}
	.popup{left: 2%; right: 2%; top:75px; height: auto}
	h3{font-size: 1.8em}
	.visualBox .visual{height: auto; min-height: unset; ;padding-top:clamp(60px, 12vh, 17vw); padding-bottom:11vh; border-radius:10px}
	.visualBox .visual_con img{width: 80%; max-width: 450px;}
	.visualBox .btn_scorll,
	.visualBox .visual_btn ul.visual_name>li:not(.select){display: none;}
	.visualBox .visual_control{margin-left: 0px; left: 20px; bottom: 20px;}
	.visualBox .visual_control :where(ul>li>a, .btn_allFaciliry>a){width: 35px; height: 35px;}
	.visualBox .visual_control ul>li+li a{margin-left: -5px;}
	.visualBox .visual_control .btn_allFaciliry{display: none;}
	.visualBox .visual_stop{right: 20px; bottom: 20px;}
	.visualBox .pzone h3{margin-bottom: .5em;}
	.visualBox .pzone_list>ul>li{width: 80%; }
	.visualBox .pzone_control{left: auto; right: 5%; top: 2em;}
	.visualBox .pzone_control>li.stop{margin-left: 10px;}
	#allFacility{display: none !important}
	.banr{padding: 0rem 1rem;}
	.banr ul{flex-direction: column;}
	.banr ul>li{width: auto; text-align: left; border-left:0px; border-bottom:1px solid #ddd; --banrW:60px}
	.banr ul>li:last-child{border-bottom: 0px;}
	.banr ul>li a{padding: 1.5rem 0px; padding-left: calc(var(--banrW) + 5%);}
	.banr ul>li a:before{position: absolute; top: 50%; transform:translateY(-50%); }
	.boardBox .board ul{margin-top: 1.5em;}
	.boardBox .board ul>li a{font-size: 1.15em;}
	/* .program ul{flex-direction:column} */
	.program ul{margin-top: 2em;}
	.program ul>li{flex-basis:49%; margin-top: 1.5%; position: relative; }
	.program ul>li:After{transform:scale(.7); transform-origin:right}
	.program ul>li a{text-align: left; padding: 1.5em; font-weight: bold; background-position:left bottom 10%; background-size:70%; border-radius:.9em}
	.program ul>li a:before{display: none;}
	.program ul>li a:after{display: block; content: ''; position: absolute; left: 10%; right: 0px; top: 0px; bottom: 0px;}
	.program ul>li:nth-child(1) a:after{background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 20%, var(--color01) 60%)}
	.program ul>li:nth-child(2) a:after{background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 20%, var(--color02) 60%)}
	.program ul>li:nth-child(3) a:after{background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 20%, var(--color03) 60%)}
	.program ul>li:nth-child(4) a:after{background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 20%, var(--color04) 60%)}
	.program ul>li:nth-child(5) a:after{background-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 20%, var(--color05) 60%)}
	.program ul>li a span{z-index: 1; position: relative;}
	.program ul>li a p{display: none;}
	.program span[class^=bg]{display: none;}

}