/***************************************
Template Name: Green Fair
Author: Md Foysal Ahamed
Created: July 05 2016
Version: 1.2
****************************************/


/*CSS Style Structure
1. General Or Universal code,
2. Import Google's Fonts,
3. Header,
4. Slider,
5. Welcome,
6. Volunteer,
7. Portfolio,
8. Achivment,
9. Event,
10. Testimonial,
11. Latest Blog,
12. Purches,
13. Contact,
14. Footer.
*/


/*
font-family: 'Roboto Slab', serif;
*/

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300,100);

/*
font-family: 'Lato', sans-serif;
*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);

/*
font-family: 'Raleway', sans-serif;
*/

@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

/*
font-family: 'Open Sans', sans-serif;
*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,700,800,800italic);

/*
font-family: 'Roboto', sans-serif;
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);

/* 검은고딕 폰트 - 시스템 폰트로 대체 */


/*UNIVERSAL CODE*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 모바일 최적화 */
html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* Bootstrap 컨테이너는 기본 반응형을 사용 */
.alignleft {
    float: left;
    margin-right: 15px
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto
}
.floatleft {
    float: left
}
.floatright {
    float: right
}
.fix {
    overflow: hidden
}
.clear {
    clear: both
}
.container {
    transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
}
ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
a,
a:hover,
a:focus,
a:visited,
a:hover {
    text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}
p {
    padding: 0;
    margin: 0;
}
img {
    max-width: 100%;
    height: auto;
}
html {
    height: 100%
}
body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    background-color: #000000;
}

/*Remove chrome Input Field’s Unwanted Yellow Background Color*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 100px white inset !important;
}

/*Input focus color removed*/

:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

/*Bootstrap Form Control Focus*/

.form-control:focus {
    border-color: #fff;
    border: 0px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/***************************/

.zero_mp {
    padding: 0;
    margin: 0;
}
.margin_btm {
    margin-bottom: 0px !important;
}
.sections{
    padding: 80px 0;
    overflow: hidden;
    position: relative;
}
.min-spacing{
    padding: 50px 0;
    overflow: hidden;
    position: relative;
}
/***********************************************/


/*header*/

#header .header_menu {
    min-height: 70px;
    border-bottom: 1px solid #3D3E3D;
    z-index: 9999;
    background-color: #f8f9fa;
}
#header .header_menu .navbar {
    border: 0px solid transparent;
}
#header .header_menu .custom_navbar-brand {
    padding-left: 0;
    display: flex;
    align-items: center;
    height: 70px;
}

#header .header_menu .custom_navbar-brand img {
    max-width: 180px;
    height: auto;
    width: 100%;
}

/* 반응형 로고 크기 조정 */
@media (max-width: 768px) {
    #header .header_menu .custom_navbar-brand img {
        max-width: 140px;
    }
}

@media (max-width: 480px) {
    #header .header_menu .custom_navbar-brand img {
        max-width: 110px;
    }
}


#header .header_menu .navbar-default {
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, 0);
}
#header .header_menu .navbar-default .navbar-nav>.active>a,
#header .header_menu .navbar-default .navbar-nav>.active>a:focus,
#header .header_menu .navbar-default .navbar-nav>.active>a:hover {
    background-color: rgba(255, 255, 255, 0);
}
#header .header_menu .main_menu {
    padding-top: 15px;
}
#header .header_menu ul.main_menu li a {
    color: #000000;
    font-size: 14px;
    font-weight: 800;
}
#header .header_menu ul.main_menu li a:hover {
    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       -webkit-background-clip:text;
       background-clip:text;
    /* color: #FFAA00;
    text-shadow: 0 0 10px rgba(255, 170, 0, 0.5); */
}
#header .header_menu ul.main_menu li.active a {
    background-image: linear-gradient(to right, #462523 0, #cb9b51 22%, #cb9b51 78%, #462523 100%);
    color:transparent;
    -webkit-background-clip:text;
    background-clip:text;
}
#header .header_menu ul.main_menu li,
#header .header_menu ul.main_menu li.active a {
    display: inline-block;
    position: relative;
}
#header .header_menu ul.main_menu li:after {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
    margin-top: 6px;
}
#header .header_menu ul.main_menu li:hover:after {
    width: 90%;
    background: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
}
#header .header_menu ul.main_menu li.active:after {
    width: 90%;
    background: #FFD700;
}

/*Slider*/

#slider {
    height: calc(100vh - 70px);
    overflow: hidden;
}
#slider .slider_text {
    text-shadow: 2px 5px 3px black;
    position: relative;
    z-index: 11;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#slider .slider_text h2 {
    font-size: 52px;
    padding: 10px 0;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
}

/* h3 holographic effect with 3D */
#slider .slider_text h3 {
    position: relative;
    font-size: 60px;
    font-family: 'HY헤드라인M', 'Open Sans', sans-serif;
    font-weight: 900 !important;
    background-image: url('../img/holographic_pattern2.png');
    background-size: 300% 300%;
    background-position: 50% 50%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: brightness(2) contrast(1) saturate(2);
    text-shadow: 
        1px 1px 0px rgba(0, 0, 0, 0.4),
        2px 2px 0px rgba(0, 0, 0, 0.3),
        3px 3px 0px rgba(0, 0, 0, 0.2),
        4px 4px 0px rgba(0, 0, 0, 0.1),
        0 0 20px rgba(255, 255, 255, 0.4);
    transform: perspective(800px) rotateX(8deg) rotateY(-2deg);
    transition: background-position 0.05s ease-out;
}

#slider .slider_text h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        90deg,
        transparent 0%,
        transparent 40%,
        rgba(255,255,255,0.8) 50%,
        transparent 60%,
        transparent 100%
    );
    animation: holoShine 3s ease-in-out infinite;
    pointer-events: none;
    -webkit-background-clip: text;
    background-clip: text;
    transform: translateX(-100%);
}

#slider .slider_text h3::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        45deg,
        rgba(255,255,255,0.1) 0%,
        rgba(255,255,255,0.3) 25%,
        rgba(255,255,255,0.1) 50%,
        rgba(255,255,255,0.3) 75%,
        rgba(255,255,255,0.1) 100%
    );
    animation: holoReflect 4s ease-in-out infinite;
    pointer-events: none;
    -webkit-background-clip: text;
    background-clip: text;
    opacity: 0.6;
}

@keyframes holoShine {
    0% { transform: translateX(-100%); }
    50% { transform: translateX(100%); }
    100% { transform: translateX(100%); }
}

@keyframes holoReflect {
    0%, 100% { 
        background-position: 0% 0%;
        opacity: 0.2;
    }
    25% { 
        background-position: 100% 0%;
        opacity: 0.6;
    }
    50% { 
        background-position: 100% 100%;
        opacity: 0.2;
    }
    75% { 
        background-position: 0% 100%;
        opacity: 0.6;
    }
}
/* h3 holographic effect end */

#slider .slider_text p {
    font-size: 17px;
    padding-bottom: 60px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}
#slider .slider_text a.custom_btn {
    font-size: 14px;
    color: #FFD700;
    padding: 10px 50px;
    background: transparent;
    border: 2px solid #FFD700;
    border-radius: 25px;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.8);
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.3);
    transition: all 0.3s ease;
}
#slider .slider_text a.custom_btn:hover {
    background: transparent;
    border: 2px solid transparent;
    background-image: linear-gradient(
        to right,
        rgba(70, 37, 35, 0.3) 0,
        rgba(203, 155, 81, 0.4) 22%, 
        rgba(246, 226, 122, 0.5) 45%,
        rgba(246, 226, 122, 0.5) 55%,
        rgba(203, 155, 81, 0.4) 78%,
        rgba(70, 37, 35, 0.3) 100%
        );
    box-shadow: 0 0 30px rgba(255, 215, 0, 0.6), 0 0 50px rgba(255, 215, 0, 0.4), 0 0 70px rgba(255, 215, 0, 0.2);
    text-shadow: 0 0 15px rgba(255, 215, 0, 1);
}


/* Corp motto image styling */
#slider .slider_text .corp-motto-img {
    max-width: 500px;
    height: auto;
    display: block;
    filter: drop-shadow(2px 5px 3px rgba(0, 0, 0, 0.8));
}

/* Aura logo styling */
.aura-logo {
    width: 60px;
    height: 60px;
    object-fit: contain;
    display: block;
}

/* Timeline active title gold gradient */
.timeline_item h4.active-title {
    background: linear-gradient(
        to right,
        #462523 0,
        #cb9b51 22%, 
        #f6e27a 45%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    font-weight: 700;
    transition: all 0.3s ease;
}
#slider .slider_overlay {
    position: relative;
}

#slider .slider_overlay img {
    width: 100%;
    height: calc(100vh - 70px);
    object-fit: cover;
    object-position: center;
}

#slider .carousel-caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

#slider .slider_text {
    position: relative;
    z-index: 11;
}
#slider .slider_overlay:after {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/*Slider Fade In*/

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

/*Welcome Section*/
#welcome {
    min-height: 350px;
    background: #000000;
    padding: 175px 0;
}
.wel_header {
    text-align: center;
    color: #ffffff;
    padding-top: 0;
}
.fw-heading.fw-heading-center {
    padding-bottom: 40px;

}
.wel_header h2 {
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 25px;
    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       /* -webkit-background-clip:text; */
        background-clip:text;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
.wel_header p {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
#welcome .single_item {
    padding-top: 30px;
    text-align: center;
}
#welcome .welcome_icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #C4C4C4;
    transition: .7s;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
#welcome .welcome_icon i {
    margin-top: 25%;
    font-size: 50px;
    transition: .7s;
}
#welcome .item_list h4 {
    padding: 20px;
    font-weight: 700;
    font-size: 18px;
    color: #ffffff;
    transition: 0.7s;
    font-family: 'Roboto Slab', serif;
}
#welcome .item_list p {
    font-size: 14px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}
#welcome .item_list:hover .welcome_icon {
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
    cursor: pointer;
}
#welcome .item_list:hover .welcome_icon i {
    color: #fff;
}
#welcome .item_list:hover h4[data-translate="aura-title"] {
    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       -webkit-background-clip:text;
       background-clip:text;
    /* color: #FFAA00;
    text-shadow: 0 0 10px rgba(255, 170, 0, 0.5); */
    cursor: pointer;
}

/*Company History*/

#history {
    min-height: 500px;
    background: #000000;
    padding: 175px 0;
}
.history_header h2 {
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 20px;

    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       -webkit-background-clip:text;
       background-clip:text;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
.history_header p {
    font-size: 16px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 50px;
}
.company_image {
    background: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.company_image img {
    width: 960px;
    /* total height - margin bottom */
    height: calc(653.906px - 40px); 
    border-radius: 30px;
    object-fit: cover;
}
.timeline {
    position: relative;
    padding-left: 30px;
}
.timeline::before {
    content: '';
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, #FFD700, #cb9b51);
}
.timeline_item {
    position: relative;
    margin-bottom: 40px;
    padding-left: 40px;
}
.timeline_item::before {
    content: '';
    position: absolute;
    left: -7px;
    top: 8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #FFD700;
    border: 3px solid #000;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
.timeline_year {
    font-size: 18px;
    font-weight: 700;
    color: #FFD700;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 10px;
}
.timeline_content h4 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
}
.timeline_content p {
    font-size: 14px;
    color: #ccc;
    line-height: 1.6;
    font-family: 'Open Sans', sans-serif;
}
.timeline_year {
    font-size: 18px;
    font-weight: 700;
    color: #FFD700;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 10px;
    text-align: center;
}

/*Portfolio*/

#portfolio {
    min-height: 780px;
    padding: 80px 0;
}

#portfolio .portfolio_title h2 {
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 15px;
    font-family: 'Roboto Slab', serif;
    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       -webkit-background-clip:text;
       background-clip:text;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
#portfolio .portfolio_title p {
    font-size: 16px;
    color: #ffffff;
    padding-bottom: 25px;
    padding-top: 0;
    font-family: 'Open Sans', sans-serif;
}

/*Customise Portfolio*/

#portfolio ul.menu li button {
    padding: 6px 15px;
}
#portfolio ul.portfolio_custom_menu li button {
    background: #333333;
    border: 1px solid #555555;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 20px;
    width: 125px;
    font-size: 12px;
    padding-top: 8px;
    border-radius: 15px;
    font-family: 'Roboto', sans-serif;
    transition: all 0.3s ease;
}
#portfolio ul.portfolio_custom_menu li {
    padding: 10px 0px;
}
#portfolio ul.portfolio_custom_menu li button:hover {
    background: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
    /* background: #FFAA00; */
    color: #fff;
}
#portfolio ul.portfolio_custom_menu li button.btn_active {
    background: #FFD700;
    box-shadow: inset 0 1px 10px hsla(0, 0%, 100%, 0);
    color: #000;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
#portfolio .notes .note .img_overlay {
    background: rgba(21, 21, 18, 0.92);
    z-index: 1;
    position: absolute;
    width: 94%;
    height: 94%;
    top: 3%;
    left: 3%;
    color: #fff;
    opacity: 0;
    transition: 0.7s;
}
#portfolio .notes .note .img_overlay p {
    position: relative;
    top: 45%;
    opacity: 0;
    transition: 0.7s;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}
#portfolio .notes .note:hover .img_overlay,
#portfolio .notes .note:hover .img_overlay p {
    opacity: 10;
}

/*Achivment*/

div#achivement {
    overflow: hidden;
}
.achivment_padding {
    padding: 80px 0;
}
/*#counter {
    min-height: 440px;
    background: #bdbebd;
    border-bottom: 1px solid #8c8e8c;
}*/
/*.counter_header {
    padding-top: 80px;
    text-align: center;
    color: #fff;
}*/
section#counter {
    background: url(../img/img1.jpg) no-repeat scroll top center / cover;
    color: #fff;
}
.counter_img_overlay {
    position: relative;
    padding: 80px 0;
    text-align: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.52);
}
.counter_header h2 {
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 10px;
    font-family: 'Roboto Slab', serif;
    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       -webkit-background-clip:text;
       background-clip:text;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
.counter_header p {
    font-size: 16px;
    padding-bottom: 60px;
    font-family: 'Open Sans', sans-serif;
    padding-top: 15px;
}
.counter_text {
    color: #fff;
    font-weight: 700;
}
.sigle_counter_item {
    padding-top: 20px;
    padding-bottom: 0px;
}
.sigle_counter_item img {
    padding-bottom: 20px;
    height: 90px;
}
.sigle_counter_item i {
    font-size: 60px;
    padding: 10px;
    color: #43A906;
}
.counter_text span {
    font-size: 32px;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
}
.counter_text p {
    font-size: 16px;
    font-weight: 400;
    padding-top: 10px;
    font-family: 'Roboto Slab', serif;
    color: #ffffff;
    margin-top: 10px;
}

/*Event*/

#event {
    min-height: 550px;
    background: #000000;
    color: #000;
    padding: 80px 0px;
}
#event .event_header {
    padding-bottom: 50px;
}
#event .event_header h2 {
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 20px;
    font-family: 'Roboto Slab', serif;
    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       -webkit-background-clip:text;
       background-clip:text;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
.event_header.text-center p {
    color: #ffffff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}
#event .event_text {
    padding: 30px 30px 0;
    background: #eff0f2;
    min-height: 279px;
}
#event .event_item img {
    width: 100%;
}
#event .event_text {
    padding: 30px 30px 0;
    width: 100%;
}
#event .event_text h4 {
    font-size: 18px;
    padding-bottom: 15px;
    font-weight: 700;
    color: #454444;
    font-family: 'Roboto Slab', serif;
}
#event .event_text h6 {
    padding-bottom: 20px;
    font-size: 14px;
    color: #6c6b6b;
    font-family: 'Roboto Slab', serif;
}
#event .event_text p {
    font-size: 14px;
    color: #ffffff;
    padding-bottom: 35px;
    font-family: 'Open Sans', sans-serif;
}
#event a.event_btn {
    background: #FFD700;
    padding: 5px 15px;
    color: #000;
    font-weight: 700;
    border-radius: 15px;
    transition: 0.7s ease;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
#event a.event_btn:hover {
    background: #FFA500;
    color: #fff;
    text-shadow: 1px 1px 2px black;
}
#event .event_news {
    padding-bottom: 27px;
}
.event_news_text {
    display: block;
    overflow: hidden;
}
.event_news_text h4 {
    color: #454444;
    font-size: 18px;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
}
#event .event_news_text p {
    padding-top: 10px;
    font-size: 14px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}
#event .event_news_img {
    padding-right: 10px;
}

/*Testimonial*/

#testimonial {
    color: #fff;
    background: url(../img/img3.jpg) no-repeat scroll top center / cover;
}
.testimonial_overlay {
    padding: 80px 0;
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.53);
}
#testimonial .testimonial_header h2 {
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 20px;
    font-family: 'Roboto Slab', serif;
    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       -webkit-background-clip:text;
       background-clip:text;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
#testimonial .testimonial_header p {
    font-size: 16px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
}

/*Latest Blog*/

#blog {
    min-height: 500px;
    padding: 80px 0;
}
#blog p {
    display: inline-block;
}
#blog .latest_blog h2 {
    padding-bottom: 20px;
    font-size: 36px;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       -webkit-background-clip:text;
       background-clip:text;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
#blog .latest_blog p {
    padding-bottom: 45px;
    font-size: 16px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}
#blog .single_blog_item {
    border: 1px solid #d1d3d1;
}
#blog .blog_content {
    padding: 15px;
    height: 250px;
}
#blog .blog_content h3 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 10px;
    color: #454444;
    font-family: 'Roboto Slab', serif;
}
#blog .expert {
    padding-bottom: 20px;
    color: #aeadad;
}
#blog .expert span.time {
    padding-right: 10px;
    border-right: 1px solid;
}
#blog .expert span.admin {
    padding-left: 5px;
    color: #aeadad;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
#blog .blog_news .blog_img img {
    height: 230px;
    width: 100%;
}
#blog .blog_news span.right_msg span {
    font-size: 14px;
    color: #aeadad;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
}
#blog .expert a {
    color: #aeadad;
}
#blog .expert p.right_side {
    padding-left: 110px;
}
#blog p.blog_news_content {
    color: #ffffff;
    font-size: 14px;
    padding-bottom: 15px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#blog a.blog_link {
    font-weight: 500;
    color: #ffffff;
    transition: 0.7s;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}
#blog a.blog_link:hover {
    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       -webkit-background-clip:text;
       background-clip:text;
    /* color: #FFAA00;
    text-shadow: 0 0 10px rgba(255, 170, 0, 0.5); */
}



/*Company Info*/

#company-info {
    min-height: 650px;
    background: #000000;
    padding: 80px 0;
}

#company-info .contact_area h3 {
    font-size: 36px;
    padding-bottom: 20px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'HY헤드라인M', sans-serif;
    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       -webkit-background-clip:text;
       background-clip:text;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

#company-info .contact_area p {
    font-size: 16px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}

/*Contact*/

#contact {
    min-height: 650px;
    background: transparent;
    padding: 250px 0;
    position: relative;
}

#contact .contact_area h3 {
    font-size: 36px;
    padding-bottom: 20px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'HY헤드라인M', 'Open Sans', sans-serif;
    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       -webkit-background-clip:text;
       background-clip:text;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

#contact .contact_area p {
    font-size: 16px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}

.msg {
    margin-top: 20px;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    border-radius: 20px;
    padding: 40px;
}

/* 문의하기 섹션 폼 컨트롤 스타일 */
.msg input.form-control,
.msg textarea.form-control,
.msg select.form-control {
    background: linear-gradient(135deg, #2d2d2d 0%, #3a3a3a 50%, #2d2d2d 100%);
    border: 1px solid #555;
    color: #ffffff;
    border-radius: 8px;
    padding: 10px 15px;
    font-size: 14px;
    transition: all 0.3s ease;
}

.msg input.form-control:focus,
.msg textarea.form-control:focus,
.msg select.form-control:focus {
    background: linear-gradient(135deg, #3a3a3a 0%, #4a4a4a 50%, #3a3a3a 100%);
    border-color: #cb9b51;
    box-shadow: 0 0 10px rgba(203, 155, 81, 0.3);
    outline: none;
    color: #ffffff;
}

.msg input.form-control::placeholder,
.msg textarea.form-control::placeholder {
    color: #999999;
    opacity: 1;
    font-style: italic;
    font-weight: 300;
}

.msg select.form-control option {
    background: #2d2d2d;
    color: #ffffff;
    padding: 10px;
}

.msg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="%23ffffff" opacity="0.02"/><circle cx="75" cy="75" r="1" fill="%23ffffff" opacity="0.02"/><circle cx="50" cy="10" r="0.5" fill="%23ffffff" opacity="0.03"/><circle cx="10" cy="60" r="0.5" fill="%23ffffff" opacity="0.03"/><circle cx="90" cy="40" r="0.5" fill="%23ffffff" opacity="0.03"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
    pointer-events: none;
    border-radius: 20px;
}
input#name,
input#email {

    margin-bottom: 10px !important;
}

.text_area textarea {
    resize: none;
    width: 100%;
}
.text_area textarea,
.form-inline .form-control,
input#name,
input#email,
input#subject{
    border-radius: 12px;
    margin-bottom: 20px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.08);
    font-style: normal;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    padding: 15px 20px;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

#subject.form-control {
    height: 45px !important;
    margin-bottom: 20px !important;
}

.text_area textarea:focus,
.form-inline .form-control:focus,
input#name:focus,
input#email:focus,
input#subject:focus {
    border-color: #FFD700;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.2);
    outline: none;
}

.text_area textarea::placeholder,
.form-inline .form-control::placeholder,
input#name::placeholder,
input#email::placeholder,
input#subject::placeholder {
    color: rgba(255, 255, 255, 0.6);
    font-style: italic;
}
li.fw-flash-message {
    color: red;
    font-size: 4rem;
}
.msg_title h5 {
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

.msg_title h5::after {
    content: '';
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #FFD700, #FFA500);
    border-radius: 2px;
}
.custom-btn {
    padding: 15px 40px;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    color: #000;
    font-weight: 700;
    border: 0px;
    border-radius: 25px;
    letter-spacing: 2px;
    font-size: 16px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    font-family: 'Open Sans', sans-serif;
    outline: 0 !important;
    transition: all 0.3s ease;
    float: right;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
    position: relative;
    overflow: hidden;
}

.custom-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.5s;
}

.custom-btn:hover::before {
    left: 100%;
}
.custom-btn:hover {
    background: linear-gradient(135deg, #FFA500 0%, #FF8C00 100%);
    color: #fff;
    text-shadow: 1px 1px 2px black;
    transform: translateY(-2px);
    box-shadow: 0 12px 35px rgba(255, 165, 0, 0.4);
}

/* 카카오톡 문의 버튼 */
.kakao-inquiry-btn {
    background: #FEE500;
    color: #3C1E1E;
    border: 0px;
    border-radius: 25px;
    display: inline-flex;
    align-items: center;
    padding: 10px 20px;
}

.kakao-inquiry-btn i {
    font-size: 20px;
    color: #3C1E1E;
}

.kakao-inquiry-btn:hover {
    background: #FFEB3B;
    color: #3C1E1E;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
    transform: translateY(-2px);
    box-shadow: 0 12px 35px rgba(254, 229, 0, 0.4);
    text-decoration: none;
}

.kakao-inquiry-btn:hover i {
    color: #3C1E1E;
}

/* 카카오톡 버튼 호버 시 텍스트 표시 */
.kakao-inquiry-btn::after {
    content: attr(data-tooltip);
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%) translateY(-2px);
    background: rgba(0, 0, 0, 0.95);
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
}


.kakao-inquiry-btn:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-2px);
}


.office .title h5 {
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
}
.office_location i span {
    padding-left: 15px;
    color: #696969;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
.office_location i {
    padding-bottom: 15px;
}
.office_location {
    color: #696969;
}

.office_location .address {
    margin-top: 20px;
}
.contact_area h3 {
    font-size: 36px;
    padding-bottom: 20px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'HY헤드라인M', 'Open Sans', sans-serif;
    background-image: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6f2c0 50%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
       color:transparent;
       -webkit-background-clip:text;
       background-clip:text;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}
.contact_area p {
    font-size: 16px;
    color: #ffffff;
    font-family: 'Open Sans', sans-serif;
}
#map {
    width: 100%;
    margin: 0;
    box-shadow: 0px 0px 0px rgba(255, 255, 255, 0);
    min-height: 600px;
}

/*Footer*/

#footer {
    min-height: 100px;
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #1a1a1a 100%);
    color: #ffffff;
}
#footer .copyright,
#footer .designer {
    font-size: 14px;
}
#footer .copyright p {
    text-align: center;
}
#footer .designer p {
    text-align: right;
}
#footer .copyright p,
#footer .copyright p span a,
#footer .designer p,
#footer .designer a {
    font-size: 14px;
    color: #ffffff;
    font-family: 'Noto Sans KR', 'Open Sans', sans-serif;
    padding-left: 3px;
}

/* Footer address and phone styling */
#footer .address {
    display: flex;
    align-items: center;
}

#footer .address p {
    font-size: 12px;
    color: #ffffff;
    font-family: 'Noto Sans KR', 'Open Sans', sans-serif;
    white-space: nowrap;
    overflow: visible;
    min-width: 200px;
}

#footer .address i {
    padding: 3px 2px;
    font-size: 15px;
    margin-right: 5px;
}

#footer .phone {
    display: flex;
    align-items: center;
    margin-left: 70px;
}

#footer .phone p {
    font-size: 12px;
    color: #ffffff;
    font-family: 'Noto Sans KR', 'Open Sans', sans-serif;
    white-space: nowrap;
    overflow: visible;
    min-width: 200px;
}

#footer .phone i {
    padding: 3px 2px;
    font-size: 15px;
    margin-right: 5px;
}

/*Back to Top*/

#back-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 9999;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    background: #FFD700;
    color: #000;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: all 0.5s ease;
    opacity: 0;
    display: none;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-size: 28px;
    font-weight: bold;
}
#back-to-top:hover {
    color: #fff;
    animation: bounce 0.6s ease-in-out;
    background: #FFA500;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.8), 0 0 40px rgba(255, 215, 0, 0.6), 0 0 60px rgba(255, 215, 0, 0.4);
}
@keyframes bounce {
    0% { transform: scale(1); box-shadow: 0 0 20px rgba(255, 215, 0, 0.8), 0 0 40px rgba(255, 215, 0, 0.6), 0 0 60px rgba(255, 215, 0, 0.4); }
    50% { transform: scale(1.3); box-shadow: 0 0 30px rgba(255, 215, 0, 1), 0 0 60px rgba(255, 215, 0, 0.8), 0 0 90px rgba(255, 215, 0, 0.6); }
    100% { transform: scale(1); box-shadow: 0 0 20px rgba(255, 215, 0, 0.8), 0 0 40px rgba(255, 215, 0, 0.6), 0 0 60px rgba(255, 215, 0, 0.4); }
}
#back-to-top.show {
    opacity: 1;
}

.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    background: #000000;
    padding-top:0px;
}



/**/

.section-wraper {
    position: relative;
}
.section-edit {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 1;
}
.section-abc {
    background: rgba(255, 255, 255, 0.68);
    padding: 2px 5px;
    font-size: 12px;
    font-style: italic;
    display:none;
}
.section-edit:hover .section-abc{
    display:inline;
}
.section-edit .post-edit-link {
    margin: 10px 0;
    padding: 2px 12px;
}
.section-edit .post-edit-link {
    margin: 3px 0;
    padding: 2px 12px;
    font-size: 12px;
    line-height: 1.45;
}
.section-edit .post-edit-link {
    margin: 10px 0;
    display: inline-block;
    background: #E85757 ;
    color: #fff!important;
    padding: 2px 12px;
    border-radius: 3px;
}
.recent-blog .entry-header a {
    font-size: 1.5rem;
}

.event_img img {
    width: 440px;
    height: 279px;
}
.event_news_img img {
    width: 95px;
    height: 90px;
}



/*.contact_us_padding {
    padding: 80px 0px;
}*/
#contact-us .wel_header {
    padding-top: 0px;
    padding-bottom: 0;
}

#contact-us h3 {
    font-size: 36px;
    padding-bottom: 20px;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Roboto Slab', serif;

}

#contact-us .wel_header h5 {
    text-align: left;
    font-size: 22px;
    font-weight: 400;
    padding-bottom: 20px;
    font-family: 'Roboto Slab', serif;
    color: #ffffff;
    padding-top: 0px
}
#contact-us .office_location i {
    padding-bottom: 15px;
}
#contact-us .office_location i span {
    padding-left: 15px;
    color: #696969;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}

#contact-us .form-group {
    margin-bottom: 0;
}
.wel_header.contact_us_h5 {
    margin-left: -15px !important;
}
/*input#name,label.input,label.textarea,textarea.form-control {
    width: 100%;
}*/

#slider .carousel-indicators {
    bottom: 70px;
}

ul.entry-meta {
    text-align: left;
}
.btn-primmary{
    background: #FFD700;
    padding: 10px 30px;
    font-size: 16px;
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    border-radius: 20px;
    transition: all 0.3s ease;
}
.btn-primmary:hover {
    background: linear-gradient(
        to right,
        #462523 0,
       #cb9b51 22%, 
        #f6e27a 45%,
        #f6e27a 55%,
        #cb9b51 78%,
        #462523 100%
        );
    color: #fff;
    text-shadow: 1px 1px 2px black;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #ffffff;
}
#commentform #comment {
    padding-left: 10px;
    margin-top: 10px;
}
.widget_search .search-form input[type="submit"], .widget_search input[type="submit"] {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
}
.widget_search .search-form input[type="search"], .widget_search input[type="search"] {
    padding: 0 40px;
}
.main-content.blog-w.rap,.main-content.container.blog-wrap.single-blog {
    margin-top: 80px;
}

/* Footer layout styles */
.footer-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0;
    margin: 0;
    line-height: 1px;
    height: 100%;
}

.footer-left {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
}

.footer-right {
    display: flex;
    align-items: center;
    justify-content: center;
}

.kakao-channel {
    margin-top: 20px;
}

.kakao-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
    background: #FEE500;
    color: #3C1E1E;
    text-decoration: none;
    border-radius: 30px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    min-width: 250px;
    justify-content: center;
}

.kakao-btn:hover {
    background: #FFEB3B;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    color: #3C1E1E;
    text-decoration: none;
}

.kakao-btn i {
    font-size: 16px;
    color: #3C1E1E;
}

.footer-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 0;
}

.footer-item:first-child {
    margin-top: 30px;
    width: max-content;
}

.footer-item i {
    font-size: 16px;
    color: #FFD700;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0.8;
}

.footer-item p {
    margin: 0;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Noto Sans KR", "Pretendard", sans-serif;
}

/* GTA 영상 섹션 스타일 */
.gta-video-section {
    width: 100%;
}

/* Footer 아이콘 골드 그라데이션 */
#footer .footer-item i {
    background: linear-gradient(135deg, #FFD700, #FFA500, #FF8C00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-size: 18px;

}

#footer .kakao-btn i {
    color: #3C1E1E;
    font-size: 18px;
    margin-right: 8px;
}


.kakao-inquiry-btn i {
    font-size: 20px;
    color: #3C1E1E;
}


/* ===== Streamer Partnership 섹션 스타일 ===== */

/* 테이블 영역 호버 시 모든 아이콘 나타남 */
.logo-table:hover .hover-logo {
    opacity: 1 !important;
}

/* 가운데 로고는 항상 보이도록 */
.center-logo {
    opacity: 1 !important;
}

.logo-table:hover .center-logo {
    transition: all 0.3s ease;
}

/* 영역 호버 시 가운데 로고도 골드 그라데이션 */
.logo-table:hover .center-logo-cell .welcome_icon {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}
.logo-table:hover .center-logo-cell .aura-logo {
    filter: brightness(1.2) !important;
}


.logo-table:hover .logo-cell .aura-logo {
    filter: brightness(1.2) !important;
}

/* 개별 아이콘 호버 시 골드 그라데이션 */
.logo-cell:hover .welcome_icon {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
    transition: all 0.3s ease !important;
}

.logo-cell:hover .aura-logo {
    filter: brightness(1.2) !important;
    transition: all 0.3s ease !important;
}



.logo-cell .aura-logo {
    filter: brightness(1.2) !important;
}

/* 가운데 로고 개별 호버 시 골드 그라데이션 + 확대 */
.center-logo-cell:hover .welcome_icon {
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    box-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
    transform: scale(1.3) !important;
    transition: all 0.3s ease !important;
}

.center-logo-cell:hover .aura-logo {
    filter: brightness(1.2) !important;
    transform: scale(1.2) !important;
    transition: all 0.3s ease !important;
}

/* 설명 박스 */
.description-box {
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #FFD700, #FFA500);
    color: #000;
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 10;
}

.description-box::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FFD700;
}

.logo-cell:hover .description-box {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(-5px);
}

/* 흰 테두리 동그라미 애니메이션 */
.center-logo-cell::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    border: 3px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-ring 3s ease-in-out infinite;
    z-index: 1;
    pointer-events: none;
}

.center-logo-cell::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 300px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-ring 3s ease-in-out infinite 0.5s;
    z-index: 1;
    pointer-events: none;
}

.center-logo-cell {
    position: relative;
}

.center-logo-cell .pulse-ring-3 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 400px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: pulse-ring 3s ease-in-out infinite 1s;
    z-index: 1;
    pointer-events: none;
}

@keyframes pulse-ring {
    0% {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 1;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.3;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.5);
        opacity: 0;
    }
}

/* ===== Aura Server 섹션 스타일 ===== */

/* Aura Server 아이콘 shimmer 효과 */
#welcome .welcome_icon::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transform: translateX(-100%) translateY(-100%) rotate(45deg);
    transition: transform 0.6s ease;
    z-index: 1;
    pointer-events: none;
}

#welcome .welcome_icon:hover::before {
    transform: translateX(100%) translateY(100%) rotate(45deg);
}

/* Aura Server 아이콘 호버 시 커졌다 작아지는 애니메이션 */
#welcome .item_list:hover .welcome_icon:not(.hover-logo) {
    animation: scaleUpDown 0.8s ease-in-out;
}

@keyframes scaleUpDown {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}

/* 홀로그래픽 애니메이션 */
@keyframes holographic {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


/* Aura Server 섹션 - 상시 골드 그라데이션 */
h4[data-translate="aura-title"] {
    font-size: 36px;
    font-weight: 700;
    padding-bottom: 20px;
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

/* Streamer partnership 제목 - 상시 골드 그라데이션 */
h4[data-translate="streamer-title"] {
    font-size: 28px !important;
    font-weight: 700 !important;
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 0 20px rgba(255, 215, 0, 0.5) !important;
}

/* ===== 스트리머 섹션 스크롤 애니메이션 ===== */
.streamer-section {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
}

.streamer-section.in-view {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.video-split {
    transition: all 0.5s ease;
}

.image-left {
    flex: 1;
}

.video-right {
    flex: 0;
    opacity: 0;
    width: 0;
    overflow: hidden;
    min-width: 0;
}

/* ===== GTA 로고 스크롤 애니메이션 ===== */
.gta-logo-animated {
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.8s ease 0.4s;
}

.gta-logo-animated.in-view {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/* ===== 회사 정보 스크롤 애니메이션 ===== */
.company-info-animated {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}
.company-info-animated.in-view {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.map-animated {
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.8s ease 0.2s;
}
.map-animated.in-view {
    opacity: 1 !important;
    transform: scale(1) !important;
}

.address-animated {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.8s ease 0.4s;
}
.address-animated.in-view {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.phone-animated {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.8s ease 0.6s;
}
.phone-animated.in-view {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

.email-animated {
    opacity: 0;
    transform: translateX(-30px);
    transition: all 0.8s ease 0.8s;
}
.email-animated.in-view {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

/* ===== 세련된 언어 변경 드롭다운 스타일 ===== */
.language-switcher-dropdown {
    position: relative;
    margin-left: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 50px;
}

.lang-dropdown {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;
}

/* Language 아이콘 스타일 - 버튼 안에 포함 */
.lang-toggle .lang-icon {
    width: 16px;
    height: 16px;
    transition: all 0.3s ease;
    filter: brightness(1.2);
}

.lang-toggle:hover .lang-icon {
    filter: brightness(1.5) hue-rotate(180deg);
    transform: rotate(360deg) scale(1.1);
}

.lang-toggle {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    color: white;
    padding: 8px 16px;
    border-radius: 25px;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 120px;
    justify-content: center;
}

.lang-toggle:hover {
    background: linear-gradient(135deg, #5a6fd8 0%, #6a4190 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.lang-toggle:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.3);
}

.lang-toggle i {
    font-size: 10px;
    transition: transform 0.3s ease;
}

.lang-toggle[aria-expanded="true"] i {
    transform: rotate(180deg);
}

.lang-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.1);
    min-width: 120px;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

.lang-menu.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-menu li {
    list-style: none;
    margin: 0;
}

.lang-menu .lang-btn {
    display: block;
    padding: 12px 16px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
    border-radius: 8px;
    margin: 4px;
}

.lang-menu .lang-btn:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    transform: translateX(5px);
}

/* 모바일 반응형 */
@media (max-width: 768px) {
    .language-switcher-dropdown {
        margin-left: 15px;
        gap: 8px;
    }
    
    .lang-toggle .lang-icon {
        width: 14px;
        height: 14px;
    }
    
    .lang-toggle {
        padding: 6px 12px;
        font-size: 12px;
        min-width: 80px;
    }
    
    .lang-menu {
        right: -10px;
        min-width: 100px;
    }
}