.elementor-23 .elementor-element.elementor-element-3e7ebe8{--display:flex;--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;--overlay-opacity:0.62;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-3e7ebe8:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-3e7ebe8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-3e7ebe8::before, .elementor-23 .elementor-element.elementor-element-3e7ebe8 > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-3e7ebe8 > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-3e7ebe8 > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-3e7ebe8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-3e7ebe8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://xn--bb0b44mxrgn4e.xn--3e0b707e/wp-content/uploads/2025/09/자산-2250905-scaled.webp");--background-overlay:'';background-position:center center;}.elementor-23 .elementor-element.elementor-element-5920d42{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5vw;--padding-bottom:0vw;--padding-left:0vw;--padding-right:0vw;}.elementor-23 .elementor-element.elementor-element-5920d42.e-con{--align-self:center;}.elementor-23 .elementor-element.elementor-element-ba70905{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-23 .elementor-element.elementor-element-5a91757 .elementor-heading-title{font-family:"Sunflower", Sans-serif;font-size:40px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-b02b38a{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-d6d78f0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-4bf9e6f.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-4bf9e6f .elementor-heading-title{font-family:"Sunflower", Sans-serif;font-size:20px;font-weight:600;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-01bc994{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-5920d42{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-23 .elementor-element.elementor-element-ba70905{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23 .elementor-element.elementor-element-d6d78f0{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-23 .elementor-element.elementor-element-4bf9e6f .elementor-heading-title{font-size:16px;}.elementor-23 .elementor-element.elementor-element-01bc994{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-5920d42{--width:1200px;}.elementor-23 .elementor-element.elementor-element-ba70905{--content-width:1350px;}.elementor-23 .elementor-element.elementor-element-01bc994{--content-width:1200px;}}@media(min-width:1025px){.elementor-23 .elementor-element.elementor-element-3e7ebe8::before, .elementor-23 .elementor-element.elementor-element-3e7ebe8 > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-3e7ebe8 > .e-con-inner > .elementor-background-video-container::before, .elementor-23 .elementor-element.elementor-element-3e7ebe8 > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-3e7ebe8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-23 .elementor-element.elementor-element-3e7ebe8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-2bfdef4 *//* 위젯의 흰색 박스 컨테이너 */
    .widget-container {
        width: 1200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #ffffff;
        padding-bottom: 50px;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        box-sizing: border-box;
     
    }

    /* --- 홍보 문구 복사 섹션 스타일 --- */
    .widget-container h1 {
        margin-bottom: 8px;
    }

    .widget-container p {
        margin-top: 0;
        margin-bottom: 24px;
    }
    
    .widget-container h3 {
        margin-top: 40px; /* '미리보기'와 버튼 사이 간격 */
    }

   .copy-button {
        width: 260px; /* 버튼 텍스트에 맞게 너비 조절 */
        height: 50px;
        background: linear-gradient(145deg, #FFD700 0%, #DAA520 25%, #B8860B 50%, #DAA520 75%, #FFD700 100%);
        background-size: 200% 100%;
        background-position: 100% 0;
        border: none;
        border-radius: 10px;
        color: white;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4),
                    0 10px 20px rgba(0, 0, 0, 0.2),
                    inset 0 2px 5px rgba(255, 255, 255, 0.3),
                    inset 0 -2px 5px rgba(0, 0, 0, 0.2);
        transition: all 0.4s ease-in-out;
        text-transform: uppercase;
        display: inline-flex; /* 버튼 텍스트 중앙 정렬을 위해 flex 유지 */
        justify-content: center;
        align-items: center;
        letter-spacing: 1px;
        position: relative;
        overflow: hidden;
    }

    .copy-button::after {
        content: '';
        position: absolute;
        top: 0;
        left: -50%;
        width: 50%;
        height: 100%;
        background: rgba(255, 255, 255, 0.2);
        transform: skewX(-20deg);
        transition: all 0.7s ease;
    }

    .copy-button:hover {
        background-position: 0% 0;
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5),
                    0 15px 30px rgba(0, 0, 0, 0.3),
                    inset 0 3px 8px rgba(255, 255, 255, 0.4),
                    inset 0 -3px 8px rgba(0, 0, 0, 0.3);
        transform: translateY(-5px) scale(1.02);
        letter-spacing: 2px;
    }

    .copy-button:hover::after {
        left: 120%;
        background: rgba(255, 255, 255, 0.4);
    }

    pre {
        white-space: pre-wrap;
        background-color: #f8f9fa;
        padding: 20px;
        border-radius: 8px;
        border: 1px solid #ddd;
        width: 800px
        margin-top: 20px;
        box-sizing: border-box;
    }

    /* --- 바로가기 버튼 섹션 스타일 --- */
    .widget-container h2 {
        margin-top: 20px; /* 복사하기 섹션과 구분선 */
        margin-bottom: 20px;
        border-top: 1px solid #eee;
        padding-top: 20px;
     
        width: 100%;
        text-align: center;
    }

    .server-buttons-container {
        width: 90%;
        display: grid;
        grid-template-columns: repeat(6, 1fr); /* 6개의 열 (2줄 레이아웃) */
        gap: 20px;
    }

    a.golden-button1 {
        width: 100%;
        height: 50px;
        background: linear-gradient(145deg, #FFD700 0%, #DAA520 25%, #B8860B 50%, #DAA520 75%, #FFD700 100%);
        background-size: 200% 100%;
        background-position: 100% 0;
        border: none;
        border-radius: 10px;
        color: white;
        font-size: 16px; /* 텍스트가 많아 폰트 크기 조절 */
        font-weight: bold;
        cursor: pointer;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4),
                    0 10px 20px rgba(0, 0, 0, 0.2),
                    inset 0 2px 5px rgba(255, 255, 255, 0.3),
                    inset 0 -2px 5px rgba(0, 0, 0, 0.2);
        transition: all 0.4s ease-in-out;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 1px;
        position: relative;
        overflow: hidden;
        text-decoration: none;
        padding: 0 10px;
        box-sizing: border-box;
    }

    a.golden-button1:hover {
        background-position: 0% 0;
        transform: translateY(-5px) scale(1.02);
    }
    


/* 화면이 767px 이하일 때 (모바일) 적용될 스타일 */
@media (max-width: 767px) {
  /* 메인 컨테이너의 너비를 화면의 90%로 설정 */
  .widget-container {
    width: 90%;
    margin-left: auto;   /* 왼쪽 바깥 여백을 자동으로 설정 */
    margin-right: auto;  /* 오른쪽 바깥 여백을 자동으로 설정 */
    padding: 20px;
  }

  /* 미리보기 박스가 컨테이너를 넘어가지 않도록 너비 조절 */
  .widget-container pre {
    width: 100%;
  }
  
      .server-buttons-container {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 6개의 열 (2줄 레이아웃) */
        gap: 10px;
   
    }
  
    a.golden-button1 {
        width: 100%;
        height: 50px;
        background: linear-gradient(145deg, #FFD700 0%, #DAA520 25%, #B8860B 50%, #DAA520 75%, #FFD700 100%);
        background-size: 200% 100%;
        background-position: 100% 0;
        border: none;
        border-radius: 10px;
        color: white;
        font-size: 13px; /* 텍스트가 많아 폰트 크기 조절 */
        font-weight: 500;
        cursor: pointer;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4),
                    0 10px 20px rgba(0, 0, 0, 0.2),
                    inset 0 2px 5px rgba(255, 255, 255, 0.3),
                    inset 0 -2px 5px rgba(0, 0, 0, 0.2);
        transition: all 0.4s ease-in-out;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 1px;
        position: relative;
        overflow: hidden;
        text-decoration: none;
        padding: 0 10px;
        box-sizing: border-box;
    }
      .widget-container p {
        margin-top: 0;
        margin-bottom: 24px;
         text-align: center; /* 텍스트를 가운데로 정렬합니다 */
    }
  
  
}/* End custom CSS */