@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@300;400;500;600;700&family=Hahmlet:wght@100..900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css"); 

*
 {
    font-family:  "Gothic A1", sans-serif;
    font-weight:400;
 }
 :root {
    --p-yellow: #FFE24A; 
}
 body
 {
     background-image:url('../img/back_img.png');  
     background-size: cover;
     overflow: hidden; 
 }

 /*
 .frame {
      position: fixed;
      top: 50%;
      left: 50%;
      height: calc(var(--vh, 1vh) * 100);
      aspect-ratio: 1 / 2;
      background-color: var(--p-yellow);
      transform: translate(-50%, -50%);
            background-position-x: 50%;
            background-position-y: 50%;
     
}
.inner
{
    position:absolute;
    height:calc(var(--vh, 1vh) * 100);
    width:100%;
    overflow-y: auto;
    
}*/
.b_black
{
    background: black;
}
 .layer_back
 {
        position:absolute;
    height:100%;
    width:100%;
    overflow: none;
        background-position-x: 50%;
            background-position-y: 50%;
            left:0px;
            top:0px;
 } 
 .inner_con
 {
    position:relative;
    width:calc(100% - 96px);
    left:48px;
    top:48px;
 }
 .system_text
 {
    color: var(--p-yellow);
 
    font-weight: 400;
    font-size:14.5px;
    line-height:23.2px;
        font-family:  "Gothic A1", sans-serif;

 }

 .input_div
 {
    margin-top:15px;
    display: flex
;
    /* vertical-align: super; */
    align-items: center;
    width:100%;
    display:none;
    transition:all 0.5s;
 }
 .input_div span
 {
    font-weight: 400;
    font-size:14.5px;
          color: var(--p-yellow);
          margin-right:15px;
 }
 .y_input
 {
      color: var(--p-yellow);
      border:1px solid var(--p-yellow);
      background: transparent;
          font-weight: 400;
    font-size:14.5px;

 }
  .y_select
 {
      color: var(--p-yellow);
      border:1px solid var(--p-yellow);
      background: transparent;
          font-weight: 400;
    font-size:14.5px;
 }
 .let_10
 {
    letter-spacing: 1.45px;
 }

 .preten_var
 {
    font-family:  "Pretendard Variable" !important;
    font-weight:400;
    font-size:14.5px;
    margin-right:5px;
 }

.button_b
{
    border:none !important;
}
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none; /* 기본 스타일 제거 */
  background-color: transparent;
  border: none;
  outline: none;
  -webkit-tap-highlight-color: transparent; /* 탭 하이라이트 제거 */
  box-shadow: none; /* 클릭 시 그림자 제거 */
  user-select: none; /* 텍스트 선택 방지 */
  touch-action: manipulation; /* 터치 반응 최소화 */
}