.elementor-719 .elementor-element.elementor-element-54a0c98{--display:flex;--min-height:98vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-719 .elementor-element.elementor-element-54a0c98:not(.elementor-motion-effects-element-type-background), .elementor-719 .elementor-element.elementor-element-54a0c98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0D0D0D;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-719 .elementor-element.elementor-element-067b4b6{padding:30px 0px 0px 0px;}.elementor-719 .elementor-element.elementor-element-067b4b6 .elementor-button{font-family:"Pretendard Black", Sans-serif;font-weight:500;}.elementor-719 .elementor-element.elementor-element-a068862{padding:0px 0px 30px 0px;}.elementor-719 .elementor-element.elementor-element-a068862 .elementor-button{font-family:"Pretendard Black", Sans-serif;font-weight:500;}#elementor-popup-modal-719 .dialog-widget-content{background-color:#02010100;}#elementor-popup-modal-719{background-color:rgba(0,0,0,.8);justify-content:flex-start;align-items:center;pointer-events:all;}#elementor-popup-modal-719 .dialog-message{width:640px;height:100vh;align-items:flex-start;}#elementor-popup-modal-719 .dialog-close-button{display:flex;font-size:25px;}body:not(.rtl) #elementor-popup-modal-719 .dialog-close-button{right:5%;}body.rtl #elementor-popup-modal-719 .dialog-close-button{left:5%;}#elementor-popup-modal-719 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-719 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:1024px){body:not(.rtl) #elementor-popup-modal-719 .dialog-close-button{right:5%;}body.rtl #elementor-popup-modal-719 .dialog-close-button{left:5%;}}@media(max-width:767px){.elementor-719 .elementor-element.elementor-element-54a0c98{--min-height:98vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for button, class: .elementor-element-067b4b6 *//* ==========================================================
   MAX2MAX PREMIUM BUTTON - START DESIGN
   - 엘리멘터 버튼 위젯 > 고급 > 커스텀 CSS에 붙여넣으세요.
   ========================================================== */

/* 버튼 전체 가로폭 100% 채우기 및 하단 버튼과의 유격 조절 */
.elementor-719 .elementor-element.elementor-element-067b4b6 {
    width: 100% !important;
    margin-bottom: 12px !important; /* 밑에 들어올 2번째 버튼과의 완벽한 간격 */
}

/* 원본 오렌지 버튼 스타일 강제 주입 */
.elementor-719 .elementor-element.elementor-element-067b4b6 .elementor-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 20px 30px !important;
    border-radius: 100px !important;
    background-color: #FF7A1A !important; /* 오리지널 오렌지 */
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    box-shadow: 0 10px 30px rgba(255, 122, 26, 0.2) !important;
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), 
                background-color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), 
                color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 마우스 호버 효과 (화이트 매트 반전 + 부드러운 업 리프트) */
.elementor-719 .elementor-element.elementor-element-067b4b6 .elementor-button:hover,
.elementor-719 .elementor-element.elementor-element-067b4b6 .elementor-button:focus {
    background-color: #ffffff !important;
    color: #000000 !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(255, 122, 26, 0.3) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a068862 *//* ==========================================================
   MAX2MAX PREMIUM BUTTON - GET FREE DESIGNS
   - 엘리멘터 버튼 위젯 > 고급 > 커스텀 CSS에 붙여넣으세요.
   ========================================================== */

/* 버튼 전체 가로폭 100% 채우기 및 하단 소셜 파트와의 유격 조절 */
.elementor-719 .elementor-element.elementor-element-a068862 {
    width: 100% !important;
    margin-bottom: 12px !important; /* 아래 들어올 하단 파트와의 완벽한 간격 */
}

/* 프리미엄 화이트 솔리드 버튼 스타일 주입 */
.elementor-719 .elementor-element.elementor-element-a068862 .elementor-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 20px 30px !important;
    border-radius: 100px !important;
    background-color: #ffffff !important; /* 하이엔드 화이트 베이스 */
    color: #000000 !important;           /* 텍스트 딥 블랙 */
    font-size: 16px !important;
    font-weight: 950 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    border: 1px solid #ffffff !important;
    transition: transform 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), 
                background-color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1), 
                color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),
                border-color 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* 🚨 마우스 호버 효과 (주황색 배제형 다크 매트 반전 + 부드러운 업 리프트) */
.elementor-719 .elementor-element.elementor-element-a068862 .elementor-button:hover,
.elementor-719 .elementor-element.elementor-element-a068862 .elementor-button:focus {
    background-color: #161616 !important; /* 깊은 메뉴판 배경과 찰떡인 블랙 매트 */
    color: #ffffff !important;           /* 글자 화이트 전환 */
    border-color: rgba(255, 255, 255, 0.2) !important; /* 미세 은색 테두리 */
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5) !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Pretendard Black';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://m2msocks.jp/wp-content/uploads/2026/02/Pretendard-Black.woff2') format('woff2'),
		url('https://m2msocks.jp/wp-content/uploads/2026/02/Pretendard-Black.woff') format('woff'),
		url('https://m2msocks.jp/wp-content/uploads/2026/02/Pretendard-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */