/* slick slide common */
.slick-slider { -webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide { display:none; height:100%; min-height:1px; vertical-align:middle; }
.slick-list { overflow:hidden; }
.slick-list.dragging { cursor:pointer; }
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none; }
.slick-current { opacity:1; display:block; }
.slick-track { position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto; }
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display:inline-block; }

.MC_wrap1 { position: relative; padding: 3.1rem 0 5rem; overflow: hidden; }
.MC_wrap1::before { position: absolute; top: -6rem; left: 50%; transform: translateX(-50%); width: 100%; height: 39.75rem; background: url('/images/web/eduhub/main/section01_bg.png') no-repeat center / cover; content: ""; z-index: -1; }
.MC_wrap2 { position: relative; background: linear-gradient(to left, #1096EE, #003F77); z-index: 0; }
.MC_wrap2::before { position: absolute; bottom: 0; left: 0; width: 47.45rem; height: 34.65rem; background: url('/images/web/eduhub/main/section02_deco01.png') no-repeat center / contain; content: ""; }
.MC_wrap2::after { position: absolute; top: 0; right: 0; width: 61.95rem; height: 65.7rem; background: url('/images/web/eduhub/main/section02_deco02.png') no-repeat center right; content: ""; z-index: -1; }
.MC_wrap3 { position: relative; margin: 5rem 0; overflow: hidden; }
.MC_wrap3 .container::before { position: absolute; bottom: -5rem; left: -8rem; width: 200vw; height: calc(100% - 11rem); background: linear-gradient(#E4F3FF, #fff); content: ""; border-radius: 15rem 0 0 0; }
.MC_wrap4 { position: relative; background: rgba(44, 138, 136, 0.1); padding: 5rem 0; overflow: hidden; }
.MC_wrap4 .container::before { position: absolute; top: -5rem; right: -5.5rem; width: 30.85rem; height: 11rem; background: url('/images/web/eduhub/main/section04_deco02.png') no-repeat center / contain; content: ""; }
.MC_wrap4 .container::after { position: absolute; bottom: -5rem; left: -10.95rem; width: 20.95rem; height: 20.2rem; background: url('/images/web/eduhub/main/section04_deco01.png') no-repeat center / contain; content: ""; z-index: -1; }
.MC_wrap5 { position: relative; background: #01020B url('/images/web/eduhub/main/campus_bg.png') no-repeat center / cover; padding: 5.4rem 0; }

/* 맞춤 서비스 */
.userMatch { position: relative; }
.userMatch .heading { margin-bottom: 3.5rem; font-size: 2.25rem; color: #1D1D1D; word-break: keep-all; }
.userMatch .heading p { display: inline-block; font-weight: 700; }
.userMatch .heading p em { color: #005BAC; }
.userMatch .inner { display: flex; background: linear-gradient(#00A2FA, #0079DA); border-radius: 2.5rem; box-shadow: 0 0 25px rgba(28, 40, 49, 0.22); }
.userMatch .titTab { position: relative; width: 17rem; padding: 4rem 0; }
.userMatch .titTab .tit_wrap { color: #fff; padding: 0 3rem 0 3.2rem; }
.userMatch .titTab .tit_wrap .tit { font-size: 1.9rem; font-family: 'Montserrat'; font-weight: 700; }
.userMatch .titTab .tit_wrap span { display: block; font-weight: 200; font-size: 1.1rem; margin-top: 1.2rem; }
.userMatch .titTab .tit_wrap span em { font-weight: 600; }
.userMatch .titTab ul { margin-top: 5rem; padding-left: 3.2rem; }
.userMatch .titTab ul li + li { margin-top: 3.25rem; }
.userMatch .titTab ul li a { position: relative; display: flex; align-items: center; font-size: 1.1rem; color: #fff; gap: 1.25rem; transition: 0.3s; }
.userMatch .titTab ul li a::before { position: absolute; bottom: -0.9rem; left: 0; width: 0; height: 2px; background: #fff; content: ""; transition: 0.3s; }
.userMatch .titTab ul li a span { position: relative; display: inline-flex; align-items: baseline; gap: 0.5rem; padding-right: 1.3rem; }
.userMatch .titTab ul li a span em { font-family: 'Montserrat'; font-weight: 600; opacity: 0.6; font-size: 0.8rem; }
.userMatch .titTab ul li a span::before { opacity: 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0; height: 0; border-radius: 50%; background: #fff; content: ""; transition: 0.3s; }
.userMatch .tabWrap { width: calc(100% - 17rem); flex: 1; background: #fff; border-radius: 2.5rem; padding: 3.6rem 3rem; }
.userMatch .tabWrap .list_box { display: none; }
.userMatch .tabWrap .list_box.on { display: block; }
.userMatch .tabWrap .list_box .tit { display: flex; align-items: center; font-size: 1.6rem; gap: 0.5rem 1.25rem; font-weight: 700; word-break: keep-all; min-height: 48px; }
.userMatch .tabWrap .list_box .tit span { color: #989898; font-size: 1.1rem; font-weight: 400; transition: 0.3s; }
.userMatch .tabWrap .list_box ul { display: flex; flex-wrap: wrap; gap: 1.4rem 1.5rem; margin-top: 2.25rem; }
.userMatch .tabWrap #userMatch1 ul li { width: calc((100% - 4.5rem) / 4); flex: auto; }
.userMatch .tabWrap #userMatch2 ul li { width: calc((100% - 6rem) / 5); }
.userMatch .tabWrap .list_box ul li a { display: flex; align-items: center; flex-direction: column; justify-content: space-between; padding: 2.1rem 1rem; border-radius: 1.5rem; gap: 0.5rem; height: 100%; transition: 0.3s; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(1) a { background: #E9E4FF; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(2) a { background: #FF875E; color: #fff; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(3) a { background: #CAECFF; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(4) a { background: #FFDDEA; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(5) a { background: #FFDDEA; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(6) a { background: #FFE798; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(7) a { background: #B9FACD; }

.userMatch .tabWrap #userMatch2 ul li:nth-child(1) a { background: #3580DB; color: #fff; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(2) a { background: #FFDDEA; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(3) a { background: #3580DB; color: #fff; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(4) a { background: #FFE798; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(5) a { background: #00A79E; color: #fff; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(6) a { background: #E9E4FF; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(7) a { background: #B9FACD; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(8) a { background: #00A79E; color: #fff; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(9) a { background: #009FCC; color: #fff; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(10) a { background: #CAECFF; }
.userMatch .tabWrap .list_box ul li a .icon { display: flex; justify-content: center; align-items: center; width: 4.5rem; height: 4.5rem; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(1) a .icon { border-radius: 50%; background: #D2D0FF; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(2) a .icon { border-radius: 50%; background: #FFAD92; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(3) a .icon { border-radius: 50%; background: #9FDDFF; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(4) a .icon { border-radius: 50%; background: #FFC3DA; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(6) a .icon { border-radius: 50%; background: #FFD650; }
.userMatch .tabWrap #userMatch1 ul li:nth-child(7) a .icon { border-radius: 50%; background: #7CEF9F; }

.userMatch .tabWrap #userMatch2 ul li:nth-child(2) a .icon { border-radius: 50%; background: #FFC3DA; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(3) a .icon { border-radius: 50%; background: #4597F9; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(6) a .icon { border-radius: 50%; background: #D2D0FF; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(7) a .icon { border-radius: 50%; background: #7CEF9F; }
.userMatch .tabWrap #userMatch2 ul li:nth-child(10) a .icon { border-radius: 50%; background: #9FDDFF; }
.userMatch .tabWrap .list_box ul li a .icon img { max-width: 100%; }
.userMatch .tabWrap .list_box ul li a .txt { display: flex; align-items: center; min-height: 52px; font-size: 1.1rem; font-weight: 600; text-align: center; word-break: keep-all; }
.userMatch .titTab ul li a.current,
.userMatch .titTab ul li a:hover,
.userMatch .titTab ul li a:focus { font-weight: 700; }
.userMatch .titTab ul li a.current::before,
.userMatch .titTab ul li a:hover::before,
.userMatch .titTab ul li a:focus::before { width: 100%; }
.userMatch .titTab ul li a.current span::before { opacity: 1; width: 0.5rem; height: 0.5rem; }
.userMatch .tabWrap .list_box ul li a:hover,
.userMatch .tabWrap .list_box ul li a:focus { border-radius: 1.5rem 1.5rem 3rem 1.5rem; }

.userMatch .tabWrap .tit_box { position: relative; display: flex; justify-content: space-between; gap: 1rem; font-size: 0.9rem; }
.userMatch .tabWrap .tit_box .helpBox { font-size: 0.9rem; }
.userMatch .tabWrap .tit_box .helpBox dl { display: flex; align-items: center; gap: 0.75rem; }
.userMatch .tabWrap .tit_box .helpBox dl dt { display: inline-flex; border: 1px solid rgba(0, 91, 172, 0.5); border-radius: 2rem; color: #005BAC; padding: 0.6rem 1rem; gap: 0.4rem; box-shadow: 0 0 5px rgba(211, 213, 213, 0.5); font-weight: 600; white-space: nowrap; }
.userMatch .tabWrap .tit_box .helpBox dl dd strong { color: #222; font-weight: 600; }
.userMatch .tabWrap .tit_box .helpBox dl dd { display: flex; flex-wrap: wrap; gap: 0.2rem 0.5rem; }
.userMatch .tabWrap .tit_box .helpBox dl dd em { color: #444; }

/* 프로그램 */
.proGram { position: relative; display: flex; justify-content: space-between; align-items: flex-start; gap: 2rem; }
.proGram .tit_wrap { position: sticky; top: 0; left: 0; padding: 10rem 0 18rem 0; flex: none; }
.proGram .tit_wrap .heading { color: #fff; margin: 2.4rem 0 4rem; font-size: 2rem; line-height: 150%; word-break: keep-all; }
.proGram .tit_wrap .heading p { font-weight: 700; }
.proGram .tit_wrap .btn_more { display: inline-flex; align-items: center; background: linear-gradient(to right, #0F5BB7, #0B9DF8, #0F5BB7); background-size: 200% 100%;  background-position: left; border-radius: 2rem; color: #fff; gap: 1rem; padding: 0.7rem 1.2rem; font-size: 1rem; transition: 0.3s; }
.proGram .tit_wrap .btn_more i { font-size: 1.2rem; }
.proGram .lst { display: flex; flex-wrap: wrap; gap: 0 5rem; width: 48.5rem; padding: 4.75rem 0; }
.proGram .lst li { width: calc((100% - 5rem) / 2); }
.proGram .lst li:nth-child(odd) { margin-top: 3.5rem; }
.proGram .lst li a { position: relative; display: block; }
.proGram .lst li a::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; color: #fff; background: linear-gradient(#00B2FF, #005BAC); font-size: 1rem; font-family: 'remixicon'; content: "\ea70"; z-index: 2; animation: box_shadow 1.2s infinite; opacity: 0; }
.proGram .lst li a .badge { position: absolute; top: -0.7rem; right: 1rem; z-index: 1; }
.proGram .lst li a .tag { position: absolute; bottom: calc(100% - 8px); left: 0; display: inline-block; background: #0092D9; color: #fff; border-radius: 0.5rem 0.5rem 0 0; padding: 0.5rem 1.5rem; z-index: 1; }
.proGram .lst li a .img { position: relative; display: flex; justify-content: center; align-items: center; height: 13rem; border-radius: 0.5rem; overflow: hidden; background: rgba(0, 0, 0, 0.2); }
.proGram .lst li a .img::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); content: ""; transition: 0.3s; }
.proGram .lst li a.on .img::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.5rem; border: 8px solid #0092D9; content: ""; transition: 0.3s; }
.proGram .lst li a .img img { max-width: 100%; }
.proGram .lst li a .txt { position: absolute; bottom: 1.2rem; left: 0; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; padding: 0 1rem; font-size: 1rem; }
.proGram .lst li a:hover::before,
.proGram .lst li a:focus::before { opacity: 1; }
.proGram .lst li a:hover .tag,
.proGram .lst li a:focus .tag { opacity: 1; }
.proGram .lst li a:hover .img::after,
.proGram .lst li a:focus .img::after { opacity: 1; }
.proGram .lst li a:hover .img::before,
.proGram .lst li a:focus .img::before { background: rgba(0, 0, 0, 0.8); }
.proGram .tit_wrap .btn_more:hover,
.proGram .tit_wrap .btn_more:focus { background-position: right; }

@keyframes box_shadow{
    0% { box-shadow: 0 0 0 0 rgba(0, 91, 172); } 
    100% { box-shadow: 0 0 0 16px transparent; }
}

/* sns */
.cwuSns { position: relative; }
.cwuSns .heading { font-size: 2.25rem; font-weight: 600; }
.cwuSns .heading em { color: #003E8A; font-weight: 700; }
.cwuSns .snslst { position: absolute; top: 0; right: 0; display: flex; gap: 0.6rem; }
.cwuSns .snslst a { display: flex; justify-content: center; align-items: center; width: 2.8rem; height: 2.8rem; border-radius: 50%; color: #fff; }
.cwuSns .snslst a.insta { background: url('/images/web/eduhub/main/sns_insta_bg.png') no-repeat center; }
.cwuSns .snslst a.youtube { background: #F4393F; }
.cwuSns .snslst a.facebook { background: #0081FF; }
.cwuSns .snslst a.linkedin { background: #0A66C2; }
.cwuSns .snslst a.threads { background: #000; }
.cwuSns .snslst a i { font-size: 1.5rem; }
.cwuSns .snslst a.btn_more { color: #000; border: 1px solid #ccc; }
.cwuSns .snslst a.btn_more i { font-size: 1.2rem; transition: 0.3s; }
.cwuSns .tabWrap { display: flex; gap: 2rem; margin-top: 2rem; } 
.cwuSns .tabWrap .list_box { position: relative; flex: 1; width: calc((100% - 6rem) / 4); height: stretch; border-radius: 1rem; overflow: hidden; border: 1px solid #ccc; }
.cwuSns .tabWrap .list_box .no_data { display: flex; justify-content: center; align-items: center; height: 27.3rem; background: #f1f1f1; border-radius: 1rem; }
.cwuSns .slider .item a { position: relative; display: block; padding-bottom: 3.6rem; background: #fff; }
.cwuSns .slider .item a .badge { position: absolute; top: 0.75rem; left: 0.75rem; display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; color: #fff; }
.cwuSns .slider .item a .badge i { font-size: 1.2rem; }
.cwuSns .slider .item a .badge.insta { background: url('/images/web/eduhub/main/sns_insta_bg.png') no-repeat center; }
.cwuSns .slider .item a .badge.youtube { background: #F4393F; }
.cwuSns .slider .item a .badge.facebook { background: #0081FF; }
.cwuSns .slider .item a .badge.linkedin { background: #0A66C2; }
.cwuSns .slider .item a .badge.threads { background: #000; }
.cwuSns .slider .item a .img { height: 18.5rem; line-height: 0; display: flex; justify-content: center; align-items: center; background: #f1f1f1; overflow: hidden; }
.cwuSns .slider .item a .img img { width: 100%; height: 100%; }
.cwuSns .slider .item a .txt { padding: 1.5rem 1rem 0.7rem 1rem; font-size: 1rem; font-weight: 600; color: #1D1D1D; line-height: 150%; transition: 0.3s; }
.cwuSns .slider .item a .txt em { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; min-height: 60px; }
.cwuSns .list_box.on .item a { background: #000; }
.cwuSns .list_box.on .item a .txt { color: #fff; }
.cwuSns .snslst a.btn_more:hover i,
.cwuSns .snslst a.btn_more:focus i { transform: rotate(180deg); }
.cwuSns .control { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); display: flex; gap: 0.5rem; }
.cwuSns .control .inner { display: flex; align-items: center; gap: 0.6rem; background: #fff; border: 1px solid rgba(204, 204, 204, 0.7); border-radius: 1rem; padding: 0 0.8rem; }
.cwuSns .control .inner .page { display: flex; align-items: center; font-family: 'Montserrat'; }
.cwuSns .control .inner .page strong { color: #003E8A; font-weight: 700; }
.cwuSns .control .inner .page span { position: relative; padding-left: 0.85rem; color: #888; font-weight: 600; }
.cwuSns .control .inner .page span::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0.3rem; width: 5px; height: 5px; border-radius: 50%; background: #ccc; content: ""; }
.cwuSns .control .inner a { width: 1.25rem; height: 1.25rem; background: #003E8A; color: #fff; border-radius: 50%; }
.cwuSns .control a { display: flex; justify-content: center; align-items: center; }
.cwuSns .control a.play { display: none; }
.cwuSns .control > a { width: 1.9rem; height: 1.9rem; border-radius: 50%; border: 1px solid rgba(204, 204, 204, 0.7); transition: 0.3s; }
.cwuSns .list_box.on .control > a { color: #fff; }
.cwuSns .control > a:hover,
.cwuSns .control > a:focus { background: #fff; color: #111 !important; }

.cwuSns .tabWrap #widgDiv6 .item  a .img { height: 23.7rem; }
.cwuSns .tabWrap #widgDiv6 .item a .txt { display: none; }

/* 이슈 */
.cwuNews { position: relative; display: flex; justify-content: space-between; }
.cwuNews .tit_wrap { position: relative; width: 13.35rem; }
.cwuNews .tit_wrap .heading { font-size: 2.25rem; font-weight: 600; color: #1d1d1d; }
.cwuNews .tit_wrap .heading em { color: #2C8A88; font-weight: 700; }
.cwuNews .tit_wrap p { margin: 2.4rem 0 4rem; font-size: 1rem; line-height: 150%; word-break: keep-all; color: #4D4D4D; }
.cwuNews .tit_wrap p em { font-weight: 600; }
.cwuNews .tit_wrap .btn_more { display: inline-flex; align-items: center; background: linear-gradient(to right, #178098, #30A3A1, #178098); background-size: 200% 100%;  background-position: left; border-radius: 2rem; color: #fff; gap: 1rem; padding: 0.7rem 1.2rem; font-size: 1rem; transition: 0.3s; }
.cwuNews .tit_wrap .btn_more i { font-size: 1.2rem; }
.cwuNews .sliderBox { flex: 1; width: calc(100% - 13.35rem); padding-left: 7.15rem; }
.cwuNews .sliderBox .slider .slick-list { width: calc(100% + 3rem); margin-left: -1.5rem; }
.cwuNews .sliderBox .slider .item { padding: 0 1.5rem; }
.cwuNews .sliderBox .slider .item a { display: block; }
.cwuNews .sliderBox .slider .item a .img { display: flex; justify-content: center; align-items: center; border-radius: 1.5rem; overflow: hidden; }
.cwuNews .sliderBox .slider .item a .img img { max-width: 100%; transition: 0.3s; }
.cwuNews .sliderBox .slider .item a .txt { font-size: 0.9rem; font-weight: 600; color: #111; margin-top: 0.8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cwuNews .sliderBox .control { display: flex; align-items: center; margin-top: 2rem; }
.cwuNews .sliderBox .control .progressbar { margin-right: 0.5rem; flex: 1; height: 0.6rem; border-radius: 1rem; background: #fff; overflow: hidden; }
.cwuNews .sliderBox .control .progressbar p { width: 0; height: 100%; background: linear-gradient(to left, #30A3A1, #178098); }
.cwuNews .sliderBox .control .progressbar p.proBar { transition: 4s linear; }
.cwuNews .sliderBox .control a { display: flex; justify-content: center; align-items: center; width: 2.8rem; height: 2.8rem; border-radius: 50%; border: 1px solid #ccc; background: #fff; font-size: 1rem; transition: 0.3s; }
.cwuNews .sliderBox .control a.play { display: none; }
.cwuNews .sliderBox .slider .item a:hover .img img,
.cwuNews .sliderBox .slider .item a:focus .img img { transform: scale(1.1); }
.cwuNews .sliderBox .control a:hover,
.cwuNews .sliderBox .control a:focus { background: #DFE5E5; border-color: #BFC4C4; }
.cwuNews .tit_wrap .btn_more:hover,
.cwuNews .tit_wrap .btn_more:focus { background-position: right; }

.cwuCampus { position: relative; }
.cwuCampus .tit_wrap { text-align: center; }
.cwuCampus .tit_wrap .heading { color: #fff; font-size: 2.25rem; font-weight: 800; }
.cwuCampus .tit_wrap .heading em { background: linear-gradient(to right, #5eb6ff, #008CFF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.cwuCampus .tit_wrap p { font-size: 1.3rem; font-weight: 300; margin-top: 1.25rem; color: rgba(255, 255, 255, 0.7); word-break: keep-all; }
.cwuCampus ul { display: flex; gap: 6%; margin-top: 2.1rem; }
.cwuCampus ul li { flex: auto; }
.cwuCampus ul li a { position: relative; display: flex; flex-direction: column; gap: 1.25rem; }
.cwuCampus ul li a .img { position: relative; border-radius: 0.75rem; padding: 10px; background: #fff; line-height: 0; transition: 0.3s; }
.cwuCampus ul li a .img::before { position: absolute; top: -1.2rem; right: 2.5rem; display: flex; justify-content: center; align-items: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; color: #fff; background: linear-gradient(#00B2FF, #005BAC); font-size: 1rem; font-family: 'remixicon'; content: "\f0d1"; z-index: 2; animation: box_shadow 1.2s infinite; opacity: 0; transition: 0.3s; }
.cwuCampus ul li a .img img { max-width: 100%; border-radius: 0.75rem; }
.cwuCampus ul li a .tit { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; align-items: center; color: #fff; letter-spacing: 2px; }
.cwuCampus ul li:nth-child(2) { margin-top: 5rem; }
.cwuCampus ul li:nth-child(2) a .tit,
.cwuCampus ul li:nth-child(3) a .tit { flex-direction: column; text-align: center; }
.cwuCampus ul li a .tit span { font-size: 1.6rem; }
.cwuCampus ul li a .tit span strong { font-weight: 600; }
.cwuCampus ul li a .tit em { position: relative; font-size: 0.8rem; opacity: 0.3; transition: 0.3s; }
.cwuCampus ul li a .tit em::before { position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: linear-gradient(to right, #8EC31F, #0092D9); content: ""; transition: 0.3s; } 
.cwuCampus ul li a:hover .img,
.cwuCampus ul li a:focus .img { background: linear-gradient(#0B9DF8, #0868CC); }
.cwuCampus ul li a:hover .img::before,
.cwuCampus ul li a:focus .img::before { opacity: 1; }
.cwuCampus ul li a:hover .tit em,
.cwuCampus ul li a:focus .tit em { background: linear-gradient(to right, #8EC31F, #0092D9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity: 1; font-weight: 600; }
.cwuCampus ul li a:hover .tit em::before,
.cwuCampus ul li a:focus .tit em::before { width: 100%; }

@media (max-width:1440px){
    .userMatch .titTab .tit_wrap { padding: 0 3rem; }
    .userMatch .titTab ul { padding-left: 3rem; }
    .userMatch .tabWrap #userMatch2 ul li { width: calc((100% - 4.5rem) / 4); }

    .proGram .lst { gap: 0 2rem; }
    .proGram .lst li { width: calc((100% - 2rem) / 2); }
}

@media (max-width:1280px){
    .MC_wrap1 { padding: 3rem 0; }
    .MC_wrap2::before,
    .MC_wrap2::after { display: none; }
    .MC_wrap3 { margin: 3rem 0; overflow: visible; }
    .MC_wrap3 .container::before { display: none; }
    .MC_wrap4 { padding: 3rem 0; }
    .MC_wrap5 { padding: 3rem 0; }

    .userMatch .heading { font-size: 2rem; margin-bottom: 2rem; }
    .userMatch .inner { display: block; }
    .userMatch .titTab { width: 100%; padding: 2rem; }
    .userMatch .titTab .tit_wrap { display: flex; align-items: center; padding: 0; gap: 1rem; }
    .userMatch .titTab .tit_wrap .tit { font-size: 1.5rem; }
    .userMatch .titTab .tit_wrap span { margin-top: 0; font-size: 1rem; }
    .userMatch .titTab ul { position: absolute; top: 50%; right: 3rem; transform: translateY(-50%); margin-top: 0; padding-left: 0; display: flex; align-items: center; gap: 3.5rem; }
    .userMatch .titTab ul li + li { margin-top: 0; }
    .userMatch .titTab ul li a { gap: 0.8rem; }
    .userMatch .titTab ul li a::before { bottom: -0.5rem; }
    .userMatch .titTab ul li a span { padding-right: 0; }
    .userMatch .titTab ul li a span em { display: none; }
    .userMatch .titTab ul li a.current span { padding-right: 1.3rem; }
    .userMatch .tabWrap { width: 100%; padding: 2rem; }
    .userMatch .tabWrap .list_box .tit { font-size: 1.5rem; min-height: auto; }
    .userMatch .tabWrap .list_box ul { margin-top: 1.5rem; }
    .userMatch .tabWrap .list_box ul li a { padding: 1rem; justify-content: center; }
    .userMatch .tabWrap .list_box ul li a .icon { width: 3.5rem; height: 3.5rem; }
    .userMatch .tabWrap .list_box ul li a .txt { min-height: auto; font-size: 1rem;  }

    .proGram { display: block; padding: 3rem 0; }
    .proGram .tit_wrap { position: relative; top: auto; left: auto; padding: 0 5rem 0 0; display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; }
    .proGram .tit_wrap .img img { height: 60px; }
    .proGram .tit_wrap .heading { font-size: 1.7rem; margin: 0; }
    .proGram .tit_wrap .heading p { display: inline-block; }
    .proGram .tit_wrap .btn_more { position: absolute; bottom: 0; right: 0; }
    .proGram .lst { width: 100%; padding: 0; margin-top: 2rem; }
    .proGram .lst li:nth-child(odd) { margin-top: 2.5rem; }
    .proGram .lst li:nth-child(n + 7) { display: none; }

    .cwuSns .heading { font-size: 1.7rem; }
    .cwuSns .snslst { top: -5px; }
    .cwuSns .snslst a { width: 2.5rem; height: 2.5rem; }
    .cwuSns .snslst a i { font-size: 1.2rem; }

    .cwuNews .tit_wrap .heading { font-size: 1.7rem; }
    .cwuNews .tit_wrap p { margin: 1rem 0 2rem; font-size: 0.9rem; }
    .cwuNews .sliderBox { padding-left: 2rem; }
    .cwuNews .sliderBox .slider .slick-list { width: calc(100% + 2rem); margin-left: -1rem; }
    .cwuNews .sliderBox .slider .item { padding: 0 1rem; }
    .cwuNews .sliderBox .control a { width: 2.2rem; height: 2.2rem; }

    .cwuCampus .tit_wrap .heading { font-size: 1.7rem; }
    .cwuCampus .tit_wrap p { font-size: 1rem; margin-top: 1rem; }
    .cwuCampus ul { gap: 4%; }
    .cwuCampus ul li a .tit span { font-size: 1.2rem; }
    .cwuCampus ul li a .img { padding: 5px; }
}

@media (max-width:1240px){
    .cwuSns .tabWrap { flex-wrap: wrap; }
    .cwuSns .tabWrap .list_box { width: calc((100% - 2rem) / 2); flex: auto; }
    .cwuSns .slider .item a .img { height: 14.5rem; }
    .cwuSns .tabWrap #widgDiv6 .item a .img { height: 18.2rem; }
    .cwuSns .slider .item a .txt em { white-space: nowrap; min-height: auto; }
    .cwuSns .tabWrap .list_box .no_data { height: 21.8rem; }
}

@media (max-width:1024px){
    .MC_wrap4 .container::before,
    .MC_wrap4 .container::after { display: none; }

    .userMatch .titTab ul  { gap: 2rem; }

    .proGram .tit_wrap .btn_more { padding: 0.5rem 1rem; font-size: 0.9rem; gap: 0.5rem; }

    .cwuSns .slider .item a .txt { padding: 1rem 1rem 0.7rem 1rem; font-size: 0.9rem; }    

    .cwuNews { display: block; }
    .cwuNews .tit_wrap { width: 100%; padding-right: 7rem; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; margin-bottom: 2rem; }
    .cwuNews .tit_wrap p { margin: 0; }
    .cwuNews .tit_wrap .btn_more { position: absolute; bottom: 0; right: 0; padding: 0.5rem 1rem; font-size: 0.9rem; gap: 0.5rem; }
    .cwuNews .sliderBox { width: 100%; padding-left: 0; }

    .cwuCampus ul li a .img::before { width: 2rem; height: 2rem; animation: none; }
}

@media (max-width:860px){
    
    .MC_wrap1 { padding: 1.5rem 0; }
    .MC_wrap3 { margin: 1.5rem 0; }
    .MC_wrap4 { padding: 1.5rem 0; }
    .MC_wrap5 { padding: 1.5rem 0; }

    .userMatch .heading { font-size: 1.6rem; }
    .userMatch .titTab { padding: 1.5rem; }
    .userMatch .titTab .tit_wrap .tit { font-size: 1.2rem; }
    .userMatch .titTab .tit_wrap span { display: none; }
    .userMatch .titTab ul { right: 1.5rem; }
    .userMatch .titTab ul li a { font-size: 1rem; }
    .userMatch .titTab ul li a img { width: 1.5rem; }
    .userMatch .inner { border-radius: 1.8rem; }
    .userMatch .tabWrap { border-radius: 1.8rem; padding: 1.5rem; }
    .userMatch .tabWrap .list_box .tit { font-size: 1.2rem; }
    .userMatch .tabWrap .list_box .tit span { font-size: 0.9rem; }
    .userMatch .tabWrap .list_box ul { gap: 1rem; margin-top: 1rem; }
    .userMatch .tabWrap .list_box ul li { width: calc((100% - 2rem) / 3) !important; flex: none !important; }
    .userMatch .tabWrap .list_box ul li a { border-radius: 1rem; }
    .userMatch .tabWrap .list_box ul li a .txt { font-size: 0.9rem; }
    .userMatch .tabWrap .list_box ul li a:hover,
    .userMatch .tabWrap .list_box ul li a:focus { border-radius: 1rem 1rem 2rem 1rem; }

    .proGram .tit_wrap .img img { height: 40px; }
    .proGram .tit_wrap .heading { font-size: 1.2rem; }
    .proGram .lst { gap: 0 1rem; margin-top: 1.5rem; }
    .proGram .lst li { width: calc((100% - 1rem) / 2); }
    .proGram .tit_wrap .btn_more { font-size: 0.8rem; }
    .proGram .tit_wrap .btn_more i { display: none; }

    .cwuSns .heading { font-size: 1.2rem; }
    .cwuSns .snslst a { width: 2rem; height: 2rem; }
    .cwuSns .snslst a i { font-size: 1rem; }
    .cwuSns .tabWrap { gap: 1rem; }
    .cwuSns .tabWrap .list_box { width: calc((100% - 1rem) / 2); }
    .cwuSns .slider .item a .badge { width: 2rem; height: 2rem; }
    .cwuSns .slider .item a .badge i { font-size: 1rem; }

    .cwuNews .tit_wrap { margin-bottom: 1rem; }
    .cwuNews .tit_wrap .heading { font-size: 1.2rem; }
    .cwuNews .tit_wrap .btn_more { font-size: 0.8rem; }
    .cwuNews .tit_wrap .btn_more i { display: none; }
    .cwuNews .sliderBox .slider .slick-list { width: calc(100% + 1rem); margin-left: -0.5rem; }
    .cwuNews .sliderBox .slider .item { padding: 0 0.5rem; }
    .cwuNews .sliderBox .control { margin-top: 1rem; }
    .cwuNews .sliderBox .control .progressbar { height: 0.45rem; }

    .cwuCampus .tit_wrap .heading { font-size: 1.2rem; }
    .cwuCampus .tit_wrap p { font-size: 0.9rem; margin-top: 0.5rem; }
    .cwuCampus ul { margin-top: 2rem; gap: 1rem; }
    .cwuCampus ul li a { gap: 1rem; }
    .cwuCampus ul li a .tit span { font-size: 1rem; }
    .cwuCampus ul li a .tit em { font-size: 0.7rem; }
    .cwuCampus ul li a .img::before { display: none; }
}

@media (max-width:768px){

    .userMatch .heading { margin-bottom: 1rem; }

    .proGram { padding: 1.5rem 0; }
    .proGram .lst li a .badge img { height: 3.5rem; }
    .proGram .lst li a .img { height: 11rem; }

    .cwuCampus ul { flex-direction: column; gap: 1.5rem; }
    .cwuCampus ul li:nth-child(2) { margin-top: 0; }
    .cwuCampus ul li:nth-child(3) a { flex-direction: row-reverse; }
    .cwuCampus ul li a { flex-direction: row; align-items: center; gap: 0; }
    .cwuCampus ul li a .tit { align-items: flex-start; flex-direction: column; white-space: nowrap; padding-left: 1.5rem; width: 13rem; flex: none; }
    .cwuCampus ul li:nth-child(2) a .tit,
    .cwuCampus ul li:nth-child(3) a .tit { text-align: right; }
    .cwuCampus ul li a .img { flex: 1; width: calc(100% - 13rem); height: 13rem; }
    .cwuCampus ul li a .img img { width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
}

@media (max-width:690px){
    .cwuCampus ul li a .tit { padding-left: 1rem; width: 11rem; }
    .cwuCampus ul li a .img { width: calc(100% - 11rem); height: 11rem; }

    .userMatch .tabWrap .tit_box  { display: block; }
    .userMatch .tabWrap .tit_box .helpBox { margin-top: 1rem; }
}

@media (max-width:580px){
    .userMatch .titTab ul { gap: 1rem; }
    .userMatch .titTab ul li a.current span { padding-right: 0; }
    .userMatch .titTab ul li a.current span::before { display: none; }

    .proGram .tit_wrap .img { display: none; }
    .proGram .lst { gap: 1rem; }
    .proGram .lst li:nth-child(odd) { margin-top: 0; }
    .proGram .lst li a .img { height: 9rem; }

    .cwuSns .heading { width: calc(100% - 4.5rem); }
    .cwuSns .snslst { position: relative; top: auto; right: auto; margin-top: 0.75rem; gap: 0.4rem; justify-content: end; }
    .cwuSns .snslst a.btn_more { margin-left: 0; }
    .cwuSns .tabWrap .list_box { width: 100%; }

    .cwuNews .tit_wrap p { display: none; }

    .userMatch .tabWrap .tit_box .helpBox dl dt i { display: none; }
}

@media (max-width:480px){
    .userMatch .heading { font-size: 1.2rem; }
    .userMatch .inner { border-radius: 1rem; }
    .userMatch .titTab { padding: 1rem; }
    .userMatch .titTab .tit_wrap .tit { font-size: 1rem; width: calc(100% - 9rem); }
    .userMatch .titTab ul li a img { display: none; }
    .userMatch .tabWrap { border-radius: 1rem; padding: 1rem; }
    .userMatch .tabWrap .list_box .tit { font-size: 1rem; }
    .userMatch .tabWrap .list_box .tit span { font-size: 0.8rem; }
    .userMatch .tabWrap .list_box ul { gap: 0.5rem; }
    .userMatch .tabWrap .list_box ul li { width: calc((100% - 1rem) / 3) !important;}
    .userMatch .tabWrap .list_box ul li a { border-radius: 0.6rem; padding: 0.7rem; }
    .userMatch .tabWrap .list_box ul li a .icon { display: none; }
    .userMatch .tabWrap .list_box ul li a .txt { font-size: 0.8rem; }
    .userMatch .tabWrap .list_box ul li a:hover,
    .userMatch .tabWrap .list_box ul li a:focus { border-radius: 0.6rem 0.6rem 1.5rem 0.6rem; }

    .userMatch .tabWrap .tit_box .helpBox dl { border: 1px solid rgba(0, 91, 172, 0.5); border-radius: 1rem; box-shadow: 0 0 5px rgba(211, 213, 213, 0.5); padding: 0.8rem;}
    .userMatch .tabWrap .tit_box .helpBox dl dt { display: none; }

    .proGram .tit_wrap .heading { font-size: 1.1rem; }
    .proGram .lst li { width: 100%; }
    .proGram .lst li:nth-child(n + 5) { display: none; }
    .proGram .lst li a .img { height: auto; }
    .proGram .lst li a .txt { font-size: 0.9rem; }

    
    .cwuNews .sliderBox .slider .item a .img { border-radius: 1rem; }

    .cwuCampus ul li a { flex-direction: column; gap: 1rem; }
    .cwuCampus ul li:nth-child(2) a,
    .cwuCampus ul li:nth-child(3) a { flex-direction: column-reverse; }
    .cwuCampus ul li a .tit { width: 100%; padding-left: 0; flex-direction: row !important; align-items: center; flex-wrap: wrap; }
    .cwuCampus ul li a .img { width: 100%; flex: auto; }
}

@media (max-width:420px){

    .userMatch .tabWrap .list_box ul li { width: calc((100% - 0.5rem) / 2) !important; }
}

@media (max-width:380px){
    .proGram .tit_wrap .heading p { display: block; }
    .proGram .tit_wrap .btn_more { bottom: 50%; transform: translateY(50%); }
}