/* Noto Sans KR 글꼴 규칙(@font-face 120줄)은 common/css/font_notosanskr.css 로 옮겼다(2026-10-24 속도 통합) —
   홈 달력 iframe(/display/board_schedule)처럼 common.css 의 초기화 규칙을 못 받는 화면도 같은 글꼴 파일을 쓰게.
   ★common.css 를 부르는 머리(head/header)는 그 파일을 바로 앞에 부른다. G마켓 산스는 아래에 그대로 둔다. */

@font-face {
  font-family: 'GmarketSansMedium';
  src: url('/common/fonts/gmarket/GmarketSansMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSansLight';
  src: url('/common/fonts/gmarket/GmarketSansLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
  margin: 0;
  padding: 0;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
details,
menu,
figure,
figcaption {
  display: block;
  margin: 0;
  padding: 0;
}

section,
nav,
article,
main,
footer,
aside,
header {
  display: block;
}

fieldset {
  border: 0 none;
  vertical-align: top;
  color: #1e1e1e;
}

dl,
ul,
ol,
menu,
li {
  list-style: none
}

blockquote,
q {
  quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}

input,
select,
textarea,
button {
  vertical-align: middle;
  border: none;
}

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer
}

button[type=submit] {
  outline: none;
  filter: chroma(color=#1e1e1e);
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

input[type='checkbox'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  vertical-align: -3px;
}

input:focus {
  outline: none;
}

caption {
  visibility: hidden;
  overflow: hidden;
  width: 1px;
  height: 0;
  font-size: 0;
  line-height: 0;
}

hr {
  display: none;
}

legend {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  padding: 0;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

th,
td {
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

body * {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: none;
}

html,
body {
  width: 100%;
  height: 100%;
}

html.auto {
  height: 100%;
  overflow: auto;
}

html.overflow {
  height: 100%;
  overflow: hidden;
}

html,
body {
  height: auto;
}

body {
  min-width: 320px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

img {
  max-width: 100%;
  vertical-align: middle;
  border: none;
  outline: none;
}

em,
address,
i {
  font-style: normal
}

label {
  cursor: pointer;
  display: inline-block;
}

form {
  clear: both
}

.hidden {
  overflow: hidden;
}

iframe {
  border: 0;
  width: 100%;
}

/* 폰트 */
.banner_title,
.sbn_title {
  font-family: 'GmarketSansMedium';
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,
span,
a,
* {
  font-size: 14px;
  color: #1e1e1e;
  font-family: 'Noto Sans KR', 'sans-serif';
  letter-spacing: -0.3px;
}

input[type=reset] {
  display: none;
}

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=number],
input[type=search] {
  box-sizing: border-box;
  padding: 0 20px 0 0;
  font-size: 14px;
  color: #1e1e1e;
  border-radius: 4px;
  background-color: #fff;
}

input[type=number] {
  position: relative;
  padding: 0 4px;
  text-align: center;
  border: 1px solid #efefef;
  width: 100%;
}

input[type=password] {
  position: relative;
  padding: 0 16px;
  text-align: center;
  border: 1px solid #efefef;
  width: 100%;
  text-align: left;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

input:focus {
  outline: none;
}

input.line {
  display: block;
  width: 100%;
  border: 1px solid #e0e0e0;
  height: 40px;
  line-height: 38px;
  padding: 0 16px;
  margin: 8px 0;
}

.won_txt.w180,
input.w180 {
  width: 180px;
}

input.w200 {
  width: 200px;
}


a {
  text-decoration: none;
  border: none;
  outline: none;
  color: #1e1e1e;
}

.file_none input[type=file] {
  display: none;
}

input::placeholder {
  color: #959595;
}

input:-ms-input-placeholder {
  color: #959595;
}

textarea {
  box-sizing: border-box;
  padding: 6px 9px;
  width: 100%;
  font-size: 13px;
  line-height: 1.4;
  color: #1e1e1e;
  border: 1px #e8e8e8 solid;
  resize: none;
  padding: 12px 16px;
  height: 275px;
  border-radius: 4px;
  text-align: left;
  outline: none;
}

textarea::placeholder {
  color: #959595;
}

textarea:-ms-input-placeholder {
  color: #959595;
}

select {
  background: #fff;
  height: 30px;
  padding-left: 5px;
  font-size: 13px;
  vertical-align: top;
  max-width: 100%;
  border: 1px solid #1c293f;
  border-radius: 4px;
}

.relative {
  display: block;
  position: relative;
}

.clear::after {
  content: "";
  display: block;
  clear: both;
}

.disnone {
  display: none !important;
}

.txthide {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: keep-all;
}

.txthide2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}

.txthide3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}

.txthide4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  word-break: keep-all;
}

.borderno {
  border: 0 !important;
}

.floatno {
  float: none !important;
}

.hide {
  position: absolute;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  opacity: 0;
  left: -9999px;
  overflow: hidden;
}



/* IE의 경우 */
input::-ms-clear,
input::-ms-reveal {
  display: none;
}

/* 크롬의 경우 */
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
  display: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* 스크롤커스텀 */
.sel_menu::-webkit-scrollbar,
.scrollcustom::-webkit-scrollbar {
  width: 8px;
}

.sel_menu::-webkit-scrollbar-thumb,
.scrollcustom::-webkit-scrollbar-thumb {
  background-color: #e0e0e0;
  border-radius: 50em;
  background-clip: padding-box;
  border: 2px solid transparent;
}

.sel_menu::-webkit-scrollbar-track,
.scrollcustom::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: inset 0px 0px 5px white;
}

/* ========================== input ======================== */
input[type=checkbox]::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(../images/design/chk_ico_off.svg);
}

input[type=checkbox]:checked::before {
  background-image: url(../images/design/chk_ico_on.svg);
}

label input[type=checkbox]:checked::before {
  background-image: url(../images/design/chk_ico_on.svg);
}

label input {
  margin-right: 8px;
}

.calenda_input {
  display: inline-block;
  vertical-align: middle;
  margin-right: 26px;
}

/* .calenda_input label input { background-color: #fff; line-height: 28px; padding: 0 8px; border: 1px solid #dedede; background-image: none;}  */
.calenda_input i {
  display: inline-block;
  padding: 0 8px;
}

.calenda_input.radio {
  display: block;
}

.calenda_input.radio span {
  display: inline-block;
  width: 33.3333%;
}


input[type="date"] {
  background-color: #fff !important;
  border-radius: 4px;
  position: relative;
  border: 1px solid #e8e8e8;
  line-height: 30px;
  padding: 0 20px;
  height: 30px;
  text-align: left;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {
  display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  z-index: 1;
}

input[type="date"]:after {
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 22px;
  background: #fff url(../images/design/calendar_month_black_24dp.svg)no-repeat center center /contain;
}

/* 메인 스크롤 애니메이션 */
[data-scroll] {
  opacity: 0;
  transform: translateY(100px);
  transition: all 1s;
}

[data-scroll="in"] {
  opacity: 1;
  transform: translateY(0);
}

[data-scroll="out"] {
  opacity: 0;
  transform: translateY(0);
}

.price_input {
  display: inline-block;
  vertical-align: middle;
  margin-right: 26px;
  font-size: 0;
}

.price_input i {
  display: inline-block;
  padding: 0 8px;
  width: 40px;
  text-align: center;
}

.price_input label,
.won_box {
  position: relative;
  display: inline-block;
}

.won_box.w40 {
  width: 40%;
}

.price_input label input,
.won_box input {
  background-color: #fff;
  width: 100%;
  line-height: 28px;
  padding: 0 50px 0 8px !important;
  border: 1px solid #e8e8e8;
  text-align: right;
}

.won_box::before {
  content: "(\c6d0)";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  line-height: 30px;
}

.won_box.persen::before {
  content: "\0025";
  right: 12px;
}

.chk_disnon .input {
  display: none;
}

.input_btn_box {
  position: relative;
  width: 100%;
}

.input_btn_box input {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border: 1px solid #1e1e1e;
  border-radius: 4px;
}

.input_btn_box button,
.input_btn_box a {
  position: absolute;
  right: 0;
  top: 0;
  width: 200px;
}



/* ========================== 포지션 ======================== */
.poRtop {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.poRcen {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.poRbtm {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
}

.poLtop {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}

.poLcen {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.poLbtm {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}

.posicen {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

/* ========================== 마진패딩 ======================== */
.m0 {
  margin: 0 !important
}

.p0 {
  padding: 0 !important
}

.pt0 {
  padding-top: 0 !important
}

.pb0 {
  padding-bottom: 0 !important
}

.ma4 {
  margin: 4px 0px;
}

.mar2 {
  margin-right: 2px;
}

.mar4 {
  margin-right: 4px;
}

.mar6 {
  margin-right: 6px;
}

.mar8 {
  margin-right: 8px;
}

.mar10 {
  margin-right: 10px;
}

.mar20 {
  margin-right: 20px;
}

.mar30 {
  margin-right: 30px;
}

.mar40 {
  margin-right: 40px;
}

.mal50 {
  margin-left: 50px;
}

.mal2 {
  margin-left: 2px;
}

.mal4 {
  margin-left: 4px;
}

.mal6 {
  margin-left: 6px;
}

.mal8 {
  margin-left: 8px;
}

.mal10 {
  margin-left: 10px;
}

.mal20 {
  margin-left: 20px;
}

.mar8 {
  margin-right: 8px;
}

.mal10 {
  margin-left: 10px;
}

.mal30 {
  margin-left: 30px;
}

.mal40 {
  margin-left: 40px;
}

.mab8 {
  margin-bottom: 8px;
}

.mab10 {
  margin-bottom: 10px;
}

.mab15 {
  margin-bottom: 15px;
}

.mab20 {
  margin-bottom: 20px;
}

.mab30 {
  margin-bottom: 30px;
}

.mab5 {
  margin-bottom: 5px;
}

.mat5 {
  margin-top: 5px;
}

.mat8 {
  margin-top: 8px;
}

.mat10 {
  margin-top: 10px;
}

.mat15 {
  margin-top: 15px;
}

.matb10 {
  margin: 10px 0;
}

.mat20 {
  margin-top: 20px;
}

.mat30 {
  margin-top: 30px;
}

.mat40 {
  margin-top: 40px;
}

.mat80 {
  margin-top: 80px;
}

.pa05 {
  padding: 0 5px;
}

.pa010 {
  padding: 0 10px;
}

.pa15 {
  padding: 15px;
}

.pa10 {
  padding: 10px;
}

.patb7 {
  padding: 7px 0;
}

.pat4 {
  padding-top: 4px;
}

.patb10 {
  padding: 10px 0;
}

.pat10 {
  padding-top: 10px;
}

.pab10 {
  padding-bottom: 10px;
}

.pa20 {
  padding: 20px;
}

.pa020 {
  padding: 0 20px;
}

.pa30 {
  padding: 30px;
}

.pa60 {
  padding: 0 60px;
}

.pat60 {
  padding-top: 60px;
}

.pa040 {
  padding: 0 40px;
}

.pab40 {
  padding-bottom: 40px;
}

.pa6030 {
  padding: 0 30px 0 60px;
}

.pat20 {
  padding-top: 20px;
}

.pab20 {
  padding-bottom: 20px;
}

.patb20 {
  padding: 20px 0;
}

.pa3050 {
  padding: 0 30px 50px;
}

.pab30 {
  padding-bottom: 30px;
}

.patb40 {
  padding: 40px 0;
}

.pa40 {
  padding: 40px 50px;
}

/* ★ 2026-09-20 사용자 지시: 「너무 멀다 — 현재의 반으로, 모든 곳 같이」 → 70px → 35px.
   경로표시 줄과 그 아래 첫 요소(탭·표) 사이 간격이 이 값이다. 되돌리려면 70 으로. */
.pat70 {
  padding: 35px 0 0;
}

.patb70 {
  padding: 35px 0;
}

.patb70 {
  padding: 35px 0;
}

.pat80 {
  padding: 80px 0 0;
}

.pab80 {
  padding: 0 0 80px;
}

.pab120 {
  padding-bottom: 120px !important;
}

.mab120 {
  margin-bottom: 120px;
}

.pa106 {
  padding: 10px 6px;
}

.pa8020 {
  padding: 80px 20px;
}

.ml_8 {
  margin-left: 8px;
}

.mar_bm15 {
  margin-bottom: 15px
}

.mab40 {
  margin-bottom: 40px
}

.mat6 {
  margin-top: 6px !important
}

.matb12 {
  margin: 12px 0 !important;
}

.patb12 {
  padding: 12px 0 !important;
}

/* ul.sel_menu li{padding: 0 23px 0 10px;} */
.border_bottom.W {
  border-bottom: 1px solid #ffffff !important
}

/* ========================== 플렉스 ======================== */
.flex_container {
  display: flex;
  resize: horizontal;
  padding: 0 20px;
}

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

.flex.flexauto {
  flex: auto;
}

.flex.col1 {
  flex: 1;
}

.flex.col2 {
  flex: 2;
}

.flex.col3 {
  flex: 3;
}

.flex.col4 {
  flex: 4;
}

.flex.col5 {
  flex: 5;
}

.flex.col6 {
  flex: 6;
}

.flex.col7 {
  flex: 7;
}

.flex.col8 {
  flex: 8;
}

.flex.col9 {
  flex: 9;
}

.flex.col10 {
  flex: 10;
}

.flex.col11 {
  flex: 11;
}

.flex.col12 {
  flex: 12;
}

.wrap {
  flex-wrap: wrap;
}

.row {
  display: flex;
  flex-direction: row;
}

.coloum {
  display: flex;
  flex-direction: row wrap;
}

.row_auto {
  flex: auto;
}

.row_col1 {
  flex: 1;
}

.row_col2 {
  flex: 2;
}

.row_col3 {
  flex: 3;
}

.row_col4 {
  flex: 4;
}

.row_col5 {
  flex: 5;
}

.row_col6 {
  flex: 6;
}

.row_col7 {
  flex: 7;
}

.row_col8 {
  flex: 8;
}

.row_col9 {
  flex: 9;
}

.row_col10 {
  flex: 10;
}

.row_col11 {
  flex: 11;
}

.row_col12 {
  flex: 12;
}

.line_wrap {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
}

.flex_wrap {
  display: flex;
  align-items: center;
  flex-flow: wrap;
  width: 100%;
}

.flex_wrap.top {
  align-items: top;
}

.btw_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btw_flex.top {
  align-items: flex-start;
}

.btw_flex_box {
  display: flex;
  justify-content: space-between;
}

.disflex {
  display: flex;
  flex-direction: row;
}

.disflex.center {
  align-items: center;
}

.btw_flex.btm {
  align-items: flex-end;
}

.fnomal {
  align-items: unset;
}



/* ========================== 양쪽리스트 ======================== */
.distable {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.distable .con {
  display: table-cell;
}

.distableauto {
  display: table;
  width: 100%;
}

.distableauto .con {
  display: table-cell;
}

.disinblock {
  font-size: 0;
}

.disinblock>.box {
  display: inline-block;
  width: 50%;
}

.disinblock>.auto {
  display: inline-block;
  vertical-align: middle;
}

.disinblock>.con {
  display: inline-block;
  width: 50%;
}

.disinblock>.con.w50 {
  width: calc(50% - 5px);
  margin-right: 10px;
}

.btwlist::after {
  content: "";
  display: block;
  clear: both;
}

.btwlist>.auto {
  float: left;
  display: block;
}

.btwlist>.con {
  float: left;
  display: block;
}

.btwlist>.con.r {
  float: right;
  display: block;
}

.btwlist>.con.w50 {
  width: calc(50% - 8px);
  margin-right: 16px;
}

.btwlist>.con.w50:nth-child(2n) {
  margin-right: 0;
}

/* 정렬 */
.ma000a {
  margin: 0 0 0 auto !important;
}

.align_flex {
  display: flex;
  align-items: center;
}

.justify_center {
  justify-content: center;
}

.align_flex+.my_list {
  width: calc(100% - 150px);
  margin-left: auto;
}

.flex_left {
  justify-items: flex-start;
  margin-left: auto;
}

.col_flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.text_indent {
  text-indent: -999999px;
}

/*버튼일때 사용 margin-right 들어가있음 */
.btwlist.col10>.auto {
  float: left;
  display: block;
  width: calc(10% - 8px);
  margin: 4px 8px 4px 0;
}

.btwlist.col10>.auto:nth-child(10n) {
  margin-right: 0;
}

.btwposi {
  position: relative;
  padding: 0 0 0 132px;
}

.btwposi .posi {
  position: absolute;
  left: 0;
  top: 0;
  width: 132px;
}

.btwposi .con {
  display: block;
  width: 100%;
}

.vetimid {
  vertical-align: middle !important;
}

/* 맵*/
.map_wrap {
  position: relative;
  text-align: center;
}

.title_topline {
  position: relative;
  padding: 20px 0 0;
  font-size: 30px;
  line-height: 50px;
  text-align: center;
}

.title_topline::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 40px;
  height: 4px;
  background-color: #fa448c;
}

.title_topline.white {
  color: #fff;
  font-weight: 300;
}

.title_topline.white::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 40px;
  height: 4px;
  background-color: #fff;
}

.map_wrap .btn_list {
  padding: 40px 0 0;
}

.map_pic {
  background-color: #fff;
  border-radius: 3px;
}

.map_pic ul li {
  font-size: 12px;
}

.map_pic ul li strong {
  font-size: inherit;
}

/* 지도 */
.map_from {
  display: none;
}

.map_wrap .btn_list {
  justify-content: center;
}

.map_wrap .btn_list a {
  width: 164px;
}

.map_box {
  position: relative;
}

.map_box li {
  position: absolute;
}

.map_box li a {
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.map_box .map_txt {
  position: absolute;
  width: 52px;
  padding: 8px 0;
  text-align: center;
  border: 1px solid #ededed;
  border-radius: 4px;
  background-color: #FFF;
  z-index: 10;
  transition: transform 0.3s;
}

.map_box .map_txt p {
  color: #1e1e11;
  line-height: 1.3;
}

.map_box .map_txt p:first-child {
  font-size: 12px;
}

.map_box .map_txt p:last-child {
  font-size: 12px;
  padding: 2px 0 0;
}

.map_box ul li:hover .map_txt,
.map_box ul li a.on .map_txt {
  transform: scale(1.1);
  background-color: #1e286d;
  z-index: 10;
}

.map_box ul li:hover .map_txt p,
.map_box ul li a.on .map_txt p {
  color: #fff;
}

.map_box a .map_txt p.over_txt {
  letter-spacing: -1px;
}

.Seoul {
  left: 70.2px;
  top: 94.8px;
  z-index: 3;
}

.Seoul a {
  width: 38px;
  height: 30px;
  background-image: url(../images/map_mo/seoul_off.svg);
}

.Seoul a:hover,
.Seoul a.on {
  background-image: url(../images/map_mo/seoul_on.svg);
}

.Seoul a .map_txt {
  right: -89%;
  top: 0;
}

.Gyeonggi {
  left: 48.2px;
  top: 33px;
  z-index: 2;
}

.Gyeonggi a {
  width: 117px;
  height: 150px;
  background-image: url(../images/map_mo/gyeonggi_off.svg);
}

.Gyeonggi a:hover,
.Gyeonggi a.on {
  background-image: url(../images/map_mo/gyeonggi_on.svg);
}

.Gyeonggi a .map_txt {
  right: 35%;
  top: 0;
}

.Gangwon {
  left: 98.9px;
  top: 0;
}

.Gangwon a {
  width: 197px;
  height: 168px;
  background-image: url(../images/map_mo/gangwon_off.svg);
}

.Gangwon a:hover,
.Gangwon a.on {
  background-image: url(../images/map_mo/gangwon_on.svg);
}

.Gangwon a .map_txt {
  left: 45%;
  top: 36%;
}

.Chungnam {
  left: 0;
  top: 162px;
}

.Chungnam a {
  width: 149px;
  height: 116px;
  background-image: url(../images/map_mo/chungnam_off.svg);
}

.Chungnam a:hover,
.Chungnam a.on {
  background-image: url(../images/map_mo/chungnam_on.svg);
}

.Chungnam a .map_txt {
  left: 6%;
  bottom: 11%;
}

.Chungbug {
  left: 113px;
  top: 143px;
}

.Chungbug a {
  width: 125px;
  height: 132px;
  background-image: url(../images/map_mo/chungbug_off.svg);
}

.Chungbug a:hover,
.Chungbug a.on {
  background-image: url(../images/map_mo/chungbug_on.svg);
}

.Chungbug a .map_txt {
  left: 21%;
  top: 10%;
}

.Daejeon {
  left: 111px;
  top: 221px;
  z-index: 4;
}

.Daejeon a {
  width: 30px;
  height: 36px;
  background-image: url(../images/map_mo/daejeon_off.svg);
}

.Daejeon a:hover,
.Daejeon a.on {
  background-image: url(../images/map_mo/daejeon_on.svg);
}

.Daejeon a .map_txt {
  right: -48px;
  top: 0;
}

.Gyeongbug {
  left: 158px;
  top: 152px;
  z-index: 3;
}

.Gyeongbug a {
  width: 158px;
  height: 168px;
  background-image: url(../images/map_mo/gyeongbug_off.svg);
}

.Gyeongbug a:hover,
.Gyeongbug a.on {
  background-image: url(../images/map_mo/gyeongbug_on.svg);
}

.Gyeongbug a .map_txt {
  left: 42%;
  top: 12%;
}

.jeonbug {
  left: 25px;
  top: 256px;
  z-index: 3;
}

.jeonbug a {
  width: 145px;
  height: 91px;
  background-image: url(../images/map_mo/jeonbug_off.svg);
}

.jeonbug a:hover,
.jeonbug a.on {
  background-image: url(../images/map_mo/jeonbug_on.svg);
}

.jeonbug a .map_txt {
  left: 50%;
  top: 29%;
}

.jeonnam {
  left: 0px;
  top: 324px;
}

.jeonnam a {
  width: 163px;
  height: 167px;
  background-image: url(../images/map_mo/jeonnam_off.svg);
}

.jeonnam a:hover,
.jeonnam a.on {
  background-image: url(../images/map_mo/jeonnam_on.svg);
}

.jeonnam a .map_txt {
  right: 7%;
  top: 36%;
}

.Gwangju {
  left: 58px;
  top: 347px;
  z-index: 3;
}

.Gwangju a {
  width: 35px;
  height: 24px;
  background-image: url(../images/map_mo/gwangju_off.svg);
}

.Gwangju a:hover,
.Gwangju a.on {
  background-image: url(../images/map_mo/gwangju_on.svg);
}

.Gwangju a .map_txt {
  left: -132%;
  top: 1%;
}

.Gyeongnam {
  left: 138px;
  top: 282px;
}

.Gyeongnam a {
  width: 146px;
  height: 139px;
  background-image: url(../images/map_mo/gyeongnam_off.svg);
}

.Gyeongnam a:hover,
.Gyeongnam a.on {
  background-image: url(../images/map_mo/gyeongnam_on.svg);
}

.Gyeongnam a .map_txt {
  left: 20%;
  top: 30%;
}

.Busan {
  left: 246px;
  top: 338px;
  z-index: 3;
}

.Busan a {
  width: 48px;
  height: 44px;
  background-image: url(../images/map_mo/busan_off.svg);
}

.Busan a:hover,
.Busan a.on {
  background-image: url(../images/map_mo/busan_on.svg);
}

.Busan a .map_txt {
  right: -50%;
  top: 41%;
}

.Ulsan {
  left: 261px;
  top: 302px;
  z-index: 3;
}

.Ulsan a {
  width: 45px;
  height: 45px;
  background-image: url(../images/map_mo/ulsan_off.svg);
}

.Ulsan a:hover,
.Ulsan a.on {
  background-image: url(../images/map_mo/ulsan_on.svg);
}

.Ulsan a .map_txt {
  right: 0%;
  top: 0;
}

.Daegu {
  left: 207px;
  top: 270px;
  z-index: 3;
}

.Daegu a {
  width: 38px;
  height: 45px;
  background-image: url(../images/map_mo/daegu_off.svg);
}

.Daegu a:hover,
.Daegu a.on {
  background-image: url(../images/map_mo/daegu_on.svg);
}

.Daegu a .map_txt {
  right: -27px;
  top: -19px
}

.Jeju {
  left: 0;
  top: 500px;
  z-index: 3;
}

.Jeju a {
  width: 73px;
  height: 39px;
  background-image: url(../images/map_mo/jeju_off.svg);
}

.Jeju a:hover,
.Jeju a.on {
  background-image: url(../images/map_mo/jeju_on.svg);
}

.Jeju a .map_txt {
  right: 0;
  top: 0;
}

.Incheon {
  left: 13.5px;
  top: 82.5px;
}

.Incheon a {
  width: 60px;
  height: 72px;
  background-image: url(../images/map_mo/incheon_off.svg);
}

.Incheon a:hover,
.Incheon a.on {
  background-image: url(../images/map_mo/incheon_on.svg);
}

.Incheon a .map_txt {
  left: -20%;
  top: 10%;
}

.Sejong {
  left: 98px;
  top: 187px;
  z-index: 4;
}

.Sejong a {
  width: 28px;
  height: 48px;
  background-image: url(../images/map_mo/sejong_off.svg);
}

.Sejong a:hover,
.Sejong a.on {
  background-image: url(../images/map_mo/sejong_on.svg);
}

.Sejong a .map_txt {
  right: 6px;
  top: -50%;
}


/* 강원 */
.chungwon {
  left: 0;
  top: 43.1px;
}

.chungwon a {
  width: 125px;
  height: 48px;
  background-image: url(../images/map_mo/chungwon_off.svg);
}

.chungwon a:hover,
.chungwon a.on {
  background-image: url(../images/map_mo/chungwon_on.svg);
}

.chungwon a .map_txt {
  left: -4px;
  top: -24px;
}

.hwachun {
  left: 49.5px;
  top: 54.4px;
}

.hwachun a {
  width: 75px;
  height: 59px;
  background-image: url(../images/map_mo/hwachun_off.svg);
}

.hwachun a:hover,
.hwachun a.on {
  background-image: url(../images/map_mo/hwachun_on.svg);
}

.hwachun a .map_txt {
  left: 7.5px;
  top: -9.6px;
}

.yanggoo {
  left: 112.6px;
  top: 49.3px;
}

.yanggoo a {
  width: 51px;
  height: 64px;
  background-image: url(../images/map_mo/yanggoo_off.svg);
}

.yanggoo a:hover,
.yanggoo a.on {
  background-image: url(../images/map_mo/yanggoo_on.svg);
}

.yanggoo a .map_txt {
  left: 6.6px;
  top: -23.5px;
}

.injea {
  left: 127.5px;
  top: 39.3px;
}

.injea a {
  width: 82px;
  height: 113px;
  background-image: url(../images/map_mo/injea_off.svg);
}

.injea a:hover,
.injea a.on {
  background-image: url(../images/map_mo/injea_on.svg);
}

.injea a .map_txt {
  right: 1.5px;
  top: 45.5px;
}

.gw_gosung {
  left: 166.8px;
  top: 0px;
}

.gw_gosung a {
  width: 56px;
  height: 86px;
  background-image: url(../images/map_mo/gw_gosung_off.svg);
}

.gw_gosung a:hover,
.gw_gosung a.on {
  background-image: url(../images/map_mo/gw_gosung_on.svg);
}

.gw_gosung a .map_txt {
  left: 12.7px;
  top: -25.1px;
}

.choonchun {
  left: 54.6px;
  top: 91.7px;
}

.choonchun a {
  width: 88px;
  height: 78px;
  background-image: url(../images/map_mo/choonchun_off.svg);
}

.choonchun a:hover,
.choonchun a.on {
  background-image: url(../images/map_mo/choonchun_on.svg);
}

.choonchun a .map_txt {
  left: -24.6px;
  top: 18.1px;
}

.sokcho {
  left: 195.5px;
  top: 75.3px;
}

.sokcho a {
  width: 26px;
  height: 21px;
  background-image: url(../images/map_mo/sokcho_off.svg);
}

.sokcho a:hover,
.sokcho a.on {
  background-image: url(../images/map_mo/sokcho_on.svg);
}

.sokcho a .map_txt {
  left: 11px;
  top: -41.4px;
}

.yangyang {
  left: 191.4px;
  top: 88.1px;
}

.yangyang a {
  width: 64px;
  height: 58px;
  background-image: url(../images/map_mo/yangyang_off.svg);
}

.yangyang a:hover,
.yangyang a.on {
  background-image: url(../images/map_mo/yangyang_on.svg);
}

.yangyang a .map_txt {
  left: 42.1px;
  top: 4.8px;
}

.hongchun {
  left: 59.6px;
  top: 121.4px;
}

.hongchun a {
  width: 158px;
  height: 77px;
  background-image: url(../images/map_mo/hongchun_off.svg);
}

.hongchun a:hover,
.hongchun a.on {
  background-image: url(../images/map_mo/hongchun_on.svg);
}

.hongchun a .map_txt {
  right: 67.2px;
  top: -17.5px;
}

.kangr {
  left: 213.2px;
  top: 134.3px;
}

.kangr a {
  width: 76px;
  height: 81px;
  background-image: url(../images/map_mo/kangr_off.svg);
}

.kangr a:hover,
.kangr a.on {
  background-image: url(../images/map_mo/kangr_on.svg);
}

.kangr a .map_txt {
  left: 43.3px;
  top: 18px;
}

.wonju {
  left: 83.8px;
  top: 200.4px;
}

.wonju a {
  width: 73px;
  height: 70px;
  background-image: url(../images/map_mo/wonju_off.svg);
}

.wonju a:hover,
.wonju a.on {
  background-image: url(../images/map_mo/wonju_on.svg);
}

.wonju a .map_txt {
  left: -37.5px;
  top: 27.5px;
}

.hs {
  left: 90.2px;
  top: 170.8px;
}

.hs a {
  width: 82px;
  height: 72px;
  background-image: url(../images/map_mo/hs_off.svg);
}

.hs a:hover,
.hs a.on {
  background-image: url(../images/map_mo/hs_on.svg);
}

.hs a .map_txt {
  right: 16.2px;
  top: -1px;
}

.pyungchang {
  left: 158.7px;
  top: 150.5px;
}

.pyungchang a {
  width: 84px;
  height: 106px;
  background-image: url(../images/map_mo/pyungchang_off.svg);
}

.pyungchang a:hover,
.pyungchang a.on {
  background-image: url(../images/map_mo/pyungchang_on.svg);
}

.pyungchang a .map_txt {
  left: 4.3px;
  top: 0%;
}

.y_wol {
  left: 136.6px;
  top: 221px;
}

.y_wol a {
  width: 121px;
  height: 80px;
  background-image: url(../images/map_mo/y_wol_off.svg);
}

.y_wol a:hover,
.y_wol a.on {
  background-image: url(../images/map_mo/y_wol_on.svg);
}

.y_wol a .map_txt {
  left: -2.1px;
  top: 36.9px;
}

.jungsun {
  left: 196.8px;
  top: 197.7px;
}

.jungsun a {
  width: 75px;
  height: 86px;
  background-image: url(../images/map_mo/jungsun_off.svg);
}

.jungsun a:hover,
.jungsun a.on {
  background-image: url(../images/map_mo/jungsun_on.svg);
}

.jungsun a .map_txt {
  right: 19.7px;
  top: 12.2px;
}

.donghea {
  left: 262.7px;
  top: 192.6px;
}

.donghea a {
  width: 41px;
  height: 38px;
  background-image: url(../images/map_mo/donghea_off.svg);
}

.donghea a:hover,
.donghea a.on {
  background-image: url(../images/map_mo/donghea_on.svg);
}

.donghea a .map_txt {
  left: -0.8px;
  top: 18.7px;
}

.teaback {
  left: 245.6px;
  top: 241.9px;
}

.teaback a {
  width: 39px;
  height: 53px;
  background-image: url(../images/map_mo/teaback_off.svg);
}

.teaback a:hover,
.teaback a.on {
  background-image: url(../images/map_mo/teaback_on.svg);
}

.teaback a .map_txt {
  right: 31.2px;
  top: 29px;
}

.samchuck {
  left: 245px;
  top: 218.8px;
}

.samchuck a {
  width: 80px;
  height: 81px;
  background-image: url(../images/map_mo/samchuck_off.svg);
}

.samchuck a:hover,
.samchuck a.on {
  background-image: url(../images/map_mo/samchuck_on.svg);
}

.samchuck a .map_txt {
  left: 17px;
  top: 51px;
}

/* 경기도*/
.yunchun {
  left: 64.3px;
  top: 0px
}

.yunchun a {
  width: 103px;
  height: 112px;
  background-image: url(../images/map_mo/yunchun_off.svg);
}

.yunchun a:hover,
.yunchun a.on {
  background-image: url(../images/map_mo/yunchun_on.svg);
}

.yunchun a .map_txt {
  left: 23%;
  top: -5%;
}

.phochun {
  left: 138.6px;
  top: 29.2px;
}

.phochun a {
  width: 90px;
  height: 139px;
  background-image: url(../images/map_mo/phochun_off.svg);
}

.phochun a:hover,
.phochun a.on {
  background-image: url(../images/map_mo/phochun_on.svg);
}

.phochun a .map_txt {
  left: 30%;
  top: -10%;
}

.gapyung {
  left: 180.8px;
  top: 69.6px;
}

.gapyung a {
  width: 89px;
  height: 153px;
  background-image: url(../images/map_mo/gapyung_off.svg);
}

.gapyung a:hover,
.gapyung a.on {
  background-image: url(../images/map_mo/gapyung_on.svg);
}

.gapyung a .map_txt {
  left: 48.7px;
  top: 2.7px;
}

.yangphyung {
  left: 191.3px;
  top: 186.9px;
}

.yangphyung a {
  width: 134px;
  height: 97px;
  background-image: url(../images/map_mo/yangphyung_off.svg);
}

.yangphyung a:hover,
.yangphyung a.on {
  background-image: url(../images/map_mo/yangphyung_on.svg);
}

.yangphyung a .map_txt {
  left: 70px;
  top: 6.6px;
}

.yjoo {
  left: 205.3px;
  top: 236.3px;
}

.yjoo a {
  width: 101px;
  height: 116px;
  background-image: url(../images/map_mo/yjoo_off.svg);
}

.yjoo a:hover,
.yjoo a.on {
  background-image: url(../images/map_mo/yjoo_on.svg);
}

.yjoo a .map_txt {
  left: 55.5px;
  top: 75px;
}

.echun {
  left: 195.5px;
  top: 280.4px;
}

.echun a {
  width: 79px;
  height: 101px;
  background-image: url(../images/map_mo/echunon_off.svg);
}

.echun a:hover,
.echun a.on {
  background-image: url(../images/map_mo/echunon_on.svg);
}

.echun a .map_txt {
  left: 42.5px;
  top: 36.1px;
}

.ansung {
  left: 141px;
  top: 342.7px;
}

.ansung a {
  width: 104px;
  height: 85px;
  background-image: url(../images/map_mo/ansung_off.svg);
}

.ansung a:hover,
.ansung a.on {
  background-image: url(../images/map_mo/ansung_on.svg);
}

.ansung a .map_txt {
  left: 25%;
  top: 86%;
}

.pyungteack {
  left: 63.8px;
  top: 345.8px;
}

.pyungteack a {
  width: 94px;
  height: 77px;
  background-image: url(../images/map_mo/pyungteack_off.svg);
}

.pyungteack a:hover,
.pyungteack a.on {
  background-image: url(../images/map_mo/pyungteack_on.svg);
}

.pyungteack a .map_txt {
  left: -5.5px;
  top: 54.1px;
}

.hwasung {
  left: 29.5px;
  top: 300.7px;
}

.hwasung a {
  width: 130px;
  height: 88px;
  background-image: url(../images/map_mo/hwasung_off.svg);
}

.hwasung a:hover,
.hwasung a.on {
  background-image: url(../images/map_mo/hwasung_on.svg);
}

.hwasung a .map_txt {
  left: -27.5px;
  top: 41.1px;
}

.sih {
  left: 3.1px;
  top: 246.3px;
}

.sih a {
  width: 88px;
  height: 88px;
  background-image: url(../images/map_mo/si_off.svg);
}

.sih a:hover,
.sih a.on {
  background-image: url(../images/map_mo/si_on.svg);
}

.sih a .map_txt {
  left: 53.5px;
  top: -20.9px;
}

.gpho {
  left: 85.2px;
  top: 274.4px;
}

.gpho a {
  width: 26px;
  height: 27px;
  background-image: url(../images/map_mo/gpho_off.svg);
}

.gpho a:hover,
.gpho a.on {
  background-image: url(../images/map_mo/gpho_on.svg);
}

.gpho a .map_txt {
  left: -28.55px;
  top: 10.1px;
}

.anyang {
  left: 85px;
  top: 253.6px;
}

.anyang a {
  width: 31px;
  height: 34px;
  background-image: url(../images/map_mo/anyang_off.svg);
}

.anyang a:hover,
.anyang a.on {
  background-image: url(../images/map_mo/anyang_on.svg);
}

.anyang a .map_txt {
  left: 27px;
  top: 30px;
}

.gwachun {
  left: 106.7px;
  top: 248.3px;
}

.gwachun a {
  width: 26px;
  height: 23px;
  background-image: url(../images/map_mo/gwachun_off.svg);
}

.gwachun a:hover,
.gwachun a.on {
  background-image: url(../images/map_mo/gwachun_on.svg);
}

.gwachun a .map_txt {
  left: 60.5px;
  top: 4.1px;
}

.soowon {
  left: 97px;
  top: 283px;
}

.soowon a {
  width: 45px;
  height: 42px;
  background-image: url(../images/map_mo/soowon_off.svg);
}

.soowon a:hover,
.soowon a.on {
  background-image: url(../images/map_mo/soowon_on.svg);
}

.soowon a .map_txt {
  left: -40.5px;
  top: 58.1px;
}

.sungnam {
  left: 121.7px;
  top: 246px;
}

.sungnam a {
  width: 45px;
  height: 47px;
  background-image: url(../images/map_mo/sungnam_off.svg);
}

.sungnam a:hover,
.sungnam a.on {
  background-image: url(../images/map_mo/sungnam_on.svg);
}

.sungnam a .map_txt {
  left: 45.5px;
  top: 65.1px;
}

.youngin {
  left: 120.2px;
  top: 276.3px;
}

.youngin a {
  width: 104px;
  height: 92px;
  background-image: url(../images/map_mo/youngin_off.svg);
}

.youngin a:hover,
.youngin a.on {
  background-image: url(../images/map_mo/youngin_on.svg);
}

.youngin a .map_txt {
  left: 45%;
  top: 90%;
}

.osan {
  left: 114.2px;
  top: 328.8px;
}

.osan a {
  width: 30px;
  height: 27px;
  background-image: url(../images/map_mo/osan_off.svg);
}

.osan a:hover,
.osan a.on {
  background-image: url(../images/map_mo/osan_on.svg);
}

.osan a .map_txt {
  left: -2.5px;
  top: 71.1px;
}

.gwangmyung {
  left: 73.5px;
  top: 240.1px;
}

.gwangmyung a {
  width: 24px;
  height: 32px;
  background-image: url(../images/map_mo/gwangmyung_off.svg);
}

.gwangmyung a:hover,
.gwangmyung a.on {
  background-image: url(../images/map_mo/gwangmyung_on.svg);
}

.gwangmyung a .map_txt {
  left: 38.5px;
  top: -15.1px;
}

.wang {
  left: 98.9px;
  top: 263.2px;
}

.wang a {
  width: 31px;
  height: 39px;
  background-image: url(../images/map_mo/wang_off.svg);
}

.wang a:hover,
.wang a.on {
  background-image: url(../images/map_mo/wang_on.svg);
}

.wang a .map_txt {
  left: 13.5px;
  top: 78.1px;
}

.ansan {
  left: 47.7px;
  top: 274.6px;
}

.ansan a {
  width: 58px;
  height: 39px;
  background-image: url(../images/map_mo/ansan_off.svg);
}

.ansan a:hover,
.ansan a.on {
  background-image: url(../images/map_mo/ansan_on.svg);
}

.ansan a .map_txt {
  left: -45.5px;
  top: 9.1px;
}

.hanam {
  left: 149.6px;
  top: 212.9px;
}

.hanam a {
  width: 41px;
  height: 39px;
  background-image: url(../images/map_mo/hanam_off.svg);
}

.hanam a:hover,
.hanam a.on {
  background-image: url(../images/map_mo/hanam_on.svg);
}

.hanam a .map_txt {
  left: 17.5px;
  top: -19.9px;
}

.gwangjoo {
  left: 148.4px;
  top: 227.7px;
}

.gwangjoo a {
  width: 79px;
  height: 86px;
  background-image: url(../images/map_mo/gwangjoo_off.svg);
}

.gwangjoo a:hover,
.gwangjoo a.on {
  background-image: url(../images/map_mo/gwangjoo_on.svg);
}

.gwangjoo a .map_txt {
  left: 73.5px;
  top: 24.1px;
}

.echun {
  left: 195.5px;
  top: 280.4px;
}

.echun a {
  width: 79px;
  height: 101px;
  background-image: url(../images/map_mo/echun_off.svg);
}

.echun a:hover,
.echun a.on {
  background-image: url(../images/map_mo/echun_on.svg);
}

.echun a .map_txt {
  left: 42.5px;
  top: 90.1px;
}

.namyangjoo {
  left: 135px;
  top: 152.1px;
}

.namyangjoo a {
  width: 79px;
  height: 90px;
  background-image: url(../images/map_mo/namyangjoo_off.svg);
}

.namyangjoo a:hover,
.namyangjoo a.on {
  background-image: url(../images/map_mo/namyangjoo_on.svg);
}

.namyangjoo a .map_txt {
  left: 31.5px;
  top: -17.9px;
}

.goori {
  left: 140.6px;
  top: 193.6px;
}

.goori a {
  width: 20px;
  height: 31px;
  background-image: url(../images/map_mo/goori_off.svg);
}

.goori a:hover,
.goori a.on {
  background-image: url(../images/map_mo/goori_on.svg);
}

.goori a .map_txt {
  left: -29px;
  top: -28px;
}

.dongdoochun {
  left: 119px;
  top: 92.3px;
}

.dongdoochun a {
  width: 39px;
  height: 41px;
  background-image: url(../images/map_mo/dongdoochun_off.svg);
}

.dongdoochun a:hover,
.dongdoochun a.on {
  background-image: url(../images/map_mo/dongdoochun_on.svg);
}

.dongdoochun a .map_txt {
  left: -77%;
  top: -91%;
}

.wjb {
  left: 117.2px;
  top: 152.5px;
}

.wjb a {
  width: 39px;
  height: 33px;
  background-image: url(../images/map_mo/wjb_off.svg);
}

.wjb a:hover,
.wjb a.on {
  background-image: url(../images/map_mo/wjb_on.svg);
}

.wjb a .map_txt {
  left: -5.5px;
  top: -45.9px;
}

.yangjoo {
  left: 93.2px;
  top: 103.3px;
}

.yangjoo a {
  width: 57px;
  height: 87px;
  background-image: url(../images/map_mo/yangjoo_off.svg);
}

.yangjoo a:hover,
.yangjoo a.on {
  background-image: url(../images/map_mo/yangjoo_on.svg);
}

.yangjoo a .map_txt {
  left: -37px;
  top: 4px;
}

.pajoo {
  left: 36.4px;
  top: 83px;
}

.pajoo a {
  width: 88px;
  height: 100px;
  background-image: url(../images/map_mo/pajoo_off.svg);
}

.pajoo a:hover,
.pajoo a.on {
  background-image: url(../images/map_mo/pajoo_on.svg);
}

.pajoo a .map_txt {
  left: -34.9px;
  top: 24.3px;
}

.goyang {
  left: 38px;
  top: 162.3px;
}

.goyang a {
  width: 81px;
  height: 56px;
  background-image: url(../images/map_mo/goyang_off.svg);
}

.goyang a:hover,
.goyang a.on {
  background-image: url(../images/map_mo/goyang_on.svg);
}

.goyang a .map_txt {
  left: 18.5px;
  top: 4.1px;
}

.kimpo {
  left: 0px;
  top: 153.9px;
}

.kimpo a {
  width: 72px;
  height: 63px;
  background-image: url(../images/map_mo/kimpo_off.svg);
}

.kimpo a:hover,
.kimpo a.on {
  background-image: url(../images/map_mo/kimpo_on.svg);
}

.kimpo a .map_txt {
  left: 1.5px;
  top: 12.1px;
}

.boochen {
  left: 54.9px;
  top: 217.2px;
}

.boochen a {
  width: 23px;
  height: 35px;
  background-image: url(../images/map_mo/boochen_off.svg);
}

.boochen a:hover,
.boochen a.on {
  background-image: url(../images/map_mo/boochen_on.svg);
}

.boochen a .map_txt {
  left: -52.5px;
  top: 8.1px;
}

/* 경남 */
.guchang {
  left: 17.3px;
  top: 10.5px;
}

.guchang a {
  width: 89px;
  height: 98px;
  background-image: url(../images/map_mo/guchang_off.svg);
}

.guchang a:hover,
.guchang a.on {
  background-image: url(../images/map_mo/guchang_on.svg);
}

.guchang a .map_txt {
  left: 16.2x;
  top: -22.2px;
}

.hamyang {
  left: 0px;
  top: 41.9px;
}

.hamyang a {
  width: 61px;
  height: 115px;
  background-image: url(../images/map_mo/hamyang_off.svg);
}

.hamyang a:hover,
.hamyang a.on {
  background-image: url(../images/map_mo/hamyang_on.svg);
}

.hamyang a .map_txt {
  left: -15.5px;
  top: 3px;
}

.hadong {
  left: 0px;
  top: 151px;
}

.hadong a {
  width: 75px;
  height: 98px;
  background-image: url(../images/map_mo/hadong_off.svg);
}

.hadong a:hover,
.hadong a.on {
  background-image: url(../images/map_mo/hadong_on.svg);
}

.hadong a .map_txt {
  left: -14.5px;
  top: -7px;
}

.namhea {
  left: 43.6px;
  top: 243.8px;
}

.namhea a {
  width: 62px;
  height: 63px;
  background-image: url(../images/map_mo/namhea_off.svg);
}

.namhea a:hover,
.namhea a.on {
  background-image: url(../images/map_mo/namhea_on.svg);
}

.namhea a .map_txt {
  left: -21.1px;
  top: 4.2px;
}

.sachun {
  left: 60.3px;
  top: 192.1px;
}

.sachun a {
  width: 62px;
  height: 63px;
  background-image: url(../images/map_mo/sachun_off.svg);
}

.sachun a:hover,
.sachun a.on {
  background-image: url(../images/map_mo/sachun_on.svg);
}

.sachun a .map_txt {
  left: 16.2px;
  top: 23.5px;
}

.gosung {
  left: 103.5px;
  top: 197.2px;
}

.gosung a {
  width: 83px;
  height: 64px;
  background-image: url(../images/map_mo/gn_gosung_off.svg);
}

.gosung a:hover,
.gosung a.on {
  background-image: url(../images/map_mo/gn_gosung_on.svg);
}

.gosung a .map_txt {
  left: 33px;
  top: 18.6px;
}

.tond {
  left: 144.1px;
  top: 237px;
}

.tond a {
  width: 40px;
  height: 55px;
  background-image: url(../images/map_mo/tond_off.svg);
}

.tond a:hover,
.tond a.on {
  background-image: url(../images/map_mo/tond_on.svg);
}

.tond a .map_txt {
  left: -7px;
  top: 42.2px;
}

.guje {
  left: 176.3px;
  top: 218.9px;
}

.guje a {
  width: 62px;
  height: 88px;
  background-image: url(../images/map_mo/guje_off.svg);
}

.guje a:hover,
.guje a.on {
  background-image: url(../images/map_mo/guje_on.svg);
}

.guje a .map_txt {
  left: 54px;
  top: 19.2px;
}

.jinjoo {
  left: 61.8px;
  top: 144.4px;
}

.jinjoo a {
  width: 99px;
  height: 79px;
  background-image: url(../images/map_mo/jinjoo_off.svg);
}

.jinjoo a:hover,
.jinjoo a.on {
  background-image: url(../images/map_mo/jinjoo_on.svg);
}

.jinjoo a .map_txt {
  left: 14.8px;
  top: 13.6px;
}

.sanchung {
  left: 22.2px;
  top: 90px;
}

.sanchung a {
  width: 86px;
  height: 91px;
  background-image: url(../images/map_mo/sanchung_off.svg);
}

.sanchung a:hover,
.sanchung a.on {
  background-image: url(../images/map_mo/sanchung_on.svg);
}

.sanchung a .map_txt {
  left: 26.3px;
  top: 10.1px;
}

.hamchun {
  left: 72.4px;
  top: 29.7px;
}

.hamchun a {
  width: 87px;
  height: 114px;
  background-image: url(../images/map_mo/hamchun_off.svg);
}

.hamchun a:hover,
.hamchun a.on {
  background-image: url(../images/map_mo/hamchun_on.svg);
}

.hamchun a .map_txt {
  left: 22.1px;
  top: 12.6px;
}

.wryoung {
  left: 103.1px;
  top: 104.2px;
}

.wryoung a {
  width: 66px;
  height: 67px;
  background-image: url(../images/map_mo/wryoung_off.svg);
}

.wryoung a:hover,
.wryoung a.on {
  background-image: url(../images/map_mo/wryoung_on.svg);
}

.wryoung a .map_txt {
  left: 6.4px;
  top: -4.1px;
}

.changwon {
  left: 152.5px;
  top: 133.7px;
}

.changwon a {
  width: 96px;
  height: 86px;
  background-image: url(../images/map_mo/changwon_off.svg);
}

.changwon a:hover,
.changwon a.on {
  background-image: url(../images/map_mo/changwon_on.svg);
}

.changwon a .map_txt {
  left: 42.5px;
  top: 36.1px;
}

.haman {
  left: 136.7px;
  top: 132.9px;
}

.haman a {
  width: 64px;
  height: 69px;
  background-image: url(../images/map_mo/haman_off.svg);
}

.haman a:hover,
.haman a.on {
  background-image: url(../images/map_mo/haman_on.svg);
}

.haman a .map_txt {
  left: 30.8px;
  top: -32.8px;
}

.changseong {
  left: 151px;
  top: 67.7px;
}

.changseong a {
  width: 64px;
  height: 78px;
  background-image: url(../images/map_mo/changseong_off.svg);
}

.changseong a:hover,
.changseong a.on {
  background-image: url(../images/map_mo/changseong_on.svg);
}

.changseong a .map_txt {
  left: 4.5px;
  top: -25.4px;
}

.milyang {
  left: 193.8px;
  top: 78.6px;
}

.milyang a {
  width: 90px;
  height: 70px;
  background-image: url(../images/map_mo/milyang_off.svg);
}

.milyang a:hover,
.milyang a.on {
  background-image: url(../images/map_mo/milyang_on.svg);
}

.milyang a .map_txt {
  left: 22.7px;
  top: -36.3px;
}

.kimhea {
  left: 218.4px;
  top: 134.2px;
}

.kimhea a {
  width: 67px;
  height: 61px;
  background-image: url(../images/map_mo/kimhea_off.svg);
}

.kimhea a:hover,
.kimhea a.on {
  background-image: url(../images/map_mo/kimhea_on.svg);
}

.kimhea a .map_txt {
  left: 53.1px;
  top: 20.1px;
}

.yangsan {
  left: 251.4px;
  top: 99.5px;
}

.yangsan a {
  width: 75px;
  height: 69px;
  background-image: url(../images/map_mo/yangsan_off.svg);
}

.yangsan a:hover,
.yangsan a.on {
  background-image: url(../images/map_mo/yangsan_on.svg);
}

.yangsan a .map_txt {
  left: 20.1px;
  top: -3.2px;
}

/* 경북 */
.wooljin {
  left: 188.2px;
  top: 0px;
}

.wooljin a {
  width: 61px;
  height: 96px;
  background-image: url(../images/map_mo/wooljin_off.svg);
}

.wooljin a:hover,
.wooljin a.on {
  background-image: url(../images/map_mo/wooljin_on.svg);
}

.wooljin a .map_txt {
  left: 9.3px;
  top: -17px;
}

.bonghwa {
  left: 125.1px;
  top: 8.9px;
}

.bonghwa a {
  width: 82px;
  height: 70px;
  background-image: url(../images/map_mo/bonghwa_off.svg);
}

.bonghwa a:hover,
.bonghwa a.on {
  background-image: url(../images/map_mo/bonghwa_on.svg);
}

.bonghwa a .map_txt {
  left: 14.4px;
  top: -25.9px;
}

.youngjoo {
  left: 93.9px;
  top: 17.6px;
}

.youngjoo a {
  width: 48px;
  height: 72px;
  background-image: url(../images/map_mo/youngjoo_off.svg);
}

.youngjoo a:hover,
.youngjoo a.on {
  background-image: url(../images/map_mo/youngjoo_on.svg);
}

.youngjoo a .map_txt {
  left: -12.9px;
  top: -34.6px;
}

.yechun {
  left: 69.6px;
  top: 57.5px;
}

.yechun a {
  width: 53px;
  height: 79px;
  background-image: url(../images/map_mo/yechun_off.svg);
}

.yechun a:hover,
.chungwon a.on {
  background-image: url(../images/map_mo/yechun_on.svg);
}

.yechun a .map_txt {
  left: -25.6px;
  top: -21.5px;
}

.moonkyung {
  left: 16px;
  top: 53.8px;
}

.moonkyung a {
  width: 71px;
  height: 71px;
  background-image: url(../images/map_mo/moonkyung_off.svg);
}

.moonkyung a:hover,
.moonkyung a.on {
  background-image: url(../images/map_mo/moonkyung_on.svg);
}

.moonkyung a .map_txt {
  left: -30px;
  top: -17.8px;
}

.sangjoo {
  left: 0px;
  top: 96.3px;
}

.sangjoo a {
  width: 86px;
  height: 80px;
  background-image: url(../images/map_mo/sangjoo_off.svg);
}

.sangjoo a:hover,
.sangjoo a.on {
  background-image: url(../images/map_mo/sangjoo_on.svg);
}

.sangjoo a .map_txt {
  left: -14px;
  top: 8.7px;
}

.kimchun {
  left: 13.2px;
  top: 168.7px;
}

.kimchun a {
  width: 67px;
  height: 83px;
  background-image: url(../images/map_mo/kimchun_off.svg);
}

.kimchun a:hover,
.kimchun a.on {
  background-image: url(../images/map_mo/kimchun_on.svg);
}

.kimchun a .map_txt {
  left: -25.2px;
  top: -6.7px;
}

.sungjoo {
  left: 39.6px;
  top: 206.3px;
}

.sungjoo a {
  width: 56px;
  height: 56px;
  background-image: url(../images/map_mo/sungjoo_off.svg);
}

.sungjoo a:hover,
.sungjoo a.on {
  background-image: url(../images/map_mo/sungjoo_on.svg);
}

.sungjoo a .map_txt {
  left: -51px;
  top: 18px;
}

.goryoung {
  left: 55.4px;
  top: 244.4px;
}

.goryoung a {
  width: 52px;
  height: 48px;
  background-image: url(../images/map_mo/goryoung_off.svg);
}

.goryoung a:hover,
.goryoung a.on {
  background-image: url(../images/map_mo/goryoung_on.svg);
}

.goryoung a .map_txt {
  left: -67px;
  top: 42px;
}

.deagoogwang {
  left: 87px;
  top: 213px;
}

.deagoogwang a {
  width: 62px;
  height: 78px;
  background-image: url(../images/map_mo/deagoogwang_off.svg);
}

.deagoogwang a:hover,
.deagoogwang a.on {
  background-image: url(../images/map_mo/deagoogwang_on.svg);
}

.deagoogwang a .map_txt {
  left: -40px;
  top: 70px;
}

.chungdo {
  left: 111.1px;
  top: 241.9px;
}

.chungdo a {
  width: 80px;
  height: 53px;
  background-image: url(../images/map_mo/chungdo_off.svg);
}

.chungdo a:hover,
.chungdo a.on {
  background-image: url(../images/map_mo/chungdo_on.svg);
}

.chungdo a .map_txt {
  left: -4.1px;
  top: 42px;
}

.youngchun {
  left: 135.3px;
  top: 182.1px;
}

.youngchun a {
  width: 70px;
  height: 67px;
  background-image: url(../images/map_mo/youngchun_off.svg);
}

.youngchun a:hover,
.youngchun a.on {
  background-image: url(../images/map_mo/youngchun_on.svg);
}

.youngchun a .map_txt {
  left: 31.2px;
  top: -20.1px;
}

.kyoungjoo {
  left: 177.4px;
  top: 199px;
}

.kyoungjoo a {
  width: 83px;
  height: 87px;
  background-image: url(../images/map_mo/kyoungjoo_off.svg);
}

.kyoungjoo a:hover,
.kyoungjoo a.on {
  background-image: url(../images/map_mo/kyoungjoo_on.svg);
}

.kyoungjoo a .map_txt {
  left: -10.9px;
  top: 20px;
}

.phohang {
  left: 177.4px;
  top: 153.8px;
}

.phohang a {
  width: 93px;
  height: 93px;
  background-image: url(../images/map_mo/phohang_off.svg);
}

.phohang a:hover,
.phohang a.on {
  background-image: url(../images/map_mo/phohang_on.svg);
}

.phohang a .map_txt {
  left: 49px;
  top: 8.2px;
}

.youngduck {
  left: 200.4px;
  top: 88.7px;
}

.youngduck a {
  width: 47px;
  height: 78px;
  background-image: url(../images/map_mo/youngduck_off.svg);
}

.youngduck a:hover,
.youngduck a.on {
  background-image: url(../images/map_mo/youngduck_on.svg);
}

.youngduck a .map_txt {
  left: 25.6px;
  top: 16.3px;
}

.youngyang {
  left: 174.8px;
  top: 50.1px;
}

.youngyang a {
  width: 51px;
  height: 76px;
  background-image: url(../images/map_mo/youngyang_off.svg);
}

.youngyang a:hover,
.youngyang a.on {
  background-image: url(../images/map_mo/youngyang_on.svg);
}

.youngyang a .map_txt {
  left: -8.8px;
  top: -1.1px;
}

.ansdong {
  left: 93.8px;
  top: 62.4px;
}

.ansdong a {
  width: 86px;
  height: 99px;
  background-image: url(../images/map_mo/ansdong_off.svg);
}

.ansdong a:hover,
.ansdong a.on {
  background-image: url(../images/map_mo/ansdong_on.svg);
}

.ansdong a .map_txt {
  left: 13.2px;
  top: -13.4px;
}

.chungsong {
  left: 153px;
  top: 104.8px;
}

.chungsong a {
  width: 67px;
  height: 84px;
  background-image: url(../images/map_mo/chungsong_off.svg);
}

.chungsong a:hover,
.chungsong a.on {
  background-image: url(../images/map_mo/chungsong_on.svg);
}

.chungsong a .map_txt {
  left: 13.5px;
  top: 0.2px;
}

.esung {
  left: 73.4px;
  top: 118.4px;
}

.esung a {
  width: 94px;
  height: 65px;
  background-image: url(../images/map_mo/esung_off.svg);
}

.esung a:hover,
.esung a.on {
  background-image: url(../images/map_mo/esung_on.svg);
}

.esung a .map_txt {
  left: 34px;
  top: -13px;
}

.goomi {
  left: 50.4px;
  top: 149.5px;
}

.goomi a {
  width: 70px;
  height: 60px;
  background-image: url(../images/map_mo/goomi_off.svg);
}

.goomi a:hover,
.goomi a.on {
  background-image: url(../images/map_mo/goomi_on.svg);
}

.goomi a .map_txt {
  left: -2.9px;
  top: 12.5px;
}

.chilgog {
  left: 73.6px;
  top: 193.7px;
}

.chilgog a {
  width: 54px;
  height: 44px;
  background-image: url(../images/map_mo/chilgog_off.svg);
}

.chilgog a:hover,
.chilgog a.on {
  background-image: url(../images/map_mo/chilgog_on.svg);
}

.chilgog a .map_txt {
  left: -26px;
  top: 30px;
}

.kyoungsan {
  left: 135px;
  top: 220px;
}

.kyoungsan a {
  width: 43px;
  height: 57px;
  background-image: url(../images/map_mo/kyoungsan_off.svg);
}

.kyoungsan a:hover,
.kyoungsan a.on {
  background-image: url(../images/map_mo/kyoungsan_on.svg);
}

.kyoungsan a .map_txt {
  left: -28px;
  top: -1px;
}

.goonwe {
  left: 91.3px;
  top: 156.3px;
}

.goonwe a {
  width: 77px;
  height: 59px;
  background-image: url(../images/map_mo/goonwe_off.svg);
}

.goonwe a:hover,
.goonwe a.on {
  background-image: url(../images/map_mo/goonwe_on.svg);
}

.goonwe a .map_txt {
  left: 16px;
  top: 7px;
}

.woolrdo {
  left: 267.2px;
  top: 26.2px;
}

.woolrdo a {
  width: 20px;
  height: 20px;
  background-image: url(../images/map_mo/woolrdo_off.svg);
}

.woolrdo a:hover,
.chungwon a.on {
  background-image: url(../images/map_mo/woolrdo_on.svg);
}

.dockdo {
  left: 305.9px;
  top: 46.6px;
}

.dockdo a {
  width: 20px;
  height: 20px;
  background-image: url(../images/map_mo/dockdo_off.svg);
}

.dockdo a:hover,
.dockdo a.on {
  background-image: url(../images/map_mo/dockdo_on.svg);
}

/* 광주 */
.gwangsan {
  left: 0px;
  top: 0px;
}

.gwangsan a {
  width: 188px;
  height: 207px;
  background-image: url(../images/map_mo/gwangsan_off.svg);
}

.gwangsan a:hover,
.gwangsan a.on {
  background-image: url(../images/map_mo/gwangsan_on.svg);
}

.gwangsan a .map_txt {
  left: 60.5px;
  top: 67.5px;
}

.bookgoo {
  left: 165px;
  top: 0px;
}

.bookgoo a {
  width: 162px;
  height: 145px;
  background-image: url(../images/map_mo/bookgoo_off.svg);
}

.bookgoo a:hover,
.bookgoo a.on {
  background-image: url(../images/map_mo/bookgoo_on.svg);
}

.bookgoo a .map_txt {
  left: 61.1px;
  top: 59.4px;
}

.namgoo {
  left: 101.6px;
  top: 109.2px;
}

.namgoo a {
  width: 150px;
  height: 105px;
  background-image: url(../images/map_mo/namgoo_off.svg);
}

.namgoo a:hover,
.namgoo a.on {
  background-image: url(../images/map_mo/namgoo_on.svg);
}

.namgoo a .map_txt {
  left: 53.9px;
  top: 17.3px;
}

.sugoo {
  left: 135px;
  top: 83px;
}

.sugoo a {
  width: 95px;
  height: 93px;
  background-image: url(../images/map_mo/sugoo_off.svg);
}

.sugoo a:hover,
.sugoo a.on {
  background-image: url(../images/map_mo/sugoo_on.svg);
}

.sugoo a .map_txt {
  left: 19.7px;
  top: -23.9px;
}

.donggoo {
  left: 223.7px;
  top: 97.5px;
}

.donggoo a {
  width: 90px;
  height: 97px;
  background-image: url(../images/map_mo/donggoo_off.svg);
}

.donggoo a:hover,
.donggoo a.on {
  background-image: url(../images/map_mo/donggoo_on.svg);
}

.donggoo a .map_txt {
  left: 4px;
  top: 28px;
}


/* 대구 */
.dalsung {
  left: 0px;
  top: 56.8px;
}

.dalsung a {
  width: 271px;
  height: 266px;
  background-image: url(../images/map_mo/dalsung_off.svg);
}

.dalsung a:hover,
.dalsung a.on {
  background-image: url(../images/map_mo/dalsung_on.svg);
}

.dalsung a .map_txt {
  left: 67px;
  top: 160px;
}

.dalsugoo {
  left: 92px;
  top: 115px;
}

.dalsugoo a {
  width: 92px;
  height: 78px;
  background-image: url(../images/map_mo/dalsugoo_off.svg);
}

.dalsugoo a:hover,
.dalsugoo a.on {
  background-image: url(../images/map_mo/dalsugoo_on.svg);
}

.dalsugoo a .map_txt {
  left: -3px;
  top: 35px;
}

.bookgooo {
  left: 116.4px;
  top: 20px;
}

.bookgooo a {
  width: 108px;
  height: 93px;
  background-image: url(../images/map_mo/bookgooo_off.svg);
}

.bookgooo a:hover,
.bookgooo a.on {
  background-image: url(../images/map_mo/bookgooo_on.svg);
}

.bookgooo a .map_txt {
  left: 16.6px;
  top: -4.5px;
}

.sugoo02 {
  left: 129.1px;
  top: 94.4px;
}

.sugoo02 a {
  width: 53px;
  height: 35px;
  background-image: url(../images/map_mo/sugoo02_off.svg);
}

.sugoo02 a:hover,
.sugoo02 a.on {
  background-image: url(../images/map_mo/sugoo02_on.svg);
}

.sugoo02 a .map_txt {
  left: -40px;
  top: -3px;
}

.joong {
  left: 169.9px;
  top: 108px;
}

.joong a {
  width: 36px;
  height: 22px;
  background-image: url(../images/map_mo/joong_off.svg);
}

.joong a:hover,
.joong a.on {
  background-image: url(../images/map_mo/joong_on.svg);
}

.joong a .map_txt {
  left: -24px;
  top: -17px;
}

.nam {
  left: 162.6px;
  top: 119.1px;
}

.nam a {
  width: 42px;
  height: 48px;
  background-image: url(../images/map_mo/nam_off.svg);
}

.nam a:hover,
.nam a.on {
  background-image: url(../images/map_mo/nam_on.svg);
}

.nam a .map_txt {
  left: -17px;
  top: 31px;
}

.soosung {
  left: 183.1px;
  top: 108px;
}

.soosung a {
  width: 115px;
  height: 76px;
  background-image: url(../images/map_mo/soosung_off.svg);
}

.soosung a:hover,
.soosung a.on {
  background-image: url(../images/map_mo/soosung_on.svg);
}

.soosung a .map_txt {
  left: 47.9px;
  top: -9.5px;
}

.dong {
  left: 192.1px;
  top: 0px;
}

.dong a {
  width: 135px;
  height: 134px;
  background-image: url(../images/map_mo/dong_off.svg);
}

.dong a:hover,
.dong a.on {
  background-image: url(../images/map_mo/dong_on.svg);
}

.dong a .map_txt {
  left: 38.9px;
  top: 15.5px;
}

/* 대전 */
.yousunggoo {
  left: 0px;
  top: 0px;
}

.yousunggoo a {
  width: 178px;
  height: 311px;
  background-image: url(../images/map_mo/yousunggoo_off.svg);
}

.yousunggoo a:hover,
.yousunggoo a.on {
  background-image: url(../images/map_mo/yousunggoo_on.svg);
}

.yousunggoo a .map_txt {
  left: 44px;
  top: 115.5px;
}

.sugoo03 {
  left: 29.6px;
  top: 161.5px;
}

.sugoo03 a {
  width: 133px;
  height: 248px;
  background-image: url(../images/map_mo/sugoo03_off.svg);
}

.sugoo03 a:hover,
.sugoo03 a.on {
  background-image: url(../images/map_mo/sugoo03_on.svg);
}

.sugoo03 a .map_txt {
  left: 33.4px;
  top: 77px;
}

.joonggoo {
  left: 123px;
  top: 191.7px;
}

.joonggoo a {
  width: 95px;
  height: 190px;
  background-image: url(../images/map_mo/joonggoo_off.svg);
}

.joonggoo a:hover,
.joonggoo a.on {
  background-image: url(../images/map_mo/joonggoo_on.svg);
}

.joonggoo a .map_txt {
  left: 23.3px;
  top: 46.6px;
}

.deaduckgoo {
  left: 146.3px;
  top: 27.9px;
}

.deaduckgoo a {
  width: 109px;
  height: 177px;
  background-image: url(../images/map_mo/deaduckgoo_off.svg);
}

.deaduckgoo a:hover,
.deaduckgoo a.on {
  background-image: url(../images/map_mo/deaduckgoo_on.svg);
}

.deaduckgoo a .map_txt {
  left: 22.7px;
  top: 87.6px;
}

.dongdong {
  left: 171px;
  top: 79.4px;
}

.dongdong a {
  width: 152px;
  height: 317px;
  background-image: url(../images/map_mo/dongdong_off.svg);
}

.dongdong a:hover,
.dongdong a.on {
  background-image: url(../images/map_mo/dongdong_on.svg);
}

.dongdong a .map_txt {
  left: 61.7px;
  top: 159.1px;
}

/* 부산 */
.kangsugoo {
  left: 0px;
  top: 119.1px;
}

.kangsugoo a {
  width: 133px;
  height: 175px;
  background-image: url(../images/map_mo/kangsugoo_off.svg);
}

.kangsugoo a:hover,
.kangsugoo a.on {
  background-image: url(../images/map_mo/kangsugoo_on.svg);
}

.kangsugoo a .map_txt {
  left: 12px;
  top: 21.4px;
}

.suhagoo {
  left: 100px;
  top: 203.1px;
}

.suhagoo a {
  width: 44px;
  height: 76px;
  background-image: url(../images/map_mo/suhagoo_off.svg);
}

.suhagoo a:hover,
.kangsugoo a.on {
  background-image: url(../images/map_mo/suhagoo_on.svg);
}

.suhagoo a .map_txt {
  left: -31px;
  top: -4px;
}

.sasang {
  left: 104.3px;
  top: 145.1px;
}

.sasang a {
  width: 45px;
  height: 67px;
  background-image: url(../images/map_mo/sasang_off.svg);
}

.sasang a:hover,
.sasang a.on {
  background-image: url(../images/map_mo/sasang_on.svg);
}

.sasang a .map_txt {
  left: -36px;
  top: -63px;
}

.sugoo04 {
  left: 129px;
  top: 190.7px;
}

.sugoo04 a {
  width: 29px;
  height: 71px;
  background-image: url(../images/map_mo/sugoo04_off.svg);
}

.sugoo04 a:hover,
.sugoo04 a.on {
  background-image: url(../images/map_mo/sugoo04_on.svg);
}

.sugoo04 a .map_txt {
  left: -60px;
  top: -50px;
}

.junggoo {
  left: 143.4px;
  top: 207.7px;
}

.junggoo a {
  width: 19px;
  height: 22px;
  background-image: url(../images/map_mo/junggoo_off.svg);
}

.junggoo a:hover,
.junggoo a.on {
  background-image: url(../images/map_mo/junggoo_on.svg);
}

.junggoo a .map_txt {
  left: -20px;
  top: -7px
}

.youngdogoo {
  left: 153.2px;
  top: 220.1px;
}

.youngdogoo a {
  width: 43px;
  height: 45px;
  background-image: url(../images/map_mo/youngdogoo_off.svg);
}

.youngdogoo a:hover,
.youngdogoo a.on {
  background-image: url(../images/map_mo/youngdogoo_on.svg);
}

.youngdogoo a .map_txt {
  left: -30.2px;
  top: 39.7px;
}

.donggoo02 {
  left: 148px;
  top: 185.9px;
}

.donggoo02 a {
  width: 29px;
  height: 31px;
  background-image: url(../images/map_mo/donggoo02_off.svg);
}

.donggoo02 a:hover,
.donggoo02 a.on {
  background-image: url(../images/map_mo/donggoo02_on.svg);
}

.donggoo02 a .map_txt {
  left: -25px;
  top: -45px;
}

.busanjingoo {
  left: 138.1px;
  top: 144.9px;
}

.busanjingoo a {
  width: 48px;
  height: 50px;
  background-image: url(../images/map_mo/busanjingoo_off.svg);
}

.busanjingoo a:hover,
.busanjingoo a.on {
  background-image: url(../images/map_mo/busanjingoo_on.svg);
}

.busanjingoo a .map_txt {
  left: -15px;
  top: -63px;
}

.book {
  left: 121.6px;
  top: 86.1px;
}

.book a {
  width: 52px;
  height: 71px;
  background-image: url(../images/map_mo/book_off.svg);
}

.book a:hover,
.book a.on {
  background-image: url(../images/map_mo/book_on.svg);
}

.book a .map_txt {
  left: -20px;
  top: -61px;
}

.dongreagoo {
  left: 157.8px;
  top: 125.2px;
}

.dongreagoo a {
  width: 52px;
  height: 35px;
  background-image: url(../images/map_mo/dongreagoo_off.svg);
}

.dongreagoo a:hover,
.dongreagoo a.on {
  background-image: url(../images/map_mo/dongreagoo_on.svg);
}

.dongreagoo a .map_txt {
  left: 21px;
  top: -43px;
}

.yunje {
  left: 160.6px;
  top: 145.5px;
}

.yunje a {
  width: 50px;
  height: 35px;
  background-image: url(../images/map_mo/yunje_off.svg);
}

.yunje a:hover,
.yunje a.on {
  background-image: url(../images/map_mo/yunje_on.svg);
}

.yunje a .map_txt {
  left: 18px;
  top: -4px;
}

.sooyounggoo {
  left: 190px;
  top: 156.4px;
}

.sooyounggoo a {
  width: 27px;
  height: 39px;
  background-image: url(../images/map_mo/sooyounggoo_off.svg);
}

.sooyounggoo a:hover,
.sooyounggoo a.on {
  background-image: url(../images/map_mo/sooyounggoo_on.svg);
}

.sooyounggoo a .map_txt {
  left: 45px;
  top: -15px;
}

.sanggoo {
  left: 170.6px;
  top: 174px;
}

.sanggoo a {
  width: 46px;
  height: 57px;
  background-image: url(../images/map_mo/sanggoo_off.svg);
}

.sanggoo a:hover,
.sanggoo a.on {
  background-image: url(../images/map_mo/sanggoo_on.svg);
}

.sanggoo a .map_txt {
  left: 9px;
  top: 28px;
}

.gjgoo {
  left: 155.6px;
  top: 64.5px;
}

.gjgoo a {
  width: 71px;
  height: 77px;
  background-image: url(../images/map_mo/gjgoo_off.svg);
}

.gjgoo a:hover,
.gjgoo a.on {
  background-image: url(../images/map_mo/gjgoo_on.svg);
}

.gjgoo a .map_txt {
  left: 4.4px;
  top: -40px;
}

.heayoondea {
  left: 201.7px;
  top: 107.1px;
}

.heayoondea a {
  width: 62px;
  height: 76px;
  background-image: url(../images/map_mo/heayoondea_off.svg);
}

.heayoondea a:hover,
.heayoondea a.on {
  background-image: url(../images/map_mo/heayoondea_on.svg);
}

.heayoondea a .map_txt {
  left: 34px;
  top: -24px;
}

.gachanggun {
  left: 199.3px;
  top: 0px;
}

.gachanggun a {
  width: 126px;
  height: 162px;
  background-image: url(../images/map_mo/gachanggun_off.svg);
}

.gachanggun a:hover,
.gachanggun a.on {
  background-image: url(../images/map_mo/gachanggun_on.svg);
}

.gachanggun a .map_txt {
  left: 43.7px;
  top: 24.5px;
}

/* 서울 */
.nowongoo {
  left: 211.8px;
  top: 5px;
}

.nowongoo a {
  width: 62px;
  height: 83px;
  background-image: url(../images/map_mo/nowongoo_off.svg);
}

.nowongoo a:hover,
.nowongoo a.on {
  background-image: url(../images/map_mo/nowongoo_on.svg);
}

.nowongoo a .map_txt {
  left: 23px;
  top: -3px;
}

.dobonggoo {
  left: 185.3px;
  top: 0px;
}

.dobonggoo a {
  width: 39px;
  height: 69px;
  background-image: url(../images/map_mo/dobonggoo_off.svg);
}

.dobonggoo a:hover,
.dobonggoo a.on {
  background-image: url(../images/map_mo/dobonggoo_on.svg);
}

.dobonggoo a .map_txt {
  left: -6px;
  top: 2px;
}

.kangbookgoo {
  left: 164px;
  top: 15.7px;
}

.kangbookgoo a {
  width: 56px;
  height: 75px;
  background-image: url(../images/map_mo/kangbookgoo_off.svg);
}

.kangbookgoo a:hover,
.kangbookgoo a.on {
  background-image: url(../images/map_mo/kangbookgoo_on.svg);
}

.kangbookgoo a .map_txt {
  left: -40px;
  top: -13.5px;
}

.sungbookgoo {
  left: 160.7px;
  top: 62.3px;
}

.sungbookgoo a {
  width: 78px;
  height: 62px;
  background-image: url(../images/map_mo/sungbookgoo_off.svg);
}

.sungbookgoo a:hover,
.sungbookgoo a.on {
  background-image: url(../images/map_mo/sungbookgoo_on.svg);
}

.sungbookgoo a .map_txt {
  left: 32px;
  top: -1px;
}

.dongdeamoongoo {
  left: 197.5px;
  top: 90.8px;
}

.dongdeamoongoo a {
  width: 46px;
  height: 50px;
  background-image: url(../images/map_mo/dongdeamoongoo_off.svg);
}

.dongdeamoongoo a:hover,
.dongdeamoongoo a.on {
  background-image: url(../images/map_mo/dongdeamoongoo_on.svg);
}

.dongdeamoongoo a .map_txt {
  left: -4px;
  top: 29px;
}

.jungryanggoo {
  left: 233px;
  top: 77.4px;
}

.jungryanggoo a {
  width: 42px;
  height: 53px;
  background-image: url(../images/map_mo/jungryanggoo_off.svg);
}

.jungryanggoo a:hover,
.jungryanggoo a.on {
  background-image: url(../images/map_mo/jungryanggoo_on.svg);
}

.jungryanggoo a .map_txt {
  left: 15px;
  top: -16px;
}

.sudeamoongu {
  left: 105.2px;
  top: 88px;
}

.sudeamoongu a {
  width: 57px;
  height: 57px;
  background-image: url(../images/map_mo/sudeamoongu_off.svg);
}

.sudeamoongu a:hover,
.sudeamoongu a.on {
  background-image: url(../images/map_mo/sudeamoongu_on.svg);
}

.sudeamoongu a .map_txt {
  left: -22px;
  top: 32px;
}

.junggoo02 {
  left: 150.8px;
  top: 124.3px;
}

.junggoo02 a {
  width: 55px;
  height: 32px;
  background-image: url(../images/map_mo/junggoo02_off.svg);
}

.junggoo02 a:hover,
.junggoo02 a.on {
  background-image: url(../images/map_mo/junggoo02_on.svg);
}

.junggoo02 a .map_txt {
  left: -12px;
  top: -4.5px;
}

.eunphyung {
  left: 89.7px;
  top: 40.4px;
}

.eunphyung a {
  width: 66px;
  height: 85px;
  background-image: url(../images/map_mo/eunphyung_off.svg);
}

.eunphyung a:hover,
.eunphyung a.on {
  background-image: url(../images/map_mo/eunphyung_on.svg);
}

.eunphyung a .map_txt {
  left: -6px;
  top: 21px;
}

.jongrogoo {
  left: 141.1px;
  top: 66.1px;
}

.jongrogoo a {
  width: 59px;
  height: 66px;
  background-image: url(../images/map_mo/jongrogoo_off.svg);
}

.jongrogoo a:hover,
.jongrogoo a.on {
  background-image: url(../images/map_mo/jongrogoo_on.svg);
}

.jongrogoo a .map_txt {
  left: -3px;
  top: -4.5px;
}

.sungdonggoo {
  left: 186.4px;
  top: 123.4px;
}

.sungdonggoo a {
  width: 52px;
  height: 41px;
  background-image: url(../images/map_mo/sungdonggoo_off.svg);
}

.sungdonggoo a:hover,
.sungdonggoo a.on {
  background-image: url(../images/map_mo/sungdonggoo_on.svg);
}

.sungdonggoo a .map_txt {
  left: -39px;
  top: 56px;
}

.gwangjigoo {
  left: 224.7px;
  top: 122.8px;
}

.gwangjigoo a {
  width: 46px;
  height: 48px;
  background-image: url(../images/map_mo/gwangjigoo_off.svg);
}

.gwangjigoo a:hover,
.gwangjigoo a.on {
  background-image: url(../images/map_mo/gwangjigoo_on.svg);
}

.gwangjigoo a .map_txt {
  left: 24px;
  top: -3px;
}

.yongsangoo {
  left: 137.7px;
  top: 140.4px;
}

.yongsangoo a {
  width: 61px;
  height: 44px;
  background-image: url(../images/map_mo/yongsangoo_off.svg);
}

.yongsangoo a:hover,
.yongsangoo a.on {
  background-image: url(../images/map_mo/yongsangoo_on.svg);
}

.yongsangoo a .map_txt {
  left: -45px;
  top: 39px;
}

.maphogoo {
  left: 73.3px;
  top: 106.1px;
}

.maphogoo a {
  width: 83px;
  height: 60px;
  background-image: url(../images/map_mo/maphogoo_off.svg);
}

.maphogoo a:hover,
.maphogoo a.on {
  background-image: url(../images/map_mo/maphogoo_on.svg);
}

.maphogoo a .map_txt {
  left: -36px;
  top: 73px;
}

.kangsugoo02 {
  left: 0px;
  top: 93.4px;
}

.kangsugoo02 a {
  width: 91px;
  height: 76px;
  background-image: url(../images/map_mo/kangsugoo02_off.svg);
}

.kangsugoo02 a:hover,
.kangsugoo02 a.on {
  background-image: url(../images/map_mo/kangsugoo02_on.svg);
}

.kangsugoo02 a .map_txt {
  left: 37px;
  top: 145px;
}

.yangchugoo {
  left: 43.5px;
  top: 143px;
}

.yangchugoo a {
  width: 57px;
  height: 51px;
  background-image: url(../images/map_mo/yangchugoo_off.svg);
}

.yangchugoo a:hover,
.yangchugoo a.on {
  background-image: url(../images/map_mo/yangchugoo_on.svg);
}

.yangchugoo a .map_txt {
  left: 49px;
  top: 95px;
}

.gurogoo {
  left: 37px;
  top: 176.6px;
}

.gurogoo a {
  width: 72px;
  height: 45px;
  background-image: url(../images/map_mo/gurogoo_off.svg);
}

.gurogoo a:hover,
.gurogoo a.on {
  background-image: url(../images/map_mo/gurogoo_on.svg);
}

.gurogoo a .map_txt {
  left: 0px;
  top: 120px;
}

.youngdpho {
  left: 87.1px;
  top: 141.4px;
}

.youngdpho a {
  width: 53px;
  height: 68px;
  background-image: url(../images/map_mo/youngdpho_off.svg);
}

.youngdpho a:hover,
.youngdpho a.on {
  background-image: url(../images/map_mo/youngdpho_on.svg);
}

.youngdpho a .map_txt {
  left: 60px;
  top: 97px;
}

.gchungoo {
  left: 81.7px;
  top: 205.8px;
}

.gchungoo a {
  width: 48px;
  height: 55px;
  background-image: url(../images/map_mo/gchungoo_off.svg);
}

.gchungoo a:hover,
.gchungoo a.on {
  background-image: url(../images/map_mo/gchungoo_on.svg);
}

.gchungoo a .map_txt {
  left: 11px;
  top: 91px;
}

.gwanakgoo {
  left: 103px;
  top: 198.3px;
}

.gwanakgoo a {
  width: 76px;
  height: 61px;
  background-image: url(../images/map_mo/gwanakgoo_off.svg);
}

.gwanakgoo a:hover,
.gwanakgoo a.on {
  background-image: url(../images/map_mo/gwanakgoo_on.svg);
}

.gwanakgoo a .map_txt {
  left: 44px;
  top: 99px;
}

.dongjackgoo {
  left: 104px;
  top: 175.4px;
}

.dongjackgoo a {
  width: 69px;
  height: 45px;
  background-image: url(../images/map_mo/dongjackgoo_off.svg);
}

.dongjackgoo a:hover,
.dongjackgoo a.on {
  background-image: url(../images/map_mo/dongjackgoo_on.svg);
}

.dongjackgoo a .map_txt {
  left: 98px;
  top: 63px;
}

.suchogoo {
  left: 164.9px;
  top: 169.3px;
}

.suchogoo a {
  width: 92px;
  height: 98px;
  background-image: url(../images/map_mo/suchogoo_off.svg);
}

.suchogoo a:hover,
.suchogoo a.on {
  background-image: url(../images/map_mo/suchogoo_on.svg);
}

.suchogoo a .map_txt {
  left: 93px;
  top: 68px;
}

.kangnamgoo {
  left: 191.7px;
  top: 159.8px;
}

.kangnamgoo a {
  width: 88px;
  height: 80px;
  background-image: url(../images/map_mo/kangnamgoo_off.svg);
}

.kangnamgoo a:hover,
.kangnamgoo a.on {
  background-image: url(../images/map_mo/kangnamgoo_on.svg);
}

.kangnamgoo a .map_txt {
  left: 11px;
  top: 136.8px;
}

.songpagoo {
  left: 232px;
  top: 152.8px;
}

.songpagoo a {
  width: 74px;
  height: 76px;
  background-image: url(../images/map_mo/songpagoo_off.svg);
}

.songpagoo a:hover,
.songpagoo a.on {
  background-image: url(../images/map_mo/songpagoo_on.svg);
}

.songpagoo a .map_txt {
  left: -30px;
  top: 26px;
}

.kangdonggoo {
  left: 268.4px;
  top: 115.6px;
}

.kangdonggoo a {
  width: 55px;
  height: 64px;
  background-image: url(../images/map_mo/kangdonggoo_off.svg);
}

.kangdonggoo a:hover,
.kangdonggoo a.on {
  background-image: url(../images/map_mo/kangdonggoo_on.svg);
}

.kangdonggoo a .map_txt {
  left: -11px;
  top: 63px;
}

/* 세종 */
.sojung {
  left: 0px;
  top: 0px;
}

.sojung a {
  width: 98px;
  height: 69px;
  background-image: url(../images/map_mo/sojung_off.svg);
}

.sojung a:hover,
.sojung a.on {
  background-image: url(../images/map_mo/sojung_on.svg);
}

.sojung a .map_txt {
  left: 0px;
  top: -10px;
}

.junw {
  left: 22.5px;
  top: 30px;
}

.junw a {
  width: 122px;
  height: 158px;
  background-image: url(../images/map_mo/junw_off.svg);
}

.junw a:hover,
.junw a.on {
  background-image: url(../images/map_mo/junw_on.svg);
}

.junw a .map_txt {
  left: 6.5px;
  top: 35.9px;
}

.jundong {
  left: 82.9px;
  top: 53px;
}

.jundong a {
  width: 129px;
  height: 114px;
  background-image: url(../images/map_mo/jundong_off.svg);
}

.jundong a:hover,
.jundong a.on {
  background-image: url(../images/map_mo/jundong_on.svg);
}

.jundong a .map_txt {
  left: 46.1px;
  top: 1.2px;
}

.younsu {
  left: 66.4px;
  top: 157.9px;
}

.younsu a {
  width: 137px;
  height: 110px;
  background-image: url(../images/map_mo/younsu_off.svg);
}

.younsu a:hover,
.younsu a.on {
  background-image: url(../images/map_mo/younsu_on.svg);
}

.younsu a .map_txt {
  left: 27.6px;
  top: -18.9px;
}

.joch {
  left: 157.3px;
  top: 139px;
}

.joch a {
  width: 52px;
  height: 82px;
  background-image: url(../images/map_mo/joch_off.svg);
}

.joch a:hover,
.joch a.on {
  background-image: url(../images/map_mo/joch_on.svg);
}

.joch a .map_txt {
  left: 19.7px;
  top: 0px;
}

.joch a .map_txt p:first-of-type {
  letter-spacing: -1px;
}

.janggun {
  left: 42.5px;
  top: 216.8px;
}

.janggun a {
  width: 90px;
  height: 202px;
  background-image: url(../images/map_mo/janggun_off.svg);
}

.janggun a:hover,
.janggun a.on {
  background-image: url(../images/map_mo/janggun_on.svg);
}

.janggun a .map_txt {
  left: -26.5px;
  top: 81.1px;
}

.ardong {
  left: 102.5px;
  top: 273.1px;
}

.ardong a {
  width: 67px;
  height: 68px;
  background-image: url(../images/map_mo/ardong_off.svg);
}

.ardong a:hover,
.ardong a.on {
  background-image: url(../images/map_mo/ardong_on.svg);
}

.ardong a .map_txt {
  left: -27px;
  top: 0px;
}

.jong {
  left: 119.9px;
  top: 335.9px;
}

.jong a {
  width: 44px;
  height: 43px;
  background-image: url(../images/map_mo/jong_off.svg);
}

.jong a:hover,
.jong a.on {
  background-image: url(../images/map_mo/jong_on.svg);
}

.jong a .map_txt {
  left: -44px;
  top: -4px;
}

.yungi {
  left: 91px;
  top: 248.8px;
}

.yungi a {
  width: 163px;
  height: 138px;
  background-image: url(../images/map_mo/yungi_off.svg);
}

.yungi a:hover,
.yungi a.on {
  background-image: url(../images/map_mo/yungi_on.svg);
}

.yungi a .map_txt {
  left: 39.9px;
  top: -34.8px;
}

.yundong {
  left: 188.5px;
  top: 209.7px;
}

.yundong a {
  width: 82px;
  height: 98px;
  background-image: url(../images/map_mo/yundong_off.svg);
}

.yundong a:hover,
.yundong a.on {
  background-image: url(../images/map_mo/yundong_on.svg);
}

.yundong a .map_txt {
  left: 15.5px;
  top: 4.3px;
}

.hans {
  left: 150.6px;
  top: 318.2px;
}

.hans a {
  width: 71px;
  height: 61px;
  background-image: url(../images/map_mo/hans_off.svg);
}

.hans a:hover,
.hans a.on {
  background-image: url(../images/map_mo/hans_on.svg);
}

.hans a .map_txt {
  left: -20px;
  top: -45px;
}

.gnam {
  left: 91.2px;
  top: 298.3px;
}

.gnam a {
  width: 184px;
  height: 166px;
  background-image: url(../images/map_mo/gnam_off.svg);
}

.gnam a:hover,
.gnam a.on {
  background-image: url(../images/map_mo/gnam_on.svg);
}

.gnam a .map_txt {
  left: 85.8px;
  top: 106.7px;
}

.bookang {
  left: 250.8px;
  top: 233.7px;
}

.bookang a {
  width: 65px;
  height: 116px;
  background-image: url(../images/map_mo/bookang_off.svg);
  background-size: 69px 116px !important;
}

.bookang a:hover,
.bookang a.on {
  background-image: url(../images/map_mo/bookang_on.svg);
}

.bookang a .map_txt {
  left: 10px;
  top: 35px;
}

/* 울산 */
.ejoo {
  left: 0px;
  top: 0px;
}

.ejoo a {
  width: 267px;
  height: 319px;
  background-image: url(../images/map_mo/ejoo_off.svg)
}

.ejoo a:hover,
.ejoo a.on {
  background-image: url(../images/map_mo/ejoo_on.svg);
}

.ejoo a .map_txt {
  left: 79px;
  top: 84.6px;
}

.wool_joonggoo {
  left: 183.7px;
  top: 100.1px;
}

.wool_joonggoo a {
  width: 70px;
  height: 48px;
  background-image: url(../images/map_mo/wool_joonggoo_off.svg);
}

.wool_joonggoo a:hover,
.wool_joonggoo a.on {
  background-image: url(../images/map_mo/wool_joonggoo_on.svg);
}

.wool_joonggoo a .map_txt {
  left: 2px;
  top: -17px;
}

.wool_nam {
  left: 172.8px;
  top: 133.9px;
}

.wool_nam a {
  width: 105px;
  height: 88px;
  background-image: url(../images/map_mo/wool_nam_off.svg);
}

.wool_nam a:hover,
.wool_nam a.on {
  background-image: url(../images/map_mo/wool_nam_on.svg);
}

.wool_nam a .map_txt {
  left: 13.2px;
  top: 17.7px;
}

.wool_book {
  left: 208px;
  top: 36.1px;
}

.wool_book a {
  width: 117px;
  height: 135px;
  background-image: url(../images/map_mo/wool_book_off.svg);
}

.wool_book a:hover,
.wool_book a.on {
  background-image: url(../images/map_mo/wool_book_on.svg);
}

.wool_book a .map_txt {
  left: 43px;
  top: 47.5px;
}

.wool_dong {
  left: 269.2px;
  top: 122.2px;
}

.wool_dong a {
  width: 51px;
  height: 82px;
  background-image: url(../images/map_mo/wool_dong_off.svg);
}

.wool_dong a:hover,
.wool_dong a.on {
  background-image: url(../images/map_mo/wool_dong_on.svg);
}

.wool_dong a .map_txt {
  left: -18.2px;
  top: 29.4px;
}

/* 인천 */
.kanghwa {
  left: 0px;
  top: 0px;
}

.kanghwa a {
  width: 205px;
  height: 185px;
  background-image: url(../images/map_mo/kanghwa_off.svg)
}

.kanghwa a:hover,
.kanghwa a.on {
  background-image: url(../images/map_mo/kanghwa_on.svg);
}

.kanghwa a .map_txt {
  left: 100px;
  top: 65.7px;
}

.ongjin {
  left: 51.8px;
  top: 184.1px;
}

.ongjin a {
  width: 101px;
  height: 49px;
  background-image: url(../images/map_mo/ongjin_off.svg)
}

.ongjin a:hover,
.ongjin a.on {
  background-image: url(../images/map_mo/ongjin_on.svg);
}

.ongjin a .map_txt {
  left: 51.2px;
  top: -28.5px;
}

.incheon_joonggoo {
  left: 80.6px;
  top: 192.7px;
}

.incheon_joonggoo a {
  width: 135px;
  height: 130px;
  background-image: url(../images/map_mo/incheon_joonggoo_off.svg)
}

.incheon_joonggoo a:hover,
.incheon_joonggoo a.on {
  background-image: url(../images/map_mo/incheon_joonggoo_on.svg);
}

.incheon_joonggoo a .map_txt {
  left: 22.4px;
  top: 30.9px;
}

.incheon_sugoo {
  left: 201.6px;
  top: 132.1px;
}

.incheon_sugoo a {
  width: 91px;
  height: 120px;
  background-image: url(../images/map_mo/incheon_sugoo_off.svg)
}

.incheon_sugoo a:hover,
.incheon_sugoo a.on {
  background-image: url(../images/map_mo/incheon_sugoo_on.svg);
}

.incheon_sugoo a .map_txt {
  left: 9px;
  top: 4.6px;
}

.gyeyanggoo {
  left: 257.8px;
  top: 163.8px;
}

.gyeyanggoo a {
  width: 67px;
  height: 50px;
  background-image: url(../images/map_mo/gyeyanggoo_off.svg)
}

.gyeyanggoo a:hover,
.gyeyanggoo a.on {
  background-image: url(../images/map_mo/gyeyanggoo_on.svg);
}

.gyeyanggoo a .map_txt {
  left: 8px;
  top: -27.2px;
}

.boophyunggoo {
  left: 260px;
  top: 210.6px;
}

.boophyunggoo a {
  width: 54px;
  height: 46px;
  background-image: url(../images/map_mo/boophyunggoo_off.svg)
}

.boophyunggoo a:hover,
.boophyunggoo a.on {
  background-image: url(../images/map_mo/boophyunggoo_on.svg);
}

.boophyunggoo a .map_txt {
  left: 5.5px;
  top: -16px;
}

.namdonggoo {
  left: 235.5px;
  top: 243.8px;
}

.namdonggoo a {
  width: 82px;
  height: 91px;
  background-image: url(../images/map_mo/namdonggoo_off.svg)
}

.namdonggoo a:hover,
.namdonggoo a.on {
  background-image: url(../images/map_mo/namdonggoo_on.svg);
}

.namdonggoo a .map_txt {
  left: 30px;
  top: 9.5px;
}

.incheon_donggoo {
  left: 210.1px;
  top: 230.1px;
}

.incheon_donggoo a {
  width: 54px;
  height: 50px;
  background-image: url(../images/map_mo/incheon_donggoo_off.svg)
}

.incheon_donggoo a:hover,
.incheon_donggoo a.on {
  background-image: url(../images/map_mo/incheon_donggoo_on.svg);
}

.incheon_donggoo a .map_txt {
  left: -55px;
  top: -34px;
}

.michuhollgoo {
  left: 231.3px;
  top: 239.3px;
}

.michuhollgoo a {
  width: 45px;
  height: 66px;
  background-image: url(../images/map_mo/michuhollgoo_off.svg)
}

.michuhollgoo a:hover,
.michuhollgoo a.on {
  background-image: url(../images/map_mo/michuhollgoo_on.svg);
}

.michuhollgoo a .map_txt {
  left: -21px;
  top: -44px;
}

.yunsoogoo {
  left: 208.5px;
  top: 275.5px;
}

.yunsoogoo a {
  width: 50px;
  height: 65px;
  background-image: url(../images/map_mo/yunsoogoo_off.svg)
}

.yunsoogoo a:hover,
.yunsoogoo a.on {
  background-image: url(../images/map_mo/yunsoogoo_on.svg);
}

.yunsoogoo a .map_txt {
  left: 2px;
  top: -23px;
}

/* 전남 */
.younggwang {
  left: 64.1px;
  top: 7.4px;
}

.younggwang a {
  width: 65px;
  height: 51px;
  background-image: url(../images/map_mo/younggwang_off.svg)
}

.younggwang a:hover,
.younggwang a.on {
  background-image: url(../images/map_mo/younggwang_on.svg);
}

.younggwang a .map_txt {
  left: -30px;
  top: -30px;
}

.hampgyung {
  left: 77.4px;
  top: 44.3px;
}

.hampgyung a {
  width: 57px;
  height: 51px;
  background-image: url(../images/map_mo/hampgyung_off.svg)
}

.hampgyung a:hover,
.hampgyung a.on {
  background-image: url(../images/map_mo/hampgyung_on.svg);
}

.hampgyung a .map_txt {
  left: -43px;
  top: -9px;
}

.kangsung {
  left: 116.4px;
  top: 0px;
}

.kangsung a {
  width: 72px;
  height: 60px;
  background-image: url(../images/map_mo/kangsung_off.svg)
}

.kangsung a:hover,
.kangsung a.on {
  background-image: url(../images/map_mo/kangsung_on.svg);
}

.kangsung a .map_txt {
  left: -28px;
  top: -23px;
}

.mooan {
  left: 54.7px;
  top: 53px;
}

.mooan a {
  width: 59px;
  height: 69px;
  background-image: url(../images/map_mo/mooan_off.svg)
}

.mooan a:hover,
.mooan a.on {
  background-image: url(../images/map_mo/mooan_on.svg);
}

.mooan a .map_txt {
  left: 54px;
  top: 40px;
}

.naju {
  left: 102px;
  top: 63.2px;
}

.naju a {
  width: 71px;
  height: 44px;
  background-image: url(../images/map_mo/naju_off.svg)
}

.naju a:hover,
.naju a.on {
  background-image: url(../images/map_mo/naju_on.svg);
}

.naju a .map_txt {
  left: 60px;
  top: 30px;
}

.jm_gwangju {
  left: 129.3px;
  top: 44.2px;
}

.jm_gwangju a {
  width: 62px;
  height: 32px;
  background-image: url(../images/map_mo/jm_gwangju_off.svg)
}

.jm_gwangju a:hover,
.jm_gwangju a.on {
  background-image: url(../images/map_mo/jm_gwangju_on.svg);
}

.jm_gwangju a .map_txt {
  left: -41px;
  top: -9px;
}

.damyang {
  left: 165.5px;
  top: 7.6px;
}

.damyang a {
  width: 46px;
  height: 58px;
  background-image: url(../images/map_mo/damyang_off.svg)
}

.damyang a:hover,
.damyang a.on {
  background-image: url(../images/map_mo/damyang_on.svg);
}

.damyang a .map_txt {
  left: -23px;
  top: -31px;
}

.sinan {
  left: 0px;
  top: 57.1px;
}

.sinan a {
  width: 61px;
  height: 95px;
  background-image: url(../images/map_mo/sinan_off.svg)
}

.sinan a:hover,
.sinan a.on {
  background-image: url(../images/map_mo/sinan_on.svg);
}

.sinan a .map_txt {
  left: 0px;
  top: 36px;
}

.mpho {
  left: 52.4px;
  top: 94.4px;
}

.mpho a {
  width: 48px;
  height: 28px;
  background-image: url(../images/map_mo/mpho_off.svg)
}

.mpho a:hover,
.mpho a.on {
  background-image: url(../images/map_mo/mpho_on.svg);
}

.mpho a .map_txt {
  left: 2px;
  top: -1px;
}

.youngarm {
  left: 72.9px;
  top: 92.5px;
}

.youngarm a {
  width: 92px;
  height: 49px;
  background-image: url(../images/map_mo/youngarm_off.svg)
}

.youngarm a:hover,
.youngarm a.on {
  background-image: url(../images/map_mo/youngarm_on.svg);
}

.youngarm a .map_txt {
  left: 15px;
  top: 58px;
}

.hwasoon {
  left: 161.9px;
  top: 48.9px;
}

.hwasoon a {
  width: 62px;
  height: 65px;
  background-image: url(../images/map_mo/hwasoon_off.svg)
}

.hwasoon a:hover,
.hwasoon a.on {
  background-image: url(../images/map_mo/hwasoon_on.svg);
}

.hwasoon a .map_txt {
  left: -19px;
  top: -14px;
}

.gsung {
  left: 201.6px;
  top: 25.1px;
}

.gsung a {
  width: 63px;
  height: 52px;
  background-image: url(../images/map_mo/gsung_off.svg)
}

.gsung a:hover,
.gsung a.on {
  background-image: url(../images/map_mo/gsung_on.svg);
}

.gsung a .map_txt {
  left: -5px;
  top: -48px;
}

.jindo {
  left: 29px;
  top: 152px;
}

.jindo a {
  width: 54px;
  height: 44px;
  background-image: url(../images/map_mo/jindo_off.svg)
}

.jindo a:hover,
.jindo a.on {
  background-image: url(../images/map_mo/jindo_on.svg);
}

.jindo a .map_txt {
  left: 4px;
  top: 56px;
}

.heanam {
  left: 55.6px;
  top: 121.7px;
}

.heanam a {
  width: 88px;
  height: 85px;
  background-image: url(../images/map_mo/heanam_off.svg)
}

.heanam a:hover,
.heanam a.on {
  background-image: url(../images/map_mo/heanam_on.svg);
}

.heanam a .map_txt {
  left: 32px;
  top: 86.5px;
}

.kangjin {
  left: 126px;
  top: 119px;
}

.kangjin a {
  width: 41px;
  height: 62px;
  background-image: url(../images/map_mo/kangjin_off.svg)
}

.kangjin a:hover,
.kangjin a.on {
  background-image: url(../images/map_mo/kangjin_on.svg);
}

.kangjin a .map_txt {
  left: 15px;
  top: 31px;
}

.jangh {
  left: 148px;
  top: 105px;
}

.jangh a {
  width: 47px;
  height: 78px;
  background-image: url(../images/map_mo/jangh_off.svg)
}

.jangh a:hover,
.jangh a.on {
  background-image: url(../images/map_mo/jangh_on.svg);
}

.jangh a .map_txt {
  left: 47px;
  top: 45px;
}

.bosung {
  left: 181px;
  top: 84px;
}

.bosung a {
  width: 82px;
  height: 64px;
  background-image: url(../images/map_mo/bosung_off.svg)
}

.bosung a:hover,
.bosung a.on {
  background-image: url(../images/map_mo/bosung_on.svg);
}

.bosung a .map_txt {
  left: 68px;
  top: 66px;
}

.soonchun {
  left: 214.9px;
  top: 54.9px;
}

.soonchun a {
  width: 80px;
  height: 61px;
  background-image: url(../images/map_mo/soonchun_off.svg)
}

.soonchun a:hover,
.soonchun a.on {
  background-image: url(../images/map_mo/soonchun_on.svg);
}

.soonchun a .map_txt {
  left: -18px;
  top: -20px;
}

.goorye {
  left: 252.4px;
  top: 25.1px;
}

.goorye a {
  width: 49px;
  height: 50px;
  background-image: url(../images/map_mo/goorye_off.svg)
}

.goorye a:hover,
.goorye a.on {
  background-image: url(../images/map_mo/goorye_on.svg);
}

.goorye a .map_txt {
  left: -2px;
  top: -48px;
}

.gwangyang {
  left: 277.3px;
  top: 54.2px;
}

.gwangyang a {
  width: 49px;
  height: 50px;
  background-image: url(../images/map_mo/gwangyang_off.svg)
}

.gwangyang a:hover,
.gwangyang a.on {
  background-image: url(../images/map_mo/gwangyang_on.svg);
}

.gwangyang a .map_txt {
  left: -27px;
  top: -19px;
}

.goh {
  left: 200px;
  top: 118.7px;
}

.goh a {
  width: 77px;
  height: 66px;
  background-image: url(../images/map_mo/goh_off.svg)
}

.goh a:hover,
.goh a.on {
  background-image: url(../images/map_mo/goh_on.svg);
}

.goh a .map_txt {
  left: -5px;
  top: 89px;
}

.yeosoo {
  left: 271.5px;
  top: 103.9px;
}

.yeosoo a {
  width: 52px;
  height: 53px;
  background-image: url(../images/map_mo/yeosoo_off.svg)
}

.yeosoo a:hover,
.yeosoo a.on {
  background-image: url(../images/map_mo/yeosoo_on.svg);
}

.yeosoo a .map_txt {
  left: -22px;
  top: -11px;
}

.wando {
  left: 122.9px;
  top: 183.4px;
}

.wando a {
  width: 45px;
  height: 22px;
  background-image: url(../images/map_mo/wando_off.svg)
}

.wando a:hover,
.wando a.on {
  background-image: url(../images/map_mo/wando_on.svg);
}

.wando a .map_txt {
  left: 19px;
  top: 25px;
}

/* 전북 */
.goonsan {
  left: 32.5px;
  top: 17.6px;
}

.goonsan a {
  width: 87px;
  height: 46px;
  background-image: url(../images/map_mo/goonsan_off.svg)
}

.goonsan a:hover,
.goonsan a.on {
  background-image: url(../images/map_mo/goonsan_on.svg);
}

.goonsan a .map_txt {
  left: -10.5px;
  top: -29.6px;
}

.icksan {
  left: 99.5px;
  top: 0px;
}

.icksan a {
  width: 60px;
  height: 59px;
  background-image: url(../images/map_mo/icksan_off.svg)
}

.icksan a:hover,
.icksan a.on {
  background-image: url(../images/map_mo/icksan_on.svg);
}

.icksan a .map_txt {
  left: -1.5px;
  top: -24px;
}

.booan {
  left: 13.1px;
  top: 75.7px;
}

.booan a {
  width: 88px;
  height: 53px;
  background-image: url(../images/map_mo/booan_off.svg)
}

.booan a:hover,
.booan a.on {
  background-image: url(../images/map_mo/booan_on.svg);
}

.booan a .map_txt {
  left: 8.9px;
  top: -20.7px;
}

.kimje {
  left: 61.6px;
  top: 46.7px;
}

.kimje a {
  width: 92px;
  height: 63px;
  background-image: url(../images/map_mo/kimje_off.svg)
}

.kimje a:hover,
.kimje a.on {
  background-image: url(../images/map_mo/kimje_on.svg);
}

.kimje a .map_txt {
  left: 20.4px;
  top: -11.7px;
}

.junjoo {
  left: 135.2px;
  top: 51.1px;
}

.junjoo a {
  width: 47px;
  height: 42px;
  background-image: url(../images/map_mo/junjoo_off.svg)
}

.junjoo a:hover,
.junjoo a.on {
  background-image: url(../images/map_mo/junjoo_on.svg);
}

.junjoo a .map_txt {
  left: 5px;
  top: -16px;
}

.gw_wonju {
  left: 129.2px;
  top: 6px;
}

.gw_wonju a {
  width: 97px;
  height: 114px;
  background-image: url(../images/map_mo/gw_wonju_off.svg)
}

.gw_wonju a:hover,
.gw_wonju a.on {
  background-image: url(../images/map_mo/gw_wonju_on.svg);
}

.gw_wonju a .map_txt {
  left: 28.9px;
  top: -30px;
}

.gochang {
  left: 7.6px;
  top: 123.4px;
}

.gochang a {
  width: 81px;
  height: 64px;
  background-image: url(../images/map_mo/gochang_off.svg)
}

.gochang a:hover,
.gochang a.on {
  background-image: url(../images/map_mo/gochang_on.svg);
}

.gochang a .map_txt {
  left: 14px;
  top: -1px;
}

.jungeb {
  left: 69.8px;
  top: 84.4px;
}

.jungeb a {
  width: 89px;
  height: 71px;
  background-image: url(../images/map_mo/jungeb_off.svg)
}

.jungeb a:hover,
.jungeb a.on {
  background-image: url(../images/map_mo/jungeb_on.svg);
}

.jungeb a .map_txt {
  left: 11px;
  top: 11px;
}

.imsil {
  left: 147.6px;
  top: 84.3px;
}

.imsil a {
  width: 85px;
  height: 72px;
  background-image: url(../images/map_mo/imsil_off.svg)
}

.imsil a:hover,
.imsil a.on {
  background-image: url(../images/map_mo/imsil_on.svg);
}

.imsil a .map_txt {
  left: -8px;
  top: 11px;
}

.jinan {
  left: 187.3px;
  top: 33.2px;
}

.jinan a {
  width: 89px;
  height: 92px;
  background-image: url(../images/map_mo/jinan_off.svg)
}

.jinan a:hover,
.jinan a.on {
  background-image: url(../images/map_mo/jinan_on.svg);
}

.jinan a .map_txt {
  left: 13.7px;
  top: 0.8px;
}

.mooju {
  left: 257.2px;
  top: 28.9px;
}

.mooju a {
  width: 65px;
  height: 55px;
  background-image: url(../images/map_mo/mooju_off.svg)
}

.mooju a:hover,
.mooju a.on {
  background-image: url(../images/map_mo/mooju_on.svg);
}

.mooju a .map_txt {
  left: 6px;
  top: -36.9px;
}

.soonchang {
  left: 101.9px;
  top: 128.2px;
}

.soonchang a {
  width: 104px;
  height: 60px;
  background-image: url(../images/map_mo/soonchang_off.svg)
}

.soonchang a:hover,
.soonchang a.on {
  background-image: url(../images/map_mo/soonchang_on.svg);
}

.soonchang a .map_txt {
  left: 39.1px;
  top: 27.8px;
}

.jangsoo {
  left: 214.3px;
  top: 72.9px;
}

.jangsoo a {
  width: 79px;
  height: 90px;
  background-image: url(../images/map_mo/jangsoo_off.svg)
}

.jangsoo a:hover,
.jangsoo a.on {
  background-image: url(../images/map_mo/jangsoo_on.svg);
}

.jangsoo a .map_txt {
  left: 42.7px;
  top: 20px;
}

.namwon {
  left: 173.6px;
  top: 130.9px;
}

.namwon a {
  width: 104px;
  height: 60px;
  background-image: url(../images/map_mo/namwon_off.svg)
}

.namwon a:hover,
.namwon a.on {
  background-image: url(../images/map_mo/namwon_on.svg);
}

.namwon a .map_txt {
  left: 25.4px;
  top: 25.1px;
}

/* 제주 */
.hankyoung {
  left: 0px;
  top: 81.5px;
}

.hankyoung a {
  width: 56px;
  height: 48px;
  background-image: url(../images/map_mo/hankyoung_off.svg)
}

.hankyoung a:hover,
.hankyoung a.on {
  background-image: url(../images/map_mo/hankyoung_on.svg);
}

.hankyoung a .map_txt {
  left: -11px;
  top: -29.7px;
}

.hanlim {
  left: 21.6px;
  top: 50.5px;
}

.hanlim a {
  width: 68px;
  height: 60px;
  background-image: url(../images/map_mo/hanlim_off.svg)
}

.hanlim a:hover,
.hanlim a.on {
  background-image: url(../images/map_mo/hanlim_on.svg);
}

.hanlim a .map_txt {
  left: -32.6px;
  top: -60.6px;
}

.yeawol {
  left: 54.8px;
  top: 31.2px;
}

.yeawol a {
  width: 97px;
  height: 72px;
  background-image: url(../images/map_mo/yeawol_off.svg)
}

.yeawol a:hover,
.yeawol a.on {
  background-image: url(../images/map_mo/yeawol_on.svg);
}

.yeawol a .map_txt {
  left: -3.8px;
  top: -41.3px;
}

.jejoo {
  left: 102.5px;
  top: 11.5px;
}

.jejoo a {
  width: 91px;
  height: 83px;
  background-image: url(../images/map_mo/jejoo_off.svg)
}

.jejoo a:hover,
.jejoo a.on {
  background-image: url(../images/map_mo/jejoo_on.svg);
}

.jejoo a .map_txt {
  left: 11.5px;
  top: -21.3px;
}

.jochun {
  left: 158px;
  top: 3.3px;
}

.jochun a {
  width: 74px;
  height: 85px;
  background-image: url(../images/map_mo/jochun_off.svg)
}

.jochun a:hover,
.jochun a.on {
  background-image: url(../images/map_mo/jochun_on.svg);
}

.jochun a .map_txt {
  left: 17px;
  top: -13.4px;
}

.gujwa {
  left: 214.2px;
  top: 0px;
}

.gujwa a {
  width: 88px;
  height: 68px;
  background-image: url(../images/map_mo/gujwa_off.svg)
}

.gujwa a:hover,
.gujwa a.on {
  background-image: url(../images/map_mo/gujwa_on.svg);
}

.gujwa a .map_txt {
  left: 24.8px;
  top: -10.1px;
}

.woodo {
  left: 305.5px;
  top: 16.8px;
}

.woodo a {
  width: 19px;
  height: 23px;
  background-image: url(../images/map_mo/woodo_off.svg)
}

.woodo a:hover,
.woodo a.on {
  background-image: url(../images/map_mo/woodo_on.svg);
}

.woodo a .map_txt {
  left: 29.4px;
  top: 25.1px;
}

.deajung {
  left: 3.5px;
  top: 112.8px;
}

.deajung a {
  width: 58px;
  height: 92px;
  background-image: url(../images/map_mo/deajung_off.svg)
}

.deajung a:hover,
.deajung a.on {
  background-image: url(../images/map_mo/deajung_on.svg);
}

.deajung a .map_txt {
  left: -14.5px;
  top: 1.1px;
}

.anduck {
  left: 48.1px;
  top: 96.2px;
}

.anduck a {
  width: 68px;
  height: 61px;
  background-image: url(../images/map_mo/anduck_off.svg)
}

.anduck a:hover,
.anduck a.on {
  background-image: url(../images/map_mo/anduck_on.svg);
}

.anduck a .map_txt {
  left: 3.9px;
  top: -44.3px;
}

.sugpho {
  left: 143.1px;
  top: 88.6px;
}

.sugpho a {
  width: 45px;
  height: 64px;
  background-image: url(../images/map_mo/sugpho_off.svg)
}

.sugpho a:hover,
.sugpho a.on {
  background-image: url(../images/map_mo/sugpho_on.svg);
}

.sugpho a .map_txt {
  left: -2.3px;
  top: 25.3px;
}

.sug {
  left: 82.3px;
  top: 89.1px;
}

.sug a {
  width: 72px;
  height: 67px;
  background-image: url(../images/map_mo/sug_off.svg)
}

.sug a:hover,
.sug a.on {
  background-image: url(../images/map_mo/sug_on.svg);
}

.sug a .map_txt {
  left: -4.3px;
  top: 25.3px;
}

.namwond {
  left: 147.6px;
  top: 75.8px;
}

.namwond a {
  width: 100px;
  height: 69px;
  background-image: url(../images/map_mo/namwond_off.svg)
}

.namwond a:hover,
.namwond a.on {
  background-image: url(../images/map_mo/namwond_on.svg);
}

.namwond a .map_txt {
  left: 54.4px;
  top: 38.1px;
}

.phyosun {
  left: 195.1px;
  top: 54.8px;
}

.phyosun a {
  width: 82px;
  height: 68px;
  background-image: url(../images/map_mo/phyosun_off.svg)
}

.phyosun a:hover,
.phyosun a.on {
  background-image: url(../images/map_mo/phyosun_on.svg);
}

.phyosun a .map_txt {
  left: 67.9px;
  top: 59.1px;
}

.sungsan {
  left: 251.8px;
  top: 36px;
}

.sungsan a {
  width: 66px;
  height: 71px;
  background-image: url(../images/map_mo/sungsan_off.svg)
}

.sungsan a:hover,
.sungsan a.on {
  background-image: url(../images/map_mo/sungsan_on.svg);
}

.sungsan a .map_txt {
  left: 11.2px;
  top: 15.9px;
}

/* 충남 */
.teaan {
  left: 0.8px;
  top: 18.1px;
}

.teaan a {
  width: 73px;
  height: 127px;
  background-image: url(../images/map_mo/teaan_off.svg)
}

.teaan a:hover,
.teaan a.on {
  background-image: url(../images/map_mo/teaan_on.svg);
}

.teaan a .map_txt {
  left: -14.3px;
  top: 14.9px;
}

.susan {
  left: 42.5px;
  top: 8.8px;
}

.susan a {
  width: 74px;
  height: 95px;
  background-image: url(../images/map_mo/susan_off.svg)
}

.susan a:hover,
.susan a.on {
  background-image: url(../images/map_mo/susan_on.svg);
}

.susan a .map_txt {
  left: 2px;
  top: 24.2px;
}

.dangjin {
  left: 72.2px;
  top: 0px;
}

.dangjin a {
  width: 90px;
  height: 69px;
  background-image: url(../images/map_mo/dangjin_off.svg)
}

.dangjin a:hover,
.dangjin a.on {
  background-image: url(../images/map_mo/dangjin_on.svg);
}

.dangjin a .map_txt {
  left: 16.3px;
  top: -28px;
}

.hongsung {
  left: 68.70px;
  top: 82.8px;
}

.hongsung a {
  width: 73px;
  height: 54px;
  background-image: url(../images/map_mo/hongsung_off.svg)
}

.hongsung a:hover,
.hongsung a.on {
  background-image: url(../images/map_mo/hongsung_on.svg);
}

.hongsung a .map_txt {
  left: -23.2px;
  top: 12.2px;
}

.yesan {
  left: 98.4px;
  top: 57.4px;
}

.yesan a {
  width: 82px;
  height: 63px;
  background-image: url(../images/map_mo/yesan_off.svg)
}

.yesan a:hover,
.yesan a.on {
  background-image: url(../images/map_mo/yesan_on.svg);
}

.yesan a .map_txt {
  left: 12.1px;
  top: 2px;
}

.asan {
  left: 149.4px;
  top: 32.6px;
}

.asan a {
  width: 63px;
  height: 60px;
  background-image: url(../images/map_mo/asan_off.svg)
}

.asan a:hover,
.asan a.on {
  background-image: url(../images/map_mo/asan_on.svg);
}

.asan a .map_txt {
  left: 3.1px;
  top: -32.6px;
}

.boryoung {
  left: 76.2px;
  top: 122.8px;
}

.boryoung a {
  width: 56px;
  height: 65px;
  background-image: url(../images/map_mo/boryoung_off.svg)
}

.boryoung a:hover,
.boryoung a.on {
  background-image: url(../images/map_mo/boryoung_on.svg);
}

.boryoung a .map_txt {
  left: -30.7px;
  top: 33.8px;
}

.chungyang {
  left: 117.7px;
  top: 106px;
}

.chungyang a {
  width: 78px;
  height: 56px;
  background-image: url(../images/map_mo/chungyang_off.svg)
}

.chungyang a:hover,
.chungyang a.on {
  background-image: url(../images/map_mo/chungyang_on.svg);
}

.chungyang a .map_txt {
  left: -7.2px;
  top: 15px;
}

.chunan {
  left: 184.5px;
  top: 28.6px;
}

.chunan a {
  width: 87px;
  height: 76px;
  background-image: url(../images/map_mo/chunan_off.svg)
}

.chunan a:hover,
.chunan a.on {
  background-image: url(../images/map_mo/chunan_on.svg);
}

.chunan a .map_txt {
  left: 32px;
  top: -28.6px;
}

.gongju {
  left: 161.3px;
  top: 85.9px;
}

.gongju a {
  width: 84px;
  height: 91px;
  background-image: url(../images/map_mo/gongju_off.svg)
}

.gongju a:hover,
.gongju a.on {
  background-image: url(../images/map_mo/gongju_on.svg);
}

.gongju a .map_txt {
  left: 14.2px;
  top: -4.9px;
}

.nonesan {
  left: 181.1px;
  top: 155.2px;
}

.nonesan a {
  width: 71px;
  height: 56px;
  background-image: url(../images/map_mo/nonesan_off.svg)
}

.nonesan a:hover,
.nonesan a.on {
  background-image: url(../images/map_mo/nonesan_on.svg);
}

.nonesan a .map_txt {
  left: -4.6px;
  top: 28.8px;
}

.kayr {
  left: 235.1px;
  top: 140.8px;
}

.kayr a {
  width: 21px;
  height: 43px;
  background-image: url(../images/map_mo/kayr_off.svg)
}

.kayr a:hover,
.kayr a.on {
  background-image: url(../images/map_mo/kayr_on.svg);
}

.kayr a .map_txt {
  left: 6.4px;
  top: -19.2px;
}

.gsan {
  left: 247px;
  top: 168.4px;
}

.gsan a {
  width: 78px;
  height: 65px;
  background-image: url(../images/map_mo/gsan_off.svg)
}

.gsan a:hover,
.gsan a.on {
  background-image: url(../images/map_mo/gsan_on.svg);
}

.gsan a .map_txt {
  left: -4.8px;
  top: 15.9px;
}

.suchun {
  left: 76.6px;
  top: 179px;
}

.suchun a {
  width: 85px;
  height: 48px;
  background-image: url(../images/map_mo/suchun_off.svg)
}

.suchun a:hover,
.suchun a.on {
  background-image: url(../images/map_mo/suchun_on.svg);
}

.suchun a .map_txt {
  left: -31.1px;
  top: 38.5px;
}

.booye {
  left: 120.6px;
  top: 143.8px;
}

.booye a {
  width: 80px;
  height: 65px;
  background-image: url(../images/map_mo/booye_off.svg)
}

.booye a:hover,
.booye a.on {
  background-image: url(../images/map_mo/booye_on.svg);
}

.booye a .map_txt {
  left: -10.1px;
  top: 39.2px;
}

/* 충북 */
.danyang {
  left: 220.8px;
  top: 22px;
}

.danyang a {
  width: 105px;
  height: 85px;
  background-image: url(../images/map_mo/danyang_off.svg)
}

.danyang a:hover,
.danyang a.on {
  background-image: url(../images/map_mo/danyang_on.svg);
}

.danyang a .map_txt {
  left: -20.8px;
  top: 38px;
}

.jechun {
  left: 154.4px;
  top: 0px;
}

.jechun a {
  width: 99px;
  height: 106px;
  background-image: url(../images/map_mo/jechun_off.svg)
}

.jechun a:hover,
.jechun a.on {
  background-image: url(../images/map_mo/jechun_on.svg);
}

.jechun a .map_txt {
  left: 23.6px;
  top: -4px;
}

.chungju {
  left: 0px;
  top: 108.5px;
}

.chungju a {
  width: 118px;
  height: 86px;
  background-image: url(../images/map_mo/cb_chungju_off.svg)
}

.chungju a:hover,
.chungju a.on {
  background-image: url(../images/map_mo/cb_chungju_on.svg);
}

.chungju a .map_txt {
  left: 3px;
  top: 19px;
}

.emsung {
  left: 44.2px;
  top: 26.9px;
}

.emsung a {
  width: 89px;
  height: 71px;
  background-image: url(../images/map_mo/emsung_off.svg)
}

.emsung a:hover,
.emsung a.on {
  background-image: url(../images/map_mo/emsung_on.svg);
}

.emsung a .map_txt {
  left: 2.8px;
  top: -27.9px;
}

.cb_gsan {
  left: 78.2px;
  top: 71.5px;
}

.cb_gsan a {
  width: 113px;
  height: 81px;
  background-image: url(../images/map_mo/cb_gsan_off.svg)
}

.cb_gsan a:hover,
.gsan a.on {
  background-image: url(../images/map_mo/cb_gsan_on.svg);
}

.cb_gsan a .map_txt {
  left: 54.8px;
  top: -11.5px;
}

.jinchun {
  left: 8.7px;
  top: 58.8px;
}

.jinchun a {
  width: 70px;
  height: 58px;
  background-image: url(../images/map_mo/jinchun_off.svg)
}

.jinchun a:hover,
.jinchun a.on {
  background-image: url(../images/map_mo/jinchun_on.svg);
}

.jinchun a .map_txt {
  left: -6.8px;
  top: 1.3px;
}

.choongju {
  left: 094.5px;
  top: 0px;
}

.choongju a {
  width: 109px;
  height: 109px;
  background-image: url(../images/map_mo/chngju_off.svg)
}

.choongju a:hover,
.choongju a.on {
  background-image: url(../images/map_mo/chngju_on.svg);
}

.choongju a .map_txt {
  left: 18px;
  top: -3.2px
}

.juphyung {
  left: 66.4px;
  top: 92.3px;
}

.juphyung a {
  width: 21px;
  height: 28px;
  background-image: url(../images/map_mo/juphyung_off.svg)
}

.juphyung a:hover,
.juphyung a.on {
  background-image: url(../images/map_mo/juphyung_on.svg);
}

.juphyung a .map_txt {
  left: -1.1px;
  top: -32px;
}

.okchun {
  left: 50.8px;
  top: 184.3px;
}

.okchun a {
  width: 98px;
  height: 63px;
  background-image: url(../images/map_mo/okchun_off.svg)
}

.okchun a:hover,
.okchun a.on {
  background-image: url(../images/map_mo/okchun_on.svg);
}

.okchun a .map_txt {
  left: 17.2px;
  top: -20.3px;
}

.youngdong {
  left: 73.3px;
  top: 212.9px;
}

.youngdong a {
  width: 112px;
  height: 70px;
  background-image: url(../images/map_mo/youngdong_off.svg)
}

.youngdong a:hover,
.youngdong a.on {
  background-image: url(../images/map_mo/youngdong_on.svg);
}

.youngdong a .map_txt {
  left: 40.7px;
  top: 20.1px;
}

/* ========================== button ======================== */
.btn_wrap {
  font-size: 0;
}

.btn {
  margin-right: 8px;
}

.btn:last-child {
  margin-right: 0;
}

.btn_center_wrap {
  font-size: 0;
  padding: 20px 0 0;
}

.btn_center_wrap button+button {
  margin-left: 8px;
}


.btn26_rid {
  display: inline-block;
  line-height: 26px;
  padding: 0 12px;
  border-radius: 50em;
  font-size: 12px;
  text-align: center
}

.btn30_rid {
  display: inline-block;
  line-height: 28px;
  height: 30px;
  padding: 0 12px;
  border-radius: 50em;
  font-size: 14px;
  font-weight: 500;
  text-align: center
}

.btn34_rid {
  display: inline-block;
  line-height: 32px;
  height: 34px;
  padding: 0 12px;
  border-radius: 50em;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}

.btn40_rid {
  display: inline-block;
  line-height: 38px;
  height: 40px;
  padding: 0 12px;
  border-radius: 50em;
  font-size: 14px;
  font-weight: 500;
  text-align: center
}

.btn30 {
  display: inline-block;
  line-height: 28px;
  padding: 0 12px;
  font-size: 14px;
  border-radius: 4px;
  box-sizing: border-box;
  vertical-align: middle;
}

.btn34 {
  display: inline-block;
  line-height: 34px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 4px;
  box-sizing: border-box;
}

.btn40 {
  display: inline-block;
  line-height: 40px;
  padding: 0 20px;
  font-size: 16px;
  border-radius: 4px;
  box-sizing: border-box;
}

.btn50 {
  display: inline-block;
  line-height: 50px;
  padding: 0 37px;
  font-size: 16px;
  border-radius: 4px;
  box-sizing: border-box;
}

.btn26_rid {
  display: inline-block;
  line-height: 26px;
  padding: 0 12px;
  border-radius: 50em;
  font-size: 12px;
}

.w164 {
  width: 164px;
}

.w156 {
  width: 156px;
}

.fillpink {
  background-color: #fa448c;
  color: #fff;
}

.fillpink:hover {
  background-color: #f72e7e;
}

.fillblue {
  background-color: #1e286d;
  color: #fff
}

.fillblue:hover {
  background-color: #1c293f;
  color: #fff
}

.fillwite {
  background-color: #fff;
  color: #1e286d;
}

.filnavy {
  background-color: #1c293f;
  color: #fff;
}

.filnavy:hover {
  background-color: #1e1e1e;
}

.filgray {
  background-color: #f4f4f4;
  color: #1e1e1e;
}

.filgray.on {
  background-color: #1c293f;
  color: #fff
}

/*.filgray:not(.on) { background-color:#e8e8e8; color: #1e1e1e; } */
.filgray2 {
  background-color: #f4f4f4;
  color: #1e1e1e;
  border: 1px solid #dedede;
}

.linegray {
  border: 1px solid #e8e8e8;
  color: #1e1e1e;
  background-color: #fff;
}

.linegray:hover {
  background-color: #f4f4f4;
}

.linebggray {
  border: 1px solid #acacac;
  background-color: #f4f4f4;
  color: #1e1e1e;
}

.lineblack {
  border: 1px solid #1c293f;
  color: #1c293f;
  background-color: #fff;
}

.lineblue {
  border: 1px solid #1e286d;
  color: #1e286d;
  background-color: #fff;
}

.lineblue2 {
  border: 1px solid #374ec9;
  color: #374ec9;
  background-color: #fff;
}

.lineblue2:hover,
.lineblue2.on {
  background-color: #374ec9;
  color: #fff;
}

.lineheavyg {
  border: 1px solid #909090;
  color: #10231d;
  background-color: #fff;
}

.linepink {
  background-color: #fff;
  color: #f72e7e;
  border: 1px solid #f72e7e;
}

.linepink:hover {
  background-color: #f72e7e;
  color: #fff;
}

.linenavy {
  background-color: #fff;
  color: #1c293f;
  border: 1px solid #1c293f;
}

.linenavy:hover {
  background-color: #f4f4f4;
  color: #1c293f;
}

/* 색버튼 아이콘 */
.blacklineBico {
  display: inline-block;
  line-height: 48px;
  border: 1px solid #1e1e1e;
  background-color: #fff;
  font-size: 16px;
  width: 164px;
  border-radius: 4px;
}

.blacklineBico:before {
  vertical-align: -6px;
}

.bclose:before {
  background-image: url(../images/design/ico_close.svg);
  vertical-align: -6px;
}

.pinkfileBico {
  display: inline-block;
  line-height: 50px;
  color: #fff;
  background-color: #fa448c;
  width: 164px;
  border-radius: 4px;
  font-size: 16px;
}

.pinkfileBico:before {
  vertical-align: -6px;
}

.wcir_chk:before {
  background-image: url(../images/design/cir_white_chk.svg);
  vertical-align: -6px;
}

.pinkfileBico.bgblue {
  background-color: #1e286d;
}

.pinkfileBico.bgblue:hover {
  background-color: #1c293f;
}

.fillwite_arr {
  display: inline-block;
  line-height: 50px;
  font-size: 16px;
  border-radius: 4px;
  background: #fff url(../images/design/caret-right_navy.svg) no-repeat right 30px top 13px;
  color: #1e286d;
  padding: 0 54px 0 37px;
  font-weight: bold;
}

.btn_text {
  line-height: 30px;
  text-decoration: underline;
}

.pink {
  color: #fa448c;
}

.blue {
  color: #374ec9;
}

.blue2 {
  color: #2c6eec;
}

.navy {
  color: #1e286d;
}

.gray {
  color: #959595;
}

.bggray {
  background-color: #f4f4f4;
}

.bgfef4 {
  background-color: #f2f4ff !important;
}

.btn_serch {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images/design/search-icon.svg) no-repeat center;
}

.btn_more {
  display: inline-block;
  width: 100px;
  height: 34px;
  background: url(../images/design/morebtn-off.svg) no-repeat center;
  background-color: #f4f4f4;
  border-radius: 4px;
}

.btn_more:hover {
  background-image: url(../images/design/morebtn-on.svg);
}

.btn_more.pink {
  background: url(../images/design/morebtn-off.svg) no-repeat center
}

.box_btn_more .btn_more.on,
.box_btn_more .btn_more:hover {
  background-image: url(../images/design/morebtn-on.svg);
  background-color: #fa448c;
}

.box_btn_more .btn_more.on *,
.box_btn_more .btn_more:hover * {
  color: #fff;
}

.btn_list .btn {
  display: inline-block;
  font-size: 16px;
  padding: 0 20px;
  line-height: 50px;
  background-color: #f4f4f4;
  color: #1e1e1e;
}

.btn_list .btn:hover {
  background-color: #e8e8e8;
}

.btn_list .btn.on {
  color: #fff;
  background-color: #fa448c;
}

.btn_list.white {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}

.btn_list.white .btn30 {
  border: 1px solid #dedede;
  font-size: 14px;
  background-color: #f4f4f4;
  color: #1e1e1e;
  text-align: center;
  padding: 0 14px;
  vertical-align: bottom;
  margin-right: 6px;
}

.btn_list.white .btn30:hover {
  background-color: #e8e8e8;
}

.pbtn {
  display: inline-block;
  width: 100%;
  line-height: 50px;
  border-radius: 4px;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
}

.pbtn::after {
  content: "";
  display: inline-block;
  vertical-align: -6px;
  margin: 0 -8px 0 8px;
  background: no-repeat center;
}

.pbtn::before {
  content: "";
  display: inline-block;
  vertical-align: -6px;
  margin: 0 8px 0 -8px;
  background: no-repeat center;
}

.btn_allaplus {
  background-color: #fa448c;
  color: #fff;
  border: 1px solid #fa448c;
}

.btn_allaplus:hover {
  background-color: #f72e7e;
}

.btn_allaplus::before {
  width: 24px;
  height: 24px;
  background-image: url(../images/design/ico_plus_white.svg);
}

.btn_alladel {
  background-color: #fa448c;
  color: #fff;
  border: 1px solid #fa448c;
}

.btn_alladel:hover {
  background-color: #f72e7e;
}

.btn_alladel::before {
  width: 24px;
  height: 24px;
  background-image: url(../images/design/ico_trash_white.svg);
}

.fronticon.btn_plus::before {
  width: 24px;
  height: 24px;
  background-image: url(../images/design/ico_plus_white.svg);
  vertical-align: -6px;
  margin-right: 0;
}

.btn_list_plus::after {
  width: 24px;
  height: 24px;
  background-image: url(../images/design/arr_long_right.svg);
}

.btn_list_minu::before {
  width: 24px;
  height: 24px;
  background-image: url(../images/design/arr_long_left.svg);
}

.btn_list_up::after {
  width: 24px;
  height: 24px;
  background-image: url(../images/design/arr_long_up.svg);
}

.btn_list_down::after {
  width: 24px;
  height: 24px;
  background-image: url(../images/design/arr_long_btm.svg);
}

.btn_back::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 0 0 -8px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/design/arr_left_withe.svg);
  vertical-align: -6px;
  background-size: 18px auto;
}

.btn_back.black::before {
  background-image: url(../images/design/arr_left_black.svg);
}

.btn_setting_save::before {
  background-image: url(../images/design/ico_chk_cir.svg);
  vertical-align: -6px;
}

.pop_foot .btn_close {
  margin-left: 10px;
}

.pop_foot .btn_close::before {
  background-image: url(../images/design/ico_close.svg);
  vertical-align: -6px;
}

/* 정해진 버튼들 */
.btn_gonview {
  display: inline-block;
  border: 1px solid #e8e8e8;
  line-height: 28px;
  padding: 0 12px 0 6px;
  text-align: center;
  border-radius: 4px;
}

.btn_gonview::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/design/search-icon_mi.svg) no-repeat center;
  margin-right: 1px;
  vertical-align: -6px;
}

.navyline_btn {
  display: inline-block;
  line-height: 50px;
  border: 1px solid #1c293f;
  background-color: #fff;
  width: 164px;
  border-radius: 4px;
}

.b_down_arr {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/design/bor_arr_down.svg) no-repeat center;
  vertical-align: middle;
}

.navyline_btn.pink {
  display: inline-block;
  line-height: 50px;
  background-color: #fa448c;
  border: 0;
  color: #fff;
  width: 164px;
  border-radius: 4px;
}

.navyline_btn.pink:hover {
  background-color: #f72e7e;
}

.arr_down_btn::after {
  content: "";
  background: url(../images/design/arr_down_navy.svg) no-repeat center;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-left: 9.5px;
}

.cellular_btn::before {
  content: "";
  background: url(../images/design/cellular_icon.svg) no-repeat center;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: sub;
}

.pink.cellular_btn::before {
  content: "";
  background: url(../images/design/cellular_icon_white.svg) no-repeat center;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: sub;
}

.tween_btn {
  display: flex;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  margin-top: 4px;
}

.tween_btn .btw_btn {
  background-color: #fff;
  width: 50%;
  text-align: center;
}

.tween_btn .btw_btn:hover {
  background-color: #f4f4f4;
}

.tween_btn .btw_btn:nth-child(1) {
  border-radius: 4px 0 0 4px;
}

.tween_btn .btw_btn:nth-child(2) {
  border-radius: 0 4px 4px 0;
  border-left: 1px solid #e8e8e8;
}

.ico_addplus {
  width: 34px;
  height: 34px;
  background: #f4f4f4 url(../images/design/ico_plus.svg) no-repeat center;
}

.ico_addplus.tran {
  background-color: transparent;
}

.ico_pluss::after {
  background: url(../images/design/ico_pluss.svg) no-repeat center;
  vertical-align: -6px;
}

.btn_g2bab {
  display: inline-block;
  line-height: 50px;
  color: #fff;
  padding: 0 10px;
  background-color: #fa448c;
  background-image: url(../images/design/lock_rock_white.svg), url(../images/design/arr_right_withe.svg);
  background-repeat: no-repeat;
  background-position: left 8% center, right 9% center;
  border-radius: 4px;
  vertical-align: middle;
}

.btn_g2bab.h40 {
  line-height: 40px;
}

.sim_g2b {
  display: inline-block;
  line-height: 50px;
  color: #fff;
  padding: 0 22px;
  background-color: #fa448c;
  border-radius: 4px;
  vertical-align: middle;
  font-weight: 500;
}

.sim_g2b span {
  display: inline-block;
  color: #fff;
}

/* 관리자 전용 "공고 수동 수정" — 일반 버튼과 확실히 구분되게 붉은 계열 아웃라인 */
.btn_admin_bidedit {
  display: inline-block;
  line-height: 28px;
  padding: 0 12px;
  margin-left: 8px;
  font-size: 14px;
  color: #c0392b;
  background: #fff;
  border: 1px solid #e0a9a3;
  border-radius: 4px;
  white-space: nowrap;
  vertical-align: middle; /* .btn30(뒤로가기)과 같은 정렬 — baseline 이면 3px 어긋난다 */
}

.btn_admin_bidedit:hover {
  background-color: #fdf0f0;
}

.btn_yegasanchul {
  display: inline-block;
  line-height: 30px;
  background: #1e286d url(../images/design/desktop_windows_withe.svg) no-repeat left 8px center;
  color: #fff;
  padding: 0 12px 0 34px;
  border-radius: 4px;
}

.btn_yegasanchul:not(.on):hover {
  background-color: #1c293f;
}

.btn_jeoggyeog {
  display: inline-block;
  line-height: 28px;
  background: #fff url(../images/design/emoji_events_black_24dp.svg) no-repeat left 8px center;
  padding: 0 12px 0 34px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}

.btn_jeoggyeog:not(.on):hover {
  background-color: #f4f4f4;
}

/* 공고 상세 상단 「투찰하기」 — 적격심사·업체검색과 같은 키(28px)·테두리, 강조색만 남색 */
.btn_tuchal_go {
  display: inline-block;
  line-height: 28px;
  padding: 0 14px;
  border: 1px solid #1c293f;
  border-radius: 4px;
  background: #1c293f;
  color: #fff;
  font-weight: 500;
}

.btn_tuchal_go:hover {
  background-color: #2b3d5c;
}

.btn_companyfind {
  display: inline-block;
  line-height: 28px;
  background: #fff url(../images/design/search-icon_balck.svg) no-repeat left 8px center;
  padding: 0 12px 0 34px;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}

.btn_companyfind:not(.on):hover {
  background-color: #f4f4f4;
}

.btn_g2b {
  padding: 0 6px 0 12px;
  border: 1px solid #959595;
  background-color: #fff;
  border-radius: 4px;
  line-height: 28px;
  vertical-align: middle;
}

.btn_g2b::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 -4px 0 4px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/design/ico_g2b.png);
  margin: 0;
  vertical-align: -6px;
  vertical-align: middle;
}

.btn_g2b::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 -6px 0 6px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/design/arr_right_black.svg);
  margin: 0;
  vertical-align: -6px;
}

.down_pop_btn:after {
  content: "";
  display: inline-block;
  background: url(../images/design/caret-right-light.svg) no-repeat center;
  border: 1px solid #767676;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  vertical-align: -2px;
  margin-left: 17px;
}

.close {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: no-repeat center;
}

.close.white {
  background-image: url(../images/design/close_white.svg);
}

.close.mobile {
  background-image: url(../images/design/close_mobile.svg);
}

/* 쓸버튼들 */
.change_text_open em {
  color: #fa448c;
  text-decoration: underline;
  margin-left: 16px;
  cursor: pointer;
  font-weight: normal;
}

.change_text_open em:first-child {
  display: inline-block;
}

.change_text_open em:last-child {
  display: none;
}

.change_text_open.on em:first-child {
  display: none;
}

.change_text_open.on em:last-child {
  display: inline-block;
}

.btnp14 {
  font-size: 14px;
  font-weight: 500;
  padding: 0 14px;
}

.chk_box {
  min-height: 58px
}

.chk_box li {
  min-width: 140px;
  margin-right: 16px;
}

/* 앞뒤 검정arrow 버튼 */
.arrRbeB {
  padding: 0 14px 0 6px;
}

.arrRbeB::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 6px 0 -6px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/design/arr_right_black.svg);
  margin: 0;
  vertical-align: -6px;
}

.arrRafB.white::before {
  background-image: url(../images/design/arr_left_withe.svg);
}

.arrRafB {
  padding: 0 6px 0 14px;
}

.arrRafB::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 -6px 0 6px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/design/arr_right_black.svg);
  margin: 0;
  vertical-align: -6px;
}

.arrRafB.white::after {
  background-image: url(../images/design/arr_right_withe.svg);
}

.btn_top {
  position: fixed;
  right: calc(1vw + 30px);
  bottom: -100%;
  width: 60px;
  height: 60px;
  background: url(../images/design/btn_top.svg) no-repeat center;
  box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.1);
  z-index: 50;
  transition: bottom 0.8s;
}

.btn_top.show {
  bottom: 100px;
}

/* 오른쪽 화살표 버튼 검정*/
.arrbtn {
  display: inline-block;
  line-height: 28px;
  padding: 0 34px 0 16px;
  font-size: 14px;
  border-radius: 4px;
}

.r50 {
  border-radius: 50em !important;
}

.arrbtn.h34r50 {
  line-height: 32px;
  border-radius: 50em;
}

.linearr {
  border: 1px solid #e8e8e8;
  background: #fff url(../images/design/arr_right_black.svg) no-repeat right 10px center;
}

.linearr.on {
  background: #1c293f url(../images/design/arr_right_withe.svg) no-repeat right 10px center;
  color: #fff;
}

.linearr.on:hover {
  background: #1c293f url(../images/design/arr_right_withe.svg) no-repeat right 10px center;
  color: #fff;
}

.linearr:hover {
  background-color: #f4f4f4;
}

.linearr.white {
  border: 1px solid #e8e8e8;
  background: url(../images/design/arr_right_withe.svg) no-repeat right 10px center;
}

.arrbtn.h40 {
  line-height: 38px;
}

.arrbtn.h50 {
  line-height: 48px;
  padding: 0 53px 0 30px;
}

.arrbtn.bg_blue {
  line-height: 32px;
  padding: 0 30px 0 16px;
  background: #1e286d url(../images/design/arr_right_withe.svg) no-repeat right 5px center;
  color: #fff;
}

.fronticon::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 4px 0 -1px;
  background-repeat: no-repeat;
  background-position: left center;
}

.backicon::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 -1px 0 4px;
  background-repeat: no-repeat;
  background-position: left center;
}

.onlyico::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: left center;
}

.onlyico {
  font-size: 0;
}

.btn50.backicon {
  padding: 0 37px 0 40px;
}

.ico_trash {
  width: 70px;
  padding: 0 5px;
}

.ico_trash::before {
  background-image: url(../images/design/ico_trash_pink.svg);
  vertical-align: -6px;
  width: 10px;
  height: 24px;
}

.ico_trash:hover::before {
  background-image: url(../images/design/ico_trash_white.svg);
}

.arrwitrig::after {
  background-image: url(../images/design/arr_right_withe.svg);
  vertical-align: -6px;
  background-size: 20px auto;
}

.list_btn::before {
  background-image: url(../images/design/ico_list.svg);
  vertical-align: -6px;
  margin: 0 3px 0 -3px;
}

.title_modal::before {
  background-image: url(../images/design/cir_arr_right.svg);
  vertical-align: -7px;
  margin: 0 8px 0 0;
  background-size: 24px auto;
}

.setting::before {
  background-image: url(../images/design/settings_black_24dp.svg);
  vertical-align: -6px;
}

.setting:hover::before {
  background-image: url(../images/design/settings_white_24dp.svg);
  vertical-align: -6px;
}

.arrright::after {
  background-image: url(../images/design/arr_right_withe.svg);
  vertical-align: -6px;
  background-size: 16px auto;
}

.arrright.black::after {
  background-image: url(../images/design/arr_right_black.svg);
  vertical-align: -6px;
  background-size: 16px auto;
}

.btn50.arrright::after {
  background-size: 24px auto;
}

.btn_prinset::before {
  background-image: url(../images/design/settings_black_24dp.svg);
  vertical-align: -6px;
}

.btn_print::before {
  background-image: url(../images/design/print_black_24dp.svg);
  vertical-align: -6px;
}

.btn_cabinet::before {
  background-image: url(../images/design/bag-icon.svg?v=20261001);
  vertical-align: -6px;
}

.btn_Yega::before {
  background-image: url(../images/design/desktop_windows_black_24dp.svg);
  vertical-align: -6px;
}

.btn_file::before {
  background-image: url(../images/design/ico_file_black.svg);
  vertical-align: -6px;
}

.ico_disk::before {
  background-image: url(../images/design/disk_gray_24dp.svg);
  vertical-align: -6px;
}

.ico_disk:hover::before,
.ico_disk.on::before {
  background-image: url(../images/design/disk_black_24dp.svg);
}

.ico_rock::before {
  background-image: url(../images/design/lock_rock_white.svg);
  vertical-align: -6px;
  margin-right: 0;
}

.btn_eobche::before {
  background-image: url(../images/design/search-icon_balck.svg);
  vertical-align: -6px;
}

.btn_grap::before {
  background-image: url(../images/design/signal_cellular_alt_black_24dp.svg);
  vertical-align: -6px;
}

.btn_save::before {
  background-image: url(../images/design/save_alt_black_24dp.svg);
  vertical-align: -6px;
}

.ico_excel::before {
  background-image: url(../images/design/save_alt_black_24dp.svg);
  vertical-align: -6px;
}

.btn_delet::before {
  background-image: url(../images/design/del_black_ico.svg);
  vertical-align: -6px;
  margin: 0;
}

.table_drop_open.fronticon.arr_down {
  margin: 0;
}

.arr_down:before {
  background-image: url(../images/design/arr_down_navy.svg);
  background-position: center;
  vertical-align: -6px;
  margin: 0;
}

.arr_down.on:before {
  transform: rotate(180deg);
}

.btn_detail_find {
  display: inline-block;
  line-height: 50px;
  border: 1px solid #1c293f;
  background-color: #fff;
  width: 164px;
  border-radius: 4px;
}

.btn_detail_find::before {
  background-image: url(../images/design/filter_alt_black_24dp.svg);
  vertical-align: -6px;
}

.btn_detail_find:hover {
  background-color: #f4f4f4;
}

.btn_detail_find.on {
  background-color: #1c293f;
  color: #fff;
}

.btn_detail_find.on::before {
  background-image: url(../images/design/filter_alt_white_24dp.svg);
  vertical-align: -6px;
}

.ico_trash::before {
  background-image: url(../images/design/ico_trash_pink.svg);
  vertical-align: -6px;
  width: 10px;
  height: 24px;
}

.ico_trash:hover::before {
  background-image: url(../images/design/ico_trash_white.svg);
}

.ico_trash_b::before {
  background-image: url(../images/design/ico_trash_black.svg);
  vertical-align: -3px;
  margin-right: 2px;
}

.ico_bunsuk:before {
  background-image: url(../images/design/ico_bunsuk_blue.svg);
  vertical-align: -6px;
  width: 14px;
  height: 24px;
}

.ico_bunsuk:hover::before {
  background-image: url(../images/design/ico_bunsuk_white.svg);
}

.ico_graf::before {
  background-image: url(../images/design/signal_cellular_alt_black_24dp.svg);
}

.ico_save:before {
  background-image: url(../images/design/ico_star.svg);
  vertical-align: -6px;
  width: 14px;
  height: 24px;
  background-position: center;
}

.ico_save:hover::before {
  background-image: url(../images/design/ico_star_white.svg);
}

.ico_youtu::before {
  background-image: url(../images/design/ico_you-icon.svg);
  vertical-align: -6px;
}

.btn_find {
  display: inline-block;
  line-height: 50px;
  color: #fff;
  background-color: #fa448c;
  width: 164px;
  border-radius: 4px;
}

.btn_find::before {
  background-image: url(../images/design/search-icon_white.svg);
  vertical-align: -6px;
}

.btn_find:hover {
  background-color: #f72e7e;
}

.ben_del_cate {
  display: inline-block;
  width: auto;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  font-size: 14px;
  padding: 3px 32px 3px 12px;
  background: url(../images/design/close_black.svg) no-repeat right 10px center;
  border-radius: 8px;
  text-align: left;
  word-break: keep-all;
  line-height: 24px;
}

.btn_meno {
  display: block;
  width: 50px;
  line-height: 24px;
  border: 1px solid #000;
  background-color: #f4f4f4;
  margin: 4px auto 0;
}

.btn_meno:hover {
  background-color: #e8e8e8;
}

.btn_txt_change {
  color: #fa448c;
  text-decoration: underline;
}

.ico_reset::before {
  width: 24px;
  height: 24px;
  background-image: url(../images/design/ico_reset_navy.svg);
  vertical-align: -6px;
}

.facebook {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../images/design/facebook-icon.svg);
}

.insta {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../images/design/ins-icon.svg);
}

.youtube {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../images/design/you-icon.svg);
}

.pinter {
  display: inline-block;
  width: 34px;
  height: 34px;
  background: url(../images/design/pluska-icon.svg);
}

.bgfacebook {
  display: inline-block;
  width: 65px;
  height: 65px;
  background: url(../images/design/facebook_icon.svg);
}

.bginsta {
  display: inline-block;
  width: 65px;
  height: 65px;
  background: url(../images/design/ins_icon.svg);
}

.bgyoutube {
  display: inline-block;
  width: 65px;
  height: 65px;
  background: url(../images/design/you_icon.svg);
}

.bgpinter {
  display: inline-block;
  width: 65px;
  height: 65px;
  background: url(../images/design/pluska_icon.svg);
}

.dwn_ios {
  display: inline-block;
  width: 161px;
  height: 48px;
  background: url(../images/design/appstore.svg) no-repeat center;
}

.dwn_ao {
  display: inline-block;
  width: 161px;
  height: 48px;
  background: url(../images/design/googlestore.svg) no-repeat center;
}

.arrRbeafimB {
  padding: 0 6px 0 12px;
}

.arrRbeafimB::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 -4px 0 4px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/design/ico_g2b.png);
  margin: 0;
  vertical-align: -6px;
}

.arrRbeafimB::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 -6px 0 6px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(../images/design/arr_right_black.svg);
  margin: 0;
  vertical-align: -6px;
}

.btn34_rid.star {
  padding: 0 9px;
}

.star::before {
  content: "";
  width: 17px;
  height: 17px;
  display: inline-block;
  background: url(../images/design/black_star.svg) no-repeat center;
  margin-right: 4px;
  vertical-align: -2px;
}

.star.pink::before {
  background-image: url(../images/design/star_pink.svg);
}

/* widbtn */
.btn_w100 {
  display: inline-block;
  line-height: 34px;
  border-radius: 4px;
  text-align: center;
  width: 100px;
}

.btn_w100.h40 {
  line-height: 40px;
}

.btn_w100.h50 {
  line-height: 50px;
}

/* 페이지네이션 — 네모 박스, 현재 페이지는 배경 채움 (2026-09-20 사용자 지시)
   ★★ 박스는 <a> 가 아니라 **<li> 에** 건다. 현재 페이지만 `<li class="active">3</li>` 로
      **a 가 없기 때문**이다(application/libraries/Get_paging.php 의 5종 전부 같은 마크업).
      그래서 종전 `.pagenation li.active a` 는 **한 번도 맞은 적이 없고**, 현재 페이지가
      나머지 숫자와 똑같은 회색으로 보였다(실측: 활성 li 폭 9px / 나머지 a 폭 27px).
      a 에 스타일을 걸면 이 함정을 그대로 되밟는다 — 박스가 현재 페이지에만 안 생긴다.
   ★ 화살표(맨앞·이전·다음·맨뒤)는 글자가 `&nbsp;` 인 아이콘 전용 a 다(pagination_lang).
     `.sld-btn .btn` 의 24px 고정을 풀어 같은 박스를 채우게 한다. */
.pagenation {
  display: inline-block;
}

.pagenation li {
  display: inline-block;
  font-size: 14px;
  vertical-align: middle;
  color: #767676;
}

/* 박스 본체 — 숫자·화살표·현재페이지가 **모두 같은 크기**여야 줄이 고르다.
   min-width 로 두 자릿수(10·100)도 박스가 늘기만 하고 높이는 그대로. */
.pagenation>li {
  min-width: 34px;
  height: 34px;
  line-height: 32px;
  /* 34 − 위아래 테두리 1px */
  margin: 0 3px;
  border: 1px solid #dedede !important;
  border-radius: 4px;
  background-color: #fff;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
}

.pagenation li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 6px;
  margin: 0;
  min-width: 0;
  box-sizing: border-box;
  color: #767676;
  font-weight: 400;
  line-height: 32px;
}

.pagenation>li:hover {
  border-color: #fa448c !important;
}

.pagenation>li:hover a {
  color: #fa448c;
}

/* 현재 페이지 — 배경을 채운다. a 가 없으므로 색·굵기를 li 에 직접 준다. */
.pagenation>li.active {
  background-color: #fa448c;
  border-color: #fa448c !important;
  color: #fff;
  font-weight: 700;
}

/* 화살표 a — `.sld-btn .btn`(24px 고정)보다 선택자가 구체적이라 이 값이 이긴다 */
.pagenation>li>a.btn {
  width: 100%;
  height: 100%;
  background-size: 14px auto;
}

.sld-btn {
  text-align: center;
}

.sld-btn .btn {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
}

.sld-btn .btn.prv {
  background-image: url(../images/design/nv_left_1.svg);
}

.sld-btn .btn.next {
  background-image: url(../images/design/nv_right_1.svg);
}

.sld-btn .btn.first {
  background-image: url(../images/design/nv_left_2.svg);
}

.sld-btn .btn.last {
  background-image: url(../images/design/nv_right_2.svg);
}

/* ========================== 타이틀 / 폰트 ======================== */
/* ★ 2026-10-01 사용자 지시: 위아래 60px(제목 한 줄에 약 160px)이라 상단 메뉴 아래가 휑해 서비스 신뢰를 떨어뜨렸다.
   결제 화면(_payment_compact_style.php)에서 먼저 맞춘 값 28px/20px 을 전 화면 기본값으로 올린다(값은 여기 한 곳). */
.page_title {
  font-size: 28px;
  font-weight: 500;
  padding: 28px 0 20px;
  text-align: center;
}
/* 제목이 .sectionbt40(위 40px) 안 첫 줄이면 두 여백이 겹쳐 쌓인다(자료실 목록·게시글 보기 100px) → 섹션 위 여백을 뺀다.
   ★ .sectionbt40 자체는 20여 화면 공용이라 「제목으로 시작하는 섹션」만 좁힌다. 기획 게시판(.plan_sec)은 plan.css 가 따로 맞춘다. */
.sectionbt40:not(.plan_sec):has(> .inner > .page_title:first-child) {
  padding-top: 0;
}

.font14 {
  font-size: 14px !important;
  font-weight: normal !important;
}

.font16 {
  display: inline-block;
  font-size: 16px;
  padding: 0 0 10px;
}

.font18 {
  font-size: 18px;
  font-weight: 500;
}

.font22 {
  font-size: 22px;
}

.font1695 {
  font-size: 16px;
  padding: 0 0 10px;
  color: #959595;
  text-align: left;
}

.font1295 {
  font-size: 12px;
  color: #959595;
}

.font121e {
  font-size: 12px;
  color: #1e1e1e;
}

.font14blue {
  font-size: 14px;
  color: #374ec9;
}

.fon16500 {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 15px;
}

.align_right {
  text-align: right !important;
}

.align_left {
  text-align: left !important;
}

.align_center {
  text-align: center !important;
}

.ver_top {
  vertical-align: top !important;
}

.ver_mid {
  vertical-align: middle !important;
}

.ver_btm {
  vertical-align: bottom !important;
}

.title16 {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.col9595 {
  color: #959595;
}

.disinblock {
  display: inline-block;
}

.font0 {
  font-size: 0;
}

.b500 {
  font-weight: 500;
}

.bold {
  font-weight: bold;
}

.fontWb {
  font-weight: bold;
}

.fontW500 {
  font-weight: 500;
}

.fontS18 {
  font-size: 18px;
}

.fontS16 {
  font-size: 16px;
}

.fontS14 {
  font-size: 14px;
}

.fontS12 {
  font-size: 12px;
}

.cirarr_title {
  display: inline-block;
  font-size: 14px;
  background: url(../images/design/ico_cirarr_black.svg) no-repeat left center;
  background-size: 24px auto;
  line-height: 24px;
  padding-left: 28px;
  font-weight: 500;
  margin-bottom: 15px;
}

.cirarr_title .desc {
  font-size: 14px;
  color: #374ec9;
  margin-left: 10px;
  font-weight: normal;
}

.cirarr_title.btw_flex {
  display: flex;
  align-items: center;
}

.cirarr_title.btw_flex span {
  line-height: 34px;
}

.dot_title {
  position: relative;
  font-size: 16px;
  color: #1c293f;
  line-height: 24px;
  padding: 0 0 0 14px;
  margin-bottom: 10px;
  font-weight: 500;
}

.dot_title .nomal {
  font-weight: normal;
}

.dot_title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50em;
  background-color: #1c293f;
  ;
}

.right_con .dot_title {
  margin-bottom: 6px;
}

.step_title {
  border-bottom: 1px solid #1e286d;
}

.step_title::after {
  content: "";
  display: block;
  clear: both;
}

.step_title .tit {
  float: left;
  width: 100px;
  background-color: #1e286d;
  text-align: center;
  color: #fff;
  line-height: 36px;
  border-radius: 4px 4px 0 0;
}

.step_title .desc {
  float: left;
  margin-left: 18px;
  line-height: 35px;
  color: #1e286d;
}

.step_title .desc strong {
  font-size: 16px;
  color: #1e286d;
  font-weight: 500;
}

.step_title .r {
  float: right;
}

.dot_title.sm {
  width: 2px;
  height: 2px;
}

.fontBlue {
  color: #374ec9;
  font-weight: normal;
  vertical-align: middle;
}

.undel {
  text-decoration: underline;
}

.linethrough {
  text-decoration: line-through !important;
}

.linethrough:hover {
  text-decoration: line-through !important;
}

.border0 {
  border: 0 !important;
}

.borderb0 {
  border-bottom: 0 !important;
}

.txtindex li {
  padding: 0 0 0 10px;
  text-indent: -8px;
}

/* ========================= 테이블 스타일 =========================*/

.w5p {
  width: 5% !important;
}

.w10p {
  width: 10% !important;
}

.w15p {
  width: 15% !important;
}

.w20p {
  width: 20% !important;
}

.w25p {
  width: 25% !important;
}

.w30p {
  width: 30% !important;
}

.w33p {
  width: 33.333% !important;
}

.w35p {
  width: 35% !important;
}

.w40p {
  width: 40% !important;
}

.w45p {
  width: 45% !important;
}

.w50p {
  width: 50% !important;
}

.w55p {
  width: 55% !important;
}

.w60p {
  width: 60% !important;
}

.w70p {
  width: 70% !important;
}

.w75p {
  width: 75% !important;
}

.w80p {
  width: 80% !important;
}

.w90p {
  width: 90% !important;
}

.w100 {
  width: 100% !important;
}

.mato {
  margin: 0 auto;
}

.w300mat {
  width: 300px;
  margin: 0 auto;
}

.w70 {
  width: 70px;
}

.w80 {
  width: 80px !important;
}

.w90 {
  width: 90px !important;
}

.w100p {
  width: 100px !important;
  min-width: 100px !important;
}

.w200 {
  width: 200px !important;
}

.w300 {
  width: 300px;
}

.w400 {
  width: 300px;
}

.w150 {
  width: 150px;
}

.w120 {
  width: 120px;
}

.w174 {
  width: 174px;
}

.w800 {
  width: 800px;
}

.w75 {
  width: 75px;
}

.wAuto {
  width: auto
}

.table_list {
  position: relative;
}

/* 목록 「공고명/공고번호」 칸 2번째 줄 — 태그 → [공고번호-차수] (2026-09-20 사용자 지시).
   ★<br> 이 아니라 block 인 이유: 행 높이 clamp(list_row_clamp.js)가 Range 로 '내용 높이'를
     재는데, <br> 는 빈 줄로 잡혀 기준 칸 높이가 실제보다 커진다. */
.list_tit_sub {
  display: block;
  margin-top: 2px;
  line-height: 20px;
}

.list_tit_sub .list_bid_no {
  color: #767676;
  font-size: 12px;
}

/* PC 입찰·낙찰 목록(.small_font) 공고명 칸 글자 (2026-09-26 사용자 지시)
   공고명 12→14px(두 단계 — 한 단계로는 「커진 느낌이 안 난다」 사용자 재지시) / 태그 12→11px(한 단계 줄임) / 태그 간격 4.1→약 2px.
   ★ 태그 간격의 대부분은 margin 이 아니라 **태그 사이 공백 문자**(약 3px)다 — 뷰가 태그를 줄마다
     echo 해서 공백이 끼고, 그 폭은 부모(.list_tit_sub 12px) 글꼴이 정한다. 그래서 margin 을 음수로 둬
     공백 폭을 상쇄한다(마크업에서 공백을 빼면 모바일·인쇄 목록까지 간격이 같이 바뀐다).
   ★ .tit 안의 span(재입찰·관내 접미·개찰결과)도 `.small_font tr td span{12px}` 에 잡히므로 같이 건다. */
.tagtable.small_font tr td .tit,
.tagtable.small_font tr td .tit span {
  font-size: 14px;
}
/* 인쇄 화면(입낙찰 목록·서류함 인쇄) 공고명 — 기본 14px → 16px (2026-09-26 사용자 지시, 화면과 같이 두 단계).
   ★ 인쇄 표는 글자 크기 클래스가 없어 `td:has(.list_tit_sub)` 로 「공고명 칸」만 짚는다 — `.tagtable .tit` 로 걸면
     다른 표의 .tit(제목 칸)까지 커진다.
   ★ 화면 표는 위 `.small_font`·아래 `.mid_font` 규칙이 우선순위가 한 단계 높아 그쪽이 이긴다(14/15px 유지).
     여기에 :not(.small_font) 를 붙이면 :not 도 우선순위에 더해져 **화면까지 16px 로 뒤집힌다** — 붙이지 말 것. */
.tagtable td:has(.list_tit_sub) .tit,
.tagtable td:has(.list_tit_sub) .tit span {
  font-size: 16px;
}
/* ★ 태그 규칙은 .small_font 에 한정하지 않고 PC 표 전체(.tagtable)에 건다 — 인쇄 화면(입낙찰·서류함 인쇄)은
     글자 크기 클래스가 없는 표라, 한정하면 화면만 11px·인쇄는 12px 로 갈린다(2026-09-26 낙찰서류함 인쇄 실측). */
.tagtable .list_tit_sub .tag {
  font-size: 11px;
  line-height: 18px;
  margin-right: -1px;
}
.tagtable .list_tit_sub .list_bid_no {
  margin-left: 2px;
}

/* 입찰 목록 PC 「정정내역 ▼」 — 공고번호 **뒤에 붙인** 버튼 (2026-09-29 사용자 지시 「행 높이를 최대한 줄이고 싶어」).
   종전엔 공고명 아래 별도 블록 줄(bid_followup_toggle_html)이라 정정 공고 행만 한 줄 높았다.
   ★ 색(갈색 #7d4a2f)은 종전 버튼·낙찰 목록·모바일과 같게 둔다 — 같은 기능이 화면마다 다른 색이면 다른 기능으로 읽힌다.
   ★ 태그(.tag 11px·18px)와 같은 높이로 맞춰 2줄째 줄 높이(20px)를 늘리지 않는다.
   ★ nowrap — 「정정내역」과 ▼ 가 줄 끝에서 갈라지면 한 줄을 또 먹는다. */
.list_tit_sub .bidFollowupInline {
  display: inline-block;
  background: #7d4a2f;
  color: #fff;
  padding: 0 6px;
  border-radius: 3px;
  font-size: 11px;
  line-height: 18px;
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 2px;
}
.list_tit_sub .bidFollowupInline .bidFollowupArrow { font-size: 9px; }
.bidFollowupBoxInline {
  background: #fdf6f0;
  border: 1px solid #e0c8b0;
  border-radius: 4px;
  padding: 6px 10px;
  margin-top: 4px;
  line-height: 1.7;
}
/* 예가범위(「-3 ~ +3」) — 좁힌 칸(BID_TENDER_LIST_COL_WIDTH_PCT 3%)에서 공백마다 3줄로 쪼개지지 않게 */
.tagtable td.lcell_nowrap { white-space: nowrap; }
/* 머리글에 <br> 로 줄바꿈 자리를 정해 둔 칸(BID_TENDER_LIST_COL_LABELS)은 그 밖에서 글자 단위로 꺾이지 않게 */
.tagtable th.lcol:has(> br) { word-break: keep-all; }

/* 같은 규칙을 나의서류함 PC(.mid_font, 기본 13px)와 모바일 목록(.bid_list_style, 공고명 16px)에도 건다
   (2026-09-26 사용자 지시 「모바일·서류함도 똑같이」). 「똑같이」= 같은 px 이 아니라 **같은 조정**이다 —
   공고명은 각 화면 기본보다 두 단계 크게(13→15 / 16→18), 태그는 11px, 태그 간격 약 2px.
   ★ 모바일은 부모 글꼴이 14px 라 공백이 더 넓고(3.4px) .tag 여백도 2px(user_mo.css)라 종전 간격이 5.4px 였다. */
.tagtable.mid_font tr td .tit,
.tagtable.mid_font tr td .tit span {
  font-size: 15px;
}
/* ★ ul. 를 붙인 이유: user_mo.css(뒤에 로드)의 `.leftbox .tit{16px}` 와 우선순위가 같으면 그쪽이 이긴다. */
ul.bid_list_style .tit,
ul.bid_list_style .tit span {
  font-size: 18px;
}
.bid_list_style .list_tit_sub .tag {
  font-size: 11px;
  line-height: 18px;
  margin-right: -1px;
}
/* ★ 모바일(.bid_list_style)은 공고번호가 다음 줄로 내려가 줄머리 들여쓰기가 되므로 .list_bid_no 여백을 주지 않는다. */

.table_list .table_title {
  position: relative;
  background-color: #f4f4f4;
  border-top: 1px solid #1c293f;
}

.table_list .table_title .title {
  font-size: 16px;
  line-height: 49px;
  font-weight: 500;
}

.table_list .table_title .title .count {
  color: #959595;
  padding-left: 6px;
}

.table_list .table_title .title .desc {
  color: #959595;
  font-size: 12px;
  padding-left: 6px;
}

.table_list .table_title .poRcen {
  right: 20px;
}

.title_right {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0;
}

.title_right a {
  display: inline-block;
  line-height: 26px;
  margin-left: 10px;
  padding: 0 16px;
  border-radius: 50em;
  background-color: #fff;
  font-weight: 500;
}

.title_right a:hover {
  background-color: #f4f4f4;
}

.more_list_box {
  position: relative;
}

.more_list_box .box_btn_more {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.more_list_box .box_btn_more a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
  border-radius: 4px;
  background-position: right 10px bottom 10px;
}

.more_list_box .box_btn_more a span em {
  color: #959595;
  padding-left: 10px;
}

.more_list_box .box_btn_more a:hover span {
  font-weight: 500;
}

.more_list_box .box_btn_more a:hover span em,
.more_list_box .box_btn_more a.on span em {
  color: #fff;
  font-weight: normal;
}

/* table 태그 */
table {
  width: 100%;
}

.table_list_type {
  border-top: 1px solid #1e1e1e;
}

.table_list_type.grayline {
  border-top: 1px solid #dedede;
}

.table_list_type.gray {
  border-top: 1px solid #dedede;
}

.table_list_type.gray.top {
  border-top: 1px solid #1e1e1e;
}

.table_list_type table {
  width: 100%;
  table-layout: fixed;
}

.table_list_type tr {
  border-bottom: 1px solid #dedede;
}

.table_list_type .tit {
  background-color: #f2f4ff;
  width: 165px;
  font-weight: 500;
  min-height: 50px;
  line-height: 30px;
}

.table_list_type .tit.p87 {
  width: 87px;
  border-bottom: 1px solid #dedede;
}

.table_list_type .tit.p77 {
  width: 77px;
  border-left: 1px solid #fff;
}

/* .table_list_type tr:last-child .tit , .table_list_type tr.last .tit{border-bottom:1px solid #dedede;} */
.table_list_type .tit span:not(.msgbox) {
  padding: 0 14px;
  display: block;
}

.table_list_type tr td {
  padding: 12px 30px;
  line-height: 24px;
  vertical-align: top;
  word-break: break-word;
}

.table_list_type tr td label {
  line-height: 30px;
}

.table_list_type .btwlist .con {
  line-height: 30px;
  width: 20%;
}

.table_list_type .btwlist .con:last-child {
  margin-right: 0;
}

.table_list_type .list_info_box div {
  min-height: 24px;
  line-height: 24px;
}

.table_list_type .file_down_box a {
  display: block;
  text-decoration: underline;
  line-height: 24px;
}

.table_list_type .p77 {
  padding: 0 20px;
  text-align: center;
}

.table_list_type.tdcen td:not(.tit) {
  text-align: center;
}

.table_list_type.tdveticen td:not(.tit) {
  vertical-align: middle;
}

.table_list_type.titmid .tit {
  vertical-align: middle;
}

.table_list_type.txtleft td {
  text-align: left;
}

.tagtable.chk_gray_table .chk {
  height: 60px;
}

.tagtable.chk_gray_table .chk .posicen {
  top: 30px;
}

.table_list_type.w160tit .tit {
  width: 165px;
}

.table_list_type.w160tit td {
  padding: 14px 16px;
}

/* 공고 상세 기본정보(입찰·낙찰 공용 partial views/bid/bid_detail/_basic_info.php)·입찰일정 표 — 위아래 여백 축소.
   ★ .basic_info_tbl 에만 건다 — w160tit 는 다른 표도 쓴다. */
.table_list_type.basic_info_tbl .tit {
  min-height: 0;
  line-height: 22px;
}

.table_list_type.basic_info_tbl tr td {
  padding: 6px 16px;
  line-height: 22px;
  vertical-align: middle;
}

/* 공고요약(.mini) 제목칸은 .mini .tit{padding:13px} 가 더 강해 위 규칙이 안 먹는다 — 여기서 같이 줄인다. */
.table_list_type.mini.basic_info_tbl .tit {
  padding: 6px 13px;
}

/* 마이페이지(회원정보수정·나의 기업정보·결제내역·세금계산서·회원탈퇴) 우측 표 — 공고 상세 기본정보 표(.basic_info_tbl)와 같은 행 높이 35px·섹션 간격 36px (2026-10-01 사용자 지시).
   입력칸이 30px 라 셀 위아래 여백 2px + 제목칸 line-height 30px = 35px(글자만 있는 줄도 같은 높이).
   ★ .mypage_wrap .rightbox 안에서만 건다 — .table_list_type·.tagtable·.pat80 은 수십 화면 공용.
   ★ 현황판(/display/*) 화면은 자체 표(.da-table, 행 36px·간격 34px)라 이 규칙이 닿지 않는다(원래 촘촘). */
.mypage_wrap .rightbox .table_list_type .tit {
  min-height: 0;
  line-height: 30px;
}

/* 아래쪽 표 제목칸은 <span> 에 좌우 14px 가 더 붙어 위쪽 표와 글자 시작이 어긋난다 — 셀 여백 16px 하나로 맞춘다. */
.mypage_wrap .rightbox .table_list_type .tit span:not(.msgbox) {
  padding: 0;
}

.mypage_wrap .rightbox .table_list_type tr td {
  padding: 2px 16px;
  line-height: 22px;
  vertical-align: middle;
}

/* 제목칸은 원래대로 위쪽 정렬 — 주소·탈퇴사유처럼 여러 줄 칸에서 제목이 첫 줄 옆에 남게(line-height 30px 이라 한 줄 칸에선 가운데와 같다). */
.mypage_wrap .rightbox .table_list_type tr td.tit {
  vertical-align: top;
}

.mypage_wrap .rightbox .table_list_type td .mat10 {
  margin-top: 3px;
}

.mypage_wrap .rightbox section.pat80 {
  padding-top: 36px;
}

/* 회원정보 수정 기업회원·자회사 표 4열(제목·값·제목·값) — 「내 회사정보」 기본정보 표와 같은 틀(2026-10-04).
   값 칸이 절반으로 줄어 고정폭 입력칸(w300·w90×3)이 넘친다 → 칸 폭에 맞춘다.
   ★ .mv_4col 에만 건다 — w300·w90 은 수십 화면 공용. */
.table_list_type.mv_4col col.mv4_tit {
  width: 140px;
}

.table_list_type.mv_4col td.tit {
  width: auto;
}

.table_list_type.mv_4col td input.w300 {
  width: 100%;
  max-width: 300px;
}

.table_list_type.mv_4col td input.w90 {
  width: calc((100% - 36px) / 3);
  max-width: 90px;
}

/* 기업정보 수정(views/mypage/vibid_pc/my_company_info.php, 2026-10-04) — 회사 고르기 버튼·경영상태 선택칸·시공능력 입력표. */
.mc_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}

.mc_tabs .mc_tab {
  display: flex;
  flex-direction: column;
  min-width: 120px;
  max-width: 200px;
  padding: 8px 14px;
  border: 1px solid #dedede;
  border-radius: 6px;
  background: #fff;
  color: #333;
  line-height: 20px;
}

.mc_tabs .mc_tab span {
  font-size: 13px;
  color: #777;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.mc_tabs .mc_tab.on {
  border-color: #3b5bdb;
  background: #f2f4ff;
}

.mc_tabs .mc_tab.on strong {
  color: #3b5bdb;
}

.mc_tabs .mc_tab.empty {
  border-style: dashed;
}

/* 기업정보 수정 자회사 제목 「자회사N」 바로 오른쪽 [사업자번호로 추가](2026-10-05) — 제목 글꼴을 물려받지 않게 */
.mc_subco_tit .btn_subco_lookup {
  margin-left: 10px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
}

/* 자회사 삭제(×) — 고른 자회사 탭 안, 「자회사N」 줄의 오른쪽 끝(2026-10-05). 탭(<a>) 안에 두면 누를 때 그 탭으로 이동하므로 형제로 둔다. */
.mc_tabs .mc_tab_wrap {
  position: relative;
  display: flex;
}

.mc_tabs .mc_tab_wrap:has(.mc_tab_del) .mc_tab {
  padding-right: 30px;   /* × 자리 — 회사명이 × 밑으로 들어가지 않게 */
}

.mc_tabs .mc_tab_del {
  position: absolute;
  top: 8px;              /* 탭 위 여백(.mc_tab padding 8px)과 같다 → 「자회사1」 줄 높이(20px)에 맞춰 그 줄 오른쪽 끝 */
  right: 8px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: #999;
  font-size: 18px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
}

.mc_tabs .mc_tab_del:hover {
  background: #ffe3e3;
  color: #e03131;
}

.mc_notice {
  padding: 40px 0;
  text-align: center;
  color: #777;
}

.table_list_type.mv_4col select.mc_sel {
  width: 100%;
  max-width: 300px;
  height: 30px;
}

/* 신용등급 = 평가 구분 + 등급 두 칸(2026-10-11) — 한 줄에 나란히 */
.mc_credit { display: flex; gap: 6px; max-width: 300px; }
.table_list_type.mv_4col .mc_credit select.mc_sel.mc_credit_kind { width: 42%; }
.table_list_type.mv_4col .mc_credit select.mc_sel.mc_credit_grade { width: 58%; }

.tagtable.mc_abil td {
  padding: 4px 3px;
}

/* ★위 규칙(0,2,1)은 `.mypage_wrap .rightbox .tagtable tr td`(6px 12px, 0,3,2)에 져서 한 번도 적용된 적이 없었다 — 좌우 여백이 12px 로 남아
   입력칸이 칸 폭보다 24px 좁았다. 준공실적 칸을 더해 금액 칸이 넷이 되면서(2026-10-25) 금액이 잘려 보여 같은 무게로 다시 쓴다(세로 6px 는 종전 그대로). */
.mypage_wrap .rightbox .tagtable.mc_abil tr td {
  padding: 6px 3px;
}

.tagtable.mc_abil td input,
.tagtable.mc_abil td select {
  width: 100%;
  height: 30px;
  padding: 0 6px;
}

.tagtable.mc_abil td input.mc_money {
  text-align: right;
  padding: 0 3px;   /* 금액 칸이 넷(평가액·3년·5년·준공실적)이라 칸 폭이 좁다 — 15자(100,167,000,000)가 잘리지 않게 좌우 여백을 줄인다(2026-10-25) */
}

/* 폐업·영업정지 Y/N — .dropdownbox 의 min-width 80px 를 풀고 칸도 좁게(2026-10-05).
   ★칸 폭의 하한은 머리글 「영업정지」 글자 폭이다(16px 한 줄 ≈ 75px) — 머리글만 14px 로 줄여야 칸이 줄어든다.
   ★표가 auto 배분이면 남는 폭이 고정폭 칸에도 나눠 들어가 56px 가 73px 로 커진다 → 이 표만 fixed(줄인 폭은 금액 칸으로 간다). */
.tagtable.mc_abil table {
  table-layout: fixed;
}

.tagtable.mc_abil col.mc_yn_col {
  width: 56px;
}

.tagtable.mc_abil th.mc_yn_th {
  font-size: 14px;
  letter-spacing: -0.5px;
  white-space: nowrap;
}

.tagtable.mc_abil td select.mc_yn {
  width: 48px;
  min-width: 0;
  padding: 0 4px;
  display: block;
  margin: 0 auto;
}

.mc_abil_add {
  margin-left: 10px;
}

.tagtable.mc_abil .mc_abil_del {
  padding: 0 8px;
  white-space: nowrap;
}

.mypage_wrap .rightbox .table_list_type.mat20 {
  margin-top: 10px;
}

.mypage_wrap .rightbox .blue.mat40 {
  margin-top: 20px;
}

.mypage_wrap .rightbox section.mat40 {
  margin-top: 20px;
}

/* 안내 상자(결제내역·세금계산서·회원탈퇴 맨 위) 위아래 30px → 20px */
.mypage_wrap .rightbox .whiteline_box {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* 목록형 표(결제내역·세금계산서·시공능력) — 머리줄·행 35px */
.mypage_wrap .rightbox .tagtable tr th {
  padding: 6px 0;
  line-height: 22px;
}

.mypage_wrap .rightbox .tagtable tr td {
  padding: 6px 12px;
  line-height: 22px;
  vertical-align: middle;
}

/* 마이페이지 좌측 메뉴(mypage_lnb·mypage_lnb_company_user 공용) — 줄 높이 50px → 36px·묶음 사이 80px → 36px (2026-10-01 사용자 지시).
   마이페이지 화면마다 같은 메뉴라 화면 이동 시 높이가 튀지 않게 공용으로 건다(user.css 의 .lnb_list 규칙보다 한 단계 구체). */
.lnb_wrap .lnb_list li a {
  line-height: 36px;
}

.lnb_wrap .lnb_box .tit {
  padding-bottom: 10px;
}

.lnb_wrap .lnb_box.pat80 {
  padding-top: 36px;
}

.table_list_type.w160tit td.bid-ntce-no {
  max-width: 350px;
  word-break: break-word;
}

.table_list_type.w160tit .arrbtn {
  padding: 0 21px 0 8px;
  background-position: right top 3px;
  margin-top: 4px;
}

tr.last_info td:not(.tit) {
  padding: 28px 30px 30px;
}

tr.last_info td:not(.tit) ul li {
  line-height: 28px;
}

tr.last_info td:not(.tit) .arrbtn {
  margin-top: 0;
}

/* color table */
.table_list_type.bg_table .tit {
  width: 152px;
  padding: 0 30px;
}

.table_list_type.bg_table td {
  vertical-align: middle;
}

.table_list_type.bg_table .empty_line {
  border: 0;
}

.table_list_type.bg_table .empty_line td {
  height: 4px;
  padding: 0;
}

.table_list_type.bg_table .bg_pink {
  background-color: #ffe3f1;
  color: #fa448c;
  padding: 0;
  text-align: center;
  font-weight: 500;
}

.table_list_type.bg_table .bg_pink+.bg_pink {
  border-left: 1px solid #fff;
}

.table_list_type.bg_table .bg_lightP {
  background-color: #fff5fa;
  color: #fa448c;
  font-weight: 500;
}

.table_list_type.bg_table .leline {
  border-left: 1px solid #dedede;
}

.table_list_type.mini .tit {
  width: 102px;
  padding: 13px;
}

.table_list_type.mini .tit {
  width: 102px;
  padding: 13px;
}

.table_list_type.gray .tit {
  background-color: #f4f4f4;
}

.table_list_type.grayinfo {
  border-top: 0;
}

.table_list_type.grayinfo tr {
  padding: 0 34px;
}

.table_list_type.grayinfo .tit {
  background-color: #f4f4f4;
  width: 160px;
}

.table_list_type.grayinfo td {
  background-color: #f4f4f4;
}

.table_list_type.grayinfo tr td:not(.tit) {
  background-color: #f4f4f4;
}

.tit .btw_flex {
  align-items: top;
}

.tit .btw_flex input {
  padding-top: 4px;
}

.table_list_type tr td:not(.tit) {
  background-color: #fff;
}

/* .table_list_type tr td:nth-child(3):not(.tit){border-left: 1px solid #f4f4f4;} */
.flexcon {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.flexcon.w180 dd {
  min-width: 180px;
}

.flexcon dd,
.table_list_type .right_box.flexcon dd {
  min-width: 160px;
  margin-right: 30px;
}

.flexcon .last_info {
  width: 100%;
  background-color: #f4f4f4;
  line-height: 38px;
  padding: 0 26px;
  border-radius: 4px;
  margin-top: 10px;
}


.table_list_type.titblue {
  border: 0;
}

.table_list_type.titblue .tit {
  background-color: #1e286d;
  color: #fff;
}

.table_list_type.titblue .tit * {
  color: #fff;
}

.table_list_type.titblue .right_box.flexcon dd {
  min-width: 180px;
  margin-right: 30px;
}

.tab_content {
  display: none;
}

.tab_content:nth-of-type(1) {
  display: block;
}

.ximg {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/design/ico_x.svg) no-repeat center;
}

.equal {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url(../images/design/ico_line.svg) no-repeat center;
}

table tr th label input {
  padding: 0;
}

.tagtable {
  border-top: 1px solid #1e1e1e;
}

.tagtable.firmid tr td:first-child {
  vertical-align: middle;
}

.tagtable thead tr:first-child {
  border-bottom: 0;
}

.tagtable tr th {
  line-height: 24px;
  padding: 13px 0;
  font-size: 16px;
  background-color: #f4f4f4;
  border-right: 1px solid #ffff;
  font-weight: 500;
}

.tagtable tr th:last-child {
  border-right: 0;
}

.tagtable tr th.large_tit {
  padding-left: 20px;
}

.tagtable tr {
  border-bottom: 1px solid #dedede;
}

.tagtable thead tr {
  border-bottom: 0;
}

.tagtable tr td {
  position: relative;
  line-height: 1.5;
  font-size: 14px;
  border-left: 1px solid #dedede;
  text-align: center;
  padding: 12px 12px;
  vertical-align: top;
  line-height: 24px;
  /* background-color: #fff;*/
}

/* 낙찰 상세 투찰결과·복수예가·참여업체 표 — 기본정보(.basic_info_tbl)와 같은 행 높이(2026-09-19).
   ★ .compact_tbl 을 단 표에만 건다. subp_table 의 고정 height:50px(user2.css)도 여기서만 푼다. */
.tagtable.compact_tbl tr th {
  padding: 6px 0;
  line-height: 22px;
}

.tagtable.compact_tbl tr td,
.tagtable.compact_tbl .subp_table tbody tr td {
  height: auto;
  padding: 6px 10px;
  line-height: 22px;
  vertical-align: middle;
}

/* 투찰결과(.two_line)는 한 칸에 두 줄(값+보조값)이 들어간다 — 여백을 더하면 오히려 커진다(실측 50→58). 줄 간격을 줄인다. */
.tagtable.compact_tbl.two_line .subp_table tbody tr td {
  padding: 2px 10px;
  line-height: 20px;
}

.tagtable.hover tr:hover {
  background-color: #fff;
}

.tagtable.hover tr td a:not(.tagtit):hover,
.tagtable.hover tr td button:hover {
  text-decoration: underline;
}

.tagtable tr td .tagtit:hover .tit {
  text-decoration: underline;
}

.tagtable tr td:first-child {
  border-left: 0;
}

.tagtable tr td.align_left {
  text-align: left;
}

.tagtable tr td.align_center {
  text-align: center;
}

.tagtable tr td.align_right {
  text-align: right;
}

.tagtable tr td.leftline {
  border-left: 1px solid #dedede;
}

.tagtable tr th.leftline {
  border-left: 1px solid #fff;
}

.tagtable.firline_white tr:first-child {
  border-bottom: 1px solid #fff;
}

.tagtable.nth1_white tr {
  border-bottom: 1px solid #fff;
}

.tagtable.nolien2 tr:nth-child(2) {
  border: 0;
}

.tagtable.tdleft tr td {
  text-align: left;
}

.tagtable.right tr td:not(.tit) input {
  text-align: right;
}

.tagtable.vertical_center tr td,
.tagtable.vertical_center tr th {
  vertical-align: middle;
}

.tagtable .disflex .txtbox li label input {
  padding-right: 8px
}

.tagtable.td1left tr td:nth-child(1) {
  text-align: left;
}

.tagtable.td2left tr td:nth-child(2) {
  text-align: left;
}

.tagtable.td3left tr td:nth-child(3) {
  text-align: left;
}

.tagtable.td4left tr td:nth-child(4) {
  text-align: left;
}

.tagtable.td5left tr td:nth-child(5) {
  text-align: left;
}

.tagtable.td6left tr td:nth-child(6) {
  text-align: left;
}

.tagtable.td8left tr td:nth-child(8) {
  text-align: left;
}

.tagtable.td9left tr td:nth-child(9) {
  text-align: left;
}

.tagtable.td10left tr td:nth-child(10) {
  text-align: left;
}

/* ========================== 드롭다운박스 ======================== */

.drop_down_list li {
  border-bottom: 1px solid #dedede;
}

.drop_down_list li .nopost {
  line-height: 50px;
  text-align: center;
}

.question {
  position: relative;
  display: block;
  width: 100%;
  line-height: 24px;
  padding: 13px 21px 13px 70px;
  background: url(../images/design/question.svg) no-repeat left 20px top 10px;
  text-align: left;
  background-color: #fff;
}

.question::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  background: url(../images/design/aroww-down.svg) no-repeat center;
  transition: rotate 0.3s;
}

.on .question::after {
  transform: translateY(-50%) rotate(-180deg);
}

.answer_box {
  display: none;
}

.answer_box .ans {
  background: #f4f4f4 url(../images/design/answer.svg) no-repeat left 70px top 10px;
  padding: 15px 120px 20px;
  min-height: 50px;
  line-height: 24px;
}

/* ========================== tag ======================== */
.tag_wrap {
  font-size: 0;
}

.tag {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  padding: 0 3px;
  color: #fff;
  font-weight: 500;
  border-radius: 4px;
  margin: 0 1px 0 0;
  letter-spacing: -0.3px;
}

.nofree {
  background-color: #fff;
  color: #1e1e11;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  line-height: 28px;
  padding: 0 10px;
}

.nofree::before {
  content: "\c720\b8cc";
}

.suui {
  background-color: #debf14;
}

.suui::before {
  content: "\c218\c758";
}

.gwannae {
  background-color: #7914de;
}

.gwannae::before {
  content: "\ad00\b0b4";
}

.gicho {
  background-color: #bf14de;
}

.gicho::before {
  content: "\ae30\cd08";
}

/* 업무구분 보조 노출축 배지(migrations/060) — 공사 목록에 뜬 용역 공고처럼 원래 구분이 다른
   공고임을 알린다. 문구는 ::before 가 아니라 원본 구분명을 그대로 넣는다. */
.tag_bsnsdiv_origin {
  background-color: #607d8b;
}

.jehan {
  background-color: #de1414;
}

.jehan::before {
  content: "\c81c\d55c";
}

/* ★2026-09-09: 이 클래스를 쓰는 곳이 없다 — 목록 「공고분류」 칩에서 내렸다.
   판정 재료(발주처 필드·공고문 규칙)가 없어 눌러도 조건이 안 만들어졌고,
   화면은 「필터가 걸린 목록」으로 보였다. 정본 경위: Docs/14. 공고 분류·태그·검수/공고분류 필터 규칙.md §14.
   ★색이 남아 있다고 「배지가 있다」로 읽지 말 것 — 목록 행에 렌더된 적이 없다
   (Docs/14. 공고 분류·태그·검수/공고 태그 체계.md §4-A 잠복 데드코드). 재료가 생기면 칩부터 되살린다. */
.mingan {
  background-color: #ffd62c;
}

.mingan::before {
  content: "\bbfc\ac04";
}

.agabs {
  background-color: #f475c8;
}

.agabs::before {
  content: "\0041\ac12";
}

.naeyeog {
  background-color: #1fa578;
}

.naeyeog::before {
  content: "\b0b4\c5ed";
}

.gongga {
  background-color: #3f5add;
}

.gongga::before {
  content: "\acf5\ac00";
}

/* 13차-178 상호 방향 태그(상호전문/상호종합) · 업종제한 칸 구분 줄 */
.mtlty_s,
.mtlty_g {
  background-color: #4f6fbf;
}

.mtlty_s::before {
  content: "상호전문";
}

.mtlty_g::before {
  content: "상호종합";
}

.indsty_cond_numbered .ic_line_sep,
.indsty_list_numbered .ic_line_sep {
  display: inline-block;
  color: #4f6fbf;
  font-size: 0.9em;
  font-weight: 600;
  margin: 3px 0 1px;
}

/* ★2026-09-09: 이 클래스를 쓰는 곳이 없다 — 목록 「공고분류」 칩에서 내렸다.
   판정 재료(발주처 필드·공고문 규칙)가 없어 눌러도 조건이 안 만들어졌고,
   화면은 「필터가 걸린 목록」으로 보였다. 정본 경위: Docs/14. 공고 분류·태그·검수/공고분류 필터 규칙.md §14.
   ★색이 남아 있다고 「배지가 있다」로 읽지 말 것 — 목록 행에 렌더된 적이 없다
   (Docs/14. 공고 분류·태그·검수/공고 태그 체계.md §4-A 잠복 데드코드). 재료가 생기면 칩부터 되살린다. */
.siljeog {
  background-color: #ffba5c;
}

.siljeog::before {
  content: "\c2e4\c801";
}

/* ★2026-09-09: 이 클래스를 쓰는 곳이 없다 — 목록 「공고분류」 칩에서 내렸다.
   판정 재료(발주처 필드·공고문 규칙)가 없어 눌러도 조건이 안 만들어졌고,
   화면은 「필터가 걸린 목록」으로 보였다. 정본 경위: Docs/14. 공고 분류·태그·검수/공고분류 필터 규칙.md §14.
   ★색이 남아 있다고 「배지가 있다」로 읽지 말 것 — 목록 행에 렌더된 적이 없다
   (Docs/14. 공고 분류·태그·검수/공고 태그 체계.md §4-A 잠복 데드코드). 재료가 생기면 칩부터 되살린다. */
.bogsu {
  background-color: #5cc7ff;
}

.bogsu::before {
  content: "\bcf5\c218";
}

.chwiso {
  background-color: #9d9abc;
}

.chwiso::before {
  content: "\cde8\c18c";
}

.yeoseong {
  background-color: #fa448c;
}

.yeoseong::before {
  content: "\c5ec\c131";
}

.pq {
  background-color: #3f3d56;
}

.pq::before {
  content: "\0050\0051";
}

.gongui {
  background-color: #ea8db2;
}

.gongui::before {
  content: "\acf5\c758";
}

.yeongi {
  background-color: #41c79a;
}

.yeongi::before {
  content: "\c5f0\ae30";
}

.jangaein {
  background-color: #d9af8e;
}

.jangaein::before {
  content: "\c7a5\c560\c778";
}

.sahoe {
  background-color: #5b8def;
}

.sahoe::before {
  content: "\c0ac\d68c";
}

.minganbojo {
  background-color: #6b8e23;
}

.minganbojo::before {
  content: "\bbfc\ac04";
}

.geub {
  background-color: #ff0202;
}

.geub::before {
  content: "\ae09";
}

.jeong {
  background-color: #81e58d;
}

.jeong::before {
  content: "\c815";
}

.soon {
  background-color: #959595;
}

.soon::before {
  content: "\c21c";
}

/* ★2026-10-02 사용자 지시: 「기초」「A값」「순」 태그는 **어디에도 안 보이게** 한다.
   목록·상세·서류함·통합검색·인쇄·PC·모바일 전부가 같은 빈 <em class="tag gicho|agabs|soon"></em> 를
   이 파일의 ::before 로 그리므로, 템플릿 60여 개의 PHP 조건문을 지우는 대신 여기 한 곳에서 접는다
   (되살리려면 이 블록만 지우면 된다 — 마크업·판정 조건은 그대로 남아 있다).
   ★검색폼 「공고분류」 드롭다운의 항목 아이콘(li onclick=bidNtceSttusNm_type(...))도 같이 숨긴다(같은 날 사용자 지시) —
   목록에서 안 보이는 태그를 드롭다운에서만 보여 주면 짝이 안 맞는다. 항목 글자(기초금액·A값·순공사원가)와 거르기 기능은 그대로. */
.tag.gicho, .tag.agabs, .tag.soon { display: none !important; }

.gong {
  background-color: #16835e;
}

.gong::before {
  content: "정정";
}

.mulpum {
  background-color: #f57e22;
}

.mulpum::before {
  content: "\bb3c\d488";
}

.gi {
  background-color: #3fb9dd;
}

.gi::before {
  content: "\ae30";
}

.apt {
  background-color: #00897b;
}

.apt::before {
  content: "APT";
}

.naeyeok {
  background-color: #7b5ea7;
}

.naeyeok::before {
  content: "내역";
}

.jikchal {
  background-color: #2b6cb0;
}

.jikchal::before {
  content: "직찰";
}

/* 지명 — 참가 업체가 미리 정해진 공고(계약방법 지명경쟁 OR 공고문 지정업체 명단) */
.jimyeong {
  background-color: #7f1d1d;
}

.jimyeong::before {
  content: "지명";
}

.gonggae {
  background-color: #0d9488;
}

.gonggae::before {
  content: "공개";
}

.hyeonpil {
  background-color: #d97706;
}

.hyeonpil::before {
  content: "현필";
}

.sidam {
  background-color: #0891b2;
}

.sidam::before {
  content: "시담";
}

/* 2026-10-22 「최저가」「협상」 태그 — 공고분류 필터와 같은 판정(bid_opt_filter_helper vbid_bid_opt_tag_html) */
.lowest {
  background-color: #475569;
}

.lowest::before {
  content: "최저가";
}

.nego {
  background-color: #7c3aed;
}

.nego::before {
  content: "협상";
}

.jiksaeng {
  background-color: #65a30d;
}

.jiksaeng::before {
  content: "직생";
}

.jejo {
  background-color: #b45309;
}

.jejo::before {
  content: "제조";
}

.sasil {
  background-color: #be123c;
}

.sasil::before {
  content: "실태";
}

/* 관리자 「공고 특성」 태그(2026-10-10) — 값은 곁표 cb_g2b_bid_flag_manual, 판정 basic_helper vbid_bid_flag_tags() */
.siljeok {
  background-color: #0f766e;
}

.siljeok::before {
  content: "실적";
}

.hyeonseol {
  background-color: #a16207;
}

.hyeonseol::before {
  content: "현설";
}

.dangi {
  background-color: #4d7c0f;
}

.dangi::before {
  content: "단기";
}

.seonbalpyo {
  background-color: #6d28d9;
}

.seonbalpyo::before {
  content: "선발표";
}

.daehaeng {
  background-color: #475569;
}

.daehaeng::before {
  content: "대행";
}


.pinknum {
  background-color: #fa448c;
  font-size: 11px
}

/* ★2026-09-09: 이 클래스를 쓰는 곳이 없다 — 목록 「공고분류」 칩에서 내렸다.
   판정 재료(발주처 필드·공고문 규칙)가 없어 눌러도 조건이 안 만들어졌고,
   화면은 「필터가 걸린 목록」으로 보였다. 정본 경위: Docs/14. 공고 분류·태그·검수/공고분류 필터 규칙.md §14.
   ★색이 남아 있다고 「배지가 있다」로 읽지 말 것 — 목록 행에 렌더된 적이 없다
   (Docs/14. 공고 분류·태그·검수/공고 태그 체계.md §4-A 잠복 데드코드). 재료가 생기면 칩부터 되살린다. */
.danga {
  background-color: #d7bb93;
}

.danga::before {
  content: "\B2E8\AC00";
}

.sahoi {
  background-color: #F361DC;
}

.sahoi::before {
  content: "\C0AC\D68C";
}

.hyunpil {
  background-color: #8e6b97;
}

.hyunpil::before {
  content: "\D604\D544";
}

/* ========================== 셀렉트박스 ======================== */

.selec_wrap {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

/* .selec_wrap:last-of-type { margin-right: 0; }  */
.dropdownbox {
  position: relative;
  min-width: 80px;
  margin: 0 auto;
  padding: 0 36px 0 18px;
  background: #FFF;
  cursor: pointer;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}

.dropdownbox::after {
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background: url(../images/design/select_arr_down.svg) no-repeat center;
  transition: transform 0.3s;
}

.dropdownbox.on::after {
  transform: translateY(-50%) rotate(180deg);
}

.dropdownbox>p {
  line-height: 28px;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
}

ul.sel_menu {
  display: none;
  position: absolute;
  left: 0;
  top: 22px;
  max-height: 300px;
  margin: 0 auto;
  width: 100%;
  overflow: auto;
  margin-top: 10px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  background: #fff;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
  z-index: 10;
  border-radius: 8px;
}

.on+ul.sel_menu {
  display: block;
}

ul.sel_menu li {
  padding: 0 20px;
  line-height: 30px;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

ul.sel_menu li:hover,
select option:checked,
select option:hover {
  background: #f2f2f2;
}

.selec_wrap.type2 {
  width: 100px;
  margin: 8px 0 0;
}

.selec_wrap.type2 .dropdownbox {
  padding: 0 36px 0 10px
}

.selec_wrap.type2 .dropdownbox::after {
  right: 8px;
}

.selec_wrap.type2 ul.sel_menu {
  width: 164px;
  text-align: center;
}

.border_top {
  border-top: 1px solid #1e1e1e;
}

.border_left {
  border-left: 1px solid #1e1e1e;
}

.border_top.gray {
  border-top: 1px solid #dedede;
}

.border_bottom {
  border-bottom: 1px solid #dedede;
}

.btop0 {
  border-top: 0 !important;
}

.bbtm0 {
  border-bottom: 0 !important;
}

.bo0 {
  border: 0 !important;
}

.bgf2f4 {
  background-color: #f2f4ff;
}

.bgf5f5 {
  background-color: #f5f5f5;
}

/* 디테일 위치 움직이는 박스 */
.offset_box {
  background-color: #f2f4ff;
  padding: 20px 30px;
  margin: 20px 0 0;
}

.offset_box ul {
  position: relative;
  padding: 0 97px;
  overflow: hidden;
}

.offset_box ul::before {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  height: 1px;
  background-color: #1e1e1e;
}

.offset_box ul li {
  position: relative;
  float: left;
  width: 25%;
  padding: 47px 0 0;
  text-align: center;
}

.offset_box ul li::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 39px;
  transform: translateX(-50%);
  width: 4px;
  height: 4px;
  border-radius: 50em;
  background-color: #1e1e1e;
}

.offset_box ul li::after {
  display: none;
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 24px;
  height: 32px;
  background: url(../images/design/ico_offset.svg) no-repeat center;
  background-size: cover
}

.offset_box ul li.on::after {
  display: block;
}

.offset_box ul li.on::before {
  background-color: #374ec9;
}

.offset_box ul li.on p,
.offset_box ul li.on span {
  color: #374ec9;
}

.offset_box ul li span {
  display: inline-block;
  padding: 4px 0 0;
  font-size: 12px;
}

/* 툴팁 */
.tooltip {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50em;
  margin: 0 8px;
  background: url(../images/design/ico_q.svg) no-repeat center;
  vertical-align: middle;
}

.tooltip .msgbox {
  position: absolute;
  left: 10px;
  top: 20px;
  width: 306px;
  border-radius: 8px;
  padding: 15px 20px;
  background-color: #fff;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
  transform: scale(0);
  transition: all 0.3s;
  transform-origin: left top;
  z-index: 5;
}

.tooltip .msgbox.right {
  left: auto;
  right: 0;
  transform-origin: right top;
}

.tooltip:hover .msgbox {
  transform: scale(1);
}

.tooltip_button {
  position: relative;
  display: inline-block;
  line-height: 28px;
  border: 1px solid #000;
  background-color: #fff;
  padding: 0 15px;
  z-index: 10;
  border-radius: 4px;
}

.tooltip_button .msgbox {
  position: absolute;
  right: 50%;
  top: 20px;
  width: 306px;
  border-radius: 8px;
  padding: 15px 20px;
  background-color: #fff;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
  transform: scale(0);
  transition: all 0.3s;
  transform-origin: right top;
  z-index: 5;
}

.tooltip_button:hover .msgbox {
  transform: scale(1);
}

.a_tooltip span.tooltip {
  padding: 0;
  background: url(../images/design/a_btn.svg) no-repeat center;
  border-radius: 0;
}

.a_tooltip>span:first-child {
  padding: 0 0 0 15px
}

.a_tooltip .msgbox {
  font-weight: normal;
  color: #606060;
  text-align: center;
  padding: 15px 0;
  width: 182px
}

th.a_tooltip span:first-child {
  font-size: 16px;
}

th.a_tooltip .msgbox {
  left: 0px;
  top: -50px;
  transform-origin: left bottom;
}

/* ==========================           인풋 / 검색창         ======================== */

input.black {
  border: 1px solid #1c293f;
  padding: 0 14px;
  margin-left: 20px;
  background-color: #fff;
}

input.gray {
  background-color: #fff;
  padding: 0 14px;
  border: 1px solid #e8e8e8;
  line-height: 28px;
  border-radius: 4px;
}

/* 마이페이지 이메일 칸(@ 앞·뒤 — 회원정보 수정의 전자세금계산서 수신 E-mail·담당자 이메일) — input.gray 와 같은 테두리(2026-10-05 사용자 지시).
   ★ .calenda_input 의 테두리 규칙은 처음부터 주석이라 이 칸들만 글자만 떠 있어 입력칸으로 안 보였다. 폭은 user.css(160·140px). */
.mypage_wrap .table_list_type .emali_box .email_inp input {
  height: 30px;
  margin-right: 0;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  line-height: 28px;
}

.mypage_wrap .table_list_type .emali_box .email_inp input:focus {
  border-color: #3b5bdb;
  outline: none;
}

input.linegray {
  background-color: #fff;
  padding: 0 14px;
  border: 1px solid #dedede;
  line-height: 30px;
}

input.lightgray {
  background-color: #fff;
  padding: 0 10px;
  border: 1px solid #e8e8e8;
  line-height: 40px;
  width: 100%
}

input.h30 {
  height: 30px;
  line-height: 28px;
}

input.h34 {
  height: 34px;
  line-height: 32px;
}

input.h40 {
  height: 40px;
  line-height: 38px;
}

input.h50 {
  height: 50px;
  line-height: 48px;
}

.lineheight30 {
  line-height: 30px;
  ;
}

input[type="radio"] {
  margin-right: 6px;
  vertical-align: 0;
}

input[type="radio"]:checked+label {
  color: #fa448c;
  font-weight: bold;
}

.disblock {
  display: block;
}

/* ==========================           틀          ======================== */
.grayline_box {
  background-color: #f4f4f4;
  border-top: 1px solid #000;
  padding: 14px 12px;
}

.grayline_box.p30 {
  padding: 30px;
}

.grayline_box .white_box ul li {
  line-height: 28px;
}

.grayline_box .white_box.pa2530 {
  padding: 25px 30px;
}

.grayline_box.white {
  background-color: #fff;
  border-top: 0;
  padding: 0;
}

.whiteline_box {
  background-color: #fff;
  border-top: 1px solid #000;
  border-bottom: 1px solid #dedede;
  padding: 30px;
}

.pay_box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  margin: 0 auto;
  padding: 0 0 0;
  min-height: 70px;
}

.pay_box::before {
  content: "";
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50em;
  background: #f4f4f4 url(../images/design/user-icon.svg) no-repeat center;
  vertical-align: top;
  margin-right: 30px;
}

.pay_box li {
  line-height: 28px;
}

.whiteline_box>ul>li {
  line-height: 28px;
}

.whiteline_box ul.radio_list li {
  text-indent: 0;
}

.whiteline_box .selec_wrap * {
  text-indent: 0;
}

.lineheight28 {
  display: block;
  line-height: 28px;
}

.attention_box {
  padding: 24px 100px;
  background: #f2f4ff url(../images/design/ico_attention.svg) no-repeat left 30px center;
}

.attention_box li {
  line-height: 26px;
}

.attention_box.bggray {
  background-color: #f4f4f4;
}

/* 로그인페이지 */
.mem_wrap {
  min-width: 320px;
  max-width: 550px;
  margin: 0 auto;
  padding-bottom: 140px;
}

.mem_wrap.sectionbt40 {
  padding-bottom: 140px;
}

.mem_wrap .dropdownbox {
  border-color: #e8e8e8;
}

.mem_wrap .dropdownbox>p {
  line-height: 40px;
}

.mem_wrap ul.sel_menu {
  top: 34px;
}

/* .mem_wrap .dropdownbox > p,.mem_wrap ul.sel_menu li { line-height: 40px; }  */
/* .mem_wrap ul.sel_menu {top:34px; max-height: 100px; }  */
.mem_wrap label {
  display: block;
}

.mem_wrap .ininner {
  padding: 0 20px
}

.mem_wrap .ininner.p6 {
  padding: 0 26px
}

.mem_wrap .mem_sub_tit {
  text-align: center;
  margin-top: 60px;
  padding-bottom: 20px;
}

.mem_wrap .login_list {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mem_wrap .login_list li {
  display: flex;
  align-items: center;
  font-weight: 500;
}

.mem_wrap .login_list li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 14px;
  margin: 4px 15px 0 15px;
  background: #10231d;
}

/* 모바일: 항목이 4개(회원가입·회사 회원가입·아이디 찾기·비밀번호 찾기)라 좁은 폭에서
   flex 가 항목을 줄이며 「회사 회원가입」 등이 항목 안에서 두 줄로 꺾였다.
   모바일은 2열 격자(가입 줄 / 찾기 줄)로 놓고 글자는 꺾지 않는다(nowrap).
   앱에서 가입 링크가 숨겨져 2개만 남아도 같은 규칙으로 한 줄이 된다.
   구분선은 왼쪽 열(홀수 항목) 뒤에만, 왼쪽 열은 오른쪽 정렬이라 구분선이 위아래로 맞는다. */
@media (max-width: 768px) {
  .mem_wrap .login_list {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    row-gap: 12px;
  }
  .mem_wrap .login_list li {
    white-space: nowrap;
  }
  .mem_wrap .login_list li:nth-child(odd) {
    justify-content: flex-end;
  }
  .mem_wrap .login_list li:not(:last-child)::after {
    display: none;
  }
  .mem_wrap .login_list li:nth-child(odd):not(:last-child)::after {
    display: block;
  }
}

.new_title {
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  margin-top: 20px;
}

.login_btn {
  width: 156px;
}

.login_caution {
  margin-top: 20px;
  line-height: 22px;
}

.login_caution p {
  letter-spacing: -0.9px;
  text-align: center;
}

/*                                    로그인페이지/아이디&비번찾기                          */
.mem_wrap input:not([type="radio"], [type="checkbox"]) {
  line-height: 38px;
  border: 1px solid #ededed;
  width: 100%;
  padding: 0 14px;
}

.mem_sub_tit.login .tab_table_btwlist {
  border-bottom: 1px solid #f4f4f4;
  margin: 0;
  display: flex;
  justify-content: center;
}

.mem_sub_tit.login .tab_table_btwlist li {
  width: calc(50% - 20px);
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  max-width: inherit;
}

.mem_sub_tit.login .tab_table_btwlist li.on {
  padding-bottom: 20px;
  border-bottom: 2px solid #fa448c !important;
  color: #fa448c;
}

.login_form_list>li+li {
  margin-top: 40px;
}

.login_form_list li>label {
  font-size: 16px;
  font-weight: 500;
}

.login_form_list li>label input:not([type="radio"], [type="checkbox"]) {
  margin-top: 8px;
}

.login_form_list .phone_box i {
  margin-top: 4px;
}

.mem_wrap .capcha input:nth-of-type(1) {
  width: 39%;
  margin-right: 6px;
}

.mem_wrap .capcha input:nth-of-type(2) {
  width: 59%
}

.email>div input:nth-of-type(1) {
  width: calc(50% - 105px);
}

.email>div input:nth-of-type(2) {
  width: calc(50% - 105px);
  margin-right: 6px;
  margin-top: 0;
}

.email>div i {
  padding: 0 10px;
  line-height: 30px;
}

.email .selec_wrap {
  max-width: 150px;
  margin-right: 0;
}

/* 이메일 입력(아이디 @ 도메인 + 선택)을 한 줄로 정렬 */
.email>div .selec_wrap {
  margin-top: 0;
}

/* 회원가입/1.약관동의 */
.join_flow {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0 14px;
}

.join_flow li {
  padding: 0 14px;
  background: #f4f4f4;
  color: #1e1e1e;
  border-radius: 50em;
  line-height: 34px;
  width: auto;
  min-width: 92px;
  margin-right: 6px;
}

.join_flow li:last-child {
  margin: 0;
}

.join_flow li.on {
  color: #fff;
  background: #1c293f;
}

.join_detail>h5.cirarr_title {
  margin-bottom: 10px;
  background-size: 20px;
  line-height: 20px;
}

.join_flow.step li {
  width: 100px;
  padding: 0;
  text-align: center;
}

.mem_type li {
  margin-right: 26px;
  padding-top: 10px;
}

.mem_type li label {
  display: inline-block;
}

.mem_box li {
  padding: 10px 6px 10px 6px;
  width: 100%
}

.mem_box.part li {
  border-bottom: 1px solid #f4f4f4
}

.mem_box li:last-of-type {
  border: none;
}

.mem_box li>a {
  font-size: 12px;
  color: #959595;
  text-decoration: underline;
  margin-left: auto;
}

.chk_explain {
  color: #959595;
  padding-left: 25px;
}

.double_chk {
  padding: 0 6px;
  background: #fff;
  color: #10231d;
  border-radius: 50em;
  line-height: 38px;
  border: 1px solid #dedede;
  width: auto;
  margin-left: 6px;
  font-weight: 500;
  width: 80px;
}

.join_detail .mem_double {
  display: block;
  width: calc(100% - 87px)
}

/* .enterprise_group,.personal_group{display: none;} */


/* 회원가입/2.정보입력 */
.join_detail .info_input {
  padding-top: 10px;
}

.join_detail .info_input ul li>label {
  font-size: 16px;
  font-weight: 500;
}

/*.join_detail .info_input ul li > label input:not([type="radio"],[type="checkbox"]){margin-top: 8px;}*/
.join_detail .info_input ul li>label.sms_label {
  font-weight: normal;
  font-size: 14px;
}

.join_detail .sms_label input[type=checkbox] {
  margin-right: 6px !important;
}

/*.join_detail .info_input ul li .double_chk{margin-top: 8px;}*/
.join_detail .info_input li:not(ul.sel_menu li) {
  margin-bottom: 30px;
}

.join_detail .info_input label>p {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 500;
}

.join_detail .info_input li>p {
  font-weight: 500;
  margin-bottom: 8px;
}

.info_three i {
  margin: 0 7px;
}

.info_three input,
.info_three .selec_wrap {
  margin-right: 0 !important;
}

.info_three .dropdownbox {
  padding: 0 0 0 10px;
  min-width: 90px;
  max-height: 40px;
}

.event_input {
  margin-top: 10px;
}

.event_input>div:nth-of-type(2) {
  margin: 0 7px
}

.info_input .mem_type div>div:nth-of-type(1) {
  margin-right: 38px;
}

/* 회원가입/3.가입완료 */
.join_welcome {
  background: url(../images/design/welcome_box.svg) no-repeat center;
  height: 270px;
  width: calc(100% - 35px);
  margin: 0 auto;
}

.join_detail.complete {
  margin-top: 20px;
}

.com_text {
  text-align: center;
}

.com_text h6 {
  font-size: 18px;
  margin-top: 28px;
}

.com_text span {
  font-size: 16px;
  display: block;
  margin: 10px auto 0;
  letter-spacing: -0.48px;
  font-weight: 300;
}

.join_content.fail .join_detail {
  margin-top: 40px;
}

.join_alert {
  background: url(../images/design/alert_chk.svg) no-repeat center;
  height: 50px;
  background-size: 50px;
}

/* 약관동의 */
.term_area {
  padding-top: 40px
}

.term_area .article:not(.last) {
  margin-bottom: 40px;
}

.article .tit {
  color: #383838;
  margin-bottom: 10px
}

.article .desc,
.article>ul>li {
  color: #959595;
  letter-spacing: -0.42px;
  line-height: 22px;
}

/* 메인 */
.main_img_op {
  position: relative;
  background: url(../images/banner/bg_main_bn.png) no-repeat center;
  background-size: cover;
}

.main_img_op::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
}

/* 필터 */
.stting_text_open em {
  color: #fa448c;
  text-decoration: underline;
  margin-left: 16px;
  cursor: pointer;
  font-weight: normal;
}

.stting_text_open em:first-child {
  display: inline-block;
}

.stting_text_open em:last-child {
  display: none;
}

.stting_text_open.on em:first-child {
  display: none;
}

.stting_text_open.on em:last-child {
  display: inline-block;
}

.tab_box_wrap .txt_box {
  display: block;
}

.tab_box_wrap .grop_box {
  display: none;
}

.calenda_wrap .miri_view li {
  margin: 0 0 0 16px;
}

.calenda_wrap .miri_view li em {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: -2px;
  margin-right: 2px;
}

.moninfo_box {
  font-size: 22px;
  font-weight: bold;
  margin-right: 20px
}

.ico {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: no-repeat center;
  vertical-align: middle;
}

.ico_learr {
  background-image: url(../images/design/arr_left_black.svg);
  margin-right: 20px;
}

.ico_riarr {
  background-image: url(../images/design/arr_right_black.svg);
  margin-left: 20px;
}

.calenda_table table {
  table-layout: fixed;
  width: 100%;
}

.calenda_table tr th {
  font-weight: 500;
}

.calenda_table tr th:first-child {
  color: #ff0202;
}

.calenda_table tr td {
  min-height: 152px;
  padding: 8px;
  background-color: #fff;
  border-left: none !important;
}

.calenda_table tr td.on,
.calenda_table tr td:hover {
  background-color: #f2f4ff;
}

.calenda_table tr td.on .calend_num,
.calenda_table tr td:hover .calend_num {
  color: #3f5add;
}

.calenda_table tr td .calend_num {
  text-align: center;
  margin-bottom: 20px;
  min-height: 140px;
}

.calenda_table tr td .cld_tag {
  display: block;
  width: 100%;
}

.calenda_table tr td .cld_tag+.cld_tag {
  margin-top: 5px;
}

.weekcld .calend_num,
.weekcld {
  display: none;
}

.cld_pink {
  display: block;
  line-height: 20px;
  border-radius: 4px;
  background-color: #ea8db2;
  color: #fff;
}

.cld_blue {
  display: block;
  line-height: 20px;
  border-radius: 4px;
  background-color: #3f5add;
  color: #fff;
}

.cld_gray {
  display: block;
  line-height: 20px;
  border-radius: 4px;
  background-color: #959595;
  color: #fff;
}

.cld_green {
  display: block;
  line-height: 20px;
  border-radius: 4px;
  background-color: #41c79a;
  color: #fff;
}

.data_find_box {
  display: inline-block;
  width: 465px;
  border: 1px solid #909090;
  background-color: #fff;
  padding: 9px 36px;
  vertical-align: middle;
  margin-right: 20px;
  border-radius: 4px;
}

.data_find_box .calenda_input {
  margin: 0;
}

.data_find_box .calenda_input input {
  border: 0;
  width: 120px;
  padding: 0 10px;
}


/*2022-10-07*/
.sub_company .table_list_type tr .info_three .selec_wrap {
  min-width: initial
}

.sub_company .mem_double {
  width: calc(100% - 87px)
}

.sub_company .info_table.tagtable tr td {
  padding: 5px;
  text-align: center;
}

.sub_company .info_table.tagtable tr td .selec_wrap {
  min-width: 60px;
}


select.dropdownbox {
  -webkit-appearance: none;
  /* for chrome */
  -moz-appearance: none;
  /*for firefox*/
  appearance: none;
  background: #fff url(../images/design/select_arr_down.svg) no-repeat 95% 50%;
}

select::-ms-expand {
  display: none;
  /*for IE10,11*/
}

.detail_sector {
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #fff;
  height: 100%;
  z-index: 100;
}

.detail_sector .dot_title {
  font-size: 14px;
  font-weight: normal;
  padding: 0 30px 0 45px;
}

.detail_sector .detail_sector_tit {
  padding: 20px;
  background-color: #f2f4ff;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.detail_sector .detail_sector_tit strong {
  font-size: 16px;
  margin-left: 15px;
}

.detail_sector .dot_title::before {
  left: 30px;
}

.detail_sector .fil_list {
  padding-bottom: 100px;
}

.detail_sector_tit .left_arrBtn {
  padding: 0 5px 0 0;
  display: flex;
  align-items: center;
  line-height: 28px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  background-color: #fff;
}

.left_arrBtn::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../images/design/arr_right_black.svg) no-repeat center;
  transform: rotate(180deg);
}

/*2022-11-24*/
.offset_box ul {
  padding: 0;
  display: flex;
  justify-content: center
}

.offset_box ul li::after {
  height: 33px
}
/* ── 적격심사 기준 요약 패널 (views/bid/bid_detail/_jeokgyeok_summary.php) ─────────
   PC/모바일 공용. 상세페이지 "일시정보"와 "자격조건 및 특이사항" 사이에 노출.
   사양: Docs/09. 금액·낙찰하한·적격심사/적격심사 기준 요약.md */
.jgk_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 0 14px;
}

.jgk_head_left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}

.jgk_criteria {
  font-size: 15px;
  font-weight: 700;
  color: #1e1e1e;
  margin-right: 8px;
}

.jgk_btn {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid #c9cfe0;
  border-radius: 4px;
  background: #fff;
  font-size: 13px;
  color: #45506b;
  line-height: 20px;
}

.jgk_btn:hover {
  border-color: #4a5aa8;
  color: #4a5aa8;
}

.jgk_note {
  font-size: 13px;
  color: #777;
}

/* ★overflow 를 두지 않는다 — overflow-x:auto 는 overflow-y 도 auto 로 만들어 「3년 실적 ?」 툴팁(.msgbox)을
   표 박스 안에 가둬 잘라낸다(2026-10-05 사용자 지적). PC(≥1120px) 에선 감싸는 칸이 늘 914px 이고
   표 min-width 760px 이라 가로 스크롤이 필요 없다. 좁은 화면은 아래 미디어쿼리가 표 대신 카드를 쓴다. */
.jgk_table_wrap {
  overflow: visible;
}

.jgk_table {
  width: 100%;
  min-width: 760px;
  border-top: 1px solid #1e1e1e;
  border-collapse: collapse;
  /* table-layout:auto 유지 — fixed 로 두면 "심사여부"·"업종별비율"·"그 외 평가"
     헤더가 한 글자씩 접힌다. colgroup 폭은 힌트로만 쓴다. */
}

.jgk_table th,
.jgk_table td {
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #ededed;
  padding: 10px 5px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  word-break: break-word;
}

.jgk_table th {
  font-size: 13px;
  white-space: nowrap;
}

.jgk_table th:first-child,
.jgk_table td:first-child {
  border-left: 0;
}

.jgk_table thead th {
  background: #f2f4ff;
  font-weight: 600;
  color: #1e1e1e;
}

.jgk_table .jgk_perf,
.jgk_table .jgk_ratio {
  white-space: nowrap;
}

/* 실적 칸의 nowrap 이 툴팁 본문까지 상속돼 설명문이 한 줄로 화면 밖까지 뻗는다 → 툴팁 안에선 되돌린다(표·카드 공통) */
.jgk_section .tooltip .msgbox {
  white-space: normal;
  word-break: keep-all;
  text-align: left;
  font-size: 13px;
  line-height: 20px;
  color: #444;
}

.jgk_table .jgk_etc th {
  background: #f2f4ff;
  font-weight: 600;
}

.jgk_table .jgk_etc td {
  text-align: left;
  padding-left: 14px;
}

.jgk_table .jgk_etc p {
  font-size: 13px;
  line-height: 22px;
  color: #444;
}

/* 좁은 화면용 세로 카드 — 기본은 숨김(넓은 화면은 표가 정본) */
.jgk_cards {
  display: none;
}

.jgk_card {
  border: 1px solid #dedede;
  border-radius: 6px;
  margin-bottom: 10px;
  /* overflow:hidden 금지 — 실적 툴팁(.msgbox)이 카드 밖으로 못 나와 잘린다. 모서리는 머리줄에 직접 준다 */
}

.jgk_card_head {
  border-radius: 6px 6px 0 0;
  background: #f2f4ff;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  color: #1e1e1e;
}

.jgk_card_rows li {
  padding: 9px 12px;
  border-bottom: 1px solid #ededed;
}

.jgk_cr_name {
  font-size: 14px;
  font-weight: 600;
  color: #1e1e1e;
  line-height: 20px;
}

.jgk_cr_gen {
  font-weight: 400;
  color: #666;
}

.jgk_cr_gen::before {
  content: "· ";
}

.jgk_cr_sub {
  margin-top: 3px;
  font-size: 13px;
  color: #777;
}

.jgk_cr_sub span + span {
  margin-left: 10px;
}

.jgk_cr_sub b {
  font-weight: 600;
  color: #444;
}

/* 그룹 단위 값(실적·비율·영업기간·신용등급) — 라벨/값 2열 */
.jgk_card_meta {
  display: flex;
  flex-wrap: wrap;
  padding: 2px 0;
}

.jgk_card_meta dt,
.jgk_card_meta dd {
  padding: 6px 12px;
  font-size: 13px;
  line-height: 20px;
}

.jgk_card_meta dt {
  width: 38%;
  color: #777;
}

.jgk_card_meta dd {
  width: 62%;
  color: #1e1e1e;
  font-weight: 500;
  word-break: break-word;
}

.jgk_card_etc_line {
  padding: 7px 12px;
  font-size: 13px;
  line-height: 20px;
  color: #444;
}

@media (max-width: 1119px) {
  .jgk_section {
    padding: 0 15px;
    /* 앞 블록(기본정보 표)과 바로 붙어 보여 제목이 표의 연장처럼 읽힌다 → 간격 + 구분선 */
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px solid #ededed;
  }

  .jgk_criteria {
    font-size: 14px;
  }

  /* 표는 min-width 760px 라 가로 스크롤이 생긴다 → 좁은 화면에선 카드로 교체 */
  .jgk_table_wrap {
    display: none;
  }

  .jgk_cards {
    display: block;
  }

  /* 카드의 실적 값은 오른쪽 열(dd)에 있어 왼쪽 기준으로 펼치면 화면 오른쪽 밖으로 나간다 → 오른쪽 기준 */
  .jgk_card_meta .tooltip .msgbox {
    left: auto;
    right: 0;
    max-width: calc(100vw - 40px);
    transform-origin: right top;
  }
}

/* ── 나의 업체 적격심사 평가 (views/bid/bid_detail/_jeokgyeok_my_eval.php) ─────────
   「적격심사 기준 요약」 바로 아래. 탭(내회사/자회사1~5) + 결과표 + 평가 상세 레이어 팝업.
   ★지금 업체 값은 예시 값이다(실데이터 연결 전 화면 틀). 색: 남색 #1e286d · 파랑 #374ec9 · 감점 #e0353b */
/* 제목 줄 — 「나의 업체 적격심사 평가」 왼쪽, 「기업정보 수정」·「평가 결과 안내」 오른쪽(2026-10-05 사용자 지시) */
.jgk_my_titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}

.jgk_my_bar {
  padding: 12px 0 10px;
}

/* 평가에 쓴 기업정보의 해 — 공고 입력일 기준(2026-10-25 사용자 지시) */
.jgk_my_basis {
  margin: 0 0 8px;
  font-size: 13px;
  color: #555;
}
.jgk_my_basis b {
  color: #1a56c4;
}

.jgk_my_tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.jgk_my_tab {
  min-width: 76px;
  max-width: 200px;   /* 탭 = 실제 회사 이름 — 긴 상호는 말줄임(전체 이름은 title 툴팁) */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 14px;
  border: 1px solid #c9cfe0;
  border-radius: 4px;
  background: #fff;
  font-size: 13px;
  line-height: 32px;
  color: #45506b;
  cursor: pointer;
}

.jgk_my_tab:hover {
  border-color: #1e286d;
  color: #1e286d;
}

.jgk_my_tab.on {
  border-color: #1e286d;
  background: #1e286d;
  color: #fff;
  font-weight: 600;
}

.jgk_my_actions {
  display: flex;
  gap: 6px;
  margin-left: auto;   /* 좁은 화면에서 제목 아래로 내려가도 버튼은 오른쪽에 */
}

.jgk_my_btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.jgk_my_btn_main {
  border-color: #374ec9;
  color: #374ec9;
  font-weight: 600;
}

.jgk_my_ico_info {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1.5px solid currentColor;
  border-radius: 50%;
  font-size: 10px;
  font-weight: 700;
  font-style: normal;
  line-height: 12px;
  text-align: center;
}

/* 건물 아이콘 — 이미지 없이 테두리로 */
.jgk_my_ico_bldg {
  position: relative;
  display: inline-block;
  width: 11px;
  height: 13px;
  border: 1.5px solid currentColor;
  border-radius: 1px;
}

.jgk_my_ico_bldg::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 2px;
  width: 6px;
  height: 5px;
  border-left: 2px dotted currentColor;
  border-right: 2px dotted currentColor;
  box-sizing: border-box;
}

.jgk_my_panel {
  display: none;
}

.jgk_my_panel.on {
  display: block;
}

.jgk_my_table,
.jgk_my_dtable {
  width: 100%;
  border-top: 1px solid #1e1e1e;
  border-collapse: collapse;
}

.jgk_my_table th,
.jgk_my_table td,
.jgk_my_dtable th,
.jgk_my_dtable td {
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #ededed;
  padding: 10px 6px;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  color: #1e1e1e;
  word-break: keep-all;
}

.jgk_my_table th:first-child,
.jgk_my_table td:first-child,
.jgk_my_dtable thead th:first-child {
  border-left: 0;
}

.jgk_my_table thead th,
.jgk_my_dtable thead th {
  background: #f2f4ff;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.jgk_my_pass {
  color: #374ec9 !important;
  font-weight: 700;
}

.jgk_my_fail {
  color: #e0353b !important;
  font-weight: 700;
}

.jgk_my_full {
  color: #374ec9;
  font-weight: 700;
}

.jgk_my_minus {
  color: #e0353b;
  font-weight: 700;
}

/* 감점 「!」 — 기본 ? 툴팁 모양을 빨간 원 + ! 로 바꾼다 */
.jgk_section .tooltip.jgk_my_warn {
  width: 18px;
  height: 18px;
  margin: 0 0 0 4px;
  background: #e0353b;
}

.jgk_section .tooltip.jgk_my_warn::before {
  content: "!";
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

.jgk_my_view {
  padding: 2px 12px;
  border-color: #374ec9;
  color: #374ec9;
  cursor: pointer;
}

.jgk_my_result {
  margin-top: 10px;
  border: 1px solid #dfe3f3;
  border-radius: 4px;
}

.jgk_my_result_head {
  border-radius: 4px 4px 0 0;
  background: #f2f4ff;
  padding: 9px 12px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  color: #1e1e1e;
}


.jgk_my_result_body {
  padding: 10px 14px;
  border-top: 1px solid #dfe3f3;
}

.jgk_my_result_body p {
  font-size: 13px;
  line-height: 22px;
  color: #444;
}

.jgk_my_result_body .jgk_my_result_sum {
  font-size: 14px;
  font-weight: 700;
  color: #1e1e1e;
}

/* 평가 상세 팝업 */
.layout_popup.jgk_my_pop .layout_contain {
  width: 900px;
  max-width: calc(100vw - 32px);
}

.jgk_my_pop .pop_header {
  padding: 0 160px 0 30px;   /* 오른쪽 = 닫기 + 관리자 ON/OFF 버튼 자리 */
  position: relative;
}

.jgk_my_pop .pop_header .close {
  right: 24px;
}

.jgk_my_pop .pop_body {
  padding: 26px 30px 10px;
}

.jgk_my_pop .pop_foot {
  margin: 20px 0 30px;
}

/* 평가 결과 안내(구분별 뜻) — 좁은 팝업 */
.layout_popup.jgk_my_guide_pop .layout_contain {
  width: 720px;
}

.jgk_my_gtable td.jgk_my_gdesc {
  text-align: left;
  padding-left: 14px;
}

.jgk_my_detail + .jgk_my_detail {
  margin-top: 34px;
}

.jgk_my_detail_head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-left: 28px;
  background: url(../images/design/ico_cirarr_black.svg) no-repeat left center;
  background-size: 22px auto;
  font-size: 17px;
  font-weight: 600;
  line-height: 26px;
  color: #1e1e1e;
}

.jgk_my_bar_sep {
  width: 1px;
  height: 13px;
  background: #c4c4c4;
}

.jgk_my_detail_wrap {
  margin-top: 14px;
}

.jgk_my_dtable tbody td:first-child {
  border-left: 0;
}

.jgk_my_dtable tbody th {
  font-weight: 600;
}

.jgk_my_sumrow th,
.jgk_my_sumrow td {
  background: #f2f4ff;
}

.jgk_my_totrow th,
.jgk_my_totrow td {
  background: #fafbff;
}

.jgk_my_sumrow th,
.jgk_my_totrow th {
  border-left: 0 !important;
}

.jgk_my_totrow td b,
.jgk_my_sumrow td b {
  color: #374ec9;
}

.jgk_my_dtable .tooltip {
  margin: 0 0 0 4px;
}

.jgk_my_chk {
  display: inline-block;
  cursor: pointer;
}

.jgk_my_chk input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.jgk_my_chk span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1.5px solid #374ec9;
  border-radius: 3px;
  background: #fff;
  vertical-align: middle;
}

.jgk_my_chk input:checked + span {
  background: #374ec9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3.2 3L13 4.5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") no-repeat center / 14px;
}

.jgk_my_close {
  width: 200px;
  border: 1px solid #c9cfe0;
  border-radius: 4px;
  background: #fff;
  font-size: 15px;
  line-height: 48px;
  color: #45506b;
  cursor: pointer;
}

.jgk_my_close:hover {
  border-color: #1e286d;
  color: #1e286d;
}

@media (max-width: 1119px) {
  .jgk_my_section {
    margin-top: 26px;
  }

  .jgk_my_tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));   /* 회사 이름이라 3칸은 너무 좁다 */
  }

  .jgk_my_tab {
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 0 4px;
  }

  .jgk_my_table th,
  .jgk_my_table td {
    padding: 8px 3px;
    font-size: 12px;
    line-height: 18px;
  }

  .jgk_my_table thead th {
    font-size: 12px;
    white-space: normal;
  }

  /* 모바일 팝업은 전체 화면(user_mo.css) — 표가 넓어 가로 스크롤. 툴팁은 오른쪽 기준으로 */
  .layout_popup.jgk_my_pop .layout_contain {
    width: 100%;
    max-width: none;
    overflow-x: hidden;   /* 가로 스크롤은 표 칸(.jgk_my_detail_wrap)에서만 — 팝업 전체가 밀리지 않게 */
  }

  .jgk_my_pop .pop_header {
    padding: 0 130px 0 16px;
  }

  .jgk_my_pop .pop_header .jgk_my_calc_tg {
    right: 46px;
    padding: 0 8px;
  }

  .jgk_my_pop .pop_header .title_modal {
    font-size: 15px;
  }

  .jgk_my_pop .pop_body {
    padding: 18px 16px 6px;
  }

  .jgk_my_detail_head {
    font-size: 15px;
  }

  .jgk_my_detail_wrap {
    overflow-x: auto;
    padding-bottom: 150px;
    margin-bottom: -150px;
  }

  .jgk_my_dtable {
    min-width: 640px;
  }

  /* 평가 결과 안내는 2열이라 줄바꿈으로 충분 — 상세표의 가로 스크롤 폭을 물려받지 않게 */
  .jgk_my_dtable.jgk_my_gtable {
    min-width: 0;
  }

  .jgk_my_dtable th,
  .jgk_my_dtable td {
    font-size: 13px;
    padding: 8px 4px;
  }

  .jgk_my_dtable .tooltip .msgbox {
    width: 240px;
  }
}

/* =========================================================================
 * 낙찰 상세 "가격점수" 열 — 점수 + ? 툴팁(계산식)
 *   PC(views/vibid_pc/common/header.php)·모바일(vibid_mobile/common/header.php) 모두
 *   /common/css/common.css 를 로드하므로 이 파일 한 곳이면 양쪽에 먹는다.
 *   ★ 기본 .tooltip .msgbox 는 306px(모바일 user_mo.css 는 240px)이라 대입식 한 줄이 안 들어간다.
 *     .msgbox.pscore_tip 은 특이도가 더 높아 로드 순서와 무관하게 이긴다.
 * ========================================================================= */
.pscore_cell {
  white-space: nowrap; /* 점수(65.04)와 ? 아이콘을 한 줄로 — 툴팁 본문은 .pscore_tip 이 normal 로 되돌린다 */
}

.pscore_val {
  font-weight: 500;
}

.tooltip .msgbox.pscore_tip {
  width: 520px;
  max-width: 88vw;
  padding: 0 0 12px;
  line-height: 1.7;
  font-size: 13px;
  color: #333;
  text-align: left;
  white-space: normal;
  word-break: keep-all;
}

.pscore_tip .pscore_ttl {
  display: block;
  padding: 8px 14px;
  margin-bottom: 10px;
  background: #f2f4f8;
  border-radius: 8px 8px 0 0;
  font-weight: 600;
  color: #1e1e1e;
}

.pscore_tip .pscore_f,
.pscore_tip .pscore_calc,
.pscore_tip .pscore_note {
  display: block;
  margin: 0 14px;
}

.pscore_tip .pscore_f {
  margin-bottom: 8px;
}

.pscore_tip .pscore_calc {
  padding: 8px 10px;
  border-radius: 4px;
  background: #4b62d9;
  color: #fff;
}

.pscore_tip .pscore_calc em {
  padding: 0 4px;
  border-radius: 2px;
  background: #ffe14d;
  color: #1e1e1e;
  font-style: normal;
  font-weight: 700;
}

.pscore_tip .pscore_note {
  margin-top: 8px;
  color: #8a8a8a;
  font-size: 12px;
}

/* 오른쪽 끝 열에서 잘릴 때 */
.tooltip .msgbox.pscore_tip.right {
  left: auto;
  right: 0;
  transform-origin: right top;
}

@media (max-width: 1119px) {
  .tooltip .msgbox.pscore_tip {
    width: 90vw;
    font-size: 12px;
  }
}

/* 공고 상세(모바일) 맞춤공고 · 투찰 여부 스위치를 담는 줄 — 스위치 자체는 아래 .state_seg*.
   (옛 상태 글자·동작 버튼 스킨 .state_toggle_text/.state_toggle_btn/.state_toggle_box 는 스위치로 바뀌어 2026-10-09 걷어냄) */
.state_toggle_group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 24px;
}

.state_toggle_row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 4px 0;
  margin: 0;
}

@media (max-width: 1119px) {
  .state_toggle_row {
    padding: 3px 0;
  }
}

/* 공고 상세(PC·모바일) 반반 타원 스위치 — 마크업 views/bid/bid_detail/_state_seg.php.
   「투찰 여부」(투찰 | 미투찰) · 「맞춤공고」(등록 | 제거). 선택된 칸이 현재 상태.
   선택 색: 투찰=파랑 / 등록=주황(수동 서류함 #c26a00 — user.css .doc_src_manual 과 같은 색) / 미투찰·제거=회색.
   문구는 constants.php BID_STATE_TOGGLE_LABELS seg_*. */
.state_seg_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.state_seg_head .dot_title {
  margin-bottom: 0;
}

/* 제목 오른쪽 묶음 — 맞춤공고는 [번개 아이콘][스위치] 순서로 오른쪽 정렬 */
.state_seg_right {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

/* 모바일 상세 상태 줄의 「투찰 여부」 글자(PC 는 .dot_title 제목을 쓴다) */
.state_toggle_label {
  font-size: 15px;
  font-weight: 600;
  color: #1c293f;
}

.state_seg {
  display: inline-flex;
  border: 1px solid #c9ced6;
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
}

.state_seg_opt {
  min-width: 64px;
  height: 30px;
  padding: 0 14px;
  border: 0;
  background: transparent;
  color: #888;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
}

.state_seg_opt + .state_seg_opt {
  border-left: 1px solid #c9ced6;
}

.state_seg_opt:not(.is_sel):not(:disabled):hover {
  background: #f2f4f7;
  color: #444;
}

.state_seg_opt.is_sel {
  cursor: default;
}

.state_seg_opt.is_sel[data-val="Y"] {
  background: #0958d9;
  color: #fff;
}

.state_seg_cabinet .state_seg_opt.is_sel[data-val="Y"] {
  background: #c26a00;
}

.state_seg_opt.is_sel[data-val="N"] {
  background: #8c939d;
  color: #fff;
}

/* 자동맞춤 공고 — 여기서 바꿀 수 없다(자동공고 조건이 담은 공고). 상태 색은 남기고 흐리게. */
.state_seg.is_disabled {
  opacity: 0.45;
}

.state_seg_opt:disabled {
  cursor: not-allowed;
}

/* 공고 상세 제목줄 「검수됨 | 검수해제」 — 마크업 indstry_origin_helper.php vbid_bid_inspect_top_html.
   옆 버튼(투찰·적격심사, 28px)과 높이를 맞추고, 제목줄 버튼 공통 margin-left(user.css)는 상자에만 준다. */
.bidpage_title .disflex.center .bd_insp_top { margin-left: 8px; vertical-align: middle; }
.bidpage_title .disflex.center .bd_insp_top .state_seg_opt { margin-left: 0; height: 28px; min-width: 0; padding: 0 10px; font-size: 13px; }
/* 스위치가 들어가 버튼 줄이 넓어졌다 — 버튼 글자가 2줄로 접히지 않게 하고(「한수\n원」), 모자란 폭은 제목 칸(58%)이 줄어서 낸다 */
.bidpage_title .select_wrap > .disflex.center { flex-shrink: 0; }
.bidpage_title .select_wrap > .disflex.center a, .bidpage_title .select_wrap > .disflex.center button { white-space: nowrap; }

/* 목록 행 투찰 스위치(입찰정보 목록 PC·입찰서류함 PC) — 마크업 doc_list_extras_helper.php vbid_tender_seg_row_html.
   상세 스위치와 같은 색·모양, 크기만 표 안 알약 버튼 높이(26px = user.css --vbid-row-btn-lh + 테두리)에 맞춘다(2026-10-09). */
.state_seg_row {
  vertical-align: middle;
}

.state_seg_row .state_seg_opt {
  min-width: 0;
  height: calc(var(--vbid-row-btn-lh, 24px));
  padding: 0 7px;
  font-size: 12px;
  letter-spacing: -0.4px;
}

/* 투찰한 공고 행 = 초록 파스텔 배경(2026-10-09 사용자 지시) — 입찰정보·낙찰정보 목록(통합·공사·용역·물품 PC <tr>·모바일 <li>)·입찰·낙찰서류함(PC·모바일).
   마크업 doc_list_extras_helper.php vbid_tender_row_class_attr(판정 = 행 안 투찰 스위치와 같은 tender_type). 칸(td)마다 흰 배경을 주는 표가 있어 td 에 칠한다. */
tr.row_tendered > td,
li.row_tendered {
  background-color: #e6f6ea;
}

/* 입찰정보·낙찰정보 목록의 맞춤(자동) 번개 공고 행 = 아주 연한 분홍 배경(2026-10-18 사용자 지시, 시그니처 분홍 #fa448c 의 연한 톤).
   마크업 doc_list_extras_helper.php vbid_list_auto_row_class_attr. 투찰 초록(.row_tendered)은 이 목록들에서 쓰지 않는다. */
tr.row_auto_pin > td,
li.row_auto_pin {
  background-color: #fff2f7;
}

/* 더블클릭 복사(vbid_clipboard.js `.vbid_dblclick_copy`) — 공고 상세 공고명 등.
   PC/모바일 상세가 같은 동작을 쓰므로 스타일도 여기 한 곳에만 둔다. */
.vbid_dblclick_copy {
  cursor: copy;
}

/* 공고 상세 제목 뒤 관내 지역 접미 "[제천시]" (vbid_gwannae_title_suffix_html).
   관내 태그(.gwannae)와 같은 보라 — 제목(검정)과 구분되면서 같은 뜻임이 읽히게. */
.vbid_gwannae_suffix {
  color: #7914de;
  font-weight: 600;
  font-size: inherit;
  white-space: nowrap;
}

.vbid_copy_toast {
  position: absolute;
  z-index: 100000;
  padding: 4px 10px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  pointer-events: none;
}

/* ── 통합입찰(/bid/total) 업무구분 칩 ─────────────────────────────────────────
   ★ 다른 태그들은 내용이 비어 있고 `::before` 로 글자를 넣지만, 이 칩은 값이 데이터에서
     오므로(공사/용역/물품) `<em>` 안쪽 텍스트를 그대로 쓴다. `::before` 로 옮기지 말 것.
   ★ 통합 목록에서만 붙는다 — 판정은 vbid_bsnsdiv_list_chip()(bsns_div_helper) 한 곳. */
.tag.bdchip {
  background-color: #6b7280;
}

.tag.bdchip.bdchip_c {
  background-color: #2563eb;
}

.tag.bdchip.bdchip_s {
  background-color: #0f9d7a;
}

.tag.bdchip.bdchip_g {
  background-color: #b45309;
}

/* ── 통합입찰 맞춤설정 — 업종 출처 배지(공사/용역/물품/품목) ────────────────────
   ★ 사전이 넷이라 같은 이름이 여러 곳에 있다(예 '정보통신공사업'). 무엇을 골랐는지
     화면에서 검산할 수 있어야 해서 출처를 항상 같이 보여준다. */
.allcat_src {
  display: inline-block;
  font-size: 11px;
  line-height: 16px;
  padding: 0 4px;
  border-radius: 3px;
  color: #fff;
  font-style: normal;
  background-color: #6b7280;
}

.allcat_src_c { background-color: #2563eb; }
.allcat_src_s { background-color: #0f9d7a; }
/* 용역 상세업종(`l:`) — 배지 글자가 `s` 와 같은 「용역」이라 색도 같아야 한다.
   빠뜨리면 배경 없는 흰 배지가 되어 「출처 없음」처럼 보인다. */
.allcat_src_l { background-color: #0f9d7a; }
.allcat_src_g { background-color: #b45309; }
.allcat_src_p { background-color: #7c3aed; }
.allcat_src_n { background-color: #475569; } /* 업종미지정 */
/* 주력업종(주력분야) — 사전 출처가 아니라 **별개 축**이라 색을 따로 준다.
   ★ 배지를 안 붙이면 「업종 목록엔 배지가 있는데 여기만 없다」로 읽혀 누락처럼 보인다. */
.allcat_src_prmry { background-color: #be185d; }
/* 대업종(2022 전문건설업 개편 14종) — 이름만으로는 그 아래 주력분야와 구분되지 않는다
   (「철근·콘크리트공사업」=대업종 / 「철근·콘크리트공사」=주력분야).
   ★ 주력(핑크)과 **한 줄에 나란히** 서므로 색이 같으면 두 층위가 안 갈린다. */
.allcat_src_major { background-color: #475569; }


/* 통합 업종검색 — 출처별 절단 알림. 목록 맨 위에 한 줄.
   ★ 버튼과 같은 얼굴이면 안 된다(클릭 대상이 아니다) — 배경·기울임으로 분명히 가른다. */
.allcat_trunc {
    list-style: none; margin: 0 0 6px; padding: 6px 10px;
    background: #fff8e5; border: 1px solid #e0a800; border-radius: 4px;
    font-size: 12px; color: #6b5a2a; line-height: 1.5;
}

/* 목록 칸 높이 clamp — 기준은 「공고명/공고번호」 칸 높이(common/javascript/list_row_clamp.js 가
   -webkit-line-clamp·max-height 를 행마다 계산해 넣는다). 줄 수를 CSS 에 박지 않는 이유는
   기준 칸 높이가 공고명 길이·폭에 따라 행마다 다르기 때문. */
.list_cell_clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 입찰정보 목록 「맞춤공고 제외사유」 칸(출력항목 autoExclWhy, 2026-10-19) — 흰 줄(맞춤 아님)만 사유가 찬다.
   회사가 여럿이면 회사마다 한 줄(<br>) — 길면 위 clamp 가 '...' 로 줄이고 아래 툴팁이 전체를 보여 준다. */
.auto_why_cell { font-size: 12px; line-height: 1.5; color: #777; word-break: keep-all; }
.auto_why_cell .auto_why_sum { color: #222; font-weight: 600; }   /* 회사가 여럿일 때 첫 줄 — 축별 요약(「지역 밖 6곳 · 업종 미보유 5곳」) */
.auto_why_cell b { color: #444; font-weight: 600; }

/* 목록 셀 전체내용 툴팁 — common/javascript/list_cell_tooltip.js.
   '...' 으로 잘린 칸에 호버하면 전체를 작은 팝업으로 띄운다.
   ★ pointer-events:none 이 필수 — 팝업이 마우스를 받으면 셀의 mouseout 이 떠서 깜빡인다.
   ★ 팝업 안에서는 줄이기를 풀어야 하므로 line-clamp 계열을 덮어쓴다(JS 인라인 제거와 이중 방어). */
.vbid_cell_tip {
  display: none;
  position: absolute;
  z-index: 10000;
  max-width: 420px;
  max-height: 70vh;
  overflow: hidden;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid #b9c2cf;
  border-radius: 5px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
  font-size: 12px;
  line-height: 1.6;
  color: #333;
  text-align: left;
  word-break: keep-all;
  white-space: normal;
  pointer-events: none;
}
.vbid_cell_tip * {
  max-width: none !important;
  max-height: none !important;
  -webkit-line-clamp: none !important;
  overflow: visible !important;
}

/* 아이디·비밀번호 찾기(PC) — 「항목명 | 입력칸」 한 줄 배치 + 항목 간격 축소.
   항목명은 views/find_id·find_pw 의 <span class="lf_lbl"> 로 감싼다(맨 글자는 폭을 줄 수 없다). */
.login_form_compact>li+li { margin-top: 12px; }
.login_form_compact>li>label { display: flex; align-items: center; gap: 8px; }
.login_form_compact .lf_lbl { flex: 0 0 120px; white-space: nowrap; }
.login_form_compact>li>label input:not([type="radio"], [type="checkbox"]) { margin-top: 0 !important; margin-right: 0 !important; flex: 1; min-width: 0; }
.login_form_compact .email>span.disflex { flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; }
.login_form_compact .email>div.disflex,
.login_form_compact .email>.flex_wrap { flex: 1.4; min-width: 0; margin-top: 0 !important; display: flex; flex-wrap: nowrap; align-items: center; gap: 6px; }
.login_form_compact .email .mat10 { margin-top: 0 !important; }
.login_form_compact .email .selec_wrap { flex: 0 0 116px; width: 116px; min-width: 0; margin: 0 !important; white-space: nowrap; }
.login_form_compact .email .selec_wrap .dropdownbox { width: 100%; box-sizing: border-box; }

/* 게시판 목록 검색창(views/board/_board_search_top.php, 2026-10-10) — 자료실·법령자료·공지&뉴스 PC·모바일 공용.
   표(등록일·첨부 머리줄) 바로 위 오른쪽 끝에 둔다(사용자 지시). 드롭다운은 common.js selecBox() 가 여닫는다.
   PC·모바일이 함께 읽는 common.css 에 둔다(모바일은 user2.css 를 안 읽는다). 모바일 폭은 user_mo.css 가 덮는다. */
.board_top_search { display: flex; justify-content: flex-end; align-items: center; gap: 4px; margin: 0 0 10px; position: relative; z-index: 5; }
.board_top_search .selec_wrap { margin-right: 0; }
.board_top_search .dropdownbox { min-width: 64px; padding: 0 30px 0 12px; height: 34px; box-sizing: border-box; border-color: #d5dae2; }
.board_top_search .dropdownbox::after { right: 10px; }
.board_top_search .dropdownbox > p { line-height: 32px; font-size: 14px; }
.board_top_search ul.sel_menu { top: 26px; min-width: 100%; }
.board_top_search ul.sel_menu li { padding: 0 12px; font-size: 14px; }
.board_top_search ul.sel_menu li.on { color: #1c293f; font-weight: 600; }
.board_top_search input[name="skeyword"] { width: 200px; height: 34px; padding: 0 10px; border: 1px solid #d5dae2; border-radius: 4px; box-sizing: border-box; font-size: 14px; }
.board_top_search button[type="submit"] { height: 34px; flex: 0 0 auto; white-space: nowrap; padding: 0 16px; border: 0; border-radius: 4px; background: #1c293f; color: #fff; font-size: 14px; cursor: pointer; }
.board_top_search .board_top_search_reset { height: 34px; flex: 0 0 auto; white-space: nowrap; line-height: 32px; padding: 0 10px; border: 1px solid #d5dae2; border-radius: 4px; background: #fff; color: #555; font-size: 13px; box-sizing: border-box; }
/* 탭·버튼 줄 안에 들어갈 때(PC) — 새 줄을 만들지 않고 그 줄 오른쪽 끝에 붙는다(2026-10-10 사용자 지시).
   자료실: .inner > ul.tab_table_btwlist(flex) 의 마지막 li / 공지&뉴스: .btn_list(flex) 의 마지막 자식. */
.inner > .tab_table_btwlist > li.board_srch_li { flex: 0 0 auto; max-width: none; min-width: 0; margin-left: auto; margin-bottom: 0; display: flex; align-items: center; }
.board_srch_li .board_top_search, .btn_list > .board_top_search { flex: 0 0 auto; width: auto; margin: 0 0 0 auto; }
/* 탭 줄의 ::after(float 정리용)가 flex 칸 하나 + gap 8px 을 먹어 검색창이 표 끝선보다 8px 안쪽에 섰다 → 이 줄에서만 끈다 */
.inner > .tab_table_btwlist:has(> li.board_srch_li)::after { display: none; }
.btn_list:has(> .board_top_search) { align-items: center; }
.btn_list:has(> .board_top_search) > button { flex: 0 0 auto; white-space: nowrap; }

/* (2026-10-10~11 임시로 실제 계산값 .jgk_real 을 빨간색으로 보이던 규칙은 2026-10-11 사용자 지시로 지웠다 — 뷰의 span 은 남아도 무해) */
/* 팝업 제목(어두운 머리)의 기준서·별표 글자 — 다른 span 규칙에 검은색이 덮여 안 보여서 제목 색을 따르게 */
.jgk_my_pop .pop_header .title_modal span { color: inherit; }
/* 나의 업체 평가 — 시공경험 칸 아래 작은 설명(실적 기간·업종·비율 / 예시 점수 이유, 2026-10-11) */
.jgk_my_dtable .jgk_my_sub { font-style: normal; font-size: 11px; color: #888; line-height: 1.4; }
/* 평가 상세 팝업 — 표 높이를 낮춰 스크롤 없이(2026-10-11 사용자 지시). 칸 여백·줄 간격·결과 박스·팝업 여백만 줄인다(PC·모바일 공통) */
.jgk_my_pop .pop_body { padding: 14px 24px 4px; }
.jgk_my_pop .pop_foot { margin: 10px 0 14px; }
.jgk_my_pop .jgk_my_detail_head { font-size: 15px; line-height: 22px; }
.jgk_my_pop .jgk_my_result { margin-top: 6px; }
.jgk_my_pop .jgk_my_result_head { padding: 4px 12px; font-size: 13px; }
.jgk_my_pop .jgk_my_result_body { padding: 5px 12px; }
.jgk_my_pop .jgk_my_result_body p { line-height: 19px; }
.jgk_my_pop .jgk_my_detail_wrap { margin-top: 8px; }
.jgk_my_pop .jgk_my_dtable th,
.jgk_my_pop .jgk_my_dtable td { padding: 4px 6px; font-size: 13px; line-height: 18px; }
.jgk_my_pop .jgk_my_dtable .jgk_my_sub { line-height: 1.3; }
.jgk_my_pop .jgk_my_nowrap { white-space: nowrap; }   /* 「부채비율 ?」처럼 이름과 ? 아이콘이 두 줄로 갈리지 않게 */
.jgk_my_pop .jgk_my_nowrap .tooltip { margin-left: 2px; }
/* (특별)신인도 직접입력 칸(2026-10-11) — 범위 밖이면 안내를 빨갛게 */
.jgk_my_pop .jgk_my_sp_in { width: 70px; height: 26px; padding: 0 6px; border: 1px solid #c9cfe3; border-radius: 3px; text-align: right; font-size: 13px; }
/* 실적제한 공고(10년) 시공경험 — 기준실적·내 실적 직접입력(2026-10-13) */
.jgk_my_pop .jgk_my_lim_lb { white-space: nowrap; font-size: 12px; }
.jgk_my_pop .jgk_my_lim_base, .jgk_my_pop .jgk_my_lim_in { width: 110px; height: 26px; padding: 0 6px; border: 1px solid #c9cfe3; border-radius: 3px; text-align: right; font-size: 13px; }
.jgk_my_pop .jgk_my_sp_msg { display: block; }
.jgk_my_pop .jgk_my_sp_msg.is-bad { color: #e60000; }
.jgk_my_pop .jgk_my_save { margin-left: 4px; padding: 0 8px; height: 26px; line-height: 24px; font-size: 12px; vertical-align: middle; }   /* 팝업 입력값 저장(2026-10-24) */
.jgk_my_pop .jgk_my_save_msg { display: block; color: #188038; }
.jgk_my_pop .jgk_my_save_msg:empty { display: none; }
.jgk_my_pop .jgk_my_save_msg.is-bad { color: #e60000; }
/* 나의 업체 평가 계산식(2026-10-24 사용자 지시) — 관리자 모드(헤더 「관리자」 토글 = html.vbid_admin_menu_on)에서만. 일반 회원·모바일은 숨김 */
.jgk_my_section .jgk_calc, .jgk_my_pop .jgk_calc { display: none; }
html.vbid_admin_menu_on .jgk_my_section .jgk_calc, html.vbid_admin_menu_on .jgk_my_pop .jgk_calc { display: inline; }
html.jgk_calc_off .jgk_my_section .jgk_calc, html.jgk_calc_off .jgk_my_pop .jgk_calc { display: none; }   /* 팝업 「관리자 ON/OFF」(.jgk_my_calc_tg) */
html.vbid_admin_menu_on .jgk_my_section .jgk_my_why { display: block; color: #8a5a00; }   /* 보기 버튼을 가린 이유 「(관리자) …」(2026-10-25) — p 라 block */
html.jgk_calc_off .jgk_my_section .jgk_my_why { display: none; }
.jgk_my_pop .pop_header .jgk_my_calc_tg { position: absolute; right: 64px; top: 50%; transform: translateY(-50%); height: 28px; padding: 0 10px; border: 1px solid rgba(255,255,255,.6); border-radius: 14px; background: transparent; color: #fff; font-size: 12px; cursor: pointer; }
.jgk_my_pop .pop_header .jgk_my_calc_tg b { margin-left: 3px; color: inherit; }
.jgk_my_pop .pop_header .jgk_my_calc_tg.on { background: #fff; color: #1a56db; border-color: #fff; }

/* 맞춤 V 표식(vbid_doc_auto_v_mark_svg, 로고 V 남색+분홍) — 분홍 바탕(선택·hover 탭)에서는 분홍 조각이 묻히므로 흰색으로(2026-10-29) */
.tab_table_btwlist > li.on .grp_tab_ico , .tab_table_btwlist > li > :is(a, button):hover .grp_tab_ico ,
.tab_table_btwlist2 li.on .grp_tab_ico , .tab_table_btwlist2 li :is(a, button):hover .grp_tab_ico { --vmark-a: #fff; --vmark-b: #fff; }
.tab_table_btwlist2.type2 li.on .grp_tab_ico { --vmark-a: #1c293f; --vmark-b: #fa448c; }