@font-face {
  font-family: 'noto_r';
  src: url("/stylesheets/fonts/NotoSansCJKkr-Regular.otf")
}

@font-face {
  font-family: 'noto_m';
  src: url("/stylesheets/fonts/NotoSansCJKkr-Medium.otf");
}

@font-face {
  font-family: 'noto_bd';
  src: url("/stylesheets/fonts/NotoSansMonoCJKkr-Bold.otf");
}

@font-face {
  font-family: 'noto_bk';
  src: url("/stylesheets/fonts/NotoSansCJKkr-Black.otf");
}

@font-face {
  font-family: 'roboto_bi';
  src: url("/stylesheets/fonts/Roboto-Bolditalic.ttf");
}

@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}


/*바디 설정 값*/
body {
  margin:0;
  padding:0;
}


/* 수직 수평 정렬 컨테이너 설정 값 */
.outer {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


/* 수직 정렬 설정 값 */
.middle {
  display: table-cell;
  vertical-align: middle;
}


/* 수평 정렬 설정 값 */
.inner {
  width: 1920px;
  height: 969px;
  background-color: #fff;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  margin-left: auto;
  margin-right: auto;
}

.info_location_box {
  font-family: noto_m;
  font-size: 20px;
  height: 50px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.serivce_info_contents {
  width: 33%;
  height: 50px;
  background-color: #333333;
  cursor: pointer;
  color: white;
}
.service_info_name {
  margin-top: 10px;
}
/* .serivce_info_contents:active {
  background-color: #333333;
  color: white;
}
.service_name:active {
  color: white;
} */
.personal_location_info_contents {
  width: 33%;
  height: 50px;
  background-color: #DDDDDD;
  cursor: pointer;
  color: black;
}
.personal_location_name {
  margin-top: 10px;
}
/* .personal_location_info_contents:active {
  background-color: #333333;
  color: white;
}
.service_name:active {
  color: white;
} */
.personal_info_contents {
  width: 33%;
  height: 50px;
  background-color: #DDDDDD;
  cursor: pointer;
}
/* .personal_info_contents:active {
  background-color: #333333;
  color: white;
} */
.personal_info_name {
  margin-top: 10px;
}
/* .personal_info_name:active {
  color: white;
} */

.a0 {
  width: 1820px;
  height: 116px;
  font-family: noto_bd;
  font-size: 60px;
  text-align: center;
  color: black;
  margin-top: 80px;
  float: left;
  margin-left: 50px;
}

.a1_ex {
  width: 1820px;
  height: 58px;
  font-family: noto_bd;
  font-size: 30px;
  text-align: left;
  color: black;
  margin-top: 120px;
  margin-left: 50px;
  float: left;
}

.a1 {
  width: 1820px;
  height: 58px;
  font-family: noto_bd;
  font-size: 30px;
  text-align: left;
  color: black;
  margin-top: 120px;
  margin-left: 50px;
  float: left;
}

.a2 {
  width: 1820px;
  height: 30px;
  font-family: noto_bd;
  font-size: 20px;
  text-align: left;
  color: black;
  margin-top: 40px;
  margin-left: 50px;
  float: left;
}

.a3 {
  width: 1820px;
  font-family: noto_r;
  font-size: 16px;
  text-align: left;
  color: #343434;
  margin-top: 20px;
  margin-left: 50px;
  float: left;
}

.a2_ex {
  width: 1820px;
  height: 38px;
  font-family: noto_bd;
  font-size: 20px;
  text-align: left;
  color: black;
  margin-top: 120px;
  margin-left: 50px;
  float: left;
}

.a3_ex {
  width: 1820px;
  font-family: noto_r;
  font-size: 16px;
  text-align: left;
  color: #343434;
  margin-top: 0px;
  margin-left: 50px;
  margin-bottom: 50px;
  float: left;
}



/* 컨텐츠 박스 */
.service_contents_box {
  float: left;
  margin-left: 50px;
  width: 1489px;
  height: 200px;
  margin-top: 30px;
}
.first_box {
  float: left;
  width: 1489px;
  height: 50px;
}
.service_name_box {
  float: left;
  width: 200px;
  height: 50px;
  border: 0.5px solid black;
}
.service_name {
  font-family: noto_m;
  font-size: 20px;
  text-align: center;
  color: black;
  margin-top: 10px;
}


.collect_method_box {
  float: left;
  width: 200px;
  height: 50px;
  border: 0.5px solid black;
}
.collect_method {
  font-family: noto_m;
  font-size: 20px;
  text-align: center;
  color: black;
  margin-top: 10px;
}


.purpose_box {
  float: left;
  width: 200px;
  height: 50px;
  border: 0.5px solid black;
}
.purpose {
  font-family: noto_m;
  font-size: 20px;
  text-align: center;
  color: black;
  margin-top: 10px;
}


.period_box {
  float: left;
  width: 200px;
  height: 50px;
  border: 0.5px solid black;
}
.period {
  font-family: noto_m;
  font-size: 20px;
  text-align: center;
  color: black;
  margin-top: 10px;
}


.fee_box {
  float: left;
  width: 200px;
  height: 50px;
  border: 0.5px solid black;
}
.fee {
  font-family: noto_m;
  font-size: 20px;
  text-align: center;
  color: black;
  margin-top: 10px;
}


.second_box {
  float: left;
  width: 1489px;
  height: 150px;
  margin-top: 1px;
}
.service_name_box01 {
  float: left;
  width: 200px;
  height: 150px;
  border: 0.5px solid black;
}
.service_name01 {
  font-family: noto_r;
  font-size: 16px;
  text-align: center;
  color: #343434;
  margin-top: 60px;
}


.collect_method_box01 {
  float: left;
  width: 200px;
  height: 150px;
  border: 0.5px solid black;
}
.collect_method01 {
  font-family: noto_r;
  font-size: 16px;
  text-align: center;
  color: #343434;
  margin-top: 60px;
}


.purpose_box01 {
  float: left;
  width: 200px;
  height: 150px;
  border: 0.5px solid black;
}
.purpose01 {
  font-family: noto_r;
  font-size: 16px;
  text-align: center;
  color: #343434;
  margin-top: 40px;
}


.period_box01 {
  float: left;
  width: 200px;
  height: 150px;
  border: 0.5px solid black;
}
.period01 {
  font-family: noto_r;
  font-size: 16px;
  text-align: center;
  color: #343434;
  margin-top: 60px;
}


.fee_box01 {
  float: left;
  width: 200px;
  height: 150px;
  border: 0.5px solid black;
}
.fee01 {
  font-family: noto_r;
  font-size: 16px;
  text-align: center;
  color: #343434;
  margin-top: 50px;
}
/* 변경내용 차트 */
.lbs_uppder_box {
  font-family: noto_bd;
  width: 1820px;
  height: 50px;
  font-size: 30px;
  text-align: center;
  color: black;
  margin-top: 20px;
  float: left;
  margin-left: 50px;
}

.lbs_before_chagne {
  float: left;
  width: 908px;
  height: 50px;
  border: 1px solid black;
}

.lbs_after_chagne {
  float: left;
  margin-left: -1px;
  width: 908px;
  height: 50px;
  border: 1px solid black;
}

.lbs_middle_box_01 {
  float: left;
  width: 1820px;
  height: 350px;
  margin-top: 1px;
  margin-left: 50px;
}
.lbs_before_contents_01 {
  float: left;
  width: 908px;
  height: 350px;
  border: 1px solid black;
  text-align: center;
  color: black;
}

.lbs_after_contents_01 {
  float: left;
  width: 908px;
  height: 350px;
  border: 1px solid black;
  text-align: center;
  color: black;
  margin-left: -1px;
}

.lbs_middle_box_02 {
  float: left;
  width: 1820px;
  height: 450px;
  margin-top: 1px;
  margin-left: 50px;
}
.lbs_before_contents_02 {
  float: left;
  width: 908px;
  height: 450px;
  border: 1px solid black;
  text-align: center;
  color: black;
}

.lbs_after_contents_02 {
  float: left;
  width: 908px;
  height: 450px;
  border: 1px solid black;
  text-align: center;
  color: black;
  margin-left: -1px;
}


.lbs_middle_box_03 {
  float: left;
  width: 1820px;
  height: 650px;
  margin-top: 1px;
  margin-left: 50px;
}
.lbs_before_contents_03 {
  float: left;
  width: 908px;
  height: 650px;
  border: 1px solid black;
  text-align: center;
  color: black;
}

.lbs_after_contents_03 {
  float: left;
  width: 908px;
  height: 650px;
  border: 1px solid black;
  text-align: center;
  color: black;
  margin-left: -1px;
}

.lbs_middle_box_05 {
  float: left;
  width: 1820px;
  height: 300px;
  margin-top: 1px;
  margin-left: 50px;
}
.lbs_before_contents_05 {
  float: left;
  width: 908px;
  height: 300px;
  border: 1px solid black;
  text-align: center;
  color: black;
}

.lbs_after_contents_05 {
  float: left;
  width: 908px;
  height: 300px;
  border: 1px solid black;
  text-align: center;
  color: black;
  margin-left: -1px;
}