@charset "utf-8"; 

.title-wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; align-items: center; width: fit-content; margin: 0 auto 30px; } 
.title-wrap .title { font-family: var(--Paperlogy700); font-size: 2.3529rem; } 
.title-wrap a { display: block; background: url(../../../../resource/images/cwenvi/main/btn_more.png) no-repeat; width: 41px; height: 41px;transition: all .2s;}
.title-wrap a:hover,
.title-wrap a:focus {filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));}
.title-wrap .small { color: #464C53; text-align: center; width: 100%; } 

 @media all and (max-width: 640px) { 
.title-wrap .title { font-size: 1.8rem; } 
 .title-wrap a { width: 31px; height: 31px; background-size: contain; } 
 } 

.sec01 {background: #ffffff url(../../../../resource/images/cwenvi/main/sec01_bg.png) no-repeat center bottom -84px;padding-top: 178px;padding-bottom: 0px;min-height: 1608px;background-size: cover;} 
.sec01-top { display: flex; flex-wrap: wrap; gap: 50px 45px; margin-bottom: 274px; } 
.mvis { width: 56.667%; position:relative; } 
.mvis .swiper-slide a { display: block; border-radius: 150px 30px 30px 30px; overflow: hidden; aspect-ratio: 1/.51765; } 
.mvis .swiper-slide a img { width: 100%; height: 100%; object-fit: cover; display: block; } 
.mvis-ctrl { display: flex; background: rgba(0,0,0,.8); position: absolute; right: 0; bottom: 0; border-radius: 30px 0; z-index: 1; gap: 8px; align-items: center; padding: 16px; min-width: 257px; justify-content: center; } 
.mvis-ctrl .pagination { display: flex; align-items: center; justify-content: center; width: max-content; color: #fff; } 
.mvis-ctrl .pagination span { font-weight: 700; margin-left: 3px; } 
.mvis-ctrl .pagination .swiper-pagination-current { color: #EACF00; margin-left: 0; margin-right: 3px; } 
.mvis-ctrl [class*="btn-"]:not([class^="btn-play"]) { display: flex; } 
.mvis-ctrl [class*="btn-"][disabled] { cursor: default; } 
.mvis-ctrl [class*="btn-"] { position: relative; display: none; align-items: center; justify-content: center; width: 40px; height: 28px; transition: all .3s; background: none; margin-left: 0px; border: none; } 
.mvis-ctrl [class*="btn-"]::before { content: ''; display:block; box-sizing: border-box; } 
.mvis-ctrl .btn-stop::before { border-left: 3px solid #fff; border-right: 3px solid #fff; width: 14px; height: 20px; border-radius: 2px; } 
.mvis-ctrl .btn-play { display: none; } 
.mvis-ctrl .btn-play::before { border-width: 11px 0 11px 15px; border-style: solid; border-color: transparent transparent transparent #fff; width: 0; height: 0; } 
.mvis-ctrl .btn-prev::before,
.mvis-ctrl .btn-next::before { width: 15px; height: 15px; border-width: 3px; border-style: solid; border-color: transparent #fff #fff transparent; transition: all .3s; border-radius: 2px; } 
.mvis-ctrl .btn-prev::before { transform: translateX(3px) rotate(135deg); } 
.mvis-ctrl .btn-next::before { transform: translateX(-3px) rotate(-45deg); } 
.mnews { width: calc(100% - 56.667% - 45px);position: relative; } 
.mnews .tab-list { display: flex; gap: 28px; margin-bottom: 15px; align-items: center; } 
.mnews .tab-list a { font-size: 1.5294rem; color: #444; display: flex; gap: 28px; } 
.mnews .tab-list a::after { content:'/'; color:#C0C0C0; font-weight: 300; font-size: 1.5294rem; } 
.mnews .tab-list li:last-child a::after { display: none; } 
.mnews .tab-list a.active { font-weight: 800; font-size: 1.7647rem; color: #1E2124; position: relative; padding-left: 38px; } 
.mnews .tab-list a.active::before { content:''; display: block; background:url(../../../../resource/images/cwenvi/main/ico_megaphone.png); width: 28px; height: 29px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } 
.mnews .tab-list a:hover,
.mnews .tab-list a:focus {font-weight: 800;}
.mnews  .tab-content > a{display: block;background: url(../../../../resource/images/cwenvi/main/btn_more.png) no-repeat;width: 41px; height: 41px; position: absolute;top: 0;right: 0;transition: all .2s;}
.mnews  .tab-content > a:hover,
.mnews  .tab-content > a:focus {filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));}
.mnews .tab-content ul { display: flex; flex-direction: column; gap: 10px; } 
.mnews .tab-content ul li:first-child { margin-bottom: 16px } 
.mnews .tab-content ul li:first-child a { display: flex; gap: 20px; background: #1AAE7F; padding: 20px; border-radius: 20px; } 
.mnews .tab-content ul li:first-child .date { background: #fff; font-size: 0.9412rem; color: #444; border-radius: 50%; display: flex; flex-direction: column; align-items: center; width: 82px; height: 82px; justify-content: center; flex-shrink: 0; } 
.mnews .tab-content ul li:first-child .date span { color: #308D70; font-size: 1.5294rem; font-weight: 700; } 
 .mnews .tab-content ul li:first-child .tit { color: #fff;font-weight: 700; font-size: 1.2941rem; margin: 5px 0;height: calc(1.6em * 2);line-height: 1.6;margin: 5px 0;display: flex;align-items: center;}
.mnews .tab-content ul li:not(:first-child) a { display: flex; gap: 38px; font-size: 1.1176rem; padding: 10px; } 
.mnews .tab-content ul li:not(:first-child) .tit { white-space: nowrap; flex: 1 1 0; text-overflow: ellipsis; overflow: hidden; } 
.mnews .tab-content ul li:not(:first-child) .tit span { color: #077E59; font-weight: 700; } 
.mnews .tab-content ul li:not(:first-child) .date { color: #888; } 
.mnews .tab-content ul li a:hover .tit,
.mnews .tab-content ul li a:focus .tit {text-decoration: underline;}
.mquick { width: 100%; display: flex; align-items: center; gap: 80px; } 
.mquick .title-wrap { justify-content: flex-start; flex-wrap: nowrap; flex-direction: column; margin-bottom: 0; align-items: flex-start; } 
.mquick .title { font-family: 'Jalnan', sans-serif; color: #333; font-size: 1.7647rem; gap: 8px; display: flex;font-weight: 400; } 
.mquick .title::after { content: ''; display: block; background:url(../../../../resource/images/cwenvi/main/ico_quick_tit.png); width: 35px; height: 24px; } 
.mquick ul { display: flex; gap: 41px; width: 100%; } 
.mquick ul li { width: calc(25% - 20px); } 
.mquick ul li a { display: grid; align-items: center; column-gap: 12px; height: 100%;grid-template-columns: 80px 1fr; } 
.mquick ul li a::before { content: ''; display: block; background: #EDF8FC url(../../../../resource/images/cwenvi/main/ico_quick1.png) no-repeat center; border-radius: 20px; grid-column: 1; grid-row: 1 / span 2; width: 80px; height: 80px; transition: all .2s;} 

.mquick ul li a .tit { font-size: 1.1176rem; font-weight: 700; grid-column: 2; padding-top: 15px; } 
.mquick ul li a .desc { font-size: 0.8824rem; color: #464C53; grid-column: 2; padding-bottom: 15px; } 
.mquick ul li a:hover::before,
.mquick ul li a:focus::before {box-shadow: 0 0 10px rgba(0,0,0, .2);} 
.mquick ul li a:hover .tit,
.mquick ul li a:focus .tit {text-decoration: underline;}
.mquick ul li:nth-child(2) a::before { background-image: url(../../../../resource/images/cwenvi/main/ico_quick2.png) } 
.mquick ul li:nth-child(3) a::before { background-image: url(../../../../resource/images/cwenvi/main/ico_quick3.png) } 
.mquick ul li:nth-child(4) a::before { background-image: url(../../../../resource/images/cwenvi/main/ico_quick4.png) } 
.sec01-bt .title-wrap .title { color: #fff; } 
.sec01-bt .title-wrap a { display: block; background: url(../../../../resource/images/cwenvi/main/btn_more2.png); } 
.mprogram { background: #fff; border-radius: 20px 20px 100px 20px; display: flex; overflow: hidden; } 
.mprogram .tab-list { position: relative; padding: 50px 0; } 
.mprogram .tab-list::before { content:''; display: block; position: absolute; width: 90%; height: 100%; top:0; background: #E6EFF9; } 
.mprogram .tab-list li a { font-size: 1.1765rem; color: #223C5B; font-family: var(--Paperlogy600); padding: 15px 60px; display: flex; position: relative; justify-content: center; max-width: 230px; align-items: center; } 
.mprogram .tab-list li a::after { content: '→'; background: #ACB6C1; color: #E6EFF9; width: 20px; height: 20px; display: flex; justify-content: center; align-items: baseline; font-size: 0.9444rem; border-radius: 50%; line-height: 1; position: absolute; right: 18px; } 
.mprogram .tab-list li a.active { color: #fff; font-size: 1.3333rem; font-family: var(--Paperlogy800); background:url(../../../../resource/images/cwenvi/main/tab_active_bg.png); width: 256px; height: 98px; max-width: none; } 
.mprogram .tab-list li a.active::after { background: #fff; color: #0655AC; } 
.mprogram .tab-container { width: 100%; padding: 46px 118px 46px 77px; } 
.mprogram .tab-content { height: 100%; } 
.mprogram .tab-content > ul { display: flex; gap: 12px; height: 100%; align-items: center; } 
.mprogram .tab-content > ul > li { width: calc(25% - 5px); } 
.mprogram .tab-content > ul > li .tit { font-size: 1.4118rem; color:#088B4E; font-weight: 700; margin-bottom: 12px; text-align: center; } 
.mprogram .tab-content > ul > li ul { display: flex; flex-direction: column; gap: 10px; } 
.mprogram .tab-content > ul > li a { display:flex; border: 4px solid transparent; box-shadow: 0 0 0 1px inset #E6F1FF; border-radius: 10px; font-size: 1.1176rem; font-weight:500; width: 100%; padding: 40px 0; justify-content: center; align-items: center; height: 220px; transition: all .2s; flex-direction: column; gap: 21px; justify-content: flex-end; background: #fff; } 
.mprogram .tab-content > ul > li a:hover,
.mprogram .tab-content > ul > li a:focus { border-color: #15BF88; box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.20); } 
.mprogram #tab1.tab-content > ul { align-items: flex-start; } 
.mprogram #tab1.tab-content > ul > li a { height: 66px; aspect-ratio: auto; flex-direction: row; gap: 0; justify-content: center; padding: 11px; background: #fff; text-align: center; } 
.mprogram #tab3.tab-content > ul > li { width: calc(33.33% - 5px); } 
.mprogram #tab4.tab-content > ul > li { width: calc(20% - 5px); } 
.mprogram #tab4.tab-content > ul > li a { height: 194px; padding: 34px 0; } 

/* floating */
 .floating { position: fixed; top: 50%; right: 00px; transform: translateY(-50%); z-index: 9;;} 

 .floating-list {position: relative;;overflow: hidden;background: #fff;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);border: 1px solid #C4D6E9;border-radius: 0 0 0 10px;} 
 .floating .tit {background: #0667F9 url(../../../../resource/images/cwenvi/main/floating_tit_bg.png);padding: 22px 13px;font-size: 0.95rem;line-height: normal;color: #fff;text-align: center;font-family: 'Jalnan';line-height: 1.2;border-radius: 10px 0 0 0;background-size: cover;} 
 [class*='floating-link'] {display: block;padding-bottom: 7px;position: relative;margin-bottom: 8px;border-bottom: 1px solid #DFDFDF;} 
 [class*='floating-link'] > span {display: flex;align-items: center;justify-content: center;flex-direction: column;color: #33363D;font-size: 0.87rem;font-family: 'Jalnan';line-height: normal;gap: 3px;} 
 [class*='floating-link'] > span::before {content: '';display: block;width: 45px;height: 45px;border-radius: 50%;} 
 [class*='floating-link']:hover > span { text-decoration: underline; } 

 .floating-link01::after,
 .floating-link06::after { display: none; } 
 .floating-link01 {padding-top: 15px;}
 .floating-link01 > span::before { background: #FFF1B4 url(../../../../resource/images/cwenvi/main/floating_link01.png) no-repeat center; } 
 .floating-link02 > span::before {background: #FFD5D5 url(../../../../resource/images/cwenvi/main/floating_link02.png) no-repeat center;} 
 .floating-link03 > span::before { background: #D7E9FF url(../../../../resource/images/cwenvi/main/floating_link03.png) no-repeat center; } 
 .floating-link04 > span::before { background: #FFDDCB url(../../../../resource/images/cwenvi/main/floating_link04.png) no-repeat center; } 
 .floating-link05 > span::before { background: #D3F6EB url(../../../../resource/images/cwenvi/main/floating_link05.png) no-repeat center; } 
 .floating-link05 { margin-bottom: 0; padding-bottom: 15px; border: none;} 
 

 @media all and (max-width: 1299px) { 
 .mquick { gap: 25px; flex-direction: column; } 
 .floating {right: 15px;border: 0;top: inherit;transform: translateY(0px);z-index: 12;bottom: 30px;height: fit-content;display: flex;flex-direction: column;} 
 .floating::before { top: 0;bottom: 0;margin: auto;z-index: 1; } 
 .floating-list {display: none;width: 100%;height: 100%;z-index: 10;overflow: hidden;} 
 .floating .tit {margin: auto;width: fit-content;border-radius: 10px;order: 2;padding-top: 15px;}
  .floating .tit::before {content:'▲';display:block;margin-bottom: 8px;}
 [class*='floating-link'] {padding: 0;width: 70px;height: 70px;margin: 0 auto 10px;} 
 [class*='floating-link']::after {display: none;}
 [class*='floating-link'] > span { height: 100%;}
 .floating-link01 {margin-top: 10px;}
 .floating.show .tit {border-radius: 0 0 10px 10px;}
 .floating.show .floating-list{display: block;order: 1;border-radius: 10px 10px 0 0;}
 } 

 @media (max-width: 1199px) { 
.sec01 { min-height: 1500px; background-position-y: bottom; padding-top: 95px; background-size: cover; background-repeat: no-repeat; } 
 .sec01-top { margin-bottom: 150px; } 
 .mprogram .tab-container { padding: 30px; } 
 .mprogram .tab-list li a { max-width: 150px; } 
 .mprogram .tab-list li a.active { width: 170px; background-position-x: right; height: 65px; background-size: contain; } 
 } 
 @media all and (max-width: 1024px) { 
 .sec01 { background: none; padding-bottom: 0; } 
 .sec01-top { flex-direction: column; gap: 70px; margin-bottom: 130px; } 
 .mvis,
 .mnews { width: 100%; } 
 .mquick { position: relative; } 
 .mquick::after { content:''; display: block; position: absolute; width: 200%; height: 100%; background: #f3f3f3; z-index: -1; padding: 50px 0; top: -50px;} 
 .mquick .title { font-weight: initial; } 
 .mquick .title-wrap { gap: 0; } 
 .mquick ul { gap: 20px; } 
 .mquick ul li { width: calc(25% - 15px); } 
 .mquick ul li a {grid-template-columns: 50px auto;}
 .mquick ul li a::before { width: 50px; height: 50px; border-radius: 10px } 
 .mnews .tab-content ul { background: #fff; border-radius: 20px; padding-bottom: 30px; gap: 0; } 
 .sec01-bt .title-wrap .title { color: inherit; } 
 .mprogram { background: #d7d7d721; border: 2px solid #e6eff9; flex-direction: column; border-radius: 10px; } 
 .mprogram .tab-list { padding: 20px 0; display: flex; background: #E6EFF9; } 
 .mprogram .tab-list::before { display: none; } 
 .mprogram .tab-list li { width: 25%; } 
 .mprogram .tab-list li a {min-width: auto;padding: 0;color: #5f5f5f;margin: 0 auto;} 
 .mprogram .tab-list li a.active { width: 100%; height: auto; background: none; font-size: 1.1756rem; color: #223C5B; } 
 .mprogram .tab-list li a::after { display: none; } 
 .mprogram .tab-container { padding: 15px; } 
 .mprogram .tab-content > ul > li .tit { font-size: 1.1rem; } 
 .mprogram .tab-content > ul > li a { height: 150px; padding: 20px 0; } 
 .mprogram .tab-content > ul > li a { box-shadow: 0 0 0 2px inset #009688; font-size: 1rem; } 
 .mprogram #tab1.tab-content > ul > li a { height: 55px; gap: 5px; padding: 8px; } 
 .mprogram #tab1.tab-content > ul > li a img { width: 20px; height:20px; } 
 .mprogram .tab-content > ul > li a img { width: 100px; } 
 .mprogram #tab4.tab-content > ul > li a { height: 150px; padding: 20px 0; } 
 .mprogram #tab4.tab-content > ul > li a img { width: 50px; } 
 } 

 @media all and (max-width: 768px) { 
 .mvis .swiper-slide a { border-radius: 70px 15px 15px 15px; aspect-ratio: 16 / 10; } 
 .mvis-ctrl {border-radius: 15px 0;min-width: 180px;padding: 5px 10px;justify-content: space-evenly;} 
 .mvis-ctrl [class*="btn-"] {width: auto;} 
 .mvis-ctrl .pagination span {font-size: 1rem;} 
  .mvis-ctrl .btn-stop::before { border-left: 2px solid #fff; border-right: 2px solid #fff; height: 14px; border-radius: 0px; } 
.mvis-ctrl .btn-play::before { border-width: 8px 0 8px 10px; } 
.mvis-ctrl .btn-prev::before,
.mvis-ctrl .btn-next::before { width: 12px; height: 12px; border-width: 2px; border-style: solid; border-color: transparent #fff #fff transparent; transition: all .3s; border-radius: 2px; } 
.mvis-ctrl .btn-prev::before { transform: translateX(3px) rotate(135deg); } 
.mvis-ctrl .btn-next::before { transform: translateX(-3px) rotate(-45deg); } 
 .mnews .tab-content > a {width: 31px;height: 31px;background-size: contain;}
 .mnews .tab-list { gap: 15px; } 
 .mnews .tab-list a { font-size: 1.3rem; } 
 .mnews .tab-list a.active { gap: 15px; font-size: 1.5rem; } 
 .mquick ul { flex-wrap: wrap; } 
 .mquick ul li a { display: flex; flex-direction: column; } 
 .mquick ul li a .tit { padding: 15px 0 5px; } 
 .mquick ul li a .desc { margin-bottom: 0; text-align: center; } 
 
 
 } 
 @media all and (max-width: 640px) { 
 .sec01-bt .title-wrap a { background-size: contain; } 
  .mnews .tab-content ul li:first-child .tit {margin:0;height: auto;}
 .mnews .tab-content ul li:first-child a { padding: 15px; border-radius: 10px; } 
 .mnews .tab-content ul li:first-child .date { width: 65px; height: 65px; } 
 .mprogram .tab-content > ul { flex-wrap: wrap; gap: 5px } 
 .mprogram .tab-content > ul > li { width: calc(33.33% - 4px); } 
 .mprogram .tab-content > ul > li .tit { text-align: left; margin: 10px 0 5px; } 
 .mprogram .tab-content > ul > li:first-child .tit { margin-top: 0; } 
 .mprogram .tab-content > ul > li a {height: auto;padding: 8px 8px;border-width: 2px;border-color: #009688;box-shadow: none;} 
 .mprogram .tab-content > ul > li ul { flex-direction: row; flex-wrap: wrap; gap: 5px; } 
 .mprogram .tab-content > ul > li a img { display: none; } 
 .mprogram #tab1.tab-content > ul > li { width: 100%; align-items: center; gap: 8px; } 
 .mprogram #tab1.tab-content > ul > li a {height: 100%;padding: 5px 8px;min-height: 50px;} 
 .mprogram #tab1.tab-content > ul > li ul li,
 .mprogram #tab3.tab-content > ul > li,
 .mprogram #tab4.tab-content > ul > li { width: calc(33.33% - 4px); } 
 .mprogram #tab4.tab-content > ul > li a {height: auto;padding: 8px 8px;} 

 
 } 

 @media all and (max-width: 480px) { 
 .mquick ul li { width: calc(50% - 10px); } 
 } 


/*sec02*/
.sec02 {background: url(../../../../resource/images/cwenvi/main/sec02_bg.png) no-repeat center top / cover;padding-top: 110px;background-position: 0 -250px;padding-bottom: 200px;} 
.mcalendar-wrap { display: flex; width: 100%; background: #fff; padding: 20px 29px; border-radius: 20px; margin-bottom: 33px; border: 1px solid #CFDDEA; box-shadow: 0px 5px 20px rgba(44.24, 54.75, 170.41, 0.10); gap: 20px; } 
.mcalendar-slide-wrap { position:relative; width: calc(100% - 160px); display: flex; align-items: center; gap: 23px; } 
.mcalendar-slide-wrap::before { content: ''; display: block; width: 1px; height: 100%; background: var(--color-border); position: absolute; left: 0; } 
.mcalendar-month { display: flex; flex-direction: column; flex-shrink: 0; align-items: center; justify-content: center; padding: 0 40px; } 
.mcalendar-month .year { font-weight: 600; font-size: 1.4706rem; color: #000; } 
.mcalendar-month .month { color: #373FCE; font-size: 2.7059rem; font-weight: 600; font-family: var(--Paperlogy800); line-height: 1; } 
.mcalendar-month .split { display: none; } 
.mcalendar-slide { width: calc(100% - 130px); overflow: hidden; padding: 0 10px; margin: 0 -10px; } 
.mcalendar-slide .swiper-slide { justify-content: center; display: flex; } 
.mcalendar-item { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 19px 12px 6px; text-align: center; height: 90px; /* width: fit-content; */ } 
.mcalendar-item:hover,
.mcalendar-item:focus { text-decoration: underline; } 
.mcalendar-item span { font-weight: 600; } 
.mcalendar-item .weekend { font-size: 0.8824rem; color: #838B94; margin-bottom: auto; } 
.mcalendar-item .date { font-size: 1.3529rem; } 
.mcalendar-item.active {background: #294CDD;border-radius: 30px;margin: 0;/* padding: 10px; */} 
.mcalendar-item.active.event {/* padding: 10px 10px 15px; */}
.mcalendar-item.active span { color: #fff; } 
.mcalendar-item.sun .weekend { color: #FF1B39; } 
.mcalendar-item.sat .weekend { color: #3261FB; } 
.mcalendar-item.active.sat .weekend { color: #C0EEFF; } 
.mcalendar-item::after {content:'';display: block;width: 6px;height: 6px;background: transparent;border-radius: 50%;margin-top: 5px;/* position: absolute; */bottom: 5px;} 
.mcalendar-item.event::after {background: #294CDD;}
.mcalendar-item.active.event::after { background: #fff; } 
.mcalendar-slide-wrap [class*="btn-"] { background: #E6E8F4; width: 42px; height: 42px; flex-shrink: 0; border: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; } 
.mcalendar-slide-wrap [class*="btn-"]::before { content:''; display:block; width: 10px; height: 10px; border-color: transparent #4F5161 #4F5161 transparent; border-width: 3px; border-style: solid; transition: all .3s; border-radius: 3px; } 
.mcalendar-slide-wrap [class*="btn-"]:not([disabled]):hover,
.mcalendar-slide-wrap [class*="btn-"]:focus,
.mcalendar-slide-wrap [class*="btn-"]:not([disabled]):active { background: #E6E8F4; } 
.mcalendar-slide-wrap [class*="btn-"]:not([disabled]):hover::before,
.mcalendar-slide-wrap [class*="btn-"]:focus::before,
.mcalendar-slide-wrap [class*="btn-"]:not([disabled]):active::before { border-color: transparent #4F5161 #4F5161 transparent; } 
.mcalendar-slide-wrap .btn-prev::before { transform: translateX(3px) rotate(135deg); } 
.mcalendar-slide-wrap .btn-next::before { transform: translateX(-3px) rotate(-45deg); } 

.mevent-slide-wrap { position: relative; } 
.mevent-slide { overflow: hidden; margin: 0 30px; } 
.mevent-slide .swiper-slide a { display: flex; flex-direction: column; gap: 25px; color: #222; } 
.mevent-slide .swiper-slide a .img { aspect-ratio: 1 / 1.35; background: #ddd; border-radius: 20px; overflow: hidden; } 
.mevent-slide .swiper-slide a .img img { width: 100%; height: 100%; } 
.mevent-slide .swiper-slide a .tit { font-size: 1.2941rem; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; } 
.mevent-slide .swiper-slide a:hover,
.mevent-slide .swiper-slide a:focus {text-decoration: underline;}
.mevent-ctrl { display: flex; width: calc(100% + 60px); position: absolute; justify-content: space-between; top: 40%; left: -30px; } 
.mevent-ctrl [class*="btn-"] { background: none; width: 30px; height: 30px; flex-shrink: 0; border: none; border-radius: 40%; display: flex; align-items: center; justify-content: center; } 
.mevent-ctrl [class*="btn-"].swiper-button-lock {display:none;}
.mevent-ctrl [class*="btn-"]::before { content:''; display:block; width: 20px; height: 20px; border-color: transparent #4F5161 #4F5161 transparent; border-width: 3px; border-style: solid; transition: all .3s; border-radius: 3px; } 
.mevent-ctrl [class*="btn-"]:not([disabled]):hover,
.mevent-ctrl [class*="btn-"]:focus,
.mevent-ctrl [class*="btn-"]:not([disabled]):active { background: #E6E8F4; } 
.mevent-ctrl [class*="btn-"]:not([disabled]):hover::before,
.mevent-ctrl [class*="btn-"]:focus::before,
.mevent-ctrl [class*="btn-"]:not([disabled]):active::before { border-color: transparent #4F5161 #4F5161 transparent; } 
.mevent-ctrl .btn-prev::before { transform: translateX(3px) rotate(135deg); } 
.mevent-ctrl .btn-next::before { transform: translateX(-3px) rotate(-45deg); } 
.no-event-box {margin-top: 20px;padding: 188px 0;text-align: center;color: #766f6f;border: 1px solid #ddd;border-radius: 10px;background: #fafafa;font-size: 1.75rem;font-family: 'Paperlogy600';} 
@media all and (max-width: 1299px) { 
 .mevent-ctrl { width: calc(100% + 30px); left: -15px; z-index: 1; } 
 .mevent-slide { margin: 0 20px; } 
 .mevent-slide .swiper-slide a { gap: 13px; } 
 } 
@media all and (max-width: 1199px) { 
.mcalendar-month { padding: 0 10px; } 
 .mcalendar-slide-wrap { width: calc(100% - 76px); } 
 .no-event-box {padding: 50px 0;font-size: 1.1rem;}
 } 

@media all and (max-width: 1024px) { 
 .sec02 { margin-top: 0; padding: 130px 0; } 
 } 

@media all and (max-width: 640px) { 
 .mcalendar-wrap { padding: 15px 5px; flex-direction: column; gap: 5px; border-radius: 10px; } 
 .mcalendar-month { flex-direction: row; gap: 5px} 
 mcalendar-month .year,
 .mcalendar-month .month { font-size: 1.3rem; } 
 .mcalendar-item { height: auto; padding: 10px; } 
 .mcalendar-item.today {border-radius: 15px;width: fit-content;} 
 .mcalendar-item.active.event {padding: 8px 8px}
 .mcalendar-slide-wrap { width: 100%; gap: 10px; } 
 .mcalendar-slide { width: calc(100% - 60px); } 
.mevent-slide-wrap { padding: 0 20px; } 
 .mcalendar-slide-wrap [class*="btn-"] { width: 30px; height: 30px; } 
 .mcalendar-slide-wrap [class*="btn-"]::before { width: 8px; height: 8px; border-width: 2px; } 
 .mevent-ctrl { width: calc(100% + 10px); left: -5px; z-index: 1; } 
 .mevent-slide { margin: 0; } 
 .mevent-slide .swiper-slide a { gap: 10px; } 
 .mevent-slide .swiper-slide a .tit { margin-top: 15px; } 
 .mevent-slide .swiper-slide a .tit,
 .mevent-slide .swiper-slide a .date { padding: 0 15px; } 
 
 } 

/*sec03*/
.sec03 { background: url(../../../../resource/images/cwenvi/main/sec03_deco2.png) no-repeat bottom -50px left; position: relative; } 
.sec03::before { content:'CHANGWON'; color: #F5F8FB; font-size: 10rem; font-weight: 700; position:absolute; right: -15px; top: 40px; } 
.sec03 .title-wrap { margin-bottom: 94px; } 
.medu-slide {transform: translateX(81px);overflow: hidden;padding: 50px 280px 116px 100px;margin: -50px -280px 0px -100px;} 
.medu-slide .swiper-wrapper { align-items: flex-start; } 
.medu-slide .swiper-slide { width: 20.934%; transition: transform 0.5s ease, aspect-ratio 0.5s ease; transform-origin: center center; z-index: 1; } 
 .medu-slide .swiper-slide-active { transform: scale(1.5064) translateY(30px); z-index: 2; margin-right: 120px !important; } 
.medu-slide .swiper-slide-prev { opacity:0; } 
 .medu-slide .swiper-slide a { display: flex; flex-direction: column; gap: 25px; color: #222; transition: transform 0.4s ease; } 

 .medu-slide .swiper-slide-active a { gap: 10px; } 
 .medu-slide .swiper-slide a .img-wrap { position:relative; } 
 .medu-slide .swiper-slide a .img-wrap.exellence::before { content:''; display:block; background: url(../../../../resource/images/cwenvi/main/best_mark.png); width: 73px; height: 72px; position: absolute; right: 53px; z-index: 1; top: -15px; } 
 .medu-slide .swiper-slide a .img { aspect-ratio: 1 / 0.65; background: #ddd; border-radius: 20px; overflow: hidden; transition: aspect-ratio 0.4s ease, transform 0.4s ease; position: relative; } 
 .medu-slide .swiper-slide a [class^='state-'] { border-radius:50%; width:70px; height:70px; display:flex; align-items:center; justify-content:center; font-size: 1.0588rem; font-weight: 700; color: #fff; background: #0081E8; position: absolute; top:-18px; right: -12px; padding: 5px; text-align: center; } 
 .medu-slide .swiper-slide a .state-ready { background: #9C27B0; } 
.medu-slide .swiper-slide a .state-dead { background: #303030; } 
 .medu-slide .swiper-slide a .state-end { background: #616161; } 
.medu-slide .swiper-slide a .cate { position: absolute; bottom: 0; left: 0; background: #009E79; font-size: 1.0588rem; font-weight:700; padding: 10px 14px; border-radius: 0 30px 0 20px; color: #fff; min-width: 80px; text-align: center; } 
.medu-slide .swiper-slide a .img img { width: 100%; height: 100%; object-fit: cover; } 
 .medu-slide .swiper-slide a .tit { display: flex; align-items: flex-start; gap: 10px; } 
 .medu-slide .swiper-slide a .tit p { font-size: 1.2941rem; font-weight: 700; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; } 
 .medu-slide .swiper-slide a .tit span { font-size: 0.9412rem; background: #797979; border-radius: 5px; padding: 5px 14px; color: #fff; } 
 .medu-slide .swiper-slide a .tit span.paid { background:#F22C1A; } 
 .medu-slide .swiper-slide a:hover .tit p,
 .medu-slide .swiper-slide a:focus .tit p {text-decoration: underline;}
.medu-slide .swiper-slide-active a .img { aspect-ratio: 1 / 0.65; border-radius: 100px 20px; box-shadow: 2px 4px 30px rgba(44.24, 54.75, 170.41, 0.30); } 
 .medu-slide .swiper-slide-active a .tit p { font-size: 1rem } 
 .medu-slide .swiper-slide-active a .tit span { font-size: 0.5882rem; padding: 4px 10px; } 
 .medu-slide .swiper-slide-active a .img-wrap.exellence::before,
 .medu-slide .swiper-slide-active a [class^='state-'],
 .medu-slide .swiper-slide-active a .cate { transform: scale(calc(1/1.5064)); } 
 .medu-slide .swiper-slide-active a .img-wrap.exellence::before { right: 30px; } 
 .medu-slide .swiper-slide-active a .cate { margin: -6px -14px; } 
 .medu-ctrl { display: flex; align-items: center; gap: 6px; } 
 .medu-ctrl > div { display: flex; align-items: center; flex-shrink: 0; } 
 .medu-ctrl .pagination { position: relative; background: #CCCCCC; margin: 0; height: 1px; width: calc(100% - 342px); } 
.medu-ctrl .pagination .bar {display: block;background: #00000080; height: 5px; top: -2px; border-radius: 5px;transition: width 0.3s ease;}
 .medu-ctrl .num { margin: 0 20px 0 30px; } 
 .medu-ctrl .num span { font-size: 1.6471rem; font-weight: 800; } 
 .medu-ctrl .num .current { color: #256EF4; } 
 .medu-ctrl .num .slash { margin: 0 10px; } 
 .medu-ctrl [class*="btn-"]:not([class^="btn-play"]) { display: flex; } 
 .medu-ctrl [class*="btn-"][disabled] { cursor: default; } 
 .medu-ctrl [class*="btn-"] { position: relative; display: none; align-items: center; justify-content: center; width: 70px; height: 70px; border: none; background: none; border-radius: 50%; transition: all .3s; flex-shrink: 0; } 
 .medu-ctrl [class*="btn-"]::before { content: ''; display:block; box-sizing: border-box; } 
 .medu-ctrl .btn-prev,
 .medu-ctrl .btn-next { background: #2D2D2D; } 
 .medu-ctrl .btn-stop,
 .medu-ctrl .btn-play { background: #5271EF; } 
 .medu-ctrl .btn-prev::before,
 .medu-ctrl .btn-next::before { width: 16px; height: 16px; border-width: 3px; border-style: solid; border-color: transparent #fff #fff transparent; transition: all .3s; border-radius: 2px; } 
 .medu-ctrl .btn-prev::before { transform: translateX(3px) rotate(135deg); } 
 .medu-ctrl .btn-next::before { transform: translateX(-3px) rotate(-45deg); } 
 .medu-ctrl .btn-stop::before { border-left: 3px solid #fff; border-right: 3px solid #fff; width: 16px; height: 24px; border-radius: 2px; } 
 .medu-ctrl .btn-play { display: none; } 
 .medu-ctrl .btn-play::before { border-width: 12px 0 12px 18px; border-style: solid; border-color: transparent transparent transparent #fff; width: 0; height: 0; } 



@media all and (max-width: 1299px) { 
 .medu-slide .swiper-slide-active a .img { border-radius: 50px 10px; } 
 .medu-slide .swiper-slide-active { margin-right: 80px !important; } 
 } 
@media all and (max-width: 1199px) { 
.sec03 .title-wrap { margin-bottom: 50px; } 
 .medu-slide {margin-bottom: 50px;padding-bottom: 80px;} 
.medu-slide .swiper-slide a [class^='state-'] {width: 50px;height: 50px;font-size: 1rem;}
 } 
@media all and (max-width: 768px) { 
.medu-slide { margin-bottom: 0px; } 
 .medu-ctrl [class*="btn-"] { width: 40px; height: 40px; } 
 .medu-ctrl .pagination { width: calc(100% - 210px); } 
 .medu-ctrl .num { margin: 0 10px; } 
 .medu-ctrl .num span { font-size: 1.2rem; } 
 } 

@media all and (max-width: 640px) { 
 .medu-slide {transform: translateX(0px);margin-bottom: 30px;padding-bottom: 0;} 
  .medu-slide .swiper-slide {min-height: 380px;}
 .medu-slide .swiper-slide a .cate { border-radius: 0 10px; } 
.medu-slide .swiper-slide-active { margin-right: 20px !important; transform: none; } 
.medu-slide .swiper-slide-active a,
 .medu-slide .swiper-slide a { gap: 15px; } 
.medu-slide .swiper-slide-active a .tit p { font-size: 1.2941rem; } 
.medu-slide .swiper-slide-active a .tit span { font-size: 0.9412rem; padding: 5px 14px; } 
.medu-slide .swiper-slide-active a .cate { margin: 0; } 
.medu-slide .swiper-slide-active a .img { aspect-ratio: 1 / 0.95542; } 
.medu-slide .swiper-slide-active a .img-wrap.exellence::before, .medu-slide .swiper-slide-active a [class^='state-'], .medu-slide .swiper-slide-active a .cate { transform: none; } 
.medu-slide .swiper-slide-prev { opacity: 1 } 

 
 } 
@media all and (max-width: 480px) { 
 .sec03 { background: none; } 
 .sec03::before { display: none; } 
 } 



 /*sec04*/
 .sec04 {background: url(../../../../resource/images/cwenvi/main/sec04_bg.png) no-repeat bottom /cover;padding: 133px 0 190px;} 
 .sec04 .inner { display: flex; gap: 0 44px; grid-auto-columns: 54.267% calc(100% - 54.267% - 44px); flex-wrap: wrap; } 
 .sec04 .title-wrap { grid-column: 1 / span 2; } 
 .mmap-wrap { grid-column: 1 / span 2; width: 100%; margin-bottom: 79px; } 
 .mmap-btn { display: flex; gap: 8px; margin-bottom: 21px; } 
 .mmap-btn button { display:flex; gap: 5px; border: 1px solid #349C68; color: #22774C; border-radius: 20px; padding: 5px 20px 5px 16px; background: #fff; } 
 .mmap-btn .map-loc::before { content: ''; display: block; background: url(../../../../resource/images/cwenvi/main/ico_map.png); width: 20px; height: 20px; } 
 .mmap-btn .map-big::before { content: ''; display: block; background: url(../../../../resource/images/cwenvi/main/ico_big.png); width: 16px; height: 16px; } 
 .mmap-area { border: 3px solid #3495EF; border-radius: 20px; height: 524px; background: #fff; position: relative; } 
 .mmap-area::before { content: ''; display: block; background: url(../../../../resource/images/cwenvi/main/sec04_deco.png); z-index: 3; position:absolute; width: 244px; height: 220px; bottom: calc(100% - 100px); right: -40px; } 
.mmap-area .map-wrapper { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; } 
.mmap-area #surr_map { width: 100%; height: 100%; border-radius: 20px; overflow: hidden; position: relative; z-index: 1; } 
.overlaybox { position:absolute; bottom: 15px; width: fit-content; left: -100px; height: 36px; border-radius: 30px; box-shadow: 3px 2px 5px 1px rgba(0,0,0, 0.5); background: linear-gradient(0deg, #006545 0%, #009A6A 100%); } 
.overlaybox:hover { background-color: #1f9f5b; } 
.overlaybox:hover .triangle { border-top: 15px solid #1f9f5b; } 
.overlaybox .boxtitle { width: 100%; height: 100%; } 
.overlaybox .boxtitle a { color:#fff; display: flex; align-items: center; width: 100%; height: 100%; text-overflow: ellipsis; padding: 5px 18px 5px 3px; font-size: 0.9412rem;gap: 7px;} 
.overlaybox .boxtitle a::before { content:''; display: block; background: url(../../../../resource/images/cwenvi/sub/ico_pin.png); width: 38px; height: 38px; margin-top: -6px } 
.overlaybox .triangle { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 15px solid #037a4e; left: calc(50% - 5px); bottom: -15px; position: absolute; }
.overlaybox.blue .boxtitle a::before {content:'';display: block;background: url(../../../../resource/images/cwenvi/sub/ico_pin_tree.png);width: 32px;height: 46px;margin-top: -12px;}  
.mmap-area #surr_map .km-popup {max-width: 260px;box-sizing: border-box;word-break: keep-all;position: relative;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.18);min-width: 407px;max-width: 407px;/* overflow:hidden; *//* font-size:0.8235rem; */color:#111827;border: 2px solid #009E79;}
.mmap-area #surr_map .km-header,
.mmap-area #surr_map .km-body {max-width: 100%;}
.mmap-area #surr_map .km-titlewrap {max-width: 100%;overflow: hidden;display:flex;align-items:center;gap: 3px;}
.mmap-area #surr_map .km-title { display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:1.4118rem; font-weight:700; line-height:1.2; }
.mmap-area #surr_map .km-line.km-addr {white-space: normal;word-break: break-all;overflow-wrap: break-word; }
.mmap-area #surr_map .km-popup::after {content:"";position:absolute;left:50%;transform:translateX(-50%);width:0;height:0;/* border:10px solid transparent; *//* border-top-color:#fff; */filter: drop-shadow(0, 0, 0, 2px, #009E79);background: url(../../../../resource/images/cwenvi/sub/map_popup_deco.png);width: 64px;height: 32px;} 
.mmap-area #surr_map .km-header {display:flex;align-items:center;justify-content:space-between;gap:8px;padding: 32px 36px 12px;/* border-bottom:1px dashed #e5e7eb; */} 
.mmap-area #surr_map .km-pin { width:22px; height:24px; background: url(../../../../resource/images/cwenvi/sub/ico_map_tit.png); display:inline-block; position:relative; } 
.mmap-area #surr_map .km-pin::after { content:""; position:absolute; left:50%; top:50%; width:8px; height:8px; background:#fff; border-radius:50%; transform:translate(-50%,-50%); } 
.mmap-area #surr_map .km-head-actions { display:flex; align-items:center; gap:8px; } 
.mmap-area #surr_map .km-home.ghost { display: flex; align-items: center; border:1px solid #9EB8E6; border-radius:4px; background:#fff; text-decoration:none; font-size:15px; color: #0B50D0; padding: 4px 12px; width: fit-content; gap: 2px; margin-left: auto; } 
.mmap-area #surr_map .km-home.ghost::before { content:''; display: block; background: url(../../../../resource/images/cwenvi/sub/ico_home_map.png); width: 12px; height: 12px; } 
.mmap-area #surr_map .km-close {background:transparent;border:0;font-size: 1.4rem;line-height:1;cursor:pointer;color: #000;position: absolute;top: 15px;right: 15px;} 
.mmap-area #surr_map .km-body {padding: 0px 36px 32px;} 
.mmap-area #surr_map .km-line { margin:6px 0; color:#374151; } 
.mmap-area #surr_map .km-sns { display:flex; gap:10px; margin:10px 0 2px; } 
.mmap-area #surr_map .km-sns .sns svg { display:block; fill:#64748b; } 
.mmap-area #surr_map .km-sns .sns:hover svg { fill:#111827; } 
.mmap-area #surr_map .km-actions {display:flex;gap:6px;margin-top: 16px;} 
.mmap-area #surr_map .km-actions .btn { display:inline-flex; gap: 9px; width: calc(50% - 3px); align-items:center; justify-content:center; padding:10px 14px; border-radius:8px; text-decoration:none; font-weight:600; border:1px solid transparent; } 
.mmap-area #surr_map .km-actions .btn::after { content:'→'; display: block; } 
.mmap-area #surr_map .btn.primary { background:#949494; color:#fff; } 
.mmap-area #surr_map .btn.primary:hover { filter:brightness(0.95); } 
.mmap-area #surr_map .btn.secondary { background:#009E79; color:#fff; } 
.mmap-area #surr_map .btn.secondary:hover { filter:brightness(0.95); } 

.mvideo .title-wrap,
 .mdata .title-wrap { margin: 0 0 17px; width: 100%; } 
 .mvideo .title-wrap::before { content:''; display: block; background: url(../../../../resource/images/cwenvi/main/ico_yt_tit.png) no-repeat; width: 42px; height: 29px; } 
 .mdata .title-wrap::before { content:''; display: block; background: url(../../../../resource/images/cwenvi/main/ico_file.png) no-repeat; width: 32px; height: 29px; } 
 .mvideo .title-wrap h3,
 .mdata .title-wrap h3 { font-size: 1.7647rem; margin-right: auto; } 
 .mvideo { grid-column: 1; width: 54.267%; } 
 .mvideo-list { display: flex; gap: 15px; } 
 .mvideo-list li { width: calc(50% - 8px); } 
 .mvideo-list li a { position: relative; display:block; } 
 .mvideo-list li a .thumb { background: #ddd; aspect-ratio: 16 / 10.31; border-radius: 20px; transition: all .2s;overflow: hidden;} 
 .mvideo-list li a .thumb img { width: 100%; height: 100%; display: block; } 
 .mvideo-list li a:hover .thumb,
 .mvideo-list li a:focus .thumb {box-shadow: 2px 2px 6px rgba(0,0,0,.2);}
 .mvideo-list li a .tit { position: absolute; bottom: 0; left: 0; padding: 12px 26px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: 600; color:#fff; } 
 .mvideo-list li a:hover .tit,
 .mvideo-list li a:focus .tit { text-decoration: underline; } 
 .mdata { grid-column: 2; width: calc(100% - 54.267% - 44px); } 
 .mdata .title-wrap { border-bottom: 1px solid #CAC9C9; padding-bottom: 20px; } 
 .mdata-list { display: flex; flex-direction: column; gap: 10px; } 
 .mdata-list li a { display: flex; font-size: 1.1176rem; padding: 10px; } 
.mdata-list li a .tit {flex: 1 1 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-right: 10px;} 
.mdata-list li a .date { color: #888; } 
.mdata-list li a:hover .tit,
.mdata-list li a:focus .tit {text-decoration: underline;}

@media all and (max-width: 1199px) { 
 .sec04 { padding-bottom: 70px; } 
 .mmap-wrap { margin-bottom: 30px; } 
 .mvideo { margin-bottom: 30px; } 
.mvideo,
 .mdata { width: 100%; } 
 } 

@media all and (max-width: 640px) { 
 .sec04 { background: none; } 
 .mmap-area {height: 400px;border-radius: 10px;}
.mmap-area::before { display: none; } 
 .mvideo-list li { width: 100% } 
 .mvideo-list li:last-child { display: none; } 
 .mmap-area #surr_map .km-header {padding: 24px 15px 10px;}
 .mmap-area #surr_map .km-body {padding: 0px 15px 15px;} 
 .mmap-area #surr_map .km-popup {min-width: auto;}
 .mmap-area #surr_map .km-close {top: 7px;right: 8px;font-size: 1.2rem;}
 .mmap-area #surr_map .km-actions .btn {padding: 7px 10px;}
 .mmap-area #surr_map .km-home.ghost {padding: 2px 10px;}
 .mmap-area #surr_map .km-titlewrap {gap: 5px;}
 .mmap-area #surr_map .km-title {font-size: 1.2rem;}
 .mmap-area #surr_map .km-pin {width: 15px;height: 16px;background-size: contain;}
 } 



 /* 레이어팝업 */
 .main-layer-popup { position: absolute; z-index: 999; top: 0; } 
 .main-layer-popup a {display: block;}
 .main-layer-popup a img {display: block;}
 .main-layer-popup .popup-bottom { background: #191c5f; color: #fff; padding: 15px 10px; display: flex;align-items: center;gap: 5px;} 
 .main-layer-popup .popup-bottom label { cursor: pointer; } 
 .main-layer-popup .main-popup-close {position:absolute;top: 5px;right: 5px;width: 20px;height: 20px;} 
 .main-layer-popup .close { color:white; font-size: 0;} 
 .main-layer-popup .close::before, .main-layer-popup .close::after {content: ''; display: block; background: #fff;width: 2px; height: 20px;position: absolute;top: 0;left: 0;right: 0; bottom: 0;margin: auto;}
 .main-layer-popup .close::before {transform: rotate(45deg);}
 .main-layer-popup .close::after {transform: rotate(-45deg);}
 .c_layout { z-index:1000; } 
 .layer_4 { left: 0% !important; top: 1% !important; } 
 .main-layer-popup3 { top: 0px; border: 1px solid #7b7b7b; z-index: 1100 !important; left:750px; }