@charset "utf-8";

/* reset */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	height: 100%;
}

body {
	font-size: 17px;
	line-height: 1.6;
	font-family: 'GmarketSans', sans-serif;
	font-weight: normal;
	color: #333;
	height: 100%;
	letter-spacing: -0.025em;
}

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 {
	margin: 0;
	padding: 0;
	border: none;
}

iframe {
	overflow: auto;
	width: 100%;
	border: none;
}

table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: inherit;
}

th,
td {
	font-size: inherit;
	line-height: inherit;
	word-break: normal;
}

ol,
ul {
	list-style: none;
}

img {
	max-width: 100%;
	max-height: 100%;
}

a {
	text-decoration: none;
	color: inherit;
}

address,
cite,
em {
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	font-size: inherit;
	color: #222;
}

strong,
b {
	font-weight: 500;
}

caption,
legend {
	overflow: hidden;
	width: 0;
	height: 0;
	line-height: 0;
	text-indent: -9999em;
}

input,
textarea,
select,
optgroup,
button {
	font-size: inherit;
	font-family: 'GmarketSans', sans-serif;
	line-height: inherit;
	color: inherit;
}

input,
textarea {
	resize: none;
	border: 1px solid #a3a3a3;
	border-radius: 5px;
	box-sizing: border-box;
	background: #fff;
}

textarea {
	width: 100%;
	min-height: 40px;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"] {
	height: 40px;
	padding: 0 15px;
	border: 1px solid #d4d4d4;
	box-sizing: border-box;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	border-radius: 0;
	box-sizing: border-box;
}

input[type="checkbox"][disabled],
input[type="radio"][disabled] {
	opacity: .5;
}

input[type="image"] {
	border: 0 none;
}

input[type="text"],
img,
select {
	font-size: 0.8em;
	vertical-align: middle;
	font-family: 'GmarketSans', sans-serif;
}

input::placeholder {
	color: #777;
}

input.readonly {
	background-color: #f4f4f4;
}

input[disabled],
select[disabled],
textarea[disabled] {
	color: #999 !important;
	cursor: default !important;
	border-color: #ddd !important;
	background-color: #f8f8f8 !important;
}

select {
	height: 40px;
	padding: 0 35px 0 15px;
	border: 1px solid #d4d4d4;
	border-radius: 5px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*background: #fff url("/oasis/include/image/common/arr_select.png") calc(100% - 15px) 50% no-repeat; */
}

select::-ms-expand {
	display: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	overflow: visible;
	-webkit-appearance: button;
	cursor: pointer;
}

button {
	border: none;
	background-color: transparent;
}

/* accessibility skip */
.skip {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.skip a {
	display: block;
	position: absolute;
	top: -50px;
	left: 0;
	z-index: 1000;
	width: 100%;
	text-align: center;
}

.skip a:hover,
.skip a:focus,
.skip a:active {
	top: 0;
	padding: 5px 0;
	font-weight: bold;
	color: #fff;
	background: #555;
}

/* hidden */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.hidden {
	display: none !important;
}

.blind {
	overflow: hidden !important;
	position: absolute !important;
	top: -9999em !important;
	left: -9999em !important;
	width: 1px !important;
	height: 1px !important;
	line-height: 1px !important;
	text-indent: -9999em !important;
}

.ovh {
	overflow: hidden !important;
}

/* align */
.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.clb {
	clear: both !important;
}

.ta_c {
	text-align: center !important;
}

.ta_l {
	text-align: left !important;
}

.ta_r {
	text-align: right !important;
}

.ta_j {
	text-align: justify !important;
}

.fb {
	font-weight: 500 !important;
}

.fn {
	font-weight: normal !important;
}

.u {
	text-decoration: underline !important;
	;
}

.i {
	font-style: italic !important;
	;
}

.ftrans {
	transform: rotate(0.033222deg);
}

.ftransIn {
	display: inline-block;
	transform: rotate(0.033222deg);
}

/* strong color */
.pointC-R {
	color: #d40d0d !important;
}

/*red*/
.pointC-B {
	color: #1d5493 !important;
}

/*blue*/

.emp1 {
	color: #de3232 !important;
}

/*red*/
.emp2 {
	color: #ff6600 !important;
}

/*orange*/
.emp3 {
	color: #0650bf !important;
}

/*blue*/
.emp4 {
	color: #255193 !important;
}

/*blue*/
.emp5 {
	color: #fff !important;
}

/*withe*/
.emp6 {
	color: #222 !important;
}

/*black*/
.emp7 {
	color: #666 !important;
}

/*gray*/
.emp8 {
	color: #333 !important;
}

/*darkgray*/
.emp9 {
	color: #079934 !important;
}

/*green*/

/* margin */
.mauto {
	margin: 0 auto !important;
}

.mg0 {
	margin: 0 !important;
}

.mt0 {
	margin-top: 0 !important;
}

.mt05 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mr0 {
	margin-right: 0 !important;
}

.mr05 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr35 {
	margin-right: 35px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr45 {
	margin-right: 45px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb05 {
	margin-bottom: 05px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.ml0 {
	margin-left: 0 !important;
}

.ml05 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml35 {
	margin-left: 35px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml45 {
	margin-left: 45px !important;
}

.ml50 {
	margin-left: 50px !important;
}

/* padding */
.pd0 {
	padding: 0 !important
}

.pd05 {
	padding: 5px !important
}

.pd10 {
	padding: 10px !important
}

.pd15 {
	padding: 15px !important
}

.pd20 {
	padding: 20px !important
}

.pd25 {
	padding: 25px !important
}

.pd30 {
	padding: 30px !important
}

.pt0 {
	padding-top: 0 !important;
}

.pt05 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt35 {
	padding-top: 35px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pt45 {
	padding-top: 45px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pr0 {
	padding-right: 0 !important;
}

.pr05 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pr35 {
	padding-right: 35px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.pr45 {
	padding-right: 45px !important;
}

.pr50 {
	padding-right: 50px !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pb05 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pb45 {
	padding-bottom: 45px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}

.pl0 {
	padding-left: 0 !important;
}

.pl8 {
	padding-left: 8px !important;
}

.pl05 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl25 {
	padding-left: 25px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pl35 {
	padding-left: 35px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pl45 {
	padding-left: 45px !important;
}

.pl50 {
	padding-left: 50px !important;
}

.bdn {
	border: none !important;
}

.lineBar {
	height: 1px;
	background-color: #e2e2e2;
	margin: 40px 0;
}

/* ul li span width */
.list_w_50 .titleBox span:first-child {
	width: 50px !important;
}

.list_w_100 .titleBox span:first-child {
	width: 100px !important;
}

.list_w_140 .titleBox span:first-child {
	width: 140px !important;
}

.list_w_50 .titleBox span {
	color: #222;
	font-weight: 500;
}

.list_w_100 .titleBox span {
	color: #222;
	font-weight: 500;
}

.list_w_140 .titleBox span {
	color: #222;
	font-weight: 500;
}

/* res - °á°ú */
.search-res .res-box .res-data {
	padding: 10px 0px;
}

/* fav - Áñ°Üã±â */
.fav-contents ul {
	padding: 10px;
}

.fav-contents ul li {
	padding: 10px 10px;
}

.fav-contents ul a {
	cursor: pointer;
}

.fav-contents ul li p {
	font-size: 0.9em;
	color: #3246fc;
	font-weight: 600;
	line-height: 1 !important;
}

.fav-contents ul li p:hover {
	color: #6c87ffcc;
}

.fav-contents ul li span {
	font-size: 0.7em;
	color: #0000008f;
}

/* filter - ÇÊÅÍ */
.filter-data {
	padding: 20px 0px;
}

.filter-data table tr th,
.filter-data table tr td {
	padding: 10px 10px;
}

.filter-btn {
	text-align: center;
}






/* filter - CSS */
.bg-f1 {
	background-color: #f1f1f1 !important;
}

.fav-contents li {
	line-height: 1.1;
	margin-bottom: 1rem;
}

.fav-bottom-line {
	border-bottom: 1px solid #f1f1f1;
}

.fav-list-site {
	height: 300px;
	overflow-y: auto;
}

.download-image {
	height: 3rem;
	width: 3rem;
}

.doc-name-height {
	min-height: 18px;
	height: auto;
}

.filter-data2 table tr th,
.filter-data table tr td {
	padding: 0 5px 3px 5px;
}

.filter-data2 {
	padding: 20px 20px 0px 0px;
	font-size: 1em;
	border-right: 1px solid #bdbdbd;
}

.keepAll {
	word-break: keep-all !important;
}

.pdgLR4 {
	padding-left: 4px;
}

.tagOption {
	border: 1px solid #d1d1d1;
	background-color: #f4f4f4;
	border-radius: 8px;
	font-size: 0.8em;
	padding: 3px 11px;
	margin-right: 5px;
	position: relative;
	float: left;
	margin-top: 6px;
}

.clrG {
	color: #ccc;
}

.brn {
	border: none;
}

/* .dateInput{width:140px !important;} */

.filter-data2 .filter-data2-th {
	text-align: left;
	padding: 10px 10px 5px;
	border-radius: 4px;
	background: #ecf3f6;
	box-shadow: 2px 2px #e5e5e5;
	font-size: 18px;
	font-family: 'GmarketSans', sans-serif;
}

.filter-data2 .filter-data2-td {
	padding: 10px 10px 20px;
}

.filter-pd-10 {
	padding: 10px;
}

.filter-border {
	border: 1px solid #e3e1e1;
	border-radius: 15px;
}

.filter-data2-flex {
	display: flex;
	align-items: center;
}

.mb-20 {
	margin-bottom: 20px;
}

.dateInput {
	height: 40px;
}

.tag-wrap {
	padding: 0px 0px;
}


@media screen and (max-width: 1079px) {}

@media screen and (max-width: 768px) {
	body {
		font-size: 15px;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="number"] {
		padding: 0 10px;
		height: 36px;
	}

	select {
		height: 36px;
		padding: 0 25px 0 10px;
		background-image: url("/oasis/include/image/common/arr_select.png");
	}

	.lineBar {
		margin: 30px 0;
	}

	.list_w_140 .titleBox span:first-child {
		width: 120px !important;
	}

	.list_w_100 .titleBox span:first-child {
		width: 70px !important;
	}
}

@media screen and (max-width: 640px) {

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="number"] {
		padding: 0 10px;
	}

	select {
		padding: 0 23px 0 10px;
	}

	.lineBar {
		margin: 25px 0;
	}
}

@media screen and (max-width: 375px) {
	body {
		font-size: 14px;
	}
}