/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard-jp.css");

@media (max-width: 480px) {

    #particles-js {
        width: 100%;
        height: 150vh !important;
    }

.title {
}


h1 {
    font-size: 2em !important;
}
	
	.type-post h2 {
		color: #ffffff !important;
	}

.sub-title {
    font-size: 1em !important
}

    .main {
        padding: 1em;
    }

    .main h2 {
        font-size: 1em;
    }

    .main h3 {
        font-size: 1.25em !important;
    }

    .main h5 {
        font-size: 1em !important;
    }

    .idle {
        border-radius: 1em 1em 0 0 !important;
    }
    
    .key 
{
    border-radius: 0 0 1em 1em !important;
}
}


html,
body {
    overflow-x: hidden;
}

.container {
    max-width: 960px;
}


* {
}

h1.entry-title{
	display: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Pretendard" !important;
	font-weight: 900;
}

span {
    font-family: "Pretendard" !important;
		font-weight: 900;
}

a {
    font-family: "Pretendard" !important;
    color: #ff8709;
}

p {
    font-family: "Pretendard" !important;
    font-size: 14px;
	margin-block-start: 0;
    margin-block-end: 0;
}

ul li{
    font-family: "Pretendard" !important;
}

img {
    object-fit: cover !important;
}

h1 {
    font-size: 2em ;
}

h2 {
    font-size: 1.75em ;
}

h3 {
    font-size: 1.5em ;
}

h4 {
    font-size: 1.25em ;
}

h5 {
    font-size: 1em ;
}

h6 {
    font-size: 0.75em ;
}

.elementor-price-table__period {
  color: rgb(255 255 255 / 50%)!important;
  margin-top: 1em;
}

.gradient-title {
  background: -webkit-linear-gradient(#feb272,#fd7e14);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

canvas {
    display: block;
    vertical-align: bottom;
}

.btn {
    border-radius: 1em !important;
}

.img-landing{
    width: 50%;
    display: block;
    padding: 2em;
}


/* ---- particles.js container ---- */

td {
    padding: 1em !important;
}

.title {
    text-align: center;
    font-size: 3.5em;
}

.main .title {
font-size: 5em;
}

.sub .title {
 color: #f08300;
}

.sub-title {
    font-size: 1.5em !important;
}


.main .neon {
    padding: 1em;
    animation: title-color 2s infinite;
    text-align: -webkit-center;
}

@keyframes title-color {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: rgb(255 48 131) 0 0em 5em;
    }

    100% {
        box-shadow: none;
    }
}

.sub .neon{
    color: #f08300;
    animation: sub-title-color 5s infinite;

}

@keyframes sub-title-color {
    0% {
        box-shadow: none;
    }

    50% {
        box-shadow: #f08300 0 0em .5em;
    }

    100% {
        box-shadow: none;
    }
}

.material-symbols-rounded {
    font-family: 'Material Symbols Rounded' !important;
}

.border-line {
    padding: 0.1em 0.2em;
    border-radius: 10em;
    border: solid 5px;
}

.bg-main {

}

.pre {
    white-space: pre-line;
}

.block {
    align-items: center;
    border: 1px solid #ffffff;
    padding: 1em;
    z-index: 1;
    border-radius: 1em;
}

.card {
    padding: 1em;
    z-index: 1;
    border-radius: 1em;
    align-items: stretch;
    min-height: 100%;
}

.key {
    background: linear-gradient(90deg, #f08300 0%, #ff8c00 100%);
}

.key span {
    font-family: "Pretendard JP" !important;
    font-weight: 900 !important;
    background: #f08300;
    padding: 0.5em;
    border-radius: 1em;
    box-shadow: #c26a00 0 0.25em 0.5em;
}

.lead {
background: unset;
    backdrop-filter: blur(0.3em);
    box-shadow: #F08300 0 0em 3em;
    min-height: 100%;
}



.feature-wrap{
    text-align: center;
}

.feature {
    font-size: 5em;
    text-align: center;
    color: #f08300;
    border: solid 1px;
    padding: 0.1em;
    border-radius: 50%;
    margin: 0.25em 0 0.5em 0;
    box-shadow: rgba(240, 131, 0, 0.15) 0px .1em .1em;
}

.feature:before {
    content: " ";
    position: absolute;
    z-index: -1;
    border: 5px solid #f08300;
}

.bg-idle{
    border: solid 1px #ffffff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1em 1em;
    padding: 3em;
}

.bg-focus{
    background: linear-gradient(90deg, #f08300 0%, #ff8c00 100%);
    box-shadow: rgba(240, 131, 0, 0.5) 0px 1em 1em;
    color: #ffffff;
    border: solid 1px;
    padding: 3em;
}

.bg-focus ul {
    margin: 0;
}

.bg-focus h3 {
    margin: 0;
}

.card-header {
    background-color: unset;
}

.btn {
    font-weight: 900;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #F08300;
    --bs-btn-border-color: #F08300;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #F08300;
    --bs-btn-hover-border-color: #F08300;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #F08300;
    --bs-btn-active-border-color: #F08300;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #F08300;
    --bs-btn-disabled-border-color: #F08300;
}

.arrow {
    width: 100px;
}

.arrow-text {
    position: absolute;
    top: 45%;
    left: 55%;
    font-weight: 900;
}

.bg-sidebar {
    box-shadow: rgba(0, 0, 0, 0.75) 0px 0em 0em;
    color: var(--text);
}

.bg-header {
    background-color: var(--light-1);
    margin: 1em;
    border-radius: 1em;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 1em 1em;
    position: sticky;
}



.bg-footer {
    background-color: var(--dark-1);
    color: var(--light-1) !important;
}

.bg-footer p {
    color: var(--light-1) !important;
}

  #complete {
    display: none;
  }


.e-form__indicators {
    display: none !important;
}

/* 2.0  */

@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes blurAnimation {

    0%,
    100% {
        text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
    }

    50% {
        text-shadow: 0px 0px 20px rgba(255, 255, 255, 1);
    }
}

.txt-2-0 {
		    font-weight: 100 !important;
    font-style: italic;
    background-image: linear-gradient(90deg, #ff8709, #ffdd00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    /* 그라데이션 애니메이션 추가 */
    background-size: 200% 200%;
    animation: gradientAnimation 3s ease infinite,
        blurAnimation 3s ease infinite;
}

#navigation-wrapper {
    height: 0 !important;
    padding: 0 !important;
}

.elementor-field-group-finalResult hr {
    margin: 15px 0 !important;
    border: #CAC8C4 1px dashed;
}

.quo {
    font-weight: 900;
}

.name,
.discount {
    color: #ff8709;
}

.result {
    text-decoration-line: line-through;
}



.table-feature {
    width: 100%;
    margin-bottom: 1em;
}

.table-feature th {
    background-color: #fffef11a;
}

.table-feature td {
    border: 0;
    border-bottom: solid 1px #FFFEF1;
    padding: 0.5em !important;
}

.th-module {
    width: 40%;

}

.th-feature {
    width: 60%;

}

#2-0 h1{
	font-weight: 100 !important;
}

.elementor-counter-title {
	font-size: 0.65em !important;
}