@charset "utf-8";

/* pretendard */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css');



/* *, *:before, *:after{.border-box;} */
html{font-size:62.5% !important;overflow-x:hidden;font-family:"Pretendard";font-weight:400;}
body{min-width:360px;font-family:"Pretendard";font-weight:400;}
/** normalize **/
html, body, div, p, span, applet, object, iframe, h5, h6, pre, abbr, acronym, address, dfn, font, img, s, strike, sub, sup,
b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, article, aside, audio, canvas, details, figcaption, figure, footer,
header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video{margin:0;padding:0;border:0;font:inherit;color:inherit;vertical-align:baseline;background:transparent;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display:block;}
audio, canvas, progress, video{display:inline-block;vertical-align:baseline;}
audio:not([controls]){display:none;height:0;}
[hidden], template{display:none;}
a{background-color:transparent;}
/* a:active, a:hover{outline:0;} */
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;} 
dfn{font-style:italic;}
h1{font-size:2em;margin:0.67em 0;}
mark{background:#ff0;color:#000;}
small{font-size:80%;}
sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;}
ul li {list-style: none;}
pre{overflow:auto;}
code, kbd, pre, samp{font-family:monospace, monospace;font-size:1em;}
button, input, optgroup, select, textarea{color:inherit;font:inherit;margin:0;}
button{overflow:visible;}
button, select{text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled], html input[disabled]{cursor:default;}
button::-moz-focus-inner, input::-moz-focus-inner{border:0;padding:0;}
input{line-height:normal;} 
input[type="checkbox"], input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{height:auto;} 
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
td, th{padding:0;}

/** fonts **/
.eng{font-family:'Pretendard';}
/* skip navigation */
.skip-menu{display:block;}
.skip-menu a{position:absolute;top:0px;left:0px;z-index:9999;width:100%;height:1px;margin-top:-1px;display:block;background-color:black;font-size:14px;font-weight:bold;color:#fff;line-height:1;text-align:center;overflow:hidden;}
.skip-menu a:focus, .skip-menu aactive{margin-top:0px;height:auto;padding:10px 0px;}
/* autocomplete자동완성 */
.ui-menu{padding:0 !important;}
.ui-autocomplete{z-index:99999 !important; width:380px;border:1px solid #1A3838;background:#FFF;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:999999; max-height:317px; overflow-y:auto;}
.ui-autocomplete li{font-family:"Pretendard" !important;  background:none !important;}
.ui-autocomplete li:first-child{border-top:none}
.ui-autocomplete li a{display:block; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.ui-autocomplete li a:hover{background:#F3F3F3 !important; }
.ui-autocomplete li span.Word1{padding-right:10px;}
.ui-autocomplete li span.Word2{max-width:300px;} 
.ui-autocomplete li span.Word2 em{font-weight:bold;}
.ui-autocomplete li em{color: #ff1919;}
.ui-autocomplete .ui-state-focus{background:#F3F3F3 !important;}

.mark {display:inline-block; padding:3px 8px; color:#fff; font-size:1.5rem; font-weight:400; border-radius: 3px; box-sizing: border-box; vertical-align: middle; margin: 0 5px 8px 0;}
.ele_mark {background:#fe3c69;}
/* .mid_mark {background:#08aac7;} */
.mid_mark {background:#007ea4;}
.high_mark {background:#5b56f3;}
.other_mark {background:#42d179;}

.txt_al {text-align:left;}
.txt_ac {text-align:center;}
.txt_ar {text-align:right;}

@media screen and (max-width: 500px) { 
.mark {font-size:1.3rem;}
}