/* 
리뉴얼 적용 중
*/

/*---------------------< ꕥ 공통 사용 css 영역 ꕥ >-----------------------*/
@charset "utf-8";
*{padding: 0; margin: 0; font-family: 'Pretendard', 'Noto Sans KR'; font-variant-numeric: tabular-nums lining-nums;font-feature-settings: "tnum" 1, "lnum" 1;}

html {
  /* Prevent font scaling in landscape */
  -webkit-text-size-adjust : none; /*Chrome, Safari, newer versions of Opera*/
  -moz-text-size-adjust    : none; /*Firefox*/
  -ms-text-size-adjust     : none; /*Ie*/
  -o-text-size-adjust      : none; /*old versions of Opera*/
}

body{position: relative;}
ol, ul, li { list-style:none; text-decoration: none; color: inherit;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:100%;}
form, fieldset, img { border:0; margin:0; padding:0}
address, caption, em { font-weight:normal; font-style:normal;}
table {border-collapse: collapse;}
button, input, a {cursor: pointer;}
input {vertical-align: middle;}
button {border: unset; background-color: unset;}
input[type=text],input[type=search],input[type=button] {outline:none;}
a {text-decoration: none; color:inherit;}
*, *::before, *::after {box-sizing: border-box;}
img {max-width: 100%; vertical-align: middle;}
pre, pre *{white-space: wrap;}
/* --------------------------------------------- */
:root {
	--clr_O:   #2C58B1; /*  원격  */
	--clr_C:   #4784FF; /* 사업주 */
	--clr_G:   #FF9940; /*  일반  */
	--clr_W:   #8C5CFF; /* 내배카 */
	--clr_WU:  #E645AB; /* 내배카(근로자+실업자) */
	--clr_F:   #2C58B1; /*  무료  */
	--clr_P:   #26C700; /* 평교육 */
	--clr_S:   #1988A6; /* 심사 */

	--brdr_O:  1px solid #2C58B1; /*  원격  */
	--brdr_C:  1px solid #4784FF; /* 사업주 */
	--brdr_G:  1px solid #FF9940; /*  일반  */
	--brdr_W:  1px solid #8C5CFF; /* 내배카 */
	--brdr_WU: 1px solid #E645AB; /* 내배카(근로자+실업자) */
	--brdr_F:  1px solid #2C58B1; /*  무료  */
	--brdr_P:  1px solid #26C700; /* 평교육 */
	--brdr_S:  1px solid #1988A6; /* 심사 */
	
  --clr_black_mn:    #161616;
  --clr_black_sub:   #2E2E2E;
  --clr_black_ex:    #555555;
  --clr_blue:        #0080FF;
  --clr_pale_red:    #FEEFEE;
  --clr_deep_red:    #C4131F;
  --clr_prim_red:    #DB1522;
  --clr_dark_org:    #F4361E;
	--clr_soft_red:    #FE5655;
  
  --clr_smWhite:     #F7F8FA;
  --mix_clr_btr:     #EEEEEE;
  --mix_clr_dkr:     #E6E6E6;
  --mix_brdr_btrDkr: 1px solid #e6e6e6;
  --brdr_blue:       1px solid #0080FF;
}
/* --------------------------------------------- */
/* 진행단계 */
.proc_green {color: #3bb70a;}
.proc_blue  {color: #0080FF;}
.proc_red   {color: #F4361E;}

.dtlCtgyWrap{
  margin-bottom: 6px;
  display: flex; align-items: center; justify-content: flex-start;
  column-gap: 4px; row-gap: 5px; flex-wrap: wrap;
}
.dtlCtgy{
	border-radius: 20px; box-sizing: border-box;
  font-weight: 700; white-space: nowrap; width: fit-content;
	text-align: center;
}
/* 사업주 / 일반 / 내배카 */
.dtlCtgy--O  {color: var(--clr_O);	border: var(--brdr_O); }
.dtlCtgy--C  {color: var(--clr_C);	border: var(--brdr_C); }
.dtlCtgy--G  {color: var(--clr_G);	border: var(--brdr_G); }
.dtlCtgy--W  {color: var(--clr_W);	border: var(--brdr_W); }
.dtlCtgy--WU {color: var(--clr_WU); border: var(--brdr_WU);}
.dtlCtgy--F  {color: var(--clr_F);  border: var(--brdr_F); }
.dtlCtgy--P  {color: var(--clr_P);  border: var(--brdr_P); }
.dtlCtgy--S  {color: var(--clr_S);  border: var(--brdr_S); }

@media (max-width: 767px) {
	.dtlCtgy{padding: 0px 5px ; font-size: 8px; line-height: 8px; line-height: 15px; height: 16px;  min-width: 30px;}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.dtlCtgy{padding: 0px 6px; font-size: 10px; line-height: 18px; height: 18px; }
}
@media (min-width: 1024px) {
	.dtlCtgy{padding: 0px 6px; font-size: 11px; line-height: 21px; height: 21px;}
}
@media (min-width:1200px) {
	.dtlCtgy{padding: 0px 8px; font-size: 12px; line-height: 22px; height: 22px;}
}
/* --------------------------------------------- */

/* ------------------버튼타입---------------- */
.btn_type01,.btn_type02,.btn_type03,.btn_type04,.btn_type07{
	width: fit-content; width: 65px; height: 38px;
	cursor: pointer;
	padding: 5px 15px; box-sizing: border-box;
	color: #ffffff;
	border-radius: 7px; border: unset;  display: inline-block; 
	font-size: 13px; font-weight: 400; text-align: center; 
	display: flex; align-items: center; justify-content: center;
	letter-spacing: normal; white-space: nowrap;
}
/* 수정,저장,글쓰기...버튼 */
.btn_type01 {background: var(--clr_blue);}

/* 삭제버튼 */
.btn_type02 {background: var(--clr_soft_red);}

/* 수정,서브 버튼 */
.btn_type03 {background-color: #FE9E55;}

/* 목록버튼 */
.btn_type04 {border: var(--mix_brdr_btrDkr); background: var(--clr_smWhite); min-width: fit-content; color: var(--clr_black_mn);}

/* 기타버튼 */
.btn_type05{
	width: 65px;  height: 38px; 
	background-color: #3659B3 !important; color: #fff !important;	
	border: none !important; cursor: pointer;
	border-radius: 7px;
	font-size: 12px !important; font-weight:400; 
	display: flex; align-items: center; justify-content:center;
}

.btn_type06{
	color: #fff; 
	font-size: 14px; font-weight: 400; 
	width: 136px; height: 38px;
	background-color: var(--clr_blue); border-radius: 50px;
	display:block; margin: 0 auto; margin-top: 60px;
	display: flex; align-items: center; justify-content:center;
	border: unset;
}

/* 시험 화면 창닫기 버튼 */
.btn_type07{background-color: #3d4459; color: #fff;}

.resetBtn{
  font-size: 14px; color: var(--clr_black_ex); display: none;
	width: fit-content; white-space: nowrap;
}
.resetBtn img{filter: brightness(0) saturate(100%) invert(33%) sepia(0%) saturate(2934%) hue-rotate(315deg) brightness(89%) contrast(81%);}

.allSrch_sec .resetBtn{max-width: unset; position: absolute; top: -26px; right: 0; justify-content: flex-end;}
/* --------------------------------------------- */

/* -----------창닫기 버튼----------- */
.closeWBtnBox{display: flex; align-items: center; justify-content: center;}
.closeWBtn{
	width: 75px; height: 34px; line-height: 35px;
  font-size: 13px; font-weight: 400; letter-spacing: 0.8px;
	color: #fff; background-color: #26386d;
	padding-left: 1px; margin-top: 12px; border-radius: 4px; cursor: pointer;
}
/* --------------------------------------------- */

/* --------flex-------- */
.flexAlCen   	  {display: flex; align-items: center;}
.flexAlStart 	  {display: flex; align-items: start; }
.flexAlEnd   	  {display: flex; align-items: end;   }
.flexAlEndJuSbt {display: flex; align-items: end;    justify-content: space-between;}
.flexAlCenJuSbt {display: flex; align-items: center; justify-content: space-between;}
.flexAlCenJuEnd {display: flex; align-items: center; justify-content: flex-end;     }
.flexAlCenJuCen {display: flex; align-items: center; justify-content: center;       }
.flexWrap       {flex-wrap: wrap;}
.flex1          {flex: 1;}
/* --------------------------------------------- */

/* --------gap-------- */
.gap3  {gap: 3px; }
.gap5  {gap: 5px; }
.gap8  {gap: 8px; }
.gap10 {gap: 10px;}
.gap12 {gap: 12px;}
.gap15 {gap: 15px;}
.gap25 {gap: 25px;}
/* --------------------------------------------- */

/* --------float------- */
.fL {float: left  !important;}
.fR {float: right !important;}
.fN {float: none  !important;} 
/* --------------------------------------------- */

/* --------display------- */
.dpBlock  {display:block  !important;}
.dpInline {display:inline !important;}
.dpNone   {display:none   !important;}
/* --------------------------------------------- */

/* --------border radius------- */
.brdRds-lt9  {border-radius: 9px 0 0 0;}
.brdRds-rt9  {border-radius: 0 9px 0 0;}
.brdRds-rb9  {border-radius: 0 0 9px 0;}
.brdRds-lb9  {border-radius: 0 0 0 9px;}
/* --------------------------------------------- */

/* -------text-align------ */
.text-center {text-align: center !important;}
.text-right  {text-align: right  !important;}
/* --------------------------------------------- */

/* -------line-height------ */
.lnht8  {line-height: 8px;}
/* --------------------------------------------- */

/* --------font-color----- */
.fColor-red01   {color: #DB1522 !important;}
.fColor-red02   {color: #FE5655 !important;}
.fColor-dblue01 {color: #193b6a !important;}
.fColor-dblue02 {color: #0655AD !important;}
.fColor-rblue01 {color: #0080FF !important;}
/* --------------------------------------------- */

/* --------font-weight----- */
.fontW400  {font-weight: 400  !important;}
.fontW500  {font-weight: 500  !important;}
.fontW600  {font-weight: 600  !important;}
.fontW700  {font-weight: 700  !important;}
.fontW800  {font-weight: 800  !important;}
.fontW900  {font-weight: 900  !important;}
.fontWb    {font-weight: bold !important;}
/* --------------------------------------------- */

/* --------font-size------- */
.font11    {font-size: 11px !important;}
.font12    {font-size: 12px !important;}
.font13    {font-size: 13px !important;}
.font14    {font-size: 14px !important;}
.font15    {font-size: 15px !important;}
.font16    {font-size: 16px !important;}
.font17    {font-size: 17px !important;}
.font18    {font-size: 18px !important;}
.font19    {font-size: 19px !important;}
.font20    {font-size: 20px !important;}
.font22    {font-size: 22px !important;}
.font23    {font-size: 23px !important;}
.font28    {font-size: 28px !important;}
.font36    {font-size: 36px !important;}
/* --------------------------------------------- */

/* -------- txet ------- */
.txtIndt10 {text-indent: -10px !important; padding-left: 10px !important;}
.txtIndt12 {text-indent: -12px !important; padding-left: 12px !important;}
.txtIndt14 {text-indent: -14px !important; padding-left: 14px !important;}
.txtIndt15 {text-indent: -15px !important; padding-left: 15px !important;}
.txtIndt16 {text-indent: -16px !important; padding-left: 16px !important;}
.txtIndt18 {text-indent: -18px !important; padding-left: 18px !important;}
.txtIndt19 {text-indent: -19px !important; padding-left: 19px !important;}
.txtIndt20 {text-indent: -20px !important; padding-left: 20px !important;}

.ellipsis  {white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
/* --------------------------------------------- */

/* -------width--------- */
.widthAuto   {width: auto      !important;}
.width100per {width: 100%      !important;}
.mxWidthNone {max-width: unset !important;}
/* --------------------------------------------- */

/* -------margin--------- */
.mUn   {margin: inherit;}
.m0A   {margin:  0 auto;}

/* -------margin-top--------- */
.mt0   {margin-top: 0px  		!important;}
.mt1   {margin-top: 1px  		!important;}
.mt2   {margin-top: 2px  		!important;}
.mt3   {margin-top: 3px  		!important;}
.mt6   {margin-top: 6px  		!important;}
.mt7   {margin-top: 7px  		!important;}
.mt8   {margin-top: 8px  		!important;}
.mt10  {margin-top: 10px 		!important;}
.mt12  {margin-top: 12px 		!important;}
.mt13  {margin-top: 13px 		!important;}
.mt15  {margin-top: 15px 		!important;}
.mt16  {margin-top: 16px 		!important;}
.mt17  {margin-top: 17px 		!important;}
.mt18  {margin-top: 18px 		!important;}
.mt20  {margin-top: 20px 		!important;}
.mt22  {margin-top: 22px 		!important;}
.mt27  {margin-top: 27px 		!important;}
.mt29  {margin-top: 29px 		!important;}
.mt30  {margin-top: 30px 		!important;}
.mt31  {margin-top: 31px 		!important;}
.mt33  {margin-top: 33px 		!important;}
.mt35  {margin-top: 35px 		!important;}
.mt36  {margin-top: 36px 		!important;}
.mt41  {margin-top: 41px 		!important;}
.mt42  {margin-top: 42px 		!important;}
.mt54  {margin-top: 54px 		!important;}
.mt55  {margin-top: 55px 		!important;}
.mt56  {margin-top: 56px 		!important;}
.mt62  {margin-top: 62px 		!important;}
.mt63  {margin-top: 63px 		!important;}
/* --------------------------------------------- */

/* ---------margin-bottom----------- */
.mb0   {margin-bottom: 0px   !important;}
.mb2   {margin-bottom: 2px   !important;}
.mb4   {margin-bottom: 4px   !important;}
.mb5   {margin-bottom: 5px   !important;}
.mb6   {margin-bottom: 6px   !important;}
.mb7   {margin-bottom: 7px   !important;}
.mb10  {margin-bottom: 10px  !important;}
.mb12  {margin-bottom: 12px  !important;}
.mb13  {margin-bottom: 13px  !important;}
.mb14  {margin-bottom: 14px  !important;}
.mb15  {margin-bottom: 15px  !important;}
.mb16  {margin-bottom: 16px  !important;}
.mb18  {margin-bottom: 18px  !important;}
.mb19  {margin-bottom: 19px  !important;}
.mb20  {margin-bottom: 20px  !important;}
.mb21  {margin-bottom: 21px  !important;}
.mb23  {margin-bottom: 23px  !important;}
.mb24  {margin-bottom: 24px  !important;}
.mb25  {margin-bottom: 25px  !important;}
.mb26  {margin-bottom: 26px  !important;}
.mb28  {margin-bottom: 28px  !important;}
.mb30  {margin-bottom: 30px  !important;}
.mb31  {margin-bottom: 31px  !important;}
.mb33  {margin-bottom: 33px  !important;}
.mb34  {margin-bottom: 34px  !important;}
.mb35  {margin-bottom: 35px  !important;}
.mb36  {margin-bottom: 36px  !important;}
.mb38  {margin-bottom: 38px  !important;}
.mb40  {margin-bottom: 40px  !important;}
.mb44  {margin-bottom: 44px  !important;}
.mb45  {margin-bottom: 45px  !important;}
.mb46  {margin-bottom: 46px  !important;}
.mb47  {margin-bottom: 47px  !important;}
.mb50  {margin-bottom: 50px  !important;}
.mb53  {margin-bottom: 53px  !important;}
.mb54  {margin-bottom: 54px  !important;}
.mb57  {margin-bottom: 57px  !important;}
.mb60  {margin-bottom: 60px  !important;}
.mb63  {margin-bottom: 63px  !important;}
.mb64  {margin-bottom: 64px  !important;}
.mb67  {margin-bottom: 67px  !important;}
.mb68  {margin-bottom: 68px  !important;}
.mb77  {margin-bottom: 77px  !important;}
.mb80  {margin-bottom: 80px  !important;}
.mb95  {margin-bottom: 95px  !important;}
.mb100 {margin-bottom: 100px !important;}
.mb104 {margin-bottom: 104px !important;}
.mb109 {margin-bottom: 109px !important;}
.mb113 {margin-bottom: 113px !important;}
.mb123 {margin-bottom: 123px !important;}
.mb250 {margin-bottom: 250px !important;}
/* --------------------------------------------- */

/* ---------margin-right---------- */
.mrA   {margin-right: auto   !important;}
.mr0   {margin-right: 0px    !important;}
.mr3   {margin-right: 3px    !important;}
.mr4   {margin-right: 4px    !important;}
.mr6   {margin-right: 6px    !important;}
.mr7   {margin-right: 7px    !important;}
.mr8   {margin-right: 8px    !important;}
.mr10  {margin-right: 10px   !important;}
.mr12  {margin-right: 12px   !important;}
.mr13  {margin-right: 13px   !important;}
.mr14  {margin-right: 14px   !important;}
.mr15  {margin-right: 15px   !important;}
.mr16  {margin-right: 16px   !important;}
.mr17  {margin-right: 17px   !important;}
.mr18  {margin-right: 18px   !important;}
.mr19  {margin-right: 19px   !important;}
.mr20  {margin-right: 20px   !important;}
.mr26  {margin-right: 26px   !important;}
.mr44  {margin-right: 44px   !important;}
.mr70  {margin-right: 70px   !important;}
.mr74  {margin-right: 74px   !important;}
.mr77  {margin-right: 77px   !important;}
/* --------------------------------------------- */

/* ---------margin-left---------- */
.mlA   {margin-left: auto    !important;}
.ml0   {margin-left: 0px     !important;}
.ml2   {margin-left: 2px     !important;}
.ml3   {margin-left: 3px     !important;}
.ml7   {margin-left: 7px     !important;}
.ml9   {margin-left: 9px     !important;}
.ml10  {margin-left: 10px    !important;}
.ml12  {margin-left: 12px    !important;}
.ml14  {margin-left: 14px    !important;}
.ml18  {margin-left: 18px    !important;}
.ml20  {margin-left: 20px    !important;}
.ml23  {margin-left: 23px    !important;}
.ml30  {margin-left: 30px    !important;}
.ml40  {margin-left: 40px    !important;}
.ml74  {margin-left: 74px    !important;}
.ml75  {margin-left: 75px    !important;}
.ml170 {margin-left: 170px   !important;}
/* --------------------------------------------- */

/* ----------padding-top----------- */
.pt8   {padding-top: 8px     !important;}
.pt10  {padding-top: 10px    !important;}
.pt15  {padding-top: 15px    !important;}
.pt20  {padding-top: 20px    !important;}
.pt21  {padding-top: 21px    !important;}
.pt22  {padding-top: 22px    !important;}
.pt23  {padding-top: 23px    !important;}
.pt27  {padding-top: 27px    !important;}
.pt28  {padding-top: 28px    !important;}
.pt29  {padding-top: 29px    !important;}
.pt30  {padding-top: 30px    !important;}
.pt31  {padding-top: 31px    !important;}
.pt36  {padding-top: 36px    !important;}
.pt42  {padding-top: 42px    !important;}
.pt47  {padding-top: 47px    !important;}
.pt52  {padding-top: 52px    !important;}
.pt54  {padding-top: 54px    !important;}
.pt56  {padding-top: 56px    !important;}
.pt57  {padding-top: 57px    !important;}
.pt60  {padding-top: 60px    !important;}
.pt81  {padding-top: 81px    !important;}
.pt108 {padding-top: 108px   !important;}
.pt290 {padding-top: 290px   !important;}
/* --------------------------------------------- */

/* -----------padding-right---------- */
.pr16  {padding-right: 16px  !important;}
.pr22  {padding-right: 22px  !important;}
.pr23  {padding-right: 23px  !important;}
.pr26  {padding-right: 26px  !important;}
.pr28  {padding-right: 28px  !important;}
/* --------------------------------------------- */

/* -----------padding-left------------ */
.pl14  {padding-left:  14px  !important;}
.pl15  {padding-left:  15px  !important;}
.pl17  {padding-left:  17px  !important;}
.pl20  {padding-left:  20px  !important;}
.pl22  {padding-left:  22px  !important;}
.pl23  {padding-left:  23px  !important;}
.pl24  {padding-left:  24px  !important;}
.pl27  {padding-left:  27px  !important;}
.pl37  {padding-left:  37px  !important;}
.pl39  {padding-left:  39px  !important;}
/* --------------------------------------------- */

/* ----------padding-bottom------------ */
.pb20  {padding-bottom: 20px !important;}
.pb95  {padding-bottom: 95px !important;}
/* --------------------------------------------- */

/* ----------------word---------------- */
.keepAll  {word-break: keep-all !important; white-space: normal;}
.breakAll {word-break: break-all;}
/* --------------------------------------------- */

.cursor{cursor: pointer;}
/* --------------------------------------------- */

@media all and (min-width:560px){.closeWBtn{margin-top: 20px;}}

@media (max-width: 767px) {
	/* 버튼타입 */
	.resetBtn{max-width: 400px; font-size: 12px;}
	.resetBtn--mbNone{display: none;}
}

@media (min-width: 768px) and (max-width: 1023px) {
	.dtlCtgyWrap{margin-bottom: 10px;}
}

@media all and (min-width:1024px){
	.closeWBtn{width: 90px;}
	.btn_type01,.btn_type02,.btn_type03,.btn_type04,.btn_type07{width: 90px; font-size: 14px; height: 40px; border-radius: 9px;}
	.btn_type05{font-size: 14px !important; width: 90px; height: 40px; border-radius: 9px;}
	.btn_type06{font-size: 16px; width: 160px; height: 46px;}

	.dtlCtgyWrap{margin-bottom: 12px;}
}