@charset "UTF-8";

:root{
    --black: #232021;
    --blue: #20538C;
    --blue2: #1D6FBF;
	--blue3: #3896E0;
    --blue-bg: #EDF0FF;
    --blue-bg2: #F5FCFF;
    --grey: #555555;
    --green: #00582C;
    --green2: #0D823A;
    --green3: #00BB49;
    --green-bg: #F3F8F5;
    --gradient: linear-gradient(263deg, #1D6FBF 0%, #20538C 99.28%);
    --main-border: 1px solid #C2C7D1;
    --font-sans-serif: 'Pretendard', -apple-system, Arial,"Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/* LAYOUT */
html, body {height: 100%;}
a{color: inherit;}
html{font-size: 62.5%;}
body{font-family: var(--font-sans-serif); color: var(--black); line-height: 1.2;}
table{position: relative;}
img{max-width: 100%;}
caption{width: 1px; height: 1px; position: absolute; top: 0; left: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);}
button{border: 0; cursor: pointer; font-family: var(--font-sans-serif);}
input{font-family: var(--font-sans-serif); box-sizing: border-box;}
select::-ms-expand {display: none;}/* IE */
select{cursor: pointer; font-family: var(--font-sans-serif); -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;} /* 기존 폼 제거 */
textarea{font-family: var(--font-sans-serif); box-sizing: border-box;}
.bold{font-weight: bold;}
.tac{text-align: center !important;}
.tal{text-align: left !important;}
.tar{text-align: right !important;}

#u_skip a {
    display:block; 
    position:absolute; 
    top:-40px; 
    left:0; 
    z-index:9999; 
    width:100%; 
    height:25px; 
    line-height:25px; 
    text-align:center; 
    font-size: 12px; 
    transition:0.3s; 
    -webkit-transition:0.3s; 
    -moz-transition:0.3s; 
    -o-transition:0.3s;
}
#u_skip a:hover,
#u_skip a:active,
#u_skip a:focus {top: 0px; background:var(--blue); color:#fff; z-index: 10000;}

.inner{max-width: 1420px; width: 100%; margin: 0 auto;}
img{max-width: 100%;}
button{box-sizing: border-box; font-family: var(--font-sans-serif); border: 0; cursor: pointer;}

.blind{width: 1px; height: 1px; position: absolute; top: 0; left: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);}
/* 접근성 심사 시 아래 주석 해제 */
/*a:focus, button:focus{outline: 2px dashed #000;}*/