/* common에 선언되어 있는거 상쇄하고 기본폰트크기 설정 상세*/
#ct .happy_wanted * {
	font-size:16px;
}
/* common에 선언되어 있는거 상쇄하고 기본폰트크기 설정 위지윅*/
.cke_editable .happy_wanted * {
	font-size:16px;
}

/* 공통 */
.happy_wanted {
	max-width: 860px;
	width: 100%;
	color: #333;
}

.happy_wanted * {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans KR' !important;
	letter-spacing:-0.5px;
	font-weight:normal;
}


/*전형단계*/
.happy_wanted .step-box {
	display:flex;
	flex-wrap: wrap;
	gap:10px;
	counter-reset: step;
}
.happy_wanted .step-box div {
	position: relative;
	display: flex;
	flex-basis: 100px;
	flex-shrink: 0;
	flex-grow: 0;
	width: 100px;
	height: 100px;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-size: 14px !important;
	background: #f7f7f7;
	border-radius: 50%;
	color:#222;
	padding-top:22px;
}
.happy_wanted .step-box div::before {
	content: counter(step);
	counter-increment: step;
	position: absolute;
	top: calc(50% - 27px);
	left: calc(50% - 12px);
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: #35BAAA;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	text-align:center;
}
.happy_wanted.templateC .step-box div {
	background-color: #fff;
}

/**************************************************************** 템플릿A **********************************************/
.happy_wanted.templateA {
	border:1px solid #eaeaea;
	border-radius:10px;
	overflow:hidden;
}
.happy_wanted.templateA .happy_wanted_subject {
	background: linear-gradient(to right, #f3fbfa 0%, #feeff9 100%);
	display: flex;
	flex-direction: column;
	gap:10px;
	padding: 30px;
	word-break: keep-all;
}
.happy_wanted.templateA .happy_wanted_subject .happy_wanted_subject_com span {
	display:inline-block;
	font-size:14px !important;
	font-weight: 500;
	letter-spacing:-1px;
	color:#35BAAA;
	background: rgba(255, 255, 255, 0.9);
	padding:10px 20px;
	border-radius:30px;
	border:1px solid rgba(53, 186, 170, 0.5);
}
.happy_wanted.templateA .happy_wanted_subject .happy_wanted_subject_title {
	font-size:36px !important;
	font-weight: 700;
	line-height:48px;
	letter-spacing:-2px;
	color:#35BAAA;
	margin-bottom:10px;
}
.happy_wanted.templateA .happy_wanted_subject .happy_wanted_subject_cate {
	display:flex;
	flex-direction: column;
	gap:5px;
}
.happy_wanted.templateA .happy_wanted_subject .happy_wanted_subject_cate > div {
	font-size:0px !important;
}
.happy_wanted.templateA .happy_wanted_subject .happy_wanted_subject_cate span {
	font-size:17px !important;
	font-weight: 500;
	letter-spacing:-0.5px;
	color:#333;
}
.happy_wanted.templateA .happy_wanted_subject .happy_wanted_subject_cate span:last-child {
	padding-left:10px;
}



.happy_wanted.templateA .happy_wanted_field_box {
	padding:30px;
	display:flex;
	flex-direction: column;
	gap:60px;
}
.happy_wanted.templateA .happy_wanted_field {
	display:flex;
	flex-direction: column;
	gap:20px;
}
.happy_wanted.templateA .happy_wanted_field .happy_wanted_field_title {
	font-size:22px !important;
	font-weight: 500;
	letter-spacing:-0.5px;
	color:#333;
}
.happy_wanted.templateA .happy_wanted_field .happy_wanted_field_title::before {
	content: '';
	display:inline-block;
	width: 4px;
	height: 18px;
	background-color: #35BAAA;
	border-radius: 2px;
	margin-right:10px;
}
.happy_wanted.templateA .happy_wanted_field .happy_wanted_field_row_box * {
	font-weight: 400;
	letter-spacing:-0.5px;
	color:#666;
	line-height:2.0;
}




/************************************************ 템플릿B ***********************************************/
.happy_wanted.templateB {
	overflow:hidden;
}
.happy_wanted.templateB .happy_wanted_subject {
	padding:0px 0px 60px 0px;
	display: flex;
	flex-direction: column;
	gap:10px;
	word-break: keep-all;
}
.happy_wanted.templateB .happy_wanted_subject .happy_wanted_subject_title {
	font-size:36px !important;
	font-weight: 700;
	line-height:48px;
	letter-spacing:-2px;
	color:#333;
	margin-bottom:10px;
}
.happy_wanted.templateB .happy_wanted_subject .happy_wanted_subject_cate {
	display:flex;
	flex-direction: column;
	gap:5px;
}
.happy_wanted.templateB .happy_wanted_subject .happy_wanted_subject_cate > div {
	font-size:0px !important;
}
.happy_wanted.templateB .happy_wanted_subject .happy_wanted_subject_cate div {
	display:flex;
	flex-wrap: wrap;
	gap:5px;
}
.happy_wanted.templateB .happy_wanted_subject .happy_wanted_subject_cate span {
	font-size:17px !important;
	font-weight: 500;
	letter-spacing:-0.5px;
	display:inline-block;
	border-radius:30px;
	padding:10px 20px;
	color: #35BAAA;
	background: #f3fbfa;
}




.happy_wanted.templateB .happy_wanted_field_box {
	display:flex;
	flex-direction: column;
	gap:60px;
}
.happy_wanted.templateB .happy_wanted_field {
	display:flex;
	flex-direction: column;
	gap:20px;
}
.happy_wanted.templateB .happy_wanted_field .happy_wanted_field_title {
	font-size:22px !important;
	font-weight: 700;
	letter-spacing:-0.5px;
	color:#222;
}
.happy_wanted.templateB .happy_wanted_field .happy_wanted_field_row_box * {
	font-weight: 400;
	letter-spacing:-0.5px;
	color:#333;
	line-height:2.0;
}


/**************************************************************** 템플릿C **********************************************/
.happy_wanted.templateC {
	overflow:hidden;
}
.happy_wanted.templateC .happy_wanted_subject {
	padding:0px 0px 60px 0px;
	display: flex;
	flex-direction: column;
	gap:10px;
	word-break: keep-all;
}
.happy_wanted.templateC .happy_wanted_subject .happy_wanted_subject_title {
	font-size:32px !important;
	font-weight: 700;
	line-height:48px;
	letter-spacing:-2px;
	color:#333;
	margin-bottom:10px;
}
.happy_wanted.templateC .happy_wanted_subject .happy_wanted_subject_cate {
	display:flex;
	flex-direction: column;
	gap:5px;
}
.happy_wanted.templateC .happy_wanted_subject .happy_wanted_subject_cate > div {
	font-size:0px !important;
}
.happy_wanted.templateC .happy_wanted_subject .happy_wanted_subject_cate span {
	font-size:15px !important;
	font-weight: 500;
	letter-spacing:-0.5px;
	color:#333;
}
.happy_wanted.templateC .happy_wanted_subject .happy_wanted_subject_cate span:last-child {
	padding-left:10px;
}



.happy_wanted.templateC .happy_wanted_field_box {
	display:flex;
	flex-direction: column;
	gap:40px;
}
.happy_wanted.templateC .happy_wanted_field {
	display:flex;
	flex-direction: column;
	gap:20px;
}
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title {
	font-size:18px !important;
	font-weight: 700;
	letter-spacing:-0.5px;
	color:#333;
}
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title .title_icon_01,
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title .title_icon_02,
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title .title_icon_03,
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title .title_icon_04,
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title .title_icon_05,
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title .title_icon_06 {
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:-3px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:20px 20px;
	margin-right:5px;
	color:#222;
}
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title .title_icon_01 {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 5h10'/%3E%3Cpath d='M7 10h10'/%3E%3Cpath d='M7 15h10'/%3E%3Cpath d='M3 5l1.5 1.5L7 4'/%3E%3Cpath d='M3 10l1.5 1.5L7 9'/%3E%3Cpath d='M3 15l1.5 1.5L7 14'/%3E%3C/svg%3E");
}
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title .title_icon_02 {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='6.5' r='3.5'/%3E%3Cpath d='M8 10.5L7 18l3-1.8L13 18l-1-7.5'/%3E%3C/svg%3E");
}
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title .title_icon_03 {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2.8l2.1 5 5.5.1-4.3 3.1 1.7 5.3L10 13.5 4.9 16.3l1.7-5.3L2.3 7.9l5.5-.1L10 2.8z'/%3E%3C/svg%3E");
}
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title .title_icon_04 {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='M10 6v4l3 2'/%3E%3C/svg%3E");
}
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title .title_icon_05 {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='5' cy='5' r='2'/%3E%3Ccircle cx='15' cy='10' r='2'/%3E%3Ccircle cx='5' cy='15' r='2'/%3E%3Cpath d='M7 5h5a3 3 0 0 1 3 3'/%3E%3Cpath d='M7 15h5a3 3 0 0 0 3-3'/%3E%3C/svg%3E");
}
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_title .title_icon_06 {
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='6' r='3'/%3E%3Cpath d='M3 16c0-3 3-5 5-5s5 2 5 5'/%3E%3Ccircle cx='15' cy='7' r='2'/%3E%3C/svg%3E");
}




.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_row_box {
	background:#F8F9FA;
	border-radius:10px;
	padding:30px;
	font-weight: 400;
	letter-spacing:-0.5px;
	color:#333;
	line-height:2.0;
}
.happy_wanted.templateC .happy_wanted_field .happy_wanted_field_row_box * {
	font-weight: 400;
	letter-spacing:-0.5px;
	color:#333;
	line-height:2.0;
}