@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

/* common */
*, ::after, ::before { box-sizing:border-box; }
html, body {width:100%;height:100%;margin:0;padding:0;font-size:16px;background:#222;}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block;}
body { margin:0; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color:#fff;}
h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:0; font-weight:600; line-height:1.2; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

.h1, h1 { font-size: 2.5rem;}
.h2, h2 { font-size: 2rem; }
.h3, h3 { font-size: 1.75rem; }
.h4, h4 { font-size: 1.5rem; }
.h5, h5 { font-size: 1.25rem; }
.h6, h6 { font-size: 1.2rem; }

/* tablet */
@media (max-width: 1280px){
    .h1, h1 { font-size: 2.5rem;}
    .h2, h2 { font-size: 2rem; }
    .h3, h3 { font-size: 1.75rem; }
    .h4, h4 { font-size: 1.5rem; }
    .h5, h5 { font-size: 1.25rem; }
    .h6, h6 { font-size: 1.2rem; }
}

p, dl, ol, ul { margin-top:0px; margin-bottom:0; }
ul { list-style: none; margin:0; padding:0; }
ul li, ol li { margin-bottom:0; }

a { color: #333F54; text-decoration: none; }
a:hover {  text-decoration: none;color:#2475F5; }
a span:hover { color: #0458F9; text-decoration: none;}
a, a:hover, a:focus {outline:none; text-decoration: none; cursor: pointer;}
a.link:hover {text-decoration: underline;}

button, input, select, textarea { margin:0; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:inherit; line-height: inherit; }
button, input { overflow:visible;}
/*button {margin:0 1px;}*/
textarea { overflow: auto; resize: none; }
fieldset { min-width:0; padding:0; margin:0; border:0;}

[type=button], [type=reset], [type=submit], button { -webkit-appearance: button; cursor:pointer;}
[type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled, button:disabled { cursor: not-allowed; pointer-events: none; opacity: 0.6; background:#ccc; border-color:#666; color:#666;}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; }

input[type=checkbox], input[type=radio] {box-sizing: border-box; padding: 0; margin:-4px 0 0; margin-top:1px \9; line-height:normal;}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin solid #0075ff; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
input[type="time"], input[type="date"] {background:#fff;}
input[type="time"] {height:29.8px; line-height:normal;}

/* file attach */
.input-file { display:inline-block;}
.input-file label { position:relative; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; padding:4px 8px; background:#939393;color:#fff;text-align:center; border-radius:4px; font-size:.85rem; border:1px solid #7e7e7e; line-height:1.5;}
.input-file label:hover {background-color: #7e7e7e; border: 1px solid #666666;}
.input-file label input { position:absolute; width:0; height:0; overflow:hidden;}
.input-file input[type=text], .input-file input[type=file] { vertical-align:middle; display:inline-block; padding:0; border:none; outline:none; cursor: default; background-color: transparent;}

select[multiple] {height: auto;}
select::-ms-expand { /* IE11 */
  display: none;
  background:white; border:none;
}
select {
    -webkit-appearance: none; /* Webkit */
    -moz-appearance: none; /* FF */
    -ms-appearance: none; /* Edge */
    appearance: none; /* Future */
    /* padding: 2px .3rem 4px .6rem !important; */
    border: 1px solid currentColor;
    background: white;
    border-radius: 3px;
    font-size: inherit;
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 1em;
    background-image: url("../images/select_arrow.png");
    min-width:60px;
    height:28px;
}
select:focus {
  background-image: url("../images/select_arrow_up.png");
}

.checkbox label, .radio label { vertical-align: middle; padding-right:10px;}

img, a img, td input,td select,td img{vertical-align:middle; border-style:none;}

table { border-collapse: collapse; }
table th { white-space: nowrap; }
table th, table td { font-size:14px;}
caption { display:none;}

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, .1); }

b, .b, strong { font-weight: 800;}
label { display:inline-block; }
mark {font-weight: 600; color: inherit; background:0 0;}