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

@media (max-width:1730px){#contents .cMain{width:90%;}}
@media (max-width:1570px){#contents .cMain{width:95%;}}
@media (max-width:1490px){#contents .cMain{width:100%;} #contents .cMain .cLeft {width: 55%;}}
@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;margin:30px 0 0 0px;}
#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-left:13px;}
#header .hMain{width:auto; padding:0; overflow: visible;}
#header .hMain .search{width:auto; margin:0; float:none;}
#header .hMain .Mobile_search{display:block; width:auto; margin:0; float:none; z-index: 100; position: relative; text-align:ㅣㄷㄽ; padding:15px 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: 16px; top: 22px;}
#header .hMain .search_api{width:40%; height:auto;  margin:0; box-sizing: border-box;}
#header .hMain .search_chang{ position: relative; width:60%; height:auto; padding: 0 68px 0 6px;  margin:0; box-sizing: border-box; z-index: 9999;}
#header .hMain .search_chang .sc_input{width: 100%; margin:0; border:0; float:none; padding: 10px 0;}
#header .hMain .search_chang .search_arrow{width:auto; margin:0; position: absolute; top: 11px; right: 16px; float:none;}
#header .hMain .search_chang .search_arrow_off{width:auto; margin:0; position: absolute; top: 10px; right: 16px; float:none;}
#rcmdResult{width: calc(100% - -6px); top: 40px; 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: 10px 30px 20px 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; }
#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:block;}
	#contents .cMain .cLeft .M_job_num{display:block;}
}

@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%; }
	.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:480px) {/* 미디어 시작 */
	#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 .R_dir{float:left;}
	#contents .cMain .dir{text-align:left; margin-top: 3px;}
	
	#contents .cMain .dir .category {
	height: 28px;
	padding: 0 1px;
	font-size: 11px;
	width: 65px;
	}
	
	#contents .cMain .Cmenu_Title li:nth-child(2) {
	font-size: 13px;
	margin-left: 2px;
	color: #777;
	}
	
	#contents .cMain .dir input[type="button"], input[type="reset"], input[type="submit"], textarea {
	width: 30px;
	height: 28px;
	padding: 2px 2px;
	margin: 0;
	border: 1px solid #4a4e5a;
	background: #4d515e;
	font-weight: 700;
	color: #fff;
	vertical-align: -1px;
	font-size: 12px;
}
	
	
	.dir_align{float:right;}
}/* 미디어 끝 */

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

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