@charset "UTF-8";

/* 노토산스 */
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 900;
  src: local("Noto Sans KR Black"), url("../../fonts/NotoSansKR-Black.woff2") format("woff2"), url("../../fonts/NotoSansKR-Black.woff") format("woff"), url("../../fonts/NotoSansKR-Black.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  src: local("Noto Sans KR Bold"), url("../../fonts/NotoSansKR-Bold.woff2") format("woff2"), url("../../fonts/NotoSansKR-Bold.woff") format("woff"), url("../../fonts/NotoSansKR-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  src: local("Noto Sans KR Medium"), url("../../fonts/NotoSansKR-Medium.woff2") format("woff2"), url("../../fonts/NotoSansKR-Medium.woff") format("woff"), url("../../fonts/NotoSansKR-Medium.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  src: local("Noto Sans KR Regular"), url("../../fonts/NotoSansKR-Regular.woff2") format("woff2"), url("../../fonts/NotoSansKR-Regular.woff") format("woff"), url("../../fonts/NotoSansKR-Regular.otf") format("opentype");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 300;
  src: local("Noto Sans KR Light"), url("../../fonts/NotoSansKR-Light.woff2") format("woff2"), url("../../fonts/NotoSansKR-Light.woff") format("woff"), url("../../fonts/NotoSansKR-Light.otf") format("opentype");
}

/* 숫자용 */
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 900;
  src: url("../../fonts/SCDream9.woff2") format('woff2'), url("../../fonts/SCDream9.woff") format('woff');
  unicode-range: U+0020-007E;
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  src: url("../../fonts/SCDream7.woff2") format('woff2'), url("../../fonts/SCDream7.woff") format('woff');
  unicode-range: U+0020-007E;
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  src: url("../../fonts/SCDream5.woff2") format('woff2'), url("../../fonts/SCDream5.woff") format('woff');
  unicode-range: U+0020-007E;
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  src: url("../../fonts/SCDream4.woff2") format('woff2'), url("../../fonts/SCDream4.woff") format('woff');
  unicode-range: U+0020-007E;
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 300;
  src: url("../../fonts/SCDream3.woff2") format('woff2'), url("../../fonts/SCDream3.woff") format('woff');
  unicode-range: U+0020-007E;
}


/* 에스코어 드림
@font-face {
    font-family: 'SCoreDream';
    font-weight: 100; 
    font-style: normal; 
    src: url("../../fonts/SCDream1.woff2") format('woff2'),
         url("../../fonts/SCDream1.woff") format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 200; 
    font-style: normal; 
    src: url("../../fonts/SCDream2.woff2") format('woff2'),
         url("../../fonts/SCDream2.woff") format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 300; 
    font-style: normal; 
    src: url("../../fonts/SCDream3.woff2") format('woff2'),
         url("../../fonts/SCDream3.woff") format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 400; 
    font-style: normal; 
    src: url("../../fonts/SCDream4.woff2") format('woff2'),
         url("../../fonts/SCDream4.woff") format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 500; 
    font-style: normal; 
    src: url("../../fonts/SCDream5.woff2") format('woff2'),
         url("../../fonts/SCDream5.woff") format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 600; 
    font-style: normal; 
    src: url("../../fonts/SCDream6.woff2") format('woff2'),
         url("../../fonts/SCDream6.woff") format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 700; 
    font-style: normal; 
    src: url("../../fonts/SCDream7.woff2") format('woff2'),
         url("../../fonts/SCDream7.woff") format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 800; 
    font-style: normal; 
    src: url("../../fonts/SCDream8.woff2") format('woff2'),
         url("../../fonts/SCDream8.woff") format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 900; 
    font-style: normal; 
    src: url("../../fonts/SCDream9.woff2") format('woff2'),
         url("../../fonts/SCDream9.woff") format('woff');
    font-display: swap;
}
*/


/* 초기화 */
html {overflow-x:hidden;overflow-y:scroll; font-size:10px;
  	-webkit-touch-callout: none;
  	-webkit-user-select: none;
  	-khtml-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
	-webkit-text-size-adjust : none;  /* 크롬, 사파리, 오페라(신) */
	-ms-text-size-adjust : none;  /* IE */
	-moz-text-size-adjust : none;  /* 파이어폭스 */
	-o-text-size-adjust : none;  /* 오페라(구)*/
}

/* 공지사항과 같은 게시판은 선택이 가능하도록 */
.dataDetail {
    -webkit-touch-callout: default;
    -webkit-user-select: default;
    -khtml-user-select: default;
    -moz-user-select: default;
    -ms-user-select: default;
    user-select: default;
}

@media only screen and (max-width: 1920px) {
	html { font-size:9px; }
}

@media only screen and (max-width: 767px) {
	html { font-size:10px; }
	body { letter-spacing:-10% !important; }
}

body {margin:0;padding:0;font-size:1.4rem;font-family:'Noto Sans KR', dotum, sans-serif;background:#fff; font-weight:500; word-break:keep-all; letter-spacing:-0.5px; /*touch-action: pan-y;*/}
html, body { height:100% }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1.4rem;font-family:'Noto Sans KR', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
ol {margin:0;padding:0;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1.4rem}
input, button {margin:0;padding:0;font-family:'Noto Sans KR', dotum, sans-serif;font-size:1.4rem}
input[type="submit"] {cursor:pointer}
button { cursor:pointer; outline:0; border:0; background-color: transparent; }


table { width:100%; border-collapse:collapse; }
td { padding:0; word-break:keep-all; }

textarea, select {font-family:'Noto Sans KR', dotum, sans-serif;font-size:1.4rem}
textarea { resize:none; }
select {margin:0}
p {margin:0;padding:0;word-break:keep-all; line-height:150%; }
hr {display:none}
pre {overflow-x:scroll;font-size:1.4rem}
a {color:#333;text-decoration:none}

table caption { 
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	border: 0;
	clip: rect(0,0,0,0);
}
*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
	border:1px solid #558ab7 !important;
}

.sr_only, .skip_nav {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	border: 0;
	clip: rect(0,0,0,0);
}


input::placeholder  {
    color: #958D85;
	font-size:1.6rem;
	font-weight:400;
}
input::-webkit-input-placeholder  {
	color: #958D85;
	font-size:1.6rem;
	font-weight:400;
}
input:-ms-input-placeholder  {
	color: #958D85;
	font-size:1.6rem;
	font-weight:400;
}

textarea::placeholder  {
	color: #958D85;
	font-size:1.6rem;
	font-weight:400;
}
textarea::-webkit-input-placeholder  {
	color: #958D85;
	font-size:1.6rem;
	font-weight:400;
}
textarea:-ms-input-placeholder  {
	color: #958D85;
	font-size:1.6rem;
	font-weight:400;
}

textarea.member::placeholder  {
	color: #767676;
	font-size:1.6rem;
	font-weight:400;
}
textarea.member::-webkit-input-placeholder  {
	color: #767676;
	font-size:1.6rem;
	font-weight:400;
}
textarea.member:-ms-input-placeholder  {
	color: #767676;
	font-size:1.6rem;
	font-weight:400;
}

input.member::placeholder  {
    color: #767676;
	font-size:1.6rem;
	font-weight:400;
}
input.member::-webkit-input-placeholder  {
	color: #767676;
	font-size:1.6rem;
	font-weight:400;
}
input.member:-ms-input-placeholder  {
	color: #767676;
	font-size:1.6rem;
	font-weight:400;
}

input.member.white::placeholder  {
    color: #958D85;
	font-size:1.6rem;
	font-weight:400;
}
input.member.white::-webkit-input-placeholder  {
	color: #958D85;
	font-size:1.6rem;
	font-weight:400;
}
input.member.white:-ms-input-placeholder  {
	color: #958D85;
	font-size:1.6rem;
	font-weight:400;
}

input.datepicker::placeholder  {
    color:#454C62;
	font-size:1.9rem;
	font-weight:500;
}

.m-modal input.datepicker::placeholder  {
    color:#333;
	font-size:1.6rem;
	font-weight:500;
}


/* 달력 */

.ui-widget-header { border: 0px solid #dddddd; background: #fff; } 

.ui-datepicker-calendar>thead>tr>th { font-size: 20px !important; } 

.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0; } 

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border: 0px solid #c5c5c5; background-color: transparent; font-weight: normal; color: #454545; text-align: center; } 

.ui-datepicker .ui-datepicker-title {  position:relative; top:-9px; text-align: center; font-size: 25px; padding: 0px; font-weight: bold; } 

.ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 20px; padding-bottom: 10px; width: 42rem; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); } 
@media screen and (max-width: 768px) {
  /* 모바일 환경에서 적용될 스타일 지정 */
  .ui-datepicker { width: 31rem; }
  
}
.ui-widget.ui-widget-content { border: 1px solid #eee; } 

#datepicker:focus>.ui-datepicker { display: block; } 

.ui-datepicker-prev,
.ui-datepicker-next { cursor: pointer; } 

.ui-datepicker-next { float: right; } 

.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); } 

.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 200; font-size: 20px; } 

.ui-datepicker-calendar { width: 100%; } 

.ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 25px; font-weight: 400; } 

.ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 20px !important; font-weight: bold !important; text-decoration: none;}

.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; } 

.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 66px; height: 30px; cursor: pointer; padding: 5px; font-weight: 100; text-align: center; font-size: 20px; } 

.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; } 

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; } 

.ui-widget-header .ui-icon { background-image: url('../../images/egovframework/mobile/images/sub/btns.png'); } 

.ui-icon-circle-triangle-e { background-position: -20px 0px; background-size: 36px; font-size: 2.0rem; } 

.ui-icon-circle-triangle-w { background-position: -0px -0px; background-size: 36px; font-size: 2.0rem; } 

.ui-datepicker-calendar>tbody>tr>td:first-child a { color: red !important; } 

.ui-datepicker-calendar>tbody>tr>td:last-child a { color: #0099ff !important; } 

.ui-datepicker-calendar>thead>tr>th:first-child { color: red !important; } 

.ui-datepicker-calendar>thead>tr>th:last-child { color: #0099ff !important; } 

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border: 0px; background: #f1f1f1; border-radius: 50%; padding:1rem; } 

.inp { padding: 10px 10px; background-color: #f1f1f1; border-radius: 4px; border: 0px; } 

.inp:focus { outline: none; background-color: #eee; }