@charset "utf-8";


html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;}
html { font-size:16px }
html{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body{width:100%; font-family: 'Pretendard Variable', Pretendard,-apple-system, BlinkMacSystemFont, system-ui,Roboto, 'Segoe UI', 'Apple SD Gothic Neo','Noto Sans KR', sans-serif;
    font-display: swap;           /* FOIT 방지 → 텍스트 바로 보임 */
    font-synthesis: none;         /* iOS에서 자동 Bold 합성 방지 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;background:#FFF;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
input,select,textarea,button {border:none;color:#727272;box-sizing:border-box}
dl,ul,ol,li{list-style:none;}
table{ border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,input,select,textarea,button{vertical-align:middle;}
img {vertical-align:top}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,menu,header,section,nav,footer,aside,article,details,figure,figcaption{display:block;}
a{color:var(--link-color);text-decoration:none;}
a:hover { color: var(--link-hover-color) }
a:active { color: var(--link-hover-color)}
 
/* Form */
textarea { border:1px solid #dbdbdb;}
select { height:32px; font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff;border-radius: 5px;}
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {font-size:13px; color:#373737; border:1px solid #e9e9e9; background:#fff; text-indent:10px; border-radius: 5px; transition: all 0.5s; vertical-align:middle;}
input::-webkit-input-placeholder{color:#b5b5b5; font-size:12px; line-height:100%;}
textarea { padding:5px 0;}
select:focus,textarea:focus,input:focus { border: 1px solid #CCC;}

input[type=tel][readonly],input[type=text][readonly],input[type=password][readonly],input[type=email][readonly], input[type=search][readonly], input[type=tel][disabled],input[type=text][disabled],input[type=password][disabled],input[type=search][disabled],input[type=email][disabled]{background:#eaeaea; border-color:#c0c0c0; color:#666; -webkit-appearance:none;font-size:12px;}
textarea[readonly],textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}



 /* 1. Checkbox & Radio 공통 스타일 */
  input[type="checkbox"], 
  input[type="radio"] {
    appearance: none;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    position: relative;
    vertical-align: middle;
    margin:0 5px; /* 글자와의 간격 */
  }

  input[type="radio"] {
    border-radius: 50%;
  }

  input[type="checkbox"]:checked,
  input[type="radio"]:checked {
    background-color: #007bff;
    border-color: #007bff;
  }

  input[type="checkbox"]:checked::after {
    content: '✔';
    color: white;
    font-size: 0.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  input[type="radio"]:checked::after {
    content: '';
    width: 0.5rem;
    height: 0.5rem;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

.align-img {
            vertical-align: middle; /* 이미지도 세로 중앙 정렬 */
            margin-right: 5px;
            cursor: pointer;
        }

        /* 3. 라벨 텍스트 스타일 */
        label {
            cursor: pointer;
            font-size: 14px;
            vertical-align: middle;
            margin-right:5px;
            transition: color 0.2s;
        }

        input:checked + .align-img,
        input:checked + label {
            color: #007bff;
            font-weight: bold;
        }


.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}

:root {
  --whitebg-hover-color:#ff0909;
  --blackbg-hover-color:#ffcc00;
  --default-bgcolor:#FFF;
  --default-color:#ff0909;
  --default-bordercolor:#e86228;
  --section-img-radius:0;
  --submenu-bgcolor:#FFF;
  --submenu-hover-color:#FFF;
  --side-title-color:#ff0909;
}


.clearfix:after {content:'';visibility:hidden;display:block;height:0;clear:both;}

.working { text-align:center;color:#ffcc00;background:#000;margin:30px auto 10px;padding:10px;width:600px;border-radius:30px }