@charset "utf-8";
*,html {margin:0;padding:0}
body{position:relative;margin:0;padding:0;height:100%;color:#333;font-family:NanumGothic, Dotum,"돋움",Arial,Verdana,sans-serif;font-size:14px;line-height:1.2}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,iframe,fieldset,input,table,tr,th,td,button,textarea,select,thead,tbody,tfoot,pre,option {margin:0;padding:0}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%}
ul,ol,li,dl,dt,dd {list-style:none}
caption,em,address {font-style:normal}
fieldset,img {border:0}
img {vertical-align:top}
caption,legend {width:1px;height:1px;font-size:1px;line-height:0;text-indent:-9999em}
a {color:#333;text-decoration:none}
a:hover, a:focus {text-decoration:underline}
/*a:visited {color:#333}*/
strong, h2, h3 {font-weight:normal; font-family:NanumGothicBold; letter-spacing:-0.5px}

/* font */
@font-face {
	font-family:'NanumGothicBold';
	font-display: swap;
	src: url(/ext_jobcenter/font/NanumGothicBold.woff2) format('woff2');
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+AC00-U+D7A3;
}

@font-face {
	font-family:'NanumGothic';
	font-display: swap;
	src: url(/ext_jobcenter/font/NanumGothic.woff2) format('woff2');
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+AC00-U+D7A3;
}


/* font - 성능개선 소스
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  src: local("NanumGothic"), local("나눔고딕"),
		url(/ext_jobcenter/font/NanumGothic.eot) format('embedded-opentype'),
		url(/ext_jobcenter/font/NanumGothic.woff2) format('woff2'),
		url(/ext_jobcenter/font/NanumGothic.woff) format('woff'),
		url(/ext_jobcenter/font/NanumGothic.ttf) format('truetype');
  font-display:fallback;
  unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+AC00-U+D7A3;
}

@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  src: local("NanumGothic-Bold"), local("NanumGothicBold"), local("나눔고딕 Bold"), local("나눔고딕Bold"),
		url(/ext_jobcenter/font/NanumGothicBold.eot) format('embedded-opentype'),
		url(/ext_jobcenter/font/NanumGothicBold.woff2) format('woff2'),
		url(/ext_jobcenter/font/NanumGothicBold.woff) format('woff'),
		url(/ext_jobcenter/font/NanumGothicBold.ttf) format('truetype');
  font-display:fallback;
  unicode-range:U+0041-005A, U+0061-007A, U+0030-0039, U+AC00-U+D7A3;
}
*/

/* table */
table{width:100%;border-collapse:collapse;border-spacing:0; table-layout:fixed}
th,td{font-style:normal;font-weight:normal;text-align:left;vertical-align:middle}

/* form */
input,select,textarea{border:0;color:#4c4c4c;font-size:13px;vertical-align:middle}
textarea {margin-bottom:10px; padding:5px; border:1px solid #c5cbd2; font-family:NanumGothic}
input[type="text"], input[type="password"], select {vertical-align:top; font-family:NanumGothic}
input[readonly="readonly"], input[disabled="disabled"], select[readonly="readonly"], select[disabled="disabled"] {background-color:#f5f5f5} /* 20210218 추가 */
input.byte {border:0; padding:0 5px; text-align:right; font-weight:bold; height:auto; line-height:normal; vertical-align:middle}
button{border:0;background:none;cursor:pointer}

/* display */
.block {display:block !important}
.inline_block {display:inline-block !important}

/* float */
.fl {float:left !important}
.fr {float:right !important}
.fn {float:none !important}

/* align */
.al {text-align:left !important}
.ac {text-align:center !important}
.ar {text-align:right !important}
.am {vertical-align:middle !important}
.at {vertical-align:top !important}
.ab {vertical-align:bottom !important}

/* margin */
.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}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt55 {margin-top:55px !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}
.ml30 {margin-left:30px !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}
.mr30 {margin-right:30px !important}

.mb0 {margin-bottom:0 !important}
.mb05 {margin-bottom:5px !important}
.mb10 {margin-bottom:10px !important}
.mb15 {margin-bottom:15px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mb50 {margin-bottom:50px !important}

/* padding */
.pt10 {padding-top:10px !important}
.pt15 {padding-top:15px !important}

.pl10 {padding-left:10px !important}
.pl15 {padding-left:15px !important}
.pl20 {padding-left:20px !important}

/* color, size */
.f_dgray {color:#333 !important}
.f_blue {color:#1958ae !important}
.f_dblue {color:#1b3760 !important}
.f_red {color:#ff0000 !important} /* 20210218 추가 */
.f_org {color:#c24e00 !important}
.f_org2 {color:#d25400 !important}
.fs_11 {font-size:11px !important} /* 20210218 추가 */
.fs_12 {font-size:12px !important}
.fs_13 {font-size:13px !important}

/* ellipsis */
.ellip {display:inline-block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.clear {clear:both}
.ir {display:block; overflow:hidden; margin:-1px 0 0 0 !important; padding:0 !important; height:1px !important; width:1px !important; background:none !important; text-indent:-9999px; color:#fff}
.sup {position:relative; top:-5px} /* 윗첨자 */