diff --git a/egovframe-template-simple-react-contribution/src/css/Custom/customMain.css b/egovframe-template-simple-react-contribution/src/css/Custom/customMain.css index 58b4f2d..8129b01 100644 --- a/egovframe-template-simple-react-contribution/src/css/Custom/customMain.css +++ b/egovframe-template-simple-react-contribution/src/css/Custom/customMain.css @@ -89,8 +89,14 @@ color: #fff; } - - +/* 메인 슬라이더 도트 위치 조정 */ +.slick-dots { + position: absolute; + bottom: 8%; + left: 50%; + transform: translate(-50%, 50%); + z-index: 10; +} diff --git a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx index 10edfa0..2514c3a 100644 --- a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx +++ b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx @@ -101,6 +101,18 @@ function EgovMain(props) { pauseOnHover: true }; + const settings1 = { + dots: true, + infinite: true, + speed: 1000, + slidesToShow: 1, + slidesToScroll: 1, + arrows: false, + autoplay: true, + autoplaySpeed: 5000, + pauseOnHover: true + }; + const banners = [ { src: '/assets/images/f-logo.png', url: 'https://talbakkum.com' }, { src: '/assets/images/copy2.png', url: 'https://talbakkum.com' }, @@ -566,123 +578,8 @@ function EgovMain(props) { - {/*
















*/}
+
+
+