/* main slide start */
.slider-wrap .full-container
{position:relative; max-width: 1420px;;}
#mainVisual
{overflow: hidden;height: 510px;position: relative;}
#mainVisual::after
{width: 100%;height: 200px;position: absolute;z-index: -1; bottom: -1rem;right: 0;background:#d6f4df;content: 'Hadong Cultural Center'; display: flex;justify-content: flex-end; padding-right: 6%; align-items: flex-end;font-family: var(--font1);font-weight: bold;color: #c0eccc;font-size: 6rem}
.main-slide-wrap
{position: relative;width: 94%;border-radius:0 3rem 3rem 0;overflow: hidden;;}
#mainVisual .main-slide
{width: 100%;}
/* {position:relative;width: 94%;border-radius:0 3rem 3rem 0;overflow: hidden;}  */
.main-slide .slick-list
{overflow: inherit;z-index:0;overflow: hidden;}
.main-slide .main-img
{height:440px;background-repeat: no-repeat; background-size: cover;} 
.main-img01{background: url(/wp-content/uploads/2026/02/mainvisual01.jpg)} 
.main-img02{background: url(/wp-content/uploads/2026/02/mainvisual02.jpg)} 
.main-img03{background: url(/wp-content/uploads/2026/02/mainvisual03.jpg)} 
.main-img04{background: url(/wp-content/uploads/2026/02/mainvisual04.jpg)} 

.main-visual-controls
{position: absolute;right: 0;bottom: 0;}
.main-visual-controls .slider-controls
{background: #0000008f;width: 280px;height: 80px;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 3rem 0 0;}
.main-visual-controls span.slide-count 
{display: flex; flex-direction: row;color: #fff;font-size: 1.8rem; align-items: center; justify-content: flex-end;}
.main-visual-controls .arrow
{display: flex;flex-direction: row;gap:1rem;}
.main-visual-controls .arrow button
{border: none; color: #fff; font-size: 1.7rem; padding: 3px;}
.main-visual-controls .play-pause
{margin-left: 0.9rem;}
.main-visual-controls .play-pause button i 
{font-size:2rem; color:#fff;line-height: 2rem;padding:0px;;}
.main-visual-controls .play-pause button{border: none;}
.main-visual-controls .arrow button:hover,
.main-visual-controls .arrow button:focus,
.main-visual-controls .play-pause button:hover,
.main-visual-controls .play-pause button:focus{background-color: transparent;}
.main-visual-controls .play-pause .main-visual-play-btn{display:none;}

/* mainTopText */
.main-top-text
{margin-top: 375px;}
.main-top-text h2
{color: #fff;font-weight: 600;  font-size: 2.8rem; font-family: var(--font2);margin: 0;}
.main-top-text h2 b
{font-size: 3.2rem;font-weight:700; }

/* main-title */
.main-title
{margin-bottom: 3rem;display: flex;flex-direction: row;align-items: center;justify-content: space-between; width: 100%;}
.main-title h4
{margin: 0;font-size: 2.8rem;font-weight: 700;position: relative;margin-left: 1.5rem;}
.main-title h4::before
{content: '⦁';color: #1b8c3b;position: absolute;left: -1.5rem; top: -1rem;}

/* main */
#mainNotice
{margin: 6rem 0;}
#mainNotice .main-notice-wrap
{display: flex;flex-direction: row; justify-content: space-between; align-items: stretch;gap:6rem;}
#mainNotice .main-notice
{min-width: 90rem;}
#mainNotice .main-notice .main-title .more-btn
{font-size: 1.6rem;font-weight: 400;display: flex;flex-direction: row;align-items: center;gap: .5rem;color: var(--text-color);}
#mainNotice .main-notice .main-title .more-btn i
{ font-size: 2rem;}
#mainNotice .main-notice .notice{}
#mainNotice .main-menu
{width: 100%;}
#mainNotice .main-menu .menu-link
{display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;gap: 2rem;}
#mainNotice .main-menu .menu-link a
{background: #fff2e4;  border-radius: 2rem;border: 2px solid transparent; transition: var(--transition1); width: 48%; padding: 3.2rem 5rem;  display: flex;  flex-direction: row;  align-items: center;    justify-content: flex-start;  gap: 2rem;}
#mainNotice .main-menu .menu-link a span
{font-size: 2rem;  font-weight: 500;color: var(--text-color);}
#mainNotice .main-menu .menu-link a .img-con
{position: relative;width: 5.5rem;height: 5rem;}
#mainNotice .main-menu .menu-link a .img-con img
{transition: var(--transition1);position: absolute;left: 0;top: 0;visibility: visible;  opacity: 1;}
#mainNotice .main-menu .menu-link a .img-con .icon-o
{visibility: visible;  opacity: 1;}
#mainNotice .main-menu .menu-link a .img-con .icon-g
{visibility: hidden; opacity: 0;}

#mainNotice .main-menu .menu-link a:hover
{border: 2px solid var(--main-color);background-color: #f0f8f2;}
#mainNotice .main-menu .menu-link a:hover .icon-o
{visibility: hidden; opacity: 0;}
#mainNotice .main-menu .menu-link a:hover .icon-g
{visibility: visible;  opacity: 1;}

/* intro */
#mainIntro
{padding: 6rem 0;background-color: #f3f3f3;}
#mainIntro .main-title
{text-align: center;display: flex;flex-direction: column;justify-content: center;}
#mainIntro .main-title h4::before
{display: none;}
#mainIntro .intro
{padding: 0 10rem;background-color: #fff;border-radius: 2rem; display: flex;  flex-direction: row;  justify-content: space-evenly;  align-items: stretch;}
#mainIntro .intro a
{transition: var(--transition1);padding: 4rem;display: flex; flex-direction: column;  align-items: center;  gap: 2rem;}
#mainIntro .intro a span
{font-size: 2rem;  font-weight: 500;color: var(--text-color);}
#mainIntro .intro a .img-con
{position: relative;width: 6rem;height: 5rem;}
#mainIntro .intro a .img-con img
{transition: var(--transition1);position: absolute;transform: translate(-50%,-50%);left: 50%;top:  50%;visibility: visible;  opacity: 1;}
#mainIntro .intro a .img-con .icon-o
{visibility: visible;  opacity: 1;}
#mainIntro .intro a .img-con .icon-g
{visibility: hidden; opacity: 0;}
#mainIntro .intro a:hover .icon-o
{visibility: hidden; opacity: 0;}
#mainIntro .intro a:hover .icon-g
{visibility: visible;  opacity: 1;}