@charset "utf-8";
/* latest 2023.12.05 YHY  */
/* latest 2023.12.21 YHY  */
/* latest 2024.01.08 YHY  */



/* 01.list style*/

/* common */
.btn_tab_wrap {width: 100%;display: block;float: left;text-align: center;margin-bottom: -1px;}
.fclear:after{content:'';display:block;clear:both;}
.btn_wrap {text-align:center;}
.subCon > div ul>li{/* list-style:none; */}
.subCon > div ul.tab_rdo_list{padding-left:0;}



/* TOP searchbox */
.srch_wrap {}
.clsInfoDiv .srch_wrap {border: 1px solid #ccc; box-sizing: border-box; box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);}

.btn_tab_wrap .btn_tap {width: 33.3333333%;float: left;padding:10px 15px;background:#f7f7f7;border: 1px solid #d8d8d8;border-bottom: 2px solid #ccc;color:#333;font-weight:600;font-size:17px;box-sizing: border-box;}
.btn_tab_wrap .btn_tap.on {background: #fff;border: 2px solid #ccc;border-bottom-color: #fff;}
.btn_tab_wrap .btn_tap.on + .btn_tap,
.btn_tab_wrap .btn_tap:last-child:not(.on) {border-left:none;}
.btn_tab_wrap .btn_tap:first-child:not(.on) {border-right:none;}
.btn_tab_wrap .btn_tap:last-child {float:right;}

/* .tab_cnt_wrap {padding: 30px;border-top:none;width: 100%;float: left;box-sizing: border-box;} */
.tab_cnt_wrap {border-top:none;width: 100%;float: left;}
.tab_cnt_wrap .tit_sub {position: absolute; left: 50%; transform: translateX(-50%); width: 150px; padding: 10px; top: 33px; /*background: #333;*/
	font-size: 13px; letter-spacing: -0.5px; /*color: #fff;*/ font-family: 'Noto Sans KR';
    line-height: 120%; box-sizing: border-box; border-radius: 3px; display: none; z-index: 2; word-break: keep-all; word-wrap: break-word;}
.tab_cnt_wrap .tit_sub:before {content: "";display: inline-block;position: absolute;top: -6px;left: 50%;margin-left: -5px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 6px solid #333;}
.tab_cnt_wrap .btn-blue-bg {padding:10px 20px;border-radius:3px;}
.tabSrchWrap {width:100%; float:left;border: 2px solid #ccc;border-top: none;box-sizing: border-box;margin-top: -2px;text-align: center;box-sizing: border-box;}
.tabInfoGuide {text-align:center; box-sizing:border-box;font-size: 15.5px;letter-spacing: -0.5px;background: #f9f9f9;padding: 20px 30px;display: inline-block;margin: 25px auto 10px;font-family: 'Noto Sans KR';border-radius: 3px;word-break: keep-all;word-wrap: break-word;max-width: 95%;}

.tab_chk_list ul {padding:15px !important; box-sizing:border-box;}
.tab_chk_list ul li {display:table;float:left;width:25%;height:32px;font-size:13px;text-align:left;padding-right:5px;box-sizing:border-box;}
.tab_chk_list ul:after{content:'';display:block;clear:both;}
.tab_chk_list + .tab_chk_list {position:relative; padding-top: 20px;box-sizing: border-box;}
.tab_chk_list + .tab_chk_list:after {content:'';display: block;position: absolute;top:0;left: 50%;transform: translateX(-50%);width: calc(100% - 40px);height:1px;background: #cccccc;}
.tab_chk_list .sbj_list li label {padding-left:55px!important; color: #222; font-size: 15.5px; font-weight: 600;}
.tab_chk_list .sbj_list li input[type="radio"] + label:after {top:8px;}
.tab_chk_list .sbj_list li label:before {top:3px!important;}



.wztable.srch_rslt {border-collapse: collapse;border-top: 2px solid #14375A;}
.wztable.srch_rslt thead tr th {border-bottom-color:#ccc;}
.wztable.srch_rslt tbody tr:nth-child(odd) td {background:#fff;}
.wztable.srch_rslt tbody tr th {padding:25px 5px 20px 13px; border-bottom:1px solid #f3f3f3; border-top:2px solid #e4e5ea; font-size: 19px; text-align:left; vertical-align:top; background:#f9f9f9;}
.wztable.srch_rslt tbody tr th a:hover {text-decoration:underline;}
.wztable.srch_rslt tbody tr td {padding:10px 8px;}
.wztable.srch_rslt tbody tr td.job_exp {padding:25px 10px 20px 0; font-size:15px; background:#f9f9f9; border-top:2px solid #e4e5ea; border-bottom:1px solid #f3f3f3;}
.wztable.srch_rslt tbody tr td.job_exp>div {display:inline-block;}
.wztable.srch_rslt tbody tr td.job_exp>div span {color:#444;}
.wztable.srch_rslt tbody tr td.job_exp>div strong {font-size:14.5px; color:#0e3d7d;}
.wztable.srch_rslt tbody tr td.job_exp>div:after {content:"";width:1px; height:15px; background:#333; opacity:0.4; display:inline-block;
												  vertical-align:middle; margin:0 7px 0 10px;}
.wztable.srch_rslt tbody tr td.job_exp>div:last-child:after {display:none;}
.wztable.srch_rslt tbody tr td.job_def {font-size: 17.5px;padding: 12px 10px 30px 25px;line-height: 1.7em; text-indent:-11px;}
.wztable.srch_rslt tbody tr td.job_def:before {content:"";width:5px;height:1px;background:#555;display:inline-block;vertical-align:middle;margin-right:5px;}
.wztable.srch_rslt tbody tr td.job_def span {color:#536f90; font-weight: 600;}
.wztable.srch_rslt tbody tr td.job_similar {padding:2px 10px 12px 100px; background:#fff; font-size:16px; line-height:160%; text-indent:-73px;}
.wztable.srch_rslt tbody tr td.job_similar strong {font-size:13px; padding:5px 9px; border-radius:3px; background:#2596c2; background:#dadada; margin-right:5px; font-weight:400;}


/* .tab_rdo_list li {float:left;} */
.tab_rdo_list li {padding: 5px 10px 5px 0;font-size:15px;box-sizing: border-box;float: left;width: 100%;color: #555;font-size: 15px;}
.tab_rdo_wrap .tab_list_box:first-child li:first-child label {min-width: 109px;text-align: left;}
.tab_rdo_wrap .tab_list_box:not(:first-child) li:first-child label {min-width: 136px;text-align: left;}
.tab_rdo_wrap .tab_list_box:not(:first-child) li:nth-child(3) label {min-width: 136px; padding-right: 30px;}
.tab_rdo_list li:last-child {margin-right:0;}
.tab_rdo_list:after{content:'';display:block;clear:both;}
.tab_cnt_wrap .rdo_tit{float:left;width:100%;font-size:18px;line-height:28px;}
.tab_rdo_list li input[type="radio"]:checked + label .bc_star:before {color: #f17a03;}
.tab_rdo_list li input[type="radio"]:checked + label {font-weight:600;}
.subCon .tab_rdo_wrap {padding: 15px 20px 20px !important;}

.tab_list_box {float:left;width:calc(100% / 4);margin-bottom:10px;}
.tab_rdo_wrap:after {content:'';display:block;clear:both;}


/* 조건 검색 */
.bc_star{margin-right:5px;}
.bc_star:before {color: #f17a03;color: #bdbab2;height: 100%;font-size: 12px;transition: color 0.2s;}
.bc_star.col1:before{content: "\f005\f005\f005\f005";font-family: FontAwesome;}
.bc_star.col2:before{content: "\f005\f005\f005\f006";font-family: FontAwesome;}
.bc_star.col3:before{content: "\f005\f005\f006\f006";font-family: FontAwesome;}
.bc_star.col4:before{content: "\f006\f006\f006\f006";font-family: FontAwesome;}


.tab_chk_list{display:inline-block;padding: 20px;box-sizing: border-box;}
.tab_chk_list label {font-size: 15px;letter-spacing: -0.5px;display:inline-block;
					word-break:keep-all;word-wrap: break-word;text-indent:0px;line-height:140%; text-indent: -27px;
					padding: 0 10px 5px 27px;box-sizing: border-box;color:#555;cursor:pointer;font-family: 'Noto Sans KR';}
.tab_chk_list label:hover {font-weight:600;cursor: pointer !important;}
.tab_chk_list label:before {margin-top: 0px !important;}
.tab_chk_list input[type="checkbox"]:checked + label:before {text-indent: 0; font-weight: 200;}
.tab_chk_list input[type="checkbox"]:checked + label {color:#222; font-weight:600; font-size:15.5px;}
.tab_chk_list input[type="checkbox"]{/* display:none; */margin-right:5px; width:15px;vertical-align:top;cursor:pointer;}

/* 적성유형별 탐색 */
.btn_circle_wrap{padding: 20px 5px 0px;text-align:center;}
.btn_circle_wrap button{width: 88px;height: 88px;margin: 0px 0px 8px;border-radius: 3px;background: linear-gradient(#37886d, #2f7961);position: relative;transition: background 0.5s;}
.btn_circle_wrap button:hover {font-weight:600;background: linear-gradient(#7dbd56, #6aa347);}
.btn_circle_wrap .btn_txt{font-size: 15px;color: #fff;word-break: keep-all;word-wrap: break-word;letter-spacing: -0.5px;font-family: 'Noto Sans KR';}
.btn_circle_wrap .tit_cnt {position: absolute; left: 50%; transform: translateX(-50%); width: 112px; padding: 10px; top: 96px; background: #333;
    						font-size: 13px; letter-spacing: -0.5px; color: #fff; font-family: 'Noto Sans KR'; line-height: 120%;
							 box-sizing: border-box; border-radius: 3px; display: none; z-index: 2; word-break: keep-all;  word-wrap: break-word;}
.btn_circle_wrap button:hover .tit_cnt {display:inline-block;}
.btn_circle_wrap .tit_cnt:before {content:"";display: inline-block;position: absolute;top: -6px;left: 50%;margin-left: -5px;width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 6px solid #333;}

.btn_circle_wrap button::before {content:"";width: 21px;height: 20px;display: inline-block;margin-bottom: 5px;}
.btn_circle_wrap button:nth-of-type(1):before {background: url('/images/jinhak/module/openapi/career/jobinfo/ico-health.png') no-repeat;background-size: contain;}
.btn_circle_wrap button:nth-of-type(2):before {background: url('/images/jinhak/module/openapi/career/jobinfo/ico-hands.png') no-repeat;background-size: contain;}
.btn_circle_wrap button:nth-of-type(3):before {background: url('/images/jinhak/module/openapi/career/jobinfo/ico-space.png') no-repeat;background-size: contain;}
.btn_circle_wrap button:nth-of-type(4):before {background: url('/images/jinhak/module/openapi/career/jobinfo/ico-music.png') no-repeat;background-size: contain;}
.btn_circle_wrap button:nth-of-type(5):before {background: url('/images/jinhak/module/openapi/career/jobinfo/ico-think.png') no-repeat;background-size: contain;width: 14px;}
.btn_circle_wrap button:nth-of-type(6):before {background: url('/images/jinhak/module/openapi/career/jobinfo/ico-talk.png') no-repeat;background-size: contain;width: 23px;height: 13px;margin-top: 5px;}
.btn_circle_wrap button:nth-of-type(7):before {background: url('/images/jinhak/module/openapi/career/jobinfo/ico-math.png') no-repeat;background-size: contain;}
.btn_circle_wrap button:nth-of-type(8):before {background: url('/images/jinhak/module/openapi/career/jobinfo/ico-mind.png') no-repeat;background-size: contain;}
.btn_circle_wrap button:nth-of-type(9):before {background: url('/images/jinhak/module/openapi/career/jobinfo/ico-person.png') no-repeat;background-size: contain;}
.btn_circle_wrap button:nth-of-type(10):before {background: url('/images/jinhak/module/openapi/career/jobinfo/ico-nature.png') no-repeat;background-size: contain;}
.btn_circle_wrap button:nth-of-type(11):before {background: url('/images/jinhak/module/openapi/career/jobinfo/ico-eyes.png') no-repeat;background-size: contain;}

	/* 200120_학과정보 카테고리 디자인 추가 */
	.tooltip_inner > div.tit_sub{width: max-content;max-width: 460px;left: 50%;transform: translateX(-50%);top: 30px;z-index: 3;background: #fff;transition: width 0.5s;}
	.tooltip_inner > div.tit_sub .tiptxt {padding: 6px 15px;font-size: 14px;line-height: 130%;font-family: 'Noto Sans KR';letter-spacing: -0.5px;}
	.tooltip_inner > div.tit_sub .tiptxt b {color:#2c73b9; font-weight: bold!important;}
	
	.tab_chk_list .sbj_tit{float: left;width: 15%;padding: 20px 0 20px 20px;font-size: 20px;color: #ffffff;text-align: left;box-sizing: border-box;background: #8f82bc;}
	.tab_chk_list:after{content:'';display: block; clear:both;}
	.tab_chk_list .sbj_list{display:inline-block;width: 85%;padding: 0 15px!important;}

	.listcoBox.major {min-height: auto;}
	.listcoBox.major .job_def {margin-top: 5px;padding-bottom: 5px;}

	@media screen and (min-width:991px) and (max-width:1299px){
		.tooltip_inner > div.tit_sub {width: 650px;}
	}
	@media screen and (max-width:799px){
		/* .tooltip_inner > div.tit_sub {width:300px; height: 70vh; overflow-y: scroll;} */
		.tab_chk_list .sbj_tit {font-size:18px;width: 20%;}
		.tab_chk_list .sbj_list {width: 80%;}
	}

/* search result list */
.listTtlNum {font-size:17px;padding:20px 5px;box-sizing:border-box;}
.listTtlNum .grey {display:block;padding-top: 5px;font-size: 15px;opacity: 0.9;line-height: 140%;word-break: keep-all;word-wrap: break-word;}
	
	/* pad */
	@media screen and (min-width:800px) and (max-width:1051px){
		.srch_wrap .srchbox .srch_inp {width:30% !important;}
	}

	/* mobile */
	@media screen and (max-width:799px){
		.btn_circle_wrap button{width: 95px;height: 95px;margin-bottom: 4px;}

		.srch_wrap{padding: 0;}
		.srchbox {padding:0 20px 20px}
		.srchbox.txt-c {padding: 10px 20px 0;}
		.tab_chk_list li {width:50%;}
		.subCon .tab_rdo_wrap {padding:10px 20px!important;}
		.tab_cnt_wrap .rdo_tit {font-size: 17px;}
		.btn_tab_wrap:after{content:'';display:block;clear:both;}
		.btn_tab_wrap.inline.mr2{margin-right:0;}

		/* 조건 검색 */
		.tab_chk_list ul li{width:50%;}
		.tab_list_box{width:calc(100% / 2);margin-bottom: 25px;}


		/* 하단 테이블 */
		.listTtlNum{width:100%!important;}
		.sle_wrap{width:100%!important;padding-bottom:10px;}
		.wztable.srch_rslt tbody tr td.job_def{font-size:14px;}
		.wztable.srch_rslt tbody tr td.job_similar{font-size:14px;}
		.wztable.srch_rslt tbody tr th {padding:15px 5px 10px 13px;font-size:17px; float:left; width:100%; box-sizing:border-box;}
		.wztable.srch_rslt tbody tr td.job_exp {padding:15px 10px 10px 0; font-size:13px; float:left; width:100%; box-sizing:border-box; line-height:20px;}
		
		.wztable.srch_rslt tbody tr td.job_exp>div {width:49%;}
		.wztable.srch_rslt tbody tr td.job_exp>div:after {display:none;}

		/* 툴팁 */
		.tooltip_box .tooltip>div {left:-288px;}
		.srchbox .srch_inp {float:left;width: 70%!important;}
		.srchbox .btn-srch {width: 30%!important;}
		.tooltip {display:none!important;}
	}
	@media screen and (max-width:440px){
		.srchbox .srch_inp{float:left;width:78%!important;}
		.srchbox .btn-srch{width:22%!important;}
	}
	@media screen and (max-width:424px){
		.bc_star{display:none;}
		.srchbox .srch_inp{width:73%!important;}
		.srchbox .btn-srch{width:27%!important;}
		.btn_tab_wrap .btn_tap{font-size:13px;}

	}








/* 02.detail style*/
.occpInfoDetailArea.occpInfoDetail {width: 100%; float: left; border-top: none; box-sizing: border-box; padding: 0 10px; margin-bottom: 20px;}
.job_info_top {margin-top: 30px;float: left;width: 100%;margin-bottom: 20px;padding: 10px;background: url('/images/wzwg/site/mngr/pt_slash.png');box-sizing: border-box;}
.job_info_top p {display:inline-block;width: 100%;margin:0;padding: 20px; font-size:18px; color:#333;line-height: 150%;box-sizing: border-box;background: #fff;}
.job_info_top p strong {font-size:22px; color:#000;}

.job_info_table {width: calc(100% - 20px);border-top: 1px solid #14375A;overflow:hidden;margin: 0 10px 50px;}
.job_info_table dt {float:left;width:20%;padding:20px 0;border-bottom:1px solid #d6d6d6;background: #FAF9F9;text-align:center;font-size: 17px;font-weight:600;color: #14375A;white-space:nowrap;overflow:hidden;}
.job_info_table dd {float:left;width: 30%;padding: 20px 0 20px 20px; border-bottom:1px solid #d6d6d6;font-size: 17px; color:#333; list-style:none !important;min-height: 60px;box-sizing: border-box;}
.job_info_table dt:nth-last-of-type(-n+2) {border-bottom: 1px solid #14375A;}
.job_info_table dd:nth-last-of-type(-n+2) {border-bottom: 1px solid #14375A;}
.job_info_table dt:nth-of-type(3) {clear:both;}

.txt_group strong {display:inline-block;color: #14375A;font-weight:600;padding-bottom:2px;border-bottom: 1px solid #14375A;}
.txt_group strong.job_name {color:#0c4ca3; display:inline-block; border-bottom:0; margin:0 5px 0 0;}
.txt_group p {margin-top:15px;padding-left: 4px;font-size: 17px; color:#333;opacity: 0.8;line-height:1.8em;}
.txt_group p.comment {margin:0 0 30px 0;}
.txt_group p.pay {border:6px solid #e2e6e9; margin-left:0px; padding:10px 0; text-align:center; font-weight:600; color:#39438a;}
.txt_group a {color: #14375A;border-bottom: 1px solid #14375A;font-weight:600;}
.txt_group .listtit + .jinhak_tablebasic02 {width: calc(100% - 15px) !important; margin-left: 15px;}

.txt_group dl {position:relative; border-top:1px solid #a3cede; border-bottom:1px solid #a3cede; overflow:hidden;}
.txt_group dl dt {float:left; width:20%; padding:20px 0;font-size: 17px; font-weight:600; color:#000; text-align:center; white-space:nowrap; border-bottom:1px solid #d6d6d6;}
.txt_group dl dd {float:left; width:76%; padding:20px 2%; font-size:18px; color:#333; border-bottom:1px solid #d6d6d6; list-style:none !important;word-break: keep-all;word-wrap: break-word;}
.txt_group dl::after {content:""; display:block; clear:both;}
.txt_group dt:nth-last-of-type(-n+1) {border-bottom:0px;}
.txt_group dd:nth-last-of-type(-n+1) {border-bottom:0px;}

.txt_group dl.cate::before {content:""; position:absolute; top:0; left:0; z-index:-1; width:20%; height:100%; background:#a3cede;}
.txt_group dl.cate dt {width:16%; padding-right:2%; padding-left:2%; border-bottom:1px solid #fff; position:relative; white-space:nowrap;}
.txt_group dl.cate dt:nth-last-of-type(1) {border-bottom:1px solid #a3cede;}
.txt_group dl.cate dt:nth-last-of-type(-n+1) {border-bottom:1px solid #a3cede;}

.txt_group dl.link::before {content:""; position:absolute; top:0; left:0; z-index:-1; width:30%; height:100%; background:#a3cede;}
.txt_group dl.link dt {width:26%; padding-right:2%; padding-left:2%; border-bottom:1px solid #fff; position:relative; white-space:nowrap;}
.txt_group dl.link dt::after {content:""; width:43px; height:43px; background:#a3cede; position:absolute; top:9px; right:-22px; transform:rotate(45deg);}
.txt_group dl.link dt:nth-last-of-type(-n+1) {border-bottom:1px solid #a3cede;}
.txt_group dl.link dd {width:65%; padding:20px 0 20px 5%;}

.txt_group ul {padding-left: 20px;width: 100%;box-sizing: border-box;}
.txt_group ul:not(.info) li {/* margin-left:-22px; */font-size: 17px;line-height: 130%;color:#333; list-style:none !important;margin-top: 10px; position:relative;padding-left: 15px;word-break: keep-all;word-wrap: break-word;}
.txt_group ul:not(.info) li:first-child {margin-top:0;}
.txt_group ul:not(.info) li::before {content: '';position: absolute;top: 5px;left: 0;width: 2px;height: 10px;transform: rotate( 40deg );background: #1687ED;}

.txt_group .job_box {}
.txt_group .job_box li {margin-top:8px;}

.txt_group dl.list {margin-left: 16px; background:#fff; border:0;}
.txt_group dl.list dt {width:100%;padding: 0 0 5px 18px; border-bottom:0; text-align:left; position:relative; white-space:normal;}
.txt_group dl.list dt::before {content: '';position: absolute;top: 3px;left: 4px;width: 2px;height: 10px;transform: rotate( 40deg );background: #1687ED;}
.txt_group dl.list dd {float:right;width:99%;padding: 0 0 0 10px;margin: 5px 0 0 0;border:0;white-space:normal;font-size: 16.5px;line-height: 140%;box-sizing: border-box;}

.txt_group .chart {width:43%; padding:3%;border: 1px solid rgba(214,214,214,0.6);}
.txt_group .chart p {margin:0 0 10px 0; text-align:center; font-weight:600;}
.txt_group .chart dl.graph {background:#fff; padding:0; margin-top:15px; border:0; overflow:visible;box-shadow: 2px 3px 3px rgb(0 0 0 / 10%);}
.txt_group .chart dl.graph dt {width:17%; padding:0 0 0 3%; line-height:60px; text-align:left;}
.txt_group .chart dl.graph .male {background: #60c1bd;}
.txt_group .chart dl.graph .female {background: #f3eec0;}
.txt_group .chart dl.graph dd {width:80%; padding:0;line-height:60px; background:rgba(214,214,214,0.3);}
.txt_group .chart dl.graph dd em {display:block; width:96%;/* padding:0 2%; */height:100%; font-size:24px; font-weight:600; color:#000;/* min-width: 85px; */white-space: nowrap;text-indent: 10px;box-sizing: border-box;}

.txt_group .chart div.graph {}
.txt_group .chart100 {width:94%; padding:3%; border:1px solid rgba(214,214,214,1);}
.txt_group .chart100 p {margin:0 0 10px 0; text-align:center; font-weight:600;}



.txt_group .chart ul.ability {margin-left:0; padding-left:0; font-size:0;}
.txt_group .chart ul.ability li {display:inline-block; width:30%; margin:0; margin-left:2%; padding:15px 1%; color:#000; font-weight:600; text-align:center; background:linear-gradient(#c3e4f1, #a3cede); box-shadow:1px 1px 0px rgba(0,0,0,0.5);}
.txt_group .chart ul.ability li:first-child {margin:0;}
.txt_group .chart ul.ability li::before {display:none;}

.scale-left {-webkit-animation:scale-left 1.0s cubic-bezier(.39,.575,.565,1.000) both; animation:scale-left 0.7s cubic-bezier(.39,.575,.565,1.000) both;}
  @keyframes scale-left {
	0% {transform: scaleX(0.5); transform-origin: 0% 0%;}
	100% {transform: scaleX(1); transform-origin: 0% 0%;}
}    

#jobviewChart {width:100%; height:420px; margin-top:15px; border:1px solid rgba(214,214,214,1);}
.txt_group em.indicator {display:block; text-align:right; font-size:14px; color:#666;}
.txt_group em.indicator i.fa-refresh {margin-right:10px;}

.job_table {width: 100%;border-top: 2px solid #14375A;border-bottom: 2px solid #14375A;}
.job_table tr:hover {background:#f4f4f4;}
.job_table th {border-left:1px solid #d6d6d6;border-bottom: 2px solid #ccc; background:#fafafc; font-size:18px; padding:20px 10px;}
.job_table th:first-child {border-left:0;}
.job_table td {font-size:16px; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; padding:10px;}
.job_table td:first-child {border-left:0;}



@media (max-width:999px){
	#TabMenu ul.job_view_tab {border-top:1px solid rgba(214,214,214,1);}
	#TabMenu ul.job_view_tab li {width:50%; border-top:0px;}
	#TabMenu ul.job_view_tab li:nth-child(odd) {margin-left:-30px; border-left:1px solid rgba(214,214,214,1);}
	#TabMenu ul.job_view_tab li:last-child {width:100%;}
	
	#TabMenu ul.major_view_tab {border-top:1px solid rgba(214,214,214,1);}
	#TabMenu ul.major_view_tab li {width:50%; border-top:0px;}
	#TabMenu ul.major_view_tab li:nth-child(odd) {margin-left:-30px; border-left:1px solid rgba(214,214,214,1);}
	
	.txt_group dl.cate::before {width:30%; background:#a3cede;}
	.txt_group dl.cate dt {width:26%; padding-right:2%; padding-left:2%;}
	.txt_group dl.cate dt::after {display:none;}
	.txt_group dl.cate dd {width:68%; padding:20px 0 20px 2%;}
	
	.txt_group dl.link::before {width:40%;}
	.txt_group dl.link dt {width:36%; padding-right:2%;}
	.txt_group dl.link dt::after {display:none;}
	.txt_group dl.link dd {width:55%;}
}
@media (max-width:899px){
	.txt_group .chart {width:94%; padding:3%;}
}
@media (max-width:799px){
    .job_info_table dt {width:30%;}
	.job_info_table dd {width:68%; padding:20px 0 20px 2%;}
	.job_info_table dt:nth-last-of-type(-n+2) {border-bottom:1px solid #d6d6d6;}
	.job_info_table dd:nth-last-of-type(-n+2) {border-bottom:1px solid #d6d6d6;}
	.job_info_table dt:nth-last-of-type(1) {border-bottom: 2px solid #2f7961;}
	.job_info_table dd:nth-last-of-type(1) {border-bottom: 2px solid #2f7961;}
}
@media (max-width:599px){
	.job_info_top {position:relative;/* top:50px; */ padding-top:25px; border-bottom:0;margin-top: 70px !important;}
	.job_info_top::before {position:absolute; top:-35px; left:50%; transform:translate(-50%); font-size:50px; text-align:center; width:50px; height:50px; border-radius:50%;border: 2px solid #2f7961; padding:20px !important;}
	.job_info_top p {display:block; margin-left:0 !important; padding:50px 0 15px 0; font-size:18px; color:#333; line-height:26px; margin-left:30px; text-align:center;}
	.job_info_top p strong {font-size:22px; color:#000;}
	
	.job_info_table dt {font-size:16px;}
	.job_info_table dd {font-size:16px;}
	
	.txt_group {margin:30px 10px;}
	.txt_group dl dt {font-size:16px;}
	.txt_group dl dd {font-size:16px;}
	
	.txt_group dl.cate::before {width:40%; background:#a3cede;}
	.txt_group dl.cate dt {width:36%; padding-right:2%; padding-left:2%; white-space:pre-line;}
	.txt_group dl.cate dt::after {display:none;}
	.txt_group dl.cate dd {width:58%; padding:20px 0 20px 2%;}
	
	.txt_group dl.link::before {width:30%; background:#fff;}
	.txt_group dl.link dt {width:96%; padding:10px 2%; background:#a3cede; border-bottom:1px solid #fff; position:relative; white-space:nowrap;}
	.txt_group dl.link dt:nth-last-of-type(-n+1) {border-bottom:1px solid #a3cede;}
	.txt_group dl.link dt::after {display:none;}
	.txt_group dl.link dd {width:96%; padding:10px 2%; text-align:center;}
	
	.txt_group .job_box li {margin-top:8px; font-size:16px;}
	
	.job_table th {padding:10px 5px; font-size:16px;}
	.job_table td {font-size:15px;}
}











/* 직업정보 new CSS - 220802 */
/*상단 검색바*/
.osanSrch.srch_wrap {border-color: rgba(0,0,0,0.05); background: #f9f9f9;float: left;padding-bottom: 0;}
.osanSrch.srch_wrap .srchbox {width: 100%;display: block;margin-bottom: 30px;background: transparent;}

/*하단 리스트*/
.listcoBox {width: 48%;margin-right: 4%;float: left;margin-bottom: 30px;border: 1px solid rgba(0,0,0,0.1);border-top-width: 3px;box-sizing: border-box;overflow: hidden;padding: 30px 25px;transition: border-color 0.5s;position: relative;min-height: 250px;}
.listcoBox:hover {border-top-color: #14375A;}
.listcoBox:nth-child(2n) {margin-right:0;}
.listcoBox:nth-child(2n+1) {clear:both;}
.listcoBox .jobTit {font-size:20px; font-weight:600;}
.listcoBox .jobInfo {width:100%; padding:15px 0; border-bottom:1px solid #ddd; margin-bottom:15px;}
.listcoBox .jobInfo dl {width:100%;position: relative;}
.listcoBox .jobInfo dt {display:inline-block;font-weight: 600;font-size: 14px;opacity: 0.7;font-weight: 400;letter-spacing: -0.5px;font-family: 'Noto Sans KR';}
.listcoBox .jobInfo dt:after {content:":";font-weight: 400;}
.listcoBox .jobInfo dd {display:inline-block;padding-right: 15px;font-size: 15px;color: #00bcd4;font-weight: 600;letter-spacing: -0.5px;font-family: 'Noto Sans KR';}
.listcoBox .jobInfo dd:not(:last-child):after {content:"";}
.listcoBox .job_def {font-size: 15px;word-break: keep-all;word-wrap: break-word;line-height: 130%;padding-bottom: 10px;font-family: 'Noto Sans KR';}
.listcoBox .jobKywrd {width:100%; display:block;padding: 9px 0 0 65px;box-sizing: border-box;position: relative;}
.listcoBox .jobKywrd .kyTit {font-size: 12px; font-weight:400;padding: 4px 7px;background: #2c73b9; color:#fff; border-radius:5px; letter-spacing:-0.5px;position: absolute;left: 0;top: 8px;font-family: 'Noto Sans KR';}
.listcoBox .jobKywrd .keywrdList {display:inline-block;letter-spacing: -0.3px;word-wrap: break-word;font-size: 14.5px;line-height: 140%;opacity: 0.6;font-family: 'Noto Sans KR';-webkit-line-clamp: 3;-webkit-box-orient:vertical;display: -webkit-inline-box;
white-space:normal;max-height: 61px;overflow: hidden;}
.listcoBox .jobKywrd .keywrdList:empty + .kyTit {display: none;}


	@media (max-width:799px){
		.listcoBox {width:100%;margin-right: 0;padding: 20px 15px;min-height: auto;margin-bottom: 20px;}
		.listcoBox .jobTit {font-size: 17px;}
		.listcoBox .jobInfo dd:nth-of-type(3) {/* min-width: 30%; */position: absolute;bottom: -1px;left: 56px;}
		.listcoBox .jobInfo dt:nth-of-type(3) {clear: both;display: block;}
	}




/* 통합검색 */
.srch_tab {margin-top:30px; box-sizing:border-box;}
.srch_tab .tab_list {display:flex; flex-flow:row wrap;}
.srch_tab .tab_list li {position:relative; flex-basis:8%; flex-grow:1; background:#fff; border-top:1px solid #bed8bf; border-bottom:1px solid #bed8bf; border-right:1px solid #bed8bf;}
.srch_tab .tab_list li:first-child {border-left:1px solid #bed8bf;}
.srch_tab .tab_list li.active::after {position:absolute; left:50%; bottom:-8px; content:''; width:0; height:0; border-top:8px solid #317963; border-left: 8px solid transparent; border-right: 8px solid transparent; transform: translate(-50%, 0);}
.srch_tab .tab_list li button {width:100%; padding:20px 2%; color:#676767; font-size:16.5px; font-weight:600; box-sizing:border-box;}
.srch_tab .tab_list li button span {font-size:14px; font-weight:normal;}
	.srch_tab .tab_list li.active {background:#317963;}
	.srch_tab .tab_list li.active button {color:#fff;}	

.osanSub + .txt_group {margin-top:30px;}
.srchbox.srchall {display:block !important; padding-top:0 !important; position:initial; background:transparent; border:none; box-shadow:none;}
.srchbox.srchall .wzbtn.btn-srch {margin-left:-4px;}
.srch_wrap .sbj_tit {color:#2f7961; font-size:20px;}
.osanSub + .srch::before {display:none;}
.bbsWrap::before {display:block; content:''; width:100%; height:50px; border-top:1px solid #ccc; background:transparent;}
.bbsWrap {margin-top:50px;}
.srch_tab + .bbsWrap::before {display:none;}
.bbsWrap .btn_addboard {padding:10px 90px; margin-top:30px; border:1px solid #ccc; border-radius:30px; box-sizing:border-box;}
.txt_group .info {display:flex; flex-flow:row wrap; padding:15px; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box;}
.txt_group .info li {position:relative; font-weight:600; box-sizing:border-box; overflow:hidden;}
.txt_group .info li::before {display:inline-block; font-family:'FontAwesome'; font-size:12px; font-weight:400; width:18px; height:18px; line-height:18px; vertical-align:1px; margin-right:6px; background:#666; color:#fff; text-align:center; border-radius:50%; box-sizing:border-box;}
	.txt_group .info .user {flex-grow:1;}
	.txt_group .info .date {flex-grow:1; font-weight:400;}
	.txt_group .info .file {flex-grow:2; max-width:60%;}
	.txt_group .info .file .fileWrap {width:calc(95% - 84px); padding:0; margin:0 0 0 5px; font-weight:400; font-size:14px;}
	.txt_group .info .file .fileWrap::before {content:''; display:inline-block; width:1px; height:15px; background:#999; margin-right:6px; vertical-align:-2px;}
	.txt_group .info .file .fileWrap span {display:inline-block; width:calc(100% - 12px); vertical-align:top; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; overflow:hidden;}
	.txt_group .info .file .fileWrap span + span {margin-left:12px;}

	.txt_group .info .user::before {content:"\f007";}
	.txt_group .info .date::before {content:"\f017";}
	.txt_group .info .file::before {content:"\f0c6";}
	
	.srch.txt_group .listtit a {color:#000 !important; border:none !important;}
	.srch.txt_group .info + p a,
	.txt_group .info .file .fileWrap a {color:#333 !important; font-weight:normal !important; border:none !important;}
	.srch.txt_group .listtit a b,
	.srch.txt_group .info + p a b {color:#197255;}

	@media (max-width:899px){
		.srch_tab .tab_list li {flex-basis:35%;}
		.srch_tab .tab_list li:nth-child(n+2) {margin-top:-1px;}
		.srch_tab .tab_list li:nth-child(2n+3) {border-left:1px solid #bed8bf;}
		.srch_tab .tab_list li.active::after {display:none;}
		.txt_group .info .file {max-width:none;}
		.txt_group .info .file .fileWrap {margin-top:5px;}
	}
	@media (max-width:899px) and (min-width:600px){
		.txt_group .info li:not(.file) {width:calc(100% / 2);}
		.txt_group .info .file {width:100%; max-width:none; margin-top:10px;}
		.txt_group .info .date {text-align:right;}
		
	}
	@media (max-width:799px){
		.srchbox.srchall {padding-top:20px !important;}
	}
	@media (max-width:599px){
		.txt_group .info li {width:100% !important;}
		.txt_group .info li + li {margin-top:10px;}
		.txt_group .info .file .fileWrap {width:100%;}
		.txt_group .info .file .fileWrap::before {display:none;}
		.txt_group .info .file .fileWrap span {width:calc(100% - 30px); margin-left:26px !important;}
	}