/*SUB*/
html.popupOpen,
body.popupOpen {
  overflow: hidden;
}
main {
  transition: .3s ease;
  flex:1;
}
.wrapper {
  min-height:100%;
  display:flex;
  flex-direction: column;
}
/* .subContent{
  width:100%;
  position:relative;
  margin:0 auto;
}
.subBanner{
  max-width:calc(1400px + 40px);
  width:100%;
  margin:0 auto;
  display:flex;
  flex-direction: column;
  justify-content: flex-end;
  color:#fff;
  min-height:23rem;
  padding:5rem 1.5rem 3.6rem 1.5rem;
}
.subBanner .media{
  width:100%;
  position:absolute;
  top:-0;
  left:0;
  z-index: -1;
  overflow: hidden;
  height:324px;
}
.subBanner .media img {
  display:block;
  width:100%;
  height:324px;
  object-fit: cover;
}
.subBanner .subTit{
  font-size:40px;
  color:#fff;
} */
.subWrap {
  max-width:calc(1400px + 40px);
  width:100%;
  margin:15rem auto 4rem;
  padding:0 1.5rem;
}
.inner {
  min-height:20vh;
}
.subWrap .subPage{
  margin:0 0 2rem
}
.subWrap .subPage h3 {
  font-size:36px;
  margin-bottom:3rem;
  text-align:center;
  color:#444;
}
.subWrap .subPage p{
  margin-bottom:2rem;
  text-align:center;
}
.pcblock{display:block;}
.mbblock{display:none;}
/**소개 introinfo start**************************************************************/

.introWrap .intTit{
	height:auto;
	background:#fff;
	margin:0 4rem;
	border-radius:20px;
	padding:2rem 1rem 3rem;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:40px;
	width:calc(100% - 8rem);
	text-align:center;
	box-shadow:0 0 10px 1px rgb(237 237 237);
}
.introWrap .intTit p {
	font-size:20px;
	font-weight:700;
}
.introWrap .intTit img {
	display:block;
	width:234px;
	border-radius:0;
}
.introWrap .intTit ul {
	margin-top:1rem;
	display:flex;
	gap:120px;
}
.introWrap .intTit ul li {
	position:relative;
	text-align:right;
	width:160px;
	color:#542f5b;
	font-weight: 700;
	font-size:18px;
}
.introWrap .intTit ul li img {
	display:block;
	width:80px;
	position: absolute;
	left: -80px;
	top:-25px;
}
.introWrap .introCon {
	margin-top:2rem;
}
.introWrap .introCon ul {
	display:flex;
	align-items:center;
	justify-content: center;
	gap:2rem;
}
.introWrap .introCon ul li {
	width:100%;
}
.introWrap .introCon ul li .introArea {
	font-size:20px;
	line-height:24px;
	height:150px;
	box-shadow:0 0 10px 1px rgb(237 237 237);
	margin-bottom:1rem;
	text-align:center;
	font-weight:700;
	color:#222;
	padding:0.3rem;
	background:#fff;
	border-radius: 20px;
	background-image: linear-gradient(#fff, #fff), linear-gradient(135deg,  #aaf3b6, #ffcae8);
	background-origin: border-box;
	background-clip: content-box, border-box;
}
.introWrap .introCon ul li .introArea p {
	margin-top:1rem;
}
.introWrap .introCon ul li h5 {
	display:block;
	font-size:22px;
	color: #222;
	font-weight:800;
	border-radius:10px;
	text-align:center;
	padding:0.3rem;
	background:#fff;
	border-radius: 20px;
	background-image: linear-gradient(#fff, #fff), linear-gradient(135deg,  #aaf3b6, #ffcae8);
	background-origin: border-box;
	background-clip: content-box, border-box;
	height:50px;
}
.introWrap .introCon ul li h5 p {
	margin:0.5rem;
}
.introWrap .introCon .introMedia {
	margin-top:6rem;
}
.introWrap .introCon .introMedia  h5 {
	font-family:'SokchoSeaDotum';
	text-align:center;
	font-size:24px;
	font-weight:800;
	color:#444;
}
.introWrap .introCon .introMedia .gd_video {
	margin-top:2rem;
	width:100%;
}
.introWrap .introCon .introMedia .gd_video video {
	width:100%;
}
/**피해지원정책 agencyinfo start*******************************************************/
/*지원기관*/
.agencyWrap{}
.agencyWrap .agencyCon .tabTit {
  margin:10rem 0 2rem;
  font-size:30px;
}
.agencyWrap .agencyCon .tabWrap{
  display:flex;
  justify-content: space-between;
  margin:2rem 0 4rem;
}
.agencyWrap .agencyCon .tabWrap .mapCon {flex:0 1 520px;}
.agencyWrap .agencyCon .tabWrap .mapImg {margin-top:-100px;}
.agencyWrap .agencyCon .tabWrap .tabCon{
  padding:2rem;
}
.agencyWrap .agencyCon .tabWrap .tabCon ul {
  display:flex;
  justify-content: flex-start;
  align-items: center;
}
.agencyWrap .agencyCon .tabWrap .tabCon ul+ul{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid #999;
}

.agencyWrap .agencyCon .tabWrap .tabCon ul li.tit {
  width:90px;
}
.agencyWrap .agencyCon .tabWrap .tabCon ul li .search {
  width:500px;
}
.agencyWrap .agencyCon .tabWrap .tabCon ul li .search form{
  display:flex;
  justify-content: space-between;
}
.agencyWrap .agencyCon .tabWrap .tabCon ul li .search input[type="text"]{
  width:100%;
  height:50px;
  line-height:36px;
  background:transparent;
  padding:0 20px;
}
.agencyWrap .agencyCon .tabWrap .tabCon ul li .search button{
  background:url(/resources/seoulsafe/images/common/ico_search_gray.svg)no-repeat center center;
  background-size:25px 25px;
}
.agencyWrap .agencyCon .tabWrap .tabCon ul li button {
  font-size:15px;
  background:#fbfbfb;
  padding:10px 15px;
  border-radius:5px;
  outline: 1px solid #dddddd;
  transition: outline-color 0.2s;
}
.agencyWrap .agencyCon .tabWrap .tabCon ul li button.on {
  background: #F2F7FD;
  color: #54638B;
  outline: 2px solid #787ead;
  font-weight: 700;
  text-decoration:underline;
}
.agencyWrap .agencyCon .tabWrap .tabCon ul li button:focus,
.agencyWrap .agencyCon .tabWrap .tabCon ul li button:hover,
.agencyWrap .agencyCon .tabWrap .tabCon ul li button:active{
  outline: 2px solid #787ead;
}
.agencyWrap .agencyCon .tabWrap .tabCon .searchBtn{
 	margin:0 0 0 20px;
 	outline:none;
 	width:auto;
}
.agencyWrap .agencyCon .tabWrap .tabCon .searchBtn button.submit{
  padding:14px 26px;
  border-radius:25px;
  background:#D51A49;
  color:#fff;
}
.agencyWrap .agencyCon .tabWrap .tabCon .searchBtn button.reset{
  background:url(/resources/seoulsafe/images/sub/reset_ico2.svg)no-repeat center left transparent;
  padding:0 0 0 22px;
  color:#444;
  background-size:18px;
  outline:none;
}
.agencyWrap .agencyCon .tabWrap .tabCon .searchBtn button.submit:focus,
.agencyWrap .agencyCon .tabWrap .tabCon .searchBtn button.submit:hover,
.agencyWrap .agencyCon .tabWrap .tabCon .searchBtn button.submit:active{
	outline:none;
   box-shadow: 0 4px 10px rgba(172, 172, 172, 0.2);
}
.agencyWrap .agencyCon .tabWrap .tabCon ul.optionItem li {
	display:flex;
	align-items:center;
	background:#fff;
	padding:5px 0;
	border-radius:4px;
}
.agencyWrap .agencyCon .tabWrap .tabCon ul.optionItem li span{
	font-size:14px;
	font-weight:500;
}
.agencyWrap .agencyCon .tabWrap .tabCon ul.optionItem li button {
  padding:5px 10px;
  background:url(/resources/seoulsafe/images/sub/reset_ico.svg)no-repeat 5px 0;
  background-size:10px 10px;
  border-radius:0;
  outline:none;
}
.agencyWrap .agencyCon .tabWrap .tabCon ul.optionItem li button:focus,
.agencyWrap .agencyCon .tabWrap .tabCon ul.optionItem li button:hover,
.agencyWrap .agencyCon .tabWrap .tabCon ul.optionItem li button:active{
	outline-color:transparent;
}
.agencyWrap .agencyCon .tabWrap .tabCon .mapDrop {
	width:100%;
	flex:1;
}
.agencyWrap .agencyCon .tabWrap .tabCon .mapDrop .map-up {
	position:relative;
	font-size:14px;
	font-weight:700;
	cursor:pointer;
	height:42px;
	line-height:40px;
	overflow:hidden;
	position:relative;
	padding:0 35px 0 10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	border:1px solid #aaa;
	border-radius:6px;
	color:#666;
}
.agencyWrap .agencyCon .tabWrap .tabCon .mapDrop .map-up:after{
	position:absolute;
	display:block;
	content:'';
	top:13px;
	right:10px;
	width:16px;
	height:16px;
	background:url(/resources/seoulsafe/images/sub/chevron_ico.svg)no-repeat right center/16px;
}
.agencyWrap .agencyCon .tabWrap .tabCon .mapDrop .map-down {
	margin-top:2px;
	border:1px solid #aaa;
	border-radius:6px;
	padding:0 10px;
	height:200px;
	overflow-y:auto;
	display:none;
}
.agencyWrap .agencyCon .tabWrap .tabCon .mapDrop .map-down div{
	margin:10px 0;
	font-size:14px;
}
/*팝업*/
.agencyWrap .agencyCon .popPanel .coment textarea {
  width: 100%;
  display: block;
  border: 1px solid #ccc; /* 필요시 */
  box-sizing: border-box;
  overflow-y: auto;
  resize: none; /* 선택사항 */
  border:1px solid #999;
  border-radius:5px;
  padding:0.5rem 1rem;
}
.agencyWrap .agencyCon .popPanel .coment.line04 textarea{
  height:80px;
}
.agencyWrap .agencyCon .popPanel .coment.line06 textarea{
  height:112px;
}
/**피해지원정책 agencyinfo end*******************************************************/
/**폭력대응정보 helpinfo start*******************************************************/
.helpWrap .tabWrap {
  margin-bottom:2rem;
}
.helpWrap .tabWrap h2 {}
.helpWrap .tabWrap .tabCon {
  margin:2rem 0 1rem;
  background:transparent;
  border-top:0;
  padding:0;
  border-radius:0;
  box-shadow:none;
}
.helpWrap .tabWrap .tabCon ul {
  display:flex;
  align-items:center;
  height:50px;
  width:100%;
}
.helpWrap .tabWrap .tabCon ul li {
  width:100%;
  padding:1rem 0;
  text-align: center;
  margin:0 auto;
  border-bottom:3px solid #d3d3d3;
  cursor:pointer;
  font-size:18px;
}
.helpWrap .tabWrap .tabCon ul li:not(:first-child):not(:last-child){
  margin-right:0;
}
.helpWrap .tabWrap .tabCon ul li.on {
  border-bottom:3px solid #D51A49;
  background:#f5f5f5;
  border-radius: 5px 5px 0 0;
  color:#D51A49;
  font-weight:700;
}
.helpWrap .tabWrap .tabCon ul li:hover,
.helpWrap .tabWrap .tabCon ul li:focus{
  border-bottom:3px solid #D51A49;
  background:#f5f5f5;
  border-radius: 5px 5px 0 0;
  color:#D51A49;
}
/* .helpWrap .helpCon .helpBg{
  position:relative;
  top:0;
  left:0;
  border-radius:10px;
  overflow: hidden;
  height:200px;
  margin-bottom:2rem;
}
.helpWrap .helpCon .helpBg img{
  width:100%;
  height:100%;
  object-fit: cover;
}
.helpWrap .helpCon .helpBg h4 {
  position:absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  color:#fff;
  font-size:20px;
} */
.helpWrap .helpCon h5{
	font-size:30px;
	display:inline-block;
	font-family:'SokchoSeaDotum';
	color:#444;
}
.helpWrap .helpCon .area img{
	display:inline-block;
	width:67px;
}
.helpWrap .helpCon .area{
  padding:1.5rem;
  border-radius:10px;
  font-size:14px;
  min-height:80px;
  box-shadow:0 0 0px 4px rgb(245 241 255);
}
.helpWrap .helpCon .area.title{
	text-align:center;
	box-shadow:none;
	border-radius: 0;
	margin: 5rem 0 2rem;
	border-top: 7px solid #4d6a97;
	border-bottom: 7px solid #4d6a97;
}
.helpWrap .helpCon .area.title p {
	display:inline-block;
	font-size:18px;
}
/* .helpWrap .helpCon .area p:before{
	position:absolute;
	content:'';
	width:50px;
	height:50px;
	background:url(/resources/seoulsafe/images/sub/point.svg)no-repeat;
	top:-33px;
	left:-57px;
} */
.helpWrap .helpCon .area .titleCon {
	display:flex;
	justify-content: center;
	align-items: center;
	gap:10px;
	margin-bottom:2rem;
}
.helpWrap .helpCon .area .subCon{
	display:inline-flex;
	justify-content:center;
	text-align:left;
	margin-top:1rem;
	padding:1rem 4rem;
	background:#e4ecf7;
	border-radius:10px;
	line-height:22px;
	outline:1px dashed #888;
}
.helpWrap .helpCon .area .subCon .subContxt {
	font-size:16px;
	font-weight:700;
}
.helpWrap .helpCon .area + .area{
  margin:1rem 0;
}
.helpWrap .helpCon .area.list {
	text-align:center;
}
.helpWrap .helpCon .area.list ul{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:20px;
  flex-wrap:wrap;
}
.helpWrap .helpCon .area.menu ul {
	display:flex;
	justify-content:center;
	align-items:flex-start;
	gap:20px;
}
.helpWrap .helpCon .area.list ul + ul,
.helpWrap .helpCon .area.menu ul + ul{
  margin-top:10px;
}
.helpWrap .helpCon .area.list ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 56px;
	width: 206px;
	outline: 2px dashed #888;
	border-radius: 25px;
}
.helpWrap .helpCon .area.list ul li a {
	position:relative;
	display:block;
	font-size:16px;
	text-align: center;
}
.helpWrap .helpCon .area.list ul li:hover,
.helpWrap .helpCon .area.list ul li:focus {
	outline-color:#4d6a97;
	background:#f0f4fb;
}
/* .helpWrap .helpCon .area.list ul li a:after{
	position:absolute;
	top:0;
	right:0;
	content:'';
	width:14px;
	height:14px;
	background:url(/resources/seoulsafe/images/sub/linkBlack_ico.svg)no-repeat;
	background-size:14px 14px;
} */
/*교제폭력*/
.helpWrap .helpCon .area.menu ul li {
	width:100%;
	background:#fff;
	border-radius:5px;
	padding:10px;
}
.helpWrap .helpCon .area.menu ul li a {
	font-size:16px;
}
.helpWrap .helpCon .area.list ul li a:focus,
.helpWrap .helpCon .area.list ul li a:hover,
.helpWrap .helpCon .area.menu ul li a:focus,
.helpWrap .helpCon .area.menu ul li a:hover{
	text-decoration: underline;
}
/*출처*/
.helpWrap .helpCon .source {
	font-size:14px;
	color:#666;
}
/**폭력대응정보 helpinfo end*******************************************************/
/**폭력예방콘텐츠 > 동영상 safeinfo start*******************************************************/
/*상단탭*/
.safeWrap .meansCon {
	margin:1.5rem 0 2rem;
}
.safeWrap .subPage a{
	display:inline-block;
	margin-right:15px;
	padding:0 20px 0 0;
}
.safeWrap .subPage a:focus,
.safeWrap .subPage a:hover{
	text-decoration: underline;
}
.safeWrap .subPage a.coment {
	background:url(/resources/seoulsafe/images/sub/linkBlack_ico.svg)no-repeat right 2px top;
	background-size:8px;
}
.safeWrap .subPage a.coment02 {
	background:url(/resources/seoulsafe/images/sub/link_ico.svg)no-repeat right 2px top;
	background-size:8px;
}
.safeWrap .tabWrap .tabCon .tagcon{
	margin-top:1.5rem;
}
.safeWrap .tabWrap .tabCon .tagcon span{
	color:#666;
	background:#eaeaea;
	border-radius:20px;
	font-size:12px;
	padding:5px 10px;
}
.safeWrap .tabWrap .tabCon .tagcon span+span {
	margin-left:5px;
}
/*검색결과*/
.safeWrap .resultWrap{
	margin:4rem 0;
}
.safeWrap .resultWrap .tit{
	display:flex;
	align-items: center;
	justify-content: flex-end;
}
.safeWrap .resultWrap .tit .data{
	color:#D51A49;
	font-size:16px;
	font-weight: 600;
}
.safeWrap .resultWrap .resultCon {
	margin:1rem 0;
}
.safeWrap .resultWrap .resultCon .resultInner +.resultInner{
	margin-top:1.5rem;
}
.safeWrap .resultWrap .resultCon .resultInner ul.ageList {
	display: flex;
	gap:5px;
}
.safeWrap .resultWrap .resultCon .resultInner ul.ageList  li {
	white-space: nowrap;
	overflow: visible;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items: flex-start;
	padding:1rem 0;
	background:#fff;
	border-top:1px solid #d1d1d1;
	overflow: hidden;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumb img:focus,
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumb img:hover,
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumb img:active{
	transition: 0.3s ease;
	transform: scale(1.05);
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumb {
	border-radius:10px;
	width:100%;
	height:180px;
	overflow: hidden;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumb img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
	display:block;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon{
	margin-top:0.5rem;
	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon .downFile {
	width:30px;
	height:30px;
	background:url(/resources/seoulsafe/images/sub/down_ico.svg)no-repeat center #dbdbdb;
	background-size:16px;
	padding:5px;
	border-radius:50%;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon ul li span {
	display:block;
	font-size:12px;
	padding:3px 6px;
	border-radius:5px;
	color:#444;
	background:#e5e5e5;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon ul li.orange span{
	background:#ffecd2;
	color:#f48b00;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon ul li.purple span{
	background:#d7caff;
	color:#644bb5;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon ul li.green span{
	background:#e9fde6;
	color:#137f00;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon ul li.blue span{
	background:#c2e6ff;
	color:#0077d4;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon .time {
	font-size:14px;
	color:#666;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .title {
	width:100%;
	display:flex;
	justify-content: space-between;
	margin-top:1rem;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .title a {
	display:inline-block;
	font-size:16px;
	width:234px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .title a:focus,
.safeWrap .resultWrap .resultCon .resultInner ul li .media .title a:hover{
	text-decoration: underline;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .title .date{
	font-size:14px;
	color:#444;
	flex:0 0 94px;
}
/*팝업*/
.popPanel.safePop .popTit ul li h2{
	display:inline-block;
	margin-right:0;
	margin-left:15px;
}
.popPanel.safePop .popTit ul li span.age{
	display: inline-block;
	padding:3px 6px;
	border-radius:5px;
}
.popPanel.safePop .popTit ul li span.age.orange{
	background:#ffecd2;
	color:#f48b00;
}
.popPanel.safePop .mediaWrap {
	margin:1rem 0;
	display:flex;
	justify-content:space-between;
	gap:20px;
}
.popPanel.safePop .mediaWrap .sliderCon {
	position:relative;
	width:630px;
	height:350px;
	overflow: hidden;
}
/* .popPanel.safePop .mediaWrap .sliderCon .sliderImg {
	position:absolute;
	top:0;
	left:0;
	width:2100px;
	height:100%;
}
.popPanel.safePop .mediaWrap .sliderCon ul {
	display:flex;
	width:100%;
	height:100%;
}
.popPanel.safePop .mediaWrap .sliderCon ul li {
	width:700px;
	background:#0077d4;
}
.popPanel.safePop .mediaWrap .sliderCon ul li:nth-child(2){
	width:700px;
	background:#644BB5;
}
.popPanel.safePop .mediaWrap .sliderCon ul li:last-child{
	width:700px;
	background:#137f00;
} */
.popPanel.safePop .mediaWrap .sliderCon ul li img{}
.popPanel.safePop .mediaWrap .sliderCon .sliderBtn{
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	display:flex;
	justify-content: space-between;
	transform: translate(0, -50%);
}
.popPanel.safePop .mediaWrap .sliderCon .sliderBtn button{
	width:30px;
	height:30px;
	display:block;
}
.popPanel.safePop .mediaWrap .sliderCon .sliderBtn button.prev{
	background:url(/resources/seoulsafe/images/sub/prev.svg)no-repeat;
	background-size: contain;
	margin:0 0 0 10px;
}
.popPanel.safePop .mediaWrap .sliderCon .sliderBtn button.next{
	background:url(/resources/seoulsafe/images/sub/prev.svg)no-repeat;
	background-size: contain;
	transform: rotate(180deg);
	margin:0 10px 0 0;
}
.popPanel.safePop .mediaWrap .viewCon {
	width:280px;
	padding-top:1rem;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
}
.popPanel.safePop .mediaWrap .viewCon table th,
.popPanel.safePop .mediaWrap .viewCon table td {
	font-size:15px;
	font-weight: 300;
	height:30px;
	line-height: 30px;
}
.popPanel.safePop .mediaWrap .viewCon table th {
	width:120px;
	color:#666;
}
.popPanel.safePop .mediaWrap .viewCon table td {
	color:#222;
}

/* 동영상 하단 시청하기, 다운로드 버튼 및 태그공간
.popPanel.safePop .mediaWrap .viewCon ul li {
    display:inline-block;
}
.popPanel.safePop .mediaWrap .viewCon ul li +li {
  margin-left:5px;
}
.popPanel.safePop .mediaWrap .viewCon ul li button{
  transition: 0.2s;
  border-radius:10px;
  padding:10px 30px;
}
.popPanel.safePop .mediaWrap .viewCon ul li button.play{
  border:1px solid #0077d4;
  color:#0077d4;
}
.popPanel.safePop .mediaWrap .viewCon ul li button.down{
  border:1px solid #444;
  color:#444;
}
.popPanel.safePop .mediaWrap .viewCon ul li button.play:focus,
.popPanel.safePop .mediaWrap .viewCon ul li button.play:hover{
  background:#0077d4;
  color:#fff;
  border-color:#0077d4;
}
.popPanel.safePop .mediaWrap .viewCon ul li button.down:focus,
.popPanel.safePop .mediaWrap .viewCon ul li button.down:hover{
  background:#444;
  color:#fff;
  border-color:#444;
}
.popPanel.safePop .tagWrap{
  display:flex;
  justify-content: flex-start;
  margin-bottom:1.5rem;
}
.popPanel.safePop .tagWrap span {
  display:inline-block;
  border:1px solid #666;
  border-radius:20px;
  padding:5px 8px;
  font-size: 14px;
  color:#666;
}
.popPanel.safePop .tagWrap span + span {
  margin-left:5px;
} */
.popPanel.safePop .coment_info {

}
.popPanel.safePop .coment_info + .coment_info {
	margin-top:2rem
}
.popPanel.safePop .coment_info h3 {
	position:relative;
	margin:0 0 1rem;
	padding:0 0 0 1rem;
}
.popPanel.safePop .coment_info h3::before {
	position:absolute;
	left:0;
	top:5px;
	content:'';
	width:10px;
	height:10px;
	border-radius:50%;
	background:#D51A49;
}
.popPanel.safePop .coment_info .txt_info .txt{
	font-size:14px;
	line-height: 22px;
}
.popPanel.safePop .coment_info .txt_info .txt + .txt {
	margin-top:10px;
}
/* 대본
.popPanel.safePop .coment_info.script .txt {
	border:1px solid #666;
	padding:10px;
	overflow-x: auto;
	height:100px;
	border-radius:5px;
} */
/**폭력예방콘텐츠 > 동영상 safeinfo end*******************************************************/
/**폭력예방콘텐츠 > 카드뉴스 cardnewsinfo start************************************************/
.cardWrap .tabWrap .tabCon .tagcon{
	margin-top:1.5rem;
}
.cardWrap .tabWrap .tabCon .tagcon span{
	color:#666;
	background:#eaeaea;
	border-radius:20px;
	font-size:12px;
	padding:5px 10px;
}
.cardWrap .tabWrap .tabCon .tagcon span+span {
	margin-left:5px;
}
/*검색결과*/
.cardWrap .resultWrap{
	margin:4rem 0;
}
.cardWrap .resultWrap .tit{
	display:flex;
	align-items: center;
	justify-content: flex-end;
}
.cardWrap .resultWrap .tit .data{
	color:#D51A49;
	font-size:16px;
	font-weight: 600;
}
.cardWrap .resultWrap .resultCon {
	margin:1rem 0;
}
.cardWrap .resultWrap .resultCon .resultInner +.resultInner{
	margin-top:1.5rem;
}
.cardWrap .resultWrap .resultCon .resultInner ul.ageList {
	display: flex;
	gap:5px;
}
.cardWrap .resultWrap .resultCon .resultInner ul.ageList li {
	white-space: nowrap;
	overflow: visible;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media {
	position:relative;
	display:flex;
	flex-direction:column;
	align-items: flex-start;
	padding:1rem 0;
	background:#fff;
	border-top:1px solid #d1d1d1;
	overflow: hidden;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .thumb img:focus,
.cardWrap .resultWrap .resultCon .resultInner ul li .media .thumb img:hover,
.cardWrap .resultWrap .resultCon .resultInner ul li .media .thumb img:active{
	transition: 0.3s ease;
	transform: scale(1.05);
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .thumb {
	border-radius:10px;
	width:100%;
	height:332px;
	overflow: hidden;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .thumb img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center;
	display:block;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon{
	margin-top:0.5rem;
	width:100%;
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon ul li span {
	font-size:12px;
	padding:3px 6px;
	border-radius:5px;
	color:#444;
	background:#e5e5e5;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon ul li.orange span{
	background:#ffecd2;
	color:#f48b00;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon ul li.purple span{
	background:#d7caff;
	color:#644bb5;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon ul li.green span{
	background:#e9fde6;
	color:#137f00;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon ul li.blue span{
	background:#c2e6ff;
	color:#0077d4;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon .time {
	font-size:14px;
	color:#666;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .title {
	width:100%;
	display:flex;
	justify-content: space-between;
	margin-top:0.5rem;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .title a {
	display:inline-block;
	font-size:16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .title a:focus,
.cardWrap .resultWrap .resultCon .resultInner ul li .media .title a:hover{
	text-decoration: underline;
}
.cardWrap .resultWrap .resultCon .resultInner ul li .media .title .date{
	font-size:14px;
	color:#444;
	flex:0 0 75px;
}
/*팝업*/
.popPanel.cardPop .popInner {
	width:580px;
}
.popPanel.cardPop .popTit ul {

}
.popPanel.cardPop .popTit ul li h2{
	display:block;
	margin:10px 0 0 0;
	font-size:20px;
}
.popPanel.cardPop .popTit ul li span.age{
	display: inline-block;
	padding:3px 6px;
	border-radius:5px;
	font-size:14px;
}
.popPanel.cardPop .popTit ul li span.age.orange{
	background:#ffecd2;
	color:#f48b00;
}
.popPanel.cardPop .mediaWrap {
	margin:1rem 0;
}
.popPanel.cardPop .mediaWrap .sliderCon {
	position:relative;
	width:540px;
	height:390px;
	margin: 0 auto;
	overflow: hidden;
}
.popPanel.cardPop .mediaWrap .sliderCon .slider {
	width: 540px;
	height:390px;
	margin: 0 auto;
	overflow: hidden;
}
.popPanel.cardPop .mediaWrap .sliderCon .slider img {
	width:100%;
	height: 100%;
	display:block;
	margin:0 auto;
	border-radius: 10px;
	object-fit: contain;
	object-position: center;
}
.popPanel.cardPop .mediaWrap .sliderCon .slick-slide {
	outline: none;
	height:390px;
}
.slick-prev,
.slick-next {
	display: none !important;
}
.slick-dots{
	bottom:5px;
}
.slick-dots li button:before {
	font-family: 'Pretendard','Montserrat', '나눔고딕', 'Nanum Gothic', '돋움', 'dotum', sans-serif;
	font-size:52px;
	line-height:14px;
}
/* .slick-prev,
.slick-next {
  z-index: 10;
  width: 40px;
  height: 40px;
  background: rgba(0,0,0,0.4);
  border-radius: 50%;
  color: #fff;
  line-height: 40px;
  text-align: center;
  transform: translateY(-50%);
}
.slick-prev {
  left: 10px;
}
.slick-next {
  right: 10px;
}
.slick-prev:before,
.slick-next:before {
  font-size: 25px;
  line-height:1.2;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
    background: rgba(0,0,0,0.4);
}

.popPanel.cardPop .mediaWrap .sliderCon .sliderImg {
  position:absolute;
  top:0;
  left:0;
  width:1620px;
  height:100%;
}
.popPanel.cardPop .mediaWrap .sliderCon ul {
  display:flex;
  width:100%;
  height:100%;
}
.popPanel.cardPop .mediaWrap .sliderCon ul li {
  width:540px;
  background:#999;
}
.popPanel.cardPop .mediaWrap .sliderCon ul li img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center;
}
.popPanel.cardPop .mediaWrap .sliderCon .sliderBtn{
  width:100%;
  position:absolute;
  top:50%;
  left:0;
  display:flex;
  justify-content: space-between;
  transform: translate(0, -50%);
}
.popPanel.cardPop .mediaWrap .sliderCon .sliderBtn button{
  width:30px;
  height:30px;
  display:block;
}
.popPanel.cardPop .mediaWrap .sliderCon .sliderBtn button.prev{
  background:url(/resources/seoulsafe/images/sub/prev.svg)no-repeat;
   background-size: contain;
   margin:0 0 0 10px;
}
.popPanel.cardPop .mediaWrap .sliderCon .sliderBtn button.next{
  background:url(/resources/seoulsafe/images/sub/prev.svg)no-repeat;
  background-size: contain;
  transform: rotate(180deg);
  margin:0 10px 0 0;
}*/
.popPanel.cardPop .coment_info {

}
.popPanel.cardPop .coment_info + .coment_info {
	margin-top:1rem;
}
.popPanel.cardPop .coment_info h3 {
	position:relative;
	margin:0 0 1rem;
	padding:0 0 0 1rem;
}
.popPanel.cardPop .coment_info h3::before {
	position:absolute;
	left:0;
	top:5px;
	content:'';
	width:10px;
	height:10px;
	border-radius:50%;
	background:#D51A49;
}
.popPanel.cardPop .coment_info .txt {
	border:1px solid #888;
	padding:10px;
	height:auto;
	border-radius: 5px;
}
.popPanel.cardPop .coment_info.desc .txt {
	border:1px solid #888;
	padding:10px;
	height:auto;
	border-radius: 5px;
}
.popPanel.cardPop .coment_info .txt p{
	font-size:14px;
	line-height: 22px;
}
/**폭력예방콘텐츠 > 카드뉴스 cardnewsinfo end*************************************/
/**폭력예방콘텐츠 > 정책자료 policyinfo start*************************************/
.popPanel.cardPop .mediaWrap .imgCon {
	position:relative;
	width:540px;
	height:390px;
	overflow: hidden;
	margin:0 auto;
}
.popPanel.cardPop .mediaWrap .imgCon .addImage {
  margin:0 auto;
  width:100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  box-sizing: border-box;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon .download {
	display:block;
	width:30px;
	background:#ddd;
	border-radius:20px;
	padding:7px;
}
.safeWrap .resultWrap .resultCon .resultInner ul li .media .thumbCon .download img{
	display:block;
}
.popPanel.cardPop .flieCon {
	margin-bottom:1rem;
}
.popPanel.cardPop .flieCon ul{
	display:flex;
	justify-content: space-between;
}
.popPanel.cardPop .flieCon ul li.tit a{
	font-size:16px;
	color:#666;
	text-decoration: underline;
}
.popPanel.cardPop .flieCon ul li.icon a {
	display:block;
	width:30px;
	background:#ddd;
	border-radius:20px;
	padding:7px;
}
.popPanel.cardPop .flieCon ul li.icon a img {
	display:block;
}
/**폭력예방콘텐츠 > 정책자료 policyinfo end*************************************/

/**소식알림 newsinfo start*******************************************************/
/* .newsWrap .tabWrap .tabTit {margin-bottom:2rem;} */
.newsWrap .tabWrap {
	margin:2rem 0;
}
.newsWrap .tabWrap .tabCon {
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:transparent;
	border-top:0;
	padding:0;
	border-radius:0;
	box-shadow:none;
}
.newsWrap .tabWrap .tabCon ul {
	display:flex;
	align-items:center;
	height:50px;
	width:100%;
}
.newsWrap .tabWrap .tabCon ul li {
	width:100%;
	padding:1rem 0;
	text-align: center;
	margin:0 auto;
	border-bottom:3px solid #d3d3d3;
	cursor:pointer;
	font-size:20px;
	font-weight:700;
	color:#666;
}
.newsWrap .tabWrap .tabCon ul li:not(:first-child):not(:last-child){
	margin-right:0;
}
.newsWrap .tabWrap .tabCon ul li.on {
	border-bottom:3px solid #D51A49;
	background:#f5f5f5;
	border-radius: 5px 5px 0 0;
	color:#D51A49;
}
.newsWrap .tabWrap .tabCon ul li:hover,
.newsWrap .tabWrap .tabCon ul li:focus{
	border-bottom:3px solid #D51A49;
	background:#f5f5f5;
	border-radius: 5px 5px 0 0;
	color:#D51A49;
}
.newsWrap .newsCon .newsBg {
	position:relative;
	top:0;
	left:0;
	border-radius:10px;
	overflow: hidden;
	height:140px;
	margin-bottom:2rem;
}
.newsWrap .newsCon .newsBg img{
	width:100%;
	height:100%;
	object-fit: cover;
}
.newsWrap .newsCon .newsBg h4.newsTit {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	color:#fff;
	font-size:20px;
}
/*공지사항*/
.newsWrap .tableWrap{
	padding:0;
}
.newsWrap .tableWrap .tit {
	display:flex;
	align-items: center;
	justify-content: flex-end;
}
.newsWrap .tableWrap .tit .data {
	color:#D51A49;
	font-size:16px;
	font-weight: 600;
}
.newsWrap .tableWrap table {
	width: 100%;
	border-top: 1px solid #adadad;
	margin:1rem 0;
}
.newsWrap .tableWrap table tr th,
.newsWrap .tableWrap table tr td {
	padding:0;
	font-size:18px;
	height:70px;
}
.newsWrap .tableWrap table tr th {
	border-right:0;
	border-bottom: 1px solid #ededed;
	background-color: #fff;
	font-weight: 600;
	color: #222;
	text-align: center;
}
.newsWrap .tableWrap table tr td {
	border-right:0;
	border-bottom: 1px solid #ededed;
	padding:0;
	color:#888;
	line-height: 18px;
	text-align: center;
}
.newsWrap .tableWrap table tr td:last-child {
  border-right: 0;
}
.newsWrap .tableWrap table tr.line td {
  background:#f9f6fb;
}
.newsWrap .tableWrap table tr td.pic img {
  width:16px;
}
.newsWrap .tableWrap table tr td.title{
  color:#444;
  text-align:left;
}
.newsWrap .tableWrap table tr td.title a:focus,
.newsWrap .tableWrap table tr td.title a:hover{
  text-decoration: underline;
}
.newsWrap .tableWrap table tr td.title .titflex{
	display:flex;
	align-items:center;
}
.newsWrap .tableWrap table tr td.title .titflex a{
	flex:1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.newsWrap .tableWrap table tr td span {
  font-size:13px;
  padding:6px 0;
  width:60px;
  display:inline-block;
  text-align: center;
  border-radius:5px;
  margin-right:10px;
}
.newsWrap .tableWrap table tr td span.notice {
  background: #ffdfdf;
  color:#e32020;
}
.newsWrap .tableWrap table tr td span.category {
  background:#e3d9ff;
  color:#47308f;
}
.newsWrap .tableWrap table tr td .link {
	width: 40px;
	height: 40px;
	background: #d1cbdb;
	border-radius: 25px;
}
.newsWrap .tableWrap table tr td .link img {
	width:20px;
	height:20px;
	vertical-align: text-top;
}
/*공지사항 상세페이지*/
.newsWrap .paperWrap {
  margin:10rem 0 4rem;
}
.newsWrap .paperWrap .tit{
  display:flex;
  align-items: center;
  padding:0 1rem 1.5rem;
  border-bottom:2px solid #666;
}
.newsWrap .paperWrap .tit .pageTit{
  font-size:30px;
}
.newsWrap .paperWrap .tit span {
  padding:10px 0;
  width:80px;
  display:inline-block;
  text-align: center;
  border-radius:10px;
  margin-right:15px;
}
.newsWrap .paperWrap .tit span.notice{
  background: #fff1f1;
  color:#e32020;
}
.newsWrap .paperWrap .tit span.category {
  background:#eee8ff;
  color:#644BB5;
}
.newsWrap .paperWrap .detailCon .content{
  padding:1.5rem 1rem;
}
.newsWrap .paperWrap .detailCon .content.title{
  width:100%;
  text-align: right;
}
.newsWrap .paperWrap .detailCon .content.title h3{
  display:inline-block;
  font-size:16px;
  margin-right:10px;
  font-weight:400;
}
.newsWrap .paperWrap .detailCon .content.title span {
  color:#999;
}
.newsWrap .paperWrap .detailCon .content.page {
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  font-size:16px;
}
.newsWrap .paperWrap .detailCon .content.page .link {
  float:right;
  display:inline-block;
  background:#efefef;
  padding:10px;
  border-radius:50px;
}
.newsWrap .paperWrap .detailCon .content.page .link img {
  display:block;
  width:20px;
}
.newsWrap .paperWrap .detailCon .content.page .txt {
  margin:3rem 0 0;
}
.newsWrap .paperWrap .detailCon .content.page .txt p {
  min-height:1em;
}
.newsWrap .paperWrap .detailCon .content.page .txt img {
  width:685px;
}
.newsWrap .paperWrap .detailCon .content.page .file{
	margin-top:1rem;
}
.newsWrap .paperWrap .detailCon .content.page .file ul li {
	background:#ECF8FF;
	padding:1rem;
	display:flex;
	align-items:center;
	gap:10px;
	border-radius:10px;
}
.newsWrap .paperWrap .detailCon .content.page .file img {
	display:inline-block;
	width:43px;
	height:43px;
	background:#c0e5fb;
	padding:10px;
	border-radius:18px;
}
.newsWrap .paperWrap .detailCon .content.page .file a:hover {
	text-decoration:underline;
}
.newsWrap .paperWrap .listBtn {
  width:100%;
  text-align: right;
}
.newsWrap .paperWrap .listBtn button {
  margin:2rem 0;
  background:#D51A49;
  color:#fff;
  padding:10px 25px;
  border-radius:10px;
  display:inline-block;
}
.newsWrap .paperWrap .detailCon .prev-next {

}
.newsWrap .paperWrap .detailCon .prev-next ul li {
	border-bottom:1px solid #ddd;
}
.newsWrap .paperWrap .detailCon .prev-next ul li dl{
	padding:1rem;
}
.newsWrap .paperWrap .detailCon .prev-next ul li dt{
	margin-bottom:5px;
}
.newsWrap .paperWrap .detailCon .prev-next ul li span {

	padding:4px 6px;
	width:60px;
	display:inline-block;
	text-align: center;
	border-radius:4px;
	margin-right:5px;
}
.newsWrap .paperWrap .detailCon .prev-next ul li .notice {
  background: #fff1f1;
  color:#e32020;
}
.newsWrap .paperWrap .detailCon .prev-next ul li .category {
  background:#eee8ff;
  color:#644BB5;
}
.newsWrap .paperWrap .detailCon .prev-next ul li a:hover {
	text-decoration:underline;
}
/*FAQ*/
.newsWrap .faqTab{
}
.newsWrap .faqTab ul {
  display:flex;
  gap:15px;
  justify-content:center;
  flex-wrap:wrap;
}
.newsWrap .faqTab ul li {

}
.newsWrap .faqTab ul li button {
  padding:10px 20px;
}
.newsWrap .faqTab ul li button {
  font-size:15px;
  background:#fbfbfb;
  padding:14px 26px;
  border-radius:5px;
  outline: 1px solid #dddddd;
}
.newsWrap .faqTab ul li button.on {
  background: #F2F7FD;/* c644BB5 */
  color: #54638B;
  outline: 2px solid #787ead;
  font-weight: 700;
  text-decoration:underline;
  transition: outline-color 0.2s;
}
.newsWrap .faqTab ul li button.on:focus,
.newsWrap .faqTab ul li button.on:hover,
.newsWrap .faqTab ul li button.on:active{
  background: #F2F7FD;/* c644BB5 */
  color: #54638B;
  outline: 2px solid #787ead;
  font-weight: 700;
  text-decoration:underline;
  transition: outline-color 0.2s;
}
.newsWrap .faqBoard {
  margin:2rem 0 4rem;
  border-top:2px solid #444;
}
.newsWrap .faqBoard ul li {

}
.newsWrap .faqBoard ul li .faq-q {
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding:1.5rem 2rem;
  border-bottom:1px solid #ddd;
  cursor:pointer;
  font-size:17px;
}
.newsWrap .faqBoard ul li .faq-q:focus,
.newsWrap .faqBoard ul li .faq-q:hover {
  background:#f7fbff;
}
.newsWrap .faqBoard ul li .faq-q .q {
  width:5%;
  color:#ed1b23;
  font-size:20px;
}
.newsWrap .faqBoard ul li .faq-q .q-con {
  width:100%;
  display:flex;
  flex-direction: column;
  align-items:flex-start;
}
.newsWrap .faqBoard ul li .faq-q .q-con .label{
  font-size:13px;
  background:#d7caff;
  color:#644BB5;
  padding:2px 4px;
  border-radius:2px;
  margin-bottom:10px;
  display:inline-block;
}
.newsWrap .faqBoard ul li .faq-q .q-con p {
  position:relative;
  font-weight:700;
  display:inline-block;
}
.newsWrap .faqBoard ul li .faq-q .q-con p:after {
  position:absolute;
  content:"";
  opacity: 0;
  width:45px;
  height:10px;
  margin-left:20px;
  left:100%;
  top:50%;
  background:url(/resources/seoulsafe/images/sub/arrow.png)no-repeat;
  transform: translateY(-50%);
  transition:opacity 0.3s, margin 0.3s;
}
.faqBoard ul li .faq-q:hover .q-con p:after {
	opacity: 1;
	margin-left:30px;
}
.newsWrap .faqBoard ul li .faq-q .arrow {width:15%;}
.newsWrap .faqBoard ul li .faq-a {
	display:none;
}
.newsWrap .faqBoard ul li .faq-a .faq-aCon{
	display:flex;
	padding:1.5rem 2rem;
	background:#f8f8f8;
	overflow:hidden;
	font-size:15px;
	line-height: 20px;
}
.newsWrap .faqBoard ul li .faq-a .a {
	width:4%;
	color:#ed1b23;
	font-size:22px;
}
.newsWrap .faqBoard ul li .faq-a .a-con {
	width:100%;
	line-height:24px;
}
/**소식알림 newsinfo end*******************************************************/
/**통합검색 totalsearchinfo start**********************************************/
.subWrap .totalWrap .subPage h3{
  text-align:center ;
}
.totalWrap .tit {
  margin:0 0 1rem;
  display:flex;
  align-items: center;
  justify-content: flex-end;
}
.totalWrap .tit .data {
  color:#D51A49;
  font-size:16px;
  font-weight: 600;
}
.totalWrap .searchWrap {
  margin:0 auto;
  width:500px;
}
.totalWrap .searchWrap .searchCon {

  border-bottom:1px solid #666;
}
.totalWrap .searchWrap .searchCon form{
  display:flex;
  justify-content: space-between;
}
.totalWrap .searchWrap .searchCon input[type="text"]{
  width:100%;
  height:38px;
  line-height:36px;
  padding:0 10px;
}
.totalWrap .searchWrap .searchCon button{
  background:url(/resources/seoulsafe/images/common/ico_search_gray.svg)no-repeat center center;
  background-size:25px 25px;
  padding:10px 20px;
}
.totalWrap .searchWrap .searchCon button:focus,
.totalWrap .searchWrap .searchCon button:hover{
  outline-color:transparent;
}
.totalWrap .searchWrap .tagcon{
  margin-top:1.5rem;
}
.totalWrap .searchWrap .tagcon span{
  color:#666;
  background:#eaeaea;
  border-radius:20px;
  font-size:12px;
  padding:5px 10px;
}
.totalWrap .searchWrap .tagcon span+span {
  margin-left:5px;
}
.totalWrap .tabWrap {
  margin:2rem 0;
}
.totalWrap .tabWrap .tabCon {
  margin:6rem 0 1rem;
  background:transparent;
  border-top:0;
  padding:0;
  box-shadow:revert;
}
.totalWrap .tabWrap .tabCon ul {
  display:flex;
  align-items:center;
  width:100%;
}
.totalWrap .tabWrap .tabCon ul li {
  width:100%;
  padding:1rem 0;
  text-align: center;
  margin:0 auto;
  border-bottom:3px solid #d3d3d3;
  cursor:pointer;
}
.totalWrap .tabWrap .tabCon ul li:not(:first-child):not(:last-child){
  margin-right:0;
}
.totalWrap .tabWrap .tabCon ul li.on {
  border-bottom:3px solid #D51A49;
  background:#f5f5f5;
  border-radius: 5px 5px 0 0;
}
.totalWrap .tabWrap .tabCon ul li:hover,
.totalWrap .tabWrap .tabCon ul li:focus{
  border-bottom:3px solid #D51A49;
  background:#f5f5f5;
  border-radius: 5px 5px 0 0;
}
.totalWrap .totalInner .innerTit {
  display:inline-block;
  padding:5px 10px;
  border-radius:4px;
  background:#eee8ff;
  color:#644BB5;
}
.totalWrap .totalInner + .totalInner {
  margin-top:2rem;
}
.totalWrap .totalInner ul li{
  padding:1rem 0.5rem;
  border-bottom:1px solid #ccc;
}
.totalWrap .totalInner a:focus,
.totalWrap .totalInner a:hover {
  text-decoration: underline;
}
.totalWrap .totalInner .cateTit {
  display:inline-block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom:0.5rem;
}
.totalWrap .totalInner .cateSubtit {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height:32px;
  font-size:14px;
  overflow: hidden;
  color:#666;
  text-overflow:ellipsis;
}
/**통합검색 totalsearchinfo end************************************************/
/**서브 상단 탭 공통**/
.tabWrap{
  margin:2rem 0 4rem;
}
.tabWrap .tabCon {
  padding:3rem 2.5rem;
  border-radius:20px;
  box-shadow:0 0 16px 7px rgb(241 245 249);
}
.tabWrap .tabCon .tabGroup {
	display:flex;
	align-items:center;
}
.tabWrap .tabCon .tabGroup .tit {
  font-size:16px;
  font-weight:700;
  width:100px;
  color:#666;
}
.tabWrap .tabCon .tabGroup ul {
  display:flex;
  justify-content:flex-start;
  align-items: center;
  flex:1;
  flex-wrap:wrap;
  gap:10px;
}
.tabWrap .tabCon .tabGroup + .tabGroup{
  margin-top:1rem;
  padding-top:1rem;
}

.tabWrap .tabCon .tabGroup ul li button{
  font-size:15px;
  background:#fbfbfb;
  padding:10px 15px;
  border-radius:5px;
  outline: 1px solid #dddddd;
  transition: outline-color 0.2s;
}
.tabWrap .tabCon .tabGroup ul li button.on{
  background: #F2F7FD;/* c644BB5 */
  color: #54638B;
  outline: 2px solid #787ead;
  font-weight: 700;
  text-decoration:underline;
}
.tabWrap .tabCon .tabGroup ul li button:focus,
.tabWrap .tabCon .tabGroup ul li button:hover,
.tabWrap .tabCon .tabGroup ul li button:active{
  outline: 2px solid #787ead;
}
.tabWrap .tabCon .tabGroup ul.search li {
  width:500px;
  outline: 2px solid #787ead;
  border-radius: 25px;
}
.tabWrap .tabCon .tabGroup ul.search li form{
  display:flex;
  justify-content: space-between;
}
.tabWrap .tabCon .tabGroup ul.search li input[type="text"]{
  width:100%;
  height: 50px;
  line-height:36px;
  background:transparent;
  padding: 0 20px;
  box-shadow: 0 0 7px 2px #cbcbcb;
  border-radius: 25px;
}
.tabWrap .tabCon .tabGroup ul.search li button{
  background:url(/resources/seoulsafe/images/common/ico_search_gray.svg)no-repeat center center transparent;
  background-size:25px 25px;
}
.tabWrap .tabCon .tabGroup ul.search li button:focus,
.tabWrap .tabCon .tabGroup ul.search li button:hover{
  outline-color:transparent;
}
.tabWrap .tabCon .searchBtn{
  text-align: right;
}
.tabWrap .tabCon .searchBtn button.submit{
  padding:14px 26px;
  border-radius:25px;
  background:#D51A49;
  color:#fff;
  margin-left:10px;
}
.tabWrap .tabCon .searchBtn button.reset{
  background:url(/resources/seoulsafe/images/sub/reset_ico2.svg)no-repeat center left transparent;
  padding:0 0 0 22px;
  color:#444;
  background-size:18px;
}
.tabWrap .tabCon .searchBtn button.submit:hover,
.tabWrap .tabCon .searchBtn button.submit:focus{
    box-shadow: 0 4px 10px rgba(172, 172, 172, 0.2);
}
/* 검색결과 리스트 공통*/
.resultWrap{
  margin:4rem 0;
}
.resultWrap .tit{
  display:flex;
  align-items: center;
  justify-content: flex-end;
}
.resultWrap .tit .data{
  color:#D51A49;
  font-size:16px;
  font-weight: 600;
}
.resultWrap .tit h2{
  margin-right:10px;
}
.resultWrap .tit span {
  font-size:15px;
}
.resultWrap .resultCon {
  margin:1rem 0;
}
.resultWrap .resultCon .resultInner +.resultInner{
  margin-top:1.4rem;
}
.resultWrap .resultCon .resultInner ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(264px, 1fr));
  gap: 20px;
}
.resultWrap .resultCon .resultInner ul li .option {
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items: flex-start;
  padding:0.3rem;
  height:180px;
  background:#fff;
  border-radius: 20px;
  background-image: linear-gradient(#fff, #fff), linear-gradient(135deg, #ffcae8, #a1e9d8);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.resultWrap .resultCon .resultInner ul li .option .listBtn{
  margin:0 auto;
}
.resultWrap .resultCon .resultInner ul li .option.in_pro:focus,
.resultWrap .resultCon .resultInner ul li .option.in_pro:hover,
.resultWrap .resultCon .resultInner ul li .option.in_pro:active{
  transition: 0.2s ease;
   box-shadow: 0 0 2px 4px #eee8ff;
}
.resultWrap .resultCon .resultInner ul li .option span{
  display:block;
  font-size:15px;
  margin:0.5rem 0 0 0.5rem;
}
.resultWrap .resultCon .resultInner ul li .option h5{
  text-align: center;
  font-size:22px;
  margin:1rem auto 0.5rem;
  font-family:'SokchoSeaDotum';
  color:#3c3355;
}
.resultWrap .resultCon .resultInner ul li .option button{
  padding:5px 15px;
  border:1px solid #d7d7d7;
  border-radius:5px;
  font-size:15px;
  margin-bottom: 1rem;
}
.resultWrap .resultCon .resultInner ul li .option button+button{
  margin-left:10px;
}
.resultWrap .resultCon .resultInner ul li .option .call{
	position:relative;
	top:0;
	left:0;
	margin:0 auto;
	padding-left:30px;
	text-align: center;
	font-size:22px;
	font-weight:800;
	color:#444;
	height:auto;
	overflow:hidden;
}
.resultWrap .resultCon .resultInner ul li .option .call:before{
	content:'';
	width:28px;
	height:28px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background:url(/resources/seoulsafe/images/sub/call02_ico.svg)no-repeat center/24px;
}
.resultWrap .resultCon .resultInner ul li .option ul.tag {
  margin:0 auto;
  display:flex;
  gap:5px;
  justify-content:center;
}
.resultWrap .resultCon .resultInner ul li .option ul.tag li {
  font-size:14px;
  border:1px solid #c7c7c7;
  border-radius:25px;
  padding:4px 8px;
  color:#353535;
}
.resultWrap .resultCon .resultInner ul li .option span {
  display:inline-block;
  color:#644BB5;
  padding:3px 6px;
  border-radius:5px;
  background:#eee8ff;
  margin:0.5rem 0 0 0.5rem;
}
.resultWrap .resultCon .resultInner ul li .option.in_pro span.badge-district {
	color:#644BB5;
	background:#eee8ff;
}
.resultWrap .resultCon .resultInner ul li .option.in_pro span.badge-ongoing {
	color:#0e8518;
	background:#d8ffc8;
}
.resultCon .resultInner ul li .option.in_pro button.red {
  color:#e32020;
  border:none;
  background:#fff1f1;
}
.resultWrap .resultCon .resultInner ul li .option.closed {
  background:#f6f6f6;
  border:1px solid #c9c9c9;
}
.resultWrap .resultCon .resultInner ul li .option.closed span {
  color:#555;
  background:#dbdbdb;
}
.resultWrap .resultCon .resultInner ul li .option.closed button {
  background:#eee;
}
.resultWrap .resultCon .resultInner ul li .option .coment02 {
  font-size:14px;
  margin-top:2rem;
}
/*피해지원카드 추가*/
.resultWrap .resultCon .resultInner ul li .option-two {
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items: flex-start;
  padding:0.3rem;
  height:180px;
  background:#fff;
  border-radius: 20px;
  background-image: linear-gradient(#fff, #fff), linear-gradient(135deg,  #aaf3b6, #ffcae8);
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.resultWrap .resultCon .resultInner ul li .option-two.in_pro:focus,
.resultWrap .resultCon .resultInner ul li .option-two.in_pro:hover,
.resultWrap .resultCon .resultInner ul li .option-two.in_pro:active{
  transition: 0.2s ease;
  box-shadow: 0 0 2px 4px #dbf5e7;
}

/* 테이블 table 공통*/
.tableArea{

}
.tableArea + .tableArea {
  margin-top:3rem;
}
.tableWrap .tbTit {
  padding:3px 5px;
  border-radius:3px;
  background:#eee8ff;
  color:#644BB5;
  font-weight:500;
  font-size: 16px;
  display:inline-block;
  margin-bottom:1rem;
}
.tableWrap .subtit{
  margin-bottom:1rem;
}
.tableWrap {
  background:#fff;
  border-radius:10px;
}
.tableWrap .tableInner .poinTit {
  color:#e32020;
  margin-bottom:0.5rem;
  display:block;
  font-size:16px;
}
.tableWrap .tableInner span.tip{
  color:#e32020;
}
.tableWrap .tableInner + .tableInner {
  margin-top:1rem;
}
.tableWrap table {
  width: 100%;
  border-top: 1px solid #adadad;
}
.tableWrap table tr th {
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  background-color: #f8f8fa;
  font-size:16px;
  font-weight: 600;
  color: #222;
  text-align: center;
}
.tableWrap table tr td {
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 6px 30px 6px 20px;
  color:#444;
  line-height:21px;
}
.tableWrap table tr td.bord{
  font-weight: 600;
}
.tableWrap table tr td:last-child {
  border-right: 0;
}
.tableWrap table tr th,
.tableWrap table tr td{
  padding: 10px 20px;
  font-size:16px;
}

/* 팝업 popup */
.popConWrap {
  position: relative;
  z-index: 10;
  border-radius: 10px;
  overflow: hidden;
  margin: 2rem auto;
  background: #fff;
}
.popInner{
  width: 1000px;
  max-height:800px;
  padding: 20px;
  overflow-y: auto;
}
.popPanel {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1000;
}
.popPanel.on {
  display: flex;
  align-items: center;
}
.popPanel .popTit {
  padding-bottom:1rem;
  border-bottom:1px solid #999;
  display:flex;
  align-items: center;
  justify-content: space-between;
}
.popPanel .popTit .poptitCon {
	display:flex;
	align-items: center;
	gap:10px;
}
.popPanel .popTit .poptitCon h2{
	display:inline-block;
	font-size:20px;
}
.popPanel .popTit .poptitCon span{
	display:inline-block;
	padding:3px 6px;
	border-radius:5px;
}
.popPanel .popTit .poptitCon span.badge-district {
	color:#644BB5;
	background:#e7e7e7;
}
.popPanel .popTit .poptitCon span.badge-ongoing {
	color:#0e8518;
	background:#d8ffc8;
}
.popPanel .popTit .poptitCon span.badge-closed {
	color:#666;
	background:#eee;
}
.popPanel .popTit .poptitCon .copy-link {
	display:inline-block;
	width: 32px;
	height: 32px;
	background: #d7d7d7;
	border-radius: 50px;
	text-align: center;
	padding: 6px;
}
.popPanel .popTit .poptitCon .copy-link img{
	display: block;
	width: 16px;
}
.popPanel .popTit .close {
  display:block;
}
.popPanel .popTit button img {
  display:block;
  width:20px;
  height:20px;
  color:#ccc;
}
.popPanel .popTag {
  display:flex;
  align-items: center;
  justify-content: space-between;
  margin:1rem 0;
}
.popPanel .popTag ul {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
}
.popPanel .popTag ul li{
  display:inline-block;
  font-size:14px;
  color:#444;
}
.popPanel .popTag ul li button{
  font-size:14px;
  color:#001243;
  padding:5px 10px;
  background:#F2F7FD;
  outline:2px solid #787ead;
  border-radius:5px;
}
.popPanel .coment {
  margin:2rem 0 1rem;
}
.popPanel .coment h3 {
    margin-bottom:0.5rem;
}
.popPanel .coment .btn h3 {
	margin-bottom:0;
}
.popPanel .coment .btn .copy-btn {
  font-size:14px;
  background:#df315d;
  color:#fff;
  padding:10px;
  border-radius:5px;
  display:inline-block;
}
.popPanel .coment .txt {
  border:1px solid #d7d7d7;
  border-radius:5px;
  padding:1rem;
  box-shadow:0 0 2px 2px rgb(241 245 249);
}
.popPanel .coment .txt.point {
  background:#F2F7FD;
}
.popPanel .coment .txt p{
  font-size:14px;
  line-height:22px;
}
.popPanel .coment .txt p {
  font-size:14px;
}
.popPanel .coment .txt a:focus,
.popPanel .coment .txt a:hover{
  text-decoration: underline;
}
.popPanel .coment .txt p img{
  display:inline-block;
  width:14px;
  margin-right:5px;
}
.bgClose {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.5);
}
/*공공누리마크 공통*/
.popPanel .typeImg {
	font-size:14px;
}
.popPanel .typeImg img{
	display:block;
	width:140px;
}
.popPanel .typeImg p {
	margin:0.5rem 0;
}
.popPanel .typeImg a {
	padding:8px 10px;
	outline:1px solid #ddd;
	border-radius:5px;
	display:inline-block;
}
.popPanel .typeImg a:hover {
	text-decoration:underline;
}
.popPanel.cardPop .typeImg{
	margin-top:1rem;
}
/*paging 페이징 공통*/
.paging {
  margin-top: 10rem;
}
.paging ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.paging ul li {
  width: 32px;
  height: 32px;
}
.paging ul li a {
  display: block;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background-repeat: no-repeat;
  background-position: center;
  background-size:16px 16px;
  color: #666;
}
.paging ul li a.on {
  background-color: #D51A49;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
}
.paging ul li.num + .num {
  margin-left: 10px;
}
.paging ul li.first a {
  background-image: url(/resources/seoulsafe/images/common/ico_first.svg);
}
.paging ul li.prev {
  margin-left: 5px;
  margin-right: 26px;
}
.paging ul li.prev a {
  background-image: url(/resources/seoulsafe/images/common/ico_prev.svg);
}
.paging ul li.last a {
  background-image: url(/resources/seoulsafe/images/common/ico_first.svg);
  transform: rotate(-180deg);
}
.paging ul li.next {
  margin-left: 26px;
  margin-right: 5px;
}
.paging ul li.next a {
  background-image: url(/resources/seoulsafe/images/common/ico_prev.svg);
  transform: rotate(-180deg);
}
/*footer*/
#footer{
  margin-top:0;
}
@media (max-width: 1400px){

}
@media (max-width: 1200px) {
	.subWrap {margin:7rem auto 4rem;}
	.subBanner .subTit {font-size:30px;}
	.subWrap.intro {margin:2rem auto;}
	.subWrap .subPage h3 {font-size:28px; margin-bottom:0;}

	/*피해지원정책*/
	.agencyWrap .agencyCon .tabWrap {display:block;}
	.agencyWrap .agencyCon .tabWrap .mapImg {margin-top:-50px;}
	.helpWrap .helpCon h5 {font-size:26px;}
	.helpWrap .helpCon .area img {width:50px;}

}
@media (max-width: 1080px) {
	.resultWrap .resultCon .resultInner ul li {flex:1 1 calc(33.333% - 20px);}
}
@media (max-width: 1024px){
	/*소개*/
	.subBanner h5{font-size:30px;}
	.introWrap .intTit p {font-size:16px;}
	.introWrap .intTit ul {gap:75px;}
	.introWrap .intTit ul li {font-size:15px;}
	.introWrap .intTit ul li img {width:40px; left:-27px; top:0;}
	.introWrap .introCon ul li .introArea {font-size:16px;}
	.introWrap .introCon ul li h5 {font-size:16px;}
	/*피해지원정책*/
	.helpWrap .helpCon .area.title {margin:2rem 0 2rem;}
	.helpWrap .tabWrap .tabCon ul li {font-size:16px;}
	.helpWrap .helpCon .area.title p {font-size:16px;}
	.helpWrap .helpCon .area.list ul li a {font-size:15px;}
	/*소식알림*/
	.newsWrap .tabWrap .tabCon ul li {font-size:16px;}
	.newsWrap .tableWrap table tr th, .newsWrap .tableWrap table tr td {font-size:15px; height:60px;}
	/*테이블*/
	.tableWrap table tr th, .tableWrap table tr td {font-size:15px; padding:5px 10px;}
	/*팝업*/
	.popConWrap {margin:2rem; width:100%; }
	.popInner {width:100%; max-height:700px;}
	.popPanel.cardPop .popConWrap .popInner {width:100%;}
}
@media (max-width: 768px){
	/*소개*/
	.subBanner h5{font-size:24px;}
	.introWrap .intTit {width:calc(100% - 2rem); margin:0 auto;}
	.introWrap .intTit ul {gap:15px;}
	.introWrap .intTit ul {flex-direction:column; gap:20px;}
	.introWrap .intTit ul li {width: 100%;text-align: left;}
	.introWrap .intTit ul li img {	width:20px;left: -29px;}
	.introWrap .introCon ul {flex-direction:column; gap:1rem;}
	.introWrap .introCon ul li .introArea {height:auto;}
	.introWrap .introCon ul li h5 {height:42px;}

	.tabWrap .tabCon .searchBtn {text-align:center; margin-top:1rem;}
	.resultWrap .resultCon .resultInner ul li {flex:1 1 calc(50% - 20px);}

	/*피해지원정책*/
	.helpWrap .helpCon .area .titleCon {margin-bottom:1rem;}

	/*폭력예방 콘텐츠*/
	.popPanel.safePop .popConWrap {width:100%;}
	.popPanel.safePop .popConWrap .popInner {height:100vh;}
	.popPanel.safePop .popTit ul li h2 {font-size:18px;}
	.popPanel.safePop .mediaWrap {flex-direction:column;}
	.popPanel.safePop .mediaWrap .sliderCon {width:100%;}
	.popPanel.safePop .mediaWrap .viewCon {	width: auto; flex-direction:unset; justify-content: space-between;}

	.popPanel.cardPop .popConWrap .popInner {height:100vh;}
}
@media (max-width: 600px){
	.pcblock{display:none;}
	.mbblock{display:block;}

	.subWrap .subPage {margin:0 0 1rem;}
	.subWrap .subPage h3 {font-size:22px;}
	/*공통탭*/
	.tabWrap .tabCon,
	.agencyWrap .agencyCon .tabWrap .tabCon {padding:1.5rem 1rem;}
	.tabWrap .tabCon .tabGroup ul li button,
	.agencyWrap .agencyCon .tabWrap .tabCon ul li button {font-size:14px; padding:10px 20px;}
	.tabWrap .tabCon .tabGroup ul.search li {width:100%;}
	.tabWrap .tabCon .tabGroup ul.search li input[type="text"] {height:40px;}
	.tabWrap .tabCon .searchBtn button.submit {padding:12px 20px;}

	/*소개*/
	.introWrap .intTit {gap:10px; padding:1rem 1rem; width:calc(100% - 2rem); margin:0 1rem;}
	.introWrap .intTit img {width:140px;}
	.introWrap .intTit p {font-size:14px;}
	.introWrap .intTit ul {gap:10px; margin-top:0;}
	.introWrap .intPage .intTit ul li {font-size:14px; font-weight:600;}
	.introWrap ul li h5 {font-size:16px; border-radius:5px;}
	.introWrap .introCon ul li .introArea {font-size:14px;border-radius:10px;}

	/*피해지원정책*/
	.agencyWrap .agencyCon .tabWrap {display:block;}
	.agencyWrap .agencyCon .tabWrap .mapImg {margin-top:-50px;}
	.helpWrap .tabWrap .tabCon ul {flex-wrap:wrap; height:auto;}
	.helpWrap .helpCon .area p:before {top:-54px; left:-16px;}
	.helpWrap .helpCon .area.title p {font-size:15px;}
	.helpWrap .helpCon .area.list ul li {height:46px;}
	.helpWrap .helpCon .area.list ul li a {font-size:14px;}

	/*소식알림*/
	.newsWrap .tabWrap {margin:1rem 0;}
	.newsWrap .tabWrap .tabCon ul {flex-wrap:wrap; height:auto;}
	.newsWrap .tableWrap table colgroup col {width: auto;}
	.newsWrap .tableWrap table colgroup col:nth-child(1) { width: 40px !important; }
	.newsWrap .tableWrap table colgroup col:nth-child(3) { width: 52px !important; }
	.newsWrap .tableWrap table colgroup col:nth-child(4) { width: 60px !important; }
	.newsWrap .tableWrap table colgroup col:nth-child(2) {width: calc(100% - 150px) !important;min-width: 0;}
	.newsWrap .tableWrap table tr th, .newsWrap .tableWrap table tr td {height:50px;}
	.newsWrap .tableWrap table tr td span {width:40px;}
	.newsWrap .faqTab ul {gap:10px;}
	.newsWrap .faqTab ul li button {font-size:14px; padding:10px 20px;}
	.newsWrap .tableWrap .tit {font-size:14px;}
	.newsWrap .faqBoard ul li .faq-q, .newsWrap .faqBoard ul li .faq-a .faq-aCon {font-size:14px; padding:1rem;}
	.newsWrap .faqBoard ul li .faq-q .q {width:11%;}
	.newsWrap .faqBoard ul li .faq-a .a {width:10%;}
	.newsWrap .faqBoard ul li .faq-a .a-con {line-height:16px;}
	.newsWrap .faqBoard ul li .faq-q .q-con p:after {display:none;}
	.newsWrap .tableWrap table tr td .link {width:30px; height:30px;}
	.newsWrap .tableWrap table tr td .link img{width:16px; height:18px;}

	/*테이블*/
	.tableWrap .tbTit {font-size:15px;}
	.tableWrap table tr th, .tableWrap table tr td {font-size:14px;}

	/*카드리스트*/
	.resultWrap .resultCon .resultInner ul li {flex:1 1 calc(100% - 15px);}
	.resultWrap .resultCon .resultInner ul li .option {height:auto;}
	.resultWrap .resultCon .resultInner ul li .option h5 {margin:0rem auto; font-size:18px;}
	.resultWrap .resultCon .resultInner ul li .option p {padding-bottom:1rem;}

	/*통합검색*/
	.totalWrap .searchWrap {width:100%;}
	.totalWrap .tabWrap .tabCon {margin:0;}
	.totalWrap .tabWrap .tabCon ul {flex-direction:column;}
	.totalWrap .totalInner .innerTit {font-size:14px;}
	.totalWrap .totalInner ul li {padding:0.5rem;}
	.totalWrap .totalInner + .totalInner {margin-top:0.5rem;}

	/*팝업*/
	.popConWrap {margin:0 auto; border-radius:0;}
	.popInner {max-height:100vh;}
	.safeWrap .popConWrap,
	.cardWrap .popConWrap{height:100vh;}
	.popPanel.cardPop .mediaWrap .imgCon {width:100%;}
	.popPanel.cardPop .mediaWrap .sliderCon {width:100%;}
	.popPanel.cardPop .mediaWrap .sliderCon .slider {width:100%;}

	/*페이징*/
	.paging {margin-top:5rem;}
	.paging ul li.prev {margin-right:5px;}
	.paging ul li.next {margin-left:5px;}
	.paging ul li.num + .num {margin-left:0;}
	.paging ul li {width:25px; height:25px;}
	.paging ul li a {width:25px; height:25px; font-size:14px; line-height:25px;}
}
@media (max-width: 480px){
	/*공통탭*/
	.tabWrap .tabCon .tabGroup {flex-direction:column; align-items:flex-start; gap:10px;}
	.tabWrap .tabCon .tabGroup + .tabGroup {margin-top:0.5rem; padding-top:0.5rem;}
	.tabWrap .tabCon .tabGroup ul.search {width:100%;  justify-content: center;}
	.tabWrap .tabCon .tabGroup ul li button,
	.agencyWrap .agencyCon .tabWrap .tabCon ul li button {padding:6px 10px;}
	.newsWrap .faqTab ul li button {padding:6px 10px;}

	.popPanel.safePop .popTit ul li h2 {font-size:15px;}
	.popPanel.safePop .mediaWrap .viewCon {flex-direction:column; gap:10px;}
	.popPanel.safePop .coment_info h3 {font-size:16px;}


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

}