@charset 'utf-8';


@media screen and (max-width: 1260px) {
	.searchbar { padding:20px 20px; }
}

@media screen and (max-width: 1106px) {
	.searchbar .iu { margin-right:10px; }
	.searchbar .iu dt { display:none; }
	.searchbar .iu dd .ft_input { width:150px; text-align:center; }
	.searchbar .btn_search { width: auto; padding:0 10px; background:none; border:0; color: #364350; }
	.searchbar .btn_search .pc { display:none; }
	.searchbar .btn_search .m { display:block; }
	.searchbar .btn_ot a { font-size:20px; margin-left:10px;  }

	.searchbar .iu dd input::-webkit-input-placeholder { color:#aaa; }
	.searchbar .iu dd input::-moz-input-placeholder { color:#aaa; }
	.searchbar .iu dd input::-moz-placeholder { color:#aaa; }
	.searchbar .iu dd input::-ms-input-placeholder { color:#aaa } 
}

@media screen and (max-width: 960px) {
	 /* common */
	 .wrap { padding-top:184px; }
    #hd { position:fixed; left:0; top:0; right:0; height:100px; background-color:#fff; background-repeat:no-repeat; background-position:center 80%; background-image:url('../img/common/head_logo_m.jpg'); background-size:auto 90%;}
	#hd .head { height:100px; }
    /* #hd { height:260px; background-repeat:no-repeat; background-position:center 50%; background-image:url('../img/common/head_logo_m.jpg'); background-size:auto 100%; border-bottom:1px solid #ccc; } */
    #hd h1, #hd .hd_text, #hd .util { display:none; }
    .nav_wr { display:none; }
    #hd .btn_menu,
    #hd .btn_home { display:block; }

	/*  회원가입 */
	#sp_join #regist .bo_table dl { padding:10px 0;}
	#sp_join #regist .bo_table dl dt { width:100px; font-size:14px;}
	#sp_join #regist .bo_table dl dd { margin-left:125px; font-size:14px;}
	#sp_join #regist .bo_table .dl_wr dl { float:none; width:100%; padding:10px 0; }
	#sp_join #regist .bo_table .dl_wr dl:last-child { padding-top:0; }
	#sp_join #regist .bo_table .dl_wr dl dt { width:100px; text-align:right; }
	#sp_join #regist .bo_table dl dd .noti { margin-left:0; font-size:14px;}
	#sp_join #regist .bo_table dl.div br { display:block; }
	#sp_join #regist .bo_table dl.div .fr_input { width:70%; }
	#sp_join #regist .bo_table dd .fr_input { width:100%; }
	#sp_join #regist dl.address dd p { max-width:100%; }
	
	#sp_join  #regist dl.post_check dt {line-height:1.3em; }
	#sp_join  #regist dl.post_check dt br { display:block; }

	#sp_join #regist .bo_table dl.office dd { padding-right:105px; }
	#sp_join #regist .bo_table dl.office .button { position:absolute; right:0; top:0; }

	#sp_join #regist .bo_table dl.id dd { padding-right:105px; }
	#sp_join #regist .bo_table dl.id dd .button { position:absolute; right:0; top:0; }
	
	.v_web { display:none; }
	.v_mobile { display:block; }	
}

@media screen and (max-width: 600px) {
	/* common */
	.wrap { padding-top:162px; min-width:290px; }

    #hd { height:100px; min-width:290px; }
    #hd .head { height:100px; }
    #hd .btn_menu,
    #hd .btn_home { top:15px; width:45px; height:45px; }
    #hd .btn_menu { left:15px; }
    #hd .btn_home { right:15px; }
	
	.contents .h3 {font-size:20px; margin:0 -15px; margin-bottom:20px; padding-left:20px; }
	.contents .h3:after { background-size:auto 7px; }
	.contents .h4 { font-size:16px; }
	.contents .h5 { font-size:20px; }	
	
	.searchbar { padding:15px; min-width:320px; }
	.searchbar .iu { margin-right:5px; }
	.searchbar .iu dd .ft_input { padding:5px; font-size:15px; width:82px; }
	.searchbar .btn_search { line-height:32px; height:32px; font-size:14px; }
	.searchbar .btn_ot a { line-height:32px; font-size:14px;  }

	.searchbar .greeting { float:left; font-size:15px; line-height:1.35em; color:#364350; margin-left:10px; }
	.searchbar .greeting .name { font-weight:700; }
	.searchbar .greeting + .btn_ot { padding-top:0; }	

	.loginform .inbx { padding:40px 30px; }
	.loginform .formbox { padding-right:0; }
	.loginform .formbox .btn_search { position:static; width:100%; height:50px; line-height:50px; }

	.bo_w .bo_list .td_num,
	.bo_w .bo_list .td_hit { display:none; }
	.bo_w .bo_list tbody td.td_subject { padding:0; }
	.bo_w .bo_list td { padding:20px 5px; font-size:0.95em}
	.bo_w .bo_list table col.date { width:20%; }
	.bo_w .bo_list table col.file { width:50%; }
	.bo_w .bo_list table col.hit { width:30%; }	
	
	#bo_v {margin-bottom:20px;padding-bottom:20px}
	#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.4em}
	#bo_v_title {padding:10px 0;font-size:1.05em}
	
	#bo_v_info { padding:0 0 10px;border-bottom:1px solid #ddd; font-size:0.95em}
	#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden; }
	#bo_v_info strong {display:inline-block;margin:0 5px 0 5px;font-weight:normal}
	#bo_v_info .sv_member,
	#bo_v_info .sv_guest,
	#bo_v_info .member,
	#bo_v_info .guest {font-weight:bold}	
	
	#bo_v_con {margin-bottom:30px;width:100%;font-size:0.85em; line-height:1.7em;word-break:break-all;overflow:hidden}
	#bo_v_con a {color:#000;text-decoration:underline}
	#bo_v_con img {max-width:100%;height:auto}	
	
	#ft { background:none; background-color: #000000; padding:20px 15px; text-align:left; }
	#ft .copyright, #ft address { text-align:left; opacity:0.8; font-size:10px;}

	/* organizing-list */	
	.organizing-list { border-top: 5px solid #5b5b5b; }
	.organizing-list li { float:none; width:100%; padding:0; margin:0; margin-bottom:0; }
	.organizing-list li .ibx { border-top:0; }
	.organizing-list li .pic { width:35%; float:left; padding:20px; border-right:1px solid #d3d3d3; }	
	.organizing-list li .info { margin-left:170px; padding-top:40px; padding-right:20px; }
	.organizing-list li .info .name { display:block; font-weight:700; color:#000; margin-bottom:20px; font-size:17px; line-height:1.15em;}
	.organizing-list li .info .text { display:block; font-size:14px; color:#000; line-height:1.15em; font-weight:300; }	

	/* chart_law */	
	.chart_law { border-top: 5px solid #5b5b5b; }
	.chart_law li { float:none; width:100%; padding:0; margin:0; margin-bottom:30px; }
	.chart_law li .ibx { border-top:0; }
	.chart_law li .info {padding-top:20px; padding-right:5px;}	
	.chart_law li .info .name { display:block; font-size:14px; line-height:1.7em; font-weight:600; padding: 0 15px; margin-bottom:5px;}
	.chart_law li .info .text { display:block; font-size:12px; line-height:1.35em; font-weight:400; padding: 0 15px; margin-bottom:5px; text-align:justify;}	
	
	/* chart_meeting */
	.chart_meeting dt { display:block; width:100%; margin-bottom:15px; }
	.chart_meeting dd { display:block; width:100%; }
	.chart_meeting dt img { width:100%; height:auto; }
	
	/* chart_journal */
	.chart_journal dt { display:block; width:100%; margin-bottom:15px; }
	.chart_journal dd { display:block; width:100%; }
	.chart_journal dt img { width:100%; height:auto; }	
	
	/* style-table */	
	.style-table dl { border-bottom:1px solid #ececec; padding:2px 0; }
	.style-table dt,
	.style-table dd { font-size:13px; width:auto; float:none; display:block; border:0; padding-right:10px; text-align:justify;}
	.style-table dt { font-weight:700; margin-bottom:5px; font-size:15px; }
	.style-table .support-list li { padding:0; margin-bottom:10px; }
	.style-table .support-list li .img { width:120px; height:120px; }	
	
	
	
	
	
					
		
	
	.photogallerybx .itembx_wr { text-align:center; }
	.photogallerybx .itembx_wr .itembx { width:100%; margin:0; margin-bottom:20px; text-align:center; box-sizing:border-box; padding:10px; }
	.photogallerybx .itembx_wr .itembx .img {width:130px; }
	.photogallerybx .itembx_wr .itembx .tbx { width:130px; display:inline-block; max-width:350px; }
	
}

@media screen and (max-width:400px) {
	#sp_join #regist .bo_table dl dt { float:none; text-align:left; }
	#sp_join #regist .bo_table .dl_wr dl dt { text-align:left; }
	#sp_join #regist .bo_table dl dd { margin-left:0; }
}