수직 그라디언트(단색) background: linear-gradient(to bottom, #ffffff 50%, #f5f5f5 50%);} html 팝업 24시간 동안 보지 않기 닫기 .popup-bg {position: fixed;top: 100px; left: 0; bottom: 0;z-index: 9999;}.popup {background: white;text-align: center;max-width: 500px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); height: fit-content; width: 100%;}.popup button {margin: 10px 5px;padding: 10px 20px;border: none;border-radius: 5px;cursor: pointer;}.btn-close {background-color: #ccc;}.btn-hide {background.. swiper grid 수정 보호된 글입니다. 팝업 ✕ .pop_wrap {display: none;position: fixed;top: 0;left: 0;background: rgb(0, 0, 0, 0.5);width: 100%; height: 100%; z-index: 9999;}.pop_wrap .pop-inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 570px; padding: 50px 20px; background: #fff; line-height: 25px;}.pop-close { position: absolute; top: -30px; right: 0px; width:.. input select 커스텀 .select_wrap{position: relative;}.select_wrap select{height:56px; border:none; border-bottom: 1px solid #E5E5EC; padding: 0 20px; color: #505050; background: #fff; width: 100%; appearance: none; -webkit-appearance: none;-moz-appearance: none; position: relative; }.select_wrap::after { content:''; position: absolute;top: 50%;right: 20px;transform: translateY(-50%);pointer-events: none; backgrou.. 탭 탭1 탭2 tab1 content tab2 content $(function(){ $('.tabcontent > div').hide(); $('.tabnav a').click(function () { $('.tabcontent > div').hide().filter(this.hash).fadeIn(); $('.tabnav a').removeClass('active'); $(this).addClass('active'); return false; }).filter(':eq(0)').click(); }); $(function(){ $('.tabcontent > div').hide(); $('.tabnav a').click(function () { $('.ta.. 눈누 웹폰트 github https://github.com/skt-t1-byungi/noonnu-fonts/tree/master/packages swiper pagination 두개 사용하기 보호된 글입니다. 마우스 휠 애니메이션 .scroll_down{position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto;}.scroll_down .scroll{width: 28px; height: 48px; border: 2px solid #fff; border-radius: 25px; margin: 0 auto; display: flex; align-items: center; justify-content: center;}.scroll_down .scroll .scroll_dot{width: 5px; height: 5px; border-radius: 50%; background: #fff; display: block; animation: scroll 1.15s linear inf.. 아코디언 메뉴 01번이 열려있게 수정한 아코디언 메뉴 01 Investment in SMEs Expanding into the U.S. Market We provide capital and strategic guidance to Korean SMEs entering the North American market, helping them navigate complexities and achieve sustainable growth. .. input radio 라디오 커스텀 input[type="radio"] {-webkit-appearance: none; /* 브라우저 기본 스타일 제거 */-moz-appearance: none;appearance: none;width: 18px;height: 18px;border: 1px solid #d0d0d0;border-radius: 4px; /* 모서리를 살짝 둥글게 */display: inline-block;vertical-align: middle;margin-right: 5px;position: relative; background: #eee;}input[type="radio"]:checked::after {content: '✓'; /* 체크 표시 */color: white; /* 체크 표시 색상 */font-size: 14p.. input checkbox 체크박스 커스텀 input[type="checkbox"]{appearance: none;width: 20px;height: 20px;border: 1px solid #ddd;border-radius: 3px;outline: none;cursor: pointer;position: relative;margin-right: 10px;}input[type="checkbox"]:checked {background-color: var(--color);border-color: var(--color);}input[type="checkbox"]:checked::after {content: '✓';color: white;font-size: 14px;position: absolute;top: 50%;left: 50%;transform: t.. input date 아이콘 커스텀 input[type="date"]::-webkit-calendar-picker-indicator,input[type="date"]::-webkit-inner-spin-button { display: none; appearance: none;}input[type='date'] { position: relative; width: 100%; background: url('../img/day.png') no-repeat right 10px center; width: 24px; height: auto; background-color: #fff;} input[type='date']::-webkit-calendar-picker-indicator {position: absolute;left: 0.. 세로로 무한 흐르기 /client1.png" alt=""> /client2.png" alt=""> /client3.png" alt=""> /client4.png" alt=""> /client5.png" alt=""> /client6.png" alt=""> /client7.png" alt=""> /client8.png" alt=""> /client1.png" alt=""> /client2.png" alt=""> .. 가로로 무한 흐르기 WE ARE DIFFERENT. WE ARE DIFFERENT. WE ARE DIFFERENT. WE ARE DIFFERENT. WE ARE DIFFERENT. WE ARE DIFFERENT. WE ARE DIFFERENT. WE ARE DIFFERENT. WE ARE DIFFERENT. WE ARE DIFFERENT. WE ARE DIFFERENT. WE ARE DIFFERENT. WE ARE DIFFERENT. WE AR.. 이전 1 2 3 4 다음