@charset 'utf-8';

/* font */
@font-face {
	font-family: 'Noto Sans CJK KR';
	src: url('fonts/NotoSansCJKkr-DemiLight.woff2') format('woff2'), url('fonts/NotoSansCJKkr-DemiLight.woff') format('woff');
	font-weight: 300;
}
@font-face {
	font-family: 'Noto Sans CJK KR';
	src: url('fonts/NotoSansCJKkr-Regular.woff2') format('woff2'), url('fonts/NotoSansCJKkr-Regular.woff') format('woff');
	font-weight: 400;
}
@font-face {
	font-family: 'Noto Sans CJK KR';
	src: url('fonts/NotoSansCJKkr-Medium.woff2') format('woff2'), url('fonts/NotoSansCJKkr-Medium.woff') format('woff');
	font-weight: 500;
}
@font-face {
	font-family: 'Noto Sans CJK KR';
	src: url('fonts/NotoSansCJKkr-Bold.woff2') foramt('woff2'), url('fonts/NotoSansCJKkr-Bold.woff') format('woff');
	font-weight: 700;
}

/* reset 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, button, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}*/
#searchWp  *{
	font-weight: 400;
	line-height: 1;
	/*color: #333;*/
}
ol, ul {
	list-style: none;
}
/*blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}*/
#searchWp table {
	border-collapse: collapse;
	border-spacing: 0;
}
#searchWp table caption {
	font-size: 0;
	line-height: 1;
	color: transparent;
}
#searchWp a {
	text-decoration: none;
}
#searchWp strong {
	font-weight: 700;
}

input:focus {
  outline: .2rem solid var(--krds-light-color-border-inverse);
  outline-offset: 0;
  box-shadow: var(--krds-box-shadow-outline);
  transition: outline 0s, box-shadow 0s !important
}

select:focus {
  border-color: var(--krds-form-select--color-border-active) !important;
  border-width: 2px !important;
  outline: 0;
  box-shadow: none;
  color: var(--krds-form-select--color-text-active)
}

select:focus-visible {
  border-color: var(--krds-form-select--color-border-active) !important;
  border-width: 2px !important;
  outline: 0;
  box-shadow: none;
  color: var(--krds-form-select--color-text-active)
}

/**/
#design #searchWp {width: 100%;margin: 0 auto;}
#design #searchWp * {box-sizing: border-box;word-break: keep-all;}
#design #searchWp input[type="button"] {cursor: pointer;white-space: inherit;}
/*input:read-only {background-color: #efefef;}*/

/*
.none {display: none;}
.skip {position:absolute;top: -9999px;left: -99999px;z-index: -10;}
.hidden {position:absolute;top: -9999px;left: -99999px;z-index: -10;}
.underline {text-decoration: underline;}
.hover_line:hover {text-decoration: underline;}
.db {display: block;}
.both{clear: both}
.line {display: block;}
.bold {font-weight: 700;}
.medium {font-weight: 500;}
.tal {text-align:left !important}
.tac {text-align:center !important}
.tar {text-align: right !important;}
.vat {vertical-align: top !important;}
.vam {vertical-align: middle !important;}
.vab {vertical-align: bottom !important;}*/

/* color */
#design #searchWp .red {color:#cc0000 !important;}
#design #searchWp .orange {color: #e93c00 !important;}
#design #searchWp .yellow {color: #ffce08 !important;}
#design #searchWp .green {color: #187f48 !important;}
#design #searchWp .darkgreen {color: #007636 !important;}
#design #searchWp .blue {color:#134aa9 !important;}
#design #searchWp .navy {color:#031444 !important;}
#design #searchWp .pink {color: #f41449 !important;}
#design #searchWp .purple {color: #4e0080 !important;}
#design #searchWp .black {color: #000 !important;}
#design #searchWp .gray {color:#555 !important;}
#design #searchWp .white {color: #fff !important;}

/* button */
#design #searchWp .btn_green {background-color: #00843d !important;color: #fff !important;}
#design #searchWp .btn_purple {background-color: #4e0080 !important;color: #fff !important;}
#design #searchWp .btn_lightgray {background-color: #ddd !important;color: #222 !important;}
#design #searchWp .btn_lightgray2 {background-color: #f6f3f9 !important;color: #222 !important;}

#design #searchWp .bd_btn {border-width: 1px;border-style: solid;background-color: #fff !important;}
#design #searchWp .bd_btn.purple {border-color: #4e0080;color: #4e0080;}
#design #searchWp .bd_btn.blue {border-color: var(--mainColor);color: var(--mainColor) !important;}
#design #searchWp .bd_btn.black {border-color: #222;color: #222;}

#design #myLib .btn_green {background-color: #00843d !important;color: #fff !important;}
#design #myLib .btn_purple {background-color: #4e0080 !important;color: #fff !important;}
#design #myLib .btn_lightgray {background-color: #ddd !important;color: #222 !important;}
#design #myLib .btn_lightgray2 {background-color: #f6f3f9 !important;color: #222 !important;}

#design #myLib .bd_btn {border-width: 1px;border-style: solid;background-color: #fff !important;}
#design #myLib .bd_btn.purple {border-color: #4e0080;color: #4e0080;}
#design #myLib .bd_btn.black {border-color: #222;color: #222;}

/**/
.sub_con_top {padding: 40px;border: 1px solid #ddd;background-repeat: no-repeat;background-position: calc(100% - 50px) 50%;border-radius: 20px;}
.sub_con_top p {font-size: 18px;line-height: 1.5em;font-weight: 400;color: #333;}
.sub_con_top p.title {margin-bottom: 20px;font-size: 24px;line-height: 1.5em;font-weight: 500 !important;color: var(--subColor1);}
.sub_con_top p .imp {display: block;font-size: 19px;margin-bottom: 15px;font-weight: 700;color: var(--mainColor);}
.sub_con_top ul ul {margin-top: 15px;}
.sub_con_top ul.con_list > li {position: relative;z-index: 0;padding-left: 15px;font-size: 17px;color: #333;}
.sub_con_top ul.con_list > li + li {margin-top: 5px;}
.sub_con_top ul.con_list > li::before {content: '';position: absolute;top: 10px;left: 0;width: 6px;height: 6px;background-color: var(--subColor1);border-radius: 50%;}


/* width 
.w10p {width: 10% !important;}
.w50p {width: 50% !important;}
.w100p {width: 100% !important;}*/

/**/
#VirtualKeyboardIME {z-index: 100 !important;}