@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');

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:"Noto Sans KR",'맑은 고딕', Malgun Gothic, '돋움', Dotum,'Apple SD Gothic Neo', Helvetica, AppleGothic;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:#000;text-decoration:none;}
a:hover { color: var(--whitebg-hover-color) }
a:active { color: #FF3300}
 
/* 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;
}

::selection {background:var(--default-bgcolor);color:var(--default-color);}
.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 }