/* ----------------------------------------------------------------------------------------
버전 : 1.0
날짜 : 2024-02-29
작성자 : 박고은
프로그램명 : 공통 / 사용자 페이지 css 초기값 설정
---------------------------------------------------------------------------------------- */

@charset "utf-8";

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,nav,section,article,header,footer,main,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;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;-moz-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none; box-sizing: border-box;}
body,input,select,textarea,button,img,fieldset {border:none;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
address,cite,code,em,i{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button,a,iframe {vertical-align:middle;}
u,ins,a{text-decoration:none;}
button { cursor: pointer; background-color: transparent; outline: none !important; }
button:focus{ outline: none !important; }

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400;
}

img {
    display: block;
    border: none;
}

a {
    display: block;
    text-decoration: none;
    color: #000;
}

/* Normalize */
select { appearance:none; outline: none !important;}
select::-ms-expand { display:none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { -webkit-appearance:none;}
input[type="number"]{ -moz-appearance:textfield;}
input[type="number"],
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="tel"],
input[type="date"],
textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-border-radius:0; outline:0;}
textarea { resize: none;}

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

body{ position: relative; font-size: 16px; line-height: 1.2; word-break: keep-all; background-color: #000; color: #fff; overflow-x: hidden; }

.wrap, .subwrap { width: 100%; overflow-x: hidden; position: relative; }

section {width: 100%;}
main {width: 100%;}
*{ overflow-wrap: break-word; word-break: keep-all; }
.errorinput { border: 1px solid #FE3A00 !important; display: inline-block; }

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

/* 바로가기 */
#skipnav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
    background: #f2f2f2;
}

/* 바로가기 */
#skipnav a {
    display: block;
    position: absolute;
    left: 0;
    top: -10px;
    width: 100%;
    height: 1px;
    margin-bottom: -1px;
    background: #f2f2f2;
    font-size: 0;
    text-align: center;
    font-weight: bold;
    color: #444;
    line-height: 2em;
}

/* 바로가기 */
#skipnav a:hover, #skipnav a:focus, #skipnav a:active {
    position: absolute;
    left: 0;
    top: 1px;
    height: 31px;
    font-size: 15px;
}