@charset "utf-8";
/**
 * ============================================================================
 * TalentProX | CSS — [레거시]
 * ----------------------------------------------------------------------------
 * 파일명 : common/css/legacy/common.css
 * 분류   : 레거시(지원자·구팝업)
 * 용도   : 레거시 폰트·리셋·기본 타이포/폼 초기화
 * 사용처 : cli_typelink(지원자); adm_typelink Legacy 팝업 [D]
 * 로드   : /inc/front_typelink.jsp / /inc/adm_typelink.jsp [D] legacy popup
 * 주의   : layout/common.css(Admin Renewal GNB·카드)와 다른 파일 — 혼동 금지
 * ============================================================================
 */

@font-face {
    font-family: 'NanumSquareR';
    src: url(/resources/webfont/NanumSquareR.eot');
    src: url(/resources/webfont/NanumSquareR.eot?#iefix') format('embedded-opentype'),
         url(/resources/webfont/NanumSquareR.woff') format('woff'),
         url(/resources/webfont/NanumSquareR.ttf') format('truetype'),
         url(/resources/webfont/NanumSquareR.svg#NanumSquareR') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NanumBarunGothic';
    src: url(/resources/webfont/NanumBarunGothic.eot');
    src: url(/resources/webfont/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
         url(/resources/webfont/NanumBarunGothic.woff') format('woff'),
         url(/resources/webfont/NanumBarunGothic.ttf') format('truetype'),
         url(/resources/webfont/NanumBarunGothic.svg#NanumBarunGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {font-size: 10pt; font-family:  "Malgun Gothic", "맑은 고딕", AppleGothic, Dotum, sans-serif; color:#333333; margin:0; padding:0; box-sizing: border-box;}

body {/*-webkit-user-select:none; -moz-user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;*/
  color:#333333; font-size:10pt; line-height:1.6; font-family:"Malgun Gothic", "맑은 고딕", AppleGothic, Dotum, sans-serif;}
body, input, select, textarea {font-size: 10pt; font-family:"Malgun Gothic", "맑은 고딕", AppleGothic, Dotum, sans-serif; color:#333333;}
header,footer,nav,section,article {display:block;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin: 0; padding: 0;}
div, h1, h2, h3, h4, h5, h6, form {box-sizing: border-box;}
fieldset,img {border: 0 none;}
dl,ul,ol,menu,li {list-style: none;}
table {border-collapse: collapse; border-spacing: 0; border: 0 none;}
blockquote,q {quotes: none;}
blockquote: before,blockquote: after,q: before,q: after {content: ''; content: none;}
input,select,textarea,button {vertical-align: middle;}
img,button {border:0 none;}
button {cursor:pointer;}
button * {position:relative;}
button::-moz-focus-inner {border:0; padding:0;}
fieldset,legend {border:0;}
legend {height:0; visibility:hidden;}
table {/*width:100%;*/ border-collapse:collapse;}
em,address {font-style:normal;}
a,u {text-decoration:none;}
textarea {resize:none; padding:0 5px;}
span, b, strong, a {font-family: inherit; font-size: inherit;}
h2 {font-family:'NanumSquareR'; font-size: 20px; font-weight: bold; color:#003366; padding-top: 15px; padding-bottom: 7px;}
h3 {font-family:'NanumSquareR'; font-size: 17px; font-weight: bold; color:#003366; margin-bottom: 5px; padding-left: 14px; background: url(/resources/images/h3_icon.png") no-repeat 2px 8px;}
h4 {font-family:'NanumSquareR'; font-size: 20px; font-weight: bold; color:#333333; margin-bottom: 0px; margin-top: 10px;}
h5 {font-family:'NanumSquareR'; font-size: 15px; font-weight: bold; color:#333333; margin-bottom: 5px; margin-top: 50px;}

pre {white-space:pre-wrap; line-height:1.6; word-break:break-all; word-wrap:break-word;}
caption {padding: 0; margin: 0; font-size: 0; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
hr {display:block; height:1px; border:0; border-top:1px solid #eaeaea; margin:20px 0; padding:0;}
.hidden {overflow:hidden; font-size:0 !important; line-height:0 !important; text-indent:-9999em !important; width:0; height:0 !important; padding:0 !important; margin:0 !important; position:absolute; left:-9999em !important; top:-9999em !important;}
#hid{position:absolute; overflow:hidden; width:0; height:0; clip:rect(1px 1px 1px 1px);}

img {vertical-align:middle;}
fieldset {border:0; margin:0; padding:0;}
input,
select,
textarea {color:#333; font-family:"Malgun Gothic", "맑은 고딕", AppleGothic, Dotum, sans-serif; font-size:10pt; border:1px solid #dbdbdb;}
input, textarea {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
input:hover,
input:focus,
input:active,
select:hover,
select:focus,
select:active,
textarea:hover,
textarea:focus,
textarea:active {border:1px solid #378cc9;}
input {height:22px !important; line-height:20px; padding:0 5px; font-size:10pt; border:1px solid #cccccc;}
input[type="text"] {height:25px !important; line-height:28px;}
input[type="password"] {height:25px !important; line-height:28px;}
input[type="file"] {padding:0; background:none; border:none;}
input[type="radio"],
input[type="checkbox"] {border:none; background-image:none !important;}
input.file {left:0; top:0;}
input:hover,
input:focus,
input:active {background-image:none}
select {height:25px; line-height:22px; font-size:10pt; font-weight:normal;}
a {cursor:pointer; text-decoration:none;}
a:hover,
a:focus,
a:active {color:#006bb7;}

html, body {height: 100%;}

input[type='button'] {cursor: pointer;}
input[type='text']:-moz-read-only {
  background-color: #eeeeee;
}
input[type='text']:read-only {
  border: none;
  background: none;
  margin-top: -1px;
}
input[type='checkbox'] {
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 12px;
  /*border: 1px solid #cccccc;*/
  cursor: pointer;
  position: relative;
  cursor: pointer;
  height: 18px !important;
}
input[type='checkbox']:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  top:1px;
  z-index: 1;
  width: 10pt;
  height: 11pt;
  border: 1px solid #cccccc;
}
input[type='checkbox']:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 10pt;
  height: 11pt;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dddddd;
}
input[type='checkbox']:checked:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: 7px;
  border-color: #295886;
  border-top-style: none;
  border-right-style: none;
}
input[type='radio'] {
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 12px;
  border: 1px solid #cccccc;
  cursor: pointer;
  position: relative;
  cursor: pointer;
  margin-right: 3px;
}
input[type='radio']:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  top:1px;
  left: 0;
  z-index: 1;
  width: 10pt;
  height: 10pt;
  border: 1px solid #cccccc;
  border-radius: 20px;
}
input[type='radio']:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10pt;
  height: 13pt;
  cursor: pointer;
  background: #ffffff;
}
input[type='radio']:checked:before {
  border: 3px solid #99ccff;
  background: #2a6fb2;
  top:-1px;
  left:-1px;
}
input[type='checkbox']:disabled,
input[type='checkbox']:disabled:before,
input[type='checkbox']:disabled:after,
input[type='checkbox'].disabled:before,
input[type='checkbox'].disabled:after,
input[type='checkbox'].disabled,
input[type='radio']:disabled,
input[type='radio']:disabled:before,
input[type='radio']:disabled:after,
input[type='radio'].disabled:before,
input[type='radio'].disabled:after,
input[type='radio'].disabled {
  background: #f0f0f0;
  cursor: default;
}
.checklabel {
  margin-left: 5px;
  cursor: pointer;
  /*vertical-align: bottom;*/
  font-weight: normal;
}
.radiolabel {
  margin-left: 5px;
  margin-right: 20px;
  cursor: pointer;
}
select {
  min-width: 100px;
  height: 25px;
  padding-left: 6px;
  padding-right:30px;
  color: #333333;
  border: 1px solid #cccccc;
  border-radius: 1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/resources/images/select_arrow.png') no-repeat right center #ffffff;
}
select::-ms-expand {
  display: none;
}
:root select{
  padding-left: 0px \0/IE9;
  padding-right: 0px \0/IE9;
}
select.width_100 {
  min-width: 20px;
}
select option {
}
select option:checked,
select option:hover {
  background: #336eaa;
  color: #fff;
}
select:disabled,
select.disabled {
  color: #666666;
  border: 1px solid #dddddd;
  background: url(/resources/images/select_arrow.png') no-repeat right center #f0f0f0;
}
h4 select {
  height: 30px;
  vertical-align: middle;
  margin-bottom: 1px;
  margin-left: 5px;
  padding-left: 11px;
  padding-right: 35px;
  font-family:'NanumSquareR';
  font-size: 18px;
}

.float_left {float:left !important;}
.float_right {float:right !important;}
.vert_top {vertical-align: top;}
.vert_middle {vertical-align: middle;}
.vert_bottom {vertical-align: bottom;}
.width_10 {width: 10%;}
.width_20 {width: 20%;}
.width_30 {width: 30%;}
.width_40 {width: 40%;}
.width_50 {width: 50%;}
.width_60 {width: 60%;}
.width_70 {width: 70%;}
.width_80 {width: 80%;}
.width_90 {width: 90%;}
.width_100 {width:100%;}
.margin_0 {margin: 0 !important;}
.padding_0 {padding: 0 !important;}
.margintop_0 {margin-top: 0px !important;}
.margintop_5 {margin-top: 5px !important;}
.margintop_10 {margin-top: 10px !important;}
.margintop_20 {margin-top: 20px !important;}
.margintop_30 {margin-top: 30px !important;}
.margintop_40 {margin-top: 40px !important;}
.margintop_50 {margin-top: 50px !important;}
.margintop_60 {margin-top: 60px !important;}
.margintop_70 {margin-top: 70px !important;}
.margintop_80 {margin-top: 80px !important;}
.margintop_90 {margin-top: 90px !important;}
.margintop_100 {margin-top: 100px !important;}
.marginright_0 {margin-right: 0px !important;}
.marginright_10 {margin-right: 10px !important;}
.marginright_20 {margin-right: 20px !important;}
.marginright_30 {margin-right: 30px !important;}
.marginright_40 {margin-right: 40px !important;}
.marginright_50 {margin-right: 50px !important;}
.marginright_60 {margin-right: 60px !important;}
.marginright_70 {margin-right: 70px !important;}
.marginright_80 {margin-right: 80px !important;}
.marginright_90 {margin-right: 90px !important;}
.marginright_100 {margin-right: 100px !important;}
.marginbottom_0 {margin-bottom: 0px !important;}
.marginbottom_5 {margin-bottom: 5px !important;}
.marginbottom_10 {margin-bottom: 10px !important;}
.marginbottom_20 {margin-bottom: 20px !important;}
.marginbottom_30 {margin-bottom: 30px !important;}
.marginbottom_40 {margin-bottom: 40px !important;}
.marginbottom_50 {margin-bottom: 50px !important;}
.marginbottom_60 {margin-bottom: 60px !important;}
.marginbottom_70 {margin-bottom: 70px !important;}
.marginbottom_80 {margin-bottom: 80px !important;}
.marginbottom_90 {margin-bottom: 90px !important;}
.marginbottom_100 {margin-bottom: 100px !important;}
.marginleft_0 {margin-left: 0px !important;}
.marginleft_5 {margin-left: 5px !important;}
.marginleft_10 {margin-left: 10px !important;}
.marginleft_20 {margin-left: 20px !important;}
.marginleft_30 {margin-left: 30px !important;}
.marginleft_40 {margin-left: 40px !important;}
.marginleft_50 {margin-left: 50px !important;}
.marginleft_60 {margin-left: 60px !important;}
.marginleft_70 {margin-left: 70px !important;}
.marginleft_80 {margin-left: 80px !important;}
.marginleft_90 {margin-left: 90px !important;}
.marginleft_100 {margin-left: 100px !important;}
.paddingtop_0 {padding-top: 0px !important;}
.paddingtop_5 {padding-top: 5px !important;}
.paddingtop_10 {padding-top: 10px !important;}
.paddingtop_20 {padding-top: 20px !important;}
.paddingtop_30 {padding-top: 30px !important;}
.paddingtop_40 {padding-top: 40px !important;}
.paddingtop_50 {padding-top: 50px !important;}
.paddingtop_60 {padding-top: 60px !important;}
.paddingtop_70 {padding-top: 70px !important;}
.paddingtop_80 {padding-top: 80px !important;}
.paddingtop_90 {padding-top: 90px !important;}
.paddingtop_100 {padding-top: 100px !important;}
.paddingright_0 {padding-right: 0px !important;}
.paddingright_5 {padding-right: 5px !important;}
.paddingright_10 {padding-right: 10px !important;}
.paddingright_20 {padding-right: 20px !important;}
.paddingright_30 {padding-right: 30px !important;}
.paddingright_40 {padding-right: 40px !important;}
.paddingright_50 {padding-right: 50px !important;}
.paddingright_60 {padding-right: 60px !important;}
.paddingright_70 {padding-right: 70px !important;}
.paddingright_80 {padding-right: 80px !important;}
.paddingright_90 {padding-right: 90px !important;}
.paddingright_100 {padding-right: 100px !important;}
.paddingbottom_5 {padding-bottom: 5px !important;}
.paddingbottom_0 {padding-bottom: 0px !important;}
.paddingbottom_10 {padding-bottom: 10px !important;}
.paddingbottom_20 {padding-bottom: 20px !important;}
.paddingbottom_30 {padding-bottom: 30px !important;}
.paddingbottom_40 {padding-bottom: 40px !important;}
.paddingbottom_50 {padding-bottom: 50px !important;}
.paddingbottom_60 {padding-bottom: 60px !important;}
.paddingbottom_70 {padding-bottom: 70px !important;}
.paddingbottom_80 {padding-bottom: 80px !important;}
.paddingbottom_90 {padding-bottom: 90px !important;}
.paddingbottom_100 {padding-bottom: 100px !important;}
.paddingleft_0 {padding-left: 0px !important;}
.paddingleft_5 {padding-left: 5px !important;}
.paddingleft_10 {padding-left: 10px !important;}
.paddingleft_20 {padding-left: 20px !important;}
.paddingleft_30 {padding-left: 30px !important;}
.paddingleft_40 {padding-left: 40px !important;}
.paddingleft_50 {padding-left: 50px !important;}
.paddingleft_60 {padding-left: 60px !important;}
.paddingleft_70 {padding-left: 70px !important;}
.paddingleft_80 {padding-left: 80px !important;}
.paddingleft_90 {padding-left: 90px !important;}
.paddingleft_100 {padding-left: 100px !important;}
.text_left {text-align: left !important;}
.text_center {text-align: center !important;}
.text_right {text-align: right !important;}
.text_bold {font-weight: bold !important;}
.text_normal {font-weight: normal !important;}
.text_over {text-overflow: ellipsis; white-space: nowrap;}
.no_border {border:0px none !important;}
.word_break {word-break: break-all;}
.disc {color:#888888; font-size: 12px;}

/* 모바일/좁은 화면: 넓은 테이블 가로 스크롤 */
.table-responsive{
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > table{
  width: 100%;
  min-width: 640px;
  margin-bottom: 0;
}
@media (max-width: 768px){
  .table-responsive > table{min-width: 560px;}
}