@charset "utf-8";
@import url('./schF_main.css'); 
@import url('./reset.css');
@import url('./swiper.min.css');

@media (max-width:1140px){
	

	#wrap{min-width:100%;}
	#header .hMain{width:100%; padding:30px 0 30px 0; margin:0 auto; overflow:hidden;}
	#header .hMain .hLogo {margin:10px 0 0 2.5%; width:240px;}
	#header .hMain .hLogo img { height:auto;}
	
	/*검색창*/
	#header .hMain .search_chang{ width:38%; height:45px; float:left; margin:0 0 0 53px; box-sizing:border-box}
	#header .hMain .search_chang select{margin:5px 0 0 8px; width:100px; box-sizing:border-box}
	#header .hMain .search_chang .sc_input{width: calc(100% - 148px);}
	#header .hMain .search_chang .search_arrow{ margin:12px 7px 0 7px;}
	
	/*검색어자동완성*/
	#header .hMain .search_chang .search_arrow_off{margin:12px 7px 0 7px}
	#rcmdResult {width: 38%;}
	
	/*결과내 재검색*/
	#header .hMain .result_chang{ width:auto; margin:0 0 0 2%;}
	
	/*상세검색 버튼*/
	#header .hMain .detatil_search{width:90px; margin:8px 0 0 1%; float:left;}
	#header .hMain .detatil_search_on{width:90px; margin:8px 0 0 1%; float:left;}
	.detail_wrap .Fdetail .detail_title .detail_box_sort{top: 195px;}
	.detail_wrap .Fdetail .detail_title .detail_box_period{top: 195px;}
	.detail_wrap .Fdetail .detail_title .detail_box_region{top: 195px;}
	
	/* inside(도내기관검색) 부분 */
	#inside .organ_inside{ width:95%;}
	
	/*상세검색 화면*/
	.detail_wrap .Fdetail{width:calc(100% - 200px); margin:0 0 0 200px}

	/*--------------------------------//contents 부분--------------------------------*/
	#contents .cMain{width:100%;}
	#contents .cMain .cLeft{width:calc(100% - 399px); box-sizing:border-box}
	
	
	/*--------------------------------//footer 부분--------------------------------*/
	#footer .fMain{width:95%;}
	
	/* relation(연관검색어) 부분 */
	#relation .relation_search .rs_Bar ul {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	
	/* 바로가기 */
	#contents .cMain .cLeft .golink {padding:20px 20px 20px;}
	#contents .cMain .cLeft .golink .link_url a { margin-left:8px; display:inline-block; width:calc(80% - 5px);}
	
	/*메뉴검색*/
	#contents .cMain .cLeft .meu_sc{padding: 20px 20px 20px;}
	
	/*직업업무*/
	#contents .cMain .cLeft .job_sc{padding: 20px 20px 20px;}
	
	#contents .cMain .cLeft .C_body{padding: 20px 20px 20px;}
	
	/*멀티미디어*/
	#contents .cMain .cLeft .multi_sc{padding: 20px 20px 20px}
	#contents .cMain .main_account2_multi ul{width:23.5%; margin-left:2%;}
	
	/* 맨위로 */
	#footer .fMain .sub_pack_btm{position: absolute; bottom: 196px; right:110px;}
		

	/* #contents .cMain .cLeft .intro dl{width:70%;} */
	/* #contents .cMain .cM_expression{width:25%; height:6px; background-color:#004f96; position:absolute; top:0;} */

}


@media(max-width:1024px){

	#contents .cMain .cMenu{display:none;}
	#header .hMain .search{display:none;}
	#header .hMain .detatil_search{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;}
	.detatil_search{display:none;}
	#footer .sub_pack_btm{display:none;}
	#detailSearch{display:none !important;}
	#header .hMain .result_chang {display:none;}
	
	.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:2.5%;}
	#header .hMain{width:auto; padding:0;}
	#header .hMain .search{width:auto; margin:0; float:none;}
	
	#header .hMain .Mobile_search{display:block; background-color:#004f96; width:auto; margin:0; float:none; z-index: 100; position: relative; padding:10px 0 15px;}
	#header .hMain .Mobile_search input{width:70px; position: absolute; top: 26px; right:0; z-index: 100; height: 46px;}
	#header .hMain .Mobile_search .search_img{position: absolute; right: 16px; top: 22px;}
	
	/*검색창*/	
	#header .hMain .search_chang{width:auto; height:auto; float:none; margin:0;}
	
	/* inside(도내기관검색) 부분 */
	#inside {border-top:0}
	#inside .organ_inside{ text-align:left}
	#inside .organ_inside dl{ display:block}
	#inside .organ_inside dl dt{ display:block; width:112px; padding:0 5px; margin-right:0;}
	#inside .organ_inside dl dt + dd{ margin-left:0;}

	.inside_hp li select{ width:calc(100% - 40px)}


	
	#rcmdResult{width:100%; top: 119px;}
	
	#contents .cMain{width:100%; box-sizing:border-box; padding:0; background-color:#fafafa;}
	#contents .cMain .cLeft{width:auto; min-height:0; background-color:#fff; float:none; padding:0; border:0}
	#contents .cMain .cRight{padding: 20px 20px 20px; background-color:#fff; border-top:1px solid #d4d4d4; 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{box-sizing: border-box;}
	
	/*통합검색*/
	#contents .cMain .cLeft .integration_sc{ display:block; padding:20px 20px 20px; border-top: 1px solid #ebebeb;}
	#contents .cMain .cLeft .integration_sc .integration_box{margin-top:10px; padding: 8px; border:1px solid #e2e2e2; background: url(../images/search_box_bg.gif) repeat;}
	#contents .cMain .cLeft .integration_sc .integration_txt2{overflow:hidden; font-size:14px; background-color:#fff; padding: 5px 0 5px 40px;}
	#contents .cMain .cLeft .integration_sc .integration_txt2 li{display:list-item; list-style-type:disc; float:left; line-height:26px; width:33%;}
	#contents .cMain .cLeft .integration_sc .integration_txt2 a:link{color:#333;}
	#contents .cMain .cLeft .integration_sc .integration_txt2 a:visited{color:#333;}
	#contents .cMain .cLeft .integration_sc .integration_box img{width:100%; height:129px;}
	
	
	#contents .cMain .cLeft .intro dl{width:68%;}

	/*검색창 아래 도내기관검색*/
	#inside .organ_inside dl dt {width:100%;}

	
	#footer{text-align:center; background-color: #e9ecef;}
	#footer .fmedia_lof{display:block; margin:17px 0;}
	#footer .fmedia_lof img{ width:180px; height:auto}
	#footer .fMain{width:auto; background-color: #004f96;}
	#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){
	.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 (max-width: 760px){ 
	nav .gnb li{width:25%}
	#contents .cMain .cLeft .PC_job_num{display:none;}
	#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;}
}

@media(max-width:600px){
	#contents .cMain{padding:0;}
	#search_second p {font-size: 1.3em;}
	
	#header .Mobile_search .mobil_logo { width:180px; margin:7px 0 0px 2.5%}

	

	.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: 140px; 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 tbody tr:nth-of-type(2n), .basic_table tbody tr:nth-of-type(2n) th { text-align: center; background: #f8f8f8;}

	#contents .cMain .cLeft .job_sc .basic_table th{padding: 3px 10px 3px 13px; font-weight:bold; color:#333}
	.basic_table th, .basic_table td {border-bottom: none;}
	.basic_table.center tbody th {padding-left: 11px;}
	.tbMobile th .tbM {color: #545454; font-weight: 100; width:100%; padding-left:0;}
	.depTeam { display:inline-block; text-align:left; font-weight: 600;}
	.depTeam1 {font-weight: 600;}
	.depTeam2 {margin-left: -3px;}
	.depNm {display:inline-block; padding-right:5px; text-align:left; font-weight: 600;}
	.depCl {padding-right: 5px; font-weight: 600;}
	.tbM{display:block; float: left;}
	.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;}
	#contents .cMain .cLeft .C_body .C_Cts .L_image{line-height: 140px;}
	
	#contents .cMain .main_account2_multi ul{width:49%;}
	#contents .cMain .main_account2_multi ul:nth-child(3){margin:15px 0 0 0; overflow:hidden;}
	#contents .cMain .main_account2_multi ul:nth-child(4){margin:15px 0 0 2%;}
	
	#contents .cMain .cLeft .integration_sc .integration_txt2 li{ width:50%;}
	
	/*AutoComplete*/
	#rcmdResult{top: 112px;}
	
}
@media(max-width:480px){
	#search_second {padding: 12px 10px;}
	#search_second p {font-size: 1.2em;}
	#contents .cMain .cLeft .integration_sc .integration_box img{height:157px;}
	#contents .cMain .cLeft .integration_sc .integration_txt2{font-size:12px;}
	#contents .cMain .cLeft .meu_sc .meu_txt2 li{font-size:14px;}
	
	#contents .cMain .R_dir{float:none;}
	#contents .cMain .dir{text-align:left; margin-top: 5px;}
}

@media(max-width:420px){
	#contents .cMain .cLeft .integration_sc .integration_txt2{padding: 5px 0 5px 30px;}
        #contents .cMain .cLeft .C_body .C_Cts{width: 100%}
}

@media(max-width:320px){
	#contents .cMain .cLeft .integration_sc .integration_txt2{padding: 5px 0 5px 20px;}
}