@charset "utf-8";

/* common */
.bold {
  font-weight: 600;
}
.color_blue {
  color: #3270b0;
}
.mt50 {
  margin-top: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
input[type~='radio'],
input[type~='checkbox'] {
  vertical-align: -2px;
}
input[type~='radio']:checked,
input[type~='checkbox']:checked {
  background: #ccc;
}
hr {
  margin: 14px 0 10px !important;
  width: 100%;
  height: 2px;
  border: 0;
  border-top: 1px solid #d5d5d5;
}
hr.hr2 {
  margin: 14px 0 0 !important;
  width: 100%;
  height: 2px;
  border: 0;
  border-top: 2px solid #3270b0;
}
hr.line {
  margin: 50px 0;
}
hr.line2 {
  margin: 50px 0 20px;
}
h2.pt20 {
  padding-top: 20px;
}

h2 {
  margin: 40px 0;
  font-size: 24px;
}
h3 {
  margin: 40px 0 20px;
  font-size: 20px;
}
h4 {
  font-size: 18px;
}
.subNone_h2 {
  margin: 134px 0 17px;
}
.web_h2 {
  display: block;
}
.m_h2 {
  display: block;
}

.indent {
  padding-left: 8px;
  text-indent: -8px;
}
.tab_cont {
  display: none;
}
.txt_import {
  color: #fff;
  background: skyblue /* #ff0000 */;
  padding: 4px 12px;
  border-radius: 5px;
}
.dp_none {
  display: none !important;
}
.dplay_none {
  display: none !important;
}
.wh100 {
  width: 100% !important;
}
#content .cont_width {
  position: relative;
}

/* paging */
.paging {
  margin-top: 20px;
  padding-left: 5px;
  text-align: center;
}
.paging a {
  display: inline-block;
  width: 33px;
  height: 32px;
  margin-left: -5px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #d5d5d5;
  background: #fff;
}
.paging a strong {
  display: inline-block;
  width: 100%;
  height: 30px;
  font-weight: bold;
  border-bottom: 3px solid #467abd;
}
.paging span img {
  vertical-align: 2px;
}
.paging .m_number {
  display: none;
  margin: 0 14px 0 10px;
  font-weight: 600;
}
.paging .m_number span {
  color: #3270b0;
}

.round_1 {
  display: inline-block;
  width: 62px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: url('/asset26/images/common/icon/round_1.png') no-repeat left top;
}
.round_2 {
  display: inline-block;
  width: 62px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: url('/asset26/images/common/icon/round_2.png') no-repeat left top;
}
.round_3 {
  display: inline-block;
  width: 62px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: url('/asset26/images/common/icon/round_3.png') no-repeat left top;
}
.round_4 {
  display: inline-block;
  width: 62px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: url('/asset26/images/common/icon/round_4.png') no-repeat left top;
}
.round_5 {
  display: inline-block;
  width: 62px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: url('/asset26/images/common/icon/round_5.png') no-repeat left top;
}
.round_6 {
  display: inline-block;
  width: 62px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background: url('/asset26/images/common/icon/round_6.png') no-repeat left top;
}
.round_7 {
  display: inline-block;
  width: 62px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  background: #3270b0;
  color: #fff;
  border-radius: 3px;
  text-align: center;
}
.round_8 {
  display: inline-block;
  width: 62px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  background: #794cc3;
  color: #fff;
  border-radius: 3px;
  text-align: center;
}
.round_9 {
  display: inline-block;
  width: 62px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  background: #727272;
  color: #fff;
  border-radius: 3px;
  text-align: center;
}
.round_10 {
  display: inline-block;
  width: 62px;
  height: 21px;
  line-height: 21px;
  font-size: 12px;
  background: #00a4e2;
  color: #fff;
  border-radius: 3px;
  text-align: center;
}

/* 신고하기&신고절차 */
.step {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
  margin-bottom: 60px;
}
.step ul {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 40px;
}
.step ul li {
  position: relative;
  width: calc((100% - 120px) / 4);
  text-align: center;
  border-radius: 20px;
  background: #f2f2f2;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.step ul li:before {
  position: absolute;
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  top: calc(50% - 10px);
  right: -22px;
  border: 4px solid #aaa;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
}
.step ul li:last-child:before {
  display: none;
}
.step ul li.step01_01,
.step ul li.step01_03,
.step ul li.step02_01,
.step ul li.step02_03 {
  background: #e5f2fa;
}
.step ul li .step_title {
  position: relative;
  padding: 32px 10px 140px 10px;
  font-size: 24px;
  font-weight: 500;
  border-radius: 20px 20px 0 0;
  background: #fff;
}
.step ul li .step_title:before {
  position: absolute;
  display: block;
  content: '';
  width: 100px;
  height: 100px;
  left: calc(50% - 50px);
  bottom: 20px;
  background: #f2f2f2;
  border-radius: 50%;
}
.step ul li .step_title:after {
  position: absolute;
  display: block;
  content: '';
  width: 80px;
  height: 60px;
  left: calc(50% - 40px);
  bottom: 40px;
  background: url('/asset26/images/common/new_img/icon_step01.png') no-repeat center;
}
.step ul li.step01_02 .step_title:after {
  background: url('/asset26/images/common/new_img/icon_step02.png') no-repeat center;
}
.step ul li.step01_03 .step_title:after {
  background: url('/asset26/images/common/new_img/icon_step03.png') no-repeat center;
}
.step ul li.step01_04 .step_title:after {
  background: url('/asset26/images/common/new_img/icon_step04.png') no-repeat center;
}
.step ul li.step02_01 .step_title:after {
  background: url('/asset26/images/common/new_img/icon_step05.png') no-repeat center;
}
.step ul li.step02_02 .step_title:after {
  background: url('/asset26/images/common/new_img/icon_step06.png') no-repeat center;
}
.step ul li.step02_03 .step_title:after {
  background: url('/asset26/images/common/new_img/icon_step07.png') no-repeat center;
}
.step ul li.step02_04 .step_title:after {
  background: url('/asset26/images/common/new_img/icon_step08.png') no-repeat center;
}
.step ul li .step_number {
  color: #0083cb;
}
.step ul li .step_text {
  padding: 20px 20px 32px 20px;
  word-break: keep-all;
}
.step.live ul li{
	display: flex;
	background: none;
	box-shadow: 0 0 10px rgb(0 0 0 / 12%);
}
.step.live ul li .step_title {
	border-radius: 20px;
	flex: 1;	
	color: #666;
}
.step.live ul li .step_text {
	display: none;
}
.step.live ul li .step_number {
	color: inherit;
}
.step.live ul li .step_title:after {
	filter: grayscale(1) saturate(0) opacity(0.8);
}
.step.live ul li.on{
    box-shadow: 0 0 10px rgb(0 0 0 / 22%);	
}
.step.live ul li.on .step_title{
	color: #252525;
}
.step.live ul li.on .step_number {
	color: #0083cb;
}
.step.live ul li.on .step_title:after {
	filter: grayscale(0) saturate(1) opacity(1);
}
.request_cont {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
  background: #f2f2f2;
  border-radius: 20px;
  padding: 32px;
}
.request_cont li {
  width: calc((100% - 20px) / 2);
  padding: 20px;
  text-align: center;
  background: #fff;
  border-radius: 100px;
  color: #525252;
}
.request_cont li .cont_txt {
  font-size: 20px;
  font-weight: 500;
  color: #222;
}
.login_type {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 20px;
}
.login_type li {
  width: 100%;
}
.login_type li a {
  position: relative;
  display: block;
  padding: 32px;
  height: 100%;
  border-radius: 20px;
  color: #525252;
  background: #f2f2f2;
}
.login_type li a:hover {
  color: #fff;
  background: #00529c;
}
.login_type .title {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 500;
  color: #222;
}
.login_type li a:hover .title {
  color: #fff;
}
.login_type li a:before {
  position: absolute;
  display: block;
  content: '';
  width: 80px;
  height: 80px;
  top: calc(50% - 40px);
  right: 32px;
  background: url('/asset26/images/common/new_img/icon_login01.png') no-repeat center;
  filter: drop-shadow(0 0 10px rgba(0, 82, 156, 0.2));
}
.login_type li.loginbox_02 a:before {
  background: url('/asset26/images/common/new_img/icon_login02.png') no-repeat center;
  filter: drop-shadow(0 0 10px rgba(158, 24, 0, 0.2));
}
.login_type li.loginbox_03 a:before {
  background: url('/asset26/images/common/new_img/icon_login03.png') no-repeat center;
}
.login_type li a:hover:before {
  filter: drop-shadow(0 0 10px rgba(82, 173, 255, 0.8));
}
.login_type li.loginbox_02 a:hover:before {
  filter: drop-shadow(0 0 10px rgba(255, 155, 82, 0.8));
}
.login_type li a div:nth-child(2) {
  width: 62%;
  word-break: keep-all;
}
.login_type li.loginbox_02 a {
  background: #fcf0dd;
}
.login_type li.loginbox_02 a:hover {
  background: #cf4900;
}
.login_type li.loginbox_03 a {
  background: #e5f2fa;
}
.login_type li.loginbox_03 a:hover {
  background: #007cbf;
}

/* btn */
.btn_cal {
  vertical-align: top;
}
.btn_right {
  margin-top: 20px;
  text-align: right;
}
.btn_center {
  margin-top: 20px;
  text-align: center;
}
.btn_left {
  margin: 20px 0 60px;
  text-align: center;
}
.btn_both {
  margin-top: 20px;
  text-align: right;
}
.btn_both p {
  float: left;
}
.btn_wrap {
  display: inline-block;
}
.btn_r {
  display: inline-block;
  padding: 0 1px 1px 0;
  background: url('/asset26/images/common/btn_shadow_r.gif') no-repeat right 1px;
}
.btn_wrap.blue a,
.btn_wrap.blue button {
  display: inline-block;
  min-width: 80px;
  padding: 10px 30px;
  color: #fff;
  text-align: center;
  background-color: #3270b0;
  border-radius: 3px;
}
.btn_wrap.green a,
.btn_wrap.green button {
  display: inline-block;
  min-width: 80px;
  padding: 10px 30px;
  color: #fff;
  text-align: center;
  background-color: #748b4b;
  border-radius: 3px;
}
.btn_wrap.pink a,
.btn_wrap.pink button {
  display: inline-block;
  min-width: 80px;
  padding: 10px 30px;
  color: #fff;
  text-align: center;
  background-color: #ca6f86;
  border-radius: 3px;
}
.btn_wrap.white a,
.btn_wrap.white button {
  display: inline-block;
  min-width: 80px;
  padding: 10px 30px;
  color: #fff;
  text-align: center;
  background-color: #868686;
  border-radius: 3px;
}
.btn_wrap a {
  width: auto;
}
.btn_border {
  display: inline-block;
  min-width: 84px;
  height: 29px;
  padding: 0 15px;
  line-height: 28px;
  color: #fff !important;
  text-align: center;
  background: #2158a4;
  vertical-align: top;
  border-radius: 3px;
}
.btn_wrap.yellow a,
.btn_wrap.yellow button {
  display: inline-block;
  min-width: 80px;
  height: 27px;
  padding: 0 20px;
  line-height: 25px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  background-color: #ff6600;
  border-radius: 3px;
}
.btn_file {
  background-color: #337ab7;
  border: 1px solid #337ab7;
  display: inline-block;
  padding: 0.5em 0.75em;
  color: #fff;
  border-radius: 0.25em;
  font-size: inherit;
}
.btn_gray {
  display: inline-block;
  background-color: #444;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
}

.required,
.required2 {
  text-align: right;
  font-size: 12px;
  margin-bottom: 10px;
}
.required3 {
  text-align: right;
  font-size: 12px;
  position: absolute;
  right: 0;
  color: #777;
  font-weight: normal;
  top: 0;
}
.required span,
.required2 span {
  color: #ec3f4d;
}
.space1 {
  position: relative;
  top: 3px;
  margin-left: 4px;
}

.loading {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 8500;
  width: 366px;
  height: 196px;
  padding-top: 34px;
  text-align: center;
  background: url('/asset26/images/common/loading_box.png') no-repeat center top;
  background-size: 100%;
}
.loading strong {
  font-size: 20px;
}
.loading p {
  margin: 6px 0 8px;
}
.loading img {
  width: auto;
}

.error_area {
  position: absolute;
  top: 10%;
  width: 100%;
  text-align: center;
}
.error_area h1 {
  position: static;
  margin-bottom: 85px;
}
.error_area h1 img {
  width: auto;
}
.error_area .txt1 {
  font-size: 120px;
  background: url('/asset26/images/content/error_clould.png') no-repeat center 50px;
  background-size: inherit;
}
.error_area .txt1 span {
  display: inline-block;
  margin-top: 0;
  position: relative;
  top: 80px;
  margin-left: -35px;
  vertical-align: top;
  font-weight: 600;
}
.error_area .txt2 {
  margin: 20px 0 65px;
  font-size: 25px;
  font-weight: 600;
}
.error_area .txt3 {
  margin-bottom: 20px;
  color: #555;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
}
.error_area .txt4 {
  width: 70%;
  margin: 0 auto;
  color: #707070;
  font-weight: 600;
}

/* table */
.table_col {
  margin-top: 15px;
  border-top: 2px solid #3270b0;
}
.table_col thead th {
  padding: 15px 5px;
  border-bottom: 1px solid #d5d5d5;
  background: #f8f8f8;
  vertical-align: middle;
}
.table_col tr td {
  position: relative;
  padding: 15px 10px;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
}
.table_col tr td.left {
  text-align: left;
}
.table_col .no {
  width: 10%;
  text-align: center;
}
.table_col .subject a {
  position: absolute;
  display: block;
  width: 95%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table_col .block2 span {
  padding: 0 6px;
  font-size: 12px;
  white-space: nowrap;
}
.table_col .block3 span {
  white-space: nowrap;
}

.table_col2 {
  margin-top: 15px;
  border-top: 2px solid #3270b0;
}
.table_col2 thead th {
  padding: 15px 0;
  border-bottom: 1px solid #e7e7e7;
  background: #f8f8f8;
}
.table_col2 tr td {
  padding: 15px 5px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}
.table_col2 tr td.left {
  padding: 15px 10px;
  text-align: left;
}
.table_col2 tr td.left img {
  vertical-align: -6px;
}
.table_col2 tr td.date {
  white-space: nowrap;
}

.table_row {
  margin-top: 15px;
  border-top: 2px solid #3270b0;
}
.table_row th,
.table_row td {
  display: table-cell;
  padding: 15px;
  border-bottom: 1px solid #e7e7e7;
  vertical-align: top;
}
.table_row th {
  width: 20%;
  text-align: left;
  background: #f8f8f8;
}
.table_row th span {
  color: #ec3f4d;
}

.t_style2 .col18 {
  width: 18%;
}
.t_style2 .col32 {
  width: 32%;
}
.t_style2 td {
  width: auto;
  padding-right: 20px;
}

.bbs_view {
  position: relative;
  border-top: 2px solid #3270b0;
}
.bbs_view h3 {
  margin: 0;
  padding: 15px 120px 15px 20px;
  font-weight: normal;
  border-bottom: 1px solid #e7e7e7;
  background: #f8f8f8;
}
.bbs_view h3 img {
  vertical-align: -8px;
}
.bbs_view .name {
  position: absolute;
  display: block;
  right: 150px;
  top: 15px;
  font-weight: normal;
}
.bbs_view .date {
  position: absolute;
  display: block;
  right: 20px;
  top: 15px;
  font-size: 14px;
}
.bbs_view .bbs_cont {
  padding: 30px 20px;
  word-wrap: break-word;
}
.bbs_view dl {
  display: table;
  width: 100%;
}
.bbs_view dl dt {
  display: table-cell;
  width: 110px;
  padding: 15px 0 15px 22px;
  font-weight: 600;
  border-bottom: 1px solid #e7e7e7;
  background: #f8f8f8;
}
.bbs_view dl dd {
  padding: 15px 0 15px 23px;
  border-bottom: 1px solid #e7e7e7;
}
.bbs_view dl dd ul {
  margin: 0;
  padding: 0;
  border-top: 0;
}
.bbs_view dl dd ul li {
  margin-bottom: 5px;
}
.bbs_view2 {
  min-height: 80px;
  border-top: 2px solid #3270b0;
}
.bbs_view2 .date {
  position: relative;
  margin-top: 12px;
}
.bbs_view2 p .name {
  position: absolute;
  top: auto;
  left: auto;
  right: 153px;
  padding-right: 15px;
  background: url('/asset26/images/common/icon/bullet_1.gif') no-repeat right center;
}
.bbs_view2 p .tel {
  position: absolute;
  right: 0;
  top: auto;
  left: auto;
}
.view-content .bbs_cont {
  padding: 3%;
}
.bbs_cont {
  padding: 12px 0;
  line-height: 21px;
  border-bottom: 1px solid #e7e7e7;
}
.bbs_cont img {
  max-width: 100%;
  height: auto !important;
}

.prev_next {
  margin-top: 50px;
  border-top: 1px solid #e7e7e7;
}
.prev_next p {
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #e7e7e7;
}
.prev_next p strong {
  display: inline-block;
  float: left;
  width: 110px;
  padding: 16px 0 15px 22px;
  background: #f8f8f8;
}
.prev_next p .tit a {
  display: inline-block;
  width: 89%;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 16px 120px 15px 22px;
}
.prev_next p .date {
  position: absolute;
  right: 20px;
  top: 16px;
  font-size: 14px;
}

.line_none {
  display: block;
}

.txt_top {
  margin-bottom: 27px;
}
.txt_top p {
  margin-bottom: 0;
}
.btn_100.blue {
  display: inline-block;
  width: auto;
  margin: 0 auto;
}
.btn_100.white {
  display: inline-block;
  width: auto;
  margin: 0 auto 0;
}
.btn_100 span,
.btn_wrap.btn_100 a,
.btn_wrap.btn_100 button {
  display: block;
}
.btn_wrap.btn_100 a,
.btn_wrap.btn_100 button {
  width: auto;
  height: 27px;
  line-height: 25px;
}

.pw_repw {
  padding-bottom: 46px;
}
.pw_repw .login_inner > p {
  top: 89px;
  font-size: 30px;
}
.pw_repw .right p {
  margin-top: 9px;
}
.pw_repw p > span {
  display: inline-block;
  position: static;
  width: 72px;
  height: auto;
  padding-left: 0;
  color: #252525;
  font-weight: 600;
}

/* 로그인 */
.subNone_h2 {
  margin: 0;
  padding: 30px 0 12px;
  font-size: 24px;
  color: #2770ae;
}
.subNone_h3 {
  margin: 0;
  margin: 50px 0 30px;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  color: #000;
  padding-bottom: 10px;
}
.login01 {
  position: relative;
  margin: 0 auto;
  text-align: center;
  padding: 40px;
  border: 1px solid #ccc;
  border-radius: 20px;
}
.login01 .right label {
  display: none;
}
.login01 input[type~='text'],
.login01 input[type~='password'] {
  width: 320px;
  height: 38px;
  font-size: 16px;
}
.login01 button {
  display: block;
  background: #3270b0;
  color: #fff;
  width: 320px;
  padding: 15px 0;
  font-size: 16px;
  font-weight: 600;
}
.login01 p {
  margin-bottom: 10px;
}
.login01 p.mb_dp {
  font-size: 16px;
  font-weight: 600;
}
.login01 p.mb_dp label {
  display: block;
  position: absolute;
  left: calc(50% - 150px);
  font-weight: initial;
}
.login01 .id_pw,
.login01 .join {
  text-align: center;
  margin-top: 10px;
}
.login01 .id_pw a,
.login01 .join a {
  display: inline-block;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  width: 320px;
  padding: 10px 0;
}

.login02 {
  overflow: hidden;
}
.login02 > div {
  position: relative;
  float: left;
  width: 33.333%;
  height: 213px;
  padding: 24px 3%;
  text-align: left;
}
.login02 .inner_box02 {
  display: block;
}
.login02 dl {
  position: relative;
  padding: 0;
  background: url('/asset26/images/content/login_icon4.png') no-repeat left top;
}
.login02 .inner_box02 dl {
  background: url('/asset26/images/content/login_icon5.png') no-repeat left top;
}
.login02 .inner_box03 dl {
  background: url('/asset26/images/content/login_icon6.png') no-repeat left top;
}
.login02 dl dt {
  margin: 0;
  padding: 28px 0 0 91px;
  font-weight: 600;
}
.login02 dl dd a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  border: 0;
  background: url('/asset26/images/common/icon/arrow_2.gif') no-repeat right center;
}

/* 회원가입 Step */
.join_step {
  position: relative;
  width: 100%;
  background-color: #f2f2f2;
  border-radius: 10px;
  font-size: 0;
  margin-bottom: 40px;
}
.join_step:before {
  position: absolute;
  display: block;
  content: '';
  top: 55px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-index: 0;
}
.join_step:after {
  display: block;
  clear: both;
  content: '';
}
.join_step li {
  position: relative;
  display: inline-block;
  width: 25%;
  padding: 30px 0;
  text-align: center;
  font-size: 18px;
  vertical-align: top;
  z-index: 1;
}
.join_step li span {
  display: block;
}
.join_step li .num {
  margin: 0 auto;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  margin-bottom: 20px;
  background-color: #444;
  color: #fff;
}
.join_step li.on .num {
  background-color: #0083cb;
}
.join_step2 li {
  width: 20%;
}

/* 회원가입 유형 */
.join_type {
  position: relative;
}
.join_type:after {
  display: block;
  clear: both;
  content: '';
}
.join_type .join_box {
  display: inline-block;
  cursor: pointer;
  width: calc(33.33% - 18px);
  background: url(/asset26/images/common/new_img/icon_join01.png) no-repeat center 40px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
  padding: 200px 20px 40px;
  margin-left: 20px;
  border: 1px solid #f3f4f5;
  border-radius: 10px;
  vertical-align: top;
  text-align: center;
}
.join_type .join_box > div {
  word-break: keep-all;
}
.join_type .join_box.j_box02 {
  background-image: url('/asset26/images/common/new_img/icon_join02.png');
}
.join_type .join_box.j_box03 {
  background-image: url('/asset26/images/common/new_img/icon_join03.png');
}
.join_type .join_box:first-child {
  margin-left: 0;
}
.join_type .join_box .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.agree_box {
  overflow-y: auto;
  height: 200px;
  padding: 15px;
  line-height: 1.5;
  border: 1px solid #ccc;
  background-color: #f8f8f8;
}
.agree_box h3 {
  font-size: 16px;
  color: #1460a0;
}
.agree_box h4 {
  margin-top: 10px;
  font-weight: normal;
}
.agree_box img {
  width: 100% !important;
}
.agree_box dl dt {
  margin: 10px 0;
  font-weight: 600;
}
.agree_box p {
  margin: 20px 0;
}
.agree_box ul,
.agree_box ol {
  margin-left: 20px;
}
.agree_box ul.text_indent li {
  margin-bottom: 5px;
  padding-left: 8px;
  text-indent: -8px;
}
.agree_box table {
  margin: 20px auto 0;
  border-left: 1px solid #d5d5d5;
}
.agree_box .table_col thead {
  position: static;
}
.agree_box .table_col td {
  text-align: left;
}
.agree_box .table_row th {
  width: 25%;
  border-bottom: 1px solid #d5d5d5;
  background: #f8f8f8;
}
.agree_box .table_row th,
.agree_box .table_row tr td {
  display: table-cell;
  float: none;
  padding: 5px;
}
.agree_box table thead th,
.agree_box table tr td {
  padding: 5px;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  border-width: 0 1px 1px 0;
}
.agree_box .table_row tr th {
  border-right: 1px solid #d5d5d5;
}
.agree_box dl.last {
  overflow: hidden;
  display: table;
  margin-top: 5px;
}
.agree_box dl.last dt {
  margin: 0;
  font-weight: 400;
  display: table-cell;
}
.agree_box dl.last dd {
  font-weight: 400;
  display: table-cell;
}
.agree_radio {
  margin-top: 20px;
}
.agree_radio label {
  margin-right: 30px;
}

/* 운영정책 */
.policy {
  margin-top: 30px;
  padding: 0 20px;
  color: #555;
}
.policy h3 {
  margin-top: 20px;
  font-size: 16px;
  color: #0b73a3;
}
.policy h3 a {
  display: block;
}
.policy dl dt {
  margin: 20px 0;
  font-weight: 600;
  color: #333;
}
.policy p {
  margin: 20px 0;
}
.policy ul.text_indent li {
  margin-bottom: 5px;
  padding-left: 8px;
  text-indent: -8px;
}

/* 회원가입 정보작성 */
.join_input {
  position: relative;
  border-top: 2px solid #444;
  margin-bottom: 40px;
}
.join_input:after {
  display: block;
  clear: both;
  content: '';
}
.join_input > div {
  position: relative;
  border-bottom: 1px solid #ccc;
}
.join_input > div:after {
  display: block;
  clear: both;
  content: '';
}
.join_input > div > label {
  float: left;
  width: 200px;
  font-weight: 600;
  padding: 10px 20px;
  word-break: keep-all;
}
.join_input > div > label span {
  color: #ec3f4d;
}
.join_input .input_area {
  float: left;
  position: relative;
  width: calc(100% - 200px);
  padding: 10px 20px;
}
.join_input .input_area label {
  margin-right: 20px;
}
.join_input .input_area p {
  font-size: 12px;
  margin-top: 5px;
}
.join_input .input_area span {
  display: inline-block;
}
.join_input .input_area .btn_border {
  margin-left: 5px;
}
.join_input input[type~='text'],
.join_input input[type~='password'] {
  width: 200px;
}
.join_input input[type~='file'] {
  margin-bottom: 5px;
}
.join_input .m_btn_border .btn_border {
  margin: 0;
}
.join_input .input_area span.checkbox {
  display: inline-block;
  white-space: nowrap;
}
.join_input .input_area .input_address {
  display: block;
  margin-top: 5px;
  width: 100%;
}
.join_input .btn_upload .btn_border {
  margin-left: 0;
  margin-bottom: 3px;
}
.upload_list {
  margin-top: 15px;
  padding-top: 15px;
}
.upload_list .btn_border {
  width: 45px;
  min-width: inherit;
  padding: 0;
}
.join_input .upload_list p span {
  display: inline-block;
  color: #3270b0;
  border-bottom: 1px solid #3270b0;
}
.join_input + .btn_right {
  margin-top: 0;
}
.join_input .input_area .upload_area a {
  display: inline-block;
  margin-right: 14px;
  margin-top: 5px;
  text-align: center;
}
.join_input .input_area .upload_area a span {
  display: block;
  margin-top: 10px;
  font-weight: 600;
}
.join_input .input_area .tooltip {
  position: absolute;
  top: -90px;
  left: 0;
  display: none;
  color: #555;
  font-size: 13px;
  background: #f1f1f1;
  padding: 10px;
  border-radius: 10px;
}
.join_input .input_area .tooltip .tit {
  color: #333;
  font-weight: bold;
}
.join_input .exetext {
  background-color: #f2f2f2;
  border-radius: 5px;
  margin-top: 5px;
  padding: 5px;
  font-size: 14px;
  word-break: keep-all;
}

/* 회원가입 완료 */
.join_complete {
  text-align: center;
  padding-top: 50px;
}
.join_complete .txt1 {
  margin-top: 29px;
  color: #3270b0;
  font-weight: 600;
  font-size: 25px;
}
.join_complete .txt2 {
  display: inline-block;
  margin: 10px auto 14px;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -1.5px;
  border-bottom: 1px solid #7a7a7a;
}
.join_complete .txt3 {
  margin-bottom: 30px;
}
.know_korea {
  overflow: hidden;
  margin-top: 90px;
  padding-left: 1px;
}
.know_korea > div {
  position: relative;
  float: left;
  width: 33.3%;
  margin-left: -1px;
  padding: 0;
  text-align: center;
  border: 1px solid #d5d5d5;
  background: #f8f8f8;
}
.know_korea > div a {
  display: block;
  height: 120px;
  padding-top: 30px;
}
.know_korea > div span {
  position: absolute;
  display: block;
  bottom: 20px;
  width: 100%;
  margin-top: 20px;
  font-weight: 600;
  font-size: 14px;
}

.return_step2 {
  position: relative;
  margin: 50px auto 0;
  text-align: center;
  background: #f2f2f2;
  border-radius: 10px;
  padding: 0 20px;
}
.return_step2:after {
  display: block;
  clear: both;
  content: '';
}
.return_step2 li {
  position: relative;
  float: left;
  width: 20%;
  font-size: 14px;
  text-align: center;
}
.return_step2 li:before {
  position: absolute;
  display: block;
  content: '';
  width: 10px;
  height: 20px;
  top: 40px;
  right: 0;
  background: url('/asset26/images/common/icon/arrow_3.gif') no-repeat 0 0;
}
.return_step2 li:last-child:before {
  background: none;
}
.return_step2 li > span {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 120px 0 20px 0;
  background: url('/asset26/images/common/new_img/icon_step011.png') no-repeat 50% 20px / 80px;
}
.return_step2 li:nth-child(2) > span {
  background-image: url('/asset26/images/common/new_img/icon_step012.png');
}
.return_step2 li:nth-child(3) > span {
  background-image: url('/asset26/images/common/new_img/icon_step013.png');
}
.return_step2 li:nth-child(4) > span {
  background-image: url('/asset26/images/common/new_img/icon_step014.png');
}
.return_step2 li:nth-child(5) > span {
  background-image: url('/asset26/images/common/new_img/icon_step015.png');
}

.member_out {
  overflow: hidden;
  margin-top: 20px;
  padding: 29px 0;
  border: 1px solid #e7e7e7;
}
.member_out > div {
  float: left;
  width: 50%;
}
.member_out .left {
  border-right: 1px solid #e7e7e7;
}
.member_out .left img {
  display: inline-block;
  float: left;
  margin: 13px 24px 0 79px;
  width: 70px;
}
.member_out .left p {
  margin: 25px 20px 0 0;
  word-break: keep-all;
}
.member_out .rig {
  padding: 16px 0 0 85px;
}
.member_out .rig p {
  margin-bottom: 15px;
}
.member_out .rig .label {
  display: inline-block;
  width: 83px;
  font-weight: 600;
}
.member_out .rig .label span {
  color: #ec3f4d;
}
.member_out .rig input[type~='text'] {
  width: 111px;
}
.member_out .rig button {
  width: 121px;
  padding: 0;
}

.btn_blue100 {
  position: static;
  top: -30px;
  width: auto;
  margin: 20px 0 0;
}
.btn_blue100 span,
.btn_blue100 button {
  width: auto;
  height: 35px !important;
}
.btn_area {
  width: 271px;
  margin-left: 83px;
}
.btn_area span {
  display: block;
}
.btn_area .btn_wrap.blue a,
.btn_area .btn_wrap.blue button {
  width: 100%;
  height: 37px;
  line-height: 35px;
}

/* ID PW 찾기 */
.idpw_search {
  position: relative;
}
.idpw_search .left {
  margin-bottom: 10px;
}
.idpw_search .rig {
  position: relative;
  background: #f8f8f8;
  padding: 30px;
}
.idpw_search .rig > div {
  position: relative;
  margin-bottom: 15px;
}
.idpw_search .rig > div:after {
  display: block;
  clear: both;
  content: '';
}
.idpw_search .rig .label {
  float: left;
  display: inline-block;
  width: 25%;
  font-weight: 600;
}
.idpw_search .rig .label span {
  color: #ec3f4d;
}
.idpw_search .certi {
  position: relative;
  width: 75%;
  margin-left: 25%;
}
.idpw_search .certi:after {
  display: block;
  clear: both;
  content: '';
}
.idpw_search .certi p {
  float: left;
  margin-right: 20px;
}
.idpw_search .certi p:last-child {
  margin-right: 20px;
}
.idpw_search .certi span {
  font-size: 14px;
  font-weight: 600;
}
.idpw_search p input[type~='radio'] {
  vertical-align: -5px;
}
.idpw_search p label {
  margin-right: 20px;
  vertical-align: -3px;
  min-width: 56px;
  font-size: 13px;
}
.idpw_search .certi p label {
  margin: 0;
  vertical-align: 0;
}
.idpw_search .certi p input[type~='radio'] {
  vertical-align: 0;
}
.id_fine {
  position: absolute;
  top: calc(50% - 39px);
  right: 20px;
  display: inline-block;
  min-width: 80px;
  padding: 30px 20px;
  color: #fff;
  text-align: center;
  background-color: #5c8a5c;
  border-radius: 5px;
}

.phone_certi {
  overflow: hidden;
  position: relative;
  padding: 29px 0;
  border: 1px solid #d5d5d5;
}
.phone_certi > div {
  float: left;
  width: 50%;
}
.phone_certi .left {
  display: block;
  border-right: 1px solid #d5d5d5;
}
.phone_certi .left img {
  display: inline-block;
  float: left;
  margin: 13px 29px 0 69px;
  width: auto;
}
.phone_certi .left p {
  width: 329px;
  margin: 35px 0 20px 25%;
  font-size: 14px;
}
.phone_certi .rig {
  position: relative;
  padding: 31px 0 0 42px;
}
.phone_certi .rig p {
  margin-bottom: 10px;
}
.phone_certi .rig .label {
  display: inline-block;
  width: 86px;
  font-weight: 600;
}
.phone_certi .green,
.phone_certi .green span {
  display: inline-block;
}
.phone_certi .green button {
  display: inline-block;
  position: absolute;
  left: 336px;
  top: 30px;
  width: 98px;
  height: 65px;
  margin: 0;
}
.phone_certi .rig .btn_border {
  width: 84px;
  min-width: inherit;
  padding: 0;
}
.phone_certi .number1 {
  width: 199px;
}
.phone_certi .number2 {
  width: 111px;
}

.register_certi {
  padding: 10px 0;
  border-top: 2px solid #3c3c3c;
  border-bottom: 1px solid #3c3c3c;
  font-size: 0;
  background: #fafafa;
}
.register_certi > a {
  display: inline-block;
  width: 33.333%;
  padding: 20px;
  font-size: 0;
}
.register_certi a.cert_pin {
  background: url('/asset26/images/common/new_img/login_icon25.png') no-repeat center center;
  background-size: 187px;
}
.register_certi a.cert_gongin {
  background: url('/asset26/images/common/new_img/login_icon26.png') no-repeat center center;
  background-size: 187px;
}
.register_certi a.cert_phone {
  background: url('/asset26/images/common/new_img/login_icon27.png') no-repeat center center;
  background-size: 187px;
}
.register_certi > div {
  position: relative;
  float: left;
  width: 50%;
  height: 120px;
  min-height: inherit;
  padding: 15px 3%;
  text-align: center;
}
.register_certi dl {
  position: relative;
  height: 72px;
  min-height: inherit;
  padding: 0 0 85px;
  background: url('/asset26/images/content/login_icon4.png') no-repeat center 30px;
}
.register_certi .inner_box02 dl {
  background: url('/asset26/images/content/login_icon5.png') no-repeat center 30px;
}
.register_certi .inner_box03 dl {
  background: url('/asset26/images/content/login_icon6.png') no-repeat center 30px;
}
.register_certi dl dt {
  margin-bottom: 0;
  font-weight: 600;
}
.register_certi dl dd a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  border: 0;
}

.btn_wrap .btn_r {
  background: none;
}

/* 신고하기 콘텐츠 유형 선택 */
.type_wrap {
  position: relative;
  padding: 10px;
  font-size: 0;
  background: #f2f2f2;
  border-radius: 20px;
  padding: 40px 20px;
}
.type_wrap:after {
  content: '';
  display: block;
  clear: both;
}
.type_wrap > div {
  position: relative;
  display: inline-block;
  font-size: 0;
  width: 16.666%;
}
.type_wrap .txt {
  margin-top: 77px;
}
.type_wrap .inner_wrap {
  position: relative;
  width: calc(100% - 20px);
  height: 167px;
  margin: auto;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}
.type_wrap .inner_wrap > a {
  position: absolute;
  width: 100%;
  height: calc(100% - 46px);
  text-indent: -99999px;
}
.type_wrap .inner_wrap dl {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 1;
}
.type_wrap .inner_wrap dl dt {
  padding: 4px 0 18px 0;
}
.type_wrap .inner_wrap dl dt a {
  display: inline-block;
  padding-right: 31px;
  height: 24px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 200;
  background: url('/images/common/icon/icon_question_n.png') no-repeat right center;
}
.type_wrap .inner_wrap.on dl dt a {
  color: #fff;
  background-image: url('/images/common/icon/icon_question_n_on.png');
}
.type_wrap .inner_wrap dl dd {
  display: none;
  position: absolute;
  left: 0;
  top: -100px;
  width: 100%;
  height: 90px;
  padding: 10px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  background: rgba(0, 0, 0, 0.65);
}
.type_wrap .error_type1 .inner_wrap {
  background: #fff url('/images/common/new_img/cont_type01.png') no-repeat center top;
}
.type_wrap .error_type2 .inner_wrap {
  background: #fff url('/images/common/new_img/cont_type02.png') no-repeat center top;
}
.type_wrap .error_type3 .inner_wrap {
  background: #fff url('/images/common/new_img/cont_type03.png') no-repeat center top;
}
.type_wrap .error_type4 .inner_wrap {
  background: #fff url('/images/common/new_img/cont_type04.png') no-repeat center top;
}
.type_wrap .error_type5 .inner_wrap {
  background: #fff url('/images/common/new_img/cont_type05.png') no-repeat center top;
}
.type_wrap .error_type6 .inner_wrap {
  background: #fff url('/images/common/new_img/cont_type06.png') no-repeat center top;
}
.type_wrap .error_type1 .inner_wrap.on {
  background-color: #00529c;
  background-image: url('/images/common/new_img/cont_type01_on.png');
}
.type_wrap .error_type2 .inner_wrap.on {
  background-color: #00529c;
  background-image: url('/images/common/new_img/cont_type02_on.png');
}
.type_wrap .error_type3 .inner_wrap.on {
  background-color: #00529c;
  background-image: url('/images/common/new_img/cont_type03_on.png');
}
.type_wrap .error_type4 .inner_wrap.on {
  background-color: #00529c;
  background-image: url('/images/common/new_img/cont_type04_on.png');
}
.type_wrap .error_type5 .inner_wrap.on {
  background-color: #00529c;
  background-image: url('/images/common/new_img/cont_type05_on.png');
}
.type_wrap .error_type6 .inner_wrap.on {
  background-color: #00529c;
  background-image: url('/images/common/new_img/cont_type06_on.png');
}

.tabmenu {
  position: relative;
  border: 1px solid #ccc;
  margin: 15px 0;
  text-align: center;
}
.tabmenu li {
  display: inline-block;
  text-align: center;
}
.tabmenu li img {
  width: 18px;
  vertical-align: middle;
}
.tabmenu li a {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 80px;
  height: 80px;
  color: #777;
  padding: 0 20px;
  margin: 0 5px;
}
.tabmenu li.on a {
  color: #0083cb;
  font-weight: 600;
}
.tabmenu li.on a:before {
  position: absolute;
  display: block;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #0083cb;
}

.faq {
  display: none;
  margin-top: 20px;
  border-top: 1px solid #eee;
}
.faq .question {
  padding: 0 20px;
  border-bottom: 1px solid #eee;
  color: #555;
}
.faq .question .q a {
  position: relative;
  display: block;
  padding: 15px 35px;
  background: url('/asset26/images/common/icon/faq_arrow_off.png') no-repeat right center/10px;
}
.faq .question .q a:before {
  position: absolute;
  display: inline-block;
  content: 'Q';
  top: 15px;
  left: 0;
  width: 24px;
  height: 24px;
  background-color: #0083cb;
  color: #fff;
  border-radius: 12px;
  font-weight: 600;
  text-align: center;
}
.faq .question .q.on a {
  background-image: url('/asset26/images/common/icon/faq_arrow_on.png');
}
.faq .answer {
  display: none;
  padding: 0 20px;
  border-bottom: 1px solid #eee;
  background: #eee;
}
.faq .answer .a {
  position: relative;
  padding: 15px 0 15px 35px;
  letter-spacing: -1px;
}

.total_search p {
  margin-top: 50px;
  font-weight: 600;
  font-size: 18px;
}
.total_search p strong {
  color: #3270b0;
}
.total_search .box {
  margin-top: 15px;
  padding: 25px 0 26px;
  text-align: center;
  border: 1px solid #d5d5d5;
  background: #f8f8f8;
}
.total_search input[type~='search'] {
  width: 508px;
}
.total_search button {
  width: 45px;
  min-width: inherit;
  padding: 0;
}
.total_result h2 {
  margin: 50px 0 20px;
  font-size: 14px;
}
.total_result ul {
  border-top: 2px solid #3270b0;
}
.total_result ul li {
  border-bottom: 1px solid #d5d5d5;
}
.total_result ul li h3 {
  margin: 20px 0;
}
.total_result ul li span {
  display: block;
  margin: 20px 0;
}

.layer_box {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 8100;
  width: 513px;
  height: 208px;
  margin: auto;
  padding: 52px 50px 25px 50px;
  border: 1px solid #aaa;
  background: #f2f2f2;
}
.layer_box p {
  margin-bottom: 6px;
  text-align: left;
}
.layer_box p label {
  display: inline-block;
  width: 72px;
  font-weight: 600;
}
.layer_box input[type~='text'] {
  width: 225px;
}
.layer_box input.ju {
  width: 102px;
}
.layer_box .btn_right {
  margin-top: 30px;
  text-align: center;
}
.layer_box .btn_right .btn_border {
  width: 69px;
  padding: 0;
  min-width: inherit;
}
.layer_box .btn_wrap {
  position: absolute;
  top: 51px;
  right: 52px;
}
.layer_box .btn_wrap button {
  width: 100px;
  height: 64px;
}
.layer_box .close {
  position: absolute;
  right: 13px;
  top: 11px;
}

.layer_box2 {
  width: 407px;
  height: 107px;
  padding-top: 20px;
  text-align: center;
  background-image: url('/asset26/images/common/layer_box2.png');
}
.layer_box2 .btn_right {
  margin-top: 20px;
}
.layer_box2 strong {
  color: #252525;
}
.layer_box2 em {
  font-style: normal;
  font-weight: 600;
}

.layer_box8 {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 8100;
  width: 298px;
  height: 208px;
  margin: auto;
  padding: 40px 30px 30px;
  border: 1px solid #636363;
  background: #f8f8f8;
}
.layer_box8 p {
  margin-bottom: 10px;
}
.layer_box8 p label {
  display: inline-block;
  width: 29%;
  margin-bottom: 5px;
  font-weight: 600;
}
.layer_box8 input[type~='text'] {
  width: 69%;
}
.layer_box8 input.ju {
  width: 31.8%;
}
.layer_box8 .btn_right {
  margin-top: 15px;
  text-align: center;
}
.layer_box8 .btn_right .btn_border {
  width: 69px;
  padding: 0;
  min-width: inherit;
}
.layer_box8 .btn_wrap {
  position: static;
  top: 51px;
  right: 52px;
}
.layer_box8 .btn_wrap button {
  display: block;
  width: 100%;
  height: 35px;
}
.layer_box8 span {
  display: block;
}
.layer_box8 .close {
  position: absolute;
  right: 13px;
  top: 11px;
}
.layer_box28 {
  width: 290px;
  height: 107px;
  padding-top: 20px;
  text-align: center;
}
.layer_box28 .btn_right {
  margin-top: 20px;
}
.layer_box28 strong {
  color: #252525;
}
.layer_box28 em {
  font-style: normal;
  font-weight: 600;
}

.korea_cont {
  position: relative;
}
.korea_cont:after {
  content: '';
  display: block;
  clear: both;
}
.korea_cont li .photo {
  position: relative;
}
.korea_cont li a {
  display: block;
}
.korea_cont li .photo p {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.korea_cont li .photo p span {
  margin-right: 11px;
  padding-right: 15px;
  background: url('/asset26/images/common/icon/bullet_2.gif') no-repeat right 3px;
}
.korea_cont li .photo img {
  display: inline-block;
  max-width: 100%;
  margin-top: 0;
}
.korea_cont li .korea_text {
  display: block;
  width: 100%;
  padding: 10px 10px 20px 10px;
  font-size: 14px;
}
.korea_title {
  margin: 20px 0 30px;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
.korea_title span {
  margin-right: 13px;
  padding-right: 15px;
  background: url('/asset26/images/common/icon/bullet_3.gif') no-repeat right center;
}

.view-content {
  overflow: hidden;
  padding: 0;
}
.view-content .cont.koreanet .figcaption {
  padding: 2px 0 0 4px;
  font-size: 12px;
  color: #287cbd;
  line-height: 145%;
  display: block;
  max-width: 700px;
}
.view-content .cont.koreanet .figCenter {
  clear: both;
  display: block;
  margin: 0 auto;
  padding: 5px 0 10px 0;
}
.view-content .cont.koreanet .figLeft {
  clear: both;
  float: left;
  padding: 5px 20px 10px 0;
}
.view-content .cont.koreanet .figRight {
  float: right;
  padding: 5px 0 10px 18px;
}
.view-content .cont.koreanet {
  padding: 0;
  font-size: 14px;
  line-height: 1.5em;
  text-align: left;
  color: #000;
}
.view-content .cont.koreanet img {
  max-width: 100%;
}
.view-content .cont.koreanet div {
  -webkit-print-color-adjust: exact;
}
.view-content .cont.koreanet legend {
  -webkit-print-color-adjust: exact;
}
.view-content .cont.koreanet legend,
div {
  -webkit-print-color-adjust: exact;
}
.view-content .cont.koreanet p {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
  font-size: 14px;
}

/* 운영정책_이메일무단수집거부 */
.mail_refusal {
  width: 100%;
  margin: 30px auto 0;
  text-align: center;
}
.mail_refusal > p {
  margin: 20px 0;
}

/* 운영정책_저작권정책 */
.open_copyright > p {
  margin: 20px 0;
}
.open_copyright img {
  margin-top: 20px;
}

.bi h3 {
  margin: 0;
  font-size: 18px;
  padding: 20px 0;
}
.bi .img {
  text-align: center;
  border: 1px solid #ddd;
  background: url('/asset26/images/common/new_img/bg_line.png') top left;
}

.signiture {
  overflow: hidden;
}
.signiture dl {
  float: left;
  width: 33.3%;
  text-align: center;
  border-left: 1px solid #d5d5d5;
}
.signiture dl:first-child {
  margin-top: 0;
  border-left: 0;
}
.signiture dl.last {
  padding-left: 20px;
  text-align: left;
}
.signiture dl dt {
  margin: 0 0 50px;
  font-size: 18px;
  text-align: center;
}
.signiture dl dd p:first-child {
  margin-bottom: 75px;
}
.signiture dl dd img {
  width: auto;
}
.signiture dl.last img {
  width: 277px;
}

.supporters {
  margin-top: 50px;
}
.supporters h3 {
  margin: 50px 0 15px;
  font-size: 16px;
}
.supporters p img {
  width: auto;
}
.acter li {
  overflow: hidden;
  margin-top: 20px;
}
.acter li:first-child {
  margin-top: 20px;
}
.acter li img {
  float: left;
  width: auto;
}
.acter li dl {
  margin-left: 128px;
}
.acter li dl dt {
  margin: 10px 0 15px;
  font-weight: 600;
}
.acter li dl dd p {
  margin-bottom: 10px;
  line-height: 1.4;
}
.supporters ul li {
  margin-top: 15px;
}
.supporters p {
  line-height: 1.4;
  padding-left: 10px;
  text-indent: -10px;
}

/* 한국바로알림서비스란 */
.introduce {
  position: relative;
  margin-bottom: 40px;
}
.introduce > ul {
  margin-top: 40px;
}
.introduce > ul > li {
  position: relative;
}
.introduce > ul > li:after {
  display: block;
  clear: both;
  content: '';
}
.introduce > ul > li .txt_area {
  float: left;
  width: 50%;
}
.introduce > ul > li .txt_area h4 {
  margin-bottom: 10px;
}
.introduce > ul > li .txt_area .ex {
  position: relative;
  padding-left: 60px;
  padding-top: 10px;
}
.introduce > ul > li .txt_area .ex:before {
  position: absolute;
  display: inline-block;
  top: 10px;
  left: 0;
  content: 'ex';
  color: #fff;
  background-color: #2170af;
  background-image: linear-gradient(0deg, #2170af 10%, #4e71d4 55%, #8e5cf6 85%);
  border-radius: 20px;
  padding: 1px 15px 4px 15px;
}
.introduce > ul > li .img {
  float: right;
  overflow: hidden;
  width: calc(50% - 40px);
  border-radius: 20px;
  margin-left: 40px;
  margin-bottom: 20px;
}

.boxline_wrap {
  position: relative;
  margin-bottom: 40px;
}
.boxline_wrap > p {
  margin-bottom: 5px;
}
.boxline_wrap h4 {
  margin-bottom: 20px;
}
.boxline_inner {
  position: relative;
  margin-bottom: 20px;
  background-color: #f2f2f2;
  border-radius: 20px;
  padding: 40px 40px 0 40px;
}
.boxline_inner a {
  display: inline-block;
  width: 150px;
  height: 40px;
  margin-left: 5px;
  background: #444 url('/asset26/images/common/new_img/btn_app01.png') no-repeat 50% 50%;
  border-radius: 5px;
  text-indent: -9999px;
}
.boxline_inner a.btn_app02 {
  background-image: url('/asset26/images/common/new_img/btn_app02.png');
}
.boxline_inner a span {
  color: transparent;
  text-indent: -9999px;
}
.boxline_inner a:first-child {
  margin-left: 0;
}
.boxline_inner .boxline_img {
  text-align: center;
  margin-top: 20px;
}

.box_line.web {
  margin-bottom: 20px;
  padding: 30px 0 25px;
  border: 1px solid #d5d5d5;
}
.box_line.web ol {
  overflow: hidden;
  text-align: center;
}
.box_line.web ol li {
  display: inline-block;
  padding-left: 66px;
  background: url('/asset26/images/content/guide_arrow3.png') no-repeat 15px center;
}
.box_line.web ol li:first-child {
  padding-left: 0;
  background: none;
}
.box_line.web ol li img {
  width: auto;
}

.tit_reply {
  margin: 70px 0 57px;
  padding-bottom: 20px;
  font-size: 16px;
  border-bottom: 1px solid #d5d5d5;
}
.reply {
  padding-left: 24px;
  color: #3270b0;
  font-weight: 600;
  background: url('/asset26/images/common/icon/icon_reply.gif') no-repeat left top;
}

.reply_write {
  overflow: hidden;
  margin-top: 69px;
  padding: 20px 0 0;
  border-top: 1px solid #d5d5d5;
}
.reply_write > textarea {
  float: left;
  width: 907px;
  height: 89px;
  margin-right: 10px;
}
.reply_write .btn_reply {
  float: left;
  width: 81px;
  height: 88px;
  min-width: inherit;
  padding: 0;
}
.reply_write ul {
  clear: both;
  padding-top: 22px;
}
.reply_write ul li {
  position: relative;
  padding: 20px;
  border-top: 1px dashed #d5d5d5;
}
.reply_write ul li:first-child {
  border-top: 0;
}
.reply_write ul li textarea {
  height: 89px;
}
.reply_write ul li.bg {
  background: #f8f8f8;
}
.reply_write ul li span {
  margin-left: 12px;
  color: #7d7d7d;
}
.reply_write ul li p {
  margin-top: 12px;
}
.reply_write ul li .btn {
  position: absolute;
  right: 20px;
  top: 13px;
}
.reply_write ul li .btn_border {
  width: 44px;
  padding: 0;
  min-width: inherit;
}

.report_info {
  position: relative;
  margin: 0 0 20px;
  padding: 31px 0 11px 0;
  background: none;
  overflow: inherit;
}
.report_info > img {
  display: block;
  float: right;
  width: 27%;
  margin: 0 0 -30px -30px;
  position: absolute;
  right: 0;
}
.report_info > img.tp2 {
  margin: -120px -30px -30px -30px;
}
.report_info .rig {
  margin-right: 400px;
  background: #fff;
  padding: 20px 20px 20px 0;
  color: #555;
  font-size: 15px;
}
.report_info .rig img {
  position: absolute;
  right: 0;
  top: 0;
}
.report_info dl dt {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #0b73a3;
}
.report_info ul li {
  margin-bottom: 3px;
  padding-left: 8px;
  text-indent: -8px;
}
.subNone_cont {
  margin-top: 13px;
}
.register_certi.new_register > div {
  width: 25%;
}
.register_certi.new_register .inner_box04 dl {
  background: url('/asset26/images/content/login_icon7.png') no-repeat left top;
}

/* 이메일 주소 입력 레이어 팝업 */
.email_box,
.pwd_box {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 8100;
  width: 714px;
  height: 297px;
  margin: auto;
  padding: 20px;
  border: 0;
  background: #f2f2f2;
}
.email_cert,
.email_cert_pwd {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 8100;
  width: 714px;
  height: 297px;
  margin: auto;
  padding: 20px;
  border: 0;
  background: #f2f2f2;
}
.email_box h3,
.pwd_box h3,
.email_cert h3,
.email_cert_pwd h3 {
  margin: 0 0 15px 0;
  font-size: 18px;
  color: #252525;
}
.email_box .boxline,
.pwd_box .boxline,
.email_cert .boxline,
.email_cert_pwd .boxline {
  padding: 20px 0;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}
.email_box .txt,
.pwd_box .txt,
.email_cert .txt,
.email_cert_pwd .txt {
  padding: 10px 0 10px;
  font-size: 14px;
  color: #252525;
}
.email_cert .txt3,
.email_cert_pwd .txt3 {
  font-size: 14px;
  color: #252525;
  font-weight: 600;
  text-decoration: underline;
}
.email_box .txt2,
.pwd_box .txt2,
.email_cert .txt2,
.email_cert_pwd .txt2 {
  padding-top: 20px;
  font-size: 14px;
  color: #0075ac;
}
.email_box p label,
.pwd_box p label,
.email_cert p label,
.email_cert_pwd p label,
.email_box p label:last-of-type,
.pwd_box p label:last-of-type,
.email_cert p label:last-of-type,
.email_cert_pwd p label:last-of-type {
  float: left;
  width: 210px;
  padding-top: 0;
}
.email_box p span.space,
.pwd_box p span.space,
.email_cert p span.space,
.email_cert_pwd p span.space {
  float: left;
  width: 22px;
  margin-left: -5px;
  line-height: 30px;
  text-align: center;
}
.email_box p,
.pwd_box p,
.email_cert p,
.email_cert_pwd p {
  overflow: hidden;
}
.email_box input[type~='text'],
.pwd_box input[type~='text'],
.email_cert input[type~='text'],
.email_cert_pwd input[type~='text'] {
  width: 200px;
}
.email_box .btn_right,
.pwd_box .btn_right,
.email_cert .btn_right,
.email_cert_pwd .btn_right {
  margin-top: 30px;
  text-align: center;
}
.email_box .btn_right .btn_border,
.pwd_box .btn_right .btn_border,
.email_cert .btn_right .btn_border,
.email_cert_pwd .btn_right .btn_border {
  width: 69px;
  padding: 0;
  min-width: inherit;
}
.email_box .close,
.pwd_box .close,
.email_cert .close,
.email_cert_pwd .close {
  position: absolute;
  right: 22px;
  top: 23px;
}
.email_box p.two label,
.pwd_box p.two label,
.email_cert p.two label,
.email_cert_pwd p.two label,
.email_box p.two label:last-of-type,
.pwd_box p.two label:last-of-type,
.email_cert p.two label:last-of-type,
.email_cert_pwd p.two label:last-of-type {
  float: left;
  width: 310px;
  padding-top: 0;
}
.email_box .two input[type~='text'],
.pwd_box .two input[type~='text'],
.email_cert .two input[type~='text'],
.email_cert_pwd .two input[type~='text'] {
  width: 300px;
}
.email_box .boxline.bpt0 {
  border-top: 0;
}
.email_box .boxline.bpt0 p label {
  float: left;
  width: 47%;
  padding-top: 0;
}
.email_cert .boxline.bpt0 {
  border-top: 0;
}
.email_cert.eng .btn_wrap.blue button {
  padding: 0 10px;
}
.email_cert.eng .btn_wrap.white button {
  padding: 0 10px;
}
.email_cert.eng {
  height: 300px;
}

.cont_width.new_box .korea_text {
  position: relative;
}
.cont_width.new_box .korea_cont li .txt {
  margin-top: 20px;
}
.cont_width.new_box .korea_text span.end {
  min-width: 70px;
  display: inline-block;
  text-align: center;
  padding: 2px 5px;
  background: #7f7f7f;
  font-size: 12px;
  color: #fff;
}
.cont_width.new_box .korea_text span.ing {
  min-width: 70px;
  display: inline-block;
  text-align: center;
  padding: 2px 5px;
  background: #0070c0;
  font-size: 12px;
  color: #fff;
}
.cont_width.new_box .korea_text .big span {
  font-weight: 600;
  font-size: 14px;
  padding: 3px 5px;
}
.cont_width.new_box .korea_text .big span.ing {
  background: #0070c0;
}
.cont_width.new_box .korea_text .big span.act {
  background: #0557a1;
}
.cont_width.new_box .korea_text .big span.suc {
  background: #77ab3c;
}

.cont_width.new_box .korea_text2 {
  position: relative;
  display: block;
  margin: 10px 0;
}
.cont_width.new_box .korea_text2 .tit {
  font-weight: 700;
  color: #3270b0;
  padding-bottom: 10px;
}
.cont_width.new_box .korea_text2 .date {
  padding-top: 10px;
  color: #666;
}

.korea_cont.photo_list {
  overflow: hidden;
}
.korea_cont.photo_list .korea_text {
  display: none;
}
.korea_cont.photo_list li {
  float: left;
  width: 50%;
}
.korea_cont.photo_list li:nth-child(even) {
  float: right;
}
.korea_cont.photo_list li .photo {
  float: none;
  width: 98%;
}
.korea_cont.photo_list li:nth-child(even) .photo {
  float: right;
}

.korea_cont.board_list {
  overflow: hidden;
  margin: -10px -12px;
}
.korea_cont.board_list .photo {
  display: none;
}
.korea_cont.board_list li .korea_text {
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.korea_cont.board_list li:first-of-type .korea_text {
  margin-top: 30px;
}
.cont_width.new_box .view-content {
  margin-top: 20px;
}

.cont_width.new_box .korea_cont.new_cont li {
  width: 33.333%;
  float: left;
}
.cont_width.new_box .korea_cont.new_cont li > div {
  max-width: 400px;
  border: 1px solid #d5d5d5;
  margin: 20px;
}
.cont_width.new_box .korea_cont li .photo {
  overflow: hidden;
  height: 170px;
}

.new_box .btn_rg {
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
.new_box .btn_rg a {
  display: inline-block;
  width: 48%;
  min-width: 80px;
  padding: 5px 20px;
  color: #aaa;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #bbb;
  background-color: #ccc;
}
.new_box .btn_rg a.on {
  color: #fff;
  border: 1px solid #185b94;
  background-color: #3270b0;
}
.new_box .btn_rg.big a.support.on {
  background-color: #77ab3c;
  border: 1px solid #609425;
}
.new_box .btn_rg.big a.result.on {
  background-color: #ff6600;
  border: 1px solid #d25400;
}

.certi_box {
  margin: 100px auto;
  width: 700px;
  border: 1px solid #ddd;
  padding: 20px;
  background: #fff;
}
.certi_box p {
  text-align: center;
  font-size: 18px;
  padding: 140px 0 30px 0;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  line-height: 24px;
  background: url('/asset26/images/common/ico_sert_ok.png') no-repeat center 20px;
}
.certi_box.fail p {
  background: url('/asset26/images/common/ico_sert_fail.png') no-repeat center 20px;
}

.no_date {
  padding: 20px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 0;
  background: none;
  font-weight: normal;
  color: #454545;
}
.ui-datepicker-trigger {
  width: 20px;
  margin-left: 4px;
  margin-top: 5px;
}
.p_date {
  padding: 10px 0;
}

.monitor_support .s_tit {
  font-size: 20px;
  color: #252525;
  overflow: hidden;
  font-weight: 600;
  padding: 10px 0;
}
.monitor_support .s_tit .required {
  float: right;
  margin-bottom: 0;
}
.monitor_support .s_tit em {
  color: #3270b0;
  font-style: normal;
  font-size: 14px;
}
.monitor_support .s_txt {
  padding: 20px 0;
  border-top: 1px solid #d5d5d5;
  color: #0075ac;
}
.monitor_support .inpt_box {
  position: relative;
}
.monitor_support .pl126 {
  padding-left: 126px;
}
.monitor_support .ph_box {
  position: absolute;
  top: 0;
  left: 0;
}
.monitor_support .ph_box .img_photo {
  position: relative;
  width: 106px;
  height: 110px;
  text-align: center;
  border: 1px solid #d5d5d5;
  background: #f8f8f8;
}
.monitor_support .ph_box .img_photo span.txt {
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -27px;
}
.monitor_support .ph_box .img_photo img {
  position: relative;
  width: 100%;
}
.monitor_support .ph_box .img_photo .none {
  display: none;
}
.monitor_support .ph_box .sta-fileinput-btn-add {
  margin-top: 10px;
  border: 0;
  border-radius: 0;
  width: 106px;
}
.monitor_support .ph_box .sta-multifile-upload-list div.MultiFile-label {
  padding: 0;
  position: relative;
}
.monitor_support .ph_box .sta-multifile-upload-list {
  padding: 0;
}
.sta-multifile-upload-list div.MultiFile-label a.MultiFile-remove {
  position: absolute;
  left: 0;
  right: 0; /* bottom:-50px; */
}
.monitor_support .ph_box a,
.monitor_support .ph_box .sta-fileinput-btn input[type='file'] {
  display: block;
  width: 100%;
  margin-top: 10px;
  border: 0;
  background: #5cb85c;
  font-size: 14px;
  text-align: center;
  color: #fff;
  line-height: 30px;
}
.monitor_support .tb1 {
  border-top: 2px solid #3b84dc;
}
.monitor_support .tb1 th,
.monitor_support .tb1 td {
  padding: 15px 10px;
  border-bottom: 1px solid #d5d5d5;
  vertical-align: middle;
  color: #777;
}
.monitor_support .tb1 th {
  color: #222;
  background: #f4f5fb;
  font-weight: normal;
  text-align: left;
}
.monitor_support .tb1 th .required {
  color: #ec3f4d;
}
.monitor_support .tb1 th.monitor {
  text-align: center;
  background: #e4e4e4;
  padding: 10px;
  font-weight: 600;
}
.monitor_support .tb1 td label {
  margin-right: 20px;
}
.monitor_support .tb1 .pd5 input {
  margin: 10px 0;
}
.monitor_support .tb1 .input_area {
  line-height: 27px;
}
.monitor_support .tb1 .input_address {
  display: block;
  margin-top: 5px;
  width: 100%;
}
.monitor_support .tb1 .w100 {
  width: 100%;
  line-height: 26px;
  box-sizing: border-box;
}
.monitor_support .inpt_box h4 {
  margin-bottom: 10px;
  font-size: 16px;
  color: #252525;
}
.monitor_support .inpt_box h4 em {
  font-style: normal;
}
.monitor_support .inpt_box .tit2 {
  padding-bottom: 10px;
  margin-top: -5px;
}
.monitor_support .inpt_box .required {
  color: #ec3f4d;
}
.monitor_support .inpt_box .ph_box .sta-fileinput-btn-add {
  border-radius: 3px;
  background-color: #3b84dc;
}
.monitor_support .tb2 {
  border-top: 2px solid #3270b0;
}
.monitor_support .tb2 thead th {
  padding: 15px 0;
  color: #252525;
  background: #f8f8f8;
  border-bottom: 1px solid #d5d5d5;
  vertical-align: middle;
}
.monitor_support .tb2 tbody td {
  padding: 15px 5px;
  border-bottom: 1px solid #d5d5d5;
  font-size: 14px;
  color: #252525;
}
.monitor_support .tb2 .w100 {
  display: block;
  width: 100%;
  line-height: 26px;
}
.monitor_support .tb2 .at {
  display: block;
  width: auto;
  line-height: 26px;
  vertical-align: middle;
}
.monitor_support .mt30 {
  margin-top: 30px !important;
}
.monitor_support .hasDatepicker {
  width: 120px;
}
.monitor_support .input_area {
  display: inline-block;
  vertical-align: super;
}
.monitor_support .none {
  display: none;
}
.monitor_support .textarea {
  position: relative;
  padding-top: 20px;
  margin-top: -10px;
}
.monitor_support .textarea span.num {
  position: absolute;
  top: 0;
  right: 0;
}
.monitor_support .textarea span.num em {
  color: #0075ac;
  font-style: normal;
}
.monitor_support .textarea textarea {
  height: 170px;
  padding: 10px;
}
.monitor_support .person_info {
  padding: 20px;
  border-top: 1px solid #bdbdbd;
  border-bottom: 1px solid #bdbdbd;
  background: #f8f8f8;
}
.monitor_support .person_info dt {
  padding: 15px 0 5px;
  font-weight: 700;
}
.monitor_support .comp {
  margin-top: 40px;
  padding: 320px 0 20px;
  font-size: 20px;
  color: #252525;
  font-weight: 600;
  text-align: center;
  background: url('/asset26/images/common/join_end_new.png') no-repeat center top;
}
.monitor_support .comp_txt {
  padding: 10px 0 5px;
  font-size: 14px;
  color: #3270b0;
  font-weight: 400;
  text-align: center;
}

.monitor_preview {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 8100;
  width: 950px;
  height: 750px;
  margin: auto;
  padding: 20px;
  border: 0;
  background: #fff;
  border: 1px solid #777;
}
.monitor_preview h3 {
  margin: 0 0 15px 0;
  font-size: 18px;
  color: #252525;
}
.monitor_preview .boxline {
  padding: 20px 0;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #d5d5d5;
}
.monitor_preview .txt {
  padding: 20px 0 10px;
  font-size: 14px;
  color: #252525;
}
.monitor_preview .txt2 {
  padding-top: 20px;
  font-size: 14px;
  color: #0075ac;
}
.monitor_preview p label,
.monitor_preview p label:last-of-type {
  float: left;
  width: 210px;
  padding-top: 0;
}
.monitor_preview p span.space {
  float: left;
  width: 22px;
  margin-left: -5px;
  line-height: 30px;
  text-align: center;
}
.monitor_preview p {
  overflow: hidden;
}
.monitor_preview input[type~='text'] {
  width: 200px;
}
.monitor_preview .btn_right {
  margin-top: 30px;
  text-align: center;
}
.monitor_preview .btn_right .btn_border {
  width: 69px;
  padding: 0;
  min-width: inherit;
}
.monitor_preview .close {
  position: absolute;
  right: 22px;
  top: 23px;
}

.preview_box .pl126 {
  padding-left: 126px;
}
.preview_box .ph_box {
  position: absolute;
  top: 0;
  left: 0;
}
.preview_box .ph_box .img_photo {
  position: relative;
  width: 106px;
  height: auto;
  padding: 0;
  overflow: hidden;
  text-align: center;
  border: 1px solid #d5d5d5;
  background: #fff;
}
.preview_box .ph_box .img_photo span {
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -18px;
}
.preview_box .ph_box .img_photo img {
  position: relative;
  width: 100%;
  height: auto;
}
.preview_box.boxline {
  overflow: hidden;
  height: 83%;
  padding-right: 10px;
  overflow-y: auto;
  margin-right: -15px;
  line-height: 24px;
}
.preview_box .tb1 {
  border-top: 1px solid #d5d5d5;
  background: #fff;
}
.preview_box .tb1 th {
  color: #252525;
  background: #ececf1;
  font-weight: normal;
  text-align: left;
}
.preview_box .tb1 th,
.preview_box .tb1 td {
  padding: 12px 10px;
  border-bottom: 1px solid #d5d5d5;
  vertical-align: middle;
}
.preview_box .tb1 label {
  margin-right: 20px;
}
.preview_box .tb1 .input_area {
  line-height: 27px;
}
.preview_box .tb1 .input_address {
  display: block;
  margin-top: 5px;
  width: 100%;
}
.preview_box .inpt_box {
  position: relative;
}
.preview_box .inpt_box h4 {
  padding-bottom: 10px;
  margin: 0;
  font-size: 16px;
  color: #252525;
}
.preview_box .inpt_box .tit2 {
  padding-bottom: 10px;
  margin-top: -5px;
}
.preview_box .tb2 {
  border-top: 2px solid #3270b0;
  background: #fff;
}
.preview_box .tb2 thead th {
  padding: 12px 0;
  color: #252525;
  background: #f8f8f8;
  border-bottom: 1px solid #d5d5d5;
}
.preview_box .tb2 tbody td {
  padding: 12px 5px;
  border-bottom: 1px solid #d5d5d5;
  font-size: 14px;
  color: #252525;
  text-align: center;
}
.preview_box .tb2 tbody td.lft {
  text-align: left;
}
.preview_box .mt30 {
  margin-top: 30px !important;
}
.preview_box .textarea {
  position: relative;
  padding: 20px;
  border-top: 2px solid #3270b0;
  border-bottom: 1px solid #d5d5d5;
  background: #fff;
  line-height: 20px;
}
.preview_box .textarea textarea {
  height: 100%;
  background: #fff;
  padding-right: 10px;
}
.preview_box .tb1 input,
.preview_box .tb2 input {
  width: 100%;
}
.preview_box .new_tb2 tbody td {
  border-left: 1px solid #d5d5d5;
}
.preview_box .new_tb2 tbody td:first-child {
  border-left: 0;
}
.preview_box .new_tb2 tbody td input {
  text-align: center;
}
.preview_box .new_tb2 tbody td input.lft {
  text-align: left;
}
input[type~='text'].disa:disabled {
  color: #666;
  background: #f2f2f2;
}

.layer_fix3 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 8000;
}
.layer_fix3:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #000;
  opacity: 0.7;
}
.layer_fix3 div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -150px;
  width: 300px;
  height: 300px;
  background: url('/asset26/images/common/giphy.gif') no-repeat center 20%;
  background-size: 100px;
}
.layer_fix3 div p {
  padding-top: 150px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  font-weight: 600;
}

.login03 {
  overflow: hidden;
  padding-top: 10px;
}
.login03 div {
  position: relative;
  float: left;
  width: 20%;
  min-height: inherit;
  padding: 10px 0;
  text-align: left;
  border-top: 0;
}
.login03 dl {
  height: 44px;
  max-width: 187px;
  margin: auto;
}
.login03 div dl {
  position: relative;
  min-height: inherit;
  padding: 0;
}
.login03 dl dt {
  margin: 0;
  padding: 15px 0 0 65px;
  font-weight: 600;
  text-indent: -9999px;
  font-size: 0;
}
.login03 dl dd a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  border: 0;
  background: none;
}
.login03 .box01 dl {
  background: url('/asset26/images/content/login_icon20.png') no-repeat center top;
  background-size: 187px;
}
.login03 .box02 dl {
  background: url('/asset26/images/content/login_icon21.png') no-repeat center top;
  background-size: 187px;
}
.login03 .box03 dl {
  background: url('/asset26/images/content/login_icon22.png') no-repeat center top;
  background-size: 187px;
}
.login03 .box04 dl {
  background: url('/asset26/images/content/login_icon23.png') no-repeat center top;
  background-size: 187px;
}
.login03 .box05 dl {
  background: url('/asset26/images/content/login_icon24.png') no-repeat center top;
  background-size: 187px;
}
.login03.space div {
  width: 25%;
}

.agree_checkbox {
  text-align: center;
  float: right;
}
.agree_checkbox label {
  font-size: 16px;
  color: #000;
  font-weight: 600;
}

.cmt_box .all_number {
  position: relative;
  padding: 5px 0;
  margin-top: 30px;
  font-weight: 600;
}
.cmt_box .all_number span {
  color: #f26522;
}
.cmt_box .cmt_btng {
  position: absolute;
  top: 0;
  right: 0;
}
.cmt_box .cmt_btng02 {
  margin-left: 10px;
}
.cmt_box .btn_upload {
  display: inline-block;
  border: 1px solid #3270b0;
  color: #3270b0;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
}
.cmt_box ul {
  border-top: 1px solid #dbdbdb;
  margin-top: 10px;
}
.cmt_box li {
  background: #f2f2f2;
  border-bottom: 1px solid #dbdbdb;
  padding: 15px 20px;
}
.cmt_box li.admin {
  background: #fff;
}
.cmt_box li div {
  position: relative;
}
.cmt_box li div .cmt_name {
  color: #69348c;
  font-weight: 600;
  margin-right: 10px;
}
.cmt_box li.admin div .cmt_name {
  color: #0557a1;
}
.cmt_box li div .cmt_data {
  font-size: 13px;
  color: #666;
  margin-right: 5px;
}
.cmt_box li div .cmt_new {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #fff;
  background: #f26522;
  text-align: center;
  border-radius: 50%;
}
.cmt_box li div .adm_name {
  margin-left: 20px;
}
.cmt_box li div .adm_name span {
  font-weight: 600;
  color: #49760f;
}
.cmt_box li .btn_option {
  display: block;
  width: 20px;
  height: 20px;
  color: transparent;
  background: url(/asset26/images/common/new_img/btn_cmt.png) no-repeat 50% 50%;
  font-size: 0;
  text-indent: -9999px;
}
.cmt_box li div .cmt_btngbox {
  display: none;
  position: absolute;
  background: #fff;
  border: 1px solid #dbdbdb;
  width: 100px;
  padding: 10px;
  top: 30px;
  right: 0;
  z-index: 1;
}
.cmt_box li div .cmt_btngbox a {
  display: block;
  border: 1px solid #666;
  padding: 2px 0;
  font-size: 12px;
  text-align: center;
}
.cmt_box li div .cmt_btngbox a:hover {
  background: #f2f2f2;
}
.cmt_box li div .cmt_cont {
  margin-top: 10px;
}
.cmt_box .cmt_file {
  font-size: 14px;
  border-top: 1px solid #dbdbdb;
  margin-top: 10px;
  padding-top: 10px;
}
.cmt_box .cmt_file a:hover {
  text-decoration: underline;
}
.cmt_box .icon_fix {
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  background: #3270b0 url(/asset26/images/common/new_img/icon_fix.png) no-repeat 50% 50%;
  border-radius: 50%;
  font-size: 0;
  bottom: 0;
  right: 0;
}

.help_box {
  margin-top: 20px;
  border: 1px solid #bacbdc;
  background: #f5faff;
  padding: 20px;
}
.help_box .title {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}
.help_box ul > li {
  padding: 2px 0;
}
.help_box ul ol {
  margin-left: 20px;
}
.help_box ul ol li {
  font-size: 14px;
  color: #666;
}
.help_box .smp_txt {
  margin-left: 20px;
  font-size: 14px;
  color: #666;
}

/* 게시판_search */
.fdiv:after {
  content: '';
  display: block;
  clear: both;
}
.fdiv .total {
  float: left;
  margin-top: 8px;
}
.total .t_number {
  font-weight: 600;
}
.total .r_page {
  font-weight: 600;
  color: #f26522;
}
.fdiv .board_search {
  float: right;
}
.fdiv .board_search select {
  border-color: #aaa;
  height: 38px;
}
.fdiv .search_box {
  display: inline-block;
}
.fdiv .search_box input {
  height: 38px;
  border: 2px solid #444;
}
.fdiv .search_box button {
  min-width: inherit;
  height: 38px;
  background-color: #444;
  border-radius: inherit;
  color: #fff;
  padding: 0 12px;
}

/* 나의 신고현황_table */
.table_col3 {
  table-layout: fixed;
  margin-top: 15px;
  border-top: 2px solid #3270b0;
}
.table_col3 .t-col01 {
  width: 8%;
}
.table_col3 .t-col02 {
  width: 10%;
}
.table_col3 .t-col03 {
  width: 45%;
}
.table_col3 .t-col04 {
  width: 10%;
}
.table_col3 .t-col05 {
  width: 10%;
}
.table_col3 .t-col06 {
  width: 12%;
}
.table_col3 thead th {
  padding: 15px 0;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e7e7e7;
}
.table_col3 tr td {
  padding: 15px 0;
  border-bottom: 1px solid #e7e7e7;
  text-align: center;
}
.table_col3 tr td .td_cont {
  display: none;
}
.table_col3 .subject {
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: left;
}
.table_col3 .subject .td_title {
  width: 100%;
}
.table_col3 .subject a {
  max-width: calc(100% - 40px);
  padding-left: 10px;
  display: inline-block;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table_col3 .subject a span.cmt_number {
  font-weight: 600;
  color: #f26522;
}
.table_col3 .subject a span.cmt_number .new {
  display: inline-block;
  font-size: 11px;
  color: #fff;
  background-color: #f26522;
  width: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}

.report_step {
  position: relative;
  width: 100%;
  background-color: #f2f2f2;
  border-radius: 10px;
  font-size: 0;
  margin-bottom: 20px;
}
.report_step:before {
  position: absolute;
  display: block;
  content: '';
  top: 55px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #ccc;
  z-index: 0;
}
.report_step li {
  position: relative;
  display: inline-block;
  width: 20%;
  padding: 30px 0;
  text-align: center;
  font-size: 18px;
  vertical-align: top;
  z-index: 1;
}
.report_step li:after {
  display: block;
  clear: both;
  content: '';
}
.report_step.step03 li {
  width: 33.33%;
}
.report_step li span {
  display: block;
}
.report_step li .step_num {
  margin: 0 auto;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  margin-bottom: 20px;
  background-color: #444;
  color: #fff;
}
.report_step li.active .step_num {
  background-color: #0083cb;
}

.btn_ymb {
  display: inline-block;
  width: 38px;
  height: 38px;
  color: transparent;
  background: url('/asset26/images/common/icon/icon_cal.png') no-repeat 50% 50%;
  border: 1px solid #444;
  text-indent: -9999px;
}
.btn_dblue {
  background: #233247;
  color: #fff !important;
  border-radius: 5px;
  padding: 4px 10px;
  margin-left: 10px;
}
.txt_re {
  color: #ec3f4d;
}
.d_none {
  display: none;
}

/* 좋아요 20201208 */
.btn_wrap02 {
  position: relative;
  margin-top: 20px;
}
.btn_wrap02:after {
  content: '';
  display: block;
  clear: both;
}
.btn_wrap02 .ftl {
  float: left;
}
.btn_wrap02 .ftr {
  float: right;
}
.btn_wrap02 .blue a,
.btn_wrap02 .blue button {
  display: inline-block;
  min-width: 80px;
  padding: 10px 30px;
  color: #fff;
  text-align: center;
  background-color: #3270b0;
  border-radius: 3px;
}
.fine {
  display: inline-block;
  border: 1px solid #ccc;
}
.btn_fine_icon {
  content: '';
  display: inline-block;
  width: 28px !important;
  height: 28px;
  font-size: 0 !important;
  background: #fff url(/asset26/images/common/new_img/icon_fine_off.png) no-repeat center center;
  vertical-align: top;
}
.btn_fine_icon.on {
  background: #fff url(/asset26/images/common/new_img/icon_fine_on.png) no-repeat center center;
}
.btn_fine {
  display: inline-block;
  padding: 0 8px;
  height: 28px;
  line-height: 28px;
  border-left: 1px solid #ccc;
  color: #555 !important;
  background-color: #fff;
}
.btn_fine em {
  font-style: inherit;
}

.fine_tooltip {
  display: none;
  position: absolute !important;
  min-width: 200px;
  max-width: 620px;
  padding: 10px;
  border-radius: 5px;
  bottom: 40px;
  left: 0;
  background: #333;
  color: #fff;
}
.fine_tooltip.tip02 {
  bottom: 52px;
}
.fine_tooltip.on {
  display: block;
}
.fine_tooltip:before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  bottom: -5px;
  background-color: #333;
  left: 30px;
  transform: rotate(45deg);
}
.fine_tooltip ul {
  position: relative;
  border: none;
  margin: 0;
}
.fine_tooltip ul:after {
  content: '';
  display: block;
  clear: both;
}
.fine_tooltip ul li {
  float: left;
  width: 200px;
  background: transparent;
  border: none;
  padding: 5px;
}

.m_h2,
.txt_show {
  display: none;
}

.agency_cont ul {
  position: relative;
}
.agency_cont ul:after {
  display: block;
  clear: both;
  content: '';
}
.agency_cont ul > li {
  float: left;
  width: 50%;
  padding: 0 10px 40px 10px;
  text-align: center;
}
.agency_cont ul > li .cont_img {
  position: relative;
}
.agency_cont ul > li .cont_img img {
  overflow: hidden;
  border-radius: 20px;
}
.agency_cont ul > li .cont_img .title {
  position: absolute;
  top: 20px;
  left: 40px;
  font-size: 20px;
  font-weight: 600;
}
.agency_cont ul > li .cont_img .tit_w {
  color: #fff;
}
.agency_cont ul > li .cont_img .tit_r {
  left: calc(50% + 40px);
}
.cont_link {
  margin-top: 10px;
}
.cont_link a {
  display: inline-block;
  width: calc(33.33% - 10px);
  padding: 8px 10px;
  border: 1px solid #d5d5d5;
  text-align: center;
  margin-top: 4px;
  margin-left: 4px;
}
.cont_link a:first-child {
  margin-left: 0;
}

/* 2026_오류사례 */
.view-content .cont.cases {
  padding: 30px 50px;
  color: #333;
  text-align: left;
}
.cases h3 {
  margin: 0 0 30px 0;
  font-size: 24px;
}
.cases h4 {
  position: relative;
  color: #1662af;
  margin: 20px 0;
  padding-left: 12px;
}
.cases h4:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: calc(50% - 4px);
  left: 0;
  width: 0;
  height: 0;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #1662af;
  border-style: solid;
}
.cases .title {
  margin-bottom: 10px;
  font-weight: 600;
}
.cases div + .title {
  margin-top: 20px;
}
.cases .sub_title {
  margin-bottom: 5px;
  font-weight: 600;
}
.cases .cases_list01 {
  margin-bottom: 20px;
}
.cases .cases_list01 ul {
  margin-bottom: 10px;
}
.cases .cases_list01 li {
  position: relative;
  padding: 4px 0 4px 10px;
}
.cases .cases_list01 li:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: 12px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: #333;
}
.cases .cases_list01 li li {
  padding-left: 14px;
}
.cases .cases_list01 li li:before {
  width: 6px;
  height: 1px;
  border-radius: none;
}
.cases .cases_list01.list_img {
  display: flex;
  justify-content: space-between;
}
.cases .cases_list01.list_img li.img {
  flex-shrink: 0;
  width: 180px;
  padding: 0;
  text-align: right;
}
.cases .cases_list01.list_img li.img:before {
  display: none;
}
.cases .cases_list01.list_img li img {
  display: inline-block;
  width: 80px;
}
.cases .cases_list02 {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(3, 1fr);
  margin: 10px 0;
}
.cases .cases_list02 + .title {
  margin-top: 20px;
}
.cases .add_txt + .title {
  margin-top: 20px;
}
.cases .cases_list02 li {
  padding: 8px;
  background: #f2f2f2;
  font-weight: 600;
  text-align: center;
}
.cases .cases_list02 li.bg_cases01 {
  background: #e7e7e7;
}
.cases .cases_list02 li.bg_cases02 {
  background: #dcdcdc;
}
.cases .cases_line {
  text-decoration: 4px line-through solid rgba(255, 0, 0, 0.2);
}
.cases .cases_imgcont {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 10px;
}
.cases .cases_imgcont .img {
  height: 240px;
}
.cases .cases_imgcont .img > img {
  width: 100%;
  height: 100%;
}
.cases .cases_imgcont.ccont01 {
  display: inherit;
}
.cases .cases_imgcont.ccont02 {
  grid-template-columns: repeat(2, 1fr);
}
.cases .cases_imgcont.ccont03 {
  grid-template-columns: repeat(3, 1fr);
}
.cases .cases_imgcont.ccont01 .img {
  width: 100%;
  height: auto;
}

.cases .cases_mncont {
  margin-top: 10px;
  padding: 20px;
  border-radius: 10px;
  background-color: #eff6ff;
}
.cases .cases_mncont .cases_list01 {
  margin-bottom: 10px;
}
.cases .cases_mncont .cas_table {
  margin-bottom: 0;
}
.cases .cases_mncont02 {
  margin: 10px 10px 0 0;
  padding: 20px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 50, 113, 0.2);
}
.cases .cases_mncont02 .cont {
  position: relative;
  padding-left: 20px;
  font-size: 18px;
}
.cases .cases_mncont02 .cont:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: 4px;
  left: 0;
  width: 0;
  height: 0;
  border-width: 8px 0 8px 12px;
  border-color: transparent transparent transparent #d2d2d2;
  border-style: solid;
}
.cases .cases_sbcont {
  margin: 10px 0 20px 0;
  padding: 10px 20px;
  border-radius: 4px;
  background: #f2f2f2;
}
.cases .sb_cont02 > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.cases .sb_cont02 > div span {
  display: inline-block;
  min-width: 120px;
  margin-right: 20px;
  font-weight: 600;
}
.cases .sb_cont02 .icon_arrow {
  position: relative;
  width: 70px;
  flex-shrink: 0;
  padding-left: 20px;
  font-weight: 600;
}
.cases .sb_cont02 .icon_arrow:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: 4px;
  left: 0;
  width: 0;
  height: 0;
  border-width: 8px 0 8px 12px;
  border-color: transparent transparent transparent #699dd1;
  border-style: solid;
}
.cases .img_title {
  padding: 10px;
  background: #f2f2f2;
  text-align: center;
  font-weight: 600;
}
.cases .add_txt {
  font-size: 14px;
  color: #727272;
  display: block;
}
.cas_table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 10px 0 20px 0;
  border-top: 1px solid #222;
}
.cas_table th {
  background: #f2f2f2;
  text-align: center;
}
.cas_table th,
.cas_table td {
  padding: 10px;
  border-bottom: 1px solid #d2d2d2;
}
.cas_table tbody th {
  width: 20%;
}
.cas_table tbody td {
  background: #fff;
}
.cas_table tbody td:first-child {
  word-break: keep-all;
}
.cases_info {
  padding: 12px 20px;
  border-width: 2px 0;
  border-color: #e2e2e2;
  border-style: solid;
  text-align: right;
}
.txt_cn {
  text-align: center;
}

/* Desktop Device */
@media screen and (min-width: 1000px) {
  .cont_width.new_box hr.line {
    margin: 11px 0;
  }
  .cont_width.new_box .tit1 {
    position: relative;
  }
  .cont_width.new_box .tit1 .country {
    position: absolute;
    right: 0;
    top: 0;
  }
  .cont_width.new_box .tit1 .country a {
    float: left;
    padding: 5px 8px;
    font-size: 14px;
    color: #252525;
    font-weight: 400;
    border: 1px solid #d5d5d5;
    border-left: 0;
    background: #fff;
  }
  .cont_width.new_box .tit1 .country a.active {
    color: #fff;
    border: 1px solid #8b8b8b;
    background: #8b8b8b;
  }
  .cont_width.new_box .tit1 .country a:first-of-type {
    border-left: 1px solid #d5d5d5;
  }
  .cont_width.new_box .tit1 .country a.active:first-of-type {
    border-left: 1px solid #8b8b8b;
  }

  .cont_width.new_box .banner {
    height: 100px;
    background: #f8f8f8;
    border: 1px solid #d5d5d5;
  }
  .cont_width.new_box .banner a {
    display: block;
    height: 100%;
    text-align: center;
  }

  .judge_box {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 8100;
    width: 950px;
    height: 750px;
    margin: auto;
    padding: 20px;
    border: 0;
    background: url('/asset26/images/common/layer_box4.png') no-repeat left top;
  }
  .judge_box h3 {
    margin: 0 0 15px 0;
    font-size: 18px;
    color: #252525;
  }
  .judge_box .boxline {
    padding: 0 0 20px 0;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
  }
  .judge_box .btn_right {
    margin-top: 30px;
    text-align: center;
  }
  .judge_box .btn_right .btn_border {
    width: 69px;
    padding: 0;
    min-width: inherit;
  }
  .judge_box .close {
    position: absolute;
    right: 22px;
    top: 23px;
  }
}

@media screen and (max-width: 1200px) {
  /* 신고하기&신고절차 */
  .step {
    padding: 20px;
  }

  .agency_cont ul > li .cont_img img {
    width: 100%;
  }
  .cont_link a img {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  hr.line {
    margin: 30px 0;
  }
  hr.line2 {
    margin: 30px 0 30px;
  }

  /* 신고하기&신고절차 */
  .step ul {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .step ul li {
    width: calc((100% - 80px) / 2);
  }
  .request_cont {
    flex-direction: column;
  }
  .request_cont li {
    width: 100%;
  }
  .login_type {
    flex-direction: column;
  }

  /* 회원가입 유형 */
  .join_type .join_box {
    height: 350px;
  }
  
  /*신고하기 스텝 로그인 스타일*/
  .step.live ul {
  	gap: 20px 40px;
  }
  .step.live ul li {  
	width: calc((100% - 120px) / 4);
  }
  .step.live ul li .step_title {
	padding: 20px 10px;
	font-size: 20px;
  }
  .step.live ul li .step_title:before,
  .step.live ul li .step_title:after {
	display: none;
  }
  .step.live ul li .step_number{
  	display: block;
  }
}

@media screen and (max-width: 1000px) {
  /* 신고하기&신고절차 */
  .login_type li.loginbox_03 {
    display: none;
  }

  /* table */
  .table_row th {
    width: 24%;
  }

  .t_style2 th {
    width: 20%;
  }
  .t_style2 td {
    width: 30%;
  }

  .bbs_view h3 {
    font-size: 14px;
  }
  .bbs_view > .date {
    top: 13px;
  }

  .prev_next p {
    font-size: 12px;
  }
  .prev_next p .tit a {
    width: 84%;
    padding: 13px 120px 12px 22px;
  }
  .bbs_view .file_list {
    font-size: 12px;
  }

  .pw_repw {
    padding-left: 6%;
  }
  .pw_repw .login_inner > p {
    left: 20%;
    font-size: 25px;
  }

  .join_input > div > label.two {
    max-width: 150px;
  }
  .join_input input[type~='file'] {
    display: block;
  }
  .join_input .input_area .m_btn_border {
    display: none;
  }
  .join_input .input_area strong {
    position: relative;
    top: 2px;
    margin-right: 5px;
  }
  .join_input .input_area .input_address {
    width: 93.7%;
  }
  .join_input .btn_upload .btn_border {
    margin-bottom: 0;
  }
  .upload_list {
    border-top: 1px solid #d5d5d5;
  }

  .login02 {
    border-left: 1px solid #d5d5d5;
    border-bottom: 0;
  }
  .login02 > div {
    width: 50%;
    height: 224px;
    border: 1px solid #d5d5d5;
    border-width: 1px 1px 1px 0;
  }

  .member_out .left img {
    margin: 13px 0 0 10%;
    width: 70px;
  }
  .member_out .left p {
    margin: 20px 20px 20px 34%;
    font-size: 14px;
  }
  .member_out .rig {
    padding: 16px 0 0 3%;
  }

  .btn_area {
    width: 64.8%;
  }

  .idpw_search .certi .second {
    display: none;
  }

  .phone_certi .left img {
    margin: 13px 29px 0 7%;
    width: 52px;
  }
  .phone_certi .left p {
    width: 296px;
    margin: 15px 0 20px 10%;
  }
  .phone_certi .rig {
    padding: 31px 0 0 2%;
  }
  .phone_certi .rig .btn_border {
    width: 14.2%;
    padding: 0;
    min-width: inherit;
  }
  .phone_certi .green,
  .phone_certi .green span {
    display: inline-block;
  }
  .phone_certi .green button {
    left: 50%;
    width: 98px;
    margin-left: 70px;
  }
  .phone_certi .number1 {
    width: 41%;
  }
  .phone_certi .number2 {
    width: 25.4%;
  }

  .register_certi > div {
    height: auto;
  }

  .layer_fix3:before {
    opacity: 0.5;
  }

  .login03 {
    border: 1px solid #d5d5d5;
    background: #f7f7f7;
    padding-top: 0;
  }
  .login03 div {
    border: 0;
    border-top: 0;
    border-width: 1px 0 1px 0;
    background: #ececec;
  }
  .login03 dl {
    height: 30px;
  }
  .login03 .box01 dl {
    background-size: 90%;
  }
  .login03 .box02 dl {
    background-size: 90%;
  }
  .login03 .box03 dl {
    background-size: 90%;
  }
  .login03 .box04 dl {
    background-size: 90%;
  }
  .login03 .box05 dl {
    background-size: 90%;
  }
  .login03.space dl {
    height: 39px;
  }

  .required.block {
    float: right;
  }
  .monitor_support .s_txt {
    border: 0;
    padding: 10px 0;
  }
  .monitor_support .ph_box .img_photo img {
    width: 106px;
    height: 110px;
  }
  .monitor_support .tb1 th,
  .monitor_support .tb1 td {
    color: #222;
  }
  .monitor_support .tb1 select {
    width: 100%;
  }
  .monitor_support .none {
    display: block;
  }

  .preview_box.boxline {
    height: 90%;
  }
  .preview_box .new_tb2 tbody td input {
    text-align: left;
  }

  /* 신고하기 콘텐츠 유형 선택 */
  .type_wrap > div {
    width: 16.444%;
    margin-top: 0;
  }
  .type_wrap .inner_wrap {
    width: calc(100% - 10px);
    height: 130px;
  }
  .type_wrap .inner_wrap dl dt {
    padding: 8px 0 15px 0;
  }
  .type_wrap .inner_wrap dl dt a {
    font-size: 14px;
  }
  .type_wrap .inner_wrap dl dd {
    font-size: 11px;
    font-weight: 300;
    top: -85px;
    height: 80px;
    padding: 5px;
  }
  .type_wrap .error_type1 .inner_wrap,
  .type_wrap .error_type2 .inner_wrap,
  .type_wrap .error_type3 .inner_wrap,
  .type_wrap .error_type4 .inner_wrap,
  .type_wrap .error_type5 .inner_wrap,
  .type_wrap .error_type6 .inner_wrap {
    background-size: 98px;
  }

  .tabmenu li a {
    padding: 0 10px;
  }

  .signiture dl dd img {
    height: 33px;
  }
  .signiture dl.last img {
    width: 222px;
  }

  .supporters p img {
    width: 100%;
  }

  .boxline_inner {
    padding: 20px 20px 0 20px;
  }
  .boxline_inner .boxline_img img {
    width: 400px;
  }

  .reply_write > textarea {
    width: 89.7%;
    margin-right: 1%;
  }
  .reply_write .btn_reply {
    width: 9.3%;
  }

  .report_info {
    padding: 31px 0 0 0;
  }
  .report_info > img.tp2 {
    margin: 0;
  }
  .report_info .rig {
    margin-right: 180px;
    color: #777;
  }
  .report_info .rig dl.nml150 {
    margin-right: -150px;
  }
  .report_info .rig dl.nml150 dd > p {
    padding-right: 50px;
  }
  .register_certi.new_register > div {
    width: 33.333%;
  }

  .cont_width.new_box .korea_cont.new_cont li {
    width: 50%;
  }
  .new_box .btn_rg {
    display: none;
  }

  .loading {
    width: 260px;
  }
  .join_input .mail {
    display: block;
    width: 100%;
    margin-top: 5px;
  }

  /* 2026_오류사례 */
  .view-content .cont.cases {
    padding: 20px 30px;
  }
}

@media screen and (max-width: 767px) {
  .txt_top p {
    margin-bottom: 5px;
  }
  h3.mt50 {
    margin-top: 30px;
  }
  .web_h2 {
    display: none;
  }
  .line_none {
    display: none;
  }

  .login01 .join {
    display: none;
  }
  .certi_box2 > a.cert_gongin {
    display: none;
  }

  .error_area {
    top: 5%;
  }
  .error_area h1 {
    margin-bottom: 60px;
  }
  .error_area .txt1 {
    font-size: 84px;
    background-size: 80%;
  }
  .error_area .txt1 span {
    display: block;
    top: 30px;
    margin-left: 0;
  }
  .error_area .txt2 {
    margin: 70px 0 65px;
  }
  .error_area .txt3 {
    margin: 0 20px 20px;
    font-size: 20px;
  }
  .error_area .txt4 {
    width: 80%;
  }

  /* table */
  .table_col thead {
    display: none;
  }
  .table_col tr td {
    padding: 15px 0;
    height: 90px;
  }
  .table_col tr td.left {
    padding-left: 0;
  }
  .table_col .subject {
    width: 100%;
  }
  .table_col .subject a {
    width: 95%;
    font-weight: 600;
  }
  .table_col .no {
    width: 100px;
  }
  .table_col .block1 span {
    position: absolute;
    bottom: 22px;
    right: 180px;
    font-size: 14px;
    white-space: nowrap;
  }
  .table_col .block2 span {
    position: absolute;
    bottom: 20px;
    right: 85px;
    display: block;
    left: inherit;
  }
  .table_col .block3 span {
    position: absolute;
    bottom: 22px;
    right: 0;
    font-size: 14px;
  }

  .table_row th {
    display: block;
    width: 100%;
    background: #fff;
    border: 0;
    padding: 10px;
  }
  .table_row td {
    display: block;
    width: 100%;
    padding: 10px;
  }

  .bbs_view {
    border-top: 1px solid #5c6570;
  }
  .bbs_view h3 {
    padding: 16px 3% 36px 3%;
    font-weight: 600;
  }
  .bbs_view > .name {
    position: static;
    right: inherit;
    top: inherit;
    margin: -20px 0 10px 65%;
    padding: 0 3% 0 3%;
  }
  .bbs_view > .date {
    position: static;
    right: inherit;
    top: inherit;
    margin-top: -30px;
    padding: 0 3% 0 3%;
  }
  .bbs_view .bbs_cont {
    padding: 30px 3%;
  }
  .bbs_view2 .date {
    margin: 12px 10px 20px 10px;
  }
  .bbs_view2 p .name {
    top: 28px;
    left: 0;
    padding-right: 10px;
  }
  .bbs_view2 p .tel {
    top: 28px;
    left: 104px;
  }
  .bbs_cont {
    padding: 10px;
  }

  .prev_next {
    margin-top: 30px;
  }
  .prev_next p strong {
    width: 18%;
    padding: 16px 0 15px 3%;
  }
  .prev_next p .tit a {
    display: block;
    overflow: hidden;
    width: 82%;
    padding: 16px 30% 15px 10px;
  }
  .prev_next p .date {
    right: 3%;
  }

  .btn_100.blue {
    display: block;
    width: 88.3%;
    margin: -162px auto 10px;
  }
  .btn_100.white {
    display: block;
    width: 88.3%;
  }
  .btn_wrap.btn_100 a,
  .btn_wrap.btn_100 button {
    width: 100%;
    height: 35px;
    line-height: 33px;
  }
  .btn_left {
    text-align: left;
  }

  .return_step2 li {
    width: 33.33%;
  }
  .return_step2 li:nth-child(3):before {
    background: none;
  }
  .return_step2 li > span {
    background-size: 70px;
    padding-top: 100px;
  }

  .member_out {
    overflow: visible;
    padding: 26px 0 50px;
  }
  .member_out > div {
    float: none;
    width: 100%;
  }
  .member_out .left {
    border-right: 0;
  }
  .member_out .left img {
    display: none;
    float: left;
    margin: 13px 0 0 4%;
  }
  .member_out .left p {
    margin: 0 20px;
    text-align: center;
  }
  .member_out .rig {
    padding: 26px 0 0 5.9%;
  }
  .member_out .rig .label {
    width: 23.6%;
  }
  .member_out .rig input[type~='text'] {
    width: 36.5%;
  }
  .member_out .rig button {
    width: 30.9%;
  }

  .btn_blue100 {
    position: relative;
    top: -40px;
    width: 88.3%;
    margin: -28px auto 0;
  }
  .btn_blue100 span,
  .btn_blue100 button {
    width: 100%;
  }
  .btn_area {
    width: 100%;
    margin-left: 0;
  }

  .login02 {
    overflow: hidden;
  }
  .login02 > div {
    position: relative;
    float: none;
    width: 100%;
    height: auto;
    min-height: 131px;
    padding: 13px 10px 13px 20px;
  }
  .login02 .inner_box02 {
    display: none;
  }
  .login02 dl {
    min-height: 80px;
    padding: 0 0 0 99px;
  }
  .login02 dl dt {
    margin-bottom: 10px;
  }
  .login02 dl dd a {
    position: relative;
    left: inherit;
    top: inherit;
    width: auto;
    height: auto;
    text-indent: 0;
    background: none;
  }

  .login03 div {
    width: 50%;
    padding: 0 0 10px 0;
  }
  .login03 dl {
    height: 47px;
  }

  .view-content .cont.koreanet .figCenter,
  .view-content .cont.koreanet .figRight {
    width: auto !important;
    padding: 0;
    text-align: center;
  }
  .view-content .cont.koreanet .figLeft {
    float: none;
    width: auto !important;
    text-align: center;
  }
  .subNone2 {
    margin-top: 20px;
  }
  .monitor_support .s_tit em {
    display: block;
    color: #3270b0;
    font-style: normal;
    font-size: 12px;
  }
  .required.block {
    margin-top: -56px;
  }

  /* paging */
  .paging .m_number {
    display: inherit;
  }
  .paging > a {
    display: none;
  }
  .paging .page_num {
    display: none;
  }

  .monitor_support .s_tit {
    padding-top: 0;
  }
  .monitor_support .tb1 tbody tr th {
    float: left;
    width: 25%;
  }
  .monitor_support .tb1 tbody tr td {
    float: left;
    width: 75%;
  }
  .monitor_support .tb1 tbody tr {
    width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .monitor_support .pl126 {
    padding: 160px 0 0 0;
  }
  .monitor_support .ph_box {
    left: 50%;
    text-align: center;
    margin-left: -53px;
  }

  .rgt_msg {
    display: none;
  }
  .input_area #uploadControl {
    width: 100% !important;
  }

  .pw_repw {
    padding-bottom: 25px;
    padding-left: 0;
  }
  .pw_repw .login_inner > p {
    font-size: 25px;
  }
  .pw_repw .right {
    margin-bottom: 10px;
  }
  .pw_repw .right p {
    margin-top: 0;
  }
  .pw_repw p > span {
    width: 24.3%;
    padding-left: 2.3%;
  }

  /* 회원가입 단계 */
  .join_step li {
    font-size: 16px;
  }

  /* 회원가입 유형 */
  .join_type .join_box {
    display: block;
    width: 100%;
    height: auto;
    background-position: 20px center;
    background-size: 100px;
    padding: 40px 20px 40px 160px;
    margin-left: 0;
    margin-bottom: 10px;
    text-align: left;
  }

  .join_input > div > label {
    display: block;
    float: inherit;
    width: 100%;
    padding: 10px 0 0 0;
  }
  .join_input input[type~='text'],
  .join_input input[type~='password'] {
    width: 43%;
  }
  .join_input .input_area {
    float: inherit;
    width: 100%;
    padding: 10px 0;
  }
  .join_input .input_area span {
    display: block;
  }
  .join_input .input_area .w_pull {
    width: 100%;
  }

  .idpw_search .left {
    display: none;
  }
  .idpw_search .rig {
    padding: 30px 20px;
  }
  .idpw_search {
    margin-top: 0;
    padding: 20px 0;
  }
  .idpw_search .certi span {
    font-size: 12px;
  }
  .id_fine {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    right: auto;
    top: auto;
    margin: 0;
  }

  .phone_certi {
    padding: 26px 0;
  }
  .phone_certi > div {
    width: 100%;
  }
  .phone_certi .left {
    display: none;
  }
  .phone_certi .left img {
    margin: 13px 29px 0 7%;
    width: 52px;
  }
  .phone_certi .left p {
    width: 296px;
    margin: 15px 0 20px 10%;
  }
  .phone_certi .rig {
    padding: 0 17px;
  }
  .phone_certi .rig .label {
    width: 25.1%;
  }
  .phone_certi .green,
  .phone_certi .green span {
    display: block;
  }
  .phone_certi .green button {
    display: block;
    position: static;
    left: inherit;
    top: inherit;
    width: 100%;
    height: 35px;
  }
  .phone_certi .rig .btn_border {
    width: 17%;
  }
  .phone_certi .number1 {
    width: 72.9%;
  }
  .phone_certi .number2 {
    width: 54.9%;
  }

  .email_box,
  .pwd_box {
    width: 100%;
    height: 340px;
    background: #fff;
  }
  .email_cert,
  .email_cert_pwd {
    width: 100%;
    height: 340px;
    background: #fff;
  }
  .email_box .boxline,
  .pwd_box .boxline,
  .email_cert .boxline,
  .email_cert_pwd .boxline {
    padding: 10px 0;
  }
  .email_box .txt,
  .pwd_box .txt,
  .email_cert .txt,
  .email_cert_pwd .txt {
    padding: 20px 0 10px;
  }
  .email_box p label,
  .pwd_box p label,
  .email_cert p label,
  .email_cert_pwd p label {
    float: left;
    width: 47%;
  }
  .email_box p label:last-of-type,
  .pwd_box p label:last-of-type,
  .email_cert p label:last-of-type,
  .email_cert_pwd p label:last-of-type {
    float: inherit;
    width: 100%;
    padding-top: 10px;
  }
  .email_box p label:last-of-type select,
  .pwd_box p label:last-of-type select,
  .email_cert p label:last-of-type select,
  .email_cert_pwd p label:last-of-type select {
    width: 95%;
  }
  .email_box p span.space,
  .pwd_box p span.space,
  .email_cert p span.space,
  .email_cert_pwd p span.space {
    width: 6%;
    font-size: 12px;
  }
  .email_box input[type~='text'],
  .pwd_box input[type~='text'],
  .email_cert input[type~='text'],
  .email_cert_pwd input[type~='text'] {
    width: 95%;
  }
  .email_box .two input[type~='text'],
  .pwd_box .two input[type~='text'],
  .email_cert .two input[type~='text'],
  .email_cert_pwd .two input[type~='text'] {
    width: 95%;
  }

  .layer_box {
    width: 90%;
    min-width: 280px;
    height: 240px;
    margin: auto;
    padding: 50px 20px 20px;
    background: #f8f8f8;
  }
  .layer_box p {
    margin-bottom: 10px;
  }
  .layer_box p label {
    display: inline-block;
    width: 29%;
    margin-bottom: 5px;
    font-weight: 600;
  }
  .layer_box input[type~='text'] {
    width: 69%;
  }
  .layer_box input.ju {
    width: 31.8%;
  }
  .layer_box .btn_right {
    margin-top: 15px;
    text-align: center;
    color: #fff;
  }
  .layer_box .btn_right .btn_border {
    width: 69px;
    padding: 0;
    min-width: inherit;
  }
  .layer_box .btn_wrap {
    position: static;
    top: 51px;
    right: 52px;
  }
  .layer_box .btn_wrap button {
    display: block;
    width: 100%;
    height: 35px;
  }
  .layer_box span {
    display: block;
  }
  .layer_box .close {
    position: absolute;
    right: 13px;
    top: 11px;
  }

  .layer_box2 {
    width: 290px;
    background-image: none;
  }

  .round_1,
  .round_2,
  .round_3,
  .round_4,
  .round_5,
  .round_7,
  .round_8,
  .round_9,
  .round_10 {
    width: 56px;
    height: 18px;
    line-height: 18px;
    font-size: 11px;
  }
  .korea_cont li .photo {
    height: 160px;
  }
  .korea_cont li .photo p {
    font-size: 14px;
  }
  .korea_cont li .photo p span {
    margin-right: 5px;
    padding-right: 8px;
  }
  .korea_title {
    font-size: 18px;
  }
  .korea_cont li .photo p {
    font-size: 12px;
    padding: 10px 5px;
  }
  .cont_width.new_box .korea_text {
    font-size: 12px;
    padding: 10px;
  }
  .cont_width.new_box .korea_cont.new_cont li {
    width: 50%;
  }
  .cont_width.new_box .korea_cont.new_cont li:nth-child(even) {
    margin-left: 0;
  }
  .cont_width.new_box .korea_text .big span {
    font-size: 12px;
    padding: 0 5px;
  }
  .korea_cont li .photo {
    height: 130px;
  }

  .certi_box {
    width: 80%;
  }

  .m_none {
    display: none;
  }

  .introduce > ul > li .txt_area {
    float: inherit;
    width: 100%;
    margin-bottom: 20px;
  }
  .introduce > ul > li .img {
    float: inherit;
    width: 100%;
    margin-left: 0;
    margin-bottom: 40px;
  }
  .introduce > ul > li .img img {
    width: 100%;
  }

  .tit_reply {
    margin: 40px 0 27px;
  }

  .reply_write > textarea {
    width: 79.7%;
  }
  .reply_write .btn_reply {
    width: 19.3%;
  }
  .reply_write ul {
    padding-top: 12px;
  }
  .reply_write ul li {
    padding: 10px;
  }
  .reply_write ul li:first-child {
    border-top: 0;
  }
  .reply_write ul li .btn {
    right: 10px;
    top: 6px;
  }

  .report_info {
    overflow: hidden;
  }
  .report_info > img {
    display: none;
    float: left;
  }
  .report_info .rig {
    margin-left: 0;
    color: #555;
    font-size: 13px;
  }
  .report_info dl dt {
    font-size: 14px;
  }
  .report_info ul li {
    margin-bottom: 3px;
  }
  .subNone_cont {
    margin-top: 134px;
  }
  .register_certi.new_register .inner_box04 dl {
    background: url('/asset26/images/content/login_icon7.png') no-repeat center 30px;
  }

  .view-content .cont.koreanet p {
    width: 100%;
  }

  .fine_tooltip {
    width: 200px;
  }
  .fine_tooltip ul li {
    float: inherit;
    width: 100%;
  }

  /* 나의 신고현황_table */
  .fdiv .total {
    float: inherit;
    margin-bottom: 10px;
  }
  .fdiv .board_search {
    float: inherit;
  }
  .fdiv .search_box {
    position: relative;
    display: inherit;
  }
  .fdiv .search_box input {
    width: calc(100% - 61px);
  }
  .fdiv .search_box button {
    position: absolute;
    right: 0;
    top: 0;
  }
  .fdiv .board_search select {
    width: 100%;
    margin-bottom: 5px;
  }
  .fdiv .search_box .yymmdd {
    width: calc(100% - 54px);
  }

  .loading {
    padding-top: 22px;
  }
  .loading img {
    width: 50px;
  }

  .table_col3 .t-col01 {
    display: none;
    width: 0;
  }
  .table_col3 .t-col02 {
    display: none;
    width: 0;
  }
  .table_col3 .t-col03 {
    width: 100%;
  }
  .table_col3 .t-col04 {
    display: none;
    width: 0;
  }
  .table_col3 .t-col05 {
    display: none;
    width: 0;
  }
  .table_col3 .t-col06 {
    display: none;
    width: 0;
  }
  .table_col3 thead {
    display: none;
  }
  .table_col3 tr td .td_cont {
    display: inherit;
  }
  .table_col3 tr td:first-child {
    display: none;
  }
  .table_col3 tr td.td_num {
    display: none;
  }
  .table_col3 tr td.block1 {
    display: none;
  }
  .table_col3 tr td.block2 {
    display: none;
  }
  .table_col3 tr td.block3 {
    display: none;
  }
  .table_col3 .subject a {
    padding-left: 0;
  }
  .table_col3 tr td span.data {
    position: relative;
    margin-right: 10px;
    padding-right: 10px;
  }
  .table_col3 tr td span.data:before {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 10px;
    background-color: #aaa;
  }

  .t_style2 .col18 {
    width: 0;
  }
  .t_style2 .col32 {
    width: 0;
  }

  .report_step li {
    font-size: 16px;
  }

  /* 신고하기 콘텐츠 유형 선택 */
  .type_wrap > div {
    width: 33.33%;
    margin-bottom: 20px;
  }
  .type_wrap .inner_wrap {
    height: 150px;
  }
  .type_wrap .inner_wrap dl dt a {
    font-size: 13px;
    font-weight: 600;
  }
  .type_wrap .inner_wrap dl dd {
    top: -80px;
    height: 70px;
    font-size: 12px;
  }
  .type_wrap .error_type1 .inner_wrap {
    background-size: 120px;
  }
  .type_wrap .error_type2 .inner_wrap {
    background-size: 120px;
  }
  .type_wrap .error_type3 .inner_wrap {
    background-size: 120px;
  }
  .type_wrap .error_type4 .inner_wrap {
    background-size: 120px;
  }
  .type_wrap .error_type5 .inner_wrap {
    background-size: 120px;
  }
  .type_wrap .error_type6 .inner_wrap {
    background-size: 120px;
  }

  .tabmenu li a {
    font-size: 16px;
    line-height: 60px;
    height: 60px;
    margin: 0;
  }

  .total_search p {
    font-size: 16px;
  }
  .total_search .box {
    padding: 25px 3% 26px;
  }
  .total_search input[type~='search'] {
    width: 58%;
  }
  .total_result h2 {
    margin: 30px 0 15px;
  }

  .signiture dl {
    float: none;
    width: 100%;
    border-bottom: 1px solid #d5d5d5;
    border-left: 0;
  }
  .signiture dl:first-child {
    margin-top: -30px;
  }
  .signiture dl.last {
    text-align: center;
  }
  .signiture dl dt {
    margin: 30px 0;
  }
  .signiture dl dd {
    padding-bottom: 30px;
  }
  .signiture dl dd p:first-child {
    margin-bottom: 30px;
  }

  .supporters {
    margin-top: 30px;
  }
  .supporters h3 {
    margin: 30px 0 15px;
  }
  .acter li img {
    width: 78px;
  }
  .acter li dl {
    margin-left: 94px;
  }
  .acter li dl dt {
    margin: 0 0 10px;
  }

  .m_h2,
  .txt_show {
    display: inherit;
    margin-bottom: 10px;
  }
  .agency_cont ul > li .cont_img .title {
    left: 20px;
  }
  .agency_cont ul > li .cont_img .tit_r {
    left: calc(50% + 20px);
  }
  .agency_cont ul > li:nth-child(11) .cont_img .title {
    color: #fff;
  }
  .cont_link a {
    padding: 8px 10px;
  }

  /* 2026_오류사례 */
  .cases .cases_list01.list_img li.img {
    width: 80px;
  }
  .cases .cases_list01.list_img li img + img {
    margin-top: 4px;
  }
  .cas_table tbody th {
    width: 10%;
  }
  .cases .sb_cont02 > div {
    margin-top: 20px;
  }
  .cases .sb_cont02 > div:first-child {
    margin-top: 0;
  }
  .cases .sb_cont02 > div span {
    display: block;
  }
  .view-content .cont.cases {
    padding: 20px 10px;
  }
}

@media screen and (max-width: 620px) {
  /* 신고하기&신고절차 */
  .step ul {
    flex-direction: column;
  }
  .step ul li {
    width: 100%;
  }
  .step ul li:before {
    top: initial;
    bottom: -24px;
    right: calc(50% - 10px);
    transform: rotate(135deg);
  }
  .step ul li .step_title {
    padding: 20px 20px 140px 20px;
  }
  .step ul li .step_text {
    padding: 20px 0;
  }
  /*신고하기 스텝 로그인 스타일*/
  .step.live{
  	margin-bottom: 40px;
  }
  .step.live ul {
	flex-direction: row;
  }
  .step.live ul li {
	width: calc((100% - 60px) / 2);
  }
  .step.live ul li:before{
	top: calc(50% - 10px);
	bottom: initial;
	right: -22px;
	transform: rotate(45deg);
  }
  .request_cont li {
    padding: 20px 40px;
  }

  .boxline_inner .boxline_img img {
    width: 300px;
  }
  .cont_width.new_box .korea_cont.new_cont li > div {
    margin: 5px;
  }
  .monitor_support .comp {
    background-size: 420px;
    padding: 280px 0 20px;
  }
}
@media screen and (max-width: 540px) {
  .login01 input[type~='text'],
  .login01 input[type~='password'] {
    width: 100%;
  }
  .login01 .login_inner .btn_wrap {
    display: block;
  }
  .login01 .login_inner .btn_r {
    display: block;
  }
  .login01 button {
    width: 100%;
  }
  .login01 .id_pw a,
  .login01 .join a {
    width: 100%;
  }

  .return_step2 li > span {
    background-size: 60px;
  }

  .know_korea {
    margin-top: 40px;
  }
  .know_korea > div a {
    height: 120px;
    padding-top: 20px;
  }
  .know_korea > div span {
    position: relative;
    font-size: 12px;
  }

  .table_col .subject a {
    width: 50%;
  }
  .total {
    float: none;
    margin-bottom: 10px;
  }

  .type_wrap > div {
    width: 50%;
  }

  .tabmenu li {
    width: 100%;
  }
  .tabmenu li a {
    line-height: 50px;
    height: 50px;
  }
  .cmt_top .fine_tooltip ul li {
    width: 50%;
  }

  .cont_width.new_box .korea_cont li .photo {
    height: 110px;
  }

  .boxline_inner a {
    width: 120px;
    height: 30px;
    background-size: 80px;
  }
  .monitor_support .comp {
    background-size: 350px;
    padding: 240px 0 20px;
  }
  .agency_cont ul > li {
    width: 100%;
  }
  .agency_cont ul > li:nth-child(11) .cont_img .title {
    color: inherit;
  }

  /* 2026_오류사례 */
  .cases .cases_list01.list_img {
    display: inherit;
  }
  .cases .cases_imgcont {
    grid-template-columns: repeat(2, 1fr);
  }
  .cases .cases_list02 {
    display: grid;
    gap: 4px;
    grid-template-columns: repeat(2, 1fr);
    margin: 10px 0 20px;
  }
}

@media screen and (max-width: 430px) {
  .login01 {
    border: none;
    padding: 0;
  }

  .layer_box {
    height: 290px;
  }
  .layer_box p label {
    display: block;
    width: 100%;
  }
  .layer_box input[type~='text'] {
    width: 100%;
  }
  .layer_box input.ju {
    width: 45%;
  }

  .type_wrap {
    padding: 20px 10px;
  }
  .type_wrap .inner_wrap {
    width: calc(100% - 10px);
  }

  .cmt_box li {
    padding: 10px;
  }
  .cmt_box li div .cmt_data {
    width: 60%;
    display: inline-block;
  }
  .fine {
    margin-top: 10px;
  }
  .btn_wrap.blue a,
  .btn_wrap.blue button {
    padding: 10px;
  }
  .btn_wrap.white a,
  .btn_wrap.white button {
    padding: 10px;
  }
  .btn_wrap02 .fine {
    margin-top: 0;
  }
  .btn_dblue {
    font-size: 11px !important;
  }

  .cont_width.new_box .korea_cont li .photo {
    height: 90px;
  }
  .boxline_inner .boxline_img img {
    width: 240px;
  }
  .monitor_support .comp {
    background-size: 300px;
    padding: 200px 0 20px;
  }
  .step.live ul li .step_number {
  	display: inline;
  }
}

@media screen and (max-width: 360px) {
  .join_type .join_box {
    background-position: 50% 20px;
    padding: 150px 20px 20px;
    text-align: center;
  }
  .return_step2 li {
    width: 100%;
  }
  .return_step2 li:before {
    transform: rotate(90deg);
    top: inherit;
    right: 50%;
    bottom: 0;
  }
  .return_step2 li > span {
    padding: 90px 0 40px 0;
  }
  .return_step2 li:last-child > span {
    padding-bottom: 20px;
  }
  .type_wrap > div {
    width: 100%;
    margin-bottom: 10px;
  }
  .cont_width.new_box .korea_cont li .photo {
    height: 80px;
  }
  .boxline_inner a {
    width: 110px;
    height: 30px;
    background-size: 70px;
  }
  .boxline_inner .boxline_img img {
    width: 220px;
  }
  .monitor_support .comp {
    background-size: 260px;
    padding: 180px 0 20px;
  }

  /* 2026_오류사례 */
  .cases .cases_imgcont {
    display: inherit;
  }
}