@charset "utf-8";

@font-face {
    font-family: "PretendardRegular";
    src: url(./font/Pretendard-Regular.subset.woff);
}

@font-face {
    font-family: "PretendardMedium";
    src: url(./font/Pretendard-Medium.subset.woff);
}

@font-face {
    font-family: "PretendardSemiBold";
    src: url(./font/Pretendard-SemiBold.subset.woff);
}

@font-face {
    font-family: "PretendardBold";
    src: url(./font/Pretendard-Bold.subset.woff);
}

/* 레이아웃용 클래스 */

.flex {
    display: flex;
}

.flex_center_1 {
    justify-content: center;
    align-items: center;
}

.flex_center_2 {
    align-items: center;
}

.flex_center_3 {
    align-items: flex-start;
    justify-content: center;
}

.flex_space {
    justify-content: space-between;
}

.flex_space_2 {
    justify-content: space-around;
}

.flex_space_3 {
    align-content: space-between;
}

.flex_space_4 {
    align-content: space-around;
}

.flex_end {
    justify-content: flex-end;
}

.flex_column {
    flex-direction: column;
}

.flex_wrap {
    flex-wrap: wrap;
}

.medium_font {
    font-family: "PretendardMedium";
}

.semi_bold_font {
    font-family: "PretendardSemiBold";
} 

.bold_font {
    font-family: "PretendardBold";
}

.point_color {
    color: #0054A6;
}

html,
body {
    height: 100%;
    font-size: 12px;
    font-family: "PretendardRegular";
}

button,
input,
select,
textarea {
    border: 0;
    outline: 0;
    font-family: "PretendardRegular";
}

.police_main_wrap .police_main_header {
    width: 100%;
    height: 120px;
    box-sizing: border-box;
    padding: 1rem 4rem 4rem;
    background-color: #0054A6;
    color: #fff;
}

.police_main_wrap .police_main_header img {
    margin-right: 0.5rem;
}

.police_main_wrap .police_main_header .police_main_title a {
    color: #fff;
}

.police_main_wrap.gray .police_main_header .police_main_title a {
    color: #333;
}

.police_main_wrap .police_main_header .police_main_title span {
    font-size: 2rem;
}

.police_main_wrap .police_main_nav_list {
    margin-top: 1rem;
}

.police_main_wrap .police_main_nav_list > li {
    position: relative;
    width: 12rem;
    height: 2rem;
    padding-bottom: 2rem;
    text-align: center;
}

.police_main_wrap .police_main_nav_list > li > a {
    position: relative;
    display: inline-block;
    font-size: 2rem;
    color: #BFD4F4;
}

.police_main_wrap .police_main_nav_list > li.active > a,
.police_main_wrap .police_main_nav_list > li:hover > a {
    color: #fff;
}

.police_main_wrap .police_main_nav_list > li > a:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #fff;
    transform-origin: left center;
    transform: scaleX(0);
    transition: 0.3s;
}

.police_main_wrap .police_main_nav_list > li:hover > a:after {
    transform: scaleX(1);
}

.police_main_wrap .police_main_nav_list > li .police_sub_list {
    display: none;
    position: absolute;
    top: 4rem;
    left: 50%;
    transform: translateX(-50%);
    padding: 1rem;
    border-radius: 0.5rem;
}

.police_main_wrap .police_main_nav_list > li.active .police_sub_list {
    display: flex;
}

.police_main_wrap .police_main_nav_list > li .police_sub_list:before {
    content: "";
    position: absolute;
    top: -0.2rem;
    left: 50%;
    transform: translateX(-50%);
    border: 0.5rem solid transparent;
    border-top: 0.5rem solid #fff;
}

.police_main_wrap .police_main_nav_list > li .police_sub_list > li {
    white-space: nowrap;
}

.police_main_wrap .police_main_nav_list > li .police_sub_list > li:not(:last-child) {
    margin-right: 2.4rem;
}

.police_main_wrap .police_main_nav_list > li .police_sub_list > li > a {
    color: #BFD4F4;
    font-size: 1.5rem;
}

.police_main_wrap .police_main_nav_list > li .police_sub_list > li.active > a {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.police_main_wrap .police_main_nav_list > li .police_sub_list > li:hover > a {
   color: #fff;
}

.police_main_wrap .police_sns_list > li:not(:first-child) {
    margin-left: 2rem;
}

/* 모바일 및 태블릿 전용 내비 */
.police_main_wrap .btn_police_nav_mb {
    display: none;
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    z-index: 102;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 3px 1px rgba(33,33,33,0.3);
}

.police_main_wrap .btn_police_nav_mb > div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 16px;
    transition: 0.3s;
}

.police_main_wrap .btn_police_nav_mb > div span {
    position: absolute;
    left: 50%;
    width: 100%;
    display: flex;
}

.police_main_wrap .btn_police_nav_mb > div span:nth-child(1) {
    top: 0;
    transform: translateX(-50%);
}

.police_main_wrap .btn_police_nav_mb > div span:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
}

.police_main_wrap .btn_police_nav_mb > div span:nth-child(3) {
    bottom: 0;
    transform: translateX(-50%);
}

.police_main_wrap .btn_police_nav_mb > div span:before,
.police_main_wrap .btn_police_nav_mb > div span:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 2px;
    background-color: #0054A6;
    transition: 0.1s;
}

.police_main_wrap .btn_police_nav_mb.active > div {
    transform: translate(-50%, -50%) rotate(315deg);
}

.police_main_wrap .btn_police_nav_mb.active > div span:nth-child(1)::before {
    transform: rotate(90deg) translate(2px, -5px);
}

.police_main_wrap .btn_police_nav_mb.active > div span:nth-child(1)::after{
    transform: translateY(7px);
}

.police_main_wrap .btn_police_nav_mb.active > div span:nth-child(2)::before {
    transform-origin: left center;
    transform: scaleX(0);
}

.police_main_wrap .btn_police_nav_mb.active > div span:nth-child(2)::after {
    transform-origin: right center;
    transform: scaleX(0);
}

.police_main_wrap .btn_police_nav_mb.active > div span:nth-child(3)::before {
    transform: translateY(-7px);
}

.police_main_wrap .btn_police_nav_mb.active > div span:nth-child(3)::after{
    transform: rotate(-90deg) translate(2px, -5px);
}

.police_main_wrap .police_mb_nav {
    display: none;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 101;
    width: 50%;
    height: 100%;
    background-color: #fff;
    box-shadow: -1px 0px 5px 1px rgba(0,0,0,0.2);
    transition: 0.3s;
}

.police_main_wrap .police_mb_nav.active {
    left: 50%;
}

.police_main_wrap .police_mb_nav .police_mb_nav_list {
    align-content: flex-start;
    width: 100%;
    height: 100%;
}

.police_main_wrap .police_mb_nav .police_mb_nav_list > li {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.police_main_wrap .police_mb_nav .police_mb_nav_list > li > h2 {
    padding: 1rem 1.5rem;
    background-color: #0054A6;
    color: #fff;
    font-size: 2.2rem;
}

.police_main_wrap .police_mb_nav .police_mb_nav_list > li .sub_menu_list {
    margin-top: 2rem;
    box-sizing: border-box;
    padding: 0 2rem;
}

.police_main_wrap .police_mb_nav .police_mb_nav_list > li .sub_menu_list > li {
    flex: none;
    width: 100%;
    margin-bottom: 1rem;
    text-align: left;
    font-size: 1.8rem;
}

/* 지도 화면 */

.police_main_wrap.map {
    width: 100%;
    height: 100%;
}


/* 상세페이지 */

.police_main_wrap.detail {
    min-height: 100%;
}

.police_main_wrap.detail .row {
    width: 1400px;
    margin: 0 auto;
}

.police_main_wrap.detail .police_detail_top_wrap {
    background-color: #0054A6;
}

.police_main_wrap.detail.gray .police_detail_top_wrap {
    background-color: #F8F8F8;
}


.police_main_wrap.detail .police_detail_top_wrap .row {
    padding: 6rem 0;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 40%;
}

.police_main_wrap.detail .police_detail_top_wrap .police_detail_title {
    margin-right: 4rem;
    font-size: 4rem;
    color: #fff;
}

.police_main_wrap.detail .police_detail_top_wrap .police_detail_text {
    width: 80rem;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #fff;
    word-break: keep-all;
}

.police_main_wrap.detail .police_main_footer {
    margin-top: auto;
    padding: 2rem 0;
    background-color: #4A4A4A;
}

.police_main_wrap.detail .police_main_footer .row > div {
    flex: none;
    width: 49%;
}

.police_main_wrap.detail .police_main_footer .police_footer_left address {
    margin-bottom: 1rem;
    color: #C4C1C1;
    font-size: 1rem;
    font-style: normal;
}

.police_main_wrap.detail .police_main_footer .police_footer_left > img {
    flex: none;
    width: 243px;
}

.police_main_wrap.detail .police_main_footer .police_footer_right .police_footer_list {
    margin-bottom: 1rem;
}

.police_main_wrap.detail .police_main_footer .police_footer_right .police_footer_list > li {
    margin-left: 1rem;
}

.police_main_wrap.detail .police_main_footer .police_footer_right .police_footer_list > li > a {
    color: #C4C1C1;
    font-size: 1rem;
}

.police_main_wrap.detail .police_main_footer .police_footer_right > p {
    color: #C4C1C1;
    font-size: 1rem;
    text-align: right;
}

/* 센터소개 */

.police_main_wrap.detail .police_detail_wrap {
    width: 100%;
}

.police_main_wrap.detail .police_detail_wrap .police_info_list {
    width: 100%;
    padding: 2rem 0; 
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li {
    flex: none;
    width: 46%;
    height: 26rem; /*20rem*/
    box-sizing: border-box;
    padding-left: 8rem;
    border-bottom: 1px solid #DEDEDE;
    background-repeat: no-repeat;
    background-position: left center;
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li:nth-child(1) {
    background-image: url(../img/info/info_img1.svg);
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li:nth-child(2) {
    background-image: url(../img/info/info_img2.svg);
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li:nth-child(3) {
    background-image: url(../img/info/info_img3.svg);
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li:nth-child(4) {
    background-image: url(../img/info/info_img4.svg);
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li:nth-child(5) {
    background-image: url(../img/info/info_img5.svg);
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li:nth-child(6) {
    background-image: url(../img/info/info_img6.svg);
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li:nth-child(7) {
    border-bottom: 0;
    background-image: url(../img/info/info_img7.svg);
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li:nth-child(8) {
    border-bottom: 0;
    background-image: url(../img/info/info_img8.svg);
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li > div {
    height: 10rem;
    margin-top: 8rem;
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li .police_info_title {
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
    color: #0054A6;
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li .police_info_text {
    font-size: 1.3rem;
    word-break: keep-all;
}

.police_main_wrap.detail .police_detail_wrap .police_info_list > li .police_info_text + span {
    display: inline-block;
    margin-top: 1rem;
    font-size: 1rem;
}

/* 찾아오시는 길 */

.police_main_wrap.detail .police_detail_wrap.bg {
    background-color: #F8F8F8;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box {
    padding: 6rem 0;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box > img {
    width: 100%;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_title {
    margin-bottom: 2rem;
    font-size: 2rem;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list {
    margin-bottom: 4rem;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > h4 {
    width: 100%;
    margin-bottom: 1rem;
    font-size: 1.6rem;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > .go_type {
    margin-right: 4rem;
    font-size: 1.3rem;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > .go_type .type_title {
    margin-right: 1rem;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > .go_type.type1 .type_title {
    color: #FFC526;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > .go_type.type2 .type_title {
    color: #EC3B3B;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > .go_type.type3 .type_title {
    color: #386DE8;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > .go_type.type4 .type_title {
    color: #3BC243;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > .go_type.type5 .type_title {
    color: #FF7300
}

.police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > .go_type.type6 .type_title {
    color: #9B48B2;
}

.police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > .go_type .type_title > i {
    font-size: 2rem;
}



/* 연혁 */

.police_history_wrap {
    width: 60%;
    margin-top: 5rem;
}

.police_history_wrap .police_history_year {
    flex: none;
    height: 30rem;
    color: #0054A6;
    font-size: 5rem;
    background-repeat: no-repeat;
    background-position: right 30%;
}

.police_history_wrap:nth-child(1) .police_history_year {
    background-image: url(../img/history/icn_his1.svg);
}

.police_history_wrap:nth-child(2) .police_history_year {
    background-image: url(../img/history/icn_his2.svg);
}

.police_history_wrap:nth-child(3) .police_history_year {
    background-image: url(../img/history/icn_his3.svg);
}

.police_history_wrap:nth-child(4) .police_history_year {
    background-image: url(../img/history/icn_his4.svg);
}

.police_history_wrap:nth-child(5) .police_history_year {
    background-image: url(../img/history/icn_his5.svg);
}

.police_history_wrap .police_history_year > span {
    font-size: 2rem;
    color: #579FE5;
}

.police_history_wrap .police_history_list {
   width: 75%;
}

.police_history_wrap .police_history_list .police_history_box {
    position: relative;
    padding-left: 5rem;
    padding-bottom: 4rem;
}

.police_history_wrap .police_history_list .police_history_box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateX(-50%);
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border: 5px solid #0054A6;
    border-radius: 50%;

}

.police_history_wrap .police_history_list .police_history_box:not(:last-child) {
    border-left: 1px solid #0054A6;
}

.police_history_wrap .police_history_list .police_history_box .history_month {
    margin-bottom: 1rem;
    font-size: 2.5rem;
    color: #579FE5;
    line-height: 0.8;
}

.police_history_wrap .police_history_list .police_history_box .history_contents_wrap {
   
}

.police_history_wrap .police_history_list .police_history_box .history_contents {
    position: relative;
    padding-left: 2rem;
    padding-bottom: 2rem;
    font-size: 2rem;
}

.police_history_wrap .police_history_list .police_history_box .history_contents:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(50%);
    display: block;
    flex: none;
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
    background-color: #579FE5;
    border-radius: 50%;
}

.police_history_wrap .police_history_list .police_history_box .history_contents:first-child {
    padding-top: 0;
}

.police_history_wrap .police_history_list .police_history_box .history_contents:last-child {
    border-bottom: 0;
}

.police_history_wrap .police_history_list .police_history_box .history_contents > img {
    margin-left: auto;
}

.police_history_wrap .police_history_list .police_history_box .point_color {
    color: #579FE5;
}


/* 실시간 안내 */

.police_help_wrap {
    width: 100%;
}

.police_help_wrap .help_info {
    flex: none;
    width: 48%;
}

.police_help_wrap .help_title {
    box-sizing: border-box;
    padding-left: 1rem;
    margin-bottom: 1rem;
    font-size: 2.8rem;
}

.police_help_wrap:nth-child(1) .help_title {
    border-left: 14px solid #403136;
    border-right: 14px solid #403136;
    color: #403136;
}

.police_help_wrap:nth-child(2) .help_title {
    border-left: 14px solid #016C78;
    border-right: 14px solid #016C78;
    color: #016C78;
}

.police_help_wrap:nth-child(3) .help_title {
    border-left: 14px solid #0054A6;
    border-right: 14px solid #0054A6;
    color: #0054A6;
}

.police_help_wrap .help_title:after {
    content: "";
    display: block;
    flex: 1 0 auto;
    width: 0;
    min-width: 0;
    height: 1px;
    margin-left: 1rem;
}

.police_help_wrap:nth-child(1) .help_title:after {
    background-color: #403136;
}

.police_help_wrap:nth-child(2) .help_title:after {
    background-color: #016C78;
}

.police_help_wrap:nth-child(3) .help_title:after {
    background-color: #0054A6;
}

.police_help_wrap .help_kakao_list {
    box-sizing: border-box;
    padding: 2rem;
}

.police_help_wrap .help_kakao_list > li {
    margin-bottom: 4rem;
}

.police_help_wrap .help_kakao_list > li .kakao_title {
    box-sizing: border-box;
    padding-left: 1rem;
    margin-bottom: 2rem;
    border-left: 14px solid #403136;
    font-size: 2.4rem;
    color: #403136;
}

.police_help_wrap .help_kakao_list > li > .kakao_step > div {
    flex: none;
    width: 30%;
    font-size: 1.8rem;
    color: #403136;
}

.police_help_wrap .help_kakao_list > li > .kakao_step > div > img {
    width: 80%;
    margin-bottom: 1.5rem;
}

.police_help_wrap .help_kakao_list > li > .kakao_info_list > li {
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #403136;
}

.police_help_wrap .help_kakao_list > li > .kakao_info_list > li:before {
    content: "";
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
    background-color: #403136;
    border-radius: 50%;
}

.police_help_wrap .kakao_img {
    flex: none;
    width: 48%;
    box-sizing: border-box;
    padding: 2rem;
    padding-top: 0;
}

.police_help_wrap .kakao_img > img {
    width: 80%;
}

.police_help_wrap .help_realtime {
    margin-bottom: 2rem;
}

.police_help_wrap .help_realtime > div {
    flex: none;
    width: 48%;
}

.police_help_wrap .help_realtime > .realtime_left {
    box-sizing: border-box;
    padding: 2rem;
}

.police_help_wrap .help_realtime > .realtime_left > span {
    margin-bottom: 1rem;
    color: #016C78;
    font-size: 2.2rem;
}

.police_help_wrap .help_realtime > .realtime_left > p {
    font-size: 1.8rem;
}

.police_help_wrap .help_realtime .realtime_right {
    color: #016C78;
    font-size: 7rem;
}

.police_help_wrap .help_sns {
    width: 100%;
}

.police_help_wrap .help_sns > div {
    flex: none;
    width: 48%;
    box-sizing: border-box;
    padding: 2rem;
}

.police_help_wrap .help_sns .sns_step {
    margin-left: 2rem;
}

.police_help_wrap .help_sns .sns_step > li {
    margin-bottom: 1rem;
    font-size: 2rem;
    word-break: keep-all;
}

.police_help_wrap .help_sns .sns_step > li:before {
    content: "";
    flex: none;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
    background-color: #0054A6;
    border-radius: 50%;
    transform: translateY(70%);
}

/* 견학 안내 */

.police_visit_wrap {
    width: 100%;
    padding: 5rem;
}

.police_visit_wrap  > .police_visit_info {
    width: 55%;
}

.police_visit_wrap  > .police_visit_img {
    width: 43%;
}

.police_visit_wrap .police_visit_info .visit_title {
    font-size: 3rem;
    color: #0054A6;
}

.police_visit_wrap .police_visit_info .btn_visit {
    padding: 0.5rem 1rem;
    margin-left: 1rem;
    background-color: #0054A6;
    border-radius: 1.5rem;
    color: #fff;
    font-size: 1.4rem;
}

.police_visit_wrap .police_visit_info .btn_visit:after {
    content: "";
    width: 2rem;
    height: 2rem;
    margin-left: 1rem;
    background-image: url(../img/icn_arrow2.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.police_visit_wrap .police_visit_info .visit_info_list > li {
    margin-top: 2rem;
    font-size: 1.6rem;
}

.police_visit_wrap .police_visit_info .visit_info_list > li > span:first-child {
    margin-right: 1rem;
    white-space: nowrap;
    color: #0054A6;
}

.police_visit_wrap  > .police_visit_img > img {
    width: 100%;
}

.police_visit_wrap .police_visit_info > p {
    margin-top: 2rem;
    font-size: 1.6rem;
}

.police_visit_wrap .police_visit_info .visit_info_list > li > span {
    word-break: keep-all;
}

.police_visit_wrap .police_visit_info .visit_info_list > li .visit_step {
    width: 85%;
    margin-top: 2rem;
}

.police_visit_wrap .police_visit_info .visit_info_list > li .visit_step > li {
    flex: none;
    position: relative;
    width: 16%;
    aspect-ratio: auto 1/1;
    border-radius: 50%;
    border: 2px solid #579FE5;
    text-align: center;
    color: #579FE5;
    font-size: 14px;
}

.police_visit_wrap .police_visit_info .visit_info_list > li .visit_step > li.active {
    background-color: rgba(211,233,255,0.37);
    border: 4px solid #0054A6;
    color: #0054A6;
    font-weight: bold;
}

.police_visit_wrap .police_visit_info .visit_info_list > li .visit_step > li:not(:first-child):before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    width: calc(100% / 3.5);
    height: 1px;
    border-bottom: 2px dashed #579FE5;
}

.police_visit_wrap .police_visit_info .visit_info_list > li .visit_step > li:not(:first-child):after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #579FE5;
}

.police_visit_wrap .police_visit_info .visit_info_list > li > div > span {
    margin: 0.5rem 0;
    font-size: 1.2rem;
}

/* 하얀 배경 공통 */

.police_white_wrap {
    padding: 5rem 0;
}

.police_white_wrap .police_white_title {
    margin-bottom: 3rem;
    color: #0054A6;
    font-size: 4rem;
}

.police_white_wrap .police_white_search_wrap {
    margin-bottom: 2rem;
}

.police_white_wrap .police_white_search_wrap .search_box {
    width: 250px;
    height: 35px;
    box-sizing: border-box;
    padding: 0 0.5rem;
    border: 1px solid #ACACAC;
    border-radius: 3px;
}

.police_white_wrap .police_white_search_wrap .search_box input {
    flex: none;
    width: calc(100% - 25px);
}

.police_white_wrap .police_white_search_wrap .search_box .btn_search {
    flex: none;
    width: 25px;
    height: 25px;
    background-image: url(../img/icn_search.png);
    background-repeat: no-repeat;
    background-position: center;
}

/* 교통안전 교육 자료 */

.police_edu_wrap .police_edu_tab > li {
    margin-left: 0.5rem;
}

.police_edu_wrap .police_edu_tab > li > button {
    width: 60px;
    height: 35px;
    box-sizing: border-box;
    border: 1px solid #579FE5;
    border-radius: 3px;
    color: #579FE5;
}

.police_edu_wrap .police_edu_tab > li.active > button {
    background-color: #0054A6;
    border: 1px solid #0054A6;
    color: #fff;
}

.police_edu_wrap .police_edu_list {
    width: 100%;
}

.police_edu_wrap .police_edu_list > li {
    flex: none;
    width: 30%;
    margin-right: calc(10% / 2);
    margin-bottom: 4rem;
}

.police_edu_wrap .police_edu_list > li:nth-child(3n) {
    margin-right:  0;
}

.police_edu_wrap .police_edu_list > li .thumnail_box {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    background-color: #ddd;
}

.police_edu_wrap .police_edu_list > li .thumnail_box > .thumnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.police_edu_wrap .police_edu_list > li .thumnail_box > .thumnail img {
    width: 100%;
    height: 100%;
}

.police_edu_wrap .police_edu_list > li .title {
    display: block;
    margin: 1rem 0;
    font-size: 2rem;
}

.police_edu_wrap .police_edu_list > li .title > a > span {
    display: block;
    font-size: 1.6rem;
}

.police_edu_wrap .police_edu_list > li .info {
    margin-top: 1rem;
    font-size: 1.5rem;
}

.police_edu_wrap .police_edu_list > li .info > span {
    margin-right: 1rem;
}


/* 집회·통제정보 */

.police_table_wrap {
    width: 100%;
    border-top: 10px solid #0054A6;
    border-bottom: 1px solid #0054A6;
}

.police_table_wrap > table {
    width: 100%;
}

.police_table_wrap > table thead {
    border-bottom: 1px solid #0054A6;
}

.police_table_wrap > table thead th {
    height: 50px;
    font-size: 1.6rem;
}

.police_table_wrap > table td {
    height: 40px;
    text-align: center;
    font-size: 1.4rem;
}

.police_table_wrap > table tbody tr {
    cursor: pointer;
}

.police_table_wrap > table tbody tr:not(:last-child) {
    border-bottom: 1px solid #E1E1E1;
}

.police_table_wrap > table .new {
    background-color: #F5F5F5;
}

.police_table_wrap > table .new td {
    font-weight: bold;
}

.police_table_wrap > table .new td:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

.police_table_wrap > table .new td:first-child:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 19px;
    background-image: url(../img/icn_new1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.police_table_wrap > table .new td:first-child:after {
    content: "새글";
    display: inline-block;
    margin-left: 5px;
    padding: 2px 12px;
    background-color: #FE000D;
    border-radius: 12px;
    color: #fff;
    font-size: 1.2rem;
    white-space: nowrap;
}

.police_table_wrap > table .notice {
    background-color: #F5F5F5;
}

.police_table_wrap > table .notice td {
    font-weight: bold;
}

.police_table_wrap > table .notice td:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
}

.police_table_wrap > table .notice td:first-child:before {
    content: "";
    display: inline-block;
    width: 23px;
    height: 19px;
    background-image: url(../img/icn_notice.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.police_table_wrap > table .notice td:first-child:after {
    content: "공지";
    display: inline-block;
    margin-left: 5px;
    padding: 2px 12px;
    background-color: #FE000D;
    border-radius: 12px;
    color: #fff;
    font-size: 1.2rem;
    white-space: nowrap;
}

/* 공지 상세 */
.police_notice_detail_wrap .notice_datail {
    border-top: 10px solid #0054A6;
    border-bottom: 1px solid #0054A6;
}

.police_notice_detail_wrap .notice_datail > li {
    flex: none;
}

.police_notice_detail_wrap .notice_datail > li.notice_head {
    width: 50%;
    height: 50px;
    border-bottom: 1px solid #0054A6;
}

.police_notice_detail_wrap .notice_datail > li > span {
    font-size: 1.4rem;
}

.police_notice_detail_wrap .notice_datail > li > span:first-child {
    width: 140px;
}

.police_notice_detail_wrap .notice_datail > li.notice_contents {
    box-sizing: border-box;
    padding: 2rem;
    font-size: 1.4rem;
    line-height: 2;
}

.police_notice_detail_wrap .btn_notice_list {
    align-self: flex-end;
    width: 136px;
    height: 60px;
    margin: 1rem 0;
    border: 1px solid #0054A6;
    color: #0054A6;
    font-size: 24px;
}

.police_notice_detail_wrap .btn_notice_list:hover {
    background-color: #0054A6;
    color: #fff;
}

.police_notice_detail_wrap .btn_notice_list:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    background-image: url(../img/icn_db_arrow_h.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.police_notice_detail_wrap .btn_notice_list:hover:before {
    background-image: url(../img/icn_db_arrow.svg);
}

.police_notice_detail_wrap .notice_siblings {
    width: 100%;
    border-top: 1px solid #0054A6;
    border-bottom: 1px solid #0054A6;
}

.police_notice_detail_wrap .notice_siblings > li {
    height: 50px;
    font-size: 1.4rem;
}

.police_notice_detail_wrap .notice_siblings > li:first-child {
    border-bottom: 1px solid #0054A6;
}

.police_notice_detail_wrap .notice_siblings > li > span:first-child {
    width: 115px;
    height: 100%;
    margin-right: 1rem;
    background-color: #E6F0FF;
}

/* 페이지네이션 */
.police_paging_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0;
}
.police_paging_wrap ul {
    display: flex;
}

.police_paging_wrap ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-bottom: 1px solid #E8E8E8;
    font-size: 1.4rem;
    cursor: pointer;
}

.police_paging_wrap ul li.active {
    border-bottom: 2px solid #0054A6;
}

.police_paging_wrap ul li.active > a {
    color: #0054A6;
}

.police_paging_wrap ul li[class*="prev"],
.police_paging_wrap ul li[class*="next"],
.police_paging_wrap ul li[class*="first"],
.police_paging_wrap ul li[class*="last"] {
    position: relative;
    border-radius: 50%;
    background-color: #E8E8E8;
    border: 0;
    text-indent: -9999px;
    overflow: hidden;
}

.police_paging_wrap ul li[class*="prev"],
.police_paging_wrap ul li[class*="first"] {
    margin-right: 0.5em;
}

.police_paging_wrap ul li[class*="next"],
.police_paging_wrap ul li[class*="last"] {
    margin-left: 0.5rem;
}

.police_paging_wrap ul li[class*="prev"]:hover,
.police_paging_wrap ul li[class*="next"]:hover,
.police_paging_wrap ul li[class*="first"]:hover,
.police_paging_wrap ul li[class*="last"]:hover {
    background-color: #4A4A4A;
}

.police_paging_wrap ul li[class*="prev"]:before,
.police_paging_wrap ul li[class*="next"]:before,
.police_paging_wrap ul li[class*="first"]:before,
.police_paging_wrap ul li[class*="last"]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
}

.police_paging_wrap ul li[class*="prev"]:before,
.police_paging_wrap ul li[class*="next"]:before {
    background-image: url(../img/icn_arrow.svg);
}

.police_paging_wrap ul li[class*="prev"]:before,
.police_paging_wrap ul li[class*="first"]:before {
    transform: translate(-50%, -50%) rotate(180deg);
}

.police_paging_wrap ul li[class*="first"]:before,
.police_paging_wrap ul li[class*="last"]:before {
    background-image: url(../img/icn_arrow2.svg);
}



/* 이용안내 */

.police_infomation_wrap {
    width: 100%;
    margin-bottom: 6rem;
}

.police_infomation_wrap .police_infomation_title {
    box-sizing: border-box;
    padding-left: 1rem;
    margin-bottom: 1rem;
    border-left: 14px solid #0054A6;
    border-right: 14px solid #0054A6;
    font-size: 2.5rem;
    color: #0054A6;
}

.police_infomation_wrap .police_infomation_title:after {
    content: "";
    display: block;
    flex: 1 0 auto;
    width: 0;
    min-width: 0;
    height: 1px;
    margin-left: 1rem;
    background-color: #0054A6;
}

.police_infomation_wrap .police_infomation_list {
    width: 100%;
}

.police_infomation_wrap .police_infomation_list > li {
    flex: none;
    width: 48%;
    box-sizing: border-box;
    padding: 1.5rem;
}

.police_infomation_wrap .police_infomation_list > li .info_icon {
    width: 70px;
    height: 70px;
}

.police_infomation_wrap .police_infomation_list > li .info_icon > img {
    width: 100%;
}

.police_infomation_wrap .police_infomation_list > li .info_contents {
    width: calc(100% - 100px);
}

.police_infomation_wrap .police_infomation_list > li .info_title {
    margin-bottom: 0.5rem;
    font-size: 1.8rem;
}

.police_infomation_wrap .police_infomation_list > li .info_content {
    font-size: 1.6rem;
}


/* 사이트맵 */
.police_sitemap_wrap {
    width: 100%;
    margin-bottom: 10rem;
}

.police_sitemap_wrap > li {
    flex: none;
    width: 20%;
    border-right: 1px dashed #D2D2D2;
}

.police_sitemap_wrap > li:last-child {
    border-right: 0;
}

.police_sitemap_wrap > li > .sitemap_title {
    margin: 2rem 0;
    font-size: 2.4rem;
    color: #0054A6;
}

.police_sitemap_wrap > li > .police_sitemap_list {
    width: 100%;
    margin-top: 4rem;
}

.police_sitemap_wrap > li > .police_sitemap_list > li {
    height: 5rem;
    box-sizing: border-box;
    cursor: pointer;
}

.police_sitemap_wrap > li > .police_sitemap_list > li:hover {
    border: 2px solid #0054A6;
}

.police_sitemap_wrap > li > .police_sitemap_list > li > a {
    width: 45%;
    height: 100%;
    font-size: 1.5rem;
    color: #AAAAAA;
    white-space: nowrap;
}

.police_sitemap_wrap > li > .police_sitemap_list > li:hover > a {
    color: #0054A6;
    font-weight: bold;
}

.police_sitemap_wrap > li > .police_sitemap_list > li > a:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
       flex:none;
    margin-right: 0.8rem;
    background-image: url(../img/icn_db_arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.police_sitemap_wrap > li > .police_sitemap_list > li:hover > a:before {
    background-image: url(../img/icn_db_arrow_h.svg);
}


/* 저작권보호정책 */
.police_copyrights_wrap {
    width: 100%;
}

.police_copyrights_wrap > div {
    flex: none;
    width: 48%;
}

.police_copyrights_wrap .copyrights_list > li {
    margin-bottom: 6rem;
}

.police_copyrights_wrap .copyrights_list > li .copyrights_number {
    flex: none;
    width: 8rem;
    font-size: 5rem;
}

.police_copyrights_wrap .copyrights_list > li:nth-child(odd) .copyrights_number {
    color: #579FE5;
}

.police_copyrights_wrap .copyrights_list > li:nth-child(even) .copyrights_number {
    color: #0054A6;
}

.police_copyrights_wrap .copyrights_list > li .copyrights_content {
    display: inline-block;
    height: auto;
    box-sizing: border-box;
    padding-left: 2rem;
    font-size: 1.6rem;
    word-break: keep-all;
}

.police_copyrights_wrap .copyrights_list > li:nth-child(odd) .copyrights_content {
    border-left: 6px solid #579FE5;
}

.police_copyrights_wrap .copyrights_list > li:nth-child(even) .copyrights_content {
    border-left: 6px solid #0054A6;
}

.police_copyrights_wrap .copyrights_left > div {
    font-size: 1.6rem;
}

.police_copyrights_wrap .copyrights_left > div > div {
    padding: 0 1rem;
}

.police_copyrights_wrap .copyrights_left > div > div:last-child {
    border-left: 3px solid #0054A6;
}

.police_copyrights_wrap .copyrights_left > div > div > span {
    margin-right: 0.5rem;
    color: #0054A6;
}

.police_copyrights_wrap .copyrights_right {
    background-image: url(../img/infom/img_copy.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}


/* 영상정보관리방침 */
.police_video_info_wrap {
    width: 100%;
}

.police_video_info_wrap .video_info_list > li {
    margin-bottom: 6rem;
}

.police_video_info_wrap .video_info_list > li .video_info_number {
    flex: none;
    width: 8rem;
    height: 5rem;
    border-right: 6px solid #0054A6;
    line-height: 1;
    font-size: 5rem;
    color: #0054A6;
}

.police_video_info_wrap .video_info_list > li > div {
    margin-left: 2rem;
}

.police_video_info_wrap .video_info_list > li .video_info_title {
    height: 14rem; /*5px*/
    margin-bottom: 1rem;
    line-height: 1.6;
    font-size: 3rem;
    color: #0054A6;
}

.police_video_info_wrap .video_info_list > li .video_info_contents {
    margin: 1.5rem 0;
    line-height: 1.5;
    font-size: 1.6rem;
}

.police_video_info_wrap .video_info_list > li .video_info_contents > h4 {
    margin-bottom: 0.5rem;
}

.police_video_info_wrap .video_info_list > li .video_info_contents > span {
    color: #0054A6;
}

.police_video_info_wrap .video_info_list > li .video_info_table {
    width: 750px;
    table-layout: fixed;
    border-top: 3px solid #579FE5;
    border-bottom: 3px solid #579FE5;
    font-size: 1.6rem;
}

.police_video_info_wrap .video_info_list > li .video_info_table th,
.police_video_info_wrap .video_info_list > li .video_info_table td {
    height: 48px;
    text-align: center;
    border: 1px solid #579FE5;
}

.police_video_info_wrap .video_info_list > li .video_info_table th:first-child,
.police_video_info_wrap .video_info_list > li .video_info_table td:first-child {
    border-left: 0;
}

.police_video_info_wrap .video_info_list > li .video_info_table th:last-child,
.police_video_info_wrap .video_info_list > li .video_info_table td:last-child {
    border-right: 0;
}

/* 배경 회색 */
.police_main_wrap.gray .police_main_header {
    background-color: #F8F8F8;
    color: #000;
}

.police_main_wrap.gray .police_main_header .police_main_nav_list > li > a,
.police_main_wrap.gray .police_main_header .police_main_nav_list > li .police_sub_list > li > a {
    color: #579FE5;
}

.police_main_wrap.gray .police_main_header .police_main_nav_list > li.active > a,
.police_main_wrap.gray .police_main_header .police_main_nav_list > li:hover > a,
.police_main_wrap.gray .police_main_header .police_main_nav_list > li .police_sub_list > li:hover > a {
    color: #0054A6;
}

.police_main_wrap .police_main_header .police_main_nav_list > li > a:after {
    background-color: #0054A6;
}

.police_main_wrap.gray .police_main_header .police_main_nav_list > li .police_sub_list:before {
    border-top: 0.5rem solid #0054A6;
}

.police_main_wrap.detail.gray .police_detail_top_wrap .police_detail_title,
.police_main_wrap.detail.gray .police_detail_top_wrap .police_detail_text {
    color: #0054A6;
}

.police_main_wrap.gray .police_main_nav_list > li .police_sub_list > li.active > a {
    border-color: #0054A6;
    color: #0054A6;
}

.paging_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem 0;
}
	
.paging_wrap button  {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	border-bottom: 1px solid #E8E8E8;
	font-size: 1.4rem;
	cursor: pointer;
}
	
.paging_wrap button.active {
	border-bottom: 2px solid #0054A6;
	color: #0054A6;
}

.paging_wrap .prev, .paging_wrap .next {
	position: relative;
	margin: 0 1rem;
	border-radius: 50%;
	background-color: #E8E8E8;
	border: 0;
	text-indent: -9999px;
	overflow: hidden;
}

.paging_wrap .prev:hover, .paging_wrap .next:hover {
	background-color: #4A4A4A;
}

.paging_wrap .prev:before, .paging_wrap .next:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 12px;
	height: 12px;
	background-image: url(../res/img/icn_page.svg);
	background-repeat: no-repeat;
	background-position: center;
}

.paging_wrap .prev:before {
	transform: translate(-50%, -50%) rotate(180deg);
}

@media screen and (max-width: 1400px) {

    

    /* 센터소개 */
    .police_main_wrap.detail .row {
        width: 100%;
        box-sizing: border-box;
        padding: 0 2rem;
    }

    .police_main_wrap.detail .police_detail_top_wrap .row {
        padding: 4rem 2rem;
    }

    .police_main_wrap.detail .police_detail_top_wrap .police_detail_text {
        width: 70%;
    }

    .police_main_wrap.detail .police_detail_top_wrap .police_detail_tab > li {
        margin-right: 2rem;
    }

    .police_main_wrap.detail .police_detail_wrap .police_info_list > li {
        align-items: center;
        width: 100%;
        height: 25rem;
    }

    .police_main_wrap.detail .police_detail_wrap .police_info_list > li > div {
        height: auto;
        width: 85%;
        margin-top: 0;
    }

    .police_main_wrap.detail .police_detail_wrap .police_info_list > li:nth-child(7) {
        border-bottom: 1px solid #DEDEDE;
    }

    .police_main_wrap.detail .police_detail_wrap .police_info_list > li .police_info_title {
        font-size: 1.8rem;
    }

    .police_main_wrap.detail .police_detail_wrap .police_info_list > li .police_info_text {
        font-size: 1.6rem;
    }

    .police_main_footer .row {
        flex-direction: column;
    }

    .police_main_wrap.detail .police_main_footer .row > div {
        width: 100%;
    }

    .police_main_wrap.detail .police_main_footer .row > .police_footer_left {
        flex-direction: column-reverse;
        align-items: center;
        margin-bottom: 2rem;
        text-align: center;
    }

    .police_main_wrap.detail .police_main_footer .row > .police_footer_left > img {
        margin-bottom: 2rem;
    }

    .police_main_wrap.detail .police_main_footer .row > .police_footer_right {
        margin-bottom: 2rem;
        text-align: center;
    }

    .police_main_wrap.detail .police_main_footer .police_footer_right .police_footer_list {
        justify-content: center;
    }

    .police_main_wrap.detail .police_main_footer .row > .police_footer_right p {
        text-align: center;
    }
    
    
    	


    /* 연혁 */

    .police_history_wrap {
       width: 100%;
    }

    .police_history_wrap .police_history_year {
        
    }

    .police_history_wrap .police_history_list {
        width: 70%;
    }

    .police_history_wrap .police_history_list .history_year {
        margin-bottom: 2rem;
    }

    .police_history_wrap .police_history_list .police_history_box {
        flex-direction: column;
        min-height: 120px;
    }

    .police_history_wrap .police_history_list .police_history_box .history_month {
        margin-right: 0;
    }

    .police_history_wrap .police_history_list .police_history_box .history_contents {
        flex-direction: column;
        align-items: flex-start;
    }

    .police_history_wrap .police_history_list .police_history_box .history_contents_wrap {
        width: 100%;
        margin-top: 2rem;
    }

    .police_history_wrap .police_history_list .police_history_box .history_contents > p {
        margin-bottom: 2rem;
    }

    .police_history_wrap .police_history_list .police_history_box .history_contents > img {
        width: 80%;
        margin-left: 0;
    }


    /* 찾아오시는 길 */

    .police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_title {
        font-size: 3rem;
    }

    .police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list {
        flex-direction: column;
    }

    .police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li {
        margin-bottom: 3rem;
    }

    .police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > h4 {
        margin-bottom: 2rem;
        font-size: 2.2rem;
    }

    .police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > .go_type {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 1.4rem;
        font-size: 1.8rem;
    }

    .police_main_wrap.detail .police_detail_wrap .police_go_box .police_go_list > li > .go_type .type_title {
        margin-bottom: 0.5rem;
    }


    /* 실시간 안내 */

    .police_help_wrap,
    .police_help_wrap .help_realtime,
    .police_help_wrap .help_sns {
        flex-direction: column;
    }

    .police_help_wrap .help_info,
    .police_help_wrap .kakao_img,
    .police_help_wrap .help_realtime > div,
    .police_help_wrap .help_sns > div {
        width: 100%;
    }

    /* 교통안전교육자료 */

    .police_edu_wrap .police_edu_search_wrap {
        flex-direction: row-reverse;
    }

    .police_edu_wrap .police_edu_search_wrap .search_box {
        width: 40%;
    }

    .police_edu_wrap .police_edu_list > li {
        width: 100%;
        margin-right: 0;
    }

    .police_edu_wrap .police_edu_list > li .title {
        font-size: 2rem;
    }

    .police_edu_wrap .police_edu_list > li .info {
        font-size: 1.4rem;
    }

    /* 견학 안내 */
    .police_visit_wrap,
    .police_visit_wrap .police_visit_info .visit_title {
        flex-direction: column;
    }

    .police_visit_wrap > .police_visit_info {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .police_visit_wrap .police_visit_info .visit_title > div {
        margin-top: 1rem;
    }

    .police_visit_wrap > .police_visit_info .visit_info_list {
        width: 100%;
    }

    .police_visit_wrap .police_visit_info .visit_info_list > li {
        font-size: 2rem;
    }

    .police_visit_wrap .police_visit_info .visit_info_list > li .visit_step {
        width: 100%;
        font-size: 1.6rem;
    }

    /* 이용안내 */

    .police_infomation_wrap .police_infomation_list,
    .police_sitemap_wrap {
        flex-direction: column;
    }

    .police_infomation_wrap .police_infomation_list > li,
    .police_sitemap_wrap> li,
    .police_sitemap_wrap > li > .police_sitemap_list > li > a {
        width: 100%;
    }

    .police_sitemap_wrap > li {
        padding: 4rem 0;
        border-right: 0;
        border-bottom: 1px dashed #D2D2D2;
    }

    .police_sitemap_wrap > li > .sitemap_title {
        margin: 0;
    }

    .police_sitemap_wrap > li > .police_sitemap_list {
        margin-top: 2rem;
    }

    .police_sitemap_wrap > li > .police_sitemap_list > li > a {
        justify-content: center;
        font-size: 3rem;
    }

    .police_sitemap_wrap > li > .police_sitemap_list > li > a:before {
        display: none;
     
    }


    /* 저작권 */

    .police_copyrights_wrap {
        flex-direction: column;
    }

    .police_copyrights_wrap > div {
        width: 100%;
    }

    .police_copyrights_wrap .copyrights_right {
        height: 20rem;
        margin-top: 4rem;
    }

    /* 영상정보 관리 방침 */

    .police_video_info_wrap .video_info_list > li {
        flex-direction: column;
        align-items: center;
    }

    .police_video_info_wrap .video_info_list > li .video_info_number {
        width: auto;
        height: 6rem;
        margin-bottom: 1rem;
        border-right: 0;
        border-bottom: 6px solid #0054A6;
        text-align: center;
    }

    .police_video_info_wrap .video_info_list > li > div {
        margin-left: 0;
    }

    .police_video_info_wrap .video_info_list > li .video_info_title {
        font-size: 2.4rem;
        text-align: center;
    }

    .police_video_info_wrap .video_info_list > li .video_info_table {
        width: 100%;
    }
}

/* 반응형 영역 */

/* 1200px 태블릿 가로사이즈 */
@media screen and (max-width: 1200px) {
    html, body {
        font-size: 1vw;
    }

    .police_main_wrap .scroll_down_box {
        display: none;
    }
    @keyframes start2-1 {
        to {
            transform: rotate(-15deg);
        }
    }
    .police_main_section .police_main_info > p {
        width: 30rem;
    }

    body #fp-nav.left {
        left: initial;
        right: 10px;
    }
}

/* 900px 태블릿 세로사이즈 */
@media screen and (max-width: 900px) {
    html, body {
        font-size: 1.8vw;
    }

    .police_main_wrap .police_main_header {
        padding: 0 2rem;
    }

    .police_main_wrap .police_main_header .police_main_nav {
        display: none;
    }

    .police_main_wrap .btn_police_nav_mb {
        display: block;
    }

    .police_main_wrap .police_mb_nav {
        display: block;
    }

    .police_main_wrap .police_scroll_top {
        display: none;
    }

    .police_main_wrap .police_section1_info {
        right: initial;
        left: 3rem;
    }
 /*.police_main_wrap .police_main_section:not(.section2):before*/
    .police_main_wrap .police_main_section:before {
        background-position: center;
        background-size: auto;
    }

    .police_main_section .police_main_info {
        align-items: center;
        width: 70%;
        margin: 0 auto;
        padding-left: 0;
        text-align: center;
    }

    .police_main_section .police_main_info > p {
        width: 100%;
    }

    @keyframes start3 {
        to {
            opacity: 1;
            transform: translateY(-15%);
        }
    }

    .police_datail_content {
        flex-direction: column;
        align-items: center;
    }

    .police_main_wrap.detail .police_detail_top_wrap .police_detail_title {
        margin-right: 0;
        margin-bottom: 2rem;
    }

    .police_main_wrap.detail .police_detail_top_wrap .police_detail_text {
        text-align: center;
    }

    /* 지도 */
    .police_main_wrap.map {
        padding-top: 0;
    }

    .police_main_wrap.map .police_main_section .police_map_btn_wrap {
        flex-direction: column;
        align-items: flex-end;
    }

    .police_main_wrap.map .police_main_section .police_map_btn_wrap .police_search_box {
        margin-bottom: 1rem;
    }

    .police_main_wrap.map .police_main_section .police_map_btn_wrap .btn_style {
        margin-bottom: 1rem;
    }

}


/* 500px 모바일 */
@media screen and (max-width: 500px) {

    .police_main_wrap .police_main_header {
        height: 80px;
    }

    .police_main_section .police_main_info > p {
        font-size: 2rem;
    }

    .police_main_section .police_main_info .btn_go {
        font-size: 2rem;
    } 
}


/*다국어 버튼 스타일*/
.langImg {
	margin-right: 0px;
	margin-top: 20px;
}

#langBtn {
	color: #fff;
	vertical-align: super;
}