/* BASIC css start */ /*메인 공통 및 메인슬라이드 내용*/ .section,.section :is(*){box-sizing: border-box;font-family: "Pretendard Variable", Pretendard, sans-serif;} .section:not(#sec1){margin-bottom: 90px;} .section .sec_inner{padding:0 0} /*두번째 숫자는 좌우여백*/ .section h2{font-size:25px; font-family: "Pretendard Variable", Pretendard, sans-serif; color: #111111; font-weight: 600; margin-top: 10px; margin-bottom: 25px;} .section .txt_area p.sub{color: #000; line-height: 1.6;font-weight: 500;transition: all .4s;font-size: 14px; } .section .txt_area p.big{ color: #000; font-weight: 500;line-height: 1.3; transition: all .4s;font-size: 27px; } .section .txt_area a.more{ width:auto; display: inline-block; font-size: 13px; transition: transform .4s, opacity .4s;border: 1px solid #000;color: #000; margin-top: 8px;font-weight: 600;padding:5px 15px; } .section :is(.sec_next,.sec_prev){position: unset;color: #000;width: 30px; background-color: #ddd; height:30px; border-radius: 50%; margin-top: 0; transition:all .1s} .section :is(.sec_next,.sec_prev)::after{font-size: 11px; font-weight:700} .section :is(.sec_next,.sec_prev):not(.swiper-button-disabled):hover{background-color:var(--main-color);color:#fff} .section .swiper-pagination-bullet-active{background-color:var(--main-color)} .section .prd_more_btn{text-align:center; margin-top:40px;} .section .prd_more_btn>a {display:inline-block;font-family: 'Noto Sans KR', sans-serif;display:inline-block; border:1px solid #e8e9ed; padding:4px 0px; width:100% } .section .prd_more_btn>a button.btn_moreGray{background-color:#fff !important; color:#000; font-size:13px; font-weight:500; width:100%; display:flex; align-items:center ;justify-content:center; gap:10px} .section .prd_more_btn>a button span{display:flex; align-items:center; justify-content:center;color:#000; } .section .prd_more_btn>a button span img{display:inline-block; transform:scale(.66); transform-origin:center center} .section .swiper{margin-bottom:-50px;}/*메인 슬라이드 밑에 여백 수정하는 곳*/ /*메인 슬라이드 */ #sec1{margin-bottom: 60px} #sec1 .swiper{} #sec1 .swiper>ul{} #sec1 .swiper>ul>li{} #sec1 .swiper>ul>li>a{display:block; width:100%} #sec1 .swiper>ul>li>a>img{width: 100%;} #sec1 .swiper .btn_wrap{padding: 10px; position: absolute; z-index: 4; bottom: 0;right:0; width: max-content;display: flex; align-items: center; gap: 7px;} #sec1 .swiper .btn_wrap>*{} #sec1 .swiper .btn_wrap>ul{background-color: rgba(0,0,0,.4);display: flex; align-items: center; gap: 13px; padding: 5px 10px; border-radius: 25px;} #sec1 .swiper .btn_wrap>ul li{} #sec1 .swiper .btn_wrap>ul li>div.swiper_prev, #sec1 .swiper .btn_wrap>ul li>div.swiper_next{display: flex; align-items: center; justify-content: center;} #sec1 .swiper .btn_wrap>ul li .swiper_prev{cursor: pointer; } #sec1 .swiper .btn_wrap>ul li .swiper_prev img{} #sec1 .swiper .btn_wrap>ul li .swiper-pagination{position: unset;color: #fff;font-size: 13px;display: flex; align-items: center; gap: 1px;} #sec1 .swiper .btn_wrap>ul li .swiper-pagination span{display: inline-block; font-size: 13px;} #sec1 .swiper .btn_wrap>ul li .swiper_next{cursor: pointer; } #sec1 .swiper .btn_wrap>ul li .swiper_next img{} #sec1 .swiper .btn_wrap .control{} #sec1 .swiper .btn_wrap .control a{cursor: pointer; display: flex;transition: all .1s; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%;background-color: rgba(0,0,0,.4);} #sec1 .swiper .btn_wrap .control a.clicked{opacity: .5;} #sec1 .swiper .btn_wrap .control a img{} #sec1 .swiper ul li.swiper-slide-active .txt_area p{transform: translateY(0px); opacity: 1;} #sec1 .swiper ul li.swiper-slide-active .txt_area a.more{transform: translateY(0px); opacity: 1;} #sec1 .swiper ul li .txt_area{overflow: visible; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left:0; padding-left:6%; max-width:95%} #sec1 .swiper ul li .txt_area>*{transform: translateY(-25px);} #sec1 .swiper ul li .txt_area p{opacity: 0; line-height: 1.3;} #sec1 .swiper ul li .txt_area p.big{transition: all .6s;transition-delay: .1s;margin-bottom: 8px;} #sec1 .swiper ul li .txt_area p.sub{ font-weight: 500; transition: all .6s; margin-bottom: 17px; transition-delay: .37s;} #sec1 .swiper ul li .txt_area a.more{opacity: 0; transition-delay: .6s;} /*메인 골프 시공사례 버튼*/ #index_btn_construction{} #index_btn_construction .sec_inner{} #index_btn_construction .sec_inner ul{display: flex; flex-wrap: wrap; gap: 10px;}/* 베너와 베너사이 간격은 gap으로 수정*/ #index_btn_construction .sec_inner ul li{position: relative;width:100%} #index_btn_construction .sec_inner ul li>a{display: block;width: 100%;} #index_btn_construction .sec_inner ul li>a>img{width: 100%;} /* 나이스메뉴골프 */ #prd_nicemenu_golf{} #prd_nicemenu_golf .sec_inner{padding:0} #prd_nicemenu_golf .sec_inner h2{padding:0 5%} #prd_nicemenu_golf .sec_inner .prd_nicemenu_golf_cate{margin-bottom: 35px;} #prd_nicemenu_golf .sec_inner .prd_nicemenu_golf_cate ul{} #prd_nicemenu_golf .sec_inner .prd_nicemenu_golf_cate ul li{width:auto;} #prd_nicemenu_golf .sec_inner .prd_nicemenu_golf_cate ul li:first-child{margin-left:5%} #prd_nicemenu_golf .sec_inner .prd_nicemenu_golf_cate ul li a{overflow:hidden; display:block; width:100%;background-color: #f4f4f4; border-radius: 40px; padding: 8px 20px; text-align:center; color:#000;position:relative; font-size: 13px; font-weight: 500; display:block; transition:all .1s} #prd_nicemenu_golf .sec_inner .prd_nicemenu_golf_cate ul li.on>a{ color: #fff;background-color: #8bc53f;}/*버튼 활성화 될때 색깔*/ #prd_nicemenu_golf .prd_nicemenu_golf_prd{padding:0 5%} #prd_nicemenu_golf .prd_nicemenu_golf_prd>div{display: none; position:relative;opacity:0; transition:opacity .5s} #prd_nicemenu_golf .prd_nicemenu_golf_prd>div.show{display: block; } #prd_nicemenu_golf .prd_nicemenu_golf_prd>div.act{opacity:1} #prd_nicemenu_golf .prd_nicemenu_golf_2 ul li:nth-child(-n+6){display:none;}/*2번매뉴 12개 보여주는데 그중에서 앞에서 6개 감추기*/ #prd_nicemenu_golf .prd_nicemenu_golf_3 ul li:nth-child(-n+12){display:none;}/*3번매뉴 18개 보여주는데 그중에서 앞에서 12개 감추기*/ #prd_nicemenu_golf .prd_nicemenu_golf_5 ul li:nth-child(-n+6){display:none;}/*5번매뉴 12개 보여주는데 그중에서 앞에서 6개 감추기*/ #prd_nicemenu_golf .prd_nicemenu_golf_6 ul li:nth-child(-n+12){display:none;}/*6번매뉴 18개 보여주는데 그중에서 앞에서 12개 감추기*/ #prd_nicemenu_golf .prd_nicemenu_golf_8 ul li:nth-child(-n+6){display:none;}/*8번매뉴 12개 보여주는데 그중에서 앞에서 6개 감추기*/ /* 나이스메뉴매트 */ #prd_nicemenu_mat{} #prd_nicemenu_mat .sec_inner{padding:0} #prd_nicemenu_mat .sec_inner h2{padding:0 5%} #prd_nicemenu_mat .sec_inner .prd_nicemenu_mat_cate{margin-bottom: 35px;} #prd_nicemenu_mat .sec_inner .prd_nicemenu_mat_cate ul{} #prd_nicemenu_mat .sec_inner .prd_nicemenu_mat_cate ul li{width:auto;} #prd_nicemenu_mat .sec_inner .prd_nicemenu_mat_cate ul li:first-child{margin-left:5%} #prd_nicemenu_mat .sec_inner .prd_nicemenu_mat_cate ul li a{overflow:hidden; display:block; width:100%;background-color: #f4f4f4; border-radius: 40px; padding: 8px 20px; text-align:center; color:#000;position:relative; font-size: 13px; font-weight: 500; display:block; transition:all .1s} #prd_nicemenu_mat .sec_inner .prd_nicemenu_mat_cate ul li.on>a{ color: #fff;background-color: #24619f;}/*버튼 활성화 될때 색깔*/ #prd_nicemenu_mat .prd_nicemenu_mat_prd{padding:0 5%} #prd_nicemenu_mat .prd_nicemenu_mat_prd>div{display: none; position:relative;opacity:0; transition:opacity .5s} #prd_nicemenu_mat .prd_nicemenu_mat_prd>div.show{display: block; } #prd_nicemenu_mat .prd_nicemenu_mat_prd>div.act{opacity:1} #prd_nicemenu_mat .prd_nicemenu_mat_2 ul li:nth-child(-n+6){display:none;}/*2번매뉴 12개 보여주는데 그중에서 앞에서 6개 감추기*/ #prd_nicemenu_mat .prd_nicemenu_mat_3 ul li:nth-child(-n+12){display:none;}/*3번매뉴 18개 보여주는데 그중에서 앞에서 12개 감추기*/ #prd_nicemenu_mat .prd_nicemenu_mat_5 ul li:nth-child(-n+6){display:none;}/*5번매뉴 12개 보여주는데 그중에서 앞에서 6개 감추기*/ #prd_nicemenu_mat .prd_nicemenu_mat_6 ul li:nth-child(-n+12){display:none;}/*6번매뉴 18개 보여주는데 그중에서 앞에서 12개 감추기*/ #prd_nicemenu_mat .prd_nicemenu_mat_8 ul li:nth-child(-n+6){display:none;}/*8번매뉴 12개 보여주는데 그중에서 앞에서 6개 감추기*/ /*메인 디지털 카다로그 다운 버튼*/ #index_btn_catalogdown{margin-bottom:30px !important;} #index_btn_catalogdown .sec_inner{} #index_btn_catalogdown .sec_inner ul{display: flex; flex-wrap: wrap; gap: 10px;} #index_btn_catalogdown .sec_inner ul li{position: relative;width:100%} #index_btn_catalogdown .sec_inner ul li>a{display: block;width: 100%;} #index_btn_catalogdown .sec_inner ul li>a>img{width: 100%;} /*카카오맵 테스트*/ #index_kakaomap {margin-bottom:30px !important;} /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ #footer{margin-top:0 !important} /* BASIC css end */