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..
video 태그 아이폰에서 전체화면 없이 재생하기
png 이미지에 그림자(drop-shadow)넣기 img{filter: drop-shadow(0px 0px 10px #c3c3c3);}