/*
Theme Name: IndiePixel Child
Theme URI: https://indiepixel.co.kr/
Author: IndiePixel
Author URI: https://indiepixel.co.kr/
Template: indiepixel-theme
Description: IndiePixel child theme.
Version: 1.2.8
License: GNU General Public License
License URI: https://indiepixel.co.kr/
Text Domain: indiepixel-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/


/* =========================================
   홈페이지 전체 좌우 프레임
   PC 40px / 태블릿 25px / 모바일 15px
========================================= */

:root {
    --page-side-space: 40px;
}

@media (max-width: 1024px) {
    :root {
        --page-side-space: 25px;
    }
}

@media (max-width: 767px) {
    :root {
        --page-side-space: 15px;
    }
}

/* 박스 크기 계산 통일 */
html {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0 !important;

    /* 상하 0, 좌우만 여백 */
    padding: 0 var(--page-side-space) !important;

    box-sizing: border-box;
    overflow-x: hidden;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* 워드프레스 및 엘리멘터 전체 영역 */
body > #page,
body > .site,
body > .elementor,
body > .elementor-location-header,
body > .elementor-location-footer,
body > .elementor-location-single,
body > .elementor-location-archive {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 엘리멘터 페이지 */
.elementor,
.elementor-page,
.elementor-location-header,
.elementor-location-footer,
.elementor-location-single,
.elementor-location-archive {
    max-width: 100%;
}

/* 이미지와 영상 넘침 방지 */
img,
video,
iframe,
svg {
    max-width: 100%;
}

/* 100vw 사용 요소로 인한 가로 잘림 방지 */
.elementor-section,
.e-con,
.e-con-inner {
    box-sizing: border-box;
}