@charset "utf-8";
@import url(./contents.css);
@import url(./sub01.css);
@import url(./sub03.css);
@import url(./sub05.css);
@import url(./sub06.css);



.bod_head .bod_search div {display:inline-block;}

/* 자투리시간거래소 - 채용정보 */
.bod_multiSearch.jobTotal li {border-bottom:1px solid #ddd;padding-top: 0.5em;padding-bottom: 0.5em;margin-top:0;margin-bottom:0;}
.bod_multiSearch.jobTotal li:nth-child(1) {padding-top:0;}
.bod_multiSearch.jobTotal li label 	{left: 0.5em;top:auto;}
.bod_multiSearch.jobTotal input[type="checkbox"] + label,
.bod_multiSearch.jobTotal input[type="radio"] + label {font-weight:500;}

.bod_multiSearch li.areaSelect div 						{display:inline-block;margin-right:.5em;}
.bod_multiSearch li.areaSelect div select:nth-child(2n){margin-left:.14em !important;}
.bod_multiSearch li.chkSelect div 		{line-height:2.94em;}
.bod_multiSearch li.chkSelect div p 	{display:inline-block;vertical-align:top;margin-top:0;margin-right:0.5em;}
.bod_multiSearch li.chkSelect div.chk2  {line-height:2em;}
.bod_multiSearch li.chkRadio 			{line-height:2.78888em;}
.bod_multiSearch li.chkRadio p			{display:inline-block;vertical-align:top;}

.bod_multiSearch.jobTotal .search_detail li:nth-child(1) {padding-top: 0.5em;}
.bod_multiSearch.jobTotal .search_detail {background:#f7f7f7;display:none;}
.bod_multiSearch.jobTotal .search_detail_btn {background:#2F3336;text-align:center;}
.bod_multiSearch.jobTotal .search_detail_btn button {background-color:#2F3336;color:#fff;padding:.75em 2em;width:100%;border-radius:.44em;}
.bod_multiSearch.jobTotal .search_detail_btn button:after {content:"";display:inline-block;margin-left:.44em;width:1em;height:1em;background:url(../img/sub/02/arrow_down_white.svg) no-repeat;}
.bod_multiSearch.jobTotal .search_detail_btn button.active:after {background-image:url(../img/sub/02/arrow_up_white.svg)}


.bod_list.bod_job .list_chk	input[type="checkbox"] + label:before		{top:0;}
.bod_list.bod_job .list_tit, 
.bod_list.bod_job .list_tit 		{width:60% !important;}
.bod_list.bod_job td.list_tit 				{position:relative;line-height:2em;}
.bod_list.bod_job td.list_tit .thumb	 	{position:absolute;top:50%;left:1em;transform:translateY(-50%);width:100px;height:100px;border-radius:10em;}
.bod_list.bod_job td.list_tit .no-img 		{background:#EEF2F5 url(../img/sub/02/bod_job_noimage.svg) no-repeat 50% 50%;}
.bod_list.bod_job td.list_tit .info			{padding-left:8em;}
.bod_list.bod_job td.list_tit .tit 		 	{display:inline-block;font-size:1.4em;font-weight:800;vertical-align:middle;}
.bod_list.bod_job td.list_tit .tit.end		{color:#888;}
.bod_list.bod_job td.list_tit .txt 			{color:#999;font-weight:500;margin-top:0;}
.bod_list.bod_job td.list_tit span.badge 	{margin-left:.5em;vertical-align:middle;line-height:2em;background:linear-gradient(180deg, #20D0FF 0%, #0061C2 100%);color:#fff;border-radius:.44em;padding:.44em .8em;font-size:.7em;}
.bod_list.bod_job td.list_tit span.end		{background:#ccc;}
.bod_list.bod_job td.list_tit ul li 				{position:relative;display:inline-block;font-size:.9em;padding:0 .5em;color:#666;font-weight:500;}
.bod_list.bod_job td.list_tit ul li:first-child 	{padding-left:0;}
.bod_list.bod_job td.list_tit ul li:after 			{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);border-right:1px solid #999;height:.6em;}
.bod_list.bod_job td.list_tit ul li:last-child:after {content:none;}
.bod_list.bod_job td.list_date span.date 		{display:block;font-size:.8em;color:#666;padding-top:1em;}

.bod_job_head {position:relative;margin:2em 0;}
.bod_job_head .s-title {margin-bottom:0;vertical-align:middle;}
.bod_job_head .btn {position:absolute;top:50%;right:0;transform:translateY(-50%);}

@media all and (max-width:1024px) {
	.bod_list.bod_job thead th:first-child, 
	.bod_list.bod_job tbody td:first-child {width:auto;}
}
@media (max-width: 640px) {
	.bod_multiSearch.jobTotal .search_detail_btn button {width:100%;}
	.bod_multiSearch.jobTotal input[type="text"] {width:30%;}
	.bod_multiSearch li.areaSelect div select:nth-child(2n) {margin-left:0 !important;}
	.bod_multiSearch li.chkSelect div {line-height:2em;}
	
	.bod_list.bod_job .list_tit, 
	.bod_list.bod_job .list_tit 		{width:100% !important;}
	.bod_list.bod_job td.list_tit .tit {font-size:1.2em;}
	.bod_list.bod_job td.list_tit .thumb {position:relative;top:auto;transform:inherit;left:auto;margin-bottom:1em;width:80px;height:80px;}
	.bod_list.bod_job td.list_tit .info  {padding-left:0;}
	.bod_job_head {margin:1em 0;}
	.bod_job_head .btn {position:relative;top:auto;right:auto;transform:inherit;float:none;width:100%;margin-top:.44em;}
	.bod_list.bod_job td.list_answer {width:auto;}
	.bod_list.bod_job td.list_tit span.badge {font-size:.6em;}
	
}

/* 자투리시간거래소 - 채용정보 지역별 상단 현황 */
.bod_status 					{background:url(../img/sub/02/bod_status_bg.png) no-repeat 1em 100% / 390px, linear-gradient(90deg, #0868BE 0%, #0051B0 100%);border-radius:1em 5em 1em 1em;padding:3em 0;}
.bod_status .data_box 			{float:left;width:40%;text-align:center;padding:0 3em;}
.bod_status .data_box p 		{position:relative;float:left;width:50%;color:#fff;margin-top:0;}
.bod_status .data_box p:first-child:after 	{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);height:3em;border-right:1px solid rgba(255,255,255,0.4);}
.bod_status .data_box p em.num 				{display:block;font-size:2.25em;font-weight:800;color:#1fc9f9;}
.bod_status .btn_box 		{float:left;width:60%;padding:0 3em;color:#fff;}
.bod_status .btn_box ul 	{margin:.44em 0 .8em;}
.bod_status .btn_box ul li	 {display:inline-block;}
.bod_status .btn_box ul li a {display: block;padding:.44em .8em;margin:.2em 0;color:#fff;background: rgba(0,0,0,0.25);font-size: .9em;border-radius: .44em;}

/* 자투리시간거래소 - 채용정보 날짜별 상단 현황 */

.bod_date 			{padding:3em;border-radius:1em 5em 1em 1em;background:linear-gradient(90deg, #0868BE 0%, #0051B0 100%);display:table;table-layout:fixed;}
.bod_date .cell 	{display:table-cell;vertical-align:middle;}
.bod_date .month 	{width:15%;}
.bod_date .month span 	{display:block;font-size:2em;}
.bod_date .month p 		{display:inline-block;vertical-align:middle;color:#fff;font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif;text-align:center;line-height:1.2;}
.bod_date .month:before {content:"";display:inline-block;width:70px;height:70px;margin-right:5px;vertical-align:middle;background:url('../img/sub/02/bod_date_icon.png') no-repeat 50% 50%;}


.bod_date .date_list {width:85%;padding-left:2em;}
.bod_date .date_list ul {margin:0 -5px;}
.bod_date .date_list ul li {float:left;width:calc(100% / 8 - 10px);margin:0 5px;}
.bod_date .date_list ul li a {display:block;text-align:center;padding:1em;color:#fff;border:1px solid rgba(255,255,255,0.4);border-radius:0.833333em;}
.bod_date .date_list ul li a.on {background:#47C8FF;border-color:#47C8FF;box-shadow:0 0 0.8em rgba(0,0,0,0.2);}
.bod_date .date_list ul li span.num {display:block;background:rgba(0,0,0,0.2);border-radius:1em;padding:0.277778em 0 ;font-size:0.833334em;margin-top:0.555556em;}


/* 자투리시간거래소 - 채용공고 클릭시 */
.tabsCont 			{display:none;}
.tabsCont.current 	{display:block;}

.detail-wrap span.date 				{color:#666;font-size:.9em;}
.detail-wrap .txt-box {margin:1em 0 2em;border-radius:.5em;padding:1em 1.5em;background:#f7f7f7;text-align:center;}
.detail-wrap .txt-box.txt2 {font-size:0.888889em;}

.detail-info .title 				{position:relative;background:#1E1F76;color:#fff;margin-top:1em;padding:3em;border-radius:1em 5em 1em 1em;}
.detail-info .title p 				{margin-top:0;}
.detail-info .title p.tit  {padding-right:5em;font-size:1.66666em;font-weight:700;margin:0 0 0.44em;}
.detail-info .title p.check  {color:#FFD057}
.detail-info .title p.check:before 	{content:"";display:inline-block;width:20px;height:20px;margin-right:0.2em;vertical-align:sub;background:url('../img/sub/02/detail_ico_chk.svg') no-repeat 50% 50%;}
.detail-info .title .btn 					{position:absolute;top:50%;transform:translateY(-50%);right:3em;}
.detail-info .title .img					{width:100px;height:100px;position:absolute;top:50%;transform:translateY(-50%);right:3em;border-radius:100%;}
.detail-info .title .no-img					{background:#EEF2F5 url(/common/img/board/sample_noimage.jpg) no-repeat 50% 50% / cover;}
.detail-info .summary 		{padding:2em;margin:1em 0 1.5em;border:1px solid #ddd;border-radius:1em;}
.detail-info .summary .box 	{float:left;width:50%;}
.detail-info .summary div.box:nth-child(1) {padding-right:1em;}
.detail-info .summary div.box:nth-child(2) {padding-left:1em;}
.detail-info .summary .box .tit {font-weight:800;font-size:1.2em;border-bottom:1px solid #ddd;padding-bottom:0.888889em;margin-bottom: 0.88889em;}
.detail-info .summary .box li strong {display:inline-block;width:6.3em;vertical-align:top;}
.detail-info .summary .box li span {display:inline-block;padding:.2em .8em;font-size:.8em;border-radius:.44em;color:#fff;}
.detail-info .summary .box li span.end {background:#ccc;}
.detail-info .summary .box li span.ing {background:#f64776;}
.detail-info .summary .txt-box {float:left;width:100%;margin-bottom:0;}

.info-view .manager {padding:2em 1em;border-top:3px solid #2F3336;border-bottom:1px solid #DFE4EF;}
.info-view .manager .logo {float:left;max-width:250px;max-height:250px;border-radius:1.11em;overflow:hidden;}
.info-view .manager .tit {font-size:1.4em;font-weight:700;}
.info-view .manager .info-wrap {float:left;width:calc(100% - 250px);padding-left:3em;}
.info-view .manager .info-wrap dl > dt {width:5em;color:#666;}
.info-view .manager .info-wrap dl > dt,
.info-view .manager .info-wrap dl > dd {display:table-cell;vertical-align:middle;border-bottom:none;padding:.24em 0;}
.info-view .manager .info-wrap .box {padding: .5em 1em;font-size: .9em;border-radius: .5em;border: 1px solid #DFE4EF;margin-top: .5em;}


@media (max-width: 1024px) {
	.bod_status {background:linear-gradient(90deg, #0868BE 0%, #0051B0 100%);}
	.bod_status .data_box,
	.bod_status .btn_box {width:100%;}
	
	.bod_status .data_box {margin-bottom:2em;}
	
	.bod_date {padding:2em;display:block;}
	.bod_date .cell {display:block;}
	.bod_date .month,
	.bod_date .date_list {width:100%;padding-left:0;}
	.bod_date .month {margin-bottom:1em;}
	.bod_date .date_list ul li a {padding:0.5em;}
	
	.detail-info .summary .box {float:none;width:100%;padding-right:0 !important;padding-left:0 !important;}
	.detail-info .summary .box .txt {margin-bottom:0.888889em;}
	
	.detail-info .title {padding:2.5em;}
	.detail-info .title p.tit {font-size:1.44em;}
	.detail-info .title .img {position:relative;top:auto;right:auto;transform:inherit;width:80px;height:80px;margin-bottom:1em;}
	
}

@media (max-width: 767px) {
	.detail-info .title p.tit {padding-right:0;}
	.detail-info .title .btn {position:relative;top:auto;right:auto;transform:inherit;margin-top:1em;}
	
}
@media (max-width: 640px) {
	.bod_date .date_list ul li {width:calc(100% / 4 - 10px);margin:5px;}
	.bod_date .date_list ul {margin:-5px;}
	
	.detail-info .title {padding:2em;}
	.detail-info .title p.tit {font-size:1.24em;}
	
	.detail-info .summary {padding:1.5em;}
	
	.detail-info .summary .box li strong {display:block;width:100%;}
	
	.detail-info .title .btn {width:100%;}
}

/* 자투리시간거래소 - 이력서 관리 */
.bod_list.resume .list_category {width:7%;}
.bod_list.resume .list_company {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;}
.bod_list.resume .list_dept {width:12%;}
.bod_list.resume .list_answer {width: 10%;}
.bod_list.resume .list_answer > span {display:block; margin:0 auto;padding:0.3em; text-align:center; max-width:4em; border-radius:4px; font-size:.95em;}
.bod_list.resume .answer_standby {border:1px solid #bbb;}
.bod_list.resume .answer_complete {border:1px solid #2F3336; background:#2F3336; color:#fff;}
.bod_list.resume .answer_end 	 {color:#4D545B !important;border:1px solid #bbb !important;background:#eee !important;}

/* 자투리시간거래소 - 이력서 관리 하단 배너 */
.resume-bnr {border-radius:.44em;padding:1.77773em;margin-top:2em;}
.resume-bnr.bg1 {background:#3493df url(../img/sub/02/resume_bnr_bg1.png) no-repeat 95% 50% / 180px;}
.resume-bnr.bg2 {background:#4931ad url(../img/sub/02/resume_bnr_bg2.png) no-repeat 95% 50% / 180px;}
.resume-bnr .tit {color:#fff;font-size:1.55556em;font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif;}
.resume-bnr .txt {color:rgba(255,255,255,0.6);}
.resume-bnr .btn {margin-top:1em;border:none;background-color:rgba(0,0,0,0.4) !important;color:rgba(255,255,255,0.9) !important;}

@media (max-width: 640px) {
	.resume-bnr.bg1,
	.resume-bnr.bg2 {background-size:150px;}
}
@media (max-width: 540px) {
	.resume-bnr.bg1,
	.resume-bnr.bg2 {background-image:none;}
}


/* 자투리시간거래소 - 이력서 작성 */
.resume_title {border-radius:.44em;background:#F8F8FC;padding:1em;margin-bottom:2em;}
.resume_title p {font-size:1.2222em;}
.resume_img.noimg {display:block;width:120px;height:140px;background:#EEF2F5 url(../img/sub/02/bod_job_noimage.svg) no-repeat 50% 50%;}

.resume_finish {margin-top:3em;background:#FAFBFC;text-align:center;padding:1em;border-radius:.44em;}
.resume_finish p:nth-child(2) {color:#b9b9b9;font-weight:400;}

#resumeWrite .write_area {position:relative;overflow:inherit;}
#resumeWrite .write_area .resume_btn {position:absolute;top:-3em;right:0;}
#resumeWrite .write_area .view_img {display:inline-block;vertical-align:top;}
#resumeWrite .write_area .view_info {display:inline-block;width:calc(100% - 10.58em);}
#resumeWrite .write_area .view_img dl {width:auto;}
#resumeWrite .write_area .view_img dl > dt {width:auto;border-bottom:none;}

.btnWrap.job {text-align:center;margin:2em 0 0;}


/* 개인정보수집동의 */
.agree-box {max-height: 11.5em;padding: 1em 1.5em;border:1px solid #ddd;overflow-y:auto;}


@media (max-width: 1024px) {
	#resumeWrite .write_area .view_img {display:block;}
	#resumeWrite .write_area .view_info {width:100%;}
}
@media (max-width: 640px) {
	.bod_write.write_area dl > dt .resume_img {margin:0 auto;}
	#resumeWrite .write_area .resume_btn {position:relative;top:auto;right:auto;text-align:right;margin-top:1em;}
}


/* 자투리시간거래소 - 공고등록 - 지원자관리 */
.posting-list {display:none;}
.applicant-manage .applicant-manage {position:relative;}
.applicant-manage .posting-btn {position:relative;width: 100%;z-index: 3;padding:1em;border: 1px solid #ddd;text-align: left;font-size:1.24em;font-weight: 600;border-radius:10px;background: #fff url(../img/sub/02/arrow_down_black.svg) no-repeat 98% 50%;box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.applicant-manage .posting-list {position:absolute;width:100%;left:0;transform: translateY(-6px);z-index:2;height:400px;overflow-y:scroll;background:#fff;padding:1.4em;border:1px solid #ddd;border-top: revert-layer;}
.applicant-manage .posting-list li a {display:block;padding-top:1em;padding-bottom:1em;border-bottom:1px dashed #ddd;}
.applicant-manage .posting-list li:first-child a {padding-top:0;}
.applicant-manage .posting-list li:last-child a {border-bottom:none;}
.applicant-manage .posting-list li span.badge {display:block;padding:.2em .4em;font-size:.8em;border-radius:.44em;color:#fff;text-align:center;max-width:4em;margin-bottom:0.7em;}
.applicant-manage .posting-list li span.ing {border:1px solid #2F3336;background:#2F3336;color:#fff;}
.applicant-manage .posting-list li span.end {border:1px solid #bbb;color:#4D545B;background:#eee;}
.applicant-manage .posting-list li p span.date {display:inline-block;color:#999;margin-left:1em;}
.applicant-manage .posting-list li p.txt {font-size:0.9em;}

.bod_applicant {padding:3rem;border:1px solid #ddd;border-radius:10px;margin:2em 0;}
.bod_applicant .title {position:relative;float:left;vertical-align:middle;border-radius:10px;padding:2em 3em;padding-left:5.5em;font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif;}
.bod_applicant .title:before {content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:70px;height:70px;display:block;background:url(../img/sub/02/icon_01.svg) no-repeat 50% 50%;}
.bod_applicant .title span {display:block;font-size:2em;color:#1f55b4;}
.bod_applicant .searchbox {float:right;;vertical-align:middle;}
.bod_applicant .searchbox strong {display:inline-block;width:8em;}

.bod_applicant .searchbox strong {display:inline-block;width:8em;}

/* 이력서 요청하기 */

.posting-apply .title {padding:2em;margin-bottom:1em;background:#2C2A8B;color:#fff;border-radius:10px;}
.posting-apply .title p 				{margin-top:0;}
.posting-apply .title p.tit  {font-size:1.25em;font-weight:700;margin:0 0 0.44em;}
.posting-apply .possible {border-radius:10px;border:1px solid #ddd;padding:2em;}
.posting-apply .possible span {color:#999;font-size:.9em;margin-left:5px;}
.posting-apply .possible li {line-height:2em;}

/* 온라인 지원하기 */

.posting-apply.online .title {padding:0;margin-bottom:1em;background:#fff;color:#333;border-radius:10px;}
.posting-apply.online .title p.tit  {font-size:1.25em;font-weight:700;margin:0 0 0.44em;}
.posting-apply .possible {border-radius:10px;border:1px solid #ddd;padding:2em;}
.posting-apply .possible span {color:#999;font-size:.9em;margin-left:5px;}
.posting-apply .possible li {line-height:2em;}
@media (max-width: 1024px) {
	.bod_applicant .title,
	.bod_applicant .searchbox {float:none;width:100%;}

}

@media (max-width: 640px) {
	.applicant-manage .posting-list li p span.date {display:block;margin-left:0;}
}


/* 구인공고 등록 */
.bod_write.nohidden {overflow:inherit;}
.pay-tip {position:absolute;top:50%;right:0;z-index:10;transform:translateY(-50%);}
.pay-tip .layer-open {display:block;}
.pay-tip .layer-bx {position:absolute;top:100%;right:0;display:none;background:#fff;border-radius:10px;border:1px solid #ddd;width:400px;padding:1em;}
.pay-tip .layer-bx strong {display:block;font-size:2em;margin-bottom:.5em;}




/* 포항사랑상품권 */

.franchise-box {display: table;position: relative;width: 100%;padding: 2em;background: #eef2f5;border-radius: 1em;table-layout: fixed;}
.franchise-box > div {display: table-cell;text-align: center;vertical-align: top;padding: 3em;background: #fff;}
.franchise-box > div .title {position: relative;font-size: 1.2em;font-weight: 700;margin-bottom: 0.5em;padding-top: 8em;}
.franchise-box > div .title:before { content: ''; position: absolute; top: 0; left: 50%;transform: translateX(-50%);width: 7em; height: 7em;}
.franchise-box .individual .title:before { background: url(/economy/img/sub/06/ico_01.png) no-repeat 0 0 / contain;}
.franchise-box .corporation .title:before {background: url(/economy/img/sub/06/ico_02.png) no-repeat 0 0 / contain;}
.franchise-box > div:nth-child(2){background: #FBFCFD;}

@media all and (max-width: 768px) {
    .franchise-box > div {  display: block; }
	.franchise-box .corporation{ border-left-width: 0; border-top: 1px solid #f7f2f2;}
}




*********************************************************
	레이어팝업
*********************************************************/
.off {display: none;}
.layerPopup {display: none;}
.layerPopup:after {content:'';display:block;position:fixed;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,.2);z-index: 9999;}
.layerPopup .pop-box {position: fixed;z-index: 9999999;top: 50%;left:50%;background: #fff;border-radius: 0px;overflow:hidden;box-shadow: 0 10px 25px rgba(28,35,45,.1);width: 900px;transform: translate(-50%, -50%);}
.layerPopup .pop-box .s-title {font-size: 1.3em;margin-top:1.5em;color:#333333;}
.layerPopup .pop-box .txt {padding:1.111112em;background:#f5f5f5;border-radius:.44em;}

.layerPopup .pop-tit{padding: 1em 4em 1em 1.4em;position:relative;background:#2c2a8b;}
.layerPopup .pop-tit p{font-family: 'TTWanjudaedunsancheB';font-size: 1.6em;display:inline-block;color: #fff;}

.layerPopup .pop-tit .state{position:absolute;right: 1.6em;font-size: 0.9em;top: 2em;font-weight: 500;}
.layerPopup .pop-tit .state span{padding:0.5em 0.8em;background:#333;border-radius:30px;color:#fff;}
.layerPopup .pop-tit .state span.ing{background-color:#f64776;}
.layerPopup .pop-tit .state span.end{background-color:#666;}

.layerPopup .pop-con {position:relative;height:calc(100% - 90px) !important;padding: 1em 1.5em;overflow-y:auto;max-height: 700px;font-size: 0.9em;}
.layerPopup .pop-con .btnL {text-align:left;}
.layerPopup .pop-con .btnC {text-align:center;}
.layerPopup .pop-con .btnR {text-align:right;}
.layerPopup .pop-con ul {border-top:2px solid #333;padding:1em 0;border-bottom:1px solid #e6e6e6;}
.layerPopup .pop-con ul li {line-height:2;}
.layerPopup .pop-con ul li span {color:#999;font-size:.9em;margin-left:5px;}
.layerPopup .pop-con .btnWrap {margin:2em 0 1em;}


@media screen and (max-width:1024px) {
	.layerPopup .pop-box{width:98%;}
	.layerPopup .pop-con{padding: 1em 1em 1em;max-height: 600px;}
}

@media screen and (max-width:640px) {
	.layerPopup .pop-tit{padding-right: 1.2em;}
	.layerPopup .pop-tit p{display:block;margin-top: 0.5em;}
	.layerPopup .pop-con{max-height:500px;}
}



/* 자투리시간거래소 메인 */

.deal-top {border-radius:20px 20px 0px 0px; background:#3F3DB2; padding:2.294em 8.6em 2.35em 3.52em; overflow:hidden;}
.deal-top .logo {float:left; padding-top:.4705em;  width:30.5%;}
.deal-top .txt {float:right; color:#fff; width:69.5%; padding-left:4.529em;}
.deal-top .txt p{font-size:1.058em;font-weight: 300;opacity: 0.8;}
.deal-top .txt .btn-box {margin-top:1em;}


.deal-top .btn {padding:.64em 1.43em; margin:.2em .1em; background-color:rgba(0, 0, 0, 0.20) !important; color:#fff !important; font-size:1.058em; border:0;}
.deal-top .btn:hover{background-color:#000 !important; color:#fff !important;}
.deal-top .btn.pink {background-color:#F64776 !important;}
.deal-top .btn.pink:hover {background-color:#b1103b !important;}

.deal-inner {padding:3.05em 3.53em 3.647em; background:#F8FAFC; border-radius:0px 0px 20px 20px;}
.deal-inner .item-wrap .swiper-slide {background:#fff;}
.deal-inner .item-wrap .swiper-slide img { display:block; width:100%; height:100%;}

.item-wrap {position:relative;}
.item-wrap .tit {margin:1em 0; font-family:'TTWanjudaedunsancheB';font-size:1.88em; color:#333;}
.item-wrap .top {background:#FAFAFA; border-radius:10px 10px 0 0; overflow:hidden; height:2.88em;}
.item-wrap .top .day {font-family:Montserrat; float:left; background:#F64776; padding:.705em .88em; border-radius:10px 0 0; color:#fff; font-weight:700;}
.item-wrap .top .news-tit {display:block; font-size:.94em; padding:.8em 1.0625em; color:#888; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.item-wrap .bottom {padding:1.235em 1.2em 1.45em;}
.item-wrap .bottom .subj {font-size:1.176em; font-weight:600; margin-bottom:1em; height:2.8em; overflow:hidden; color:#333;}
.item-wrap .bottom .txt {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#555;}
.item-wrap .bottom .txt .place {position:relative; color:#555; font-size:.94em; padding-right:.5em;}
.item-wrap .bottom .txt .place:before {content:""; position:absolute; width:1px; height:12px; background:#555; top:5px; border-radius:20px; right:0;}

.item-wrap .newsSwiper li{border:1px solid rgba(0, 0, 0, 0.10); border-radius:10px;}
.item-wrap .newsSwiper .more {display:block; position:absolute; top:0; right:0; width:.764em; height:2.5em; overflow:hidden; text-indent:-999px; background:url(/economy/img/sub/02/ico_news_more.svg) no-repeat 50% 50%; background-size:contain;}
.item-wrap .newsSwiper .item-board a {display:block; position:absolute !important; top:0; left:0; right:0; bottom:0; z-index:1; overflow:hidden; text-indent:-999px;}
.item-wrap .newsSwiper .item-board a:hover {border:2px solid #F64776; border-radius:10px;}

.item-wrap .control-box {display:block; position:absolute; top:0;padding:.4em .94em .5em .94em; right:0;}
.item-wrap .control-box > * {display:inline-block; vertical-align:middle;}
.item-wrap .control-box .prev {width:3.24em; height:1.77em; background:url(/economy/img/sub/02/ico_control_prev.svg) no-repeat 50% 50%;}
.item-wrap .control-box:before {content:""; position:absolute; width:1px; height:1.35em; background:rgba(0, 0, 0, 0.20); top:.588em; right:50%;}
.item-wrap .control-box .next {width:3.24em; height:1.77em; background:url(/economy/img/sub/02/ico_control_next.svg) no-repeat 50% 50%;}
.item-wrap .control-box .swiper-button-disabled {opacity:.3;}
.item-wrap .control-box button {text-indent:-9999px; overflow:hidden;}


.item-wrap .hireSwiper li{border:1px solid rgba(0, 0, 0, 0.10); border-radius:10px;}
.item-wrap .hireSwiper .more {display:block; position:absolute; top:0; right:0; width:.764em; height:2.5em; overflow:hidden; text-indent:-999px; background:url(/economy/img/sub/02/ico_hire_more.svg) no-repeat 50% 50%; background-size:contain;}
.item-wrap .hireSwiper .item-board a {display:block; position:absolute !important; top:0; left:0; right:0; bottom:0; z-index:1; overflow:hidden; text-indent:-999px;}
.item-wrap .hireSwiper .info {font-family:Montserrat; float:left; background:#3F3DB2; padding:.705em .88em; border-radius:10px 0 0; color:#fff; font-weight:700;}
.item-wrap .hireSwiper .item-board a:hover {border:2px solid #3F3DB2; border-radius:10px;}


/* 자투리 -배너,팝업 */

.popup-wrap {overflow:hidden; padding-top:2.35em; padding-bottom:.647em; margin:0 -1.235em;}
.popup-wrap .banner {float:left; width:50%; padding:1.235em; border-radius:1em;}

.banner .swiper-slide {border-radius:1em 1em 0 0 ; overflow:hidden;}
.banner .swiper-slide img {display:block; width:100%; height:100%;}

.banner .control {position:relative; text-align:center; padding:.8em 2.29em; background:#3C3C4F; border-radius:0px 0px 20px 20px; text-align:left;}
.banner .control * {display:inline-block;}
.banner .control-box {position:absolute; right:2.35em; top:48%; transform:translateY(-48%);}
.banner .control-box:before {content:""; position:absolute; width:1px; height:1.35em; background:rgba(255, 255, 255, 0.20); top:.176em; right:58%;}
.banner .control span {color:#fff; font-size:1.29em;}

.banner .control button {text-indent:-9999px; overflow:hidden;}
.banner .control button.swiper-button-disabled {opacity:.3;}
.banner .control .prev {background:url(/economy/img/sub/02/ico_popup_prev.svg) no-repeat center center; background-size:contain; width:.88em; height:.705em; margin:0 1.176em;}
.banner .control .stop {background:url(/economy/img/sub/02/ico_popup_stop.svg) no-repeat center center; background-size:contain; width:1.176em; height:1.176em;}
.banner .control .play {display:none; background:url(/economy/img/sub/02/ico_popup_start.svg) no-repeat center center; background-size:contain; width:1.176em; height:.88em;}
.banner .control .next {background:url(/economy/img/sub/02/ico_popup_next.svg) no-repeat center center; background-size:contain; width:.88em; height:.705em; margin:0 1.176em;}

.popup-wrap .popup {float:left; width:50%; padding:1.235em; border-radius:1em;}
.popup-wrap .popup .control {position:relative; text-align:center; padding:.8em 2.29em; background:#3C3C4F; border-radius:0px 0px 20px 20px; text-align:left;}
.popup-wrap .popup .control * {display:inline-block;}
.popup-wrap .popup .control-box {position:absolute; right:2.35em; top:48%; transform:translateY(-48%);}
.popup-wrap .popup .control-box:before {content:""; position:absolute; width:1px; height:1.35em; background:rgba(255, 255, 255, 0.20); top:.176em; right:58%;}

.popup .swiper-slide {border-radius:1em 1em 0 0 ; overflow:hidden;}
.popup .swiper-slide img {display:block; width:100%; height:100%;}

.popup .control span {color:#fff; font-size:1.29em;}
.popup .control button {text-indent:-9999px; overflow:hidden;}
.popup .control button.swiper-button-disabled {opacity:.3;}
.popup .control .prev {background:url(/economy/img/sub/02/ico_popup_prev.svg) no-repeat center center; background-size:contain; width:.88em; height:.705em; margin:0 1.176em;}
.popup .control .stop {background:url(/economy/img/sub/02/ico_popup_stop.svg) no-repeat center center; background-size:contain; width:1.176em; height:1.176em;}
.popup .control .play {display:none; background:url(/economy/img/sub/02/ico_popup_start.svg) no-repeat center center; background-size:contain; width:1.176em; height:.88em;}
.popup .control .next {background:url(/economy/img/sub/02/ico_popup_next.svg) no-repeat center center; background-size:contain; width:.88em; height:.705em; margin:0 1.176em;}

.info-wrap {overflow:hidden; margin:0 -1.235em;}
.info-wrap .box {width:100%; height:10em; padding:2em 2.35em; border-radius:20px;}
.info-wrap .info-box {float:left; width:50%; padding:0 1.235em;}
.info-wrap .box .info-tit {font-size:1.29em; font-weight:600; color:#333;}

.info-wrap .box .info-txt01 {position:relative; padding-top:1em; font-size:1.058em; color:#333;}
.info-wrap .box .info-txt01 .txt-black {position:absolute; top:1.55em; left:0; background:#3C3C4F; color:#fff; padding:.33em .88em; border-radius:50px; vertical-align:text-bottom;}
.info-wrap .box .info-txt01 .txt-purple {font-family:'Montserrat'; padding-left:2.2em; padding-right:.175em; color:#3F3DB2; font-size:2.175em; font-weight:800;}

.info-wrap .box .info-txt02 {position:relative; padding-top:1.5em; font-size:1.29em;}
.info-wrap .box .info-txt02 .txt-black {font-size:.81em; background:#3C3C4F; color:#fff; padding:.33em .833em; border-radius:50px;}
.info-wrap .box .info-txt02 .call {font-family:'Montserrat'; font-weight:600; color:#444;}

.info-wrap .left-box {position:relative; background:var(--gradation, linear-gradient(121deg, #EFF1FF 28.32%, #E5F3FB 70.23%));}
.info-wrap .left-box:before {content:""; position:absolute; bottom:0; right:2.117em; background:url(/economy/img/sub/02/obj01.png) no-repeat center center; background-size:contain; width:8.176em; height:8.117em;}
.info-wrap .right-box {border:1px solid rgba(0, 0, 0, 0.10); border-radius:20px;}


@media screen and (max-width:1024px) {
	.deal-top {padding:2.294em 3.5em 2.35em;}
	.deal-top .logo {float:none; width:100%; padding-bottom:1em;}
	.deal-top .txt {float:none; width:100%; padding-left:0;}	
	.deal-inner {padding:3.05em 2.1em 3.647em;}
	
	.info-wrap .left-box:before {right:.5em; width:7em; height:7em;}
	.info-wrap .box {padding:1.5em;}
	.info-wrap .box .info-txt02 {font-size:1.2em;}
	.info-wrap .box .info-txt02 .call {padding-left:.5em;}
}

@media screen and (max-width:850px) {
	.info-wrap .box {height:100%; text-align:center;}
	.info-wrap .left-box {margin-bottom:1em;}	
	.info-wrap .info-box {float:none; width:100%;} 
	.info-wrap .box .info-txt01 .txt-black {left:initial;}
	.info-wrap .box .info-txt02 {padding-top:1em;}
}

@media screen and (max-width:740px) {
	.item-wrap .bottom .subj {height:100%; text-overflow:ellipsis; white-space:nowrap;}
	.popup-wrap .banner, .popup-wrap .popup {float:none; width:100%;}
}

@media screen and (max-width:600px) {
	.info-wrap .left-box:before {display:none;}
}

@media screen and (max-width:550px) {
	.deal-inner {padding:3.05em 1.5em 3.647em;}
	.item-wrap .tit {font-size:1.6em;}
}

@media screen and (max-width:480px) {
	.deal-top {padding:2.294em 2.5em 2.35em;}
	.item-wrap .tit {margin-bottom:1.6em;}
	.item-wrap .control-box {top:12%;}
	
	.banner .control {padding:.8em 1.5em;}
	.banner .control-box {right:1.5em;}
	.banner .control .prev, .banner .control .next {margin:0 1em;}
	
	.popup-wrap .popup .control {padding:.8em 1.5em;}
	.popup-wrap .popup .control-box {right:1.5em;}
	.popup .control .prev, .banner .control .next {margin:0 1em;}	
}

@media screen and (max-width:450px) {			
	.info-wrap .box .info-txt01 {text-align:center;}
	.info-wrap .box .info-txt01 .txt-black {display:block; position:initial; text-align:center; margin-bottom:.5em;}
	.info-wrap .box .info-txt01 .txt-purple {padding-left:0;}
	
	.info-wrap .box .info-txt02 .txt-black {display:block; text-align:center;}
	.info-wrap .box .info-txt02 .call {padding-left:0; padding-top:.5em; text-align:left;}
}

@media screen and (max-width:385px) {
	.deal-top .btn {font-size:1em; padding:.64em 1em;}
}



/*신청페이지 공통*/
[class*="multiPurpose-"] .titleBox {position:relative;padding: 1.5em 2em;border:.5em solid #EEF2F5;margin-bottom:1em;}
[class*="multiPurpose-"] .subject {display:-webkit-box; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; font-family:'TTWanjudaedunsancheB',Helvetica,Arial,sans-serif; font-size:1.55554em; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.2em; max-height:2.5em;}
[class*="multiPurpose-"] .info {margin-top:.5em;}
[class*="multiPurpose-"] .info li {position:relative; padding:.2em .6em; font-size:1em; width:50%; float:left; text-align:left; color:#555;}
[class*="multiPurpose-"] .info li:before{content:''; position:absolute; top:13px; left:0; width:5px; height:5px; background:#b1b1b1; border-radius:100%;}
[class*="multiPurpose-"] .info li strong{position:relative; display:inline-block; margin-right:.5em; color:#222;}
[class*="multiPurpose-"] .info li.full {width:100%;}
[class*="multiPurpose-"] span.tag {display:inline-block; font-size:.8em; border-radius:.22em; background:#f9ebef; color:#f64776; border:1px solid #f64776; padding:.22em .66em; margin-bottom:.5em; margin-right:10px;}
[class*="multiPurpose-"] span.tag.end {background:#eee; border:1px solid #bbb; color:#555;}
[class*="multiPurpose-"] .btnWrap {text-align:right; margin:1em 0;}
[class*="multiPurpose-"] .btnBox {padding:1em; background:#f8fafc; border-radius:10px;}

.multiPurpose-list > ul > li a .state {position:absolute; display:inline-block; top:0; right:0; padding:.2em .8em; background:#ddd; color:#fff; font-weight:400;}

[class*="multiPurpose-"] .state[data-name="접수대기"] {background:#2c2a8b;}
[class*="multiPurpose-"] .state[data-name="접수중"]  {background:#f64776;}
[class*="multiPurpose-"] .state[data-name="접수마감"] {background:#4d545b;}
[class*="multiPurpose-"] .subject .state {color:#fff; font-size:0.63593em; padding:0.3em 0.5em; margin-right:0.5em;}


/* 포항바로가기(가칭/신규) - 다목적 신청페이지 복사 */
.multiPurpose-list.mokjuk {border-top:3px solid #2F3336;}
.multiPurpose-list.mokjuk > ul {border-bottom:1px solid #87898E;}
.multiPurpose-list.mokjuk > ul > li	{position:relative;}
.multiPurpose-list.mokjuk > ul > li > a {display:block; padding:1.5em;}
.multiPurpose-list.mokjuk > ul > li > a:hover {background:#fafbfc;}
.multiPurpose-list.mokjuk > ul > li:nth-child(even){border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
.multiPurpose-list.mokjuk > ul > li > a.txt-area {display:block;}
.multiPurpose-list.mokjuk > ul > li > .state{position:absolute; top:50%; right:2.222223em; transform:translateY(-50%); padding:2em 1em; background:#f64776; border-radius:50%;}
.multiPurpose-list.mokjuk > ul > li > a:hover > .subject {color:#2c2a8b;}

.multiPurpose-view.mokjuk .titleBox{CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;margin-bottom:2em;}
.multiPurpose-view.mokjuk .subject .state{display:block;width: 5em;height: 3em;line-height: 3em;text-align:center;padding:0;margin-bottom:0.5em;CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;position:absolute;right:-1em;top:-1em;}
.multiPurpose-view.mokjuk .subject{padding-right:2em;}
.multiPurpose-view.mokjuk .d-day{padding:0 0.7em; margin:0 0.4em; background:#4d545b; color:#fff; font-size:0.8em; border-radius:1em; display:inline-block;}
.multiPurpose-view.mokjuk .tip.check{background-color:#eef2f5;padding:0.4em 3.8em;background-position:2em;margin:0 -0.5em;margin-top:1em;position:absolute;left:0;right:0;top:92%;}

.confirm-wrap {padding:0.5em 1.5em; border-radius:50em; background-color:#f9f9f9;}
.confirm-wrap * {font-weight:500!important; font-size:1.1em!important;}
.confirm-wrap .tip {background-image:url(/_guide/img/menu/ico_tab5_on.svg); padding-left:1.6em!important;}
@media (max-width:1024px) {
	.bod_edu .list-ul > li {float:none; width:100%;}
	.multiPurpose-list.facility > ul > li {width:calc(50% - 20px);}
	.multiPurpose-list.edu > ul > li {padding:1em 1.65em;}
	.multiPurpose-list.edu > ul > li > a.btn {position:relative; top:auto; right:auto; transform:inherit; margin-top:10px;}
}
@media (max-width:640px) {
	.bod_head.apply .btn {display:inline-block;} 
	.bod_edu > ul > li {padding:1em;}
	.bod_edu > ul > li > a.btn {position:relative; top:auto; right:auto; transform:inherit;}
	.bod_view .view-area dt {padding:1em 0;}
	
	[class*="multiPurpose-"] .info li {width:100%;}
	.multiPurpose-list.edu > ul > li {padding:1em;}
	.multiPurpose-list.facility > ul > li {width:calc(100% - 20px);} 
	.multiPurpose-view .subject {font-size:1.55554em; display:block; overflow:unset; max-height:100%;}
	
}
@media (max-width:576px) {
	.bod_head.apply {padding-bottom:1em;}
	.bod_head.apply .page_total {position:relative; bottom:auto; left:auto;}
	.bod_head.apply .page_num {position:relative; bottom:auto; right:auto; margin-bottom:0;}
	

}
@media (max-width:415px) {
	.bod_edu .list-ul > li span {width:100%;}
}


/* 다목적접수 신청 - 231208 개발 맞춰서 추가 선언 */
@media (min-width:1025px) {
	.bod_multiSearch.mokjuk ul li:nth-child(1) .btn {margin-left:0.5em; border-radius:5px; margin-bottom:0;}
	.bod_multiSearch.mokjuk ul li:nth-child(2) select {width:15%; margin-right:0.5em;}
	.bod_multiSearch.mokjuk ul li:nth-child(2) input {width:30%;}
}
@media (max-width:1024px) {
	.bod_multiSearch.mokjuk ul li:nth-child(1) .hasDatepicker {width:45%;}
	.bod_multiSearch.mokjuk ul li:nth-child(1) span.w4 {width:10% !important;}
}

.multiPurpose-view.mokjuk .subject {font-size:1.85em;}
.multiPurpose-view.mokjuk .info {margin-top:1em; margin-bottom:2em;}
.multiPurpose-view.mokjuk .bod_view .view-area dt	{border-top:3px solid #2F3336; border-bottom:1px solid #DDD; padding:1em 1.42em; font-weight:700;}
.multiPurpose-view.mokjuk .bod_view .view-area dd {border-bottom:1px solid #DDD; padding:1em 1.42em;}

[class*="multiPurpose-"].mokjuk ul li {padding:1.5em;}
[class*="multiPurpose-"].mokjuk ul li:hover {background:#fafbfc;}
[class*="multiPurpose-"].mokjuk ul li .state {position:absolute; display:inline-block; top:0; right:0; padding:0.2em 0.8em; background:#ddd; color:#fff; font-weight:400;}
[class*="multiPurpose-"].mokjuk ul li .state.purpose_ing {background:#f64776;}
[class*="multiPurpose-"].mokjuk ul li .state.purpose_finish {background:#4d545b;}
[class*="multiPurpose-"].mokjuk ul li .state.purpose_ready {background:#2c2a8b;}
[class*="multiPurpose-"].mokjuk .info dt,
[class*="multiPurpose-"].mokjuk .info dd {float:left;}
[class*="multiPurpose-"].mokjuk .info dt {position:relative;font-weight:bold;padding: 0.2em 0.5em;box-sizing:border-box;}
[class*="multiPurpose-"].mokjuk .info dt:before{content:''; position:absolute; top:1em; left:0; width:5px; height:5px; background:#b1b1b1; border-radius:100%; vertical-align:middle;}
[class*="multiPurpose-"].mokjuk .info dd {padding: 0.2em 0;box-sizing:border-box;color:#555;}
[class*="multiPurpose-"].mokjuk .detailView {height:4em; font-weight:bold; background:#fff; border:1px solid #2F3336; border-radius:5px; color:#2F3336; transition:all 0.2s;}
[class*="multiPurpose-"].mokjuk .detailView:hover {background:#2F3336; color:#fff;}

@media (min-width:1025px) {
	[class*="multiPurpose-"].mokjuk ul li .info {width:86%;}
	[class*="multiPurpose-"].mokjuk ul li .info dt {width:12%;}
	[class*="multiPurpose-"].mokjuk ul li .info dd {width:36%;}
	[class*="multiPurpose-"].mokjuk ul li .detailView {position:absolute; top:50%; right:1.5em; transform:translate(0, -50%); width:16%;}
}
@media (max-width:1024px) {
	[class*="multiPurpose-"].mokjuk ul li {padding:2.5em 1.5em;}
	[class*="multiPurpose-"].mokjuk ul li .info dt {width:30%;}
	[class*="multiPurpose-"].mokjuk ul li .info dd {width:70%; word-break:keep-all;}
	[class*="multiPurpose-"].mokjuk ul li .detailView {width:100%; height:3em; line-height:3em; margin-top:0.5em;}
}

/* 다목적접수 상세 - 231208 개발 맞춰서 추가 선언 */
[class*="multiPurpose-"].mokjuk .subject .state {overflow: hidden;}
[class*="multiPurpose-"].mokjuk .subject .state span {display:block;}
[class*="multiPurpose-"].mokjuk .subject .state .test_waiting {background:#2c2a8b;}
[class*="multiPurpose-"].mokjuk .subject .state .test_accept  {background:#f64776;}
[class*="multiPurpose-"].mokjuk .subject .state .test_deadline {background:#4d545b;}

@media (min-width:1025px) {
	[class*="multiPurpose-"].mokjuk .titleBox  .info {width:100%;}
	[class*="multiPurpose-"].mokjuk .titleBox .info dt {width:10%;}
	[class*="multiPurpose-"].mokjuk .titleBox .info dd {width:38%;}
	[class*="multiPurpose-"].mokjuk .titleBox .detailView {position:absolute; top:50%; right:1.5em; transform:translate(0, -50%); width:16%;}
}
@media (max-width:1024px) {
	[class*="multiPurpose-"].mokjuk .titleBox {padding: 1em 1.5em;}
	[class*="multiPurpose-"].mokjuk .titleBox .info dt {width:30%;}
	[class*="multiPurpose-"].mokjuk .titleBox .info dd {width:70%; word-break:keep-all;}
	[class*="multiPurpose-"].mokjuk .titleBox .detailView {width:100%; height:3em; line-height:3em; margin-top:0.5em;}
}
@media (max-width:425px) {
	[class*="multiPurpose-"].mokjuk .titleBox .info dt {min-height: auto;}
	[class*="multiPurpose-"].mokjuk .titleBox .info dd {min-height: auto;}
}


/* 다목적접수 신청 - 231208 개발 맞춰서 추가 선언 */
.bod_write.mokjuk dl dt {color: #2F3336; font-weight:500; border-right:1px solid #d2d2d2; background:#fbfbfb; text-align:center;}
.bod_write.mokjuk select {margin-right: 1em;}
.bod_write.mokjuk #reduction_validate_rows .btn {color:#2F3336 !important;}
.bod_write.mokjuk #reduction_validate_rows .btn:hover {color:#fff !important;}


/* 지역경제활성화 */
.cateBox {position: relative; display:block; border-radius: 1em;border: 1px dashed #ddd; width:100%; height:100%; margin:1em 0 2em;}
.cateBox .tit {position:absolute; font-size: 1.2em;font-weight: 600;left: 2em;color: #111;font-weight: 800;top: 50%;transform: translateY(-50%);}
.cateBox .cate-list {padding: 1em 0;margin: 0 7em 0 10em;}
.cateBox .cate-list li { width: auto;}
.cateBox .cate-list li a{ display: block; padding: 0.5em 1em; font-size: 1.1em; color: #4D545B; text-align: center; border-radius: 50px;}
.cateBox .cate-list li.active a { font-weight: 600; color: #fff; background: #ddd; background: linear-gradient(180deg, #20D0FF 0%, #0061C2 100%);}
.cateBox .control {display:block;position: absolute;right: 1em;top: 1em;z-index:1;}
.cateBox .control > button {display: inline-block;width: 40px;height: 40px;text-indent: -9999px;background-image: url(/news/img/common/split_button_icon.png);background-repeat: no-repeat;vertical-align: middle;border-radius: 50%;overflow: hidden;cursor: pointer;border-color: #4d545b;background-color: #333;}
.cateBox .control > button:hover {border: 1px solid #ddd; background-color: #fff;}
.cateBox .control .prev:hover { background-position: 14px -164px;}
.cateBox .control .prev { background-position: -53px -163px;}
.cateBox .control .next:hover { background-position: 17px -133px;}
.cateBox .control .next { background-position: -50px -132px;}
.cateBox .slider {display:block; position:relative; height:100%; border-radius:.8rem; overflow:hidden;}
.cateBox .slider .swiper-container,
.cateBox .slider .swiper-wrapper,
.cateBox .slider .swiper-slide {height:100%;}
.cateBox .slider .swiper-slide > * {display:block;}

@media all and (max-width:640px) {
    .cateBox .tit {position:static; transform: initial; padding: 1.2em;}
	.cateBox .cate-list {padding-top:0; margin:0 15px;}
	.cateBox .cont-box {top:15px;right:15px;transform: initial;}

}