/*	ie 10+ 진술서 왼쪽 문항 */
@media only all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.detail_question_area > li {
		align-items: flex-start;
	}
	
	.detail_question_area > li .detail_quest,
	.detail_question_area > li .detail_quest.w150,
	.detail_question_area .detail_answer label,
	.form_area .input_group .input_area dt {
		flex-wrap: wrap !important;
	}
	
	.form_area .input_group .input_area dt,
	.output_text {
		min-height: auto;
	}
	
	.form_area .input_group .input_area dt > .font-family-JP, 
	.form_area .input_group .input_area dt > .font-family-TC {
		margin-left: 4px;
	}
		
	.tab_area.select_style .tab_button_list .tab_title {
		flex-direction: column;
		align-items: flex-start !important;
		justify-content: center;
	}
	
	.tab_area.select_style .tab_button_list ul li {
		flex-wrap: wrap;
	}
	
	.tab_area.select_style .tab_button_list ul li > span {
		display: inline-block;
		width: 100%;
	}
	
	.output_text {
		flex-wrap: wrap;
	}
	
	.attach_file ul li {
		display: inline-block !important;
	}
	
	footer .desc {
		width: 750px;
	}
	
	#modify_img_modal .modal-content .modal-body {
		overflow: hidden;
	}
}

@media screen and (max-width: 1200px) and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
	.detail_question_area > li .detail_quest {
		min-height: auto !important;
	}
	
	.guide_area div {
		width: calc(100%);	
	}
}

/* 사파리 */
@media not all and (min-resolution:.001dpcm) {
	/* input 크기가 넘칠 때, 두줄로 보이는 부분을 한줄로 나열하기 */
	.form_area .input_group .input_area dd input[type="text"], .form_area .input_group .input_area dd input[type="password"],
	.form_area .input_group .input_area dd input[type="date"], .input_area dd input[type="datetime-local"],
	#message-container .search-container input[type="text"],
	.prime_select>div .top .search input[type="text"] {
		word-break: break-all; 
	}
	
	@media screen and (max-width: 640px) { 
		/* report_step4 - 인적사항 입력 - 신고인 정보 - 기타연락처 - 안내멘트*/
    	label.e-validation-error#phone-error {
    		display: inline-block;
    	}
}
}

/* ie10+ */
@media screen and (max-width: 1024px) and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
	footer .desc {
	   width: 100%;
	   margin: 0 auto;
	}

	footer .desc .warning {
		width: 100%;
	} 
}

@media screen and (max-width: 1500px) {
	.content_title {
		flex-direction: column;
		align-items: stretch;
		justify-content: space-between;
	}
	.content_title h2 {
		margin-bottom: 20px;
	}

	/* 범죄유형 */
	.representative_crime ul li {
		
	}
	.representative_crime ul li>div {
		padding-bottom: 100%;
	}
	.representative_crime ul li>div .img img {
		width: 100%;
	}

	/* 신고 접수하기 */
	.filter_tab_area .filter_tab_button ul li {
		height: 190px;
	}

	/* 증거자료 첨부 */
	.attach_file ul li {
		padding: 20px 10px;
	}

	/* 내 신고 / 제보 / 상담 이력 조회 */
	.lookup_list .body ul li>div>div {
		font-size: 13px;
	}
	.lookup_list .head ul li {
		text-align: center;
	}

	

	/* 진술서 */
	.question_form .array_form>.title {
		width: 100%;
	}
	.question_form .array_form .button_group {
		display: inline-flex;
		justify-content: flex-end;
		position: static;
		width: 100%;
		margin-bottom: 10px;
	}
	
	

	/* 제3자 제공 동의서 */
	.desc_box .tbody_th_table table .category {
		width: 60%;
	}
	.desc_box .tbody_th_table table .period {
		width: 15%;
	}
}

@media screen and (max-width: 1200px) {
	/* common */
	header h1 {
		left: 10px;
	}
	header .header_nav {
		margin-right: 10px;
	}
	
	header .header_nav>ul>li {
		margin-right: 35px;
	}
	
	header .header_nav>ul>li>a .font-family-JP {
		font-size: 15px;
	}
	
	footer .footer_link {
		right: 10px;
	}
	.inner1200 {
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px;
	}
	.inner {
		width: 700px;
	}
	.target-form a.clear_input {
		left: 128px !important;
	}	
	.target_info { 
		padding: 4px 4px 8px 6px;
	}
	.main #content_wrapper .bottom .list li a {
		padding: 22px 30px 0;
	}
	.main #content_wrapper .bottom .list li a dl {
		margin-top: 5px;
	}
	.tab_area .tab_button_list {
		width: 400px;
	}
	.tab_area .tab_button_list .tab_title {
		display: block;
	}
	.tab_area .tab_button_list .tab_title:focus {
		box-shadow: 0 0 0 2px #ADC1D5;
	}
	.tab_area .tab_button_list ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		z-index: 8;
	}
	.tab_area .tab_button_list ul.on {
		display: block;
	}
	.tab_area .tab_button_list ul li {
		float: none;
		justify-content: flex-start;
		width: 100%;
		border-right: none;
		text-align: inherit;
		text-indent: 15px;
	}
	.tab_area.select_style .tab_button_list ul li { 
		text-indent: 0;
	}
	.tab_area.sns .tab_button_list ul li {
		width: 100%;
	}
	.filter_tab_table {
		overflow-x: auto;
	}
	.filter_tab_table::before {
		display: block;
	}
	.filter_tab_table table {
		width: 1000px;
	}
	.none1200 {
		display: none;
	}
	.sub_page_guide {
		display: block;
		flex-direction: column;
		min-height: auto;
		padding: 30px 30px 0;
	}
	.sub_page_guide .text_box {
		padding-left: 0;
		padding-bottom: 20px;
	}
	.sub_page_guide .img {
		position: relative;
		width: 100%;
		left: 0;
		text-align: center;
	}
	.sub_page_guide .img img {
		max-width: 100%;
	}
	.sub_page_guide.agree .text_box {
		padding-left: 0;
	}
	.filter_view_list li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.filter_view_list li:nth-child(even) {
		margin-right: 0;
	}

	/* 메인 */
	.main #content_wrapper {
		height: auto;
		padding-top: 175px;
		background-position: 90% 75%;
		background-size: cover;
	}
	.main #content_wrapper .inner1200 {
		padding: 0;
	}
	.main #content_wrapper .top {
		flex-direction: column;
	}
	.main #content_wrapper .top .desc, .main #content_wrapper .top .desc h2 {
		margin-top: 35px;
		text-align: center;
	}
	.main #content_wrapper .top .desc {
		width: 100%;
		margin-bottom: 50px;
	}
	.main #content_wrapper .top .tel_list {
		margin-bottom: 70px;
	}
	.main #content_wrapper .top .tel_list ul {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-direction: column;
	}
	.main #content_wrapper .top .tel_list ul li:last-child {
		margin-right: 0;
	}
	.tel_desc__JP {
		display: flex;
		flex-direction: column;
		align-items: baseline;
   		min-width: 377px;
   		padding-left: 18px
	}
	.tel_desc__TC {
		display: flex;
	    justify-content: space-around;
	    width: 100%;
		min-width: 395px;
	}
	.main #content_wrapper .top .tel_list li a .tel_desc .tel_desc__JP .title {
		padding-bottom: 4px;
	}
	
	.movie_area {
		position: relative;
		bottom: auto;
		left: auto;
		width: 70%;
		margin: 0 auto 70px;
	}

	/* 인적사항 입력 */
	.guide_area .button_group {
		display: flex;
		justify-content: flex-end;
		position: static;
		margin-top: 10px;
	}
	
	.suspect_top {
		padding: 0 10px;
	}
	.account_info {
		padding: 0;
	}
	.account_info .account_form_area>div {
		padding: 5px;
	}
	.account_info .account_form_area.solo>div .input_group .input_area {
		flex-direction: column;
	}
	.account_info .account_form_area.solo>div .input_group .input_area dt {
		float: none;
		width: auto; 
	}
	.account_info .account_form_area.solo>div .input_group .input_area dd {
		float: none;
		width: 100%;
	}
	.account_info .account_form_area.solo .input_group.point-none dl dt {
		padding-left: 0;
	}

	.form_area .input_group .input_area dd input[type="text"], .form_area .input_group .input_area dd input[type="password"],
		.form_area .input_group .input_area dd input[type="date"] {
		font-size: 14px;
	}
	.form_area .input_group .input_area dd.address_search input[name*="ddress_zip"] {
		width: 58%;
	}
	.form_area .input_group .input_area dd.address_search button {
		right: 42%;
	}
	.victim-form .form_area,
	.target-form .form_area  {
		flex-wrap: wrap;
	}
	.form_area {
		padding: 5px 0;
	}
	.not_victim .form_area .input_group {
		padding: 20px 10px 0;
	}
	.not_victim .form_area .input_group .input_area dt {
		width: 135px;
	}
	.not_victim .form_area .input_group .input_area dd {
		width: calc(100% - 135px);
	}
	.not_victim .form_area .input_group dl:nth-child(odd) {
		padding-right: 20px;
	}

	.form_area .input_group {
		padding: 5px 10px;
	}
	.account_info .account_form_area>div .input_group.point-none {
		padding: 5px 5px 5px 5px;
	}
	.form_area .reported_confirm p, .form_area .reported_confirm>div {
		font-size: 14px;
	}
	.form_area .reported_confirm>div {
		padding-right: 20px;
	}
	.form_area .reported_confirm p {
		padding-left: 14px;
	}
	.form_area .input_group .input_area {
		padding-right: 10px;
	}
	
	.account_info .account_form_area.single>div .input_group {
		float: none;
		width: 100%;
	}
	.form_area .input_group .input_area dt {
		width: 132px;
		font-size: 14px;
	}
	.form_area .input_group .input_area dd {
		width: calc(100% - 140px);
	}
	.form_area .input_group .input_area dd label {
		font-size: 14px;
	}
	
	/* 인적사항 입력 - report_step4 / 상대방 정보 - 사이트 정보, 상대방 정보 - SNS 정보 */
	.account_info .account_form_area.solo>div .input_group .input_area dt.account_info_box > .add-btn {
		position: absolute;
		top: 0;
		right: -6px;
	}
	
	.account_info .account_form_area.solo .input_group_double dl.left {
		width: 190px;
		margin-right: 22px;
		margin-bottom: 0;
	}
	
	.account_info .account_form_area.solo .input_group_double dl.left > dt,
	.account_info .account_form_area.solo .input_group_double dl.right > dt{
		padding-left: 0;
	}
	
	.account_info .account_form_area>div .input_group.div_etc .input_area {
		margin-bottom: 0;
	}
	
	.account_info .account_form_area .form_area.sortation .div_etc .input_area > dd {
		padding-bottom: 2px;
	}

	/* 범죄유형 */
	.representative_crime ul li {
		width: 23.5%;
		margin-bottom: 15px;
	}
	.representative_crime ul li:nth-child(6n) {
		margin-right: 2%;
	}
	.representative_crime ul li:nth-child(4n) {
		margin-right: 0;
	}
	.prime_select>div:last-child {
		border-left: none;
	}
	.representative_crime ul li>div .img img {
		width: 45px;
	}
	.representative_crime ul li>div span {
		font-size: 16px;
	}
	.prime_select>div {
		width: 100%;
		margin-right: 0;
	}

	/* 신고 접수하기 */
	.filter_tab_area .filter_tab_button ul li {
		width: 49%;
		height: 160px;
	}
	.filter_tab_area .filter_tab_button ul li:nth-child(even) {
		margin-right: 0;
	}

	/* 증거자료 첨부 */
	.attach_file ul li {
		width: 49%;
		margin-right: 2%;
	}
	.attach_file ul li:nth-child(3n) {
		margin-right: 2%;
	}
	.attach_file ul li:nth-child(even) {
		margin-right: 0;
	}
	.report_box .title {
		margin-bottom: 10px;
	}
	.report_box .top .group {
		flex-direction: column;
		align-items: flex-end;
		position: static;
		margin-bottom: 15px;
	}
	.report_box .top .group .guide_button_list {
		margin-bottom: 10px;
	}
	.report_box .top .group .guide_button_list .list button {
		margin-right: 8px;
		padding-right: 0;
	}
	.report_box .top .group .guide_button_list .list button:last-child {
		margin-right: 0;
	}

	/* 진술서 */
	.tab_area.select_style .tab_button_list ul li {
		justify-content: flex-start;
		width: 100%;
	}
	.question_form .common_form_header .top {
		padding: 15px 10px;
	}
	.question_form .qna_form_area {
		padding: 15px 10px;
	}
	.question_form .question_area>dt {
		padding-right: 0;
		font-size: 16px;
	}
	.question_form .common_form_header .top .qna_form_area .question_area.oneline>dt {
		margin-bottom: 0;
	}
	.question_form .question_area>dt .small {
		font-size: 14px;
	}
	
	.question_form .question_area>dd textarea {
		padding: 10px;
	}
	.question_form .form_area {
		padding: 0;
	}
	.question_form .account_form_area .qna_rule_answer .head {
		padding: 15px 10px;
	}
	.question_form .account_form_area .form_area .qna_rule_answer .array_form_box
		{
		padding: 15px 0 15px 10px;
	}
	.question_form .form_area .input_group .input_area dd input[type="text"],
	.question_form .form_area .input_group .input_area dd input[type="password"],
	.question_form .form_area .input_group .input_area dd input[type="date"]
		{
		font-size: 14px;
	}
	.question_form .form_area .input_group .input_area dd .clear_input {
		left: 160px !important; 
	}
	.form_area .input_group .input_area dd select {
		font-size: 14px;
	}
	.question_form .question_area>dd>label {
		font-size: 14px;
	}
	.question_form .question_area>dd textarea {
		font-size: 14px;
	}
	.question_form .array_form .account_form_area .form_area.single .input_group textarea
		{
		font-size: 14px;
	}
	
	.question_form .question_area>dd .detail_question_area>li .detail_answer input[type="text"]
		{
		font-size: 14px;
	}
	.question_form .question_area>dd .detail_question_area>li .detail_answer label
		{
		font-size: 14px;
	}
	.question_form .question_area>dd .hidden_box ul li input.datetimeinput_range
		{
		width: 100%;
		overflow: hidden;
	}
	
	
	.question_form .question_area>dd .hidden_box ul li .input_box .undefined_div
		{
		width: 100%;
	}
	.detail_question_area>li .detail_quest {
		flex-shrink: 0;
		min-height: 28px;
		font-size: 14px;
	}
	.question_form .array_form>.title {
		width: 100%;
		font-size: 16px;
	}
	.array_form .account_form_area .head .form_field_control_button {
		right: 10px;
	}
	
	.question_form .qna_form_area .question_area.oneline {
		flex-direction: column;
	}

	/* 내 신고 / 제보 / 상담 이력 조회 */
	.tab_area.my_crs {
		position: relative;
	}
	.lookup_list .head {
		display: none;
	}
	.lookup_list .body ul li>div::after {
		content: "";
		display: block;
		clear: both;
	}
	.lookup_list .body ul li>div>div {
		padding: 0;
		margin-bottom: 15px;
		text-align: left;
		font-size: 16px;
	}
	.lookup_list .body ul li .top .document_number {
		width: 93%;
	}
	.lookup_list .body ul li {
		height: auto;
		padding: 15px;
	}
	.lookup_list .body ul li .top .check, .lookup_list.different .body ul li .top .check{
		width: 35px;
		height:100%;
		padding: 4px 0 3px 4px;
	}
	.lookup_list .body ul li .top .document_number, .lookup_list.different .body ul li .top .document_number
		{
		width: calc(100% - 35px);
	}
	.lookup_list .body ul li .middle .damage_amount, .lookup_list.different .body ul li .middle .damage_amount
		{
		position: absolute;
		top: 15px;
		right: 15px;
		width: 50%;
		text-align: right;
		font-weight: 700;
	}
	.lookup_list .body ul li .bottom .process, .lookup_list.different .body ul li .bottom .process
		{
		float: right;
		/* width: 100px; */
		width: auto;
		padding: 2px;
		text-align: right;
	}
	.lookup_list .body ul li .bottom .process{
		
	}
	.lookup_list .body ul li .bottom .create_date, .lookup_list .body ul li .bottom .accept_date,
		.lookup_list.different .body ul li .bottom .create_date, .lookup_list.different .body ul li .bottom .accept_date
		{
		display: block;
		float: none;
		width: auto;
		font-size: 15px;
	}
	.lookup_list .body ul li .bottom .create_date::before, .lookup_list .body ul li .bottom .accept_date::before
		{
		content: "생성일: ";
		font-size: 16px;
		color: #333;
	}
	.lookup_list .body ul li .bottom .accept_date::before {
		content: "접수일: ";
	}
	.lookup_list .body ul li .bottom .police_station, .lookup_list .body ul li .bottom .police_officer,
		.lookup_list.different .body ul li .bottom .police_station,
		.lookup_list.different .body ul li .bottom .police_officer {
		display: inline-block;
		width: auto;
	}
	.lookup_list .body ul li .bottom .police_station, .lookup_list .body ul li .bottom .police_officer{
		padding: 2px;
	}
	.lookup_list .body ul li .bottom .police_station {
		margin-right: 10px;
	}
	.lookup_list .body ul li .middle .prime_type, .lookup_list.different .body ul li .middle .prime_type
		{
		width: 75%;
	}
	.lookup_list .body ul li .btn_group>div, .lookup_list.different .body ul li .btn_group>div
		{
		width: 100%;
		margin-bottom: 0;
		padding: 4px;
		text-align: right;
	}
	
	.lookup_list .body ul li a>div>div {
		float: none;
		text-align: left;
		padding: 7px 0;
	}
	
	.lookup_list.notice .body ul li a .top .notition_number {
		display: none;
	}
	
	.lookup_list.notice .body ul li {
		padding: 10px 15px;
	}
	
	.lookup_list.notice .body ul li a .top .notition_number {
		width: 100%;
		color: #555;
	}
	
	.lookup_list.notice .body ul li .top .title {
		width: 100%;
		padding-left: 0;
		font-size: 16px;
	}
	
	.lookup_list.notice .body ul li .middle .create_user {
		display: inline-block;
		position: relative;
		overflow: visible;
		width: auto;
		margin-right: 20px;
		color: #777;
	}
	
	.lookup_list.notice .body ul li .middle .create_user::before {
		content: "|";
		position: absolute;
		top: 50%;
		right: -12px;
		transform: translateY(-50%);
		font-size: 12px;
	}
	
	.lookup_list.notice .body ul li .middle .create_date {
		display: inline-block;
		overflow: visible;
		width: auto;
		text-align: left;
		color: #777;
	}
	

	/* 최종 확인 */
	.print_document {
		width: 100%;
	}
	.account_info .account_form_area.single>div .input_group, .account_info .account_form_area.single>div .input_group:last-child
		{
		padding-right: 5px;
	}
	.custom_title {
		padding: 15px 0 15px 35px;
	}
	.custom_title::before {
		top: 13px;
		left: 5px;
	}
	.account_info .account_form_area.single>div {
		width: 100%;
	}
	
	/* 내정보 */
	.my_account_info>.form_group .form_area .input_group .input_area {
		padding-right: 0;
	}
	.my_account_info>.form_group .form_area .input_group .input_area dt {
		width: 130px;
	}	
}

/* 사이드메뉴 스크롤 생성하기 */ 
@media screen and (max-width: 1024px) and (max-height: 1024px) {
	header .side_area {
		overflow-y: scroll;
	}
}

@media screen and (max-width: 1024px) {
	.noneDisplay {
		display: none;
	}
	/* step1 ~ 4 */
	.step_inner {
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px;
	}
	.select_list li>div .img {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.select_list li>div span {
		bottom: 14%;
		top: unset;
	}
	.select_list li>div .img {
		top: 15px;
	}
	.step_inner {
		margin: 100px auto 0;
	}

	/* crs */
	.login_status {
		display: flex;
	}
	.inner1200 {
		padding: 0 16px;
	}

	header {
		position: fixed; 
		width: 100%;
		height: 60px;
	}
	header .inner1200 {
		height: 100%;
	}
	.header_top_nav .inner1200>div.right {
		display: none; 
	}
	header h1 {
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 230px;
		height: 100%;
	}
	header h1 a {
		letter-spacing: -0.4px;
		font-size: 16px;
	}
	header h1 a span {
		letter-spacing: -0.9px;
		font-size: 10px;
		font-weight: 400;
	}
	.mobile_right {
		display: flex;
	}
	header .side_area {
		position: fixed;
		top: 100px;
		left: 0;
		width: 260px;
		height: calc(100% - 40px);
		background-color: #fff;
		display: none;
	}
	header .side_area.on {
		display: block;
	}
	header .menu_btn {
		display: block;
		width: 50px; 
		height: 50px; 
	}
	header .menu_btn.close {
		position: fixed;
		top: 45px;
		transform: translateY(0); 
	}
	header .header_nav {
		margin-right: 0;
	}
	header .header_nav>ul {
		flex-direction: column;
		width: 100%;
	}
	header .header_nav>ul>li {
		display: block;
		height: auto;
		margin-right: 0;
	}
	header .header_nav>ul>li>a {
		width: 100%;
		padding: 20px 10px;
		border-bottom: 1px solid #ddd;
	}
	header .header_nav>ul>li>a .font-family-JP {
		font-size: 17px;
	}
	header .header_nav>ul>li>a.add::before {
		right: 10px;
	}
	header .header_nav>ul>li:hover>ul {
		display: none;
		position: static;
	}
	header .header_nav>ul>li>ul {
		width: 100%;
		left: 0;
		transform: none;
	}
	header .header_nav>ul>li.active ul {
		position: static;
		display: block;
	}
	header .header_nav>ul>li>ul>li>a {
		display: block;
		padding: 15px 20px;
		background: #f5f5f5;
		border-bottom: 1px solid #ddd;
		text-align: left;
	}
	footer {
		height: auto;
	}
	footer .inner1200 {
		flex-direction: column;
	}
	footer .footer_link {
		justify-content: center;
		position: static;
	}
	footer .footer_logo {
		justify-content: center;
		margin-right: 0;
		margin-bottom: 20px;
	}
	footer .desc {
		align-items: center;
		text-align: center;
	}
	footer .desc .copy, footer .desc .warning {
		text-align: center;
	}
	footer .desc .group {
		justify-content: center;
	}
	
	footer .desc .group.font-family-EN,
	footer .desc .group.font-family-JP {
		flex-direction: row;
	}
	footer .desc .group.font-family-EN address::before,
	footer .desc .group.font-family-JP address::before  {
		display: block;
	}
	.footer-webwatch {
		display: none;
	}

	/* 메인 */
	.main #content_wrapper {
		padding-top: 140px;
		background-position: 85% 75%;
	}
	.main #content_wrapper .bottom .list {
		align-items: center;
	}
	.main #content_wrapper .bottom .list li {
		height: 185px;
	}
	.main #content_wrapper .bottom .list li a {
		flex-direction: column;
		align-items: stretch;
		padding: 20px 15px;
		width:98%;
		height:97.5%;
		margin-left:1%;
	}
	.main #content_wrapper .bottom .list li a .img {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
		margin-right: 0;
		margin-top: 0;
	}
	.main #content_wrapper .bottom .list li a dl {
		width: 100%;
		margin-top: 0px;
	}
	.main #content_wrapper .bottom .list li a dl dt {
		justify-content: center;
		text-align: center;
	}
	.main #content_wrapper .bottom .list li a dl dd {
		text-align: center;
	}

	/* 신고하기 */
	.content_box {
		padding-top: 0;
	}
	.check_list>dl>dt {
		padding: 17px 40px;
		padding-right: 20px;
	}
	.check_list>dl>dd .check_head {
		padding: 17px 40px;
		padding-right: 20px;
	}
	.check_list>dl>dd .check_content {
		padding: 17px 20px;
	}
	.check_list dl label::before {
		left: 10px;
	}
	
	/* 증거자료 첨부 모달 */
	#modify_img_modal .modal-dialog {
		max-width: 100%;
	}
}
@media screen and (max-width: 940px) {
	/* 웹접근성 - 비활성화 표시 없애기 */
	input[type="checkbox"][disabled]:checked,
	input[type="radio"][disabled]:checked {
		background: transparent;
		box-shadow: 0 0 0 0;
	}
}
/* 사이버범죄 신고 관련 개인정보 취급 동의 - 휴대전화, 아이핀, 디지털원패스 */
@media screen and (max-width: 860px) {
	.auth_btn_group button dl dd>div.font-family-EN {
		min-height: 138px;
	}
}

@media screen and (max-width: 768px) {
	/* step1 ~ 4 */
	.pagemove-list>li {
		width: 32%;
		margin-right: 2%;
	}
	.select_list li>div {
		padding-bottom: 120%;
	}
	.select_list li>div .img img {
		max-width: 95%;
		max-height: 95%;
	}
	.select_list li>div span {
		font-size: 14px;
	}
	.inner {
		box-sizing: border-box;
		width: 100%;
		padding: 0 15px;
	}
	.pagemove-list>li {
		padding: 0 25px;
	}
	.step_content .point {
		position: static;
		margin-bottom: 10px;
		text-align: right;
	}
	.auth_btn_group button dl::after {
		right: 10px;
	}
	.auth_btn_group button {
		padding: 12px 40px 12px 10px;
	}
	.pcc-V3-send .auth_btn_group button {
		padding: 12px 25px;
	}
	.auth_btn_group button img {
		width: 55px;
	}
	
	/* 사이버범죄 신고 관련 개인정보 취급 동의 - 휴대전화, 아이핀, 디지털원패스 */
	.auth_btn_group button dl dd>div.font-family-EN {
		min-height: 178PX;
	}

	/* 메인 */
	.main #content_wrapper {
		background-image: url("/asset/images/img_main_m.jpg");
		background-position: center center;
		background-size: cover;
	}
	.main #content_wrapper .bottom .list li {
		height: 210px;
	}
	.main #content_wrapper .top .desc h2 {
		font-size: 36px;
	}
	
	.main #content_wrapper .top .desc h2 > picture > img {
		width: 580px;
	}
	
	.movie_area {
		width: calc(100% - 40px);
	}
	
	/* 인적사항 입력 */
	.form_area.single .input_group {
		width: 100%;
	}
	.form_area .input_group {
		float: none;
		width: 100%;
		padding: 10px;
	}
	.account_info .account_form_area.solo .input_group.point-none dl dt {
		padding: 0 5px;
	}
	.not_victim .form_area .input_group {
		padding: 10px 10px 15px;
	}
	.not_victim .form_area .input_group dl {
		float: none;
		width: 100%;
	}
	.form_area .reported_confirm>div {
		padding-right: 10px;
	}
	.form_area .input_group .input_area {
		margin-bottom: 15px;
		padding-right: 0;
	}
	.form_area .input_group .input_area dd.address_search input[name*="ddress_zip"] {
		width: 48%;
	}
	.form_area .input_group .input_area dd.address_search button {
		right: 52%;
	}
	.account_info .account_form_area>div {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.account_info .account_form_area.single>div {
		width: 100%;
	}
	.account_info .account_form_area>div:last-child {
		margin-bottom: 0;
	}
	.account_info .account_form_area.solo>div dl dd .input_box {
		flex-direction: column;
		padding: 40px 10px 10px;
		border: 1px solid #ddd;
	}
	.account_info .account_form_area.solo>div dl dd .input_box input {
		margin-bottom: 10px;
	}
	.account_info .account_form_area.solo>div dl dd .input_box input:last-of-type
		{
		margin-bottom: 0;
	}
	.account_info .account_form_area.solo>div dl dd .form_account_field_control_button
		{
		position: absolute;
		top: 10px;
		right: 10px;
		width: auto;
	}
	
	/* 인적사항 입력 - report_step4 / 상대방 정보 - 사이트 정보, 상대방 정보 - SNS 정보 */
	.account_info .account_form_area.solo .site-group__input {
		padding-top: 32px;
	}
	
	.account_info .account_form_area.solo .input_area > dd.site-box .site-group {
		/* outline: 2px solid blue; */
		padding: 0 10px 10px;
	}
	
	footer p {
		float: none;
		margin-bottom: 15px;
		text-align: center;
	}
	footer .agree_list {
		float: none;
		text-align: center;
	}
	footer .desc .group.font-family-EN,
	footer .desc .group.font-family-JP {
		flex-direction: column;
	}
	footer .desc .group.font-family-EN address,
	footer .desc .group.font-family-JP address {
		margin-right: 0;
	}
	footer .desc .group.font-family-EN address::before,
	footer .desc .group.font-family-JP address::before  {
		display: none;
	}

	/* 진술서 */
	.question_form .account_form_area .form_area .qna_rule_answer .array_form_box
		{
		padding: 15px 10px;
	}
	.account_info .account_form_area.solo>div dl dd .input_box .label_content
		{
		margin-top: 10px;
	}
	.account_info .account_form_area.solo>div dl dd .input_box .label_content:first-child
		{
		margin-top: 0;
	}

	/* 최종 확인 */
	.print_document {
		overflow-x: scroll;
	}
	.print_document table {
		width: 21cm;
	}
	.sigPad {
		display: block !important;
		width: 302px !important;
		margin-bottom: 20px !important;
	}
	
	#message-container .sign_modal .show_smobile {
		display: block;
	}
	
	.sigPad:last-child {
		margin-bottom: 0 !important;
	}
	.sigPad .pad {
		width: 300px;
	}

	/* 내 신고/상담/제보 조회 */
	.lookup_list .body ul li .middle .prime_type {
		width: 100%;
	}
	.tab_area.my_crs {
		position: static;
	}
	.tab_area.my_crs .lookup_search {
		position: static;
	}

	/* 인적사항 입력 */
	.not_victim .form_area .input_group dl:nth-child(odd) {
		padding-right: 0;
	}

	/* 신고접수 완료 */
	.final_area .btn_group a, .final_area .btn_group button {
		padding: 0 20px;
	}
	
	/* 내정보 */
	.my_account_info>.confirm_title {
		padding: 30px 10px;
	}
	.my_account_info>.confirm_title>.top_info_list {
		right: 10px;
	}
	
	.desc_box .tbody_th_table table tbody td {
		padding: 10px;
	}
}

@media screen and (max-width: 640px) {
	a.clear_input {
		left: 165px !important;
	}

	.content {
		min-height: auto;
	}
	
	.step_btn_group.step_btn_group__step2 button {
		width: 200px;
		vertical-align: bottom;
	}
	
	/* step1 ~ 4 */
	.select_list li {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	.select_list li:nth-child(3n) {
		margin-right: 0;
	}
	.select_list li>div span {
		font-size: 16px;
	}
	.select_list li>div {
		padding-bottom: 100%;
	}
	.show640 {
		display: inline;
	}
	.none640 {
		display: none;
	}
	.guide-text {
		padding: 10px;
	}
	.auth_btn_group {
		flex-direction: column;
	}
	.auth_btn_group button {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.auth_btn_group button:last-child {
		margin-bottom: 0;
	}
	.select_list li>div .img img {
		max-width: none;
		max-height: none;
	}
	.desc_box .tbody_th_table.responsive table, .desc_box .tbody_th_table.responsive thead,
		.desc_box .tbody_th_table.responsive tbody, .desc_box .tbody_th_table.responsive th,
		.desc_box .tbody_th_table.responsive td, .desc_box .tbody_th_table.responsive tr
		{
		display: block;
	}
	.desc_box .tbody_th_table.responsive table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.desc_box .tbody_th_table.responsive table {
		width: 100%;
		border: none;
	}
	.desc_box .tbody_th_table.responsive table tr {
		margin-bottom: 30px;
		border: 1px solid #ccc;
		border-bottom: none;
	}
	.desc_box .tbody_th_table.responsive table tr td {
		display: flex;
		align-items: center;
		border: none;
		border-bottom: 1px solid #ccc;
		position: relative;
		width: 100%;
		min-height: 60px;
		padding: 10px 10px 10px calc(40% + 10px);
		text-align: left;
		vertical-align: middle;
		word-break: break-word;
	}
	.desc_box .tbody_th_table.agree2 table tr td.font-family-EN:nth-of-type(2) {
		min-height: 110px;
	}
	.desc_box .tbody_th_table.responsive table tr td:before {
		display: flex;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		width: 40%;
		padding: 10px;
		height: 100%;
		background: #e9e9e9;
		word-break: break-word;
	}
	.desc_box .tbody_th_table.responsive table tr td:after {
		content: "";
		min-height: inherit;
		font-size: 0;
	}
	/* 개인정보처리방침 */
	.desc_box .info_con .info_con_flex .icf_inner{
	 	display: block;
	}
	.desc_box .tbody_th_table.responsive.privacy table td:nth-of-type(1):before
		{
		content: "연번";
	}
	.desc_box .tbody_th_table.responsive.privacy table td:nth-of-type(2):before
		{
		content: "개인정보를 제공받는 자";
	}
	.desc_box .tbody_th_table.responsive.privacy table td:nth-of-type(3):before
		{
		content: "제공받는 자의 개인정보 이용목적";
	}
	.desc_box .tbody_th_table.responsive.privacy table td:nth-of-type(4):before
		{
		content: "제공하는 개인정보 항목";
	}
	.desc_box .tbody_th_table.responsive.privacy table td:nth-of-type(5):before
		{
		content: "제공받는 자의 보유·이용기간";
	}

	/* 제3자 제공 동의서 */
	.desc_box .tbody_th_table.responsive.agree1 table td.font-family-KO:nth-of-type(1):before
		{
		content: "수집·이용 항목";
	}
	.desc_box .tbody_th_table.responsive.agree1 table td.font-family-EN:nth-of-type(1):before
		{
		content: "Items of collection and use";
	}
	.desc_box .tbody_th_table.responsive.agree1 table td.font-family-JP:nth-of-type(1):before
		{
		content: "収集·利用項目";
	}
	.desc_box .tbody_th_table.responsive.agree1 table td.font-family-TC:nth-of-type(1):before
		{
		content: "收集·利用项目";
	} 
	.desc_box .tbody_th_table.responsive.agree1 table td.font-family-KO:nth-of-type(2):before
		{
		content: "수집·이용 목적";
	}
	.desc_box .tbody_th_table.responsive.agree1 table td.font-family-EN:nth-of-type(2):before
		{
		content: "The purpose of collection and use";
	}
	.desc_box .tbody_th_table.responsive.agree1 table td.font-family-JP:nth-of-type(2):before
		{
		content: "収集·利用目的";
	}
	.desc_box .tbody_th_table.responsive.agree1 table td.font-family-TC:nth-of-type(2):before
		{
		content: "收集·利用目的";
	}
	.desc_box .tbody_th_table.responsive.agree1 table td.font-family-KO:nth-of-type(3):before
		{
		content: "보유기간";
	}
	.desc_box .tbody_th_table.responsive.agree1 table td.font-family-EN:nth-of-type(3):before
		{
		content: "The retention periods";
	}
	.desc_box .tbody_th_table.responsive.agree1 table td.font-family-JP:nth-of-type(3):before
		{
		content: "保有期間";
	}
	.desc_box .tbody_th_table.responsive.agree1 table td.font-family-TC:nth-of-type(3):before
		{
		content: "保留期限";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-KO:nth-of-type(1):before
		{
		content: "개인정보를 제공받는 자";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-EN:nth-of-type(1):before
		{
		content: "Person who receives personal information";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-JP:nth-of-type(1):before
		{
		content: "個人情報の提供を受ける者";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-TC:nth-of-type(1):before
		{
		content: "个人信息获得者";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-KO:nth-of-type(2):before
		{
		content: "제공받는 자의 개인정보 이용목적";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-EN:nth-of-type(2):before
		{
		content: "Purpose of using the personal information of the recipient";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-JP:nth-of-type(2):before
		{
		content: "提供を受ける者の個人情報の利用目的";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-TC:nth-of-type(2):before
		{
		content: "个人信息获得者的使用目的";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-KO:nth-of-type(3):before
		{
		content: "제공하는 개인정보 항목";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-EN:nth-of-type(3):before
		{
		content: "Personal information items provided";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-JP:nth-of-type(3):before
		{
		content: "提供する個人情報の項目";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-TC:nth-of-type(3):before
		{
		content: "所提供的个人信息项目";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-KO:nth-of-type(4):before
		{
		content: "제공받는 자의 보유·이용기간";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-EN:nth-of-type(4):before
		{
		content: "Period of use held by the recipient";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-JP:nth-of-type(4):before
		{
		content: "提供を受ける者の保有利用期間";
	}
	.desc_box .tbody_th_table.responsive.agree2 table td.font-family-TC:nth-of-type(4):before
		{
		content: "接受者的保留使用期限";
	}
	
	/* 사이버범죄 신고 관련 개인정보 취급 동의 - 휴대전화, 아이핀, 디지털원패스 */
	.auth_btn_group button dl dd>div.font-family-EN {
		min-height: auto;
	}

	/* 피해자 구제 제도 */
	.desc_box .tbody_th_table.responsive.reporter1 table td:nth-of-type(1):before
		{
		content: "보상액";
	}
	.desc_box .tbody_th_table.responsive.reporter1 table td:nth-of-type(2):before
		{
		content: "대상범죄";
	}
	.desc_box .tbody_th_table.responsive.reporter2 table td:nth-of-type(1):before
		{
		content: "보상액";
	}
	.desc_box .tbody_th_table.responsive.reporter2 table td:nth-of-type(2):before
		{
		content: "지급기준";
	}
	.filter_view_list li .desc {
		padding: 0 10px;
		font-size: 15px;
	}
	.top_button {
		right: 10px;
	}

	/* 메인 */
	.main #content_wrapper .top .desc h2 > picture > img {
		width: 460px;
	}
	
	.main #content_wrapper .top .desc .text {
		font-size: 16px;
	}
	.main #content_wrapper .bottom .list li a {
		padding: 20px 10px;
		width: 96%; 
		height: 98%;
		margin-left: 2%;
	}
	.main #content_wrapper .top .tel_list {
		margin-bottom: 50px;
	}
	.main #content_wrapper .top .tel_list ul {
		flex-direction: column;
		align-items: center;
	}
	.main #content_wrapper .top .tel_list ul li {
		margin-right: 0;
	}
	.main #content_wrapper .top .desc h2 b {
		font-size: 44px;
	}
	.guide_area {
		padding: 20px;
	}
	.guide_area .img {
		display: none;
	}
	.pagemove-list>li {
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}
	.pagemove-list>li a {
		margin-bottom: 25px;
	}
	.pagemove-list>li a img {
		padding: 25px 0;
		width: 100px;
	}
	.pagemove-list>li a div p {
		margin-bottom: 25px;
	}
	.pagemove-list>li a div ul li:last-child {
		margin-bottom: 0;
	}
	.select_list li>div .img {
		top: 30px;
		width: 50px;
		height: 50px;
	}
	.content_title {
		margin-bottom: 35px;
	}
	.content {
		margin-bottom: 60px;
	}
	.content h3 {
		margin-bottom: 20px;
		font-size: 21px;
	}
	.content h4 {
		margin-bottom: 15px;
	}
	.desc_box {
		margin-bottom: 40px;
	}
	.desc_box .desc {
		padding: 15px 10px;
		margin-bottom: 20px;
		word-break: break-all;
	}
	.desc_box .list>li {
		word-break: break-all;
	}
	.content .symbol_sentence {
		padding-left: 20px;
	}
	.content .symbol_sentence::before {
		left: 5px;
	}
	.content .symbol_sentence.important_symbol::before {
		left: 0;
	}
	.title_sentence {
		padding-left: 0;
		margin-bottom: 20px;
	}
	.title_sentence dt {
		padding-left: 15px;
	}
	.title_sentence dd {
		padding-left: 20px;
	}
	.title_sentence dd::before {
		left: 5px;
	}
	.title_sentence .number_type span {
		left: 0;
	}
	.desc_box .desc .title {
		margin-bottom: 28px;
	}
	.progress_bar ul li p {
		padding-top: inherit;
		padding: 70px 10px 0;
		font-size: 14px;
	}
	.content .symbol_area {
		padding: 10px 20px;
	}
	.reporting_method {
		flex-direction: column;
	}
	.reporting_method>div {
		width: 100%;
		margin-bottom: 15px;
		margin-right: 0;
	}
	.reporting_method>div:last-child {
		margin-bottom: 0;
	}

	/* 증거자료 첨부 */
	.report_box {
		padding: 20px;
	}
	.report_box .top .group {
		flex-direction: column;
		align-items: flex-end;
	}

	.report_box .top .group .guide_button_list {
		flex-direction: column;
		align-items: flex-start;
		width: 100%;
	}
	.report_box .top .group .guide_button_list>p {
		margin-bottom: 10px;
	}
	.report_box .top .group .guide_button_list .list {
		width: 100%;
    	justify-content: right;
	}
	.desc_box .tbody_th_table {
		overflow-x: auto;
	}
	.pcc-V3-send .desc_box .tbody_th_table {
		overflow-x: inherit;
	}
	.desc_box .tbody_th_table::before {
		display: block;
	}
	.desc_box .tbody_th_table table tbody th {
		width: 30%;
	}
	.desc_box .tbody_th_table table tbody td {
		width: 70%;
	}
	.filter_tab_area .filter_tab_button {
		width: 100%;
	}
	.filter_tab_area .filter_tab_button ul li {
		line-height: 1.6;
	}
	.file_input::after {
		font-size: 14px;
	}

	/* 범죄유형 선택*/
	.representative_crime ul li>div .img {
		max-width: 35%;
	}
	.representative_crime ul li>div span {
		font-size: 14px;
	}
	.prime_select>div .top .search {
		width: 60%;
	}
	.prime_select>div ul li p {
		font-size: 14px;
	}
	.prime_select>div ul li a .font-family-EN {
		font-size: 15px;
		line-height: 16px;
		padding: 10px 0;
	}
	.prime_select>div ul li a .font-family-JP {
		word-break: break-word;
		line-height: 1.2;
	}
	.representative_crime ul li {
		width: 32%;
		margin-bottom: 15px;
	}
	.representative_crime ul li:nth-child(4n) {
		margin-right: 2%;
	}
	.representative_crime ul li:nth-child(3n) {
		margin-right: 0;
	}
	.representative_crime ul li>a span.font-family-EN {
		font-size: 14px
	}
	/* 범죄유형 선택 - 챗봇 */
	.report_box .title {
		flex-direction: column;
		align-items: inherit;
	}
	.report_box > .chatbot > .right {
		justify-content: right;
		margin-top: 4px;
	}
	/* 신고 접수하기 */
	.filter_tab_area .filter_tab_button ul li .img {
		width: 45px;
		height: 45px;
	}
	.filter_tab_area .filter_tab_button ul li .text {
		font-size: 14px;
		word-break: break-all;
	}

	/* 증거자료 첨부 */
	.attach_file ul li {
		flex-direction: column;
		align-items: flex-start;
		/* height: 220px; */
		height: auto;
		padding: 27px 10px 7px 10px;
	}
	.attach_file ul li.none {
		flex-direction: row;
	}
	.attach_file ul li .file_img {
		float: none;
		width: 100%;
		/* height: 50%; */
		height: 88px;
		margin-right: 0;
	}
	
	/* 증거자료 첨부 모달 */
	#modify_img_modal .img_comparison {
		display: flex;
		flex-direction: column;
	}
	
	#modify_img_modal .img_comparison > div {
		margin-right: 0;
		margin-bottom: 40px;
		
	}
	
	#modify_img_modal .img_comparison > div:last-child {
		margin-bottom: 0;
	}
	
	#modify_img_modal .img_comparison > div .img::before {
		content: "\f13a";
		top: auto;
		bottom: -36px;
		right: 50%;
		transform: translateX(50%);
	}
	
	/* 첨부방법 안내 */
	#attach_file_guide .modal-dialog-centered.modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 1rem);
	}
	
	/* 자주묻는 질문 */
	.qna_list ul li dl dt {
		padding: 15px 40px 15px 40px;
		font-size: 16px;
	}
	.qna_list ul li dl dt::after {
		left: 10px;
	}
	.qna_list ul li dl dd {
		padding: 15px 20px 15px 40px;
		font-size: 14px;
	}
	.qna_list ul li dl dd::after {
		top: 10px;
		left: 10px;
	}
	.normal_table {
		overflow-x: auto;
	}
	.normal_table::before {
		display: block;
	}
	.normal_table table {
		width: 600px;
	}

	/* 인적사항 입력 */
	.form_area {
		padding: 0;
	}
	.form_area.sortation {
		padding-bottom: 15px;
	}
	.form_area .reported_confirm, .not_victim .form_area .reported_confirm {
		flex-direction: column;
		align-items: stretch;
	}
	.not_victim .form_area .input_group {
		padding: 0 10px 15px;
	}
	.form_area .reported_confirm p {
		white-space: normal;
		padding-left: 10px;
		padding-top: 5px;
	}
	.form_area .reported_confirm>div {
		min-height: auto;
		margin-left: -10px;
		padding-right: 0;
	}
	.not_victim .form_area .input_group .input_area dt, .not_victim .form_area .input_group .input_area dd
		{
		width: 100%;
	}
	.check_list dl dd .box {
		padding: 15px;
	}
	.prime_select>div .top .search input[type="text"] {
		font-size: 14px;
	}
	
	/* 인적사항 입력 - report_step4 / 상대방 정보 - 사이트 정보, 상대방 정보 - SNS 정보 */
	.account_info .account_form_area.solo .input_group_double {
		flex-direction: column;
	}
	
	.account_info .account_form_area.solo .input_group_double {
		padding: 0 5px;
	}
	
	.account_info .account_form_area.solo .input_area > dd.site-box .site-group .site-group__input {
		flex-shrink: 1;
	}

	/* 진술서 */
	.content_title .location.location-flex-640 {
		flex-direction: column;
		align-items: flex-end;
	}
	.content_title .location.location-flex-640 li:nth-child(1) {
		margin-bottom: 3px;
	}
	.content_title .location.location-flex-640 li:nth-child(2) {
		margin-bottom: 4px;
	}
	.content_title .location.location-flex-640 li::after {
		margin: 0 2px 0 10px;
	}
	
	.tab_area.select_style .top_area {
		display: flex;
		flex-direction: column;
	}
	
	.question_form .array_form button.add_economy_info {
		position: static;
		margin-left: auto;
	}
	.question_form .common_form_header .top .qna_form_area {
		margin-bottom: 20px;
	}
	.question_form .common_form_header .top .qna_form_area:last-child {
		margin-bottom: 0;
	}
	
	.form_area .input_group .input_area {
		flex-direction: column;
	}
	.form_area .input_group .input_area dt {
		float: none;
		width: 100%;
		margin-bottom: 0;
	}
	.form_area .input_group .input_area dd {
		float: none;
		width: 100%;
		padding: 0;
	}
	.detail_question_area>li .detail_quest {
		float: none;
		width: 100%;
		margin-bottom: 0;
	}
	.detail_question_area>li .detail_answer {
		float: none;
		width: 100%;
	}
	.detail_question_area>li .detail_quest.w150,
	.detail_question_area>li .detail_quest.w200,
	.detail_question_area>li .detail_quest.w250 {
		width: auto;
	}
	.detail_question_area>li .detail_answer label {
		white-space: normal;
	}
	.array_form .title .sub_title .small {
		font-size: 13px;
	}
	.form_area .input_group .input_area dt.opacity {
		display: none;
		height: 0;
		margin-bottom: 0;
	}
	.question_form .question_area>dd .hidden_box ul {
		padding: 10px;
	}
	.question_form .question_area>dd .hidden_box ul li {
		flex-direction: column;
		align-items: flex-start;
	}
	.question_form .question_area>dd .hidden_box ul li p {
		width: auto;
		margin-bottom: 5px;
	}
	.question_form .array_form .button_group button {
		margin-top: 0;
		font-size: 14px;
	}
	.detail_question_area {
		padding: 10px;
	}
	.output_text {
		padding-left: 20px;
	}
	.question_form button.sample_answer_button {
		display: inline-flex;
		margin-left: 0;
		margin-top: 0;
	}
	.detail_question_area>li {
		flex-direction: column;
	}

	/*신고접수 완료 */
	
	.final_area .btn_group a {
		float: left;
		width: 49%;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.final_area .btn_group a:last-of-type {
		margin-right: 0;
	}
	.final_area .btn_group button {
		width: 100%;
	}
	.final_area .final_table {
		display: none;
		padding-top: 25px;
		overflow-x: auto;
	}
	.mobile_final_table {
		display: block;
	}
	
	.pagenation {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
	
	.pagenation > div {
		margin-bottom: 20px;
	}
	
	.pagenation > div:last-child {
		margin-bottom: 0;
	}
	
	.pagenation > div:first-child button:last-child {
		margin-right: 0;
	}
	
	.pagenation > div:last-child button:first-child {
		margin-left: 0;
	}
	
	.pagenation button {
		margin-right: 15px;
	}
	/* 내정보 */
	.my_account_info>.confirm_title {
		flex-wrap: wrap;
		padding: 15px 10px;
	}
	.my_account_info>.confirm_title>.top_info_list {
		position: static;
		width: 100%;
		transform: translateY(0);
	}
	
	/* report_step4 - 인적사항 입력 - 주민번호 뒷자리 입력 모달 */
	#matched_info_modal .matched_info_form,
	#matched_info_modal .matched_info_image,
	#matched_info_multi_modal .matched_info_form,
	#matched_info_multi_modal .matched_info_image{
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	a.clear_input {
		left: 85% !important;
	}
	
	/* step 1 ~ 4 */
	.step_content {
		margin-bottom: 20px;
	}
	.select_list li>div .img {
		top: 20px;
		width: 40px;
		height: 40px;
	}
	.step_btn_group {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.step_btn_group button {
		width: 200px;
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.content .symbol_area .img {
		display: none;
	}
	.content_title .location.location-flex-480{
		flex-direction: column;
		align-items: end;
	}
	.content_title .location.location-flex-480 li:nth-child(1) {
		margin-bottom: 3px;
	}
	.content_title .location.location-flex-480 li:nth-child(2) {
		margin-bottom: 4px;
	}
	.content_title .location.location-flex-480 li::after {
		margin: 0 2px 0 10px;
	}
	.sub_page_guide {
		padding: 20px 20px 0;
	}
	.filter_view_list li {
		width: 100%;
		height: auto;
		margin-right: 0;
		padding-bottom: 20px;
	}
	.filter_view_list li .img {
		height: 80px;
	}
	.filter_view_list li .desc {
		font-size: 16px;
	}

	/* 메인 */
	.main #content_wrapper .top .desc h2 {
		font-size: 32px;
	}
	.main #content_wrapper .top .desc h2 b {
		font-size: 38px;
	}
	.main #content_wrapper .top .desc h2 > picture > img {
		width: 400px;
	}

	.main #content_wrapper .top .tel_list li a .tel_desc {
		flex-direction: column;
		align-items: baseline;
		min-width: 300px;
		padding-left: 18px;
	}
	.tel_desc__EN {
		max-width: 300px;
	}
	.tel_desc__JP {
		min-width: 300px;
	}
	.tel_desc__TC {
		margin-left: -18px;
	}
	.tel_desc__EN, 
	.tel_desc__JP,
	.tel_desc__TC {
		padding-left: 0;
	}
	.main #content_wrapper .bottom .list {
		flex-direction: column;
	}
	.main #content_wrapper .bottom .list li {
		width: 100%;
		margin-right: 0;
		height: auto;
	}
	
	.main #content_wrapper .bottom .list li a {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	
	
	
	.main #content_wrapper .bottom .list li a .img {
		width: auto;
		margin-left: 10px;
		margin-right: 35px;
		margin-bottom: 0;
	}
	.main #content_wrapper .bottom .list li a dl {
		display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	}
	.main #content_wrapper .bottom .list li a dl dt {
		justify-content: flex-start;
	}
	.main #content_wrapper .bottom .list li a dl dd {
		text-align: left;
	}
	
	.movie_area {
		width: calc(100% - 20px);
	}
	
	/* 증거자료 첨부 */
	.tab_area .tab_button_list {
		width: 100%;
		font-size: 14px;
	}
	.desc_box .tbody_th_table table {
		font-size: 14px;
	}
	.desc_box .box_list li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.desc_box .box_list li:last-child {
		margin-bottom: 0;
	}
	.guide_area {
		padding: 10px;
	}
	.report_box {
		padding: 15px;
	}

	/* 범죄유형 선택*/
	.representative_crime ul li>div span {
		font-size: 12px;
	}

	/* 증거자료 첨부 */
	.attach_file ul li {
		flex-direction: row;
		width: 100%;
		height: 130px;
		margin-right: 0;
		padding: 20px 10px;
	}
	.attach_file ul li .file_img {
		float: left;
		width: 88px;
		height: 100%;
		margin-right: 15px;
	}

	/* 진술서 */
	.tab_area.select_style .tab_button_list {
		width: 100%;
	}
	.question_form .question_area>dd .hidden_box ul li .input_box {
		flex-direction: column;
		align-items: center;
	}

	/* 내 신고 조회 */
	.select_date {
		display: flex;
		align-items: center;
	}
	.select_date input[type="text"] {
		width: 100%;
	}
}

@media screen and (max-width: 420px) {
	/* step 1 ~ 4 */
	#message-container .message-content .img.step2_img img {
		max-width: 80%;
	}
	#message-container .message-content .title {
		font-size: 16px;
	}
	.progress_bar ul li {
		width: 19%;
		height: 130px;
		margin: 0 .5%;
	}
	.progress_bar ul li::before {
		width: 40px;
		height: 40px;
	}
	.progress_bar ul li span {
		font-size: 16px;
	}
	.progress_bar ul li p {
		padding: 55px 0 0;
	}

	/* 공통 */
	header h1 {
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 18px;
	}
	footer .desc .group {
		flex-direction: column;
		align-items: center;
	}
	footer .desc .group address {
		margin-right: 0;
		margin-bottom: 10px;
	}
	footer .desc .group address::before {
		display: none;
	}
	.width-200 {
		width: 100% !important;
	}

	/* 메인 */
	.main #content_wrapper .top .desc h2 {
		font-size: 26px;
	}
	.main #content_wrapper .top .desc h2 b {
		font-size: 32px;
	}
	.main #content_wrapper .top .desc h2 > picture > img {
		width: 340px;
	}
	.main #content_wrapper .top .tel_list li a .tel_desc,
	.tel_desc__JP {
		min-width: 250px;
	}
	.tel_desc__JP {
		min-width: 230px;
	}
	.tel_desc__TC {
		display: flex;
		flex-direction: column;
		align-items: baseline;
   		min-width: 230px;
   		padding-left: 18px
	}
	.main #content_wrapper .top .tel_list li a .tel_desc .tel_desc__TC .title {
	 	padding-bottom: 4px;
	}

	/* 모달 공통 */
	#message-container .message-box {
		width: 90%;
		min-width: auto;
	}

	/* 범죄유형 선택*/
	.representative_crime ul li>div span {
		font-size: 14px;
	}
	.representative_crime ul li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 5px;
	}
	.representative_crime ul li>div .img {
		max-width: 40%;
	}
	.representative_crime ul li>div .img img {
		width: 100%;
	}
	.representative_crime ul li:nth-child(3n) {
		margin-right: 2%;
	}
	.representative_crime ul li:nth-child(even) {
		margin-right: 0;
	}

	/* 신고 접수하기 */
	.filter_tab_area .filter_tab_button ul li {
		height: 140px;
		padding: 10px;
	}
	.filter_tab_area .filter_tab_button ul li .text {
		font-size: 12px;
	}

	/* 인적사항 입력 */
	.form_area .reported_confirm p {
		margin-bottom: 5px;
	}
	.detail_question_area>li .detail_answer .date_area {
		flex-direction: column;
	}
	.suspect_top {
		padding: 0 35px 0 10px;
	}
	.question_form .account_form_area .qna_rule_answer .head {
		padding: 15px 35px 15px 10px;
	}
	
	/* 인적사항 입력 - report_step4 / 상대방 정보 - 사이트 정보, 상대방 정보 - SNS 정보 */
	.account_info .account_form_area.solo .input_group_double dl.left {
		width: 100%;
	}
	
	.account_info .account_form_area>div .div_etc {
		margin-bottom: 6px;
	}

	/* 진술서 */
	.input_area dd input[type="date"], .input_area dd input[type="datetime-local"],
		.flatpickr-mobile {
		min-width: calc(100% - 20px);
	}
	.suspect_top .button {
		right: 10px;
	}

	/* 이력 조회 */
	.lookup_list .body ul li>div>div {
		font-size: 14px;
	}
	.lookup_list .body ul li .bottom .process {
		width: auto;
	}
	.lookup_list .body ul li .bottom .create_date, .lookup_list .body ul li .bottom .accept_date
		{
		font-size: 14px;
	}
	.lookup_list .body ul li .bottom .create_date::before, .lookup_list .body ul li .bottom .accept_date::before
		{
		font-size: 13px;
	}
	
	
	/* 최종완료 */
	.final_area .main #content_wrapper_message {
		font-size: 26px;
	}
}

@media screen and (max-width: 360px) {
	.mobile_right a {
		font-size: 13.5px;
		margin-bottom: 0;
	}
	
	/* step 1 ~ 4 */
	.select_list li>div .img {
		top: 15px;
		width: 35px;
		height: 35px;
	}
	
	/* 메인 */
	.main #content_wrapper .top .desc h2 {
		font-size: 22px;
	}
	.main #content_wrapper .top .desc h2 b {
		font-size: 28px;
	}
	.main #content_wrapper .top .desc h2 > picture > img {
		width: 300px;
	}
	.main #content_wrapper .bottom .list li a {
		padding: 20px 5px;
	}
	
	.main #content_wrapper .bottom .list li a .img {
		margin-left: 0;
    	margin-right: 15px;
	}
	
	.main #content_wrapper .top .tel_list li a .tel_desc {
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		padding-left: 14px;
	}
	
	.tel_desc__EN,
	.tel_desc__JP,
	.tel_desc__TC {
		margin-left: 0;
		padding-left: 0;
	}
	
	.main #content_wrapper .top .tel_list li a .tel_desc .title {
		margin-bottom: 6px;
	}
	
	.main #content_wrapper .top .tel_list li a .tel_desc .tel_desc__EN  .title {
		margin-bottom: 4px;
		padding-bottom: 0;
		font-size: 15px;
	}
	
	.main #content_wrapper .top .tel_list li a .tel_desc .tel_desc__EN  .guide {
		font-size: 13px;
	}
	
	.main #content_wrapper .top .tel_list li a .tel_desc .tel_desc__JP  .title {
		margin-bottom: 0;
	}
	
	/* 인적사항 */
	.target_info { 
		padding: 4px 4px 0px 10px;
	}
	.form_area .input_group {
		padding: 10px 5px;
	}
	.not_victim .form_area .input_group {
		padding: 10px 5px 15px;
	}

	.not_victim .form_area .input_group .input_area dd {
		width: 100%;
	}
	.account_info {
		padding: 10px 5px;
	}
	.account_info .account_form_area>div {
		padding: 5px;
	}
	.account_info .account_form_area>div .input_group {
		padding: 10px 0;
	}
	.account_info .account_form_area>div .input_group,
	.account_info .account_form_area>div .input_group.point-none {
		padding: 0;
	}
	.account_info .account_form_area>div .input_group.point-none {
		margin-top: 4px;
	}
	.account_info .account_form_area.solo>div .input_group.point-none .input_area dd {
		padding: 0 5px;
	}
	/* 범죄유형 선택*/
	.representative_crime ul li>div .img {
		width: 90%;
	}
	.representative_crime ul li>div span {
		font-size: 13px;
	}
	.prime_select>div .top .search {
		width: 50%;
	}

	/* 증거자료 첨부 */
	.report_box .top .group .guide_button_list .list button {
		padding: 0;
	}

	/* 진술서 */
	.question_form .question_area>dd>label, .detail_question_area .detail_answer label
		{
		white-space: normal;
	}

	/* 최종 확인 */
	.sigPad {
		width: 100% !important;
		margin-bottom: 20px!important;
	}
	.sigPad .pad {
		width: 100% !important;
		height: 160px !important;
	}
	
	/* 신고접수 완료 */
	.final_area .btn_group a {
		margin-bottom: 5px;
	}
	.final_area .btn_group a, .final_area .btn_group button {
		padding: 0 10px;
	}
}
@media screen and (max-width: 320px) {
	.select_list li>div span {
		bottom: 9%;
		font-size: 15px;
	}
	.progress_bar ul li p {
		font-size: 12px;
	}
	
	/* 범죄유형 선택 */
	.content_title .location.location-flex-320 {
		flex-direction: column;
		align-items: flex-end;
	}
	.content_title .location.location-flex-320 li:nth-child(1) {
		margin-bottom: 3px;
	}
	.content_title .location.location-flex-320 li:nth-child(2) {
		margin-bottom: 4px;
	}
	.content_title .location.location-flex-320 li::after {
		margin: 0 2px 0 10px;
	}
	/* 신고하기 - 증거자료 첨부 - 신분증 파일 첨부 */
	#modify_img_modal .modal-dialog .modal-body>div:first-child {
		font-size: 15px;
	}
	.mobile_right {
		right: 1px;
	}
}