@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: 'Noto Sans KR', 'Noto Sans TC', '¸¼Àº °íµñ', 'Malgun Gothic', 'AppleGothic', 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: inherit; 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;}
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{padding:20px; text-align: center; background: #ecf3f6;} 






/* 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; font-size:1em;}
.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-bottom: 1px solid #e3dfdf;border-bottom-left-radius: 15px; background: #ecf3f6; font-size:18px;}
.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;}
}