@charset "utf-8";
@import url('./schF_main.css');		/* 검색 메인화면 */
@import url('./reset.css');			/* 초기화 */
@import url('./swiper.min.css');	/* 멀티미디어 슬라이드 */

@media (min-width:1024px){	/* 태블릿 */}
@media(max-width:1024px){	/* 미디어 시작 */
	#wrap{min-width:100%;}
	#contents .cMain .cMenu{display:none;}
	#header .hMain .search{display:none;}
	#header .hMain .detatil_search{display:none;}
	#header .hMain .result_chang{display:none;}
	#contents .cMain .cRight .topic{display:none;}
	#contents .cMain .cRight .relation_con{display:none;}
	#contents .cMain .cRight .find_con{display:none;}
	#relation{display:none;}
	#header .hMain .hLogo{display:none;}
	.nav-wrap{display:block;}
	.align_kind{display:none;}
	#footer .sub_pack_btm{display:none;}
	#detailSearch{display:none !important;}
	
	.search_helf{margin:0; padding:20px 0; min-height:auto; border-bottom:1px solid #ddd;}
	.error_Box{margin:0; min-height:auto; border-bottom:1px solid #ddd; padding:0 0 20px 0; }
	.error_Box .right_bx{padding: 35px 0 0px 20px;}
	.error_Box .left_bx img{margin-left:15px;}
	
	#header .Mobile_search .mobil_logo{margin:10px 0px 5px 0px; height:35px;}
	#header .hMain{width:auto; padding:0; overflow: visible;}
	#header .hMain .search{width:auto; margin:0; float:none;}
	#header .hMain .Mobile_search{display:block; background-color:#ffff; width:auto; margin:0; float:none; z-index: 100; position: relative; text-align:center; padding:8px 0 8px 0;}
	#header .hMain .Mobile_search input{width: 70px; background-color: rgba(255, 255, 255, 0); color: rgba(255, 255, 255, 0); position: absolute; top: 15px; right: 4px; z-index: 100; height: 46px;}
	#header .hMain .Mobile_search .search_img{position: absolute; right: 15px; top: 22px;}
	#header .hMain .search_api{width:40%; height:46px;  margin:0; box-sizing: border-box;}
	#header .hMain .search_chang{ position: relative; width:98%; height:46px; padding: 0 68px 0 6px; margin:0 0 0 5px; box-sizing: border-box; z-index: 9999;}
	#header .hMain .search_chang .sc_input{width: 100%; margin:0; border:0; float:none; padding: 9px 0;}
	#header .hMain .search_chang .search_arrow{width:auto; margin:0; position: absolute; top: 8px; right: 16px; float:none;}
	#header .hMain .search_chang .search_arrow_off{width:auto; margin:0; position: absolute; top: 8px; right: 16px; float:none;}
	#rcmdResult{width: calc(100% - -6px); top: 41px; left: -3px; margin-left: 0;}
	#contents .cMain{width:auto; padding:0 20px 20px 20px; background-color:#fafafa;}
	#contents .cMain .cLeft{width:auto; min-height:0; background-color:#fff; float:none; padding:0 20px 0 20px;}
	#contents .cMain .cRight{padding: 50px 30px 30px 30px; border-right:1px solid #ebebeb; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb; background-color:#fff; overflow:hidden; clear:both; width:auto; float:none;}
	#contents .cMain .cRight .pop_con{width:auto; margin:0; border-bottom:0; padding-bottom:0;}
	#contents .cMain .cRight .pop_con .pop_conContent .pc_title_on{width:25%; box-sizing: border-box;}
	#contents .cMain .cLeft .integration_sc .integration_box img{width:100%; height:129px;}
	#contents .cMain .cLeft .intro dl{width:68%;}
	#contents .cMain .cLeft .multi_sc{border-bottom: 1px solid #ebebeb !important;}
	
	#footer{text-align:center; background-color: #e9ecef;}
	#footer .fmedia_lof{display:block; margin:17px 0;}
	#footer .fMain{width:auto; background-color: #007cb6;}
	#footer .fMain .logo{display:none;}
	#footer .fMain ul{display:none;}
	#footer .fMain address{display:none;}
	#footer .fMain .infor_copy {margin:0; float:none; text-align: center; color:#fff;}
}
/* 미디어 끝 */

@media(max-width:870px){	/* 미디어 시작 */
	#contents .cMain .main_account2_multi ul{width:22.9%; }
	.error_Box .right_bx{float:none; padding:0 0 20px 0; margin:0 auto; width: 90%;}
	.error_Box .left_bx{float:none; height:auto; text-align:center; padding:0;}
	.error_Box .left_bx img{margin-left:0;}
}/* 미디어 끝 */

@media screen and (max-width: 760px){
	nav .gnb li{width:25%}
	#contents .cMain .cLeft .PC_job_num{display:none;}
	#contents .cMain .cLeft .M_job_num{display:block;}
	#contents .cMain .cLeft .integration_sc .integration_txt2,
	#contents .cMain .cLeft .integration_sc .integration_txt2 .title,
	#contents .cMain .cLeft .integration_sc .integration_txt2 .list {display: block; width: 100%; box-sizing: border-box;}
	#contents .cMain .cLeft .integration_sc .integration_txt2 .list ul {display: inline-block; width: 100%;}
	#contents .cMain .cLeft .integration_sc .integration_txt2 .title {padding: 10px 0}
}

@media(max-width:680px){/* 미디어 시작 */
	#contents .cMain .cLeft .intro p {float: none; width:auto; padding: 40px 0; border: 1px solid #ddd; text-align: center;}
	#contents .cMain .cLeft .intro dl {float: none; width:auto; margin:5px 0 0 5px;}
	#contents .cMain .main_account2_multi ul{width:22.4%;}
}/* 미디어 끝 */

@media(max-width:600px){/* 미디어 시작 */
	nav .gnb li{width:33.333%}
	#contents .cMain{padding:0;}
	#search_second p {font-size: 15px; word-break: keep-all;}
	#contents .cMain .main_account2_multi ul{width:22%;}
	
	/* 직원업무 table mobile */
	.basic_table.center colgroup {display: none;}
	.basic_table.center .tbPc{display: none;}
	.basic_table.center .tbMobile{display: block;}
	.basic_table.center .tblHead{display: none;}
	table.basic_table.center tbody .tbMobile {min-height: 100px; border-bottom: 1px solid #d9d9d9; overflow: hidden;}
	table.basic_table.center tbody tr {display: block;}
	table.basic_table.center tbody td {
		display: block;
		float: left;
		clear: left;
		width: 100%;
		padding: 3px 10px 3px 13px;
		border: none;
		text-align: left;
		box-sizing: border-box;
	}
	.basic_table th, .basic_table td {border-bottom: none;}
	.basic_table.center tbody th {padding-left: 11px;}
	.tbMobile th .tbM {margin-bottom: -7px !important; color: #545454; font-weight: 100; width:100%; }
	.tbMobile .dis_table {display: table; width: 100%; table-layout: fixed;}
	.tbMobile .dis_cell {display: table-cell; vertical-align: top; padding-left: 0px; padding-right: 0px; text-align: left;}
	.tbMobile .dis_cell.title {width: 75px}
	.tbMobile .dis_cell.dot {width: 15px}
	.depTeam {padding-right: 14px; font-weight: 600;}
	.depTeam1 {font-weight: 600;}
	.depTeam2 {margin-left: -3px;}
	.depNm {padding-right: 32px; font-weight: 600;}
	.depCl {padding-right: 5px; font-weight: 600;}
	.tbM{display:block; float: left; padding-right: 3px;}
	.tbP{display:none;}
	.tbM .tbBody {font-weight: 100;}
	.nmValue {font-size: 1.156em;}
	.phValue {font-size: 1.156em;}
	#contents .cMain .cLeft .job_sc .basic_table th:first-child,.basic_table td:first-child{border:0;}
	/* 직원업무 table mobile-end */
}/* 미디어 끝 */

@media(max-width:550px){/* 미디어 시작 */
#contents .cMain .Cmenu_Title li {
	display: inline;
	font-size: 20px;
	}
	#search_second {padding: 12px 10px;}
	#contents .cMain .cLeft .integration_sc .integration_box img{height:157px;}
	#contents .cMain .cLeft .integration_sc .integration_txt2 li{width:50%;}
	#contents .cMain .main_account2_multi ul{width:47.6%;}
	#contents .cMain .main_account2_multi ul:nth-child(3){width:47.6%; clear:both; margin:15px 0 0 0; overflow:hidden;}
	#contents .cMain .main_account2_multi ul:nth-child(4){margin:15px 0 0 16px;}
	#contents .cMain .cLeft .menu_sc .menu_txt2 a {font-size: 14px;}
	#contents .cMain .cLeft .txt {font-size: 15px;}
	#contents .cMain .cLeft .txt2 {font-size: 13px; line-height: 1.5;}
	#contents .cMain .cLeft .txt3 {font-size: 13px;}
}/* 미디어 끝 */

@media(max-width:420px){/* 미디어 시작 */
	#contents .cMain .cLeft{padding: 0 20px 30px 20px;}
	#contents .cMain .main_account2_multi ul{width:47%;}
	#contents .cMain .main_account2_multi ul:nth-child(3){width:47%;}
}/* 미디어 끝 */

@media(max-width:400px){/* 미디어 시작 */
	#contents .cMain .main_account2_multi ul{width:46.5%;}
	#contents .cMain .main_account2_multi ul:nth-child(3){width:46.5%;}
	#contents .cMain .cLeft .txt2{
	font-size: 16px;
	line-height: 1.7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
	display:-webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	}
	#contents .cMain .cLeft .txt {
		font-size: 16px;
		margin-bottom: 6px;
	}
	#contents .cMain .cLeft .C_Cts2 {
		line-height: 25px;
		overflow: hidden;
		font-size: 16px;
	}
	#contents .cMain .cLeft .txt3 {
		font-size: 16px;
		color: #777;
		font-style: normal;
		margin-top: 6px;
		margin-bottom: 6px;
		display: block;
	}
	#contents .cMain .cLeft .meu_sc .meu_txt2 a {
		font-size: 15px;
	}
	
	
	
	
	
	
	
	
}
@media(max-width:280px){/* 미디어 시작 */
	#contents .cMain .main_account2_multi ul{width:46.5%;}
	#contents .cMain .main_account2_multi ul:nth-child(3){width:46.5%;}
	#contents .cMain .cLeft .txt2{
		font-size: 16px;
		line-height: 1.7;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		display:-webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	#contents .cMain .cLeft .txt {
		font-size: 16px;
		margin-bottom: 6px;
	}
	#contents .cMain .cLeft .C_Cts2 {
		line-height: 25px;
		overflow: hidden;
		font-size: 16px;
	}
}/* 미디어 끝 */