@charset "utf-8";

/* ***** 반응형 (max-width) ***** */
@media (max-width : 1920px) {

	html,
	body {
		font-size: 8.5px;
	}

	.header_top,
	.header_center,
	.gnb_wrap,
	.sub_contents,
	.satisfaction,
	.footer .f_menu ul,
	.footer .f_bottom,
	.main_inner,
	.top_banner .inner,
	html .pop_main>section>div {
		padding-left: 2rem;
		padding-right: 2rem;
		width: 100%;
		max-width: 1400px;
	}

	.certify_top .inner,
	.visual_slider .item .box {
		width: 100%;
		max-width: 1400px;
	}

	.gnb_submenu,
	.sitemap_menu ul {
		width: 100%;
		max-width: calc(1400px - 4rem);
	}

	.main_section5 .main_inner,
	.main_section6 .main_inner {
		max-width: 1600px;
	}

	.header_top {
		margin-bottom: 1rem;
	}

	.header_center {
		margin-bottom: 1.5rem;
	}

	.header_gnb {
		height: 8rem;
	}

	.header_gnb:before {
		top: 8rem;
	}

	.gnb_wrap .ico_sitemap {
		width: 8rem;
		height: 8rem;
	}

	.gnb_wrap .gnb>li>a {
		font-size: 2rem;
	}

	.gnb_wrap .gnb>li>ul {
		top: 8rem;
	}

	/* 범죄피해자지원포털 메인 */
	.main_btn {
		min-width: 14rem;
	}

	.main_title .title {
		font-size: 3rem;
	}

	.main_title .desc {
		font-size: 1.88235rem;
	}

	.main_system li {
		background-position: right -10px top;
		background-size: auto 90%;
	}

	.main_system li.box2,
	.main_system li.box3,
	.main_system li.box6 {
		background-position: right -10px center;
	}

	.main_system li.box5 {
		background-position: right -10px bottom;
	}

	.main_volunteer li {
		padding-top: 18rem;
	}

	.main_volunteer li .con {
		height: 72px;
		line-height: 24px;
	}

	.main_tab .tab_con {
		padding: 4rem 4rem 4rem 50%;
	}

	.victim_main section .tit,
	.main_system li .tit {
		font-size: 2.6rem;
	}

	/* 형사사법포털 메인 */
	.main_section4 .main_title .title {
		font-size: 2.6rem;
	}

	.main_pro>a {
		height: 30rem;
		font-size: 2.6rem;
	}

	.banner_slide {
		height: 30rem;
	}

	.btn_victim_go {
		height: 5rem;
		font-size: 2.2rem;
	}

	.main_section7 p {
		font-size: 2.4rem;
	}

	.crime_main section .tit {
		font-size: 2.6rem;
	}

	.top_title {
		padding-left: 2rem;
		padding-right: 2rem;
		width: 100%;
	}

	/* 홍보센터 및 동영상 */
	.pr_main a {
		height: 28rem;
	}

	.pr_main .pr1 {
		background-size: auto 25rem;
	}

	.pr_main .pr2 {
		background-size: auto 24rem;
	}

	.pr_main .pr3,
	.pr_main .pr4 {
		background-size: auto 22rem;
	}

	.pr_main a span {
		font-size: 3rem;
	}

	.pr_title {
		margin-bottom: 10rem;
		padding: 3rem;
	}

	.pr_title:before {
		width: 33rem;
		height: 20rem;
		background-size: auto 20rem;
	}

	.pr_title strong {
		font-size: 3rem;
	}

	.video_area {
		height: 60rem;
	}

	.video_area .video {
		flex: 2;
	}

	/* my kics */
	.certify_wrap .terams_box {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	/*영문*/
	.en_wrap .header_gnb:before {
		top: 7.8rem;
	}

	.en_wrap .gnb_wrap .gnb {
		height: 8rem;
	}

	.en_main_footer .site_links li.item5 {
		margin-left: 5px;
	}
}

@media (max-width : 1600px) {

	.header_top,
	.header_center,
	.gnb_wrap,
	.sub_contents,
	.satisfaction,
	.footer .f_menu ul,
	.footer .f_bottom,
	.main_inner,
	.certify_top .inner,
	.pop_main>section>div,
	.top_banner .inner,
	.visual_slider .item .box {
		max-width: 1200px;
	}

	.gnb_submenu,
	.sitemap_menu ul {
		max-width: calc(1200px - 4rem);
	}

	.main_section5 .main_inner,
	.main_section6 .main_inner {
		max-width: 1320px;
	}

	.quick {
		right: 2rem;
	}

	.main_system li {
		padding: 3rem;
	}

	.main_system li.box2,
	.main_system li.box3,
	.main_system li.box6 {
		background-position: right -25px center;
	}

	.main_tab .tab_con.box4 {
		background-position: left top;
	}

	.mykics .mykics_top .civil_box .tit {
		font-size: 1.7rem;
	}

	.mykics .mykics_top .civil_box .cnt {
		font-size: 3rem;
	}

	.mykics .grid_table .grid_btn.small>button {
		min-width: 9rem;
	}

	.search_table_wrap {
		padding: 4rem 8rem 4rem 4rem;
	}

	.search_table_wrap.w_80per {
		width: 90%;
	}

	.case_sch.pop_contents .search_table_wrap {
		padding: 2rem 1.6rem;
	}

	.fine_list {
		gap: 3rem;
	}

	.fine_grp .left .con br {
		display: none;
	}


	.grid_table .grid_btn.small>button {
		min-width: initial !important;
		font-size: 12px;
	}

	.en_main_footer .site_links li.item5 {
		margin-left: -5px;
	}
}

@media (max-width : 1400px) {
	.gnb_wrap .gnb>li>ul>li>a {
		padding: 1rem;
	}

	/* 검색 */
	.searchbox2 {
		padding: 3rem;
	}

	.searchbox2 .row .field:last-child {
		flex-grow: 3;
	}

	.searchbox2 .searchA {
		margin-right: 2%;
	}

	.searchbox2 .row .search_input label {
		width: 25%;
	}

	.search_input .w2selectbox_native {
		width: 45%;
		padding: 0 3rem;
	}

	/*search table*/
	.search_table_wrap {
		padding: 4rem 0;
		flex-direction: column;
		gap: 4rem;
	}

	.search_table_wrap .search_btnarea input[type="button"] {
		display: inline-block;
	}

	.search_table_wrap .search_btnarea input[type="button"]+input[type="button"] {
		margin-top: 0;
		margin-left: 10px;
	}

	.search_table.w2tb_adaptive_layout .w2tb_td {
		border: none !important;
		padding-left: 120px;
	}

	.search_table.w2tb_adaptive_layout .w2tb_td:before {
		top: 50%;
		transform: translateY(-50%);
		padding-left: 12px;
		text-align: left;
		font-weight: normal;
		background: #fff;
		white-space: initial;
		border-right: none;
	}

	.search_table.w2tb_adaptive_layout .mb_req:after {
		content: "*";
		position: absolute;
		top: 60%;
		transform: translateY(-50%);
		left: 0;
		color: #ff0000;
		font-weight: bold;
		font-size: 14px;
		height: auto;
		visibility: visible;
	}

	.search_table.w2tb_adaptive_layout .sch_inp_desc.mb_req:after {
		top: 42%
	}

	.gray_color .search_table.w2tb_adaptive_layout .w2tb_td:before,
	.grey_color .search_table.w2tb_adaptive_layout .w2tb_td:before {
		background: transparent;
	}

	/* 민원신청 */
	.btnarea input[type="button"]+input[type="button"] {
		margin-left: 1rem;
	}

	.btnarea .right {
		position: static;
		margin-left: 1rem;
	}

	.view_table.w2tb_adaptive_layout .w2tb_td {
		padding-left: 136px;
		min-height: 42px;
	}

	.view_table.w2tb_adaptive_layout .w2tb_td:before {
		width: 120px;
		padding: 10px;
		text-align: right;
		font-weight: normal;
		white-space: initial;
		box-sizing: border-box
	}

	/*내게 필요한 지원제도 찾기*/
	.system_tab .accodian_box2 ul li {
		padding: 2rem;
	}

	.system_tab .accodian_box2 .title {
		flex-wrap: wrap;
		height: auto;
	}

	.system_tab .accodian_box2 .btnArea {
		width: 100%;
		text-align: left;
	}

	.system_tab .accodian_box2 .btnArea.alone {
		padding-left: 27rem;
	}

	.w2tb .w2tb_th .tooltip .tip_box {
		left: -8px;
	}

	.w2tb .w2tb_th .tooltip .tip_box:before {
		left: 14px;
	}

	/*관리자*/
	.admin .header * {
		font-size: 1.6rem;
	}

	.pop_contents.civil_apply .doc_preview {
		height: 45.6rem;
	}

	.en_wrap .pro_wrap .pro_tit {
		font-size: 14px;
	}

	.en_wrap .mb_block2 {
		display: block;
	}
}

@media (max-width : 1024px) {

	html,
	body {
		font-size: 8px;
		-webkit-text-size-adjust: none;
	}

	.web_only {
		display: none !important;
	}

	.tablet_only,
	.tabmobile_only {
		display: block !important;
	}

	.fspacebw {
		flex-direction: column;
	}

	.main_popup {
		position: absolute;
		left: 0;
		right: 0;
	}

	.main_popup .popup {
		position: relative;
		left: 0 !important;
		right: 0 !important;
		top: 0 !important;
		margin: 2rem auto;
		width: auto;
		max-width: 70rem;
		transform: translate(0, 0) !important;
	}

	.pop_simple_certi .popup {
		max-width: 96%;
		width: 96%;
		top: 2%;
		height: 88%;
		padding-bottom: 40px;
		box-sizing: border-box;
	}

	.w2popup_window.pop_simple_certi {
		width: calc(100% - 5rem) !important;
		height: 90% !important;
	}

	.main_popup .popup .title {
		min-height: 6rem;
		font-size: 2.4rem;
	}

	.main_popup .popup .cont {
		height: 35rem;
	}

	.main_popup .popup .btn_close {
		right: 1rem;
		top: 1rem;
	}

	.top_banner .inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.top_banner .txt {
		font-size: 1.6rem;
	}

	.top_banner .chk_grp {
		width: 100%;
		text-align: right;
	}

	body.en_main_body .header {
		position: relative;
	}

	.header_top {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 0;
		height: 4rem;
	}

	.header_top .nuri {
		height: 100%;
		background-size: auto 12px;
		font-size: 13px;
		line-height: 1.2em;
	}

	.header_top .site_link,
	.header_center .top_menu,
	.header_gnb {
		display: none;
	}

	.header_center {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		margin: 0;
		height: 8rem;
		text-align: center;
	}

	.header_center .ico_login {
		display: block;
		position: absolute;
		right: 38px;
		top: -4px;
		height: inherit;
	}

	.header_center .ico_login input[type="button"] {
		display: inline-block;
		width: 8rem;
		height: 8rem;
		text-indent: -9999px;
		background-image: url("../img/btn_login.png");
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 28px;
	}

	.header_center .ico_login.logout input[type="button"] {
		background-image: url("../img/btn_logout.png");
	}

	.header_center .ico_menu {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		height: inherit;
	}

	.header_center .ico_menu input[type="button"] {
		display: inline-block;
		width: 8rem;
		height: 8rem;
		text-indent: -9999px;
		background: url("../img/icon_btn_menu_open.png") center center no-repeat;
		background-size: auto 24px;
	}

	.sitemap_menu {
		border-top: 1px solid #e1e1e1;
	}

	.sitemap_menu .ico_home {
		max-width: 7.8rem;
	}

	.sitemap_menu ul {
		height: 6rem;
	}

	.sitemap_menu ul li:last-child {
		display: flex;
		width: calc(100% - 7.8rem);
	}

	.sitemap_menu .site_two_depth {
		border-right: none;
	}

	.quick {
		bottom: 3rem;
		right: 1rem;
		text-align: right;
		padding: 0.5rem;
		background: transparent;
		box-shadow: none;
	}

	.quick_btn {
		display: block;
	}

	.quick_box {
		display: none;
	}

	.quick_area {
		position: relative;
	}

	.quick_area.active .quick_btn {
		transform: rotate(-135deg);
	}

	.quick_area.active .quick_box {
		display: block;
		position: absolute;
		bottom: 0;
		right: 52px;
	}

	.quick_box>strong {
		display: none;
	}

	.quick_box button {
		width: 14rem;
		height: 5rem;
		padding: 1rem;
		font-size: 1.4rem;
		font-weight: bold;
		background: #fff;
		border-radius: 3rem;
		box-shadow: 0.23rem 0.19rem 0.94rem 0.06rem rgba(0, 0, 0, 0.1);
		box-sizing: border-box;
	}

	.quick_box button br {
		display: none;
	}

	.quick_box button:before {
		display: none;
	}

	.quick_top {
		width: 6rem;
		margin-top: 1rem;
		border-radius: 50% !important;
	}

	.footer .f_bottom {
		display: block;
	}

	.footer .f_bottom .left {
		margin-bottom: 3rem;
		padding: 0 2rem;
	}

	.footer .f_bottom .right {
		justify-content: center;
		padding: 2rem;
		width: 100%;
		height: auto;
	}

	.footer .f_logo {
		margin-bottom: 3rem;
	}

	.footer .f_copy,
	.footer .f_address {
		font-size: 1.6rem;
	}

	.footer .txt_app {
		font-size: 1.8rem;
	}

	.footer .app_down {
		flex-direction: column;
	}

	.footer .app_down .item+.item {
		margin-left: 0;
		margin-top: 1rem;
	}

	.footer .app_down a {
		width: 22rem;
		height: 6rem;
		border: none;
		background-repeat: no-repeat;
	}

	.footer .app_down .android {
		background-image: url(../img/icon_app_google.png);
	}

	.footer .app_down .ios {
		background-image: url(../img/icon_app_apple.png);
	}

	.footer .app_down span {
		display: none;
	}

	.satisfaction_box .rdo_grp .w2radio_item {
		padding-right: 15px;
	}

	/* 팝업 */
	.w2popup_window.pop_crime,
	.w2popup_window.pop_victim {
		display: none;
	}

	/* 범죄피해자지원포털 메인 */
	.main_row1 .main_inner {
		flex-direction: column;
	}

	.main_row1 {
		height: auto;
	}

	.main_slide_wrap {
		height: 432px;
		flex: 1;
		padding-bottom: 0;
	}

	.main_slide .swiper-slide {
		height: 54rem;
	}

	.main_slide .swiper-slide .box {
		padding: 0 3rem;
	}

	.main_slide .swiper-slide .txt {
		font-size: 3rem;
	}

	.main_slide .swiper-slide .txt * {
		font-size: 3rem;
	}

	.main_slide .swiper-slide .txt strong {
		font-size: 3.2rem;
	}

	.main_slide .slide_ctl .swiper-pagination {
		position: absolute;
		bottom: 4rem;
		width: 320px;
		left: 20px;
	}

	.main_slide .slide_ctl .swiper-pagination span {
		margin: 0 4px;
	}

	.main_slide .slide_ctl .controls {
		display: none;
	}

	.main_row1 .mycase_dir {
		padding: 8rem 3rem;
		background-position: calc(100% - 2rem) 40%;
	}

	.main_row1 .mycase_dir .title {
		font-size: 3rem;
		text-align: left;
	}

	.mycase_dir .icon_imgs {
		text-align: left;
	}

	.mycase_dir .icon_imgs img {
		width: 60%;
	}

	.main_slide .slide_ctl {
		margin-top: 0;
		height: auto;
	}

	.main_slide .btn_scroll {
		display: none;
	}

	.main_system {
		gap: 2rem;
	}

	.main_system li {
		flex: 1 1 40%;
		padding: 3rem;
		background-size: auto 80%;
	}

	.main_volunteer {
		gap: 2rem;
		flex-wrap: wrap;
	}

	.main_volunteer li {
		flex: unset;
		padding-top: 14rem;
		width: calc(50% - 1rem);
		background-size: auto 12rem !important;
	}

	.main_tab .w2tabcontrol>ul li a {
		width: auto;
	}

	.main_tab .tab_con {
		padding: 20rem 3rem 3rem;
		background-size: auto 18rem !important;
	}

	.main_tab .tab_con.box2,
	.main_tab .tab_con.box3,
	.main_tab .tab_con.box4 {
		background-position: center top;
	}

	.main_guide,
	.main_notice {
		flex-direction: column;
		gap: 2rem;
	}

	/* 형사사법포털 메인 */
	.visual_slider {
		height: 40rem;
	}

	.visual_slider .main_slide_ctl {
		width: 90%;
	}

	.visual_slider .item .box {
		padding: 0 5rem;
	}

	.visual_slider .item .txt {
		max-width: 90%;
		font-size: 4rem;
		word-break: keep-all;
	}

	.service_slide .slide_grp {
		flex-wrap: wrap;
		gap: 1rem;
	}

	.service_slide .slide_grp li {
		padding: 0;
		width: calc(25% - 1rem);
	}

	.service_slide .flex-direction-nav a {
		top: 50%;
		margin-top: -8rem;
	}

	.main_service {
		gap: 2rem;
	}

	.main_service li {
		width: calc(50% - 1rem);
	}

	.main_pro {
		flex-direction: column;
	}

	.main_pro>a {
		padding: 1.5rem 3rem;
		width: auto;
		height: 9.3rem;
		font-size: 2.4rem;
	}

	/* sub */
	.pop_main h2 {
		padding: 1rem 0 3rem;
	}

	.pop_main .service_list {
		gap: 2rem;
	}

	.pop_main .service_list li {
		width: calc(50% - 1rem);
	}

	.pop_main .search_box .search_form {
		width: 80%;
	}

	.victim_system_top .sub_menu li {
		width: 49%;
	}

	.top_title {
		margin-bottom: 2rem;
		height: 10rem;
		line-height: 1.4;
	}

	.top_title span {
		font-size: 3.2rem;
	}

	/*전자점자 버튼*/
	.top_title_wrap .elect_brale {
		position: relative;
		top: auto;
		left: auto;
		margin-left: 0;
		margin-bottom: 10px;
		transform: initial;
		text-align: center;
	}

	.grid_col3 {
		grid-template-columns: repeat(2, 1fr);
	}

	.tab_box .w2tabcontrol_tabhost li a {
		padding: 1rem;
	}

	.siteLink_top {
		flex-wrap: wrap;
	}

	.siteLink_top li {
		flex: 1 1 30%;
	}

	.accodian_box .tb_in {
		padding: 2rem;
	}

	.form_area {
		width: 100%;
		padding: 1rem;
	}

	.row {
		flex-direction: column;
		margin: 0
	}

	.row .field {
		margin: 0 0 10px 0;
		line-height: 4rem;
	}

	.tablebox .row .field {
		margin: 0
	}

	.sch_chk_option .chk_opt_grp {
		width: 100%;
	}

	.searchbox2 {
		display: block;
		padding: 3rem;
	}

	.searchbox2 .searchA {
		margin: 0;
	}

	.searchbox2 .searchB {
		width: 100%;
		margin-top: 2rem;
		text-align: center;
		flex-direction: row;
		max-width: inherit;
	}

	.searchbox2 .row .search_input label {
		width: 30%;
	}

	.searchwidth {
		width: 100%;
	}

	.icon_court:before {
		content: "";
		content: none;
	}

	.info_flex {
		flex-direction: column;
	}

	.img_info {
		margin-bottom: 2rem;
		width: 100%;
		height: 100px;
		background-position: center;
		background-size: auto 100%;
	}

	.title_info {
		width: 100%;
	}

	.linebox {
		padding: 3rem 2rem;
		min-height: 7rem;
	}

	.login_area .login_grp {
		width: calc(100% / 2 - 2rem);
	}

	.search_table.w2tb_adaptive_layout .w2tb_td {
		height: auto !important;
	}

	/*피해자지원 공통*/
	.sch_chk_option .sel {
		width: 100%;
		min-width: auto;
	}

	.sch_chk_option .chk {
		margin-left: 0;
		margin-top: 10px;
	}

	.tab_btn_box_wrap {
		flex-wrap: wrap;
	}

	.tab_btn_box {
		font-size: 13px;
		flex: initial;
		min-width: 80px;
	}

	.grid_col4 .w2checkbox {
		display: grid;
		grid-template-columns: repeat(2, 1fr)
	}

	.pop_sch_box .searchbox {
		flex-direction: column;
	}

	.pop_sch_box .searchB {
		justify-content: center;
	}

	/*형사사법포털 소개*/
	.contents_top_w100 .intro_top {
		height: auto;
		padding: 4rem;
	}

	.intro_contents .d_flex_item {
		align-items: flex-start;
		justify-content: center;
		flex-direction: column;
	}

	.intro_contents .d_flex_item .title {
		font-size: 2rem;
		word-break: keep-all;
	}

	.intro_contents .d_flex_item .btn_wrap input[type="button"] {
		display: block;
		margin: 0;
		margin-top: 2rem;
	}

	.intro_contents .orn_box .d_flex_item {
		align-items: center;
	}

	.intro_contents .orn_box .d_flex_item .text_area {
		flex: 4;
	}

	/*기관별 업무 소개*/
	.intro_contents.working_intrd .text {
		margin: 6rem 0 4rem;
	}

	/* 형사사법절차 안내 */
	.process_contents .process_msg {
		align-items: initial;
	}

	.process_contents .process_msg .title {
		width: 40%;
	}

	.process_contents .process_msg .cont {
		padding: 2rem;
	}

	.process_contents .process_msg.btm {
		flex-direction: column;
	}

	.process_contents .process_msg.btm .title {
		width: 100%;
		padding: 4rem;
	}

	.process_contents .process_msg.btm .title br {
		display: none;
	}

	.process_contents .w2tabcontrol_container .title {
		margin-bottom: 2rem;
	}

	.process_contents .img_area {
		margin: 0;
	}

	.process_contents .img_area img {
		max-width: 50%;
	}

	.process_contents .list_box {
		padding: 2rem;
	}

	.process_contents .process_btn {
		flex-wrap: wrap;
		margin: 0;
		gap: 2rem;
	}

	.process_contents .process_btn a {
		flex: 1 1 40%;
	}

	.pro_wrap {
		margin-bottom: 10px;
	}

	.pro_wrap>div {
		position: relative;
		padding-left: 50px;
		background: #f2f2f2;
	}

	.pro_wrap .grp1 {
		margin-bottom: 10px;
	}

	.pro_wrap .grp2 {
		margin-bottom: 10px;
	}

	.pro_wrap .mb_block {
		display: block;
	}

	.pro_wrap .pro_tit {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 50px;
		font-size: 2rem;
		text-align: center;
		background: #d7d7d7;
	}

	.pro_wrap .grp_inr {
		position: relative;
		margin: 0 auto;
		padding: 30px 20px;
		width: 100%;
		max-width: 500px;
		box-sizing: border-box;
	}

	.pro_wrap .pro_btn {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 5px 10px;
		width: 100px;
		height: 50px;
		font-size: 14px;
		color: #fff;
		line-height: 1.3em;
		text-align: center;
		background: #003a78;
		border-radius: 5px;
		box-sizing: border-box;
		position: relative;
		z-index: 3;
	}

	.pro_wrap .pro_btns {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 5px 10px 5px 30px;
		height: 36px;
		font-weight: 600;
		font-size: 13px;
		background: #fff url(/cm/images/common/icon_btn_info.png) no-repeat 8px center;
		border: 1px solid #e1e1e1;
		border-radius: 15px;
		box-sizing: border-box;
		position: relative;
		z-index: 3;
	}

	.pro_wrap .ps7 .pro_btn {
		width: 150px;
	}

	.pro_wrap .ps7 .pro_btn br {
		display: none;
	}

	.pro_wrap .ps1,
	.pro_wrap .ps4,
	.pro_wrap .ps5,
	.pro_wrap .ps7,
	.pro_wrap .ps8,
	.pro_wrap .ps10 {
		position: relative;
		padding-bottom: 30px;
		text-align: right;
	}

	.pro_wrap .ps12,
	.pro_wrap .ps14,
	.pro_wrap .ps15 {
		position: relative;
		text-align: right;
	}

	.pro_wrap .ps2 {
		position: absolute;
		left: 20px;
		top: 30px;
		width: calc(100% - 90px);
	}

	.pro_wrap .ps3 {
		position: absolute;
		left: 20px;
		top: 90px;
		width: calc(100% - 90px);
	}

	.pro_wrap .ps6 {
		position: absolute;
		right: 130px;
		top: 197px;
	}

	.pro_wrap .ps9 {
		position: absolute;
		left: 140px;
		top: 270px;
		width: calc(100% - 90px);
	}

	.pro_wrap .ps11 {
		position: absolute;
		left: 20px;
		bottom: 30px;
		width: calc(100% - 90px);
	}

	.pro_wrap .ps13 {
		position: absolute;
		left: 40px;
		bottom: 109px;
	}

	.pro_wrap .ps16 {
		position: absolute;
		right: 130px;
		top: 50%;
		transform: translateY(-50%);
	}

	.pro_wrap .ps17 {
		position: absolute;
		left: 20px;
		top: 30%;
	}

	.pro_wrap .ps18 {
		position: absolute;
		left: 20px;
		top: 60%;
	}

	.pro_wrap .ps1:before,
	.pro_wrap .ps4:before,
	.pro_wrap .ps5:before,
	.pro_wrap .ps8:before,
	.pro_wrap .ps10:before {
		display: block;
		content: '';
		position: absolute;
		right: 50px;
		top: 25px;
		bottom: 7px;
		border-left: 2px dashed #003a78;
		z-index: 1;
	}

	.pro_wrap .ps2:before {
		display: block;
		content: '';
		position: absolute;
		left: 105px;
		right: 0;
		top: 25px;
		border-top: 2px dashed #003a78;
		z-index: 1;
	}

	.pro_wrap .ps7:before {
		display: block;
		content: '';
		position: absolute;
		left: 130px;
		right: 50px;
		top: 25px;
		border-top: 2px dashed #003a78;
		z-index: 1;
	}

	.pro_wrap .ps9:before {
		display: block;
		content: '';
		position: absolute;
		left: 50px;
		right: 84px;
		top: -135px;
		bottom: -135px;
		border: 2px dashed #003a78;
		border-right: none;
		z-index: 1;
	}

	.pro_wrap .ps12:before,
	.pro_wrap .ps14:before {
		display: block;
		content: '';
		position: absolute;
		right: 50px;
		top: 25px;
		height: 87px;
		border-left: 2px dashed #003a78;
		z-index: 1;
	}

	.pro_wrap .ps11:before {
		display: block;
		content: '';
		position: absolute;
		top: -22px;
		left: 50px;
		right: 0;
		height: 15px;
		border-top: 2px dashed #003a78;
		border-left: 2px dashed #003a78;
		z-index: 1;
	}

	.pro_wrap .ps17:before {
		display: block;
		content: '';
		position: absolute;
		top: -42px;
		left: 49px;
		width: 123px;
		height: 316px;
		border: 2px dashed #003a78;
		border-right: none;
	}

	.pro_wrap .ps1:after,
	.pro_wrap .ps4:after,
	.pro_wrap .ps5:after,
	.pro_wrap .ps8:after,
	.pro_wrap .ps10:after {
		display: block;
		content: '';
		position: absolute;
		right: 45px;
		bottom: 5px;
		width: 0;
		height: 0;
		border-top: 8px solid #003a78;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		z-index: 2;
	}

	.pro_wrap .ps7:after {
		display: block;
		content: '';
		position: absolute;
		left: 125px;
		top: 20px;
		width: 0;
		height: 0;
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 8px solid #003a78;
		z-index: 2;
	}

	.pro_wrap .ps8 .pro_btn:before {
		display: block;
		content: '';
		position: absolute;
		right: 50px;
		top: -50px;
		height: 43px;
		border-left: 2px dashed #003a78;
		z-index: 1;
	}

	.pro_wrap .ps9 .pro_btn:before {
		display: block;
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: -7px;
		height: 7px;
		background: #f2f2f2;
		z-index: 1;
	}

	.pro_wrap .ps10 .pro_btn:before {
		display: block;
		content: '';
		position: absolute;
		left: -7px;
		top: 0;
		bottom: 0;
		width: 7px;
		background: #f2f2f2;
		z-index: 1;
	}

	.pro_wrap .ps14 .pro_btn:before,
	.pro_wrap .ps15 .pro_btn:before {
		display: block;
		content: '';
		position: absolute;
		right: 45px;
		top: -13px;
		width: 0;
		height: 0;
		border-top: 8px solid #003a78;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		z-index: 2;
	}

	.pro_wrap .ps2 .pro_btn:after {
		display: block;
		content: '';
		position: absolute;
		right: -11px;
		top: 19px;
		width: 0;
		height: 0;
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 8px solid #003a78;
		z-index: 2;
	}

	.pro_wrap .ps8 .pro_btn:after {
		display: block;
		content: '';
		position: absolute;
		right: 45px;
		top: -11px;
		width: 0;
		height: 0;
		border-top: 8px solid #003a78;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		z-index: 2;
	}

	.pro_wrap .ps9 .pro_btn:after {
		display: block;
		content: '';
		position: absolute;
		right: 43px;
		top: -13px;
		width: 0;
		height: 0;
		border-top: 8px solid #003a78;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		z-index: 2;
	}

	.pro_wrap .ps10 .pro_btn:after {
		display: block;
		content: '';
		position: absolute;
		left: -13px;
		top: 17px;
		width: 0;
		height: 0;
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-left: 8px solid #003a78;
		z-index: 2;
	}

	.pro_wrap .ps11 .pro_btn:after {
		display: block;
		content: '';
		position: absolute;
		right: 43px;
		top: -11px;
		width: 0;
		height: 0;
		border-top: 8px solid #003a78;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		z-index: 2;
	}

	.pro_wrap .ps17 .pro_btn:after,
	.pro_wrap .ps18 .pro_btn:after {
		display: block;
		content: '';
		position: absolute;
		left: 50%;
		top: -10px;
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-top: 8px solid #003a78;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		z-index: 2;
	}

	/*민원신청*/
	.table_filter .table_filter_top .filter_reset {
		display: block;
	}

	.cate_chk_box {
		padding: 2rem;
	}

	.cate_chk_box ul li {
		width: 50%;
		margin-bottom: 2rem;
	}

	.icon_confirm.apply ul {
		margin-left: 0;
	}

	.civil_apply .doc_preview {
		overflow-x: scroll;
	}

	.civil_apply .icon_i {
		display: block;
		flex: none !important;
		margin: .8rem 0 0 0;
		width: 100%;
	}

	/*관할기관 찾기 팝업*/
	.pop_contents .find_jrsdc .searchbox2 .row+.row {
		margin-top: 0;
	}

	.searchbox2 .searchB.block input[type=button] {
		display: initial;
	}

	.searchbox2 .searchB.block input[type=button]+input[type=button] {
		margin-top: 0;
		margin-left: 10px;
	}

	/* 홍보센터 및 동영상 */
	.pr_main {
		gap: 2rem;
	}

	.pr_main a {
		padding: 4rem 3rem;
		width: calc(50% - 1rem);
		height: auto;
		background-size: auto 10rem !important;
	}

	.pr_slider_wrap {
		padding-bottom: 0;
		text-align: center;
	}

	.pr_slider .flex-direction-nav a {
		top: 40%;
	}

	.pr_slider .flex-control-nav {
		position: static;
		padding: 2rem 0;
	}

	.video_area {
		flex-direction: column;
		height: auto;
		border: none;
	}

	.video_area .video {
		margin-bottom: 1rem;
		width: 100%;
		flex: initial;
	}

	.video_area .video video {
		border: 1px solid #e1e1e1;
		box-sizing: border-box;
	}

	.video_area .subtitles {
		width: 100%;
		height: 400px;
		border: 1px solid #e1e1e1;
		flex: initial;
	}

	.video_area .subtitles .title {
		height: 6rem;
		font-size: 2rem;
	}

	.video_area .subtitles .content {
		height: calc(100% - 6rem);
	}

	.video_btm {
		flex-wrap: wrap;
		margin-top: 20px;
		gap: 1rem;
	}

	.video_btm>li {
		width: calc(50% - 0.5rem);
	}

	/* my kics */
	.mykics .mykics_top {
		flex-direction: column;
	}

	.mykics .mykics_top .col {
		flex-basis: 100%;
	}

	.mykics .mykics_top .alarm_box {
		padding: 2rem;
	}

	.mykics .mykics_top .alarm_box .alarm_row {
		flex-direction: column;
		align-items: flex-start;
	}

	.mykics .mykics_top .alarm_box .btnarea {
		justify-content: center;
	}

	.mykics .mykics_top .alarm_box .btn_l:not(.base) {
		min-width: 18rem
	}

	.mykics .mykics_top .civil_box a,
	.mykics .mykics_top .civil_box .total_txt {
		padding: 3rem 0;
	}

	.mykics .mykics_top .civil_box a:before {
		display: none;
	}

	.mykics .inqure_view .view_table .w2tb_td {
		text-align: left;
	}

	.mykics .inqure_view .view_table .w2tb_td.txt_cont {
		height: 30rem;
		padding-left: 136px;
	}

	.mykics .inqure_view .none_reply {
		font-size: 4rem;
	}

	.certify_top {
		padding: 3rem 0;
	}

	.certify_top .inner .title {
		font-size: 2.4rem;
	}

	.certify_wrap .h3_title {
		padding: 4rem 0;
		font-size: 2.4rem;
	}

	/* 범죄피해자 지원정책 안내 */
	.support_title {
		min-height: 16rem;
		height: auto;
	}

	.support_title:before {
		display: none;
	}

	.support_title>div {
		padding: 4rem 3rem;
	}

	.support_list li {
		width: 100%;
		gap: 2rem;
	}

	/* 범죄유형별 대처요령 */
	.title_infoWrap {
		min-height: 16rem;
		height: auto;
	}

	.title_infoWrap:before {
		display: none;
	}

	.title_infoWrap>div {
		padding: 4rem 3rem;
	}

	/* 사건조회 */
	.tab_box.fix_wid>ul {
		border-bottom: none;
	}

	.tab_box.fix_wid>ul li {
		flex: 1;
		min-width: inherit;
	}

	/* 발급문서 진위 확인 */
	.verify_list {
		gap: 1.5rem;
	}

	.verify_btm {
		flex-direction: column;
		gap: 1.5rem;
	}

	.verify_btm .left,
	.verify_btm .right {
		padding: 2rem;
	}

	.verify_btm .app {
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
	}

	.verify_btm .app>li {
		gap: 2rem;
	}

	.verify_btm .app>li a {
		flex-direction: row;
		text-indent: -9999px;
	}

	.verify_btm .app>li a:before {
		width: 22rem;
		height: 6rem;
		border: none;
		background-repeat: no-repeat;
	}

	.verify_btm .app>li .android:before {
		background-image: url(../img/icon_app_google.png);
	}

	.verify_btm .app>li .ios:before {
		background-image: url(../img/icon_app_apple.png);
	}

	.verify_btm .app>li span br {
		display: none;
	}

	/*신상정보 조회 검색결과*/
	.title_area.both_ends .btn_3col .btnarea {
		justify-content: flex-start !important;
		gap: 4px !important;
		flex-wrap: nowrap;
	}

	.civil_apply .btnarea .btn_down {
		font-size: 12px;
		background-position: right 16px center;
		background-size: 12%;
	}

	/* 벌과금 */
	.fine_list {
		flex-wrap: wrap;
	}

	.fine_list .item {
		flex: 1 1 30%;
	}

	.fine_list .item .tit {
		text-align: center;
	}

	.fine_list .item img {
		max-height: 25rem;
	}

	.fine_pop .search_table_wrap.fine {
		flex-direction: column;
		gap: 0.5rem;
		padding: 1rem;
	}

	.fine_pop .search_table.w2tb_adaptive_layout .w2tb_td {
		padding-left: 80px;
	}

	.fine_pop .search_table_wrap.fine .search_table.w2tb_adaptive_layout .w2tb_td:before {
		width: 60px;
	}

	.fine_grp {
		flex-direction: column;
	}

	.fine_collections .process_list {
		flex-wrap: wrap;
		gap: 2rem;
	}

	.fine_collections .process_list .item {
		flex: 0 1 calc((100% / 2) - 1rem);
	}

	.fine_collections .refund_info {
		flex-direction: column;
		text-align: center;
	}

	.fine_collections .refund_info .txt {
		display: block;
		margin-left: 0;
		padding-left: 0;
		border-left: none;
	}

	.fine_collections .refund_info .btnarea {
		margin-top: 8rem;
		flex-direction: column;
	}

	.fine_collections .refund_info .btnarea .btn_l {
		margin: 1rem 0;
	}

	/*인증서 관리 인증서내보내기 PC만 노출*/
	.tab_certi .w2tabcontrol_li_3 {
		display: none;
	}

	.certify_top .inner:before {
		display: none;
	}

	.certify_top .inner {
		padding: 0 2rem !important;
	}

	/*간편인증*/
	.w2popup_window.pop_simple_certi {
		width: 100% !important;
		height: 100% !important;
	}

	.w2popup_window.pop_simple_certi .w2window_close {
		display: none;
	}

	/*관리자*/
	.admin .tab_box.fix_wid>ul {
		border-bottom: 2px solid #0f86c9;
	}

	/*앱 css*/
	:focus {
		outline-color: #0f86c9;
	}

	.swiper-container {
		width: 100%;
		height: 100%;
	}

	.swiper-slide {
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.mobile_menu {
		display: none;
		position: fixed;
		right: 0;
		top: 0;
		bottom: 0;
		max-width: 60rem;
		width: 100%;
		background: #fff;
		z-index: 1000;
		font-size: 1.6rem;
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
	}

	.mobile_menu.on {
		display: block;
	}

	.mobile_menu .top {
		position: relative;
		width: 100%;
		background: #0f86c9;
		border-bottom: 1px solid #e1e1e1;
	}

	.mobile_menu .top .menu_close {
		position: absolute;
		top: 0;
		right: 1rem;
	}

	.mobile_menu .top .menu_close a {
		display: inline-block;
		width: 6rem;
		height: 7rem;
		text-indent: -9999px;
		background: url("/cm/images/common/icon_btn_menu_close.png") center center no-repeat;
	}

	.mobile_menu .top * {
		color: #fff;
	}

	.mobile_menu .top .name {
		display: flex;
		align-items: center;
		padding-left: 2rem;
		height: 7rem;
		font-size: 1.6rem;
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	}

	.mobile_menu .top .login {
		display: flex;
	}

	.mobile_menu .top .login li {
		width: 50%;
	}

	.mobile_menu .top .login li+li {
		margin-left: -1px;
		border-left: 1px solid rgba(255, 255, 255, 0.5);
	}

	.mobile_menu .top .login li a {
		display: inline-block;
		width: 100%;
		height: 100%;
		text-align: center;
		line-height: 7rem;
	}

	.mobile_menu .center {
		width: 100%;
		background: #fff;
	}

	.mobile_menu .center .main_menu {
		position: relative;
		height: 100%;
	}

	.mobile_menu .center .main_menu:before {
		content: "";
		position: absolute;
		top: 0;
		left: calc(50% - 1px);
		width: 0.1rem;
		height: 100%;
		background-color: #e1e1e1;
	}

	.mobile_menu .center .main_menu>li>a {
		display: flex;
		align-items: center;
		width: 50%;
		height: 9rem;
		font-weight: 700;
		padding: 0 2rem;
		border-bottom: 1px solid #e1e1e1;
		word-break: keep-all;
		box-sizing: border-box;
	}

	.mobile_menu .center .main_menu>li>a.on {
		color: #0f86c9;
	}

	.mobile_menu .center .gnb_depth {
		display: none;
		position: absolute;
		left: 50%;
		top: 0;
		padding: 1rem 0;
	}

	.mobile_menu .center .gnb_depth.on {
		display: flex;
	}

	.mobile_menu .center .gnb_depth ul {
		width: 100%;
		background-color: #fff;
	}

	.mobile_menu .center .gnb_depth ul li a {
		display: inline-block;
		padding: 1rem 1.5rem;
		font-size: 1.7rem;
		word-break: keep-all;
	}

	.mobile_menu .center .gnb_depth ul li a:hover {
		color: #0f86c9;
	}

	.mobile_menu .bottom {
		margin-top: -1px;
		padding-bottom: 1rem;
		border-top: 1px solid #e1e1e1;
	}

	.mobile_menu .bottom .search {
		display: flex;
		background-color: #f1f1f1;
		margin-bottom: 1rem;
	}

	.mobile_menu .bottom .search li {
		width: 49.9%;
		border-bottom: 1px solid #e1e1e1;
	}

	.mobile_menu .bottom .search li:first-child {
		border-right: 1px solid #e1e1e1;
	}

	.mobile_menu .bottom .search li a {
		display: inline-block;
		width: 100%;
		height: 6rem;
		line-height: 6rem;
		font-size: 1.6rem;
		text-align: center;
	}

	.mobile_menu .bottom .search li.lang a span {
		position: relative;
		padding-right: 20px;
	}

	.mobile_menu .bottom .search li.lang a span:before {
		display: block;
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		width: 14px;
		height: 14px;
		background: url("/cm/images/common/icon_btn_outside_b.png") center no-repeat;
		background-size: contain;
		transform: translateY(-50%);
		opacity: 0.7;
	}

	.mobile_menu .bottom .site_link {
		display: flex;
		margin: auto;
		width: calc(100% - 3rem);
	}

	.mobile_menu .bottom .site_link li {
		width: 50%;
	}

	.mobile_menu .bottom .site_link li a {
		display: inline-block;
		padding: 1rem 0;
		width: 100%;
		font-size: 1.6rem;
		text-align: center;
		background-color: #fff;
		border: 1px solid #e1e1e1;
		cursor: default;
	}

	.mobile_menu .bottom .site_link li.new_window a {
		background-color: #ebebeb;
	}

	.mobile_menu .bottom .site_link li.new_window a span {
		position: relative;
		padding-right: 20px;
	}

	.mobile_menu .bottom .site_link li.new_window a span:before {
		display: block;
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		width: 14px;
		height: 14px;
		background: url("../img/icon_btn_outside_b.png") center no-repeat;
		background-size: contain;
		transform: translateY(-50%);
		opacity: 0.7;
	}

	.mobile_menu .bottom .site_link li+li {
		margin-left: -0.1rem;
	}

	.mobile_menu .bottom .site_link li input {
		display: inline-block;
		width: 100%;
		height: 4rem;
		line-height: 4rem;
		text-align: center;
		background-color: #fff;
		border: 1px solid #e1e1e1;
	}

	.app_menu {
		--blue-color: #0f86c9;
		--app-font-size: 14px;
		font-size: var(--app-font-size);
		height: 100%;
		padding-top: 164px;
	}

	.app_menu .nav_header {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		background: var(--blue-color);
		color: #fff;
		max-width: 60rem;
	}

	.nav_header .nav_top {
		padding: 14px 14px 0;
		position: relative;
	}

	.nav_header .nav_top .btn_close {
		position: absolute;
		top: 16px;
		right: 6px;
		width: 30px;
		height: 30px;
		background: url("../img/btn_close.png") center no-repeat;
		background-size: 100%;
		text-indent: -9999em;
	}

	.nav_header .nav_top .login_link {
		display: inline-block;
		color: #fff;
		font-size: 20px;
		position: relative;
		font-weight: bold;
	}

	.nav_header .nav_top .login_link:after {
		content: "";
		position: absolute;
		top: 8px;
		right: -10px;
		width: 8px;
		height: 8px;
		border-left: 2px solid #fff;
		border-bottom: 2px solid #fff;
		transform: rotate(-135deg);
	}

	.nav_header .nav_top .login_link .link_text {
		margin-right: 12px;
		padding: 6px 10px;
		border-radius: 20px;
		font-size: 16px;
		background: #fff;
		color: var(--blue-color);
		font-weight: normal;
	}

	.nav_header .nav_top .top_row {
		display: flex;
		justify-content: space-between;
	}

	.nav_header .nav_top .top_menu {
		display: flex;
		gap: 8px;
		padding-right: 30px;
	}

	.nav_header .nav_top .top_menu a {
		display: inline-block;
		width: 36px;
		height: 36px;
		align-items: center;
		background-repeat: no-repeat;
		background-size: 100%;
	}

	.nav_header .nav_top .top_menu .user_alarm {
		position: relative;
		margin-top: -3px;
		display: block;
		width: 36px;
		height: 36px;
		background: url("/cm/images/app/btn_alarm.png") transparent no-repeat;
		background-size: contain;
		border: 0;
	}

	.nav_header .nav_top .top_menu .user_alarm .alarm_num {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		position: relative;
		margin: -0.2rem -0.5rem 1.5rem 1rem;
		padding: 0.2rem;
		min-width: 2.6rem;
		height: 2.6rem;
		box-sizing: border-box;
		background: #fff;
		border-radius: 50%;
		color: var(--blue-color);
		font-size: 13px;
		font-weight: bold;
		text-align: center;
	}

	.nav_header .nav_top .top_menu .user_set {
		background-image: url("../img/btn_setting.png");
	}

	.nav_header .nav_top .gotojoin {
		display: block;
		position: relative;
		margin-top: 14px;
		padding: 6px 40px 6px 40px;
		border-radius: 14px;
		background: #fff;
		color: #0f86c9;
		font-size: var(--app-font-size);
	}

	.nav_header .nav_top .gotojoin:before,
	.nav_header .nav_top .gotojoin:after {
		content: "";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.nav_header .nav_top .gotojoin:before {
		left: 4px;
		width: 32px;
		height: 32px;
		background-image: url("../img/icon_profile.png");
	}

	.nav_header .nav_top .gotojoin:after {
		width: 14px;
		height: 14px;
		right: 14px;
		background-image: url("../img/btn_gotomenu.png");
	}

	.nav_swiper {
		position: relative;
		--swiper-theme-color: #fff;
	}

	.nav_swiper .swiper_inner {
		margin: 0 20px;
		padding: 20px 0;
		overflow: hidden;
	}

	.nav_swiper .swiper-slide {
		text-align: center;
		color: #fff;
		padding: 8px 0;
		font-size: var(--app-font-size);
		background: transparent;
	}

	/*.nav_swiper .swiper-slide:nth-child(3){letter-spacing:-1px;}*/
	/*.nav_swiper .swiper-slide:nth-child(1){transform:translateX(-6%);}*/
	.nav_swiper .swiper-slide:nth-child(3) {
		width: 50% !important;
	}

	.nav_swiper .swiper-slide:last-child {
		width: 34% !important;
	}

	.nav_swiper .swiper-slide.active {
		background: #0b4565;
		color: #79cfff;
		border-radius: 10px;
	}

	.nav_swiper :is(.swiper-button-next, .swiper-button-prev) {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 10px;
		height: 14px;
		z-index: 104;
		margin-top: 0;
	}

	.nav_swiper .swiper-button-prev {
		left: 4px;
	}

	.nav_swiper .swiper-button-next {
		right: 4px;
	}

	.nav_swiper .swiper-button-next:after,
	.nav_swiper .swiper-button-prev:after {
		font-size: 16px;
	}

	/*영문*/
	body.en_main_body .en_wrap .header.on .header_gnb {
		border: none;
	}

	body.en_main_body .en_wrap .header_top .nuri {
		color: #000;
	}

	body.en_main_body .en_wrap .en_logo_wrap .logo .text {
		color: #000;
	}

	.en_wrap .en_logo_wrap .logo a {
		margin-left: 0;
	}

	.en_wrap .en_logo_wrap .logo a:before {
		width: 38px;
		height: 38px;
	}

	.en_wrap .en_logo_wrap .logo .text {
		padding-left: 83px;
	}

	.en_wrap .en_logo_wrap .logo .text.t2 {
		padding-top: 6px;
		padding-left: 8px;
	}

	.en_wrap .en_logo_wrap .logo .pc_block {
		display: inline;
	}

	.en_main_footer .site_links {
		column-gap: initial;
	}

	/*body.main .en_wrap .header_center .logo a{background-image:url("/cm/images/en/img_logo_header_kics_b.png");}*/
	body.en_main_body .en_wrap .ico_sitemap {
		background-image: url("/cm/images/en/btn_fullmenu_b.png")
	}

	.en_wrap .header_top .nuri {
		padding-left: 6rem;
		color: #000;
	}

	.en_wrap .en_logo_wrap .logo a {
		background-position: initial;
		text-align: left;
		line-height: 1;
	}

	.en_wrap .header_gnb {
		display: block;
		position: absolute;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		border: none;
	}

	.en_wrap .gnb_wrap .gnb {
		display: none;
	}

	.en_wrap .gnb_wrap .ico_sitemap {
		background-image: url("/cm/images/en/btn_fullmenu_b.png");
	}

	.en_main_top .main_inner .main_text {
		font-size: 28px;
	}

	/*영문 컨텐츠*/
	.en_wrap .intro_cases .info_flex {
		gap: 4rem;
		padding-bottom: 4rem;
		height: auto;
		text-align: center;
	}

	.en_wrap .intro_cases .info_flex .img {
		position: relative;
		width: 80%;
		margin-left: 84px;
	}

	.en_wrap .intro_cases .info_flex .title_info {
		width: 100%;
		padding: 0;
	}

	.en_wrap .title_info .info_text span {
		margin-bottom: 0;
	}

	.en_wrap .intro_cases .info_flex .info_text {
		padding: 0 2rem;
	}

	.en_wrap .pro_wrap .ps9 .pro_btn:after {
		right: 57px;
	}

	.en_wrap .pro_wrap .ps9:before {
		bottom: -95px
	}

	.en_wrap .pro_wrap .ps7:after {
		left: 137px;
	}

	.en_wrap .pro_wrap .ps10 .pro_btn:after {
		left: -11px;
		top: -61px;
	}

	.en_wrap .pro_wrap .ps16 {
		right: 140px;
	}

	.en_wrap .process_contents .process_msg {
		align-items: center;
	}

	.en_wrap .pro_wrap .pro_tit {
		width: 122px;
		font-size: 13px;
	}

	.en_wrap .pro_wrap .ps7:before {
		top: 14px;
	}

	.en_wrap .pro_wrap .ps7:after {
		top: 8px;
		left: 118px;
	}

	.en_wrap .pro_wrap .ps12:before,
	.en_wrap .pro_wrap .ps14:before {
		top: 52px;
		height: 100px;
	}
}

@media (max-width : 768px) {

	/* gridBox */
	.grid.mb_col1 {
		grid-template-columns: repeat(1, 1fr);
	}

	.grid.mb_col2 {
		grid-template-columns: repeat(2, 1fr);
	}

	.boardbox {
		padding: 4rem .4rem;
	}

	.boardbox img {
		height: auto !important;
	}

	.tablet_only,
	.webtab_only {
		display: none !important;
	}

	.mobile_only {
		display: block !important;
	}

	.slash {
		display: none;
	}

	.mb_w_auto {
		width: auto !important;
	}

	.m_scroll {
		width: 100%;
		overflow-y: auto;
	}

	.m_scroll table {
		width: 768px;
	}

	.main_popup .popup {
		max-width: 96%;
	}

	.header_center {
		height: 7rem;
	}

	.header_center .logo input[type="button"] {
		height: 2.6rem;
		background-position: center;
	}

	.victim .header_center .logo input[type="button"] {
		height: 2.4rem;
	}

	.header_center .ico_login {
		top: -2px;
	}

	.header_center .ico_login a {
		width: 7rem;
		height: 7rem;
	}

	.header_center .ico_menu a {
		width: 7rem;
		height: 7rem;
		background-size: auto 20px;
	}

	.container {
		padding-bottom: 5rem;
	}

	.top_title {
		margin-bottom: 0;
		height: 7.2rem;
	}

	.top_title span {
		font-size: 3rem;
	}

	.icon_confirm {
		padding: 1.6rem !important;
	}

	.icon_confirm p {
		margin: 0 !important;
	}

	input[type="button"].btnsearch,
	input[type="button"].btnnext {
		width: 13rem;
		height: 4.4rem;
	}

	input[type="button"].btnbase {
		background-size: 13%;
	}

	.btn_l.btn_print,
	.btn_l.btn_download {
		width: 13rem;
		height: 4.4rem;
	}

	.w2input {
		font-size: 1.6rem;
	}

	.w2calendar_class1 {
		height: 214px;
	}

	.calender .w2inputCalendar_div_img {
		height: 100%;
	}

	.satisfaction {
		margin: 2rem auto 5rem;
	}

	.satisfaction_box {
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
		padding: 2.5rem;
	}

	.satisfaction_box .title:before {
		width: 4.5rem;
		height: 4.5rem;
	}

	.satisfaction_box .title br {
		display: none;
	}

	.satisfaction_box .btn {
		width: 100%;
	}

	.container+.footer_wrap .satisfaction {
		margin-top: -2rem;
	}

	.w2popup_window,
	.w2popup_window.pop_lg,
	.w2popup_window.pop_md {
		height: 90% !important;
	}

	.sitemap_menu .ico_home {
		width: 6rem;
		border-left: none;
	}

	.sitemap_menu .w2selectbox_ul_label {
		padding-left: 1rem;
		overflow: unset;
		text-overflow: unset;
		white-space: normal;
		font-size: 1.6rem;
		word-break: keep-all;
	}

	.sitemap_menu .w2selectbox .w2selectbox_ul_col_arrow {
		width: 5rem;
	}

	.sitemap_menu ul li:last-child {
		width: calc(100% - 6rem);
	}

	/* 형사사법포털 메인 */
	.crime_main section:not(.main_section1) {
		padding: 3rem 0;
	}

	.crime_main section.main_section6 {
		padding-bottom: 0;
	}

	.crime_main section .tit {
		font-size: 2.2rem;
	}

	.visual_slider .item {
		background-position: 60% center;
	}

	.visual_slider .item .txt {
		font-size: 2rem;
	}

	.visual_slider .item .txt * {
		font-size: 2rem;
	}

	.visual_slider .item .btn {
		padding: 0 4rem 0 2rem;
		width: 15.6rem;
		height: 4rem;
		font-size: 1.6rem;
		border-radius: 1.7rem;
	}

	.service_slide {
		padding: 0 5rem 3rem;
	}

	.service_slide .slide_grp {
		gap: 0.5rem;
	}

	.service_slide .slide_grp li {
		width: calc(25% - 0.5rem);
	}

	.service_slide .flex-direction-nav a {
		top: 50%;
		margin-top: -7rem;
		width: 5rem;
		height: 5rem;
		background-size: auto 20px !important;
	}

	.main_tab2 .w2tabcontrol>ul {
		gap: 1rem;
	}

	.main_tab2 .w2tabcontrol>ul li a {
		width: 9rem;
		height: 6rem;
		font-size: 1.8rem;
		word-break: keep-all;
	}

	.main_notice .left ul li>div {
		display: none;
	}

	.main_notice ul li a {
		-webkit-line-clamp: 1;
	}

	.main_section4 .main_title .title {
		font-size: 2rem;
	}

	.main_search .box {
		width: 90%;
	}

	.main_promote {
		flex-direction: column;
	}

	.main_promote .main_title {
		margin-bottom: 2rem;
	}

	.main_promote>.left,
	.main_promote>.right {
		width: 100%;
	}

	.main_section7 p {
		margin: 0 0 1rem;
		font-size: 1.8rem;
		word-break: keep-all;
	}

	.btn_victim_go {
		height: 4.5rem;
		font-size: 1.6rem;
	}

	h3 .w2textbox {
		font-size: 2.6rem;
	}

	input[type="button"].listbtn {
		min-width: 13rem;
		height: 4.6rem;
		font-size: 1.6rem;
		background-position: left 15px center;
	}


	/* 범죄피해자지원포털 메인 */
	.main_btn {
		padding: 0 15px;
		min-width: 12rem;
		height: 4.5rem;
		font-size: 1.7rem;
	}

	.main_btn.next,
	.main_btn.plus,
	.main_btn.line.next {
		padding: 0 30px 0 15px;
		background-position: right 10px center;
	}

	.main_title,
	.main_section5 .main_title {
		margin-bottom: 2rem;
	}

	.main_title .title {
		font-size: 2.4rem;
	}

	.main_row2 .main_title .title {
		margin-bottom: 1rem;
	}

	.victim_main section:not(.main_row1) {
		padding: 3rem 0;
	}

	.main_slide .swiper-slide .box {
		width: 96%;
	}

	.main_system,
	.main_volunteer {
		flex-direction: column;
	}

	.main_volunteer li {
		width: auto;
	}

	.main_tab .w2tabcontrol>ul {
		gap: 1rem;
	}

	.main_tab .w2tabcontrol>ul li a {
		padding: 0 1rem;
		height: 6rem;
		font-size: 1.8rem;
		word-break: keep-all;
	}

	.main_guide>div {
		flex-direction: column;
	}

	.main_guide .left .video,
	.main_guide .right .img {
		margin: 0 auto 2rem;
	}

	.main_guide .right .img img {
		height: 100px;
	}

	.main_guide .con {
		padding-right: 14rem;
	}

	.main_notice>div {
		padding: 0;
	}

	.main_notice ul li a {
		font-size: 1.6rem;
	}

	.main_notice ul li .date {
		font-size: 1.6rem;
	}

	.main_notice .main_btn {
		right: 0;
	}

	.victim_main section .tit,
	.main_system li .tit {
		font-size: 2.0rem;
	}

	.crime_main .main_notice>div {
		padding: 0 2rem 3rem;
	}

	.crime_main .main_notice .main_btn {
		right: 2rem;
	}

	/*메인,범죄피해자-제도선택*/
	.main_service {
		gap: 1rem;
		flex-direction: column;
	}

	.main_service li {
		width: 100%;
		box-sizing: border-box;
	}

	.main_service [class*="icon_org_"] {
		width: 11rem;
	}

	.main_service .service_title {
		width: calc(100% - 11rem);
	}

	.main_service .service_title>p {
		-webkit-line-clamp: 1;
		font-size: 2rem;
	}

	.main_service .service_txt {
		font-size: 1.7rem;
	}

	.main_service .btn_area input[type="button"] {
		width: calc(33.3% - 5px) !important;
	}

	/*민원 신청*/
	.type_total .title_total .w2textbox,
	.type_total .title_total .total {
		font-size: 2.4rem;
	}

	.search_sv_box .service_title>p {
		font-size: 2rem !important;
		-webkit-line-clamp: 1;
	}

	.pop_main .service_txt {
		font-size: 1.7rem;
	}

	.pop_main .service_list .btn_area input[type="button"] {
		width: calc(33.3% - 5px) !important;
	}

	.guide_box.top_guide li {
		font-size: 1.6rem;
	}

	/* 민원 및 제증명 신청 */
	.pop_main h2 .w2textbox {
		font-size: 2.4rem;
	}

	.pop_main .service_list {
		flex-direction: column;
	}

	.pop_main .service_list li {
		width: 100%;
	}

	.pop_main .service_list .btn_area input[type="button"].btnnext_blue {
		background-size: auto 12px;
	}

	.tab_box.type3>ul {
		gap: 0.5rem;
	}

	.tab_box.type3.type4>ul li {
		min-width: 10rem;
	}

	.tab_box.type4>ul li.w2tabcontrol_active :after {
		left: 7px;
	}

	.victim_system_top .sub_menu {
		display: block;
	}

	.victim_system_top .sub_menu li {
		margin-bottom: 1rem;
		width: 100%;
		padding: 2rem 3rem;
		height: auto;
	}

	.victim_system_top .sub_menu li:before {
		height: 100%;
		background-size: auto 50% !important;
	}

	.victim_system_top .sub_menu li.img03:before {
		background-position: right 90%;
		background-size: auto 40% !important;
	}

	.victim_system_top .sub_menu li.img04:before {
		background-size: auto 70% !important;
	}

	.victim_system_top .sub_menu li div {
		margin-bottom: 1rem;
		line-height: 1.6;
	}

	.victim_system_top .sub_menu li span {
		font-size: 2rem;
	}

	.tab_box.type2 .w2tabcontrol_tabhost li a {
		padding: 0.5rem;
		font-size: 1.8rem;
	}

	/*나의 민원 상세보기 팝업*/
	.pop_mycivil_guide {
		width: 100% !important;
	}

	.pop_mycivil_guide .victim_system.pop_box {
		padding: 0;
	}

	.pop_mycivil_guide .w2window_content {
		left: 1rem !important;
		right: 1rem !important;
	}

	/* 페이징 */
	.page_wrap .page_total {
		display: none;
	}

	.page_wrap .w2pageList_ul_native li+li {
		margin-left: 1px;
	}

	.page_wrap .pagelist_all .btn_first,
	.page_wrap .pagelist_all .btn_last,
	.page_wrap .w2pageList_col_prevPage,
	.page_wrap .w2pageList_col_nextPage {
		display: none;
	}

	.page_wrap .w2pageList_table td {
		width: auto;
		min-width: 28px;
	}

	.page_wrap .w2pageList_control_label {
		width: auto;
		min-width: auto;
		margin: 0 1px;
		font-size: 13px;
	}


	/* 검색 */
	.searchbox,
	.searchbox2 {
		padding: 3rem 1rem;
	}

	.searchbox2 .searchB {
		margin-top: 1rem;
	}

	.searchbox2 .row .field label {
		justify-content: flex-start;
		max-width: 8rem;
		text-align: left;
	}

	.icon_confirm p,
	.icon_logininfo p,
	.icon_search p {
		margin: 0 0 0 2rem;
	}

	.btn_pov_go {
		font-size: 2rem;
	}

	.accodian_box .tb_in {
		padding: 2rem 1rem;
	}

	.title_info .w2textbox {
		font-size: 1.8rem;
	}

	.title_info .info_text span {
		font-size: 2rem;
	}

	.tab_box.type2>ul li+li {
		margin-left: 1rem;
	}

	.victim_system .menu {
		margin-bottom: 2rem;
	}

	.victim_system .top_title * {
		font-size: 2rem;
	}

	.info_subtitle {
		margin: 5rem 0 4rem;
		font-size: 2.4rem;
	}

	.victim_tab .info_subtitle,
	.support_title+.h3_title {
		margin: 4rem 0;
	}

	.support_title+.h3_title .w2textbox {
		font-size: 2.4rem;
	}

	/*tab*/
	.tab_box>ul li .w2tabcontrol_tab_center:before,
	.icon_confirm::before,
	.info_box::before,
	.icon_logininfo::before,
	.icon_search::before {
		content: "";
		content: none !important;
	}

	.tab_box.type3>ul {
		gap: 0.5rem;
	}

	.tab_box.type3.type4>ul li,
	.tab_box.type3>ul li {
		min-width: auto;
	}

	.tab_box.type5>ul li {
		min-width: calc(100% / 2 - 1rem);
	}

	.tab_box.type5.type5_1>ul li:nth-child(-n+3) {
		min-width: calc(100% / 3 - 1rem);
	}

	.tab_find_box>ul {
		flex-wrap: wrap;
		max-width: 100%;
	}

	.tab_find_box>ul li {
		flex: 1 1 40%;
	}

	.tab_find_box>ul li a {
		height: 9rem;
	}

	.lineone.flex {
		display: block;
	}

	.lineone.flex .w300 {
		width: 100% !important;
	}

	/*table*/
	.w2tb .w300,
	.w2tb .w400,
	.w2tb .w450 {
		width: 100%;
		flex: 1;
	}

	.w2tb input+.icon_i {
		margin: 5px 0 0 0;
		font-size: 1.8rem;
	}

	.w2tb.v1 {
		border-bottom: 1px solid #e1e1e1;
	}

	.w2tb.v1 colgroup {
		display: none;
	}

	.w2tb.v1 th,
	.w2tb.v1 td {
		display: block;
		height: auto;
		border-bottom: 0
	}

	.w2tb.v1 th {
		text-align: left;
	}

	.w2tb .email {
		max-width: initial;
		width: calc(50% - 15px)
	}

	.w2tb .email:last-child {
		width: 100%;
		display: block;
		margin: 10px 0 0 0;
	}

	.w2tb.v1 .email_sel {
		flex: 1.2;
	}

	.boardbtn li p {
		display: none;
	}

	.btnarea input[type="button"]+input[type="button"] {
		margin-left: 1rem;
	}

	.id_find {
		flex-direction: column;
	}

	.w2tb .email {
		max-width: initial;
		width: calc(50% - 16px)
	}

	.w2tb .email:last-child {
		width: 100%;
		display: block;
		margin: 10px 0 0 0;
	}

	.w2tb .flex.m_row2 {
		gap: 1rem;
	}

	.w2tb .flex.m_row2>* {
		flex: 1 1 40%;
	}

	.w2tb .flex.m_row2>*+* {
		margin-left: 0 !important;
	}

	.boardbtn li p {
		display: none;
	}

	.support_list li {
		flex-direction: column;
		padding: 3rem;
	}

	.support_list li .support_txt p {
		width: 100%;
		margin-bottom: 1rem;
	}

	.searchInBox {
		flex-direction: column;
	}

	.searchInBox .searchInTitle {
		margin-bottom: 2rem;
	}

	.grid_col4 .w2checkbox .w2checkbox_label {
		font-size: 1.4rem;
	}

	.list_con li {
		word-break: break-all;
	}

	.btn_l {
		min-width: 16rem;
	}

	.btn_l.plus {
		min-width: 14rem;
	}

	.btn_l.prev,
	.btn_l.delete {
		background-position: left 1.5rem center;
	}

	.btn_l.next,
	.btn_l.btn_down {
		background-position: right 1.5rem center;
	}

	.find_member .tab_find_box .w2tabcontrol_tabhost .w2tabcontrol_tab_center {
		border: 1px solid #e1e1e1 !important;
	}

	.find_member .tab_find_box .w2tabcontrol_tabhost .w2tabcontrol_tab_center a {
		border: none;
	}

	.find_member .tab_find_box .w2tabcontrol_tabhost .w2tabcontrol_active+li {
		border-left: none !important;
	}

	/*신상정보 조회 검색 결과*/
	.title_area.both_ends .civil_apply .btnarea .btn_down {
		min-width: calc(100% / 3);
		margin-left: 0 !important;
		background-position: right 10px center;
	}

	/* 관련사이트 */
	.siteLink_top {
		margin-bottom: 1rem;
		gap: 1rem;
	}

	.siteLink_top li {
		flex: 1 1 40%;
	}

	.siteLink_bottom {
		flex-direction: column;
		gap: 1rem;
	}

	/*login*/
	.login_area {
		margin-right: 0;
	}

	.login_area .login_grp {
		width: 100% !important;
		padding: 2rem 2rem 14rem 2rem;
		height: inherit;
	}

	.login_area .login_grp strong {
		height: auto;
	}

	.login_area .login_grp .login_img {
		margin-bottom: 2rem;
		height: 10rem;
		line-height: 10rem;
	}

	.login_area .login_grp .login_img img {
		height: 70%;
	}

	.login_area .login_grp .login_info .info.idtxt {
		margin-left: -2rem;
	}

	.login_area .login_grp .login_info .info.idtxt label {
		width: 22%;
	}

	.login_area .login_grp input[type="button"].btnbase {
		margin-top: 2rem;
	}

	.login_info .info.icon_sns {
		width: auto;
	}

	.info_box,
	.icon_confirm,
	.icon_court,
	.icon_logininfo {
		flex-direction: column;
		justify-content: center;
		padding: 2rem 3rem;
	}

	.info_box .btnarea {
		margin-top: 1rem;
	}

	.icon_confirm .flex {
		display: block;
	}

	.icon_confirm p,
	.icon_logininfo p {
		margin: 1rem 0;
	}

	.linebox .w2textbox+.w2textbox.fstrong,
	.linebox .w2textbox+.line_txt {
		margin-left: 0;
	}

	.info_box .helpbox {
		margin: 0;
	}

	.member_line li {
		padding-right: 1rem;
	}

	.member_line li .w2textbox {
		font-size: 1.4rem;
	}

	.member_line li .w2textbox::after {
		right: 0;
	}

	.find_member .find_btn {
		width: 70vw;
	}

	.find_member .tab_box.type3.type4>ul li {
		min-width: 10rem;
	}

	.find_member .tab_box.type4>ul li.w2tabcontrol_active :after {
		top: 10px;
	}

	/*형사사법포털 소개*/
	.contents_top_w100 .intro_top .block,
	.intro_contents .block {
		display: initial;
	}

	.intro_contents .d_flex_item {
		width: 100%;
		flex-direction: initial;
		gap: 2rem;
		justify-content: space-between;
		align-items: center;
	}

	.intro_contents .d_flex_item .classify {
		margin-top: 0;
	}

	.intro_contents .d_flex_item .text_area .desc {
		margin-left: 0;
	}

	.intro_contents .d_flex_item .btn_wrap input[type="button"] {
		display: block;
		margin-bottom: 2rem;
		font-size: 1.4rem;
	}

	.intro_contents .d_flex_item .btn_wrap input[type="button"]:last-of-type {
		margin-bottom: 0;
	}

	/* 민원신청 */
	.civil_apply .w300+.w2checkbox {
		margin: 5px 0 0 0;
	}

	.civil_apply .w2checkbox+.w300 {
		margin: 0;
	}

	.civil_apply .table_wrap table {
		width: 100%;
	}

	.civil_apply .doc_confrim {
		flex-direction: column;
	}

	.civil_apply .top_title {
		margin-bottom: 0;
	}

	.civil_apply .section .title_area.d_flex_scb {
		flex-direction: row;
		gap: 1rem;
		margin: 2.5rem 0;
	}

	.guide_box {
		align-items: flex-start;
		flex-direction: column;
		padding: 2rem;
		gap: 1rem;
	}

	.guide_box .ico_help,
	.guide_box .ico_confirm,
	.guide_box .ico_fine,
	.guide_box .ico_notice {
		display: none;
	}

	.guide_box .btn_l,
	.guide_box .btn_m {
		margin-left: 0 !important;
	}

	.guide_box .btn_area {
		margin-left: 0;
	}

	.step_menu ul {
		padding: 1rem;
	}

	.step_menu li {
		padding: 0.1rem 1.5rem;
	}

	.step_menu li+li span:before {
		text-indent: -3.5rem;
	}

	.btnarea .right {
		margin-left: 1rem;
	}

	.btn_m {
		padding: 0 10px !important;
		min-width: 10rem;
		height: 4rem;
		background-image: none !important;
		border-radius: 1.5rem;
	}

	/* 홍보센터 및 동영상 */
	.pr_main {
		margin-top: 3rem;
		flex-direction: column;
		gap: 1rem;
	}

	.pr_main a {
		padding: 3rem;
		width: 100%;
		background-size: auto 10rem !important;
	}

	.pr_main a span {
		font-size: 2.2rem;
	}

	.pr_wrap {
		margin-top: 3rem;
	}

	.pr_title {
		margin-bottom: 2rem;
		padding: 2rem;
	}

	.pr_title:before {
		right: 1rem !important;
		width: 13rem;
		height: 7rem;
		background-size: auto 7rem;
	}

	.pr_title strong {
		font-size: 2.2rem;
	}

	.pr_slider .flex-direction-nav .flex-prev {
		left: -1rem;
	}

	.pr_slider .flex-direction-nav .flex-next {
		right: -1rem;
	}

	.video_area .subtitles {
		height: 250px;
	}

	.video_area .subtitles .content {
		padding: 1.5rem;
	}

	.video_area .subtitles .content p {
		font-size: 1.7rem;
	}

	.pr_title p {
		font-size: 1.7rem;
	}

	/*홍보센터,메인 형사사법포털에 대해 알려드릴게요*/
	.promote_main {
		flex-direction: column;
	}

	.promote_main.main_sv .link_sv {
		width: 100% !important;
		height: auto;
		background-size: auto 80% !important;
	}

	/*사건 조회*/
	.case_court_box {
		gap: 4rem;
	}

	.case_court_box .btn_l {
		flex: auto
	}

	.table_btn>* {
		padding: 0 1rem;
	}

	/*대법원 html*/
	.court_pop #bodyContainer .icon01,
	.icon02 {
		font-size: 14px !important;
		word-break: keep-all;
	}

	/* 공인인증서 안내 */
	.certify_box .msg {
		margin-bottom: 2rem;
		font-size: 2.4rem;
	}

	.certify_box .certify_form {
		margin-bottom: 2rem;
		width: 40rem;
	}

	.certify_top {
		padding: 4rem 0;
	}

	.certify_wrap .certify_list>li {
		padding-top: 15rem;
	}

	.certify_wrap .certify_list>li:before {
		top: 2rem;
		height: 88px;
		background-size: auto 100%;
	}

	.certify_wrap .certify_list>li .tit {
		margin-top: 20px;
		margin-bottom: 28px;
	}

	.certify_wrap .certify_list>li .btn_l {
		margin-top: 30px;
	}

	.certify_wrap .certify_type li a {
		height: 6rem;
		border-radius: 2rem;
	}

	.info_table .w2tb_th,
	.info_table .w2tb_td {
		padding: 1rem;
	}

	.row .field label {
		font-size: 14px;
	}

	/* 내게 필요한 지원제도 찾기 */
	.system_tab .accodian_box2 .saparate,
	.system_tab .accodian_box2 .title_in {
		width: 95%;
	}

	.system_tab .accodian_box2 .btnArea>* {
		margin-top: 2px;
		margin-bottom: 2px;
	}

	.self_diagnosis {
		padding: 2rem;
	}

	.self_choice li {
		padding: 2rem;
	}

	.self_choice li span {
		display: block;
		margin: 0 0 1rem;
		font-size: 1.6rem;
	}

	input[type="button"].btnnext {
		background-position: right 10px center;
	}

	/*범죄피해자*/
	.tab_box.type2>ul li {
		height: 7rem;
	}

	.tab_box .w2tabcontrol_tabhost li a {
		font-size: 1.6rem;
	}

	.support_title>div {
		padding: 3rem 2rem;
	}

	.support_title strong {
		font-size: 16px;
	}

	.title_infoWrap>div span:first-child {
		font-size: 16px;
	}

	.title_infoWrap>div span {
		font-size: 14px;
	}

	.linebox .w2textbox+.w2textbox.fstrong {
		font-size: 2rem;
	}

	/* 회원탈퇴 */
	.gray_box {
		padding: 3rem 2rem;
	}

	.gray_box p,
	.cancel_wrap .w2checkbox_item .w2checkbox_label {
		font-size: 2rem;
	}

	/* 푸터 메뉴 */
	.etc_contents .top_con {
		margin-bottom: 3rem;
		font-size: 2rem;
		word-break: keep-all;
	}

	.etc_contents .top_con br {
		display: none;
	}

	.etc_contents .title {
		font-size: 2.4rem;
	}

	.etc_contents .sub_title {
		font-size: 2.2rem;
	}

	.etc_contents .etc_top {
		margin-bottom: 3rem;
	}

	.etc_contents .privacy_btm {
		flex-direction: column;
		gap: 1rem;
		margin-top: 3rem;
	}

	.etc_contents .privacy_btm .tit {
		font-weight: 500;
		font-size: 2.2rem;
	}

	.accodian_box.etc .w2panels_title span {
		padding-left: 5rem;
		font-size: 2rem;
	}

	.user_row {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 2rem;
	}

	/* 벌과금 */
	.fine_list .item {
		flex: 1 1 40%;
	}

	.fine_list .item .tit {
		min-height: inherit;
	}

	.fine_num {
		flex-direction: column;
	}

	.fine_bank {
		gap: 2rem;
	}

	.fine_bank>li {
		flex: 0 1 calc(33% - 1.2rem);
	}

	.section .title_area.both_ends {
		flex-direction: row;
	}

	.pop_contents .search_table_wrap.one_row {
		flex-direction: column;
		gap: 2rem;
		padding: 2rem 0;
	}

	.accodian_box2 ul>li .title {
		gap: 2rem;
	}

	.accodian_box2 ul>li .type {
		white-space: normal;
		text-align: center;
	}

	.login_msg {
		width: auto;
	}

	.login_msg:before {
		height: 10rem;
		background-size: auto 10rem;
	}

	.login_msg strong {
		font-size: 2.4rem;
	}

	.login_msg.halt .img_area img {
		width: 40%;
	}

	.login_msg.halt strong {
		word-break: keep-all;
	}

	.login_msg.halt h3.h3_title strong {
		font-size: 2rem
	}

	.mb_block {
		display: block;
	}

	.pc_block {
		display: initial;
	}

	.pop_contents .pc_block {
		display: none;
	}

	.case_sch .section .title_area {
		flex-direction: column;
		align-items: initial;
		margin: 0;
		gap: 0;
		margin-bottom: 2rem;
	}

	.case_sch .section .title_area .btnarea {
		margin-top: 2rem;
		justify-content: flex-end;
		gap: 0;
	}

	.section .title_area.mb_column {
		flex-direction: column;
		align-items: initial;
		margin: 0;
		gap: 0;
		margin-bottom: 2rem;
	}

	.section .title_area.mb_column .btnarea {
		margin-top: 2rem;
		justify-content: flex-end;
		gap: 0;
	}

	.mykics .w2tb .valid_chk {
		display: block;
		width: 100%;
		margin-left: .4rem;
		margin-top: 4px;
	}

	.mykics_result .title_area.d_flex_sbc {
		flex-direction: column;
		align-items: initial;
	}

	.mykics_result .title_area.d_flex_sbc .btnarea {
		margin-top: 2rem;
		justify-content: flex-end;
	}

	.mykics_result .title_area.d_flex_sbc .btnarea.reduce input[type="button"] {
		padding: 0 6px;
		font-size: 12px;
	}

	.mykics .title_area .flex {
		gap: 10px;
	}

	.mykics .title_area .flex .desc {
		word-break: keep-all;
		font-size: 12px;
	}

	.login_area .login_grp .login_info.login_inp_form {
		width: auto !important;
	}

	.login_area .login_grp .login_info.login_inp_form.long .info.idtxt label {
		flex: 1.4
	}

	.w2popup_window .w2window_header_control {
		height: 4.4rem;
		right: 2rem;
	}

	.page_wrap .temp_desc {
		display: block;
		position: initial;
		margin-bottom: 20px;
	}

	/*나의 민원 제출완료 민원 임시 텍스트 */
	.table_filter .table_filter_top .open_chk input[type="checkbox"]:checked+.w2checkbox_label:after {
		border: 1px solid #000;
	}

	/*자가진단*/
	.self_choice .btn_grp {
		display: block;
		margin-bottom: 1.6rem;
	}

	.self_choice .radio_grp label {
		font-size: 1.6rem;
	}

	.self_diagnosis .self_complete {
		width: 100%;
		flex-direction: column;
		align-items: center;
		gap: 0;
	}

	.self_diagnosis .self_complete .self_in {
		flex: initial;
		width: 100%;
	}

	.self_diagnosis .self_complete .btnsearch {
		flex: initial;
	}

	.self_diagnosis .self_complete .self_in .textarea {
		display: block;
	}

	/*chatbot*/
	.chatbot .chat_body .chat_row.bot .links a .txt {
		font-size: var(--font-size);
	}

	.chatbot .chat_body .chat_row.bot .msg .btn {
		padding: .5rem;
	}

	/*사건조회*/
	.court_pop .court_pop_footer .footer_in {
		padding: 2rem;
	}

	.court_pop .court_pop_footer .court_info .tit {
		display: block;
	}

	.court_pop .court_pop_footer .logo {
		display: none;
	}

	.court_pop .court_pop_footer .foo_info {
		margin-left: 0;
	}

	.court_pop .court_pop_footer .f_menu {
		gap: 1rem;
		flex-wrap: wrap;
	}

	.court_pop .court_pop_footer .f_menu li {
		flex-basis: calc(50% - .5rem);
		text-align: center;
	}

	/*원격화상조사*/
	.remote_chat .introduce_grp {
		flex-direction: column;
		gap: 4rem;
		align-items: flex-end;
	}

	.remote_chat .introduce_grp .img {
		width: 80%;
	}

	.remote_chat .introduce_grp img {
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.remote_chat .introduce_grp .introduce strong {
		font-size: 2.8rem;
	}

	.remote_chat .d_grid.procedure {
		grid-template-columns: repeat(1, 1fr);
		gap: 0;
		row-gap: 2rem;
	}

	.remote_chat .d_grid.procedure .item {
		width: 60vw;
		margin: 0 auto;
	}

	.remote_chat .prepare_guide .d_flex_item .btnarea {
		margin-top: 2rem;
	}

	.remote_chat .support_envir .d_flex_item {
		width: 100%;
		flex-direction: column;
	}

	.remote_chat .support_envir .txt_area {
		text-align: center;
	}

	.remote_chat .support_envir .txt_area ul {
		text-align: left;
	}

	.remote_chat .support_envir .d_flex_item.headset .img_area {
		width: auto;
	}

	.remote_chat .d_flex_item.full {
		flex-direction: column;
		align-items: center;
	}

	.remote_chat .d_flex_item .title {
		display: block;
		font-size: 2.6rem;
		text-align: center;
	}

	/*주소검색*/
	.pop_sch_address .searchbox2 {
		padding: 2rem 1rem;
	}

	/*기관별 업무소개*/
	.working_intrd .intro_desc {
		margin-top: 3rem;
	}

	:is(.grid_box, .grid_table) td input[type="text"] {
		margin: 0;
	}

	/*웹접근성으로 인한 작업*/
	.tab_box.type1>ul li .w2tabcontrol_tab_center a:before {
		display: none;
	}

	.tab_box ul li .w2tabcontrol_tab_center {
		padding: 1rem;
	}

	.tab_box ul li a {
		padding: 0 5px !important;
	}

	.calender .w2inputCalendar_div_img {
		top: 0;
	}

	.calender .w2inputCalendar_divInput {
		padding: 3px 2px;
	}

	.tab_box .w2tabcontrol_tabhost li.w2tabcontrol_active a:focus {
		outline-offset: -2px;
	}


	/* 팝업 */
	.w2popup_window .w2window_header {
		left: 2rem;
		right: 2rem;
		height: 6rem;
	}

	.w2popup_window .w2window_header .w2window_header_title {
		font-size: 2rem;
	}

	.w2popup_window .w2window_header_control {
		width: 3rem;
	}

	.w2popup_window .w2window_close {
		background-size: 14px auto;
	}

	.w2popup_window .w2window_body {
		top: 6rem;
	}

	.w2popup_window .w2window_content {
		left: 2rem;
		right: 2rem;
		bottom: 2rem;
	}

	.w2popup_window.title_2line .w2window_header {
		height: 8.8rem;
	}

	.w2popup_window.title_2line .w2window_header_title_h2 {
		line-height: 1.2;
		font-size: 2.4rem;
	}

	/*header 2줄시*/
	.w2popup_window.title_2line .w2window_body {
		top: 9rem;
	}

	.footer .f_menu ul {
		flex-wrap: wrap;
		padding: 0;
	}

	.footer .f_menu ul li {
		flex: 1 1 30%;
	}

	.footer .f_menu ul li:nth-child(-n + 3) {
		border-bottom: 1px solid #e1e1e1;
	}

	.footer .f_menu ul li a {
		font-size: 1.6rem;
	}

	.footer .f_menu ul li.privacy a {
		font-size: 1.8rem;
	}

	.footer .app_down a {
		width: 14rem;
		height: 4rem;
	}

	/*앱 css*/
	/*mobile메뉴*/
	.app_menu .menu_area {
		padding: 20px 14px 60px;
	}

	.app_menu.type {
		padding-top: 60px;
	}

	.app_header {
		height: 60px;
	}

	.app_header .app_btn_cancel {
		left: 10px;
		width: 100px;
	}

	.app_header .app_title {
		font-size: 2.4rem;
	}

	.app_content {
		padding-top: 60px;
	}

	.app_center {
		height: calc(100% - 60px);
	}

	/*인증서 목록*/
	.certi_list .certi_box {
		padding: 16px 10px;
		gap: 14px;
	}

	.certi_list .certi_box:before {
		background-size: 80%;
	}

	.certi_list .certi_code {
		margin-bottom: 14px;
		font-size: 16px;
	}

	.certify_wrap .certify_list {
		grid-template-columns: repeat(1, 1fr);
	}

	.certify_wrap .certify_type {
		gap: 1rem;
		flex-wrap: wrap;
	}

	.certify_wrap .certify_type li {
		width: calc(50% - 1rem);
	}

	.cont_style .section {
		margin-bottom: 40px;
	}

	.one_stop .box_process {
		padding: 0;
	}

	.one_stop .box_process .img {
		height: auto !important;
	}

	.one_stop .box_process .pc_img {
		display: none;
	}

	.one_stop .box_process .mb_img {
		display: block;
		width: 60%;
	}

	.one_stop .box_process.type .img {
		width: 90%;
		flex-direction: column;
	}

	/*영문*/
	.en_all_menu_wrap .site_link {
		display: none;
	}

	.en_wrap .en_logo_wrap .logo .text {
		font-size: 12px;
	}

	.en_main_footer .site_links li.item6 a:before {
		width: 116px;
		height: 50px;
	}

	.en_main_footer .mid_sec .flex {
		flex-direction: column;
		align-items: flex-start;
	}

	.en_main_footer .f_bottom .site_links {
		grid-template-columns: repeat(2, 1fr);
		column-gap: 0;
	}

	.en_main_footer .site_links li.item3 {
		margin-left: 0;
	}

	.en_main_footer .site_links li.item5 {
		margin-left: 0;
	}

	.en_main_footer .site_links li.item6 a:before {
		background-size: 84%;
	}

	.cont_style .contents_top_w100 .intro_top {
		padding: 2rem;
	}

	.en_wrap .section {
		margin-top: 3rem;
	}

	.en_wrap .top_title {
		min-height: 7.2rem;
		font-size: 2.8rem;
		line-height: 1.2;
	}

	.en_wrap .about_cont .about_info .text {
		font-size: 13.6px;
	}

	.en_wrap .about_cont .grid {
		gap: 3rem;
	}

	.en_wrap .about_cont .about_info {
		flex-direction: column;
		gap: 4rem;
	}

	.en_wrap .intro_contents .d_flex_item {
		flex-direction: column;
	}

	.en_wrap .intro_contents .d_flex_item .title {
		margin-bottom: 0;
	}

	.en_wrap .intro_contents .link_dir {
		margin-top: 0 !important;
	}

	.en_wrap .tab_box .w2tabcontrol_tab_center * {
		font-size: 13px;
	}

	.en_wrap .info_table :is(th *, td *) {
		font-size: 13px;
	}

	.en_wrap .list_con li {
		word-break: keep-all;
	}

	.en_wrap .pro_wrap .pro_tit {
		display: block;
		position: relative;
		width: 100%;
		padding: 2rem 1rem;
	}

	.en_wrap .pro_wrap>div {
		padding: 0;
	}

	.en_wrap .process_contents .process_msg {
		flex-direction: column;
	}

	.en_wrap .process_contents .process_msg .title {
		width: 100%;
		padding: 2rem;
	}

	/*tab*/
	.en_wrap .tab_links {
		gap: 10px;
		flex-wrap: wrap;
	}

	.en_wrap .tab_links a {
		width: calc(50% - 10px);
		border: 1px solid #e1e1e1
	}

	.en_wrap .tab_links a.active {
		border: 2px solid #0f86c9;
	}

	.grid_table .tooltip .tip_box {
		font-size: 12px !important;
	}

	.resultBox .grid_table .tooltip .tip_box {
		width: 284px !important;
		left: 50% !important;
		transform: translateX(-50%);
	}

	.resultBox .grid_table .tooltip .tip_box:before {
		left: 50% !important;
		margin-left: -4px;
	}

	.footer .logo_wa.pp {
		display: none;
	}

	.footer .logo_wa_m {
		display: block;
		width: 20%;
		margin-top: -14px;
	}

}

@media (min-width : 480px) and (max-width : 768px) {
	.app_main .app_main_bt_icons span {
		width: 80px;
		height: 80px;
	}
}

@media (max-width : 480px) {

	html,
	body {
		font-size: 7px;
	}

	.boardbox .edit_pc {
		display: none;
	}

	.boardbox .edit_mb {
		display: block;
	}

	.header_center .ico_login {
		top: -2px;
		right: 30px;
	}

	.header_center .ico_menu a {
		width: 6rem;
	}

	.sub_contents.shrink {
		padding-left: 10px;
		padding-right: 10px;
	}

	.grid_table .w2grid * {
		font-size: 14px !important;
	}

	/* 범죄피해자지원포털 메인 */
	.main_slide_wrap {
		height: 35rem;
	}

	.main_slide .swiper-slide {
		height: 35rem;
	}

	.main_slide .swiper-slide .txt {
		width: 90%;
		font-size: 2.2rem;
	}

	.main_slide .swiper-slide .txt * {
		font-size: 2.2rem;
	}

	.main_slide .swiper-slide .txt strong {
		padding-bottom: 1.5rem;
		font-size: 2.4rem;
	}

	.main_slide .swiper-slide .btn {
		padding: 0 4rem 0 2rem;
		width: 15.6rem;
		height: 4rem;
		font-size: 1.6rem;
		border-radius: 1.7rem;
	}


	.main_row1 .mycase_dir {
		padding: 4rem 2rem 9rem;
		background-size: 34%;
		background-position: calc(100% - 1rem) 67%;
	}

	.main_tab .w2tabcontrol>ul {
		gap: 0.5rem;
	}

	.main_notice .ico_q {
		width: 3rem;
		line-height: 3rem;
	}

	.main_notice .classify {
		padding: 0 1rem;
		font-size: 1.5rem;
	}

	[class*="icon_org_"] {
		font-size: 1.7rem;
	}

	[class*="icon_org_"]:before {
		margin-right: 0.5rem;
		width: 4rem;
		background-size: auto 80% !important;
	}

	.victim .main_notice [class*="icon_org_"] {
		width: 12rem;
	}

	.tab_box.m_small .w2tabcontrol_tabhost li a {
		padding: 1rem 0.3rem;
		font-size: 1.6rem;
	}

	.main_guide .left .video {
		width: 100%;
		height: 200px;
	}

	.main_guide .left .video img {
		height: 70%;
	}

	/* 형사사법포털 메인 */
	.visual_slider {
		height: 200px;
	}

	.visual_slider .item .box {
		padding: 0 2rem;
	}

	.visual_slider .main_slide_ctl {
		margin-top: -46px;
	}

	.service_slide {
		padding: 0 1rem 3rem;
	}

	.service_slide .slide_grp li a {
		font-size: 1.6rem;
	}

	.service_slide .flex-direction-nav .flex-prev {
		left: -1.5rem;
	}

	.service_slide .flex-direction-nav .flex-next {
		right: -1.5rem;
	}

	.main_search .box input {
		font-size: 1.7rem;
	}

	.main_service .main_btn {
		min-width: 9rem;
	}

	.main_tab2 .w2tabcontrol>ul {
		gap: 0.5rem;
	}

	.main_tab2 .w2tabcontrol>ul li a {
		width: auto;
	}

	.main_pro {
		gap: 1rem;
	}

	.main_pro>a {
		height: auto;
		font-size: 2.1rem;
	}

	input[type="button"].btnlg {
		min-width: 20rem;
	}

	.tab_box>ul {
		height: auto;
	}

	.tab_box .w2tabcontrol_li,
	.w2tabcontrol_li_1,
	.w2tabcontrol_active,
	.w2tabcontrol_selected {
		height: auto;
	}

	.pop_main .slides_service li {
		font-size: 1.6rem;
		letter-spacing: -1px;
	}

	.page_wrap .w2pageList_ul_native li {
		width: 27px;
	}

	.page_wrap .w2pageList_ul_native li a,
	.page_wrap .pagelist_all .btn_first,
	.page_wrap .pagelist_all .btn_last {
		width: 27px;
	}

	.grid_col3 {
		grid-template-columns: repeat(1, 1fr);
	}

	.calender .w2inputCalendar_div_input {
		width: calc(100% - 23px) !important;
	}

	.calender .w2inputCalendar_divInput {
		font-size: 1.6rem;
	}

	.calender .w2inputCalendar_div_img {
		width: 23px;
	}

	.calender .w2inputCalendar_button {
		background-size: 17px auto !important;
	}

	.btnarea .right {
		margin-left: 0;
	}

	.title_guide_box {
		padding: 2rem;
	}

	.victim_system .menu {
		margin-top: 1rem;
		gap: 2rem;
		padding: 10px;
		text-align: center;
	}

	.victim_system .menu li {
		flex: 1;
		word-break: keep-all;
	}

	.system_tab .accodian_box2 .btnArea.alone {
		padding-left: 21rem;
	}

	.system_tab .btnArea input[type="button"].btnnext {
		width: 20rem;
		text-indent: 0;
		background-image: none;
	}

	.system_tab .btnArea input[type="button"].btn_show {
		min-width: 15rem;
	}

	.footer .logo_wa_m {
		width: 30%;
	}

	/*사건조회*/
	.search_table .flex.sch_inp_desc .sel,
	.search_table .flex.sch_inp_desc .grp {
		flex: none;
	}

	.search_table .flex.sch_inp_desc .grp {
		margin-left: 0;
		margin-top: .4rem;
		width: 100%;
	}

	.search_table_wrap.w_80per {
		width: auto;
	}

	.case_sch .section .title_area .h3_title {
		font-size: 2.6rem;
	}

	.search_table_wrap.wide {
		padding: 2rem 0;
	}

	.search_table.w2tb_adaptive_layout .mb_case_num .sel {
		flex: initial;
		width: 12rem;
	}

	.search_table.w2tb_adaptive_layout .mb_case_num .w2input {
		flex: initial;
		width: 68%;
	}

	.search_table.w2tb_adaptive_layout .mb_case_num:after {
		top: 46%;
	}

	/*민원신청*/
	.table_filter .w2tb .w2tb_td {
		padding-right: 1rem;
	}

	.filter_chk input[type="checkbox"]+label {
		margin: .5rem;
		margin-left: 0;
		max-width: 100%;
	}

	.table_filter .filter_chk input[type="checkbox"]:checked+.w2checkbox_label:after {
		right: 14px;
	}

	.bottom_chk_box {
		padding: 1.8rem;
		height: auto;
	}

	.civil_apply .complete_txt .h4_title {
		font-size: 1.6rem;
	}

	.civil_apply .complete_txt .desc {
		word-break: keep-all;
	}

	.civil_apply .complete_txt .desc,
	.civil_apply .complete_txt .desc em {
		font-size: 1.4rem;
	}

	.civil_apply .mb_size {
		width: 74px;
	}

	.civil_apply .calender {
		flex: 1;
	}

	.civil_apply .btnarea {
		flex-wrap: wrap;
		gap: 1rem;
	}

	.civil_apply .btnarea input[type="button"]+input[type="button"] {
		margin-left: 0;
	}

	.civil_apply .block {
		display: initial;
	}

	.civil_apply .info_box.ico_none {
		padding: 2rem;
	}

	.civil_apply .info_box .helpbox {
		padding: 0;
	}

	.civil_apply .bottom_text {
		margin-top: 5rem;
	}

	.cate_chk_box {
		padding: 2rem 1rem;
	}

	.cate_chk_box ul li,
	.cate_chk_box ul li .btn {
		font-size: 12px;
	}

	/*주소 검색*/
	.searchbox.mb_type {
		flex-direction: column;
	}

	.searchbox.mb_type .searchA {
		margin: 0;
	}

	.searchbox.mb_type .row .field label {
		width: 33%;
		font-size: 1.4rem;
	}

	.searchbox.mb_type .btn_wrap {
		margin-top: 2rem;
		flex-direction: initial;
	}

	.searchbox .row {
		gap: 0;
	}

	.pop_sch_address .info_box>* {
		margin: 0;
	}

	/*형사사법포털 소개*/
	.intro_contents .h3_title {
		padding: 4rem 0;
	}

	.intro_contents .d_flex_item {
		padding: 2rem;
	}

	.intro_contents .d_flex_item .classify {
		margin-left: 1rem;
		padding-left: 1rem;
	}

	.intro_contents .d_flex_item .btn_wrap input[type="button"] {
		width: 14rem;
	}

	.intro_contents .d_flex_item .btn_wrap input[type="button"].btnnext {
		background-position-x: 94%;
		background-size: 16%;
	}

	.intro_contents .d_flex_item .btn_wrap input[type="button"].btnlink {
		background-position-x: 85%;
	}

	/* 형사사법절차 안내 */
	.process_contents .w2tabcontrol_tabhost li a br {
		display: block;
	}

	.process_contents .img_area img {
		max-width: 75%;
	}

	.process_contents .process_msg {
		flex-direction: column;
	}

	.process_contents .process_msg .title {
		width: 100%;
	}

	.process_contents .process_msg .title br,
	.process_contents .process_btn a br {
		display: none;
	}

	.process_contents .process_btn {
		flex-direction: column;
		gap: 1rem;
	}

	.process_contents .process_btn a {
		min-height: 6rem;
		font-size: 1.8rem;
	}

	.pro_wrap .grp_inr {
		padding: 20px 10px;
	}

	.pro_wrap .pro_tit {
		font-size: 1.8rem;
	}

	.pro_wrap .pro_btn {
		width: 84px;
	}

	.pro_wrap .ps2:before {
		left: 96px;
	}

	.pro_wrap .ps3 {
		left: 10px;
		top: 80px;
	}

	.pro_wrap .ps6 {
		right: 102px;
		top: 170px;
	}

	.pro_wrap .ps6 .pro_btns {
		width: 90px;
		height: 70px;
		word-break: keep-all;
	}

	.pro_wrap .ps7 .pro_btn {
		width: 100px;
		font-size: 13px;
	}

	.pro_wrap .ps7 .pro_btn br {
		display: block;
	}

	.pro_wrap .ps2 {
		left: 10px;
		top: 20px;
	}

	.pro_wrap .ps9 {
		left: 74px;
		top: 260px;
	}

	.pro_wrap .ps11 {
		left: 10px;
		bottom: 20px;
		width: calc(100% - 70px);
	}

	.pro_wrap .ps13 {
		left: 10px;
		bottom: 98px;
	}

	.pro_wrap .ps16 {
		right: 130px;
	}

	.pro_wrap .ps17,
	.pro_wrap .ps18 {
		left: 0;
	}

	.pro_wrap .ps7:before {
		left: 110px;
	}

	.pro_wrap .ps9:before {
		left: 40px;
		right: 68px;
	}

	.pro_wrap .ps12:before,
	.pro_wrap .ps14:before {
		height: 67px;
	}

	.pro_wrap .ps7:after {
		left: 150px;
	}

	.pro_wrap .ps1:before,
	.pro_wrap .ps4:before,
	.pro_wrap .ps5:before,
	.pro_wrap .ps8:before,
	.pro_wrap .ps10:before {
		right: 42px;
	}

	.pro_wrap .ps12:before,
	.pro_wrap .ps14:before {
		right: 42px;
	}

	.pro_wrap .ps11:before {
		left: 34px;
	}

	.pro_wrap .ps14 .pro_btn:before,
	.pro_wrap .ps15 .pro_btn:before {
		right: 37px;
	}

	.pro_wrap .ps17:before {
		top: -46px;
		left: 41px;
		width: 84px;
		height: 316px;
	}

	.pro_wrap .ps1:after,
	.pro_wrap .ps4:after,
	.pro_wrap .ps5:after,
	.pro_wrap .ps8:after,
	.pro_wrap .ps10:after {
		right: 37px;
	}

	.pro_wrap .ps9 .pro_btn:after {
		right: 38px;
	}

	.pro_wrap .ps17:after,
	.pro_wrap .ps18:after {
		top: -10px;
	}

	/* 홍보센터 및 동영상 */
	.video_btm>li {
		width: 100%;
	}

	.pr_slider .flex-direction-nav a {
		width: 5rem;
		height: 5rem;
		background-size: 25%;
	}

	.pr_slider_wrap .btn_wrap {
		width: 100%;
	}

	.pr_slider_wrap .btn_down {
		height: 4.4rem;
		padding: 1rem 44px 1rem 16px;
		font-size: 1.6rem;
	}

	/* mykics */
	.certify_box .certify_form {
		width: auto;
	}

	/* 사건조회 */
	.step_menu.add_tit ul {
		flex-wrap: wrap;
		justify-content: center;
	}

	.step_menu.add_tit li.txt_sm {
		display: block;
		margin-bottom: 0.5rem;
		width: 100%;
	}

	.switch_wrap .txt {
		padding-right: 1rem;
		font-size: 1.5rem;
		letter-spacing: -0.2rem;
	}

	.table_btn.various>* {
		flex: 1 1 40%;
	}

	/* 발급문서 진위 확인 */
	.verify_list {
		flex-direction: column;
	}

	.verify_list li span {
		font-size: 1.8rem;
	}

	.verify_btm .left .ico {
		width: 5rem;
		height: 5rem;
	}

	/* 벌과금 */
	.fine_list {
		flex-direction: column;
	}

	.flex.cols3>* {
		flex: 1 1 45%;
	}

	.fine_pop h3.h3_title {
		margin-top: 2rem;
	}

	.fine_grp>div {
		flex-direction: column;
	}

	.fine_grp .right {
		width: 100%;
	}

	.fine_bank>li {
		flex: 0 1 calc(50% - 1rem);
	}

	.fine_collections .btnarea {
		flex-wrap: wrap;
		gap: 1rem;
	}

	.fine_collections .sub_title {
		font-size: 2rem;
	}

	.w2popup_window .w2window_header .w2window_header_title {
		padding: 0 3rem 0 1rem;
		white-space: normal;
		word-break: keep-all;
	}

	.login_msg .login_form span {
		display: block;
		margin: 0 0 1rem;
	}

	.survey.complete .h3_title {
		font-size: 3rem
	}

	.file_table.tablebox .gvwbox>.w2grid {
		width: 164px !important;
	}

	.file_table.tablebox .gvwbox table td.file_col nobr {
		white-space: normal !important;
		display: inline-block;
		word-break: break-all;
		font-size: 1.5rem !important
	}

	.file_table.tablebox .row dl dd {
		padding: 0;
	}

	/*자주묻는질문 탭*/
	.mb_col_type.tab_box.type2>ul {
		flex-wrap: wrap;
		gap: 1rem;
	}

	.mb_col_type.tab_box.type2>ul li {
		width: calc(25% - .5rem);
		flex: auto;
	}

	.mb_col_type.tab_box.type2>ul li+li {
		margin-left: 0;
	}

	.qna_wrap .accodian_box2 ul>li .type {
		font-size: 1.5rem;
		width: 31.2%;
		line-height: 3rem;
		padding: 0 .6rem;
		vertical-align: middle;
		margin-top: -10px;
		background: #eee;
		border-radius: 3rem;
		box-sizing: border-box;
		font-size: 1.5rem;
	}

	.qna_wrap .accodian_box2 ul>li .acc_title {
		width: calc(100% - 32%);
		padding: 0 4rem 0 .5rem;
	}

	.qna_wrap .accodian_box2 .tb_in {
		font-size: 13px;
	}

	/*전자적 송달 통지*/
	.top_title_wrap .elect_brale {
		margin-bottom: 20px;
	}

	.mykics .mykics_top .alarm_box .tit {
		font-size: 2.6rem;
	}

	.user_row {
		margin-bottom: 1rem;
	}

	/*범죄피해자 원스톱*/
	.one_stop .info_table tbody th {
		padding: 1rem 4px;
		text-align: center;
	}

	.one_stop .info_table :is(th, td) {
		font-size: 13px;
	}

	.one_stop .info_table tbody th>div {
		font-size: 12px;
		word-break: keep-all;
	}

	.victim_system .main_service .btn_wrap .btn_call {
		background-size: contain;
	}

	.pop_contents.auth_out {
		width: 390px !important;
	}

	.w2popup_window :is(.w2window_header_title, .w2window_header_title_h2) {
		font-size: 2.4rem;
	}

	/*chatbot*/
	.chatbot {
		--font-size: 1.4rem;
	}

	.chatbot .chat_header .header_inner {
		margin: 0 1rem;
	}

	.chatbot .chat_header .chat_logo {
		width: 16rem;
		height: 5rem;
	}

	.chatbot .chat_header .functions .zoom_btns {
		padding: 1rem;
	}

	.chatbot .chat_header .functions .btn {
		margin-left: 1.2rem;
	}

	.chatbot .chat_header .btn_round {
		margin-left: 1.4rem !important
	}

	.chatbot .chat_body .chat_row :is(.msg, .msg .w2textbox) {
		font-size: var(--font-size);
	}

	.chatbot .chat_body .chat_row .msg {
		max-width: 90%;
		padding: 1rem .6rem;
	}

	.chatbot .chat_body .chat_row.bot .msg.w_stretch {
		width: 90%;
	}

	.chatbot .chat_body .chat_row.bot .msg .btn {
		font-size: var(--font-size);
	}

	.chatbot .chat_body .chat_row.bot .msg .w2tb :is(.w2tb_th, .w2tb_td) {
		padding: .6rem 1rem;
		font-size: var(--font-size);
	}

	.chatbot .chat_body .chat_row.bot .msg .none {
		padding: 1rem;
	}

	.chatbot .chat_body .chat_row.bot .msg .grid_tb :is(th, td) {
		font-size: var(--font-size);
	}

	.chatbot .chat_body .chat_row.bot .msg .link_txt {
		margin-top: 1rem;
		font-size: var(--font-size);
	}

	.chatbot .chat_body .chat_row.bot .msg .btn_wrap.col2 {
		gap: .5rem;
	}

	.chatbot .chat_body .chat_row.bot .links a:before {
		height: 4.4rem;
		background-position: center 0;
	}

	.chatbot .chat_footer .chat_func {
		padding: 0 1rem;
	}

	.chatbot .chat_footer .chat_func .chat_input {
		margin-left: 1rem;
	}

	.chatbot .chat_footer .chat_func .chat_input {
		flex-basis: 64%;
	}

	.chatbot .chat_footer .chat_func .btn_send {
		flex-basis: 6rem;
		margin-left: 1rem;
	}

	.chatbot .chat_footer .footer_menu .btn {
		font-size: var(--font-size);
	}

	/*20240604수정*/
	.chatbot .chat_body .chat_row.bot .msg .btn_wrap.col1 .btn {
		font-size: 12px;
	}

	.chatbot .chat_body .chat_row.bot .msg .btn_wrap.col1 .btn1 {
		font-size: 12px;
		;
	}

	.chatbot .chat_body .chat_row.bot .msg .btn_wrap.col1 .btn2 {
		font-size: 12px;
	}

	.chatbot .chat_body .chat_row.bot .msg .btn_wrap.col1 .btn3 {
		font-size: 12px;
	}

	.chatbot .chat_body .chat_row.bot .msg .btn_wrap.col2 .btn {
		font-size: 12px;
	}

	.chatbot .chat_body .chat_row.bot .msg .btn_wrap.col2 .btn1 {
		font-size: 12px;
	}

	.chatbot .chat_body .chat_row.bot .msg .btn_wrap.col2 .btn2 {
		font-size: 12px;
	}

	.chatbot .chat_body .chat_row.bot .msg .btn_wrap.col2 .btn3 {
		font-size: 12px;
	}

	/*메뉴 스와이퍼*/
	.nav_swiper .swiper-slide {
		--app-font-size: 13px !important;
	}

	.nav_victim.nav_swiper .swiper-slide:first-child {
		width: 46% !important;
	}

	.nav_victim.nav_swiper .swiper-slide:last-child {
		width: 28% !important;
	}

	/*영문*/
	.en_wrap .en_logo_wrap .logo a {
		padding-top: 0;
	}

	.en_wrap .en_logo_wrap .logo a:before {
		top: -12px;
	}

	.en_wrap .en_logo_wrap .logo .text.t1 {
		padding-left: 38px;
		font-size: 12px;
	}

	.en_wrap .en_logo_wrap .logo .text.t2 {
		font-size: 8px;
	}

	.en_wrap .header_top .nuri {
		background-size: 10%;
		padding-left: 4.4rem;
	}

	.en_wrap .header_gnb {
		top: auto;
		bottom: -58%;
	}

	.en_wrap .ico_sitemap {
		width: 3.3rem;
		height: 3.3rem;
		background-size: cover;
	}

	.en_main_top .main_inner {
		top: 23%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.en_main_top .main_inner .main_text {
		font-size: 20px;
	}

	.en_main_footer .mid_sec {
		margin: 24px 0 30px;
	}

	.en_main_footer .mid_sec adress {
		font-size: 1.6rem
	}

	.footer .logo_wa {
		width: 64px;
		height: 40px;
	}

	.en_main_footer .mid_sec .btn_l {
		display: none;
	}

	.en_main_footer .site_links {
		row-gap: 15px;
	}

	.en_main_footer .site_links li a {
		gap: 6px;
		font-size: 1.5rem;
	}

	.en_main_footer .site_links li a:before {
		width: 64px;
		height: 46px;
	}

	.en_main_footer .site_links li.item6 a:before {
		width: 100px;
		height: 38px;
	}

	.en_main_footer .site_links li a span {
		word-break: keep-all;
	}

	.en_all_menu_wrap .all_menu>ul>li {
		width: 100%;
	}

	/*영문 컨텐츠*/
	.en_wrap h3.h3_title {
		font-size: 16px;
	}

	.en_wrap .info_victim .intro_top .link_call {
		margin-top: 2rem;
		padding: 0 2rem;
	}

	.en_wrap .pro_wrap .ps6 .pro_btns {
		width: 116px;
		height: auto;
	}

	.en_wrap .one_stop .info_table col:nth-child(1) {
		width: 27% !important;
	}

	.en_wrap .one_stop .info_table col:nth-child(2) {
		width: 27% !important;
	}

	.en_wrap .accodian_box .w2panels:nth-child(3) .w2panels_title {
		height: 8rem
	}

	.en_pop_process.w2popup_window .w2window_header .w2window_header_title {
		letter-spacing: -0.08rem;
		font-size: 14px;
	}

}

@media (max-width : 360px) {

	/*앱 css*/
	/*mobile메뉴*/
	.nav_swiper .swiper-slide {
		font-size: 13px;
	}

	.app_menu .menu_area .menu_top .links_wrap a {
		font-size: 14px;
	}

	.app_menu .app_footer .links_wrap a {
		font-size: 14px;
	}

	.qna_wrap .accodian_box2 ul>li .acc_title {
		font-size: 14px;
	}
}

/* ***** 반응형 (min-width) ***** */
@media (min-width : 1025px) {

	/*형사사건 처리절차*/
	.pro_wrap {
		margin-bottom: 10px;
	}

	.pro_wrap {
		display: flex;
		gap: 10px;
		justify-content: space-between;
	}

	.pro_wrap>div {
		background: #f2f2f2;
	}

	.pro_wrap .grp1 {
		width: calc(100% - 220px);
	}

	.pro_wrap .grp2,
	.pro_wrap .grp3 {
		width: 100px;
	}

	.pro_wrap .grp_inr {
		position: relative;
		margin: 30px 10px;
		height: 370px;
	}

	/*.pro_wrap .grp1 .grp_inr{margin:30px;}*/
	.pro_wrap .pro_tit {
		display: block;
		height: 50px;
		line-height: 50px;
		font-size: 2rem;
		text-align: center;
		background: #d7d7d7;
	}

	.pro_wrap .pro_tit br {
		display: none;
	}

	.pro_wrap .pro_btn {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 5px 10px;
		height: 50px;
		font-size: 14px;
		color: #fff;
		line-height: 1.3em;
		text-align: center;
		background: #003a78;
		border-radius: 5px;
		box-sizing: border-box;
		position: relative;
		z-index: 3;
	}

	.pro_wrap .pro_btn.w80 {
		width: 80px;
	}

	.pro_wrap .pro_btn:hover {
		background-color: #014fa2;
		transition: all .3s ease-in-out;
	}

	.pro_wrap .pro_btns {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		padding: 5px 5px 5px 30px;
		height: 36px;
		font-weight: 600;
		font-size: 13px;
		background: #fff url(/cm/images/common/icon_btn_info.png) no-repeat 8px center;
		border: 1px solid #e1e1e1;
		border-radius: 15px;
		box-sizing: border-box;
		position: relative;
		z-index: 3;
	}

	.pro_wrap .pro_btns:hover {
		background-color: #f7f7f7;
		transition: all .3s ease-in-out;
	}

	.pro_wrap .ps1 {
		position: absolute;
		left: 0;
		top: 80px;
		width: 17%;
		height: 180px;
	}

	/* 수사개시 */
	.pro_wrap .ps2 {
		position: absolute;
		left: 0;
		top: 260px;
	}

	/* 입건 전 조사종결 */
	.pro_wrap .ps3 {
		position: absolute;
		left: -15px;
		top: 330px;
	}

	/* 합의 및 공탁 */
	.pro_wrap .ps4 {
		position: absolute;
		left: 17%;
		top: 80px;
		width: 14%;
	}

	/* 입건 */
	.pro_wrap .ps5 {
		position: absolute;
		left: 35%;
		top: 0;
	}

	/* 체포 */
	.pro_wrap .ps6 {
		position: absolute;
		left: 35%;
		top: 80px;
	}

	/* 체포와 구속의 적부심사 */
	.pro_wrap .ps7 {
		position: absolute;
		left: 50%;
		top: 0;
	}

	/* 구속 전 피의자 심문 */
	.pro_wrap .ps8 {
		position: absolute;
		left: 71%;
		top: 0;
	}

	/* 구속 */
	.pro_wrap .ps9 {
		position: absolute;
		left: 31%;
		right: 29%;
		top: 200px;
		text-align: center;
	}

	/* 불구속 */
	.pro_wrap .ps10 {
		position: absolute;
		left: 71%;
		top: 100px;
		width: 14%;
	}

	/* 송치 */
	.pro_wrap .ps11 {
		position: absolute;
		right: 0;
		top: 50px;
		width: 14%;
		text-align: right;
	}

	/* 불기소 */
	.pro_wrap .ps12 {
		position: absolute;
		right: 0;
		top: 150px;
		width: 14%;
		text-align: right;
	}

	/* 기소 */
	.pro_wrap .ps13 {
		position: absolute;
		right: 0;
		top: 240px;
	}

	/* 기소(참고인) 중지 */
	.pro_wrap .ps14 {
		position: absolute;
		left: 0;
		right: 0;
		top: 150px;
		text-align: center;
	}

	/* 재판 */
	.pro_wrap .ps15 {
		position: absolute;
		left: 0;
		right: 0;
		top: 150px;
		text-align: center;
	}

	/* 형의 집행 */
	.pro_wrap .ps16 {
		position: absolute;
		left: 0;
		right: 0;
		top: 240px;
		text-align: center;
	}

	/* 형 집행정지 */
	.pro_wrap .ps17 {
		position: absolute;
		left: 0;
		right: 27%;
		top: 310px;
		text-align: center;
	}

	/*불송치*/

	.pro_wrap .ps18 {
		position: absolute;
		left: 60%;
		top: 310px;
		text-align: center;
	}

	/*이의신청*/
	.pro_wrap .ps7 .pro_btn {
		width: 90px;
	}

	.pro_wrap .ps1:before {
		display: block;
		content: '';
		position: absolute;
		left: 36px;
		right: 8px;
		top: 25px;
		bottom: 8px;
		border-top: 2px dashed #003a78;
		border-left: 2px dashed #003a78;
		z-index: 1;
	}

	.pro_wrap .ps1:after {
		display: block;
		content: '';
		position: absolute;
		top: 20px;
		right: 4px;
		width: 0;
		height: 0;
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-left: 8px solid #003a78;
		z-index: 2;
	}

	.pro_wrap .ps2:after {
		display: block;
		content: '';
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: -15px;
		width: 0;
		height: 0;
		border-top: 8px solid #003a78;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		z-index: 2;
	}

	.pro_wrap .ps4:before {
		display: block;
		content: '';
		position: absolute;
		left: 50px;
		right: 0;
		top: 25px;
		border-top: 2px dashed #003a78;
		z-index: 1;
	}

	.pro_wrap .ps9:before {
		display: block;
		content: '';
		position: absolute;
		left: 0;
		right: -25px;
		top: -176px;
		height: 200px;
		border: 2px dashed #003a78;
		z-index: 1;
	}

	.pro_wrap .ps10:before {
		display: block;
		content: '';
		position: absolute;
		left: 50px;
		right: 0;
		top: 25px;
		border-top: 2px dashed #003a78;
		z-index: 1;
	}

	.pro_wrap .ps10:after {
		display: block;
		content: '';
		position: absolute;
		left: 18px;
		bottom: -9px;
		width: 0;
		height: 0;
		border-bottom: 8px solid #003a78;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		z-index: 2;
	}

	.pro_wrap .ps11:before {
		display: block;
		content: '';
		position: absolute;
		left: -10px;
		width: calc(100% - 57px);
		top: 25px;
		height: 100px;
		border: 2px dashed #003a78;
		border-right: none;
		z-index: 1;
	}

	.pro_wrap .ps14:before {
		display: block;
		content: '';
		position: absolute;
		left: -74px;
		top: 25px;
		width: 70px;
		border-top: 2px dashed #003a78;
		z-index: 1;
	}

	.pro_wrap .ps14:after {
		display: block;
		content: '';
		position: absolute;
		left: 0;
		top: 20px;
		width: 0;
		height: 0;
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-left: 8px solid #003a78;
		z-index: 2;
	}

	.pro_wrap .ps15:before {
		display: block;
		content: '';
		position: absolute;
		left: -74px;
		top: 25px;
		width: 70px;
		border-top: 2px dashed #003a78;
		z-index: 1;
	}

	.pro_wrap .ps15:after {
		display: block;
		content: '';
		position: absolute;
		left: 0;
		top: 20px;
		width: 0;
		height: 0;
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-left: 8px solid #003a78;
		z-index: 2;
	}

	.pro_wrap .ps17:before {
		display: block;
		content: '';
		position: absolute;
		left: 50%;
		top: -78px;
		right: -9%;
		transform: translateX(-13%);
		height: 105px;
		border: 2px dashed #000;
		border-top: none;
	}

	/*.pro_wrap .ps18:after{display:block;content:'';position:absolute;right:-66%;top:-78px; width:37px; height:105px; border-right:2px dashed #000;border-bottom:2px dashed #000;}*/

	.pro_wrap .ps5 .pro_btn:before,
	.pro_wrap .ps7 .pro_btn:before,
	.pro_wrap .ps8 .pro_btn:before {
		display: block;
		content: '';
		position: absolute;
		left: -5px;
		top: 0;
		bottom: 0;
		width: 5px;
		background: #f2f2f2;
		z-index: 1;
	}

	.pro_wrap .ps9 .pro_btn:before {
		display: block;
		content: '';
		position: absolute;
		left: -5px;
		top: 0;
		bottom: 0;
		width: 5px;
		background: #f2f2f2;
		z-index: 1;
	}

	.pro_wrap .ps10 .pro_btn:before {
		display: block;
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: -5px;
		height: 5px;
		background: #f2f2f2;
		z-index: 1;
	}

	.pro_wrap .ps18 .pro_btn:before {
		display: block;
		content: '';
		position: absolute;
		left: -5px;
		top: 0;
		bottom: 0;
		width: 5px;
		background: #f2f2f2;
		z-index: 1;
	}

	.pro_wrap .ps5 .pro_btn:after,
	.pro_wrap .ps7 .pro_btn:after,
	.pro_wrap .ps8 .pro_btn:after {
		display: block;
		content: '';
		position: absolute;
		left: -11px;
		top: 19px;
		width: 0;
		height: 0;
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-left: 8px solid #003a78;
		z-index: 2;
	}

	.pro_wrap .ps9 .pro_btn:after {
		display: block;
		content: '';
		position: absolute;
		left: -11px;
		top: 21px;
		width: 0;
		height: 0;
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-left: 8px solid #003a78;
		z-index: 2;
	}

	.pro_wrap .ps10 .pro_btn:after {
		display: block;
		content: '';
		position: absolute;
		left: 50%;
		margin-left: -6px;
		top: -11px;
		width: 0;
		height: 0;
		border-top: 8px solid #003a78;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		z-index: 2;
	}

	.pro_wrap .ps11 .pro_btn:after {
		display: block;
		content: '';
		position: absolute;
		left: -11px;
		top: 20px;
		width: 0;
		height: 0;
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-left: 8px solid #003a78;
		z-index: 2;
	}

	.pro_wrap .ps12 .pro_btn:after,
	.pro_wrap .ps17 .pro_btn:after,
	.pro_wrap .ps18 .pro_btn:after {
		display: block;
		content: '';
		position: absolute;
		left: -11px;
		top: 22px;
		width: 0;
		height: 0;
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-left: 8px solid #003a78;
		z-index: 2;
	}

	.pro_wrap .ps17 .pro_btn:after {
		left: -9px;
	}

	.en_wrap .pro_wrap .grp_inr {
		margin-left: 4px;
		margin-right: 4px;
	}

	.en_wrap .pro_wrap .pro_btn {
		width: 70px;
		font-size: 12px;
	}

	.en_wrap .pro_wrap .w_wide .pro_btn {
		width: 90px;
	}

	.en_wrap .pro_wrap .ps1 .pro_btn {
		width: 114px;
	}

	.en_wrap .pro_wrap .pro_btns {
		padding-left: 6px;
		font-size: 12px;
		background-image: none;
	}

	.en_wrap .pro_wrap .ps1:before {
		left: 45px;
	}

	.en_wrap .pro_wrap .ps15:after {
		left: -8px;
	}

	.en_wrap .pro_wrap .ps10 .pro_btn:after {
		margin-left: -16px;
	}
}

@media (min-width : 1400px) {
	.en_wrap .pro_wrap .grp_inr {
		margin: 30px 10px;
	}

	.en_wrap .pro_wrap .pro_btn {
		width: 100px;
		font-size: 13px;
	}

	.en_wrap .pro_wrap .w_wide .pro_btn {
		width: 114px;
	}

	.en_wrap .pro_wrap .pro_btns {
		padding: 5px 5px 5px 30px;
		font-size: 13px;
		background: #fff url(/cm/images/common/icon_btn_info.png) no-repeat 8px center;
	}

	.en_wrap .pro_wrap .ps1:before {
		left: 57px;
	}

	.pro_wrap .grp1 {
		width: calc(100% - 320px);
	}

	.pro_wrap .grp2,
	.pro_wrap .grp3 {
		width: 150px;
	}

	.pro_wrap .pro_tit {
		height: 60px;
		line-height: 60px;
	}

	.pro_wrap .pro_btn,
	.pro_wrap .ps7 .pro_btn {
		width: 100px;
		font-size: 15px;
	}

	.pro_wrap .pro_btns {
		font-size: 14px;
	}

	.pro_wrap .ps7 {
		left: 53%;
	}

	.pro_wrap .ps17 {
		left: 64px;
	}

	.pro_wrap .ps1:before {
		left: 50px;
	}

	.pro_wrap .ps9:before {
		right: -50px;
	}

	.pro_wrap .ps10:after {
		left: 43px;
	}

	.pro_wrap .ps11:before {
		width: calc(100% - 107px);
	}

	.pro_wrap .ps14:before,
	.pro_wrap .ps15:before {
		left: -104px;
		width: 100px;
	}

	.pro_wrap .ps17:before {
		transform: translateX(-20.2%);
		right: -20.4%;
	}

	/*대시보드*/
	.dashboard_inner>div {
		width: calc(25% - 1.5rem);
	}

	.en_wrap .pro_wrap .ps10 .pro_btn:after {
		margin-left: -7px;
	}
}

@media (min-width : 1600px) {
	.pro_wrap .ps17:before {
		transform: translateX(-19%);
		right: -17.2%;
	}
}

@media print {
	@page {
		size: A4 portrait;
	}

	html,
	body {
		margin: 0;
		padding: 0;
	}

	#skip,
	.admin .header,
	.admin .lnb_wrap,
	.admin .admin_title,
	.admin .dashboard_wrap .w2tabcontrol_tabhost,
	.admin .dashboard_wrap .dashboard_top,
	.admin .dashboard_wrap .title_area {
		display: none;
	}

	.admin .admin_wrap {
		min-width: inherit;
	}

	.admin .admin_container {
		padding: 0;
		width: 100%;
	}

	.admin .dashboard {
		padding: 0;
	}

	.page-break {
		page-break-inside: avoid;
		page-break-after: auto;
	}

}