/* Portrait tablets and medium desktops */
@media all and (max-width: 1200px){
	
}

@media all and (max-width: 1199px) {
	/* main */
	.sub_bg .container, .container{ width: 100%;  margin: 0; }
	.effects ul li{ width:25%; }

	/* sub */

	.sub_bg h1{ margin-right:0; }
}

@media all and (max-width: 1024px) {	
	.sub_bg .search_wrap, .sub_bg ul{ float:none; text-align:center; }
	.sub_bg .search_wrap{ margin:auto; }
	.sub_bg .search{ width:307px; margin:auto; margin-bottom:30px;  }
	.sub_bg ul{ margin:auto; padding-top:0; }
}

@media all and (max-width: 991px) {
	
} 

/* Portrait tablets and small desktops */

@media all and (max-width: 768px) {
	/* main */
	#pc_nav{ display:none; }
	header{ background:#1d75bc;  }
	header .logo{ float:none; width:165px; height:35px; margin:auto; position:absolute; left:54px; }
	header .logo a{ background:url(../images/w_logo.png) no-repeat center center; }
	header .top_login{ float:none; position:absolute; top:20px; right:16px; }
	header .top_login ul li a{ padding:2px 5px; font-size:14px; }
	#pc_header{ padding:16px 0; height:70px; }

	.main_bg h1, .sub_bg h1{ font-size:35px; margin:40px 0; }
	.sub_bg h1{ margin-bottom:10px; }
	.sub_bg .search{ width:226px; }
	.sub_bg .search input[type=text]{ width:191px; }
	.sub_bg .search button{ width: 35px; }
	
	footer{ margin-top:60px; padding:30px 0; }
	footer .clause ul li, footer p{ font-size:14px; }

	/* sub */
	.sub_bg{ padding-bottom:40px; }
	.sub_bg ul{ width:100%; }

	.sub .title p{ display:none; }

	/* sub_main */
	.sub_main table tbody .tit{ padding-left:10px; }
	.sub_main table tbody .tit{ width:60%; }
	.sub_main table tbody .date{ width:25%; }

	/* schedule */
	.schedule .tab li{ width:8%; margin:1px; }

	/* insure_4 */
	.insure_4 .tab li.update{ display:none; }
	.insure_4 .panel .tb_wrap table tr td:nth-child(1){ width:25%; }
	.insure_4 #insure_04_board .panel table.table_2 input[type="text"]{ width:40%; }
	.insure_4 .panel .tb_wrap table.table_2 tr td:nth-child(1){ width:13%; }
} 

@media all and (max-width: 698px) {
	/* 산재보험 */
	.insure_4 #insure_04_board .panel .tb_wrap table.table_1 tr td:nth-child(1){ width:18%; }
	.insure_4 #insure_04_board .panel .tb_wrap table.table_1 tr td:nth-child(2){ width:43%; }
	.insure_4 .btn.search1 a{ width:100px; line-height:37px; height:37px; }
	.insure_4 #insure_04_board .table_1 .row3 .btn input,
	.insure_4 #insure_04_board .board2 .btn input{ font-size:13px; width:80px; height:32px; line-height:32px; }
	.insure_4 #insure_04_board .board2 .btn{ width:165px; }  
	.insure_4 .panel .tb_wrap table.table_2 tr td:nth-child(1){ width:17%; }
}
@media all and (max-width: 626px) {
	/* schedule */
	.schedule .tab li{ width:9.6%; }
}
@media all and (max-width: 574px) {
	/* 산재보험 */
	.insure_4 .btn.search1 a{ margin-top:3px; }
	.insure_4 #insure_04_board .panel input[type="text"]{ width:82%; }
}

@media all and (max-width: 570px) {
	/* main */
	.effects ul li{ width:33%; }

	/* insure_4 */
	.insure_4 .panel .tb_wrap table tr td:nth-child(1){ width:31%; }
	.insure_4 .panel .tb_wrap table tr td:nth-child(2){ width:60%; }
	
	/* 산재보험 */
	#insure_04_board .tb_wrap{ overflow-x: auto; width:auto; }
	#insure_04_board table{ width:570px; }
}

@media all and (max-width: 550px) {
	/* insure_4 */
	.insure_4 .tab li{ width:24%; margin:2px; }
}
@media all and (max-width: 527px) {
	/* schedule*/
	.schedule .tab li{ width:16%; }
}

@media all and (max-width: 480px) {
	/* sub_main */
	.sub_main table tbody .name, .sub_main table tbody .date{ display:none; }
	.sub_main table tbody .tit{ width:100%; }

	/* main_4insure */
	.btn_4insure a{ top:-50px; }

	/* board_list */
	.board_list table .name, .board_list table .date{ display:none; }
	.board_list table .tit{ width:100%; }
	.board_list table tbody .tit{ padding-left:10px; }

	/* board_view */
	.board_view table thead th{ padding:15px 0 15px 10px; }
	.board_view table tbody td p{ padding:25px 10px; }
	/* insure_4 */	
	.insure_4 .btn input{ width:80px; }
}

@media all and (max-width: 428px) {
	/* insure_4 */
	.insure_4 .tab li{ width:48%; }
}

/* 411 414 */
@media all and (max-width: 414px) {	
	/* main */
	header .logo a { background: url(../images/w_logo.png) no-repeat 0 62%; background-size: 68%; }
		
	.effects ul li{ width:50%; }
	.effects ul li a{ font-size:18px; padding:18px 0; }
	[class^="hvr-"]{ height:62px; }

	.sub_bg .search_wrap{ width:227px; }
}

@media all and (max-width: 408px) {
	/* insure_4 */
	.insure_4 .panel .tb_wrap table tr td:nth-child(1){ width:35%; }
}

@media all and (max-width: 375px) {
	/* main */
	header .top_login ul li a{ font-size:11px; }	
}

@media all and (max-width: 360px) {
		
}

@media all and (max-width: 328px) {
	/* schedule*/
	.schedule .tab li{ width:24%; }
}

@media all and (max-width: 320px) {
	/* main */
	nav ul li a{ font-size:13px; }
	nav ul li{ margin:0 13px; }

	#contents h1{ font-size:35px; margin:30px 0; }

	footer{ margin-top:40px; }
}

@media all and (max-width: 298px) {
	/* main */
	.effects ul li a{ width:92%; }
}

@media all and (max-width: 240px) {
	
}