@charset "UTF-8";
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  font-display: block;
  src: local("Pretendard Black"), url("/font/Pretendard-Black.subset.woff2") format("woff2"), url("/font/woff-subset/Pretendard-Black.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard ExtraBold";
  font-weight: 800;
  font-display: block;
  src: local("Pretendard ExtraBold"), url("/font/Pretendard-ExtraBold.subset.woff2") format("woff2"), url("/font/woff-subset/Pretendard-ExtraBold.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  font-display: block;
  src: local("Pretendard Bold"), url("/font/Pretendard-Bold.subset.woff2") format("woff2"), url("/font/woff-subset/Pretendard-Bold.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  font-display: block;
  src: local("Pretendard SemiBold"), url("/font/Pretendard-SemiBold.subset.woff2") format("woff2"), url("/font/woff-subset/Pretendard-SemiBold.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  font-display: block;
  src: local("Pretendard Medium"), url("/font/Pretendard-Medium.subset.woff2") format("woff2"), url("/font/woff-subset/Pretendard-Medium.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  font-display: block;
  src: local("Pretendard Regular"), url("/font/Pretendard-Regular.subset.woff2") format("woff2"), url("/font/woff-subset/Pretendard-Regular.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  font-display: block;
  src: local("Pretendard Light"), url("/font/Pretendard-Light.subset.woff2") format("woff2"), url("/font/woff-subset/Pretendard-Light.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  font-display: block;
  src: local("Pretendard ExtraLight"), url("/font/Pretendard-ExtraLight.subset.woff2") format("woff2"), url("/font/woff-subset/Pretendard-ExtraLight.subset.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  font-display: block;
  src: local("Pretendard Thin"), url("/font/Pretendard-Thin.subset.woff2") format("woff2"), url("/font/woff-subset/Pretendard-Thin.subset.woff") format("woff");
}
/* UNIQID */
/* 버튼 만들기
<div class="btns 넣고싶은 클래스">
    <span class="txt">텍스트</span>
</div>
*/
/* UNIQID */
/* 버튼 만들기
<div class="btns 넣고싶은 클래스">
    <span class="txt">텍스트</span>
</div>
*/
:root {
  --color-bdsplanet: #129ded;
  --color-def-red: #ff2c40;
  --color-bdsplanet02: #084895;
  --color-bdsplanet03: #0481e2;
  --font-default: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", Pretendard, Roboto, "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  --font-default-two: "Pretendard";
  --font-number-bold: "Pretendard ExtraBold";
  --font-text-medium: "Pretendard";
  --font-text-regular: "Pretendard";
  --br-btn-default: 3px;
  --bg-i-common: url("/images/ui_ico.png?v=u5eth6z");
  --bg-inside-category: url("/images/inside/market_category02.png?v=u5eth6z");
  --bdsplanet-scrollarea-width: 20px;
  --bdsplanet-scrollbar-width: 5px;
  --bdsplanet-scrollbar-bg: #bbc7d6;
  --bdsplanet-scrollbar-border: 4px;
}

/* @import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); */
.f_num_b {
  font-weight: bold;
}

fieldset, img {
  border: 0;
}

html, legend {
  color: #000;
}

html {
  background: #FFF;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

article, aside, audio, blockquote, body, canvas, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, mark, menu, nav, ol, p, pre, section, summary, td, textarea, th, time, ul, video {
  margin: 0;
  padding: 0;
}

body {
  word-break: keep-all;
  background-color: #FFF;
  color: #222;
  letter-spacing: -0.3px;
  font-size: 14px;
  font-family: var(--font-default);
  font-weight: 500;
}

textarea {
  color: #222;
  font-size: 14px;
  font-family: var(--font-default);
}
textarea::placeholder {
  color: #999;
}

img {
  vertical-align: middle;
}

button, input, select, textarea {
  margin: 0;
  vertical-align: middle;
  font-size: 100%;
  font-family: var(--font-default);
  font-weight: 500;
}

input:focus,
textarea:focus {
  outline: none;
  border: 1px solid var(--color-bdsplanet) !important;
}

input::placeholder {
  color: #999;
}

input[type=file]:focus {
  border: none !important;
}

button, input[type=button] {
  background: none;
  border: none;
  cursor: pointer;
}

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

address, caption, cite, code, dfn, em, strong, th, var {
  font-weight: 400;
  font-weight: 500;
  font-style: normal;
}

b {
  font-weight: 400;
  font-weight: 500;
}

ol, ul, nav {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-weight: 500;
  font-size: 100%;
  line-height: 18px;
}

caption, hr, legend {
  width: 0;
  height: 0;
  text-indent: -9999em;
  font-size: 1px;
  line-height: 0;
}

a {
  color: #222;
  text-decoration: none;
}
a:active, a:focus, a:hover, a:link, a:visited {
  color: #222;
  text-decoration: none;
}

body.nanum {
  font-family: "NB", "나눔바른고딕", Dotum, "돋움", Gulim, "굴림", Helvetica Neue, Helvetica, Arial, Verdana, Tahoma, sans-serif;
}
body.nsq {
  font-family: "NanumSquare", Dotum, "돋움", Gulim, "굴림", Helvetica Neue, Helvetica, Arial, Verdana, Tahoma, sans-serif;
}
body.noto {
  font-family: "notokr", Dotum, "돋움", Gulim, "굴림", Helvetica Neue, Helvetica, Arial, Verdana, Tahoma, sans-serif;
}
body.dotum {
  font-family: Dotum, "돋움", Gulim, "굴림", Helvetica Neue, Helvetica, Arial, Verdana, Tahoma, sans-serif;
}

.clfix {
  *zoom: 1;
}
.clfix:after, .clfix:before {
  display: table;
  content: "";
  line-height: 0;
}
.clfix:after {
  clear: both;
}

.hide_txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  display: inline-block;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 0;
  position: absolute;
}

svg {
  overflow: visible;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

.page-top-titlearea {
  height: 120px;
  line-height: 1;
}
.page-top-titlearea .twr {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.page-top-titlearea .title {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
}

.reason-tac {
  padding: 30px 20px;
  background: #f9fafb;
  border-radius: 10px;
}
.def-ul-area ul {
  list-style-type: none !important;
}
.def-ul-area ul li {
  position: relative;
  padding-left: 8px;
  color: #666666;
  font-size: 14px;
  line-height: 23px;
}
.def-ul-area ul li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0px;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #666;
}

.icon-ytp01:before {
  content: "";
  display: inline-block;
  background-image: var(--bg-i-common);
}
.icon-ytp01.ispan:before {
  content: normal;
  background: none;
}
.icon-ytp01.ispan span.ico {
  display: inline-block;
  background-image: var(--bg-i-common);
}

.icon-information-7790ad:before {
  width: 14px;
  height: 14px;
  background-position: -168px -128px;
}

.ico-information-jak {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}
.ico-information-jak .won {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 2px solid var(--color-bdsplanet02);
}
.ico-information-jak .li {
  width: 2px;
}
.ico-information-jak .li .li01, .ico-information-jak .li .li02 {
  background: var(--color-bdsplanet02);
}
.ico-information-jak .li .li01 {
  height: 2px;
}
.ico-information-jak .li .li02 {
  height: 12px;
  margin: 2px 0 0;
}

.icon-information-white-trans:before {
  width: 14px;
  height: 14px;
  background-position: -152px -146px;
}

.icon-lock-aabcd2:before {
  width: 10px;
  height: 12px;
  background-position: -356px -116px;
}

.icon-wastebasket-aaaaaa:before {
  width: 15px;
  height: 17px;
  background-position: -336px -116px;
}

.icon-medal:before {
  content: "";
}
.icon-medal:before,
.icon-medal span {
  display: inline-block;
  background-image: url("/images/ico_medal.png");
}
.icon-medal.gold:before,
.icon-medal.gold span {
  width: 24px;
  height: 30px;
  background-position: 0 0;
}
.icon-medal.silver:before,
.icon-medal.silver span {
  width: 24px;
  height: 30px;
  background-position: 0 -42px;
}
.icon-medal.bronze:before,
.icon-medal.bronze span {
  width: 24px;
  height: 30px;
  background-position: 0 -86px;
}

.icon-alone-input-init:before {
  content: "";
  display: inline-block;
  background-image: url("/images/ui_btn_x.png");
  background-position: 0 -24px;
  width: 11px;
  height: 11px;
}

.icon-search-black-w14:before {
  width: 14px;
  height: 14px;
  background-position: -44px -90px;
}

.icon-write:before {
  width: 17px;
  height: 17px;
  background-position: -42px -110px;
}

.icon-star01:before,
.icon-star01 span.ico {
  width: 17px;
  height: 17px;
  background-position: -40px -132px;
}
.icon-star01 span.ico {
  display: inline-block;
}
.icon-star01.fill:before {
  background-position: -40px -152px;
}

.icon-dot-three:before {
  width: 16px;
  height: 15px;
  background-position: -40px -176px;
}

.icon-area-black:before {
  width: 14px;
  height: 14px;
  background-position: -42px 0;
}

.icon-area-white:before {
  width: 14px;
  height: 14px;
  background-position: -24px 0;
}

.icon-draw-list:before {
  width: 14px;
  height: 14px;
  background-position: -62px -12px;
}

.icon-check-8d96a1:before {
  width: 14px;
  height: 11px;
  background-position: -342px -1px;
}

.icon-check-fff:before {
  width: 14px;
  height: 11px;
  background-position: -342px -16px;
}

.icon-modify-17_17:before {
  width: 17px;
  height: 17px;
  background-position: -42px -110px;
}

.icon-modify-black-17_17:before {
  width: 17px;
  height: 17px;
  background-position: -61px -110px;
}

.icon-mapgo-black-16_16:before {
  width: 16px;
  height: 16px;
}

.icon-share-aaa-15_17:before {
  width: 15px;
  height: 17px;
  background-position: -60px -132px;
}

.icon-init-777-18_14:before {
  width: 16px;
  height: 13px;
  background-position: -46px -54px;
}

.icon-loc-666-12_15:before {
  width: 12px;
  height: 16px;
  background-position: -24px -289px;
}

.icon-toji-666-12_12:before {
  width: 12px;
  height: 12px;
  background-position: -24px -310px;
}

.icon-yeo-666-12_12:before {
  width: 12px;
  height: 12px;
  background-position: -24px -330px;
}

.icon-building-666-12_12:before {
  width: 12px;
  height: 12px;
  background-position: -28px -400px;
}

.icon-bag-666-12_12:before {
  width: 12px;
  height: 12px;
  background-position: -44px -400px;
}

.icon-eye-8ea5c1-14_9:before {
  width: 17px;
  height: 11px;
  background-position: -46px -292px;
}

.icon-star-8ea5c1-10_10:before {
  width: 12px;
  height: 12px;
  background-position: -46px -309px;
}

.icon-fav-8ea5c1-9_11:before {
  width: 9px;
  height: 11px;
  background-position: -68px -324px;
}

.icon-phone-222-16_16:before {
  width: 16px;
  height: 16px;
  background-position: -93px -452px;
}

.icon-star-222-17_17:before {
  width: 14px;
  height: 17px;
  background-position: -112px -451px;
}

.icon-fav02-222-17_17:before {
  width: 17px;
  height: 17px;
  background-position: -186px -250px;
}

.icon-alarm-222-15_17:before {
  width: 15px;
  height: 17px;
  background-position: -128px -451px;
}

.icon-way-222-17_17:before {
  width: 17px;
  height: 17px;
  background-position: -146px -451px;
}

.icon-share-222-15_17:before {
  width: 15px;
  height: 17px;
  background-position: -166px -451px;
}

.icon-pen-fff-12_12:before {
  width: 13px;
  height: 13px;
  background-position: -45px -331px;
}

/* 복사 아이콘 */
.icon-copy-222-10_12:before {
  width: 10px;
  height: 12px;
  background-position: -304px -256px;
}

/* 네이버 검은색 마크 */
.icon-naver-bgblack:before {
  width: 17px;
  height: 17px;
  background-position: -452px -64px;
}

/* 단위변환 아이콘 02 - 검은색 찌그러진거 */
.icon-unit-change-black01:before {
  width: 11px;
  height: 14px;
  background-position: -24px -36px;
}

.icon-excel:before {
  width: 15px;
  height: 16px;
  background-size: 250px;
  background-position: -118px -475px;
}

.icon-prop_membership_32:before {
  width: 34px;
  height: 34px;
  background-size: 250px;
  background-position: -139px -215px;
}

.icon-savefolder01:before {
  width: 63px;
  height: 77px;
  background-position: -420px -292px;
}

.icon-secfolder:before {
  width: 160px;
  height: 160px;
  background-image: url("/images/realprice/bg_realprice.png?v=u5eth6z");
  background-position: 0px 0px;
}

.icon-removefolder:before {
  width: 160px;
  height: 160px;
  background-image: url("/images/realprice/bg_realprice.png?v=u5eth6z");
  background-position: 0px -206px;
}

.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}
.mCustomScrollbar.scrollDisable {
  position: relative;
}
.mCustomScrollbar.scrollDisable:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 5px;
  height: auto;
  top: 0;
  right: 10px;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
  left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 5px;
  height: 100%;
  margin: 0 auto;
  border-radius: 32px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
  left: 20px;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

/* RTL direction/left-side scrollbar */
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/* non-visible horizontal scrollbar */
/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools.mCS-ytp-m10 {
  margin: 10px 0;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
  position: absolute;
  top: 0px;
  right: 0px;
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background: none;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #bbc7d6;
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
  sprites locations
  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
  dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
  */
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
  sprites locations
  light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
  dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
  */
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
  sprites locations
  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
  dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
  */
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
  sprites locations
  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
  dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
  */
}
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* 공유하기 */
.ytp-btn-share {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 0 22px;
  border: 1px solid #e1e1e1;
  border-radius: 20px;
}
.ytp-btn-share span {
  color: #222;
  font-size: 14px;
}
.ytp-btn-share:before {
  content: "";
  display: block;
  width: 16px;
  height: 20px;
  margin-right: 10px;
  background: url(/images/ui_ico.png) no-repeat -356px -59px;
}

.tbl_style01 .tbl {
  border-top: 1px solid #7790ad;
  border-bottom: 1px solid #e5e5e5;
}
.tbl_style01 .tbl.reverse-style {
  border-bottom: none;
}
.tbl_style01 .tbl table tr.mot-tr th {
  background: #f1faff;
  border: 1px solid #bdcfe6;
  border-right: 0px;
}
.tbl_style01 .tbl table tr.mot-tr th .t_tit {
  color: #1f75ea;
  font-weight: bold;
}
.tbl_style01 .tbl table tr.mot-tr td {
  color: #1f75ea;
  border: 1px solid #bdcfe6;
  border-left: 0;
  font-weight: bold;
}
.tbl_style01 .tbl table tr.mot-tr .mm {
  font-size: 13px;
  font-weight: 500;
}
.tbl_style01 table tr th, .tbl_style01 table tr td {
  padding: 11px 15px 13px;
  line-height: 21px;
}
.tbl_style01 table tr th {
  border-top: 1px solid #e5e5e5;
  background: #fafafa;
}
.tbl_style01 table thead tr th {
  border-top: 0;
  padding-left: 5px;
  padding-right: 5px;
}
.tbl_style01 table tr th .t_tit {
  color: #666666;
}
.tbl_style01.listheight table tbody tr td {
  padding: 7px 10px 5px;
}
.tbl_style01 table tr th:first-child {
  border-left: 0;
}
.tbl_style01 table tr td {
  position: relative;
  border-top: 1px solid #e5e5e5;
}
.tbl_style01 .fwb {
  font-weight: bold;
}
.tbl_style01 .fwb.black {
  color: #000;
}
.tbl_style01 .def-ul li {
  position: relative;
  padding-left: 9px;
}
.tbl_style01 .def-ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0px;
  width: 3px;
  height: 3px;
  background-color: #aaaaaa;
  border-radius: 100%;
}
.tbl_style01 .def-ul li .etc {
  color: #999;
  font-size: 12px;
  margin-left: 5px;
}
.tbl_style01.assume thead + tbody tr td:first-child {
  border-left: 1px solid #e5e5e5;
}
.tbl_style01.assume tbody tr td[rowspan]:first-child {
  border-left: none;
}

.table_area table .txt_c {
  text-align: center;
}
.table_area table .txt_r {
  text-align: right;
}

.tbl_style01 thead + tbody tr td {
  border-left: 1px solid #e5e5e5;
}
.tbl_style01 thead + tbody tr td:first-child {
  border-left: 0;
}
.tbl_style01 .tbl_util {
  top: -26px;
}

.tbl .t_tit.alert:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 5px;
  margin-left: 2px;
  background: url("/images/txt_alert_red.png") no-repeat 0 0;
  vertical-align: middle;
}

.tbl_style01 table .bt_none {
  border-top: 0;
}
.tbl_style01 table .bl_none {
  border-left: 0;
}
.tbl_style01 table .line0 {
  line-height: 0;
}
.tbl_style01 .list_none {
  height: 44px !important;
  text-align: center;
  border-left: 0px !important;
}
.tbl_style01.leftright_15 table tr th, .tbl_style01.leftright_15 table tr td {
  padding-left: 15px;
  padding-right: 15px;
}
.tbl_style01 table .plr15 {
  padding-left: 15px;
  padding-right: 15px;
}
.tbl_style01 table .plr0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.tbl_style01 .th_bold {
  color: #000000;
}
.tbl_style01.ani_close01 {
  overflow: hidden;
  height: 0 !important;
}
.tbl_style01 .bt_01 {
  border-bottom: 1px solid #e5e5e5;
}
.tbl_style01 .fix_pd {
  height: 45px;
  padding: 0;
  vertical-align: middle;
}
.tbl_style01 .fk_tb {
  display: table;
  width: 100%;
  height: 100%;
}
.tbl_style01 .fk_tb .fk_th, .tbl_style01 .fk_tb .fk_td {
  display: table-cell;
  padding: 13px 20px 11px;
  vertical-align: middle;
}
.tbl_style01 .fk_tb .fk_th {
  min-height: 45px;
  height: 100%;
  border-right: 1px solid #e5e5e5;
}
.tbl_style01 .fk_tb .fk_th .t_tit {
  display: block;
  color: #222222;
}
.tbl_style01.plr10 table tr th, .tbl_style01.plr10 table tr td {
  padding: 15px 10px 13px;
}
.tbl_style01 .cl-red {
  color: var(--color-def-red);
}
.tbl_style01 .btn-w01 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  margin: -6px 0;
  padding: 0 10px;
  line-height: 1;
  border-radius: 2px;
  border: 1px solid #dddddd;
}
.tbl_style01 .btn-w01 span {
  color: #222222;
  font-size: 13px;
}
.tbl_style01 .btn-w01.ml {
  margin-left: 13px;
}
.tbl_style01 .backslash {
  position: relative;
  background: #FAFAFA url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="%23eee" /></svg>');
  stroke: red;
}
.tbl_style01 .backslash .left, .tbl_style01 .backslash .right {
  position: absolute;
}
.tbl_style01 .backslash .left {
  bottom: 8px;
  left: 25px;
}
.tbl_style01 .backslash .right {
  top: 8px;
  right: 15px;
}

.tbl_style_yeonblue .tbl {
  border-bottom: 1px solid #d8dfe5;
  border-right: 1px solid #d8dfe5;
}
.tbl_style_yeonblue thead {
  border-top: 1px solid #d8dfe5;
  border-left: 1px solid #d8dfe5;
}
.tbl_style_yeonblue table tr th, .tbl_style_yeonblue table tr td {
  padding: 6px 15px 8px;
  line-height: 21px;
}
.tbl_style_yeonblue table tr th {
  border-top: 1px solid #d8dfe5;
  background: #f1f6fb;
}
.tbl_style_yeonblue table thead tr th {
  border-top: 0;
  padding-left: 5px;
  padding-right: 5px;
}
.tbl_style_yeonblue table tr th .t_tit {
  color: #7790ad;
}
.tbl_style_yeonblue.listheight table tbody tr td {
  padding: 7px 10px 5px;
}
.tbl_style_yeonblue table tr td {
  position: relative;
  border-top: 1px solid #d8dfe5;
}
.tbl_style_yeonblue thead + tbody tr td {
  border-left: 1px solid #d8dfe5;
}

.tbl_black01 .cl_sky {
  color: var(--color-bdsplanet);
}
.tbl_black01 thead {
  border-top: 2px solid #282828;
  border-bottom: 2px solid #282828;
}
.tbl_black01 thead th {
  padding: 16px 10px 19px;
  font-size: 14px;
  font-weight: bold;
}
.tbl_black01 td {
  padding: 16px 10px 19px;
  border-bottom: 1px solid #dcdcdc;
  color: #666666;
}
.tbl_black01 td a {
  color: #666666;
}

.tbl-line-garo {
  width: 100%;
  table-layout: fixed;
}
.tbl-line-garo .tbl, .tbl-line-garo table {
  width: 100%;
  table-layout: fixed;
}
.tbl-line-garo th, .tbl-line-garo td {
  padding: 11px 0;
  border-top: 1px solid #e5e5e5;
  font-size: 14px;
  line-height: 21px;
}
.tbl-line-garo th.c-center, .tbl-line-garo td.c-center {
  text-align: center;
}
.tbl-line-garo th#pg_pay_type_dp, .tbl-line-garo td#pg_pay_type_dp {
  line-height: 26px;
  padding: 8px 0;
  word-break: keep-all;
}
.tbl-line-garo th .t_tit {
  color: #666;
}
.tbl-line-garo td {
  color: #222;
  text-align: right;
}
.tbl-line-garo tr:first-child th, .tbl-line-garo tr:first-child td {
  padding-top: 5px;
  border-top: 0;
}
.tbl-line-garo tr:last-child th, .tbl-line-garo tr:last-child td {
  padding-bottom: 0;
}
.tbl-line-garo .number {
  color: #222;
  font-weight: 700;
}
.tbl-line-garo .cl-red {
  color: #ff2c40;
}
.tbl-line-garo .btn-w01 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding: 0 10px;
  line-height: 1;
  border-radius: 2px;
  border: 1px solid #dddddd;
}
.tbl-line-garo .btn-w01 span {
  color: #222222;
  font-size: 13px;
}
.tbl-line-garo .btn-w01.ml {
  margin-left: 13px;
}

.div-detail-view {
  border-top: 1px solid #7790ad;
  border-bottom: 1px solid #e5e5e5;
}
.div-detail-view .ddv-hd,
.div-detail-view .ddv-bd {
  padding: 13px 15px;
}
.div-detail-view .ddv-hd {
  line-height: 18px;
}
.div-detail-view .ddv-hd .txt01 {
  color: #222;
  font-size: 14px;
  font-weight: bold;
}
.div-detail-view .ddv-hd .txt02 {
  margin: 4px 0 0;
  color: #666666;
  font-size: 12px;
}
.div-detail-view .ddv-hd .txt02 .eq_box {
  margin-top: -2px;
  margin-bottom: -2px;
  vertical-align: -3px;
}
.div-detail-view .ddv-hd + .ddv-bd {
  border-top: 1px solid #e5e5e5;
}
.div-detail-view .ddv-dl {
  position: relative;
  display: flex;
  padding-left: 8px;
  line-height: 20px;
}
.div-detail-view .ddv-dl:not(:first-child) {
  margin-top: 2px;
}
.div-detail-view .ddv-dl:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 9px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #666666;
}
.div-detail-view .ddv-dl dt {
  width: 90px;
  color: #666;
}
.div-detail-view .ddv-dl dd {
  flex: 1;
  color: #222;
}
.div-detail-view .ddv-dl .txt-etc {
  color: #999999;
  font-size: 12px;
}
.div-detail-view + .blue-spc-price-view {
  margin-top: 15px;
}

.cm-tabmenu {
  line-height: 1;
}
.cm-tabmenu ul {
  display: flex;
  height: 43px;
  border-bottom: 1px solid #eeeeee;
}
.cm-tabmenu ul li {
  flex: 1;
}
.cm-tabmenu ul li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: #666666;
  font-size: 14px;
}
.cm-tabmenu ul li a.on {
  color: #222;
}
.cm-tabmenu ul li a.on:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: #444;
}
.cm-tabmenu ul li a.on.on-f-bold {
  font-weight: bold;
}
.cm-tabmenu.free li {
  flex: none;
  flex-grow: 1;
}

.sb-tab-won01 {
  display: flex;
  width: 100%;
}
.sb-tab-won01 .mn {
  display: flex;
  flex-direction: row;
}
.sb-tab-won01 .mn a {
  display: inline-flex;
  line-height: 1;
  align-items: center;
  height: 35px;
  margin-left: 5px;
  padding: 0 13px;
  border: 1px solid #eeeeee;
  border-radius: 17px;
  color: #666;
  white-space: nowrap;
}
.sb-tab-won01 .mn a:first-child {
  margin-left: 0;
}
.sb-tab-won01 .mn a.on {
  background: #0481e2;
  border: none;
  color: #fff;
  font-weight: bold;
}

.bds-list-menu {
  display: flex;
  justify-content: space-between;
  line-height: 1;
}
.bds-list-menu .category {
  display: flex;
  gap: 5px;
}
.bds-list-menu .category .ca {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 20px;
  color: #666666;
  background-color: #fff;
  border-radius: 20px;
}
.bds-list-menu .category .ca.on {
  color: #fff;
  background-color: var(--color-bdsplanet03);
  font-weight: bold;
}
.bds-list-menu .view-type {
  display: flex;
  border: 1px solid #cad3df;
  border-radius: 8px;
}
.bds-list-menu .view-type .vta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 40px;
}
.bds-list-menu .view-type .vta:not(:last-child):after {
  content: "";
  position: absolute;
  right: 0px;
  width: 1px;
  height: 12px;
  background-color: #aabcd2;
}
.bds-list-menu .view-type .vta .txt {
  display: inline-block;
  color: #8798ac;
  font-size: 13px;
}
.bds-list-menu .view-type .vta.on .txt {
  color: #3b7ed8;
  font-weight: bold;
}
.bds-list-menu .view-type .vta.on:before {
  content: "";
  width: 9px;
  height: 6px;
  margin: 0 4px 0 0;
  background-image: var(--bg-i-common);
  background-position: -356px -134px;
}

.aed-ac-scroll-tab {
  position: relative;
}
.aed-ac-scroll-tab .tabarea {
  display: flex;
  flex-wrap: wrap;
  overflow-x: auto;
  user-select: none;
  -webkit-user-drag: none;
  touch-action: auto;
  padding-right: 44px;
  gap: 5px;
}
.aed-ac-scroll-tab .tabarea::-webkit-scrollbar {
  display: none;
}
.aed-ac-scroll-tab .tabarea:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 44px;
  height: 44px;
  background-color: #fff;
  border-radius: 100% 0 0 100%;
}
.aed-ac-scroll-tab .tab {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 0 15px;
  background-color: #f6f7f8;
  border-radius: 22px;
  text-align: center;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.aed-ac-scroll-tab .tab .txt01 {
  color: #666;
}
.aed-ac-scroll-tab .tab .txt02 {
  margin: 4px 0 0;
  color: #aabcd2;
  font-size: 12px;
}
.aed-ac-scroll-tab .tab.on {
  background-color: var(--color-bdsplanet03);
}
.aed-ac-scroll-tab .tab.on .txt01 {
  color: #fff;
  font-weight: bold;
}
.aed-ac-scroll-tab .tab.on .txt02 {
  color: #a6d1f6;
}
.aed-ac-scroll-tab .ut {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
}
.aed-ac-scroll-tab .ut:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  margin-top: 4px;
  transform: rotate(-135deg);
  border-right: 1px solid #222;
  border-bottom: 1px solid #222;
}
.aed-ac-scroll-tab .ut.close:before {
  margin-top: -4px;
  transform: rotate(45deg);
}
.aed-ac-scroll-tab.tabWhite .tab:not(.on) {
  background-color: #fff;
  border: 1px solid #eeeeee;
}
.aed-ac-scroll-tab.tabWhite .tab.on {
  border-color: var(--color-bdsplanet03);
}
.aed-ac-scroll-tab[data-ui-acco-con-open=N] .tabarea {
  flex-wrap: nowrap;
}
.aed-ac-scroll-tab.btn-hide:before {
  content: normal;
}
.aed-ac-scroll-tab:not(.hide) + .aed-tbl.garo {
  margin-top: 24px;
}
.aed-ac-scroll-tab:not(.hide) + .con-readme-btn-area {
  margin-top: 20px;
}

.bds-gray-tab {
  display: flex;
  height: 34px;
  padding: 4px;
  margin: 0 0 20px;
  background-color: #f6f7f8;
  border-radius: 8px;
}
.bds-gray-tab .la {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #666666;
  font-size: 13px;
}
.bds-gray-tab .la.on {
  color: #222222;
  font-weight: bold;
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.bds-gray-tab li {
  height: 100%;
  flex: 1;
}
.bds-gray-tab.big {
  height: 40px;
}
.bds-gray-tab.big .la {
  font-size: 14px;
}
.bds-gray-tab.mb15 {
  margin-bottom: 15px;
}

.check-style-tab {
  flex: 1;
  display: flex;
  height: 100%;
  background-color: #f9fafb;
}
.check-style-tab a {
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  color: #8798ac;
  font-size: 13px;
}
.check-style-tab a:not(:first-child) {
  padding-left: 11px;
}
.check-style-tab a:not(:first-child):after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  width: 1px;
  height: 13px;
  margin-top: -6px;
  background-color: #e0e9f1;
}
.check-style-tab a.checked {
  padding-left: 23px;
  color: #3b7ed8;
}
.check-style-tab a.checked:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 12px;
  right: 24px;
  width: 4px;
  height: 8px;
  margin-top: 6px;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transform: translate3d(0, -11px, 0) rotate(45deg);
  border-color: #3b7ed8;
}

.menu-radio-box {
  width: 100%;
}

.menu-radio-new {
  width: 100%;
  padding: 0 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: inherit;
  margin: 0;
  border-radius: 0;
  background: #f2f4f8;
  padding: 4px;
}
.menu-radio-new > a {
  flex: 1;
  height: 100%;
  text-align: center;
  font-weight: 700;
  letter-spacing: -0.5px;
  border-radius: 4px;
  padding: 4px 8px !important;
  opacity: 0.6;
  color: rgba(0, 0, 0, 0.6);
  justify-content: center;
}
.menu-radio-new > a::after {
  display: none !important;
}
.menu-radio-new > a.checked {
  opacity: 1;
  background: #343a3f !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 4px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}
.menu-radio-new > a.checked::before {
  display: none !important;
}
.menu-radio-new > li {
  flex: 1;
  height: 100%;
}
.menu-radio-new > li > a {
  width: 100%;
  text-align: center;
  font-weight: 700;
  letter-spacing: -0.5px;
  padding: 4px 8px;
  border-radius: 4px;
  color: rgba(0, 0, 0, 0.6);
  opacity: 0.6;
}
.menu-radio-new > li > a::before {
  display: none !important;
}
.menu-radio-new > li > a.on {
  opacity: 1;
  background: #343a3f !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 4px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}
.menu-radio-new.menu-radio-sm {
  height: 32px !important;
  border-radius: 4px !important;
}
.menu-radio-new.menu-radio-sm > li,
.menu-radio-new.menu-radio-sm > a {
  font-size: 12px !important;
  line-height: 16px !important;
}
.menu-radio-new.menu-radio-sm > li > a,
.menu-radio-new.menu-radio-sm > a > a {
  font-size: 12px !important;
  line-height: 16px !important;
}
.menu-radio-new.menu-radio-lg {
  height: 40px !important;
  border-radius: 8px !important;
  gap: 4px;
}
.menu-radio-new.menu-radio-lg > li,
.menu-radio-new.menu-radio-lg > a {
  font-size: 14px !important;
  line-height: 18px !important;
}
.menu-radio-new.menu-radio-lg > li > a,
.menu-radio-new.menu-radio-lg > a > a {
  font-size: 14px !important;
  line-height: 18px !important;
}

/* UNIQID */
/* 버튼 만들기
<div class="btns 넣고싶은 클래스">
    <span class="txt">텍스트</span>
</div>
*/
.newToastMsg {
  position: fixed;
  z-index: 100000;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 12px 16px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 12px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #fff;
  white-space: nowrap;
}

.bdsTopBanner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
  background-color: red;
  color: #fff;
  text-align: center;
}

.bdsTopBanner ~ #wrap {
  height: calc(100% - 72px);
}

.typeC #logo .hide_txt,
.typeD #logo .hide_txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: visible !important;
  clip: auto !important;
}

/*



██████  ██    ██ ████████ ████████  ██████  ███    ██
██   ██ ██    ██    ██       ██    ██    ██ ████   ██
██████  ██    ██    ██       ██    ██    ██ ██ ██  ██
██   ██ ██    ██    ██       ██    ██    ██ ██  ██ ██
██████   ██████     ██       ██     ██████  ██   ████



*/
.btns {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  line-height: 1;
  border-radius: var(--br-btn-default);
}
.btns span.txt {
  display: inline-block;
  vertical-align: middle;
}
.btns span.fwb {
  font-weight: bold;
}
.btns.c_nb {
  border: 1px solid #909090;
}
.btns.c_nb span {
  color: #222222;
}
.btns.c_wb {
  border: 1px solid #909090;
  background: #fff;
}
.btns.c_wb span {
  color: #222222;
}
.btns.c_y_wb {
  border: 1px solid #ddd;
  background: #fff;
}
.btns.c_y_wb span {
  color: #222222;
}
.btns.c_blue {
  background: var(--color-bdsplanet);
}
.btns.c_blue span {
  color: #fff;
}
.btns.c_b_blue {
  background: #4f5f72;
}
.btns.c_b_blue span {
  color: #fff;
}
.btns.c_y_blue {
  background: #7790ad;
}
.btns.c_y_blue span {
  color: #fff;
}
.btns.c_sky {
  border: 1px solid var(--color-bdsplanet);
  background: #fff;
}
.btns.c_sky span {
  color: var(--color-bdsplanet);
}
.btns.c_new_blue {
  background: #0481e2;
}
.btns.c_new_blue span {
  color: #fff;
}
.btns.c_nam {
  background: var(--color-bdsplanet02);
}
.btns.c_nam span {
  color: #fff;
}
.btns.c_red {
  background-color: var(--color-def-red);
}
.btns.c_red span {
  color: #fff;
}

/* 컬러 */
/* 중간사이즈 */
.btn_m {
  min-width: 100px;
  height: 36px;
  padding: 0 25px;
}
.btn_m span {
  font-size: 14px;
}

/* 대 */
.btn_jd {
  min-width: 120px;
  height: 45px;
}
.btn_jd span {
  font-size: 16px;
}

/* 테이블 버튼 */
.btn_tbl01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 22px;
  height: 22px;
  background: #7790ad;
  border-radius: 3px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: -2px 0;
}
.btn_tbl01.ml {
  margin-left: 8px;
}

/* 미니홈피 바로가기 */
.btn_spc_yellow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 118px;
  height: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #ffca27;
  border-radius: 15px;
  font-size: 14px;
  color: #222;
  vertical-align: middle;
}
.btn_spc_yellow.minihome:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 11px;
  margin-right: 5px;
  background: url("/images/ui_ico.png") no-repeat left -220px;
}
.btn_spc_yellow.maphome:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 5px;
  background: url("/images/ui_ico.png") no-repeat -16px -220px;
}
.btn_spc_yellow.off {
  background: #eeeeee;
  color: #bbbbbb;
  cursor: default;
}
.btn_spc_yellow.off.maphome:before {
  background-position: -50px -220px;
}

a.btn_trans_gray01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 100px;
  height: 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: #7790ad;
  border: 1px solid #e5e5e5;
  vertical-align: middle;
  line-height: 1;
}
a.btn_trans_gray01.off {
  border-color: #eeeeee;
  color: #cccccc;
  cursor: default;
}
a.btn_sky01 {
  display: inline-flex;
  height: 27px;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  background: var(--color-bdsplanet);
  border-radius: var(--br-btn-default);
  vertical-align: middle;
  line-height: 1;
}

.btn_namblue01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 29px;
  min-width: 90px;
  padding: 0 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: #fff;
  background: #626c7d;
  vertical-align: middle;
  line-height: 1;
  border-radius: 3px;
}
.btn_namblue01:before {
  margin-right: 5px;
}

a.btn_trans_b-gray01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  padding: 0 25px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
  vertical-align: middle;
  line-height: 1;
  border: 2px solid #8f8d8d;
}

.btns.check:after {
  content: "";
  display: inline-block;
  width: 11px;
  height: 9px;
  margin-left: 3px;
  background: url("/images/btn_check.png") no-repeat left top;
}

.ico_init {
  display: inline-block;
  width: 16px;
  height: 13px;
  margin-right: 6px;
  background: url("/images/ui_ico.png") no-repeat left -54px;
}

.unit-change02 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 47px;
  height: 24px;
  border: 1px solid #dddddd;
  border-radius: 4px;
  padding: 0 8px;
  color: #222222;
  font-size: 12px;
}

/* layout */
.header-trans #wrap {
  padding-top: 0;
}

header,
#container,
footer,
#wrap {
  min-width: 1280px;
}

.default_c {
  position: relative;
  width: 1080px;
  margin: 0 auto;
}
.default_c.mid {
  width: 1000px;
}

#content {
  position: relative;
  width: 100%;
}
#content.gray {
  background: #efeff0;
}
#content > .default_c,
#content > form .default_c {
  padding: 40px 0px 80px;
  min-height: 600px;
}
#content .default_c.none_pd {
  padding: 0;
}
#content .default_c .con_s01 {
  position: relative;
  margin-top: 60px;
}
#content .default_c .con_s01:first-child {
  margin-top: 0;
}
#content > .default_c.pt20 {
  padding-top: 20px;
}
#content > .default_c.pt30 {
  padding-top: 30px;
}

.con_topright_area {
  position: absolute;
  top: -8px;
  right: 0px;
}
.con_topright_area .bt_left_right {
  font-size: 0;
}
.con_topright_area .bt_left_right .bl,
.con_topright_area .bt_left_right .br {
  display: inline-block;
  vertical-align: top;
}
.con_topright_area .bt_left_right .bl {
  margin-right: 15px;
}
.con_topright_area .bt_left_right .br a {
  margin-left: 5px;
}
.con_topright_area .bt_left_right .br a:first-child {
  margin-left: 0;
}

.con_s_none {
  height: 60px;
  padding-top: 20px;
  border-top: 1px solid #666666;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.con_s_none .txt {
  color: #666666;
  font-size: 13px;
}

/*



 ██████  ██ ███████  ██████  ███    ██
██       ██    ███  ██    ██ ████   ██
██   ███ ██   ███   ██    ██ ██ ██  ██
██    ██ ██  ███    ██    ██ ██  ██ ██
 ██████  ██ ███████  ██████  ██   ████



*/
/* 기존 lnb */
/* navigation lnb */
.lnb {
  min-width: 1000px;
  height: 50px;
  background: #ededed;
}
.lnb .wrapper {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 1000px;
}

.lnb-list {
  height: 50px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 20px;
  line-height: 1;
}
.lnb-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.lnb-list.yellow .lnb-link:hover, .lnb-list.yellow .lnb-link.on {
  color: #fcb040;
}

.lnb-item {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

a.lnb-link {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  color: #7790ad;
}
a.lnb-link.dot:after {
  content: "";
  position: absolute;
  right: -8px;
  top: -2px;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: var(--color-def-red);
}
a.lnb-link:hover, a.lnb-link.on {
  color: var(--color-bdsplanet);
}

#typeA .lnb-link:hover, #typeA .lnb-link.on {
  color: #ffcc00;
}

#typeB .lnb-link:hover, #typeB .lnb-link.on {
  color: #2dadb8;
}

.lnb-util {
  float: right;
}
.lnb-util:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.lnb-util .view {
  height: 50px;
  float: left;
  padding-right: 15px;
  line-height: 50px;
}
.lnb-util .view-item {
  position: relative;
  float: left;
  margin-left: 3px;
}
.lnb-util .view-item:first-child {
  margin-left: 0;
}
.lnb-util .view-link {
  display: inline-block;
  height: 20px;
  position: relative;
  line-height: 20px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: bold;
  color: #555;
}
.lnb-util .view-link:hover, .lnb-util .view-link.on {
  color: #e70000;
  background: url(../images/bg_lnb_util.png) no-repeat;
}
.lnb-util .view-link:hover:after, .lnb-util .view-link.on:after {
  content: "";
  display: block;
  width: 10px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/bg_lnb_util.png) no-repeat right top;
}
.lnb-util .social {
  height: 50px;
  float: left;
  padding-right: 20px;
  line-height: 50px;
}
.lnb-util .social-item {
  position: relative;
  float: left;
  margin-right: 20px;
}
.lnb-util .social-link {
  display: inline-block;
  height: 20px;
  position: relative;
  padding-left: 20px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #555;
}
.lnb-util .social-link:after {
  content: "";
  display: block;
  width: 20px;
  height: 13px;
  position: absolute;
  top: 4px;
  left: 0;
  background: url(../images/icon_social.png) no-repeat;
}
.lnb-util .social-link.search-recent:after {
  background-position: -21px 0;
}
.lnb-util .social-link.on {
  color: #e70000;
}
.lnb-util .social-link.on:after {
  background-position: 0 -14px;
}
.lnb-util .social-link.on.search-recent:after {
  background-position: -21px -14px;
}

.lnb-util-btns {
  font-size: 0;
  padding-top: 10px;
}
.lnb-util-btns .bt {
  margin-left: 5px;
  letter-spacing: -1px;
}
.lnb-util-btns .bt:first-child {
  margin-left: 0;
}

/* 타이틀 */
.tit_style01 {
  /*padding-left:30px;*/
  /*background:url("/images/ico_tit_style01.gif") no-repeat left center;*/
  color: #222222;
  font-size: 19px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 30px;
}
.tit_style01.mts {
  margin-bottom: 15px;
}
.tit_style01 .txt {
  display: inline-block;
  vertical-align: middle;
}
.tit_style01 .bu01 {
  position: relative;
  margin-left: 13px;
  padding-left: 14px;
}
.tit_style01 .bu01:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0px;
  width: 1px;
  height: 15px;
  background: #999999;
}
.tit_style01 .bu01.red {
  color: var(--color-def-red);
}
.tit_style01 .small {
  font-size: 13px;
  color: #666666;
}
.tit_style01 h3 {
  font-weight: bold;
}

.tit_style02 {
  display: block;
  margin: 0 0 13px;
  color: var(--color-bdsplanet);
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
}
.tit_style02 .bu01 {
  font-size: 13px;
  color: #666666;
  margin-left: 4px;
}
.tit_style02 .byuk {
  position: relative;
  margin-left: 10px;
  padding-left: 12px;
  color: #222222;
  font-weight: bold;
}
.tit_style02 .byuk:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 1px;
  height: 15px;
  margin-top: -7px;
  background: #dddddd;
}

/* 라디오박스 */
.dg_radiobox.blue {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
}
.dg_radiobox.blue input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.dg_radiobox.blue label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding-left: 28px;
  /* padding-bottom: 0px; */
  /* line-height: 14px; */
  /* background: url(/images/ui_checkbox01.png) no-repeat 0 -22px; */
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.dg_radiobox.s_d01 label {
  padding-left: 21px;
}
.dg_radiobox.blue label .txt {
  font-size: 14px;
}
.dg_radiobox.blue label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
  border: 1px solid #cccccc;
  border-radius: 100%;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.dg_radiobox.blue input[type=radio] + label .check {
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  -webkit-transform: scale(0);
  transform: scale(0);
  top: 50%;
  left: 5px;
  margin-top: -4px;
  background: var(--color-bdsplanet);
  border-radius: 100%;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  /* background:url("/images/ui_checkbox01.png") no-repeat 0 0; */
}
.dg_radiobox.blue input[type=radio]:checked + label .check {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.d_radiobox_list {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  line-height: 1;
}
.d_radiobox_list .dg_radiobox {
  margin-left: 20px;
}
.d_radiobox_list .dg_radiobox.first {
  margin-left: 0;
}

/* 체크박스 */
.dg_checkbox.blue,
.dg_checkbox.blue02,
.dg_checkbox.black01 {
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dg_checkbox.blue input,
.dg_checkbox.blue02 input,
.dg_checkbox.black01 input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.dg_checkbox.blue label,
.dg_checkbox.blue02 label,
.dg_checkbox.black01 label {
  display: inline-flex;
  align-items: center;
  height: 100%;
  width: 100%;
  cursor: pointer;
  /* height: 18px; */
  /* padding-bottom: 0px; */
  /* line-height: 14px; */
  /* background: url(/images/ui_checkbox01.png) no-repeat 0 -22px; */
}
.dg_checkbox.blue .dtxt,
.dg_checkbox.blue02 .dtxt,
.dg_checkbox.black01 .dtxt {
  padding-left: 28px;
  font-size: 14px;
  line-height: 22px;
  margin-top: -3px;
}
.dg_checkbox.blue .dtxt.cate,
.dg_checkbox.blue02 .dtxt.cate,
.dg_checkbox.black01 .dtxt.cate {
  display: flex;
}
.dg_checkbox.blue .dtxt.cate > div + div,
.dg_checkbox.blue02 .dtxt.cate > div + div,
.dg_checkbox.black01 .dtxt.cate > div + div {
  margin-left: 3px;
}
.dg_checkbox.blue label:before,
.dg_checkbox.blue02 label:before,
.dg_checkbox.black01 label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}
.dg_checkbox.blue input[type=checkbox] + label .check,
.dg_checkbox.blue02 input[type=checkbox] + label .check,
.dg_checkbox.black01 input[type=checkbox] + label .check {
  display: block;
  position: absolute;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: rotate(45deg);
  /* background:url("/images/ui_checkbox01.png") no-repeat 0 0; */
  transform-origin: 0% 100%;
}
.dg_checkbox.blue input:disabled + label:before,
.dg_checkbox.blue02 input:disabled + label:before,
.dg_checkbox.black01 input:disabled + label:before {
  background: #f5f5f5;
}
.dg_checkbox.blue input:checked:disabled + label .check,
.dg_checkbox.blue02 input:checked:disabled + label .check,
.dg_checkbox.black01 input:checked:disabled + label .check {
  width: 6px;
  height: 11px;
  transform: translate3d(0, -11px, 0) rotate(45deg);
  border-color: #adadad;
  animation: none;
}

.dg_checkbox.blue {
  min-width: 18px;
  min-height: 18px;
}
.dg_checkbox.blue label .txt {
  padding-left: 28px;
  font-size: 14px;
  line-height: 22px;
  margin-top: -3px;
}
.dg_checkbox.blue label .txt.fwb {
  color: #000;
  font-weight: bold;
}
.dg_checkbox.blue label:before {
  width: 16px;
  height: 16px;
  border: 1px solid #cccccc;
  background: #fff;
  border-radius: 2px;
}
.dg_checkbox.blue input[type=checkbox] + label .check {
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: rotate(45deg);
  top: 9px;
  left: 3px;
  /* background:url("/images/ui_checkbox01.png") no-repeat 0 0; */
}
.dg_checkbox.blue input[type=checkbox]:checked + label .check {
  border-color: var(--color-bdsplanet);
  animation: checkbox-check 125ms 0ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
.dg_checkbox.blue input:checked:disabled + label .check {
  width: 6px;
  height: 11px;
  transform: translate3d(0, -11px, 0) rotate(45deg);
  border-color: #adadad;
  animation: none;
}

@keyframes checkbox-check {
  0% {
    width: 0;
    height: 0;
    transform: translate3d(0, 0, 0) rotate(45deg);
  }
  33% {
    width: 6px;
    height: 0;
    transform: translate3d(0, -1px, 0) rotate(45deg);
  }
  100% {
    width: 6px;
    height: 11px;
    transform: translate3d(0, -11px, 0) rotate(45deg);
  }
}
.dg_checkbox.blue02 {
  min-width: 22px;
  min-height: 22px;
}
.dg_checkbox.blue02 label .txt {
  padding-left: 30px;
  font-size: 14px;
  line-height: 22px;
}
.dg_checkbox.blue02 label:before {
  width: 20px;
  height: 20px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background: #fff;
}
.dg_checkbox.blue02 input[type=checkbox] + label {
  /* background:url("/images/ui_checkbox01.png") no-repeat 0 0; */
}
.dg_checkbox.blue02 input[type=checkbox] + label .check {
  top: 12px;
  left: 6px;
}
.dg_checkbox.blue02 input[type=checkbox]:checked + label .check {
  border-color: #fff;
  animation: checkbox-check 125ms 0ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}
.dg_checkbox.blue02 input[type=checkbox]:checked + label:before {
  background: #0481e2;
  border-color: #0481e2;
}
.dg_checkbox.blue02 input:checked:disabled + label .check {
  width: 6px;
  height: 11px;
  transform: translate3d(0, -11px, 0) rotate(45deg);
  border-color: #adadad;
  animation: none;
}

.dg_checkbox.black01 {
  min-width: 22px;
  min-height: 22px;
}
.dg_checkbox.black01 label .txt {
  padding-left: 30px;
  font-size: 14px;
  line-height: 22px;
}
.dg_checkbox.black01 label:before {
  width: 20px;
  height: 20px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background: #fff;
}
.dg_checkbox.black01 input[type=checkbox] + label {
  /* background:url("/images/ui_checkbox01.png") no-repeat 0 0; */
}
.dg_checkbox.black01 input[type=checkbox] + label .check {
  top: 12px;
  left: 6px;
  border-color: #fff;
  width: 6px;
  height: 11px;
  transform: translate3d(0, -11px, 0) rotate(45deg);
  border-color: #ccc;
}
.dg_checkbox.black01 input[type=checkbox]:checked + label .check {
  border-color: #fff;
}
.dg_checkbox.black01 input[type=checkbox]:checked + label:before {
  background: #444444;
  border-color: #444444;
}
.dg_checkbox.black01 input:checked:disabled + label .check {
  width: 6px;
  height: 11px;
  transform: translate3d(0, -11px, 0) rotate(45deg);
  border-color: #adadad;
  animation: none;
}

.dg_c_r_bu {
  display: block;
}

.d_checkbox_list {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
}
.d_checkbox_list .dg_checkbox {
  margin-left: 20px;
}
.d_checkbox_list .dg_checkbox.first {
  margin-left: 0;
}

/*



███    ██ ███████ ██     ██      ██████ ██   ██ ███████  ██████ ██   ██ ██████   ██████  ██   ██
████   ██ ██      ██     ██     ██      ██   ██ ██      ██      ██  ██  ██   ██ ██    ██  ██ ██
██ ██  ██ █████   ██  █  ██     ██      ███████ █████   ██      █████   ██████  ██    ██   ███
██  ██ ██ ██      ██ ███ ██     ██      ██   ██ ██      ██      ██  ██  ██   ██ ██    ██  ██ ██
██   ████ ███████  ███ ███       ██████ ██   ██ ███████  ██████ ██   ██ ██████   ██████  ██   ██



*/
/* 체크박스 */
.t_boxst {
  margin-top: 10px;
  padding: 1px 0 0;
  font-size: 0;
}
.t_boxst:first-child {
  margin-top: -1px;
}
.t_boxst li {
  display: inline-block;
}
.t_boxst.three li {
  width: 33%;
}
.t_boxst.four li {
  width: 25%;
}
.t_boxst.five li {
  width: 20%;
}
.t_boxst.two li {
  width: 50%;
}
.t_boxst.one li {
  width: 100%;
}

/*.t_boxst.three li:nth-child(3n){
	width:34%
}*/
.dg_boxst {
  position: relative;
  margin: -1px -1px 0 0;
  line-height: 1;
}
.dg_boxst input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.dg_boxst label,
.dg_boxst a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #ddd;
  height: 37px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #666666;
  font-size: 14px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
}
.dg_boxst input[type=checkbox]:checked + label, .dg_boxst input[type=radio]:checked + label {
  position: relative;
  z-index: 1;
  background: #eff9ff;
  border: 1px solid #8bcff6;
  color: var(--color-bdsplanet);
}
.dg_boxst a.on {
  position: relative;
  z-index: 1;
  background: #eff9ff;
  border: 1px solid #8bcff6;
  color: var(--color-bdsplanet);
}

.dg_radiowon {
  position: relative;
}
.dg_radiowon input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.dg_radiowon label,
.dg_radiowon a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 35px;
  border: 1px solid #e5e5e5;
  border-radius: 19px;
  color: #666666;
  font-size: 14px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  text-align: center;
  word-break: break-all;
  cursor: pointer;
}
.dg_radiowon input[type=checkbox]:checked + label, .dg_radiowon input[type=radio]:checked + label {
  background: #eff9ff !important;
  border: 1px solid #8bcff6 !important;
  color: var(--color-bdsplanet);
  position: relative;
  z-index: 1;
  /* font-weight: bold; */
}
.dg_radiowon a.on {
  background: #eff9ff !important;
  border: 1px solid #8bcff6 !important;
  color: var(--color-bdsplanet);
  position: relative;
  z-index: 1;
  /* font-weight: bold; */
}

.t_radiowon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0;
}
.t_radiowon.two li {
  width: 49%;
  margin-right: 2%;
}
.t_radiowon.two li:nth-child(2n) {
  margin-right: 0;
}
.t_radiowon.two li:nth-child(-n+2) {
  margin-top: 0 !important;
}
.t_radiowon.three li {
  width: 32%;
  margin-right: 2%;
}
.t_radiowon.three li:nth-child(3n) {
  margin-right: 0;
}
.t_radiowon li {
  margin-top: 7px;
}

.t_boxst.t_radiowon {
  display: block;
}

.t_radiowon.three li:nth-child(-n+3) {
  margin-top: 0;
}
.t_radiowon.four li {
  width: 23.5%;
  margin-right: 2%;
}
.t_radiowon.four li:nth-child(-n+4) {
  margin-top: 0 !important;
}
.t_radiowon.four li:nth-child(4n) {
  margin-right: 0;
}

.dg_cr_input_box {
  display: flex;
  align-items: center;
}
.dg_cr_input_box .d_input_txt {
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
}
.dg_cr_input_box .d_input_txt .txt {
  margin-right: 8px;
}

.s_rc_ul.mt {
  margin-top: 15px;
}
.s_rc_ul.mt02 {
  margin-top: 10px;
}
.s_rc_ul li {
  margin-top: 10px;
}
.s_rc_ul li:first-child {
  margin-top: 0;
}
.s_rc_ul li em.gray {
  color: #999999;
}
.s_rc_ul li em.blue {
  color: var(--color-bdsplanet);
}
.s_rc_ul li .de {
  text-decoration: underline;
}

/* 폼 스타일 */
.d_file_area.style01 {
  font-size: 0;
}
.d_file_area.style01 .file_category {
  width: 100px;
  margin-right: 5px;
  vertical-align: top;
}
.d_file_area.style01 .d_file01 {
  position: relative;
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
}
.d_file_area.style01 .d_file01 label {
  z-index: 1;
  width: 100px;
  cursor: pointer;
}
.d_file_area.style01 .d_file01 input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
}
.d_file_area.style01 .file_list {
  display: inline-block;
  vertical-align: middle;
}
.d_file_area.style01 .file_list .file {
  display: inline-block;
}
.d_file_area.style01 .file_list.file_name .file {
  padding-left: 14px;
  background: url("/images/ico_file01.png") no-repeat 0 center;
  color: #6a8395;
  font-size: 13px;
}
.d_file_area.style01 .file_list.file_name .file em {
  border-bottom: 1px solid #6a8395;
}
.d_file_area.style01 .file_list.file_none em {
  color: #999999;
  font-size: 13px;
}
.d_file_area.style01 .btn_file_del {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url("/images/btn_file_del.png") no-repeat 0 center;
  vertical-align: -7px;
}
.d_file_area.style01 .file_list.file_none + .btn_file_del {
  display: none;
}
.d_file_area.style02 {
  position: relative;
  font-size: 0;
}
.d_file_area.style02 .file_category {
  width: 100px;
  margin-right: 5px;
}
.d_file_area.style02 .d_file01 {
  position: absolute;
  top: 0px;
  right: 0px;
  display: inline-block;
  vertical-align: middle;
}
.d_file_area.style02 .d_file01 label {
  z-index: 1;
  width: 120px;
  cursor: pointer;
}
.d_file_area.style02 .d_file01 input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
}
.d_file_area.style02 .ff {
  padding-right: 130px;
  vertical-align: middle;
}
.d_file_area.style02 .file_list {
  display: block;
  width: 100%;
  height: 34px;
  padding: 9px 0 0 8px;
  border: 1px solid #bbbbbb;
  border-radius: 4px;
}
.d_file_area.style02 .file_list .file {
  display: inline-block;
}
.d_file_area.style02 .file_list.file_name .file {
  color: #666666;
  font-size: 13px;
}
.d_file_area.style02 .file_list.file_none em {
  color: #999999;
  font-size: 13px;
}
.d_file_area.style02 .btn_file_del {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url("/images/btn_file_del.png") no-repeat 0 center;
  vertical-align: -7px;
}
.d_file_area.style02 .file_list.file_none + .btn_file_del {
  display: none;
}

.d_file01 .btns {
  cursor: pointer;
}
.d_file01 input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
  opacity: 0;
}

.d_filename {
  display: none;
  margin-top: 10px;
  line-height: 1;
}
.d_filename .txt {
  color: #7790ad;
  text-decoration: underline;
}
.d_filename.on {
  display: block;
}

.d_file_area.style03 {
  position: relative;
  font-size: 0;
}
.d_file_area.style03 .file_category {
  width: 100px;
  margin-right: 5px;
}
.d_file_area.style03 .d_file01 {
  display: inline-block;
  vertical-align: middle;
}
.d_file_area.style03 .d_file01 label {
  z-index: 1;
  width: 100%;
  cursor: pointer;
}
.d_file_area.style03 .d_file01 input {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
}
.d_file_area.style03 .d_file01.file_on {
  position: absolute;
  top: -9999px;
  left: -9999px;
  opacity: 0;
}
.d_file_area.style03 .ff {
  padding-right: 130px;
  vertical-align: middle;
}
.d_file_area.style03 .file_list .file {
  display: inline-block;
}
.d_file_area.style03 .file_list.file_name .file {
  color: #666666;
  font-size: 13px;
}
.d_file_area.style03 .file_list.file_none {
  display: none;
}
.d_file_area.style03 .btn_file_del {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: url("/images/btn_file_del.png") no-repeat 0 center;
  vertical-align: -3px;
}
.d_file_area.style03 .file_list.file_name {
  display: inline;
  color: #6a8395;
  text-decoration: underline;
}
.d_file_area.style03 .file_list.file_name .file {
  display: inline;
  color: #6a8395;
  text-decoration: underline;
}
.d_file_area.style03 .file_list.file_none + .btn_file_del {
  display: none;
}

.d_input {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.d_input .aa {
  width: 100%;
  height: 100%;
  position: absolute;
}
.d_input .input_esc {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 11px;
  height: 11px;
  margin-top: -5px;
  background: url(/images/ui_btn_x.png) no-repeat left -24px;
}
.d_input .input_esc02 {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 17px;
  height: 17px;
  margin-top: -8px;
  background: url(/images/input_esc.png) no-repeat 0 0;
}
.d_input .input_danview {
  position: absolute;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
}

.bt + .d_input .input_danview {
  padding: 7px 45px 8px;
}

.d_input .input_danview {
  display: none;
  top: 1px;
  left: 1px;
  padding: 7px 9px 8px;
  align-items: center;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.5px;
  background: #fff;
  /* border: 1px solid #ddd; */
  overflow: hidden;
  justify-content: flex-end;
}
.d_input .input_danview.on {
  display: flex;
}
.d_input.txt_r input {
  text-align: right;
}
.d_input.style01 input {
  width: 100%;
  height: 100%;
  padding: 7px 9px 8px;
  border: 1px solid #dddddd;
  color: #222;
  letter-spacing: -0.5px;
  font-size: 15px;
  border-radius: 2px;
  font-weight: 500;
}
.d_input.style01 input[type=password] {
  letter-spacing: 1px !important;
  font: small-caption;
  font-size: 16px;
}
.d_input.style01 input:disabled {
  background: #f5f5f5;
}
.d_input.style01 input:focus, .d_input.style01 input.on {
  outline: none;
  border: 1px solid var(--color-bdsplanet);
}

.d_input.style01 input::placeholder {
  color: #999 !important;
  font-weight: 400;
  font-size: 14px;
}

.d_input.style01 input[type=password]::placeholder {
  letter-spacing: -0.5px !important;
  font-size: 14px !important;
  font-family: var(--font-default) !important;
  font-weight: 400;
}

textarea::-webkit-input-placeholder, textarea:-ms-input-placeholder, textarea:-mos-input-placeholder {
  color: #999 !important;
}

.d_txtarea.style01 {
  width: 100%;
  height: 80px;
  border: 1px solid #ddd;
  padding: 6px 9px 8px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.d_txtarea.style01::placeholder {
  color: #999 !important;
  letter-spacing: -0.5px;
  font-weight: 400;
}

.d_input.esc02 input {
  padding-right: 32px;
}
.d_input.ja {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 45px;
}
.d_input.ja.style01 input[type=password] {
  padding-bottom: 10px;
}

.d_input_rt {
  display: inline-block;
}
.d_input_rt .dtxt {
  margin-left: 7px;
  font-size: 13px;
  vertical-align: middle;
}
.d_input_rt .dtxt .red {
  color: var(--color-def-red);
}
.d_input_rt .dt {
  display: inline-block;
  margin-right: 10px;
  color: #000;
  font-size: 13px;
  vertical-align: middle;
}

.d_input_lw {
  position: relative;
}
.d_input_lw .location_widget ul {
  border: 1px solid #bbb;
  padding: 0 !important;
}

.d_select {
  display: inline-block;
  vertical-align: top;
}
.d_select select {
  width: 100%;
  height: 36px;
  text-indent: 5px;
  border: 1px solid #ddd;
  color: #222;
  font-size: 14px;
}
.d_select.st01 {
  position: relative;
}
.d_select.st01 select {
  appearance: none;
  text-indent: 0px;
  padding-left: 10px;
  background: #fff url("/images/select_ico01.png") no-repeat right 10px center;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .d_select select {
    padding: 7px 8px 8px 8px;
  }
}
.dt_input {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.dt_input dt {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
}
.dt_input dd {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
}
.dt_input dd .d_select {
  margin-left: 5px;
}
.dt_input dd .d_select:first-child {
  margin-left: 0;
}
.dt_input dt {
  color: #000000;
}
.dt_input dt.no_bold {
  color: #666666;
}
.dt_input dd {
  margin-left: 10px;
  font-size: 0;
}
.dt_input dd.ml15 {
  margin-left: 15px;
}
.dt_input .btn_da {
  margin-left: 10px;
  vertical-align: middle;
}

.input_pay_wish_day {
  font-size: 0;
}
.input_pay_wish_day .sel {
  display: inline-block;
  vertical-align: middle;
}
.input_pay_wish_day .chka {
  display: inline-block;
  vertical-align: middle;
  margin-left: 40px;
}
.input_pay_wish_day .sel .d_select {
  margin-left: 10px;
}
.input_pay_wish_day .sel .d_select:first-child {
  margin-left: 0;
}

.input_phone_area {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.input_phone_area .d_input {
  width: 60px;
}
.input_phone_area .dash {
  display: inline-block;
  margin: 0 7px;
  font-size: 13px;
  vertical-align: middle;
}

.d_address_ja {
  position: relative;
  padding-right: 85px;
}
.d_address_ja .btns {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 80px;
  height: 100%;
}
.d_address_ja .inputarea .d_input {
  margin-top: 5px;
}
.d_address_ja .inputarea .d_input:first-child {
  margin-top: 0;
}

.phone_number_add {
  font-size: 0;
}
.phone_number_add .dt_input {
  position: relative;
  margin-left: 40px;
}
.phone_number_add .dt_input:first-child {
  margin-left: 0;
}
.phone_number_add .dt_input .btn_da {
  position: absolute;
  right: -70px;
  top: 0px;
}

.pay_number_input .dt_input {
  margin-left: 35px;
}
.pay_number_input .dt_input:first-child {
  margin-left: 0;
}
.pay_number_input .dt_input:nth-child(2) {
  display: block;
  text-align: left;
  margin: 22px 0 0 0;
}
.pay_number_input .dt_input:nth-child(2) .d_input_rt .dt {
  width: 58px;
}
.pay_number_input .dt_input:last-child {
  position: absolute;
  top: 33px;
  right: 275px;
}

.pay_ad_gwan_input {
  position: relative;
}
.pay_ad_gwan_input .d_checkbox_list {
  position: absolute;
  top: 6px;
  left: 455px;
}

.d_calendar_area {
  font-size: 0;
}
.d_calendar_area .d_input {
  position: relative;
}
.d_calendar_area .dash {
  display: inline-block;
  margin: 0 7px;
  font-size: 13px;
  vertical-align: middle;
}
.d_calendar_area .d_input input {
  padding-right: 35px;
}
.d_calendar_area .d_input:before,
.d_calendar_area .d_input .cal,
.d_calendar_area .d_input label {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 9px;
  width: 16px;
  height: 16px;
  background: url("/images/ui_ico.png") no-repeat -150px 0;
}
.d_calendar_area .d_input.la:before {
  content: normal;
}

.d_search_area {
  font-size: 0;
  vertical-align: middle;
}
.d_search_area .dd {
  margin-left: 5px;
}
.d_search_area .dd:first-child {
  margin-left: 0;
}
.d_search_area .enter {
  position: relative;
}
.d_search_area .enter input {
  padding-right: 37px;
}
.d_search_area .ico_search01 {
  display: block;
  position: absolute;
  top: 4px;
  right: 7px;
  width: 25px;
  height: 25px;
  background: url("/images/ico_search01.png") no-repeat center;
}

.d_input_rightbtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.d_input_rightbtn .btns {
  width: 80px;
  height: 45px;
  margin-left: 5px;
  border-radius: 2px;
}
.d_input_rightbtn .btns label.btns {
  margin-left: 0;
}
.d_input_rightbtn.double_check .btnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 160px;
  height: 100%;
  margin-left: 5px;
}
.d_input_rightbtn.double_check .btns {
  position: relative;
  margin-left: 0;
}
.d_input_rightbtn.double_check .btns:last-child {
  border-left: 0;
}

.d_input_alert .alert {
  display: block;
  line-height: 1;
  margin-top: 8px;
  color: var(--color-def-red);
  font-size: 13px;
}
.d_input_alert .alert.red {
  color: var(--color-def-red);
}
.d_input_alert .alert.blue {
  color: var(--color-bdsplanet);
}
.d_input_alert .alert:empty {
  display: none;
}

.bds-input-addfile input[type=file] {
  color: #666;
}
.bds-input-addfile input[type=file]::file-selector-button {
  cursor: pointer;
  width: 80px;
  height: 30px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  color: var(--color-bdsplanet);
  font-size: 14px;
  font-family: var(--font-default);
  font-weight: 500;
  margin-right: 10px;
}

/*



██████  ███████ ███████  █████  ██    ██ ██   ████████     ██  ██████  ██████  ███    ██
██   ██ ██      ██      ██   ██ ██    ██ ██      ██        ██ ██      ██    ██ ████   ██
██   ██ █████   █████   ███████ ██    ██ ██      ██        ██ ██      ██    ██ ██ ██  ██
██   ██ ██      ██      ██   ██ ██    ██ ██      ██        ██ ██      ██    ██ ██  ██ ██
██████  ███████ ██      ██   ██  ██████  ███████ ██        ██  ██████  ██████  ██   ████



*/
a.btn-bef-init-gray {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #999;
  font-size: 14px;
}

.btn-bef-init-gray:before {
  content: "";
  display: block;
  width: 16px;
  height: 13px;
  margin-right: 5px;
  background: url("/images/ui_ico.png") no-repeat -24px -54px;
}

.btn-af-ops {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.btn-af-ops.type-open:after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 8px;
  background: url("/images/ui_ico.png") no-repeat -152px -64px;
}

.ui_b_alone:before {
  content: "";
  display: inline-block;
  background: url("/images/ui_ico.png") no-repeat 0 0;
}
.ui_b_alone.wt_mapview:before {
  width: 8px;
  height: 12px;
  background-position: -187px 0;
}

.ico_dot {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ico_dot:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  vertical-align: middle;
  background: url("/images/ui_ico.png") no-repeat -70px 0;
}

.ico_dot_14 {
  text-indent: -8px;
  padding-left: 8px;
}
.ico_dot_14:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 3px;
  height: 3px;
  margin-right: 5px;
  margin-bottom: 3px;
  background: url("/images/ui_ico.png") no-repeat 0px 0;
}
.ico_dot_14.gray:before {
  background-position: -80px 0;
}

.ico_main_dot_14_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  margin-bottom: 15px;
}
.ico_main_dot_14_tit:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 7px;
  height: 7px;
  border-radius: 100%;
  background: #4f5f72;
  margin-right: 8px;
}

.dot_14_jik {
  text-indent: -8px;
  padding-left: 8px;
}
.dot_14_jik:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 2px;
  margin-right: 5px;
  margin-bottom: 3px;
}
.dot_14_jik.sky:before {
  background: var(--color-bdsplanet);
}

.ui_heart {
  display: block;
  width: 12px;
  height: 11px;
  background: url("/images/ui_love.png") no-repeat left -15px;
}
.ui_heart.on {
  background-position: left -32px;
}

.ico_dandok {
  display: inline-block;
}
.ico_dandok.more01 {
  width: 17px;
  height: 17px;
  background: url("/images/bg_btn_more.png") no-repeat 0 0;
}

.bfico_camera_yblue:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-right: 5px;
  background: url("/images/ui_ico.png") no-repeat -71px -238px;
}

.bfico_minihome_yblue:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 11px;
  margin-right: 5px;
  background: url("/images/ui_ico.png") no-repeat -99px -237px;
}

.bfico_maphome_yblue:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 11px;
  margin-right: 5px;
  background: url("/images/ui_ico.png") no-repeat -125px -237px;
}
.bfico_maphome_yblue.off:before {
  background-position: -50px -220px;
}

.bfico_all_view:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 13px;
  margin-right: 7px;
  background: url("/images/ui_ico.png") no-repeat -72px -260px;
}

.bfico_wonk:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 7px;
  background: url("/images/ui_ico.png") no-repeat -72px -283px;
}

.bfico_regi:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("/images/ui_ico.png") no-repeat -114px -282px;
}

.bfico_pmg:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("/images/ui_ico.png") no-repeat -154px -282px;
}

.bfico_hmg:before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url("/images/ui_ico.png") no-repeat -194px -282px;
}

.bfico_plus01:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background: url("/images/icon_plus.png") no-repeat 0 0;
}

/*



████████  █████  ██████
	██    ██   ██ ██   ██
	██    ███████ ██████
	██    ██   ██ ██   ██
	██    ██   ██ ██████



*/
.tabmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 0 20px;
}
.tabmenu > a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 46px;
  color: #666666;
  background: #fafafa;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #cccccc;
  border-left: none;
}
.tabmenu > a:first-child {
  border-left: 1px solid #e5e5e5;
}
.tabmenu > a.on {
  position: relative;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #fff;
  border-bottom: none;
  color: #222;
  font-weight: bold;
}
.tabmenu > a.on:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -1px;
  width: 1px;
  height: 100%;
  background: #ccc;
}

.page_tabmenu {
  display: flex;
  justify-content: center;
  position: absolute;
  top: -60px;
  left: 0px;
  width: 100%;
  height: 60px;
  line-height: 1;
  z-index: 2;
}
.page_tabmenu.no_ab {
  position: relative;
  top: auto;
}
.page_tabmenu .tab a {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 100%;
  color: #666;
  font-size: 14px;
}
.page_tabmenu .tab a.on {
  color: #222;
  font-weight: bold;
}
.page_tabmenu .tab a.on:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #444444;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}
.page_tabmenu.bgwhite {
  background-color: #fff;
}
.page_tabmenu.line:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}

.ytp-tab {
  display: flex;
  background: #fff;
}
.ytp-tab a {
  position: relative;
  flex: 1;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #999999;
  font-size: 14px;
  border-bottom: 1px solid #eee;
}
.ytp-tab a .count {
  margin-left: 2px;
}
.ytp-tab a.on {
  color: #222;
}
.ytp-tab a.on .txt,
.ytp-tab a.on .area {
  font-weight: 600;
}
.ytp-tab a.on .count {
  font-weight: bold;
}
.ytp-tab a.on:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #222;
  position: absolute;
  bottom: -1px;
  left: 0px;
}

.jHome .ytp-tab a.on:after {
  content: normal;
}

/*



██████   █████   ██████  ███████ ██████
██   ██ ██   ██ ██       ██      ██   ██
██████  ███████ ██   ███ █████   ██████
██      ██   ██ ██    ██ ██      ██   ██
██      ██   ██  ██████  ███████ ██   ██



*/
.yt_pager {
  font-size: 0;
  line-height: 1;
}
.yt_pager div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.yt_pager a {
  display: inline-block;
}
.yt_pager.won01 a {
  width: 8px;
  height: 8px;
  border-radius: 100%;
}
.yt_pager.won01 .bx-pager-item {
  margin-left: 10px;
}
.yt_pager.won01 .bx-pager-item:first-child {
  margin-left: 0;
}
.yt_pager.won01.gray a {
  background: #cacfd4;
}
.yt_pager.won01.gray a.active {
  background: #4f5f72;
}

/*



███████ ████████  ██████
██         ██    ██
█████      ██    ██
██         ██    ██
███████    ██     ██████



*/
.dae_btn_area {
  margin-top: 20px;
  font-size: 0;
}
.dae_btn_area.alone {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.dae_btn_area.mt {
  margin-top: 40px;
}
.dae_btn_area.center {
  text-align: center;
}
.dae_btn_area .btns {
  margin-left: 10px;
}
.dae_btn_area .btns:first-child {
  margin-left: 0;
}

.pagebtn {
  margin-top: 40px;
  margin-bottom: 60px;
}
.pagebtn .btns {
  width: 150px;
}

.red_alert01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-def-red);
  line-height: 1;
}
.red_alert01:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background: url("/images/ui_ico.png") no-repeat -101px -26px;
}

.con_readme01 {
  line-height: 22px;
}
.con_readme01.yblue .li {
  color: #6a8395;
}

.def_readme {
  padding: 17px 15px;
  line-height: 20px;
}
.def_readme.gray {
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  background: #fafafa;
}
.def_readme.gray li {
  color: #666;
}

/* ui image */
.ui_img_btn_close01 {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/images/ui_btn_x.png?v=u9uu8cr") no-repeat 0 0;
}

.ui_img_btn_close02 {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/images/ui_btn_x.png?v=u9uu8cr") no-repeat 0 -48px;
}

.ui_img_btn_close03 {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/images/ui_btn_x.png?v=u9uu8cr") no-repeat 0 -141px;
}

/* 테이블 */
.con_tbl_list .table_area {
  margin-top: 10px;
}
.con_tbl_list .table_area:first-child {
  margin-top: 0;
}

table .vt {
  vertical-align: top;
}
table .input_mg {
  margin: -6px 0 -8px;
}
table .tbl_bt {
  margin-left: 20px;
}

.table_area {
  position: relative;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.table_area table {
  position: relative;
  table-layout: fixed;
  width: 100%;
  word-break: break-all;
}
.table_area .tbl_util {
  position: absolute;
  top: -37px;
  right: 0px;
}
.table_area + .table_area {
  margin-top: 10px;
}
.table_area .btn-with-readme {
  display: flex;
  align-items: center;
  margin: -5px 0;
}
.table_area .btn-with-readme .btn-phone-cetifi {
  width: 125px;
  height: 35px;
  border: 1px solid #8bcff6;
  border-radius: 2px;
}
.table_area .btn-with-readme .btn-phone-cetifi .txt {
  color: var(--color-bdsplanet);
}
.table_area .btn-with-readme .readme {
  flex: 1;
  margin-left: 10px;
  color: #7790ad;
}

.type_ing {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 10px;
  height: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  font-size: 13px;
  border: 1px solid;
}
.type_ing.gray {
  border-color: #666;
  color: #666;
}
.type_ing.red {
  border-color: #ec1d23;
  color: #ec1d23;
}

.nam_readme {
  display: block;
  margin-top: 20px;
  padding-left: 15px;
  color: #7790ad;
}

.jun_day {
  font-size: 13px;
  color: #999999;
}

.tbl_top_readme {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1;
  margin-bottom: 15px;
}
.tbl_top_readme .nam_readme {
  margin: 0;
  padding: 0;
}

table .wr_one_line {
  overflow: hidden;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fixheight_46 tr td {
  height: 46px;
  padding-top: 1px !important;
  padding-bottom: 0px !important;
}
.fixheight_46 tr td.td_dong {
  line-height: 16px;
}

.table_area + .more_tbl_btn_area {
  margin-top: 20px;
}

.more_tbl_btn_area {
  text-align: center;
}
.more_tbl_btn_area.mt0 {
  margin-top: 0;
}

.btn_tbl_more01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 200px;
  height: 36px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #dddddd;
}
.btn_tbl_more01 span {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  color: #222222;
  font-size: 14px;
  line-height: 1;
}
.btn_tbl_more01:after {
  content: "";
  display: block;
  width: 7px;
  height: 4px;
  background: url("/images/ui_ico.png") no-repeat 0 -200px;
}
.btn_tbl_more01.on:after {
  background-position: -11px -200px;
}

.malpu_tit {
  position: relative;
  z-index: 10;
}
.malpu_tit .tit_area {
  display: inline-block;
}
.malpu_tit .tit_area .t_tit {
  color: #222;
}
.malpu_tit .ico_mal {
  margin-left: 6px;
  vertical-align: -5px;
  cursor: help;
}
.malpu_tit .malpu_box {
  top: 50%;
}

.ico_alert_box {
  margin-top: 20px;
  border: 1px dashed #e5e5e5;
}
.ico_alert_box .ww {
  padding: 14px;
  text-align: center;
}
.ico_alert_box .ww .txt {
  display: inline-block;
  padding: 3px 0 1px 27px;
  background: url("/images/ico_alert01.png") no-repeat left top;
  color: #222222;
  font-size: 13px;
}

.pagenate_area {
  position: relative;
  margin-top: 30px;
}
.pagenate_area + .btn_dae_area {
  margin-top: 20px !important;
}
.pagenate_area .pagenate {
  text-align: center;
  font-size: 0;
}
.pagenate_area .pagenate .ctrl {
  display: inline-block;
  vertical-align: middle;
}
.pagenate_area .pagenate .ctrl.su {
  margin-left: 2px;
}
.pagenate_area .pagenate .ctrl.su a {
  position: relative;
  padding-top: 6px;
  color: #999999;
}
.pagenate_area .pagenate .ctrl.su a:hover:before, .pagenate_area .pagenate .ctrl.su a:focus:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: #bbbbbb;
}
.pagenate_area .pagenate .ctrl.su.on a {
  color: #222222;
  font-weight: bold;
}
.pagenate_area .pagenate .ctrl.su.on a:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: #222222;
}
.pagenate_area .pagenate .ctrl a {
  display: block;
  width: 30px;
  height: 30px;
  font-size: 13px;
}
.pagenate_area .pagenate .ctrl.ii.first {
  margin-right: 5px;
}
.pagenate_area .pagenate .ctrl.ii.prev {
  margin-right: 9px;
}
.pagenate_area .pagenate .ctrl.ii a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #dddddd;
}
.pagenate_area .pagenate .ctrl.ii a:before {
  content: "";
  display: inline-block;
  background: url("/images/ui_pagenate.png") no-repeat 0 0;
}
.pagenate_area .pagenate .ctrl.ii.first a:before {
  width: 8px;
  height: 7px;
  background-position: 0 0;
}
.pagenate_area .pagenate .ctrl.ii.prev a:before {
  width: 4px;
  height: 7px;
  background-position: -37px 0;
}
.pagenate_area .pagenate .ctrl.ii.next a:before {
  width: 4px;
  height: 7px;
  background-position: -56px 0;
}
.pagenate_area .pagenate .ctrl.ii.last a:before {
  width: 8px;
  height: 7px;
  background-position: -89px 0;
}
.pagenate_area .pagenate .ctrl.ii.next {
  margin-left: 11px;
}
.pagenate_area .pagenate .ctrl.ii.last {
  margin-left: 5px;
}

/* UNIQID */
/* 버튼 만들기
<div class="btns 넣고싶은 클래스">
    <span class="txt">텍스트</span>
</div>
*/
header {
  position: sticky;
  top: 0;
  width: 100%;
  height: 60px;
  background: #fff;
  padding: 0 24px;
  border-bottom: 1px solid #dddddd;
  transition: 0.2s ease-out;
  line-height: 1;
  font-size: 0px;
}
header.noline {
  border-bottom: 0;
}
header.full {
  z-index: 1000;
}

.header_content {
  position: relative;
  z-index: 1;
  width: auto;
  height: 100%;
}

#logo {
  position: absolute;
  top: 0px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}
#logo h1 {
  width: 133px;
  height: 28px;
  background: url("/images/logo_new01.png") no-repeat left top;
}

.go_idea {
  position: absolute;
  top: 44px;
  left: 208px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}
.go_idea:after {
  content: "";
  display: block;
  width: 12px;
  height: 10px;
  margin-left: 5px;
  margin: -1px 0 0 5px;
  background: url("/images/go_idea.png") no-repeat 0 -14px;
}
.go_idea span {
  color: #939598;
  font-size: 13px;
}

nav {
  line-height: 1;
  margin-top: 24px;
  text-align: center;
}
nav li {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-left: 32px;
}
nav li:first-child {
  margin-left: 0;
}
nav li > a {
  position: relative;
  padding-bottom: 18px;
  color: #222222;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: -0.25px;
}
nav li > a:after {
  content: "";
  display: block;
  width: 0;
  margin: 21px auto 0;
}
nav li > a .new {
  display: block;
  position: absolute;
  width: 20px;
  height: 6px;
  background: url("/images/gnb_new.png") no-repeat 0 -10px;
  top: -7px;
  right: -9px;
}
nav li > a .beta {
  display: block;
  position: absolute;
  width: 21px;
  height: 8px;
  background: url("/images/gnb_beta02.png") no-repeat 0 -16px;
  top: -9px;
  right: -12px;
}
nav li > a:hover {
  color: var(--color-bdsplanet);
}
nav li > a:hover:after {
  width: 100%;
  left: 0;
}
nav li.on a {
  color: #129ded;
}
nav li.on > a:after {
  width: 100%;
  left: 0;
}
nav .subgnb {
  position: absolute;
  left: 50%;
  visibility: hidden;
  top: 70%;
  white-space: nowrap;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  opacity: 0;
  transition: 0.2s ease-out;
}
nav .subgnb.on {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
nav .subgnb.st01 a {
  position: relative;
  align-items: center;
  margin: 0 0 0 30px;
}
nav .subgnb.st01 a:first-child {
  margin: 0;
}
nav .subgnb.st01 a span {
  color: #666;
  font-size: 16px;
}
nav .subgnb.st01 a:hover span {
  text-shadow: 0px 0px 1px #222;
  color: #222;
}
nav.left {
  padding-left: 193px;
  text-align: left;
}
nav.right {
  padding-right: 368px;
  text-align: right;
}
nav.test {
  padding-left: 196px;
  margin-top: 0;
  height: 100%;
}
nav.test ul,
nav.test li,
nav.test li > a {
  height: 100%;
}
nav.test li {
  margin-left: 30px;
}
nav.test li > a {
  display: flex;
  align-items: center;
  font-size: 16px;
  padding-bottom: 0;
}
nav.test li > a .new {
  top: 13px;
}
nav.test li:first-child {
  margin-left: 0;
}

.nav-sub-bg {
  visibility: hidden;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  height: 0;
  background: #fff;
  transition: 0.2s ease-out;
}
.nav-sub-bg.on {
  visibility: visible;
  height: 60px;
}
.nav-sub-bg:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.nav-sub-bg:before {
  z-index: 1;
  height: 5px;
  background: #fff;
}
.nav-sub-bg:after {
  z-index: 0;
  height: 129px;
  box-shadow: 0px 0px 9px 5px rgba(0, 0, 0, 0.1);
}

nav .subgnb.st01 {
  height: 60px;
  padding-top: 21px;
}

.header_content .util_area {
  display: flex;
  gap: 8px;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translate(0, -50%);
  align-items: center;
  line-height: 1;
}
.header_content .util_area .j_zone,
.header_content .util_area .tp_premium {
  display: inline-flex;
  height: 24px;
  padding: 0px 12px;
  align-items: center;
  border-radius: 15px;
  border: 1px solid transparent;
  /* border: 1px solid #B2D9F6; */
  text-align: center;
}
.header_content .util_area .j_zone span,
.header_content .util_area .tp_premium span {
  font-size: 13px;
  font-weight: bold;
}
.header_content .util_area .j_zone {
  background: #e7f1ff;
}
.header_content .util_area .j_zone span {
  color: #3b7ed8;
}
.header_content .util_area .tp_premium {
  margin-left: 3px;
  background: #1c54bc;
}
.header_content .util_area .tp_premium span {
  color: #ffe776;
}
.header_content .util_area ul {
  display: inline-block;
  margin-right: 10px;
}
.header_content .util_area li {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding: 0 8px;
  vertical-align: middle;
}
.header_content .util_area li:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0px;
  width: 1px;
  height: 12px;
  background: #dddddd;
}
.header_content .util_area li:first-child {
  padding-left: 0;
}
.header_content .util_area li:last-child {
  padding-right: 0;
}
.header_content .util_area li:first-child:before {
  content: normal;
}
.header_content .util_area li a {
  font-size: 13px;
  color: #666666;
  display: inline-flex;
  align-items: center;
  font-weight: 600;
}
.header_content .util_area li a.new:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url("/images/header_new.png") no-repeat left top;
  margin-left: 4px;
}
.header_content .util_area li.premium a {
  font-weight: 800;
}
.header_content .util_area.ver2 {
  height: 36px;
  gap: 0;
}
.header_content .util_area.ver2:before {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  height: 20px;
}
.header_content .util_area.ver2 .rightUtil {
  height: 100%;
}
.header_content .util_area.ver2 .rightUtil .gb {
  position: relative;
  display: flex;
  align-items: center;
}

header.full .header_content {
  width: auto;
}
header.fix {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1;
}

.ver2_gnbUtilBox {
  display: inline-flex;
  height: 36px;
}
.ver2_gnbUtilBox + .ver2_gnbUtilBox {
  margin: 0 0 0 8px;
}
.ver2_gnbUtilBox.addSelect .main:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 3px;
  margin: 0 0 0 11px;
  background-image: var(--bg-i-common);
  background-position: -71px -31px;
}
.ver2_gnbUtilBox .main {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0 12px;
  align-items: center;
  color: #697077;
  text-align: center;
  border: 1px solid #dde1e6;
  border-radius: 8px;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 700;
}

.gnbRightUtil {
  display: flex;
  gap: 8px;
  margin: 0 0 0 16px;
}
.gnbRightUtil .redDot {
  position: absolute;
  top: 4px;
  right: 2px;
  width: 4px;
  height: 4px;
  background-color: #f54d55;
  border-radius: 100%;
}
.gnbRightUtil .wo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 12px;
}
.gnbRightUtil .wo:before {
  content: "";
  display: block;
  background-image: var(--bg-i-common);
}
.gnbRightUtil .wo.alarm:before {
  width: 18px;
  height: 22px;
  background-position: -148px -473px;
}
.gnbRightUtil .wo.alarm:hover, .gnbRightUtil .wo.alarm:focus {
  background-color: #f4f4f4;
}
.gnbRightUtil .wo.qna {
  position: relative;
}
.gnbRightUtil .wo.qna:before {
  width: 22px;
  height: 18px;
  background-position: -172px -473px;
}
.gnbRightUtil .wo.qna.dot:after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 4px;
  height: 4px;
  background-color: #fa4d56;
  border-radius: 100%;
}
.gnbRightUtil .wo.qna:hover, .gnbRightUtil .wo.qna:focus {
  background-color: #f4f4f4;
}
.gnbRightUtil .wo.mypage {
  position: relative;
  z-index: 10;
  border: 2px solid rgba(0, 0, 0, 0.1019607843);
  background-size: 100%;
  background-repeat: no-repeat;
}
.gnbRightUtil .wo.mypage .myProfile {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  border: 2px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 0.75rem;
}
.gnbRightUtil .wo.mypage .myProfile.profileImg_Y {
  position: relative;
  border: 2px solid rgba(0, 0, 0, 0.1019607843);
}
.gnbRightUtil .wo.mypage .myProfile.profileImg_Y img {
  border: 2px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 12px;
  background-size: cover;
  object-fit: cover;
}
.gnbRightUtil .wo.mypage .myProfile.profileImg_Y:has(img) {
  border: none;
}
.gnbRightUtil .alertCount {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -4px;
  right: -6px;
  z-index: 1;
  min-width: 14px;
  height: 14px;
  border-radius: 9px;
  padding: 0 4px;
  background-color: #fa4d56;
  font-weight: 700;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.5px;
  letter-spacing: 0;
  color: #fff;
}

.gnbUtilBoxSelect {
  position: absolute;
  right: -8px;
  top: calc(100% + 6px);
  width: 200px;
  padding: 8px;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0px 4px 60px 0px rgba(0, 0, 0, 0.2);
}
.gnbUtilBoxSelect .tc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
  padding: 0 8px;
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #393939;
  border-radius: 4px;
}
.gnbUtilBoxSelect .tc:hover, .gnbUtilBoxSelect .tc:focus {
  background-color: #f4f4f4;
}
.gnbUtilBoxSelect .tc .gongsa {
  display: inline-flex;
  height: 20px;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  border-radius: 4px;
  background-color: #ededed;
  color: #6f6f6f;
  font-size: 10px;
  letter-spacing: -0.5px;
}

.utilProfileInfo {
  width: 260px;
}
.utilProfileInfo:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  width: calc(100% + 100px);
  height: calc(100% + 70px);
}
.utilProfileInfo:after {
  content: "";
  position: absolute;
  top: -56px;
  right: -25px;
  width: 67px;
  height: calc(100% + 70px);
}
.utilProfileInfo__title {
  padding: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #6f6f6f;
}
.utilProfileInfo__ch {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px;
  border-radius: 4px;
}
.utilProfileInfo__ch .utilProfileInfo__name {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #393939;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.utilProfileInfo__ch .utilProfileInfo__type {
  margin: 2px 0 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.5px;
  color: #6f6f6f;
}
.utilProfileInfo__ch:hover, .utilProfileInfo__ch:focus {
  background-color: #f4f4f4;
}
.utilProfileInfo__ch:hover .utilProfileInfo__profileImg > img, .utilProfileInfo__ch:focus .utilProfileInfo__profileImg > img {
  object-fit: cover;
}
.utilProfileInfo__ch:hover .utilProfileInfo__profileImg.nom svg, .utilProfileInfo__ch:focus .utilProfileInfo__profileImg.nom svg {
  animation: profileRotate 0.4s ease-in-out;
}
.utilProfileInfo__txts {
  width: 100%;
}
.utilProfileInfo__profileImg img {
  width: 100%;
  height: 100%;
}
.utilProfileInfo__profileImg.nom {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.utilProfileInfo__profileImg.nom img.pf {
  width: 28px;
  height: 28px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
.utilProfileInfo__profileImg.nom svg {
  position: absolute;
  top: 0;
  left: 0;
}
@keyframes profileRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.utilProfileInfo__txtxwr {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.utilProfileInfo__main .utilProfileInfo__name {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
}
.utilProfileInfo__main .utilProfileInfo__profileImg {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  overflow: hidden;
}
.utilProfileInfo__main .utilProfileInfo__profileImg > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.utilProfileInfo__b {
  position: relative;
}
.utilProfileInfo__b + .utilProfileInfo__b {
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.utilProfileInfo__banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  border-radius: 8px;
}
.utilProfileInfo__banner .txt01 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.utilProfileInfo__banner .txt02 {
  margin: 2px 0 0;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #161616;
}
.utilProfileInfo__banner.agent {
  background-color: #f6f2ff;
}
.utilProfileInfo__banner.agent .txt01 {
  color: #8a3ffc;
}
.utilProfileInfo__banner.agent .icon {
  width: 48px;
  height: 48px;
  background-image: url("/images/common/img_bnr_agent_72.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.utilProfileInfo__banner.biz {
  background-color: #edf5ff;
}
.utilProfileInfo__banner.biz .txt01 {
  color: #0f62fe;
}
.utilProfileInfo__banner.biz .icon {
  width: 48px;
  height: 48px;
  background-image: url("/images/common/img_bnr_biz_72.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.utilProfileInfo__alert {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  border-radius: 9999px;
  background-color: #fa4d56;
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: -0.5px;
  color: #fff;
}
.utilProfileInfo__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 24px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.utilProfileInfo__label.red {
  color: #da1e28;
  background-color: #fff1f1;
}
.utilProfileInfo .utilProfileInfo__banner + .utilProfileInfo__banner {
  margin: 8px 0 0;
}
.utilProfileInfo__uwr {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}

#lnb {
  position: fixed;
  top: 68px;
  right: 8px;
  width: 360px;
  height: calc(100% - 76px);
  background-color: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  transition: 0.2s ease-out;
}
#lnb.off {
  display: none;
}
#lnb.firstAni {
  transform: translate(100%, 0);
}
#lnb .wdClose {
  position: absolute;
  right: 16px;
  top: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 32px;
}
#lnb .wdClose span {
  display: block;
  width: 16px;
  height: 16px;
  background: url("/images/icons_lnb.png") -34px -5px;
}
#lnb .mCSB_scrollTools {
  right: 5px;
}

.lnbWr {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.lnbWr .headerArea {
  display: flex;
  align-items: center;
  height: 48px;
  padding: 0 16px;
}
.lnbWr .headerArea .title {
  font-size: 20px;
  font-weight: bold;
}
.lnbWr .banner {
  padding: 12px 16px;
}
.lnbWr .banner .ba {
  display: flex;
  align-items: center;
  height: 72px;
  border-radius: 8px;
  padding: 0 12px;
}
.lnbWr .banner .ba .txts {
  margin: 0 0 0 12px;
}
.lnbWr .banner .ba .txt01 {
  color: #161616;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  letter-spacing: -0.5px;
}
.lnbWr .banner .ba .txt02 {
  margin: 5px 0 0;
  color: #6f6f6f;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.lnbWr .banner .ba-all {
  background-color: #edf5ff;
}
.lnbWr .banner .ba-all:before {
  content: "";
  width: 34px;
  height: 34px;
  background-image: url("/images/icons_lnb.png?v=u5etha2");
  background-position: -202px -346px;
}
.lnbWr .banner .ba01 {
  background-color: #f6f2ff;
}
.lnbWr .banner .ba01:before {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("/images/icons_lnb.png?v=u5etha2");
  background-position: -338px -303px;
}
.lnbWr .banner .ba02 {
  background-color: #ecf8ff;
}
.lnbWr .banner .ba02:before {
  content: "";
  width: 32px;
  height: 32px;
  background-image: url("/images/icons_lnb.png?v=u5etha2");
  background-position: -152px -348px;
}
.lnbWr .banner .lnbTopBannerPagination {
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.5px;
  max-width: 48px;
  padding: 4px 8px;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.6980392157);
  position: absolute;
  bottom: 8px;
  left: inherit !important;
  right: 8px;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  text-align: center;
  transition: opacity 0.3s;
  transform: translateZ(0);
  z-index: 10;
}
.lnbWr .banner .lnbTopBannerPagination span {
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #fff;
}
.lnbWr .util {
  display: flex;
  justify-content: flex-end;
  padding: 0 16px;
}
.lnbWr .util .dBtn {
  display: inline-flex;
  align-items: center;
  height: 28px;
  padding: 0 8px;
  border-radius: 4px;
  border: 1px solid #dde1e6;
  color: #697077;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -0.5px;
}
.lnbWr .util .dBtn + .dBtn {
  margin: 0 0 0 8px;
}
.lnbWr .mbox.close {
  height: 74px;
  overflow: hidden;
}
.lnbWr .mbox.close .titleArea:after {
  transform: translate(0, -50%) rotate(-90deg);
}
.lnbWr .mbox .medi-banner {
  margin: 0 0.625rem 1rem;
  padding: 0.75rem 1.25rem;
  height: 96px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  background-color: #f6f2ff !important;
}
.lnbWr .mbox .medi-banner .txt01 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.5px;
  color: #8a3ffc;
}
.lnbWr .mbox .medi-banner .txt02 {
  margin-top: 4px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #161616;
}
.lnbWr .mbox .medi-banner .icon {
  width: 72px;
  height: 72px;
  margin-right: 0;
  background-image: url("/images/common/img_bnr_agent_72.png");
  background-repeat: no-repeat;
  background-size: 100%;
}
.lnbWr .mbox .border-bottom {
  width: 100%;
  height: 1px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.lnbWr .main .titleArea {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 74px;
  padding: 0 16px;
}
.lnbWr .main .titleArea.border-b {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.lnbWr .main .titleArea:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(0, -50%) rotate(0deg);
  display: block;
  width: 12px;
  height: 7px;
  background: url("/images/icons_lnb.png") -10px -10px;
  transition: 0.2s ease-out;
}
.lnbWr .main .titleArea .txt01 {
  position: relative;
  color: #161616;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  letter-spacing: -0.5px;
}
.lnbWr .main .titleArea .txt02 {
  margin: 2px 0 0;
  color: #6f6f6f;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.lnbWr .main .titleArea .beta {
  display: inline-block;
  /* position: absolute; */
  position: relative;
  width: 21px;
  height: 8px;
  background: url("/images/gnb_beta02.png") no-repeat 0 -16px;
  top: -6px;
  right: -2px;
}
.lnbWr .main .agent {
  height: 181px;
}
.lnbWr .main .agent .titleArea {
  height: 68px;
  padding-top: 16px;
  justify-content: start;
}
.lnbWr .menuList {
  padding: 12px 0;
}
.lnbWr .menuList > li {
  padding: 0 8px;
}
.lnbWr .menuList > li > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  padding: 0 8px;
}
.lnbWr .menuList > li > a:not(.dis):hover, .lnbWr .menuList > li > a:not(.dis):focus {
  background-color: #f4f4f4;
  border-radius: 8px;
}
.lnbWr .menuList > li .icon {
  display: inline-block;
  margin: 0 12px 0 0;
  width: 28px;
  height: 28px;
  background-image: url("/images/icons_lnb.png?v=u5etha2");
}
.lnbWr .menuList > li .left {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #161616;
}
.lnbWr .menuList > li .right {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.5px;
  text-align: left;
  color: #6f6f6f;
}
.lnbWr .menuList > li .right.rightCur:after {
  content: "";
  display: block;
  width: 8px;
  height: 12px;
  background: url("/images/icons_lnb.png") -58px -6px;
}
.lnbWr .menuList .gongsa {
  display: inline-flex;
  align-items: center;
  height: 24px;
  border-radius: 4px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  font-weight: bold;
  color: #6f6f6f;
  background-color: #f4f4f4;
}

.bg-icon_list_re_dev {
  background-position: -143px -10px;
}

.bg-icon_list_agency {
  background-position: -143px -58px;
}

.bg-icon_list_land_add {
  background-position: -143px -106px;
}

.bg-icon_list_biz_membership {
  background-position: -143px -154px;
}

.bg-Group_166 {
  width: 113px;
  height: 227px;
  background-position: -10px -10px;
}

.bg-icon_list_biz {
  background-position: -143px -202px;
}

.bg-icon_list_calculator {
  background-position: -191px -10px;
}

.bg-icon_list_broker_list {
  background-position: -191px -58px;
}

.bg-icon_list_atp {
  background-position: -191px -106px;
}

.bg-icon_list_custom_list {
  background-position: -191px -154px;
}

.bg-icon_list_ai_value {
  background-position: -191px -202px;
}

.bg-icon_list_analysis {
  background-position: -239px -10px;
}

.bg-icon_list_add {
  background-position: -239px -58px;
}

.bg-icon_list_forecast {
  background-position: -239px -106px;
}

.bg-icon_list_deal_add {
  background-position: -239px -154px;
}

.bg-icon_list_deal_search {
  background-position: -239px -202px;
}

.bg-icon_list_explore {
  background-position: -287px -10px;
}

.bg-icon_list_biz_search {
  background-position: -287px -58px;
}

.bg-icon_list_inside_news {
  background-position: -287px -106px;
}

.bg-icon_list_inside_report {
  background-position: -287px -154px;
}

.bg-icon_list_inside_analytics {
  background-position: -287px -202px;
}

.bg-icon_list_inside_setting {
  background-position: -10px -257px;
}

.bg-icon_list_meeting {
  background-position: -58px -257px;
}

.bg-icon_list_my_site {
  background-position: -106px -257px;
}

.bg-icon_list_quotation_2 {
  background-position: -154px -257px;
}

.bg-icon_list_management {
  background-position: -202px -257px;
}

.bg-icon_list_quotation {
  background-position: -250px -257px;
}

.bg-icon_list_inside_blog {
  background-position: -335px -10px;
}

.bg-icon_list_rent {
  background-position: -335px -58px;
}

.bg-icon_list_save_listing {
  background-position: -335px -106px;
}

.bg-icon_list_plus_membership {
  background-position: -335px -154px;
}

.bg-icon_list_payment {
  background-position: -335px -202px;
}

.bg-icon_list_terms {
  background-position: -335px -250px;
}

.bg-icon_list_inside_policy {
  background-position: -10px -305px;
}

.bg-icon_list_w_review {
  background-position: -58px -305px;
}

.bg-icon_list_member {
  background-position: -106px -305px;
}

.bg-icon_list_quotation_1 {
  background-position: -154px -305px;
}

.bg-icon_list_land {
  background-position: -202px -305px;
}

.bg-icon_list_request {
  background-position: -250px -305px;
}

.bg-icon_list_recent_pin {
  background-position: -298px -305px;
}

.bg-icon_list_save_pro {
  background-position: -383px -10px;
}

.bg-icon_list_tc_search {
  background-position: -383px -58px;
}

.bg-icon_list_save_store {
  background-position: -383px -106px;
}

.bg-icon_list_school {
  background-position: -383px -154px;
}

.bg-icon_list_myaasset {
  background-position: -383px -202px;
}

.bg-icon_list_review {
  background-position: -383px -250px;
}

.bg-icon_list_store {
  background-position: -383px -298px;
}

.bg-icon_list_notice {
  background-position: -10px -44px;
}

.bg-icon_list_readme {
  background-position: -10px -85px;
}

.bg-icon_list_faq {
  background-position: -10px -128px;
}

.bg-icon_list_qna {
  background-position: -10px -166px;
}

.bg-icon_list_sp {
  background-position: -10px -209px;
}

.bg-icon_list_intro_onwer {
  background-position: -9px -351px;
}

.bg-icon_list_intro_biz {
  background-position: -57px -351px;
}

.bg-icon_list_agency_join {
  background-position: -106px -351px;
}

.currentPageType.load {
  opacity: 0;
}

body.header-white header,
header.white {
  top: 0px;
  left: 0px;
  width: 100%;
  background: none;
  z-index: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
body.header-white header .ver2_gnbUtilBox .main,
header.white .ver2_gnbUtilBox .main {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}
body.header-white header .ver2_gnbUtilBox .main:after,
header.white .ver2_gnbUtilBox .main:after {
  filter: brightness(0) invert(1);
}
body.header-white header .gnbRightUtil .wo.alarm,
header.white .gnbRightUtil .wo.alarm {
  background-color: transparent;
}
body.header-white header .gnbRightUtil .wo.alarm:before,
header.white .gnbRightUtil .wo.alarm:before {
  filter: brightness(0) invert(1);
}
body.header-white header .gnbRightUtil .wo.qna:before,
header.white .gnbRightUtil .wo.qna:before {
  filter: brightness(0) invert(1);
}
body.header-white header .gnbRightUtil .wo.mypage:before,
header.white .gnbRightUtil .wo.mypage:before {
  border-color: rgba(0, 0, 0, 0.1);
}

body.header-white header #logo h1,
header.white #logo h1 {
  background: url("/images/logo_new02.png") no-repeat left top;
}

body.header-white header nav li > a,
header.white nav li > a {
  color: #fff;
}

body.header-white header nav li > a .new,
header.white nav li > a .new,
body.header-white header nav li > a .beta,
header.white nav li > a .beta {
  background-position: 0 0;
}

body.header-white header .header_content .util_area .j_zone,
header.white .header_content .util_area .j_zone,
body.header-white header .header_content .util_area .tp_premium,
header.white .header_content .util_area .tp_premium {
  border: 1px solid #fff;
  background: none;
}
body.header-white header .header_content .util_area .j_zone span,
header.white .header_content .util_area .j_zone span,
body.header-white header .header_content .util_area .tp_premium span,
header.white .header_content .util_area .tp_premium span {
  color: #fff;
}

body.header-white header .header_content .util_area li a,
header.white .header_content .util_area li a {
  color: #fff;
}

body.header-white header .header_content .util_area li a.new:after,
header.white .header_content .util_area li a.new:after {
  background: url("/images/header_new_w.png") no-repeat left top;
}

body.header-white header .header_content .util_area li:before,
header.white .header_content .util_area li:before {
  opacity: 0.3;
}

body.header-white header nav li > a:after,
header.white nav li > a:after {
  background: #fff;
}

body.header-white .go_idea:after,
header.white .go_idea:after {
  background: url("/images/go_idea.png") no-repeat 0 0;
}

body.header-white .go_idea span,
header.white .go_idea span {
  color: #fff;
}

footer {
  border-top: 1px solid #e5e5e5;
  line-height: 1;
  padding-bottom: 40px;
}
footer.noline {
  margin-top: 0;
  border: none;
}

.footer_content {
  position: relative;
  width: 1080px;
  padding-top: 40px;
  margin: 0 auto;
}
.footer_content .copyright {
  margin-top: 17px;
  color: #888888;
  text-align: left;
  font-size: 12px;
}

.footer_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer_menu a {
  display: inline-block;
  position: relative;
  padding-left: 9px;
  margin-left: 8px;
  color: #222222;
  font-size: 14px;
  font-weight: bold;
}
.footer_menu a:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 11px;
  top: 50%;
  margin-top: -5px;
  left: 0px;
  background: #bfbfbf;
}
.footer_menu a:first-child {
  padding: 0;
  margin-left: 0;
}
.footer_menu a:first-child:before {
  content: normal;
}

.fc_etc {
  margin-top: 24px;
}
.fc_etc .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fc_etc .txt:first-child {
  margin-top: 0;
}
.fc_etc .txt span {
  display: block;
  color: #888888;
  font-size: 13px;
  font-weight: 400;
}
.fc_etc .txt span:before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 7px;
  margin: 0 5px 0 6px;
  background: url("/images/f_dash.png") no-repeat left top;
  vertical-align: 1px;
}
.fc_etc .txt span:first-child:before {
  content: normal;
}

footer .sh_go {
  position: absolute;
  top: 27px;
  right: 0px;
}

.n_subvisual {
  display: flex;
  position: relative;
  height: 200px;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  text-align: center;
  line-height: 1;
}
.n_subvisual.pagealltab {
  height: 320px;
  padding-bottom: 9px;
  background-position: center bottom 60px !important;
}
.n_subvisual.line:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.n_subvisual.inside {
  height: 320px;
  background: #fff url("/images/n_sub_visual_inside01.jpg") no-repeat center bottom 60px;
  background-size: cover;
  padding-bottom: 9px;
}
.n_subvisual.offer {
  height: 260px;
  padding-top: 60px;
}
.n_subvisual.payment {
  height: 260px;
  padding-top: 60px;
}
.n_subvisual.payment.tab {
  height: 320px;
  padding-top: 0;
  background-size: 100% 260px;
}
.n_subvisual.sub01 {
  background: #fff url("/images/n_sub_visual01_01.jpg") no-repeat center top;
  background-size: cover;
}
.n_subvisual.sub02 {
  display: block;
  height: 510px;
  background: #fff url("/images/n_sub_visual02_01.jpg") no-repeat center top;
  background-size: cover;
  text-align: center;
}
.n_subvisual.sub03 {
  background: #fff url("/images/n_sub_visual03_01.jpg") no-repeat center;
  background-size: cover;
}
.n_subvisual.sub04 {
  background: #fff url("/images/n_sub_visual04.jpg") no-repeat center top;
  background-size: cover;
}
.n_subvisual.sub05 {
  background: #fff url("/images/n_sub_visual05.jpg") no-repeat center top;
  background-size: cover;
}
.n_subvisual.sub06 {
  background: #fff url("/images/n_sub_visual06.jpg") no-repeat center top;
  background-size: cover;
}
.n_subvisual .main_txt {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  line-height: 1;
}
.n_subvisual .sub_txt {
  display: block;
  width: 100%;
  margin-top: 25px;
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  line-height: 26px;
}
.n_subvisual .main_s_txt {
  display: block;
  margin-top: 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}
.n_subvisual .main_p_txt {
  display: block;
  margin-top: 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}
.n_subvisual .main_p_txt span.mt {
  display: block;
  margin: 8px 0;
}

.main_tripple_btnarea {
  width: 400px;
  margin: 0 auto;
}
.main_tripple_btnarea .btn01 {
  display: flex;
  width: 100%;
  height: 60px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  background: var(--color-bdsplanet);
  font-weight: bold;
}
.main_tripple_btnarea .s_btnarea {
  display: flex;
  margin-top: 15px;
  justify-content: space-between;
}
.main_tripple_btnarea .s_btnarea a {
  display: flex;
  position: relative;
  width: 195px;
  height: 40px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}
.main_tripple_btnarea .s_btnarea a:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 2px solid #fff;
  opacity: 0.5;
  box-sizing: border-box;
}

.n_subvisual .qna_number {
  position: relative;
  padding-top: 21px;
  margin-top: 40px;
}
.n_subvisual .qna_number:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0px;
  left: 0px;
  background: #fff;
  opacity: 0.5;
}
.n_subvisual .qna_number span {
  color: #ffffff;
  font-size: 14px;
}

.surrounding_info .su_info_maparea {
  margin: 0 0 30px;
}

.su_info_maparea .maparea {
  display: none;
}
.su_info_maparea .maparea .ww {
  position: relative;
  height: 600px;
}
.su_info_maparea .maparea .ww#near_map, .su_info_maparea .maparea .ww#road_map {
  height: 400px;
}

.su_map_maker {
  display: block;
  position: absolute;
  width: 32px;
  height: 38px;
  background: url("/images/ico_aroundmap02.png") no-repeat 0 0px;
}
.su_map_maker.subway {
  background-position: -104px -231px;
}
.su_map_maker.bus {
  background-position: -164px -231px;
}
.su_map_maker.edu_in {
  background-position: -224px -231px;
}
.su_map_maker.aca {
  background-position: -284px -231px;
}
.su_map_maker.go_office {
  background-position: -344px -231px;
}
.su_map_maker.hospital {
  background-position: -404px -231px;
}
.su_map_maker.drugstore {
  background-position: -464px -231px;
}
.su_map_maker.bank {
  background-position: -524px -231px;
}
.su_map_maker.bsmarket {
  background-position: -584px -231px;
}
.su_map_maker.c_store {
  background-position: -644px -231px;
}
.su_map_maker.cafe {
  background-position: -704px -231px;
}
.su_map_maker.rest {
  background-position: -764px -231px;
}
.su_map_maker.parking {
  background-position: -824px -231px;
}
.su_map_maker.gas {
  background-position: -884px -231px;
}
.su_map_maker.cultural {
  background-position: -944px -231px;
}
.su_map_maker.park {
  background-position: -1004px -231px;
}
.su_map_maker.hotel {
  background-position: -1064px -231px;
}

.su_info_won {
  position: absolute;
  display: block;
  width: 160px;
  height: 160px;
  opacity: 0.2;
  background: var(--color-def-red);
  border: 2px solid #ff000b;
  border-radius: 100%;
}

.su_info_map_txt_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 34px;
  bottom: 0px;
  left: 0px;
}
.su_info_map_txt_area span {
  position: relative;
  z-index: 1;
  font-weight: bold;
  color: #fff;
  font-size: 13px;
}
.su_info_map_txt_area:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #24303a;
  opacity: 0.5;
}

.su_info_maparea_ul .btn {
  display: inline-block;
  position: relative;
  padding-bottom: 21px;
  text-align: center;
}
.su_info_maparea_ul .btn .ico {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  border-radius: 100%;
}
.su_info_maparea_ul .btn .ico:before {
  content: "";
  display: block;
  background: url("/images/ico_aroundmap02.png") no-repeat 0 0;
}
.su_info_maparea_ul .btn .txt {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 54px;
  margin-left: -27px;
  color: #222222;
  font-size: 13px;
  text-align: center;
}
.su_info_maparea_ul .btn.subway .ico {
  border-color: #a8c9fa;
}
.su_info_maparea_ul .btn.subway .ico:before {
  width: 14px;
  height: 16px;
  background-position: -113px -42px;
}
.su_info_maparea_ul .btn.subway.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.bus .ico {
  border-color: #f2b1e3;
}
.su_info_maparea_ul .btn.bus .ico:before {
  width: 16px;
  height: 16px;
  background-position: -172px -42px;
}
.su_info_maparea_ul .btn.bus.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.edu_in .ico {
  border-color: #fdb4bc;
}
.su_info_maparea_ul .btn.edu_in .ico:before {
  width: 17px;
  height: 13px;
  background-position: -231px -44px;
}
.su_info_maparea_ul .btn.edu_in.off .ico:before {
  background-position-y: -123px;
}
.su_info_maparea_ul .btn.c_store .ico {
  border-color: #aae5d7;
}
.su_info_maparea_ul .btn.c_store .ico:before {
  width: 16px;
  height: 16px;
  background-position: -652px -42px;
}
.su_info_maparea_ul .btn.c_store.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.cafe .ico {
  border-color: #e1bba7;
}
.su_info_maparea_ul .btn.cafe .ico:before {
  width: 16px;
  height: 16px;
  background-position: -712px -42px;
}
.su_info_maparea_ul .btn.cafe.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.rest .ico {
  border-color: #ffcd9b;
}
.su_info_maparea_ul .btn.rest .ico:before {
  width: 16px;
  height: 16px;
  background-position: -772px -42px;
}
.su_info_maparea_ul .btn.rest.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.bank .ico {
  border-color: #f6e49f;
}
.su_info_maparea_ul .btn.bank .ico:before {
  width: 18px;
  height: 18px;
  background-position: -531px -41px;
}
.su_info_maparea_ul .btn.bank.off .ico:before {
  background-position-y: -120px;
}
.su_info_maparea_ul .btn.hospital .ico {
  border-color: #b5cfe8;
}
.su_info_maparea_ul .btn.hospital .ico:before {
  width: 14px;
  height: 16px;
  background-position: -413px -42px;
}
.su_info_maparea_ul .btn.hospital.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.hotel .ico {
  border-color: #d2abe5;
}
.su_info_maparea_ul .btn.hotel .ico:before {
  width: 14px;
  height: 16px;
  background-position: -1073px -42px;
}
.su_info_maparea_ul .btn.hotel.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.go_office .ico {
  border-color: #d1c5be;
}
.su_info_maparea_ul .btn.go_office .ico:before {
  width: 14px;
  height: 16px;
  background-position: -353px -42px;
}
.su_info_maparea_ul .btn.go_office.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.parking .ico {
  border-color: #9bdee8;
}
.su_info_maparea_ul .btn.parking .ico:before {
  width: 10px;
  height: 14px;
  background-position: -836px -43px;
}
.su_info_maparea_ul .btn.parking.off .ico:before {
  background-position-y: -122px;
}
.su_info_maparea_ul .btn.park .ico {
  border-color: #b9e3a2;
}
.su_info_maparea_ul .btn.park .ico:before {
  width: 16px;
  height: 16px;
  background-position: -1012px -42px;
}
.su_info_maparea_ul .btn.park.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.all .ico {
  border-color: #c3c3c3;
}
.su_info_maparea_ul .btn.all .ico:before {
  width: 21px;
  height: 9px;
  background-position: -50px -45px;
}
.su_info_maparea_ul .btn.all.off .ico:before {
  background-position-y: -124px;
}
.su_info_maparea_ul .btn.aca .ico {
  border-color: #fec3bd;
}
.su_info_maparea_ul .btn.aca .ico:before {
  width: 16px;
  height: 16px;
  background-position: -292px -42px;
}
.su_info_maparea_ul .btn.aca.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.drugstore .ico {
  border-color: #bfdaff;
}
.su_info_maparea_ul .btn.drugstore .ico:before {
  width: 16px;
  height: 16px;
  background-position: -472px -42px;
}
.su_info_maparea_ul .btn.drugstore.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.bsmarket .ico {
  border-color: #ddcfc1;
}
.su_info_maparea_ul .btn.bsmarket .ico:before {
  width: 16px;
  height: 16px;
  background-position: -592px -42px;
}
.su_info_maparea_ul .btn.bsmarket.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.gas .ico {
  border-color: #bac0c8;
}
.su_info_maparea_ul .btn.gas .ico:before {
  width: 16px;
  height: 16px;
  background-position: -892px -42px;
}
.su_info_maparea_ul .btn.gas.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.cultural .ico {
  border-color: #cbcbf2;
}
.su_info_maparea_ul .btn.cultural .ico:before {
  width: 16px;
  height: 16px;
  background-position: -952px -42px;
}
.su_info_maparea_ul .btn.cultural.off .ico:before {
  background-position-y: -121px;
}
.su_info_maparea_ul .btn.off .txt {
  color: #999999;
}
.su_info_maparea_ul .btn.off .ico {
  border-color: #e5e5e5;
  background-position-y: -64px;
}

.su_info_maparea .btnarea {
  padding-top: 21px;
}
.su_info_maparea .su_info_maparea_ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 7px;
  text-align: center;
}
.su_info_maparea .su_info_maparea_ul li {
  display: inline-block;
  margin-left: 13px;
  vertical-align: top;
}
.su_info_maparea .su_info_maparea_ul li:first-child {
  margin-left: 0;
}

.surrounding_info_sec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 400px;
  line-height: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: url("/images/location_sec.jpg") no-repeat left top;
}
.surrounding_info_sec div {
  text-align: center;
}
.surrounding_info_sec .txt {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
}
.surrounding_info_sec .txt:before {
  content: "";
  display: block;
  width: 32px;
  height: 33px;
  margin: 0 auto 28px;
  background: url(/images/ui_ico.png) no-repeat -110px -190px;
}
.surrounding_info_sec .btn_a_go {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 40px 0 0;
  width: 200px;
  height: 40px;
  background: #7790ad;
  font-size: 14px;
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/*



 ██████  ██████  ███    ███ ███    ███  ██████  ███    ██      ██████  ██████  ███    ██ ████████ ███████ ███    ██ ████████
██      ██    ██ ████  ████ ████  ████ ██    ██ ████   ██     ██      ██    ██ ████   ██    ██    ██      ████   ██    ██
██      ██    ██ ██ ████ ██ ██ ████ ██ ██    ██ ██ ██  ██     ██      ██    ██ ██ ██  ██    ██    █████   ██ ██  ██    ██
██      ██    ██ ██  ██  ██ ██  ██  ██ ██    ██ ██  ██ ██     ██      ██    ██ ██  ██ ██    ██    ██      ██  ██ ██    ██
 ██████  ██████  ██      ██ ██      ██  ██████  ██   ████      ██████  ██████  ██   ████    ██    ███████ ██   ████    ██



*/
.school-type {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 18px;
  margin-left: 2px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 5px;
  border-radius: 8px;
  border: 1px solid;
  font-size: 12px;
  line-height: 1;
}
.school-type.sky {
  border-color: var(--color-bdsplanet);
  color: var(--color-bdsplanet);
}

.maker_dot.st .mapinfo-box .titlearea .school-type {
  margin-left: 5px;
}

.con-readme-malpu {
  position: absolute;
  z-index: 2;
}
.con-readme-malpu .txt {
  display: block;
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 12px;
  padding: 10px 15px 12px;
  background: rgba(46, 54, 62, 0.8);
  border-radius: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.con-readme-malpu:after,
.con-readme-malpu .cur {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  right: -9px;
  top: 50%;
  border-bottom: 6px solid #2e363e;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: -3px;
  opacity: 0.8;
}
.con-readme-malpu.free:after {
  content: normal;
}
.con-readme-malpu.fix-cur:after {
  top: 19px;
}
.con-readme-malpu.left:after {
  left: -9px;
  right: auto;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.con-readme-malpu.style02 .txt {
  padding: 10px 15px;
  background: rgb(34, 71, 211);
  background: linear-gradient(90deg, rgb(34, 71, 211) 0%, rgb(148, 103, 250) 100%);
  border-radius: 8px;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
  opacity: 1;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: -0.2px;
}
.con-readme-malpu.style02:after,
.con-readme-malpu.style02 .cur {
  border-bottom: 6px solid #9467fa;
  opacity: 1;
}
.con-readme-malpu.style02 .close {
  display: block;
  width: 10px;
  height: 10px;
  background: url("/images/ui_btn_x.png") no-repeat 0 -80px;
}
.con-readme-malpu.style02.btc .txt {
  padding-right: 35px;
}
.con-readme-malpu.style02.btc .close {
  position: absolute;
  right: 15px;
  top: 13px;
  z-index: 1;
}
.con-readme-malpu.style02.btc .close:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: scale(2);
}
.con-readme-malpu.purple .txt {
  background: #6574e4;
}
.con-readme-malpu.purple:after,
.con-readme-malpu.purple .cur {
  border-bottom-color: #6574e4;
  opacity: 1;
}
.con-readme-malpu.st02-black .txt {
  background: rgba(0, 0, 0, 0.7);
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
}
.con-readme-malpu.st02-black:after,
.con-readme-malpu.st02-black .cur {
  border-bottom-color: rgba(0, 0, 0, 0.7);
  opacity: 1;
}

.price_input {
  width: 170px;
  position: relative;
  font-size: 0;
}
.price_input .d_input {
  /* width:98px; */
  width: 100%;
  height: 38px;
  line-height: 1;
}
.price_input .bt + .d_input input {
  padding: 7px 45px 8px;
}
.price_input .d_input input {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}
.price_input .bt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: absolute;
  top: 1px;
  z-index: 1;
  width: 36px;
  height: 36px;
  background: #f8f8f8;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: top;
}
.price_input .bt i {
  display: inline-block;
  background: url("/images/ui_ico_map.png") no-repeat 0 0;
}
.price_input .bt.minus {
  border-right: 1px solid #ddd;
  left: 1px;
}
.price_input .bt.minus i {
  background-position: -12px -333px;
  width: 11px;
  height: 1px;
}
.price_input .bt.plus {
  border-left: 1px solid #ddd;
  right: 1px;
}
.price_input .bt.plus i {
  background-position: -12px -340px;
  width: 11px;
  height: 11px;
}

.price_input_db {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.price_input_db .dash {
  width: 20px;
  display: inline-block;
  padding-bottom: 2px;
  font-size: 18px;
  text-align: center;
  font-family: var(--font-text-regular), sans-serif;
}

.tx_c_namblue {
  color: #7790ad !important;
}

.no-data01 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-data01 span {
  display: inline-block;
  color: #222222;
  font-size: 16px;
}
.no-data01 span:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto 28px;
  background: url(/images/ui_ico.png) no-repeat -70px -190px;
}
.no-data01.style01 span {
  font-size: 14px;
}
.no-data01.style01 span:before {
  margin-bottom: 20px;
}
.no-data01.aed {
  margin-top: 2px;
  margin-bottom: 20px;
}

.board_area {
  line-height: 1;
}
.board_area .tit {
  display: block;
  position: relative;
  padding-bottom: 21px;
  margin-bottom: 20px;
  color: #222222;
  font-size: 22px;
  font-weight: bold;
}
.board_area .tit:after {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  bottom: 0px;
  width: 30px;
  height: 1px;
  background: #999999;
}

.board_ul li {
  position: relative;
  margin-top: 8px;
  line-height: 16px;
}
.board_ul li:first-child {
  margin-top: 0;
}
.board_ul li a {
  position: relative;
  display: inline-block;
  color: #666666;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board_ul li a:hover, .board_ul li a:focus {
  text-decoration: underline;
}
.board_ul li .day {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #aaaaaa;
}
.board_ul li.new a {
  padding-right: 34px;
}
.board_ul li.new a:after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  right: 0px;
  width: 30px;
  height: 14px;
  background: url("/images/ui_ico.png") no-repeat -80px -120px;
}

/* sns */
.sh_ico {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: url("/images/ui_sns.png") no-repeat 0 0;
}
.sh_ico.facebook {
  background-position: 0 0;
}
.sh_ico.naverblog, .sh_ico.naverblogsite {
  background-position: -42px 0;
}
.sh_ico.kakaotalk {
  background-position: -84px 0;
}
.sh_ico.kakaotalk02 {
  background-position: -209px 0;
}
.sh_ico.naverpost {
  background-position: -126px 0;
}
.sh_ico.insta {
  background-position: -168px 0;
}
.sh_ico.url {
  background-position: -250px 0;
}

.sh_go {
  font-size: 0;
  text-align: center;
  white-space: nowrap;
}
.sh_go a {
  margin-left: 7px;
}
.sh_go a:first-child {
  margin-left: 0;
}

/* 매물리스트 */
.li_build.sky .loc_title .pay,
.li_build.sky .box_build .info_area .in .ii.loc_ii01 span.type {
  color: var(--color-bdsplanet);
}
.li_build.purple .loc_title .pay,
.li_build.purple .box_build .info_area .in .ii.loc_ii01 span.type {
  color: #6574e4;
}

a.box_build:hover, a.box_build:focus {
  background: #f8f8f8;
}

.box_build {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  padding: 15px 0 15px 15px;
}
.box_build .img_area,
.box_build .info_area {
  float: left;
  position: relative;
}
.box_build .img_area {
  width: 140px;
  height: 140px;
}
.box_build .img_area .thumb {
  position: relative;
  z-index: 0;
  width: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
}
.box_build .img_area .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
}
.box_build .img_area .complete {
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box_build .img_area .complete span {
  display: inline-flex;
  position: relative;
  z-index: 2;
  width: 50px;
  height: 50px;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  background: #777777;
  color: #fff;
  line-height: 1.3;
}
.box_build .img_area .complete:before {
  content: "";
  display: block;
  position: absolute;
  top: -33px;
  left: 71px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 1px;
  height: 203px;
  background: #666666;
  opacity: 0.5;
  z-index: 2;
}
.box_build .img_area .complete:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.7;
  z-index: 1;
}
.box_build .img_area .picture {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 25px;
  padding: 6px 0 0 10px;
}
.box_build .img_area .picture:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #24303a;
  opacity: 0.3;
}
.box_build .img_area .picture .txt {
  display: inline-block;
  position: relative;
  color: #ffffff;
  font-size: 13px;
  line-height: 13px;
  vertical-align: top;
}
.box_build .img_area .picture .txt.tr {
  position: absolute;
  top: 6px;
  right: 9px;
  font-size: 13px;
  letter-spacing: -0.5px;
}
.box_build .img_area .picture .txt.carmera {
  padding-left: 16px;
}
.box_build .img_area .picture .txt.carmera:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0px;
  width: 12px;
  height: 10px;
  background: url("/images/ui_ico.png") no-repeat left -33px;
}
.box_build .info_area {
  width: 285px;
  margin: 0 0 0 15px;
  height: 100%;
  line-height: normal;
}
.box_build .info_area .in {
  margin-top: 5px;
}
.box_build .info_area .in .sky {
  color: var(--color-bdsplanet);
}
.box_build .info_area .in .purple {
  color: #6574e4;
}
.box_build .info_area .in .ii {
  line-height: 16px;
  letter-spacing: -0.4px;
}
.box_build .info_area .in .ii.loc_ii01 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0;
  margin: 10px 0 0;
}
.box_build .info_area .in .ii.loc_ii01 span {
  font-size: 14px;
}
.box_build .info_area .in .ii.loc_ii01 span:before {
  content: "ㆍ";
}
.box_build .info_area .in .ii.loc_ii01 span:first-child:before {
  content: normal;
}
.box_build .info_area .in .ii.etc_info {
  margin: 5px 0 0;
}
.box_build .info_area .in .ii.etc_txt, .box_build .info_area .in .ii.etc_info {
  font-size: 0;
}
.box_build .info_area .in .ii .txt01 {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.box_build .info_area .in .ii .txt01:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.box_build .info_area .in .ii.etc_txt .txt01 {
  font-size: 14px;
}
.box_build .info_area .in .ii.etc_txt .txt01:before {
  content: "ㆍ";
}
.box_build .info_area .in .ii.etc_txt .txt01:first-child {
  padding-left: 0;
  margin-left: 0;
}
.box_build .info_area .in .ii.etc_txt .txt01:first-child:before {
  content: normal;
}
.box_build .info_area .in .ii.etc_info .txt01 {
  display: block;
  font-size: 14px;
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.li_mb_samu {
  margin: 10px 15px;
  line-height: 1;
}
.li_mb_samu:first-child {
  margin-top: 15px;
}

.box_mb_samu .infoarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 100px;
  padding-right: 88px;
  border: 1px solid #eeeeee;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
}
.box_mb_samu .infoarea .det {
  width: 100%;
  padding: 20px 0 0 19px;
}
.box_mb_samu .sname {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.box_mb_samu .sname .txt01 {
  color: #222222;
  font-weight: bold;
  font-size: 16px;
}
.box_mb_samu .bmae {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 11px 0 0;
  line-height: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0;
}
.box_mb_samu .bmae .st {
  margin: 0 6px 0 0;
  color: #222;
  font-size: 14px;
}
.box_mb_samu .bmae .ct span {
  color: var(--color-bdsplanet);
  font-size: 12px;
}
.box_mb_samu .bmae .ct span:before {
  content: "·";
  margin: 0 5px;
}
.box_mb_samu .bmae .ct span:first-child:before {
  content: normal;
}
.box_mb_samu .addr {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 7px 0 0;
}
.box_mb_samu .addr .txt01 {
  color: #666666;
  font-size: 14px;
}
.box_mb_samu .thumb {
  display: block;
  position: absolute;
  top: 14px;
  right: 14px;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  overflow: hidden;
  background: url("/images/limbsamu_thumb_none.png") no-repeat 0 0;
  background-size: 100%;
}
.box_mb_samu .btnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  border-radius: 0 0 6px 6px;
  overflow: hidden;
}
.box_mb_samu .btnarea .dae {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.box_mb_samu .btnarea .dae a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 13px;
}
.box_mb_samu .btnarea .dae a.blue {
  background: #0481e2;
  color: #fff;
}
.box_mb_samu .btnarea .dae a.red {
  background: #ffe9ec;
  color: var(--color-def-red);
}
.box_mb_samu .btnarea .sm {
  width: 80px;
}
.box_mb_samu .btnarea .sm a.loc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.box_mb_samu .btnarea .sm a.loc:before {
  content: "";
  display: block;
  width: 14px;
  height: 18px;
  background: url("/images/ui_ico.png") no-repeat -230px -186px;
  background-size: 500px;
}

.li_no_mb_samu {
  border-top: 1px solid #f5f5f5;
  margin: 0 15px;
}
.li_no_mb_samu:first-child {
  border-top: 0;
}

.li_mb_samu + .li_no_mb_samu {
  border-top: 0;
}

.box_no_mb_samu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 75px;
  padding: 0 0 0 20px;
  line-height: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.box_no_mb_samu .infoarea {
  width: 100%;
  padding-right: 177px;
}
.box_no_mb_samu .sname,
.box_no_mb_samu .addr {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.box_no_mb_samu .sname .txt01 {
  color: #222222;
  font-size: 15px;
  font-weight: bold;
}
.box_no_mb_samu .addr {
  margin-top: 8px;
}
.box_no_mb_samu .addr .txt01 {
  color: #999999;
  font-size: 14px;
}
.box_no_mb_samu .btnarea {
  position: absolute;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.box_no_mb_samu .btnarea a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 80px;
  height: 30px;
  margin-left: 5px;
  background: #f7f7f7;
  border-radius: 15px;
}
.box_no_mb_samu .btnarea a.phone:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url("/images/ui_ico.png") no-repeat -256px -186px;
  background-size: 500px;
}
.box_no_mb_samu .btnarea a.loc:before {
  content: "";
  display: block;
  width: 14px;
  height: 18px;
  background: url("/images/ui_ico.png") no-repeat -230px -186px;
  background-size: 500px;
}

.loc_ii01 .loc {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #222222;
}

.loc_title .pay {
  display: inline-block;
  font-size: 20px;
  vertical-align: bottom;
  line-height: 22px;
  /* font-family: var(--font-number-bold),var(--font-text-strong-bold); */
  font-weight: 600;
  letter-spacing: -0.6px;
}
.loc_title .su {
  margin-left: 8px;
  color: #222222;
  font-size: 13px;
}

.bd_hashtag .ht {
  display: inline-block;
  height: 24px;
  padding: 5px 6px 0;
  margin-left: 4px;
  background: #eeeeee;
  border-radius: 12px;
  color: #888;
  font-size: 13px;
  line-height: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  letter-spacing: 0;
}
.bd_hashtag .ht:first-child {
  margin-left: 0;
}
.bd_hashtag .ht.more {
  width: 28px;
}

.box_build .bd_hashtag {
  position: absolute;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0px;
}

.y_map_list_area .box_build .bd_hashtag {
  width: 458px;
  left: -155px;
  padding-left: 155px;
}

.bd_hashtag {
  line-height: 0px;
}
.bd_hashtag.ul_check_tac {
  margin: -7px 0 0 -7px;
  font-size: 0;
}
.bd_hashtag.ul_check_tac li {
  position: relative;
  display: inline-block;
  margin: 7px 0 0 7px;
}
.bd_hashtag.ul_check_tac input {
  opacity: 0;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.bd_hashtag.ul_check_tac .ht {
  position: relative;
  z-index: 1;
  margin-left: 0;
  cursor: pointer;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.bd_hashtag.ul_check_tac input:checked + .ht {
  background: var(--color-bdsplanet);
  color: #fff;
}
.bd_hashtag.c_hsea .ht {
  border: 1px solid #e5e5e5;
  color: #7790ad;
}
.bd_hashtag.ul_check_tac.c_hsea input:checked + .ht {
  background: #7790ad;
  color: #ffffff;
  border: 1px solid #7790ad;
}

.double_board_view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.double_board_view .v_con {
  width: 490px;
  height: 305px;
  border: 1px solid #d8d8d8;
  padding: 30px 30px 0 30px;
}

.board_dae {
  line-height: 1;
}
.board_dae .title_area {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 24px;
  border-bottom: 1px solid #222222;
}
.board_dae .title_area .tit {
  margin-bottom: 0;
}
.board_dae .title_area .more01 {
  position: absolute;
  top: 0px;
  right: 0px;
}
.board_dae .main_view {
  height: 95px;
}
.board_dae .main_view .mv {
  display: block;
  color: var(--color-bdsplanet);
  font-size: 16px;
  line-height: 21px;
}
.board_dae .main_view .txt {
  margin-top: 11px;
  color: #777777;
  font-size: 14px;
  line-height: 21px;
}
.board_dae .main_view .day {
  display: block;
  text-align: right;
  margin-top: 6px;
  color: #aaaaaa;
}
.board_dae .sub_view li {
  position: relative;
  margin-top: 8px;
}
.board_dae .sub_view li:first-child {
  margin-top: 0;
}
.board_dae .sub_view li a {
  position: relative;
  display: inline-block;
  color: #222;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.board_dae .sub_view li .day {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #aaaaaa;
}
.board_dae .main_view + .sub_view {
  margin-top: 38px;
}

.double_board_view .sub_view li a {
  max-width: 355px;
}

.box-bu-con {
  margin: 30px 0 0;
}
.box-bu-con:first-child {
  margin: 0;
}

.chart_con {
  display: none;
}
.chart_con .no-data01 {
  height: 473px;
  border: 1px solid #eee;
}

.chart_ct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
}
.chart_ct a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 80px;
  height: 42px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #666;
}
.chart_ct a.on {
  color: #222;
  font-weight: bold;
}
.chart_ct a.on:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: #444444;
}

.bu_chart_area {
  padding: 30px;
  border: 1px solid #eeeeee;
}
.bu_chart_area .chart_w {
  position: relative;
}

.chart_malpu {
  display: none;
  padding: 4px 9px 5px;
  min-height: 24px;
  border: 1px solid #7790ad;
  border-radius: 4px;
  font-size: 13px;
  color: #666;
  background: #fff;
  position: absolute;
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15);
  z-index: 1;
  line-height: 16px;
}
.chart_malpu:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 8px;
  height: 8px;
  margin-left: -4px;
  border-left: 1px solid #7790ad;
  border-bottom: 1px solid #7790ad;
  background: #fff;
}
.chart_malpu.free:before {
  content: normal;
}
.chart_malpu .cur {
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 8px;
  height: 8px;
  margin-left: -4px;
  border-left: 1px solid #7790ad;
  border-bottom: 1px solid #7790ad;
  background: #fff;
}
.chart_malpu.type-black {
  background: #4f5f72;
  border-color: #4f5f72;
}
.chart_malpu.type-black:before,
.chart_malpu.type-black .cur {
  background: #4f5f72;
  border-color: #4f5f72;
}
.chart_malpu.type-black span {
  color: #fff !important;
}
.chart_malpu .per {
  font-weight: bold;
}
.chart_malpu .per-w {
  color: var(--color-bdsplanet);
}
.chart_malpu .day {
  color: #666;
}
.chart_malpu .dif em {
  margin-left: 2px;
  font-weight: bold;
  color: #222;
  font-weight: bold;
}
.chart_malpu .sky {
  color: var(--color-bdsplanet);
}
.chart_malpu .red {
  color: var(--color-def-red);
}
.chart_malpu .purple {
  color: #6574e4;
}
.chart_malpu .black {
  color: #000;
}
.chart_malpu .blue {
  color: #dd50ee;
}
.chart_malpu .bold {
  font-weight: bold;
}

.chart_sang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 80px;
  background: #f1f6fb;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chart_sang .txt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 50%;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.chart_sang.three .txt {
  width: 33.3%;
}
.chart_sang.three .txt:nth-child(2) {
  width: 33.4%;
}
.chart_sang .txt:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 1px;
  height: 36px;
  background: #dee3e7;
}
.chart_sang .txt:first-child:before {
  content: normal;
}
.chart_sang .txt strong {
  display: block;
  width: 100%;
  font-size: 15px;
  margin-bottom: 6px;
  font-weight: 700;
}
.chart_sang .txt strong.sky {
  color: #27aae1;
}
.chart_sang .txt strong.red {
  color: var(--color-def-red);
}
.chart_sang .txt strong.purple {
  color: #6574e4;
}
.chart_sang .txt strong.ypurple {
  color: #f740c6;
}
.chart_sang .txt strong.black {
  color: #000;
}
.chart_sang .txt strong.blue {
  color: #1f75ea !important;
}
.chart_sang .txt > span {
  font-size: 13px;
  color: #666666;
}

.chart-sang-area .sil01 {
  height: 60px;
}
.chart-sang-area .sil02 {
  height: 40px;
  margin-top: 1px;
}
.chart-sang-area .sil02 .txt strong {
  margin: 0;
  font-size: 13px;
}
.chart-sang-area .sil02 .txt:before {
  height: 15px;
}
.chart-sang-area .sil02 .txt strong span {
  font-family: var(--font-default-two);
}

.bu_chart_area .etc {
  display: block;
  margin-top: 14px;
  color: #999999;
  font-size: 13px;
  text-align: right;
}

.per_bi {
  margin-top: 30px;
}

.bikyo_dash {
  display: block;
  font-size: 0;
  line-height: 1;
}
.bikyo_dash span {
  font-size: 14px;
  line-height: 21px;
}
.bikyo_dash span:before {
  content: ">";
  margin: 0 4px;
  color: var(--color-bdsplanet);
}
.bikyo_dash span:first-child:before {
  content: normal;
}

.sang_double_chart {
  position: relative;
}
.sang_double_chart .cha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sang_double_chart .ch01 {
  width: 230px;
  margin-right: 10px;
}
.sang_double_chart .ch02 {
  width: 450px;
}

.chart_top_readme {
  position: absolute;
  top: -27px;
  right: 0px;
}

.u_dong_pyo {
  position: relative;
  margin: 5px 0;
  line-height: 1;
}
.u_dong_pyo:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #e5e5e5;
  left: 87px;
  top: 0px;
}
.u_dong_pyo span {
  display: inline-block;
  color: #222;
}
.u_dong_pyo .day {
  width: 87px;
  margin-right: 15px;
}
.u_dong_pyo .num {
  margin-right: 14px;
}
.u_dong_pyo div {
  margin-top: 20px;
}
.u_dong_pyo div:first-child {
  margin-top: 0;
}

.td_po_pre {
  height: 75px;
  text-align: center;
  line-height: 1 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.td_po_pre .main_num {
  display: block;
  font-size: 17px;
  color: #222222;
}
.td_po_pre .def_txt {
  display: block;
  margin-top: 7px;
}
.td_po_pre .pre {
  display: flex;
  flex-wrap: wrap;
  margin-top: 7px;
  justify-content: center;
  gap: 4px 7px;
}
.td_po_pre .pre .type {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  border: 1px solid #666666;
  color: #666666;
  width: 32px;
  height: 17px;
  border-radius: 8px;
  margin-right: 4px;
}
.td_po_pre .pre .men.more .type {
  border-color: var(--color-bdsplanet);
  color: var(--color-bdsplanet);
}
.td_po_pre .pre .women.more .type {
  border-color: var(--color-def-red);
  color: var(--color-def-red);
}

.d_w_j {
  position: relative;
}

.gongin_list {
  display: none;
  background: #fff;
  width: 100%;
  height: 161px;
  position: absolute;
  top: 44px;
  left: 0px;
  border: 1px solid #7790ad;
  z-index: 1;
  overflow-y: scroll;
}
.gongin_list.on {
  display: block;
}
.gongin_list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /* height: 53px; */
  padding: 5px 0 5px 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  line-height: 20px;
}
.gongin_list a:hover {
  background: #f8f8f8;
}
.gongin_list a div {
  width: 100%;
}
.gongin_list .blue {
  color: var(--color-bdsplanet);
  font-weight: bold;
}
.gongin_list .addr {
  margin-top: 3px;
  color: #999999;
}

/*



	██           ██ ███    ██ ██████  ██    ██ ████████      █████  ██████  ███████  █████               ██
	██  ▄ ██ ▄    ██ ████   ██ ██   ██ ██    ██    ██        ██   ██ ██   ██ ██      ██   ██     ▄ ██ ▄  ██
 ██    ████     ██ ██ ██  ██ ██████  ██    ██    ██        ███████ ██████  █████   ███████      ████  ██
 ██    ▀ ██ ▀    ██ ██  ██ ██ ██      ██    ██    ██        ██   ██ ██   ██ ██      ██   ██     ▀ ██ ▀██
██               ██ ██   ████ ██       ██████     ██        ██   ██ ██   ██ ███████ ██   ██          ██



*/
.input_phone01 {
  line-height: 1;
}
.input_phone01 .checkbox_area {
  margin-top: 10px;
}
.input_phone01 .checkbox_area .dg_checkbox {
  margin-top: 5px;
}
.input_phone01 .checkbox_area .dg_checkbox:first-child {
  margin-top: 0;
}

.d_textarea_length .lg {
  display: block;
  margin-top: 5px;
  line-height: 1;
  text-align: right;
  color: #999;
  font-size: 13px;
}
.d_textarea_length .lg em {
  color: #000;
}

.page-all-btn {
  display: flex;
  line-height: 1;
  justify-content: center;
  margin-top: 40px;
}
.page-all-btn a {
  display: inline-flex;
  width: 150px;
  height: 45px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  margin-left: 10px;
}
.page-all-btn a:first-child {
  margin-left: 0;
}
.page-all-btn a.blue {
  background: var(--color-bdsplanet02);
}
.page-all-btn a.sky {
  background: var(--color-bdsplanet);
}

.page-btn-area {
  display: flex;
  margin: 40px 0 0;
  line-height: 1;
  justify-content: center;
}
.page-btn-area .btns {
  width: 180px;
  height: 45px;
  margin-left: 10px;
}
.page-btn-area .btns .txt {
  font-size: 16px;
}
.page-btn-area .btns:first-child {
  margin: 0;
}

/*



██    ██ ██████      ██  ██████  ███    ██  ██████
██    ██ ██   ██     ██ ██    ██ ████   ██ ██
██    ██ ██████      ██ ██    ██ ██ ██  ██ ██   ███
██    ██ ██     ██   ██ ██    ██ ██  ██ ██ ██    ██
 ██████  ██      █████   ██████  ██   ████  ██████



*/
.upjong-box {
  margin-top: 15px;
}
.upjong-box .sc-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px 88px;
  background: #fafafa;
}
.upjong-box .sc-area input {
  width: 745px;
  height: 35px;
  margin-right: 5px;
  border: 1px solid #dddddd;
}
.upjong-box .sc-area .btn_m {
  width: 100px;
  height: 35px;
}
.upjong-box .res {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 88px 25px;
  border-top: 1px solid #eeeeee;
  background: #fafafa;
}
.upjong-box .res .tit {
  display: block;
  margin-bottom: 13px;
  color: #7790ad;
  font-size: 18px;
}
.upjong-box .res .seh {
  width: 400px;
  height: 285px;
  border: 1px solid #ddd;
  background: #fff;
}
.upjong-box .res .seh .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #999999;
  font-weight: 300;
  font-size: 14px;
}
.upjong-box .res .seh .ar {
  height: 100%;
}
.upjong-box .res .seh a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666666;
  font-size: 14px;
  padding-left: 20px;
}
.upjong-box .res .seh a:hover, .upjong-box .res .seh a:focus, .upjong-box .res .seh a.on {
  background: #f4f4f4;
  color: var(--color-bdsplanet);
}
.upjong-box .res .seh .no-data01 {
  height: 231px;
}
.upjong-box .res .bu.dae {
  margin-right: 50px;
}
.upjong-box .res .bu.solo {
  width: 100%;
  margin-right: 0;
}
.upjong-box .res .etc_txt {
  width: 100%;
  margin-top: 19px;
  color: #7790ad;
  font-size: 14px;
  text-align: center;
}
.upjong-box .res .bu.solo .seh {
  width: 100%;
}

/*



██    ██ ██
██    ██ ██
██    ██ ██
██    ██ ██
 ██████  ██



*/
.ui_cp_slip_check {
  position: relative;
  width: 75px;
  height: 20px;
  background: #f8f8f8;
  border: 1px solid #dddddd;
  border-radius: 12px;
  line-height: 1;
  user-select: none;
}
.ui_cp_slip_check.right_none, .ui_cp_slip_check.left_none {
  background: #f5f5f5 !important;
}
.ui_cp_slip_check .tw {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}
.ui_cp_slip_check a,
.ui_cp_slip_check label {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #222222;
  font-size: 12px;
  font-weight: bold;
}
.ui_cp_slip_check a.on,
.ui_cp_slip_check label.on {
  z-index: 1;
  color: #fff;
  width: 100%;
}
.ui_cp_slip_check a:nth-child(1),
.ui_cp_slip_check label:nth-child(1) {
  padding-right: 50%;
}
.ui_cp_slip_check a:nth-child(2),
.ui_cp_slip_check label:nth-child(2) {
  padding-left: 50%;
}
.ui_cp_slip_check a.on:nth-child(1),
.ui_cp_slip_check label.on:nth-child(1) {
  padding-right: 50%;
}
.ui_cp_slip_check a.on:nth-child(2),
.ui_cp_slip_check label.on:nth-child(2) {
  padding-left: 50%;
}
.ui_cp_slip_check a:not(.on):before,
.ui_cp_slip_check label:not(.on):before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.ui_cp_slip_check a:not(.on):nth-child(1):before,
.ui_cp_slip_check label:not(.on):nth-child(1):before {
  left: 0px;
}
.ui_cp_slip_check a:not(.on):nth-child(2):before,
.ui_cp_slip_check label:not(.on):nth-child(2):before {
  right: 0px;
}
.ui_cp_slip_check .one {
  position: absolute;
  top: 50%;
  margin-top: -13px;
  width: 40px;
  height: 25px;
  background: #4f5f72;
  border-radius: 12px;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.ui_cp_slip_check a.on:nth-child(1) ~ .one,
.ui_cp_slip_check label.on:nth-child(1) ~ .one {
  left: 0px;
}
.ui_cp_slip_check a.on:nth-child(2) ~ .one,
.ui_cp_slip_check label.on:nth-child(2) ~ .one {
  left: calc(100% - 40px);
}
.ui_cp_slip_check.style_ap {
  width: 50px;
  height: 30px;
  border: 2px solid #eeeeee;
  border-radius: 14px;
  background: #fff;
}
.ui_cp_slip_check.style_ap .one {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background: #fff;
  -webkit-box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 4px 2px rgba(0, 0, 0, 0.15);
}
.ui_cp_slip_check.allwon-blue {
  width: 60px;
  height: 30px;
  background: #e6e6e6;
  border-radius: 30px;
  border: none;
}
.ui_cp_slip_check.allwon-blue .one {
  width: 50%;
  height: 100%;
  margin-top: 0;
  top: 0;
  background: #1884d6;
  border-radius: 100%;
}
.ui_cp_slip_check.allwon-blue a,
.ui_cp_slip_check.allwon-blue label {
  color: #666666;
  font-size: 13px;
}
.ui_cp_slip_check.allwon-blue a.on,
.ui_cp_slip_check.allwon-blue label.on {
  color: #fff;
}
.ui_cp_slip_check.allwon-blue a.on:nth-child(2) ~ .one,
.ui_cp_slip_check.allwon-blue label.on:nth-child(2) ~ .one {
  left: 50%;
}
.ui_cp_slip_check.right_none a {
  cursor: default;
}
.ui_cp_slip_check.right_none:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 1px dashed #d8d8d8;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-box-sizing: border-box;
}
.ui_cp_slip_check.yeongray {
  height: 24px;
}
.ui_cp_slip_check.yeongray .one {
  height: 24px;
  margin-top: -12px;
  background-color: #aabcd2;
}
.ui_cp_slip_check.darkgray {
  height: 24px;
}
.ui_cp_slip_check.darkgray .one {
  height: 24px;
  margin-top: -12px;
  background-color: #444444;
}
.ui_cp_slip_check.free .one {
  width: 50%;
}
.ui_cp_slip_check.free a.on:nth-child(2) ~ .one,
.ui_cp_slip_check.free label.on:nth-child(2) ~ .one {
  left: 50%;
}

.slip-off a {
  cursor: default !important;
  color: #999 !important;
}
.slip-off .one {
  background: #d0d0d0 !important;
}
.slip-off a.on,
.slip-off label.on {
  color: #fff !important;
}
.slip-off dt {
  color: #aaaaaa !important;
}

.ui_roll_ap {
  display: block;
  position: relative;
  width: 24px;
  height: 16px;
  border: 1px solid #e6e6e6;
  border-radius: 14px;
  background-color: #e6e6e6;
}
.ui_roll_ap .won {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #fff;
}
.ui_roll_ap.ani {
  transition: 0.2s ease-out;
}
.ui_roll_ap.ani .won {
  transition: 0.2s ease-out;
}
.ui_roll_ap.on {
  border-color: var(--color-bdsplanet);
  background: var(--color-bdsplanet);
}
.ui_roll_ap.on .won {
  left: calc(100% - 14px);
}

.ui_roll_ap_exp {
  display: flex;
  align-items: center;
}
.ui_roll_ap_exp .etc-txt {
  margin-left: 4px;
  color: #222222;
  font-size: 13px;
}
.ui_roll_ap_exp.hide {
  display: none;
}

.iScrollHorizontalScrollbar {
  position: absolute;
  z-index: 9999;
  height: 5px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  overflow: hidden;
}
.iScrollHorizontalScrollbar.iScrollBothScrollbars {
  right: 18px;
}

.iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9999;
  width: 5px;
  bottom: 2px;
  top: 2px;
  right: 2px;
  overflow: hidden;
}
.iScrollVerticalScrollbar.iScrollBothScrollbars {
  bottom: 18px;
}

.iScrollIndicator {
  position: absolute;
  background: #bbc7d6;
  border-radius: 360px;
}

.iScrollHorizontalScrollbar .iScrollIndicator {
  height: 100%;
  background: #bbc7d6;
}

.iScrollVerticalScrollbar .iScrollIndicator {
  width: 100%;
  background: #bbc7d6;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
  background: #ffffff;
  border: 1px solid #bbb;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
  text-align: center;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
  left: 0;
}
.ui-datepicker .ui-datepicker-next {
  right: 0px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 3px;
  background: url("/images/ui_icon.png") no-repeat 0 0;
}
.ui-datepicker .ui-datepicker-prev span {
  background-position: -80px -192px;
}
.ui-datepicker .ui-datepicker-next span {
  background-position: -47px -192px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
  font-weight: bold;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}
.ui-datepicker th {
  padding: 0.7em 0.3em 0.5em;
  background: #6a8395;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 1px solid #ddd;
  padding: 1px;
}
.ui-datepicker td span {
  display: block;
  padding: 0.3em 0.2em 0.1em;
  text-align: right;
  text-decoration: none;
  color: #666;
}
.ui-datepicker td a {
  display: block;
  padding: 0.3em 0.2em 0.1em;
  text-align: right;
  text-decoration: none;
  color: #666;
}
.ui-datepicker td a.ui-state-active {
  color: #007ed6;
  text-decoration: underline;
  font-weight: bold;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

/* with multiple calendars */
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-loading-wrap {
  display: flex;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10000;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.ui-loading-wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
}
.ui-loading-wrap.nottrans {
  background: rgb(255, 255, 255);
}
.ui-loading-wrap.nottrans .lds-ellipsis div {
  background: #4f5f72;
}
.ui-loading-wrap.no-dimm:before {
  content: normal;
}
.ui-loading-wrap.absolute {
  position: absolute;
}
.ui-loading-wrap span {
  display: block;
  position: relative;
}
.ui-loading-wrap span em {
  display: inline-block;
}
.ui-loading-wrap span em.style01 {
  background: #fff url("/images/bds_loader.gif") no-repeat center;
  width: 140px;
  height: 140px;
  background-size: 100%;
}
.ui-loading-wrap span em.style02 {
  background: #fff url("/images/champ_loader_2.gif") no-repeat center;
  width: 150px;
  height: 150px;
  background-size: 100%;
}
.ui-loading-wrap span em.style03 {
  background: #fff url("/images/loading03.gif") no-repeat center;
  width: 100px;
  height: 100px;
  background-size: 60px;
  border-radius: 150px;
}
.ui-loading-wrap span em.style04 {
  background: #fff url("/images/loading04.gif") no-repeat center;
  width: 100px;
  height: 100px;
  background-size: 80px;
  border-radius: 150px;
}
.ui-loading-wrap span em.style05 {
  background: #fff url("/images/loading05.gif") no-repeat center;
  width: 100px;
  height: 100px;
  background-size: 60px;
  border-radius: 150px;
}

.tab_on {
  display: block !important;
}

.ldBar {
  position: relative;
}
.ldBar.label-center > .ldBar-label {
  position: absolute;
  top: 42%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}

.ldBar-label:after {
  content: "%";
  display: inline;
}

.ldBar.no-percent .ldBar-label:after {
  content: "";
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  position: absolute;
  transform: scale(0.6);
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
.lds-ellipsis.count div {
  top: 41px;
}
.lds-ellipsis.gray div {
  background: #4e4e4e;
}

@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}
@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
    transform: translate(19px, 0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(19px, 0);
    transform: translate(19px, 0);
  }
}
/*



		 ██  ██████  ██ ███    ██      ██████  ██████  ███    ███ ███    ███  ██████  ███    ██
		 ██ ██    ██ ██ ████   ██     ██      ██    ██ ████  ████ ████  ████ ██    ██ ████   ██
		 ██ ██    ██ ██ ██ ██  ██     ██      ██    ██ ██ ████ ██ ██ ████ ██ ██    ██ ██ ██  ██
	██   ██ ██    ██ ██ ██  ██ ██     ██      ██    ██ ██  ██  ██ ██  ██  ██ ██    ██ ██  ██ ██
	 █████   ██████  ██ ██   ████      ██████  ██████  ██      ██ ██      ██  ██████  ██   ████



	*/
.j-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 600px;
  margin: 0 auto;
  min-height: calc(100% - 240px);
  line-height: 1;
}

.j-content {
  width: 100%;
  background: #fff;
}
.j-content .jt {
  border-bottom: 1px solid #eee;
}

.j-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 120px;
  padding: 40px 0;
  text-align: center;
  letter-spacing: -0.2px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.j-foot .txt {
  font-size: 12px;
  color: #888888;
}

.jc.type-bg {
  position: relative;
}
.jc.type-bg:before {
  content: "";
  display: block;
  position: absolute;
  top: 179px;
  left: 0px;
  width: 100%;
  height: calc(100% - 180px);
  background: #fafafa;
  border-top: 1px solid #eeeeee;
}

.j-wrap .jc {
  padding: 0 125px 50px;
}
.j-wrap .jc.sa {
  padding-bottom: 40px;
}
.j-wrap .j-title {
  padding: 20px 125px 10px 125px;
}
.j-wrap .j-title.end {
  padding-bottom: 10px;
}
.j-wrap .j-title h2 {
  color: #222;
  font-weight: bold;
  font-size: 30px;
  line-height: 1;
  text-align: center;
}

.joinpage .j-wrap .j-title {
  padding: 50px 125px;
}
.joinpage .j-wrap .j-title h2 {
  font-weight: bold;
  font-family: var(--font-default);
}

.j-wrap .j-title h3 {
  margin-top: 15px;
  color: #000000;
  font-size: 19px;
  line-height: 1;
}

.joinpage .j-wrap .j-title h3 + h2 {
  margin-top: 12px;
  margin-left: -10px;
}

.j-wrap .j-title .readme {
  margin-top: 20px;
  color: #7790ad;
  font-size: 14px;
  line-height: 18px;
}

.d_w_mail {
  margin-top: 15px;
}

.j-email-join {
  position: relative;
  margin-top: 40px;
}
.j-email-join .d_w_password {
  margin-top: 15px;
}
.j-email-join .s_rc_ul {
  margin-top: 25px;
}

.j-end-txt {
  line-height: 1;
  text-align: center;
}
.j-end-txt .mtxt {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.j-end-txt .mtxt.red {
  color: var(--color-def-red);
}
.j-end-txt p {
  color: #666666;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 600px;
  margin: 15px -125px 0;
}
.j-end-txt p .blue {
  color: var(--color-bdsplanet);
}

.j-etc-banner {
  margin-top: 38px;
}

.jctitle {
  display: block;
  margin: 0 0 20px;
  font-size: 19px;
  font-weight: bold;
}

.jts {
  margin-top: 15px;
}

.jts_f {
  margin-top: 5px;
}

.j-daejung .jt {
  padding-top: 40px;
}
.j-daejung .jt:first-child {
  padding-top: 0px;
}

.j_m_cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.j_m_cate .tx {
  color: #666666;
}
.j_m_cate .ar .btns {
  margin-left: 5px;
  width: 80px;
  height: 50px;
  line-height: 18px;
  text-align: center;
}
.j_m_cate .ar .btns:first-child {
  margin-left: 0;
}
.j_m_cate .ar .btns:after {
  content: normal;
}

.down_agree .dak_readme {
  margin-bottom: 36px;
  color: #7790ad;
  font-size: 13px;
  line-height: 20px;
}

.tal_eu {
  background: #fafafa;
}
.tal_eu .talreadme {
  margin-bottom: 38px;
  color: #666666;
  line-height: 20px;
}

.pil_read {
  margin-bottom: 40px;
  text-align: center;
}

.j-type-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 60px;
  margin-top: 15px;
  color: #fff;
  font-size: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 6px;
}
.j-type-list a:first-child {
  margin-top: 0;
}
.j-type-list a.naver {
  background-color: #03c75a;
}
.j-type-list a.facebook {
  background-color: #0866ff;
}
.j-type-list a.kakao {
  background-color: #fee500;
  color: #222222;
}
.j-type-list a.email {
  background-color: #7790ad;
}
.j-type-list a span {
  display: inline-flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.j-type-list .txt {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 50px;
  font-weight: bold;
  letter-spacing: 0;
}
.j-type-list .ico {
  width: 66px;
  justify-content: center;
  padding-right: 2px;
}
.j-type-list .ico:before {
  content: "";
  display: block;
  background: url("/images/join/common_join.png") no-repeat left top;
}
.j-type-list a.naver .ico:before {
  width: 20px;
  height: 20px;
  background-position: 0 -88px;
}
.j-type-list a.facebook .ico:before {
  width: 26px;
  height: 26px;
  background-position: 0 -120px;
}
.j-type-list a.kakao .ico:before {
  width: 26px;
  height: 24px;
  background-position: 0 -156px;
}
.j-type-list a.email .ico:before {
  width: 22px;
  height: 16px;
  background-position: 0 -61px;
}

/* .j-type-list a.naver .txt{border-right:1px solid #11b200} */
/* .j-type-list a.naver .ico{border-left:1px solid #39d500} */
/* .j-type-list a.facebook .txt{border-right:1px solid #334e8d} */
/* .j-type-list a.facebook .ico{border-left:1px solid #4966a2} */
/* .j-type-list a.email .txt{border-right:1px solid #6a83a2} */
/* .j-type-list a.email .ico{border-left:1px solid #829ab4} */
.pop-j-con {
  margin-top: 40px;
}

.d_dj_area .dd {
  margin-top: 5px;
}
.d_dj_area .dd:first-child {
  margin-top: 0;
}

.p_j_login .title {
  display: block;
  margin-bottom: 15px;
  line-height: 1;
  color: #7790ad;
  font-size: 16px;
  height: 31px;
  border-bottom: 1px solid #7790ad;
}

.p_login_util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 18px;
}
.p_login_util a {
  display: block;
  color: #666;
  font-size: 13px;
  margin-left: 18px;
  padding-bottom: 3px;
  border-bottom: 1px solid #666;
}
.p_login_util a:first-child {
  margin-left: 0;
}

.pop-j-con.emailoff .email-login {
  display: none;
}

.pop_login .email-login .p_login_util {
  margin-top: 0px;
  position: absolute;
  bottom: 1px;
  right: 0px;
}
.pop_login .email-login .dae_btn_area {
  margin: 20px 0 0;
}

.plogin-etc-join {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
}
.plogin-etc-join a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 40px;
  background: #e7f1ff;
  color: #3b7ed8;
  font-size: 14px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 10px;
  border-radius: 5px;
  font-weight: bold;
}
.plogin-etc-join a:first-child {
  margin-left: 0;
}

.pop_login .email-login .p_login_util {
  margin-top: 0px;
  position: absolute;
  bottom: 1px;
  right: 0px;
}

.spc_radio_list label .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.spc_radio_list .dgs {
  position: relative;
  width: 100%;
  height: 45px;
  padding: 0 25px;
}
.spc_radio_list .dgs label {
  z-index: 1;
}
.spc_radio_list .dgs .border {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 1px solid #dddddd;
  border-radius: 25px;
}
.spc_radio_list .dgs .type {
  font-size: 12px;
}

.dgs input:checked ~ .border {
  border-color: var(--color-bdsplanet);
}
.dgs input:checked ~ label .txt {
  color: var(--color-bdsplanet);
}
.dgs input:disabled ~ .border {
  background: #f5f5f5;
}
.dgs input:disabled ~ label {
  cursor: default;
}
.dgs input:disabled ~ label .txt {
  color: #999;
}
.dgs input:disabled ~ label:before {
  opacity: 0;
}

.spc_radio_list li {
  margin-top: 10px;
}
.spc_radio_list li:first-child {
  margin-top: 0;
}

.spc_con {
  height: 210px;
  width: 400px;
  margin-left: -40px;
}
.spc_con > div {
  padding: 0 40px;
}
.spc_con .mCSB_scrollTools {
  padding: 0 20px;
  right: 0;
}

.pop_pw_modify .me_join {
  text-align: center;
}
.pop_pw_modify .me_join .tre {
  display: block;
  color: #999999;
  font-size: 13px;
}
.pop_pw_modify .me_join .meid {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  font-weight: bold;
}
.pop_pw_modify .pop-j-con {
  margin-top: 30px;
}

/* myinfo con */
.myinfo_bg {
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
}
.myinfo_bg:before {
  content: "";
  position: absolute;
  top: 50px;
  left: 0px;
  width: 100%;
  height: 270px;
  background: #fafafa;
}

.myinfo_con .j-wrap {
  border: 1px solid #eee;
}
.myinfo_con .dae_title_area {
  text-align: center;
  margin-bottom: 30px;
}
.myinfo_con .dae_title_area .daet {
  font-size: 30px;
  font-weight: 700;
}
.myinfo_con .jt.ptbok {
  padding-top: 40px;
}
.myinfo_con .jt:last-child {
  border-bottom: 0px;
}

.d_me_photo_up {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1;
}
.d_me_photo_up .imgarea {
  width: 80px;
  height: 80px;
  background: url("/images/img_none_user.png") no-repeat left top;
}
.d_me_photo_up .imgarea.build {
  background: url("/images/img_none_gong.png") no-repeat left top;
}
.d_me_photo_up .imgarea img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
.d_me_photo_up .file_in {
  width: 253px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: center;
  align-content: center;
}
.d_me_photo_up .file_b input {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0;
  height: 0;
}
.d_me_photo_up .readme {
  display: block;
  margin-top: 15px;
  width: 100%;
  font-size: 13px;
  color: #999;
}

a.btn_joi,
label.btn_joi {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  height: 30px;
  border: 1px solid #e5e5e5;
  color: var(--color-bdsplanet);
  cursor: pointer;
}

a.btn_joi.bl {
  color: #666;
}

.meinfo_foot_util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}
.meinfo_foot_util a {
  width: 120px;
  padding: 0;
  margin-left: 10px;
}
.meinfo_foot_util a:first-child {
  margin-left: 0;
}

.d_input_mail_dis {
  cursor: default;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 45px;
  border: 1px solid #dddddd;
  background: #f5f5f5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -0.5px;
  padding: 0px 9px 0px;
}
.d_input_mail_dis .type {
  margin-left: 4px;
  font-size: 12px;
  color: #7790ad;
}

/* font-size */
.f15 {
  font-size: 15px !important;
}

#naver_dic_audio_controller {
  display: none;
}

/*
* common layout style of page
*/
html.map {
  overflow-y: hidden;
}
html.map .wrapper {
  width: auto;
}
html.map .header .wrapper {
  margin: 0 20px;
}

.wrapper {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 1000px;
}
.wrapper:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

/* header */
.header {
  height: 80px;
  background-color: #ffffff;
  min-width: 1000px;
  position: relative;
  z-index: 1000;
}

.header-logo {
  float: left;
  margin: 28px 0 0 0;
}
.header-logo a {
  display: block;
  width: 142px;
  height: 33px;
  background: url(../images/logo.png) no-repeat;
}

.header-gnb {
  float: right;
  margin: 43px 0px 0 0;
}
.header-gnb .gnb-item {
  position: relative;
  float: left;
  margin-left: 40px;
}
.header-gnb .gnb-item:first-child {
  margin-left: 0;
}
.header-gnb .gnb-main-link {
  display: block;
  height: 37px;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
.header-gnb .gnb-main-link > span {
  color: #888888;
  font-size: 14px;
  font-weight: normal;
}
.header-gnb .gnb-main-link > span:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 13px;
  margin: 0px 5px 0 3px;
  border-left: 1px solid #bbb;
  vertical-align: -2px;
}
.header-gnb .gnb-main-link.spc {
  color: #2475d0;
}
.header-gnb .gnb-main-link.spc:before {
  content: "";
  background: url(../images/ico_in01.png) no-repeat;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin-right: 7px;
  vertical-align: -3px;
}
.header-gnb .gnb-main-link:hover, .header-gnb .gnb-main-link.on {
  color: #25aae2;
  border-bottom: 3px solid var(--color-bdsplanet);
}
.header-gnb .gnb-main-link:hover span, .header-gnb .gnb-main-link.on span {
  color: #25aae2;
}
.header-gnb .gnb-main-link.spc:hover, .header-gnb .gnb-main-link.spc.on {
  color: #2475d0;
  border-bottom: 3px solid #2475d0;
}
.header-gnb .gnb-sub-wrap {
  display: none;
  width: 100%;
  position: absolute;
  top: 33px;
  left: 0;
  padding: 15px 17px;
  border: 3px solid #25aae2;
  background: #ffffff;
}
.header-gnb .gnb-sub-wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -10px;
  width: 19px;
  height: 12px;
  background: url(../images/new_cur.png) no-repeat left top;
}

/*


#typeA .header-gnb .gnb-main-link:hover, #typeA .header-gnb .gnb-main-link.on {
color:#FFCC00;
border-bottom:3px solid #FFCC00;

}
#typeA .header-gnb .gnb-main-link:hover:after, #typeA .header-gnb .gnb-main-link.on:after {
}
#typeB .header-gnb .gnb-main-link:hover, #typeB .header-gnb .gnb-main-link.on {

color:#2DADB8;
border-bottom:3px solid #2DADB8
}
#typeB .header-gnb .gnb-main-link:hover:after, #typeB .header-gnb .gnb-main-link.on:after {
background: url(../images/bg_gnb-typeB.png) no-repeat right top;
}
*/
#typeA .header-gnb .gnb-sub-wrap,
#typeB .header-gnb .gnb-sub-wrap {
  display: none;
  width: 120px;
  position: absolute;
  top: 33px;
  left: 50%;
  margin-left: -80px;
  padding: 15px 17px;
  border: 3px solid #25aae2;
  background: #ffffff;
}

#typeA .header-gnb .gnb-sub-wrap:before,
#typeB .header-gnb .gnb-sub-wrap:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 50%;
  margin-left: -10px;
  width: 19px;
  height: 12px;
  background: url(../images/new_cur.png) no-repeat left top;
}

.header-gnb .gnb-sub-wrap.on {
  display: block !important;
}
.header-gnb .gnb-sub-wrap.narrow {
  width: 81px;
  margin-left: -40px;
  background: url(../images/bg_gnb_sub_narrow.png) no-repeat;
}
.header-gnb .gnb-sub-wrap.narrow:after {
  background: url(../images/bg_gnb_sub_narrow.png) no-repeat left bottom;
}
.header-gnb .gnb-sub-item {
  margin-top: 15px;
}
.header-gnb .gnb-sub-item:first-child {
  margin-top: 0;
}
.header-gnb .gnb-sub-link {
  font-size: 14px;
  font-weight: normal;
  color: #666;
}
.header-gnb .gnb-sub-link:hover, .header-gnb .gnb-sub-link.on {
  color: #222;
  text-decoration: underline;
  font-weight: bold;
}

#typeA .header-gnb .gnb-main-link,
#typeB .header-gnb .gnb-main-link {
  display: block;
  height: 28px;
  position: relative;
  line-height: 28px;
  padding: 0 17px;
  font-size: 16px;
  font-weight: bold;
  color: #555;
}

#typeA .header-gnb .gnb-sub-link:hover, #typeA .header-gnb .gnb-sub-link.on {
  color: #ffcc00;
}

#typeB .header-gnb .gnb-sub-link:hover, #typeB .header-gnb .gnb-sub-link.on {
  color: #2dadb8;
}

.header-util {
  position: absolute;
  top: 12px;
  right: 0px;
}
.header-util .util-item {
  position: relative;
  float: left;
  margin-left: 12px;
  padding-right: 12px;
}
.header-util .util-item.last {
  padding-right: 0;
}
.header-util .util-item.last:after {
  display: none;
}
.header-util .util-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 4px;
  right: 0;
  background: #ddd;
}
.header-util .util-link {
  font-size: 13px;
  font-weight: bold;
  color: #999999;
  letter-spacing: -0.5px;
}
.header-util .util-link.js-my.on {
  color: #25aae2;
}
.header-util .util-link.js-my:before {
  content: "";
  position: absolute;
  width: 50px;
  height: 38px;
  left: -8px;
  top: -8px;
}
.header-util .util-link:hover {
  color: var(--color-bdsplanet);
}

.button-champ {
  position: absolute;
  right: 0;
  top: 13px;
}

/*.header-my {
width: 192px;
height: 70px;
position: absolute;
top: 0;
right: 0;
text-align: center;
background: var(--color-bdsplanet);
}*/
.header-my-title {
  display: inline-block;
  width: 192px;
  height: 70px;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  line-height: 70px;
}
.header-my-title .typo {
  display: inline-block;
  padding-left: 42px;
  background: url(../images/icon_mychamp.png) no-repeat 0 18px;
}

.header-my-sub {
  display: none;
  width: 388px;
  height: 337px;
  position: absolute;
  top: 29px;
  right: 0;
  padding: 15px 20px;
  border: 3px solid var(--color-bdsplanet);
  background: #ffffff;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.header-my-sub:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  right: 9px;
  margin-left: -10px;
  width: 19px;
  height: 12px;
  background: url(../images/new_cur.png) no-repeat left top;
}
.header-my-sub.on {
  display: block;
}

.header-my-member {
  padding-bottom: 15px;
  border-bottom: 1px solid #d8d8d8;
}
.header-my-member .member-name {
  height: 45px;
  padding-left: 56px;
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  line-height: 45px;
  background: url(../images/icon_user.png) no-repeat;
}
.header-my-member .member.login, .header-my-member .member.logout {
  display: block;
  position: relative;
  float: right;
  padding-top: 25px;
  margin-top: 5px;
  border: 0;
  background: 0;
  font-size: 13px;
  font-weight: bold;
  color: #666;
}
.header-my-member .member.login:after {
  content: "";
  display: block;
  width: 21px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -8px;
  background: url(../images/icon_log_io.png) no-repeat 0 0;
}
.header-my-member .member.logout:after {
  content: "";
  display: block;
  width: 21px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -8px;
  background: url(../images/icon_log_io.png) no-repeat 0 0;
  background-position: 0 -22px;
}
.header-my-member:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.header-my-info {
  padding: 30px 10px 22px;
  border-bottom: 1px solid #d8d8d8;
}
.header-my-info .info-list {
  float: left;
  margin-right: 35px;
}
.header-my-info .info-list.last {
  margin: 0;
}
.header-my-info .info-link {
  display: block;
  position: relative;
  padding-top: 30px;
  font-size: 13px;
  font-weight: 700;
  color: #222;
}
.header-my-info .info-link:hover {
  color: var(--color-bdsplanet);
}
.header-my-info .info-link:after {
  content: "";
  display: block;
  width: 34px;
  height: 22px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -17px;
  background: url(../images/icon_mychamp_sub.png) no-repeat;
}
.header-my-info .info-link.info-modify:after {
  background-position: 0 0;
}
.header-my-info .info-link.info-modify:hover:after {
  background-position: -35px 0;
}
.header-my-info .info-link.info-goods:after {
  background-position: 0 -23px;
}
.header-my-info .info-link.info-goods:hover:after {
  background-position: -35px -23px;
}
.header-my-info .info-link.info-payment:after {
  background-position: 0 -46px;
}
.header-my-info .info-link.info-payment:hover:after {
  background-position: -35px -46px;
}
.header-my-info .info-link.info-usage:after {
  background-position: 0 -69px;
}
.header-my-info .info-link.info-usage:hover:after {
  background-position: -35px -69px;
}
.header-my-info:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.header-my-history {
  margin-top: 20px;
}
.header-my-history:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.header-my-history .history-list {
  float: left;
  margin-bottom: 5px;
}
.header-my-history .history-list.odd {
  margin-right: 6px;
}
.header-my-history .history-link {
  display: block;
  width: 145px;
  height: 32px;
  position: relative;
  font-size: 13px;
  font-weight: bold;
  color: #222;
  line-height: 32px;
  text-align: left;
  padding-left: 44px;
  border: 1px solid #d8d8d8;
}
.header-my-history .history-link:hover {
  color: var(--color-bdsplanet);
  border-color: var(--color-bdsplanet);
}
.header-my-history .history-link:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 9px;
  left: 20px;
  background: url(../images/icon_mychamp_sub.png) no-repeat;
}
.header-my-history .history-link.notice:after {
  background-position: 0 -97px;
}
.header-my-history .history-link.notice:hover:after {
  background-position: -20px -97px;
}
.header-my-history .history-link.for-sale:after {
  background-position: 0 -172px;
}
.header-my-history .history-link.for-sale:hover:after {
  background-position: -20px -172px;
}
.header-my-history .history-link.for-sale-current:after {
  background-position: 0 -115px;
}
.header-my-history .history-link.for-sale-current:hover:after {
  background-position: -20px -115px;
}
.header-my-history .history-link.for-sale-favorite:after {
  background-position: 0 -192px;
}
.header-my-history .history-link.for-sale-favorite:hover:after {
  background-position: -20px -192px;
}
.header-my-history .history-link.search-current:after {
  background-position: 0 -134px;
}
.header-my-history .history-link.search-current:hover:after {
  background-position: -20px -134px;
}
.header-my-history .history-link.search-call:after {
  background-position: 0 -153px;
}
.header-my-history .history-link.search-call:hover:after {
  background-position: -20px -153px;
}
.header-my-history .history-link.mediation:after {
  background-position: 0 -210px;
}
.header-my-history .history-link.mediation:hover:after {
  background-position: -20px -210px;
}
.header-my-history .history-link.inquiry:after {
  background-position: 0 -229px;
}
.header-my-history .history-link.inquiry:hover:after {
  background-position: -20px -229px;
}

#typeA .header-logo a,
#typeB .header-logo a {
  background: none;
}

#typeA .header-gnb .gnb-sub-wrap {
  top: 37px;
  border: 3px solid #ffcc00;
}
#typeA .header-gnb .gnb-sub-wrap:before {
  background: url(../images/typeA_new_cur.png) no-repeat left top;
}

#typeB .header-gnb .gnb-sub-wrap {
  top: 37px;
  border: 3px solid #2dadb8;
}
#typeB .header-gnb .gnb-sub-wrap:before {
  background: url(../images/typeB_new_cur.png) no-repeat left top;
}

#typeA .header-gnb .gnb-item,
#typeB .header-gnb .gnb-item {
  position: relative;
  float: left;
  margin-right: 5px;
}

#typeA .header-gnb .gnb-main-link #typeB .header-gnb .gnb-main-link {
  display: block;
  height: 28px;
  position: relative;
  line-height: 28px;
  padding: 0 17px;
  font-size: 16px;
  font-weight: bold;
  color: #555;
}
#typeA .header-gnb .gnb-main-link:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 38px;
}

#typeB .header-gnb .gnb-main-link:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 38px;
}

#typeA .header-gnb .gnb-main-link:hover, #typeA .header-gnb .gnb-main-link.on {
  color: #ffffff;
  border-radius: 100px;
  border: none;
}

#typeB .header-gnb .gnb-main-link:hover, #typeB .header-gnb .gnb-main-link.on {
  color: #ffffff;
  border-radius: 100px;
  border: none;
}

#typeA .header-gnb .gnb-main-link:hover, #typeA .header-gnb .gnb-main-link.on {
  background: #ffcc00;
}

#typeB .header-gnb .gnb-main-link:hover, #typeB .header-gnb .gnb-main-link.on {
  background: #2dadb8;
}

#typeA .header-gnb .gnb-main-link:hover:after, #typeA .header-gnb .gnb-main-link.on:after {
  content: "";
  display: block;
  width: 15px;
  height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/bg_gnb.png) no-repeat right top;
}

#typeB .header-gnb .gnb-main-link:hover:after, #typeB .header-gnb .gnb-main-link.on:after {
  content: "";
  display: block;
  width: 15px;
  height: 28px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/bg_gnb.png) no-repeat right top;
}

/* navigation lnb */
.lnb {
  min-width: 1000px;
  height: 50px;
  background: #ededed;
}

.lnb-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.lnb-list.yellow .lnb-link:hover, .lnb-list.yellow .lnb-link.on {
  color: #fcb040;
}

.lnb-util {
  float: right;
}
.lnb-util:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.lnb-util .view {
  height: 50px;
  float: left;
  padding-right: 15px;
  line-height: 50px;
}
.lnb-util .view-item {
  position: relative;
  float: left;
  margin-left: 3px;
}
.lnb-util .view-item:first-child {
  margin-left: 0;
}
.lnb-util .view-link {
  display: inline-block;
  height: 20px;
  position: relative;
  line-height: 20px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: bold;
  color: #555;
}
.lnb-util .view-link:hover, .lnb-util .view-link.on {
  color: #e70000;
  background: url(../images/bg_lnb_util.png) no-repeat;
}
.lnb-util .view-link:hover:after, .lnb-util .view-link.on:after {
  content: "";
  display: block;
  width: 10px;
  height: 20px;
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/bg_lnb_util.png) no-repeat right top;
}
.lnb-util .social {
  height: 50px;
  float: left;
  padding-right: 20px;
  line-height: 50px;
}
.lnb-util .social-item {
  position: relative;
  float: left;
  margin-right: 20px;
}
.lnb-util .social-link {
  display: inline-block;
  height: 20px;
  position: relative;
  padding-left: 20px;
  line-height: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #555;
}
.lnb-util .social-link:after {
  content: "";
  display: block;
  width: 20px;
  height: 13px;
  position: absolute;
  top: 4px;
  left: 0;
  background: url(../images/icon_social.png) no-repeat;
}
.lnb-util .social-link.search-recent:after {
  background-position: -21px 0;
}
.lnb-util .social-link.on {
  color: #e70000;
}
.lnb-util .social-link.on:after {
  background-position: 0 -14px;
}
.lnb-util .social-link.on.search-recent:after {
  background-position: -21px -14px;
}

.lnb-util-btns {
  padding-top: 10px;
}

/* contents */
.contents {
  min-width: 1000px;
  min-height: 800px;
  position: relative;
}
.contents.top-border {
  border-top: 2px solid var(--color-bdsplanet);
}

.contents-title {
  font-size: 30px;
  font-weight: bold;
  color: #222;
  margin: 0px 0 12px;
  line-height: 30px;
}
.contents-title.mt0 {
  margin-top: 0;
}

.contents-title-wrap {
  margin: 0 0 32px;
}
.contents-title-wrap.s-mb {
  margin-bottom: 15px;
}

.contents-title.has-description {
  margin: 0;
}

.contents-title-desc {
  margin: 15px 0 0 0;
  font-size: 16px;
}

.contents-top-util {
  position: absolute;
  top: 3px;
  right: 0;
}

.contents-mid:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.contents-part .part-top {
  margin: 30px 0 15px;
}
.contents-part .part-top:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.contents-part .part-top.no-top {
  margin-top: 0;
}
.contents-part .part-top.no-bottom {
  margin-bottom: 0;
}
.contents-part .part-title {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin-bottom: 12px;
}
.contents-part .part-subtitle {
  margin-top: 7px;
}
.contents-part .part-mid:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.contents-part .part-mid.border-bottom {
  border-bottom: 1px solid #222;
}
.contents-part .part-mid-title {
  margin: 20px 0 15px;
}
.contents-part .part-mid .list-description {
  margin-bottom: 10px;
}
.contents-part .part-bottom {
  margin: 30px 0 100px;
  text-align: center;
}
.contents-part .part-bottom:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.contents-part .part-bottom.no-top {
  margin-top: 0;
}
.contents-part .part-bottom.no-bottom {
  margin-bottom: 0;
}
.contents-part .regul {
  margin: -3px 0 12px;
}
.contents-part .regul li {
  position: relative;
  padding-left: 13px;
  font-size: 14px;
  line-height: 22px;
  color: #666;
}
.contents-part .regul li:before {
  content: "※";
  position: absolute;
  top: 0px;
  left: 0px;
}
.contents-part .regul .cl-red {
  color: var(--color-def-red);
}

.part-bottom.center {
  margin: 50px 0 0;
  text-align: center;
}

.contents-mid.has-bottom {
  padding-bottom: 100px;
}

.contents-bottom.has-bottom {
  padding-bottom: 100px;
}
.contents-bottom.has-bottom10 {
  padding-bottom: 10px;
}

/* footer */
.footer {
  background: #222222;
  min-width: 1000px;
  padding: 28px 0;
}

.footer-menu {
  margin-bottom: 16px;
}
.footer-menu .menu-item {
  position: relative;
  float: left;
  margin-left: 10px;
  padding-right: 11px;
}
.footer-menu .menu-item a {
  color: #dddddd;
}
.footer-menu .menu-item:after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  position: absolute;
  top: 3px;
  right: 0;
  background: #555;
}
.footer-menu .menu-item.first {
  margin-left: 0;
}
.footer-menu .menu-item.last:after {
  display: none;
}
.footer-menu .menu-link {
  font-size: 13px;
  font-weight: bold;
  color: #555;
}
.footer-menu .menu-link:hover {
  color: #3e8aad;
}
.footer-menu:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.footer-address,
.footer-license {
  font-size: 12px;
  font-weight: normal;
  color: #aaaaaa;
  margin-bottom: 5px;
}

.footer-address .item {
  margin-top: 5px;
}
.footer-address .item:first-child {
  margin-top: 0;
}
.footer-address .item span {
  margin-left: 9px;
  padding-left: 13px;
  background: url(../images/main/new/footer_line.gif) no-repeat left center;
}
.footer-address .item span:first-child {
  margin-left: 0;
  padding-left: 0;
  background: none;
}
.footer-address:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.footer-license {
  margin-bottom: 10px;
}
.footer-license:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.footer-copyright {
  margin-top: 10px;
  font-size: 13px;
  font-weight: bold;
  color: #888;
}
.footer-copyright .co-name {
  color: #3e8aad;
}

.footer-sns {
  position: absolute;
  top: -10px;
  right: 0px;
}
.footer-sns a {
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  margin-left: 7px;
  background: url(../images/sns_coll.png) no-repeat;
}
.footer-sns a:first-child {
  margin-left: 0;
}
.footer-sns a.naverblog, .footer-sns a.naverblogsite {
  background-position: -42px 0;
}
.footer-sns a.kakao {
  background-position: -84px 0;
}
.footer-sns a.naverpost {
  background-position: -126px 0;
}
.footer-sns a.insta {
  background-position: -168px 0;
}

.submit-btns {
  margin-top: 55px;
}

.submit-btns30 {
  margin-top: 30px;
  text-align: center;
}

.submit-btns.center {
  text-align: center;
}
.submit-btns.left {
  text-align: left;
}
.submit-btns.right {
  text-align: right;
}
.submit-btns .btn-fill + .btn-fill {
  margin-left: 3px;
}

.em-gray.cptype {
  font-size: 13px;
  display: inline-block;
  padding: 0 2px;
  height: 16px;
  line-height: 15px;
  text-align: center;
  color: var(--color-bdsplanet) !important;
  border: 1px solid var(--color-bdsplanet);
}
.em-gray.cptype.J {
  color: #fcb040 !important;
  border: 1px solid #fcb040;
}
.em-gray.cptype.P, .em-gray.cptype.C {
  color: #ed1c24 !important;
  border: 1px solid #ed1c24;
}
.em-gray.logintype {
  font-size: 13px;
  display: inline-block;
  padding: 0 2px;
  height: 16px;
  line-height: 15px;
  text-align: center;
}
.em-gray.logintype.E {
  color: #5d5d5d !important;
  border: 1px solid #5d5d5d;
}
.em-gray.logintype.N {
  color: #22b500 !important;
  border: 1px solid #22b500;
}
.em-gray.logintype.F {
  color: #3a5795 !important;
  border: 1px solid #3a5795;
}
.em-gray.certytype {
  font-size: 13px;
  display: inline-block;
  padding: 0 2px;
  height: 16px;
  line-height: 15px;
  text-align: center;
  color: #5d5d5d !important;
  border: 1px solid #5d5d5d;
}
.em-gray.certytype.Y {
  color: var(--color-bdsplanet) !important;
  border: 1px solid var(--color-bdsplanet);
}
.em-gray.authType {
  display: inline-block;
  width: 50px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  color: #ffffff !important;
  background: #a1b0b6;
}
.em-gray.memberadd {
  display: inline-block;
  width: 70px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #fcb040;
  color: #ffffff !important;
  cursor: pointer;
  background: #fcb040;
}

.header-my-member {
  position: relative;
}
.header-my-member .member-name {
  line-height: 24px !important;
  max-width: 200px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: var(--color-bdsplanet) !important;
}
.header-my-member .member-name-sir {
  height: 45px;
  float: left;
  font-size: 18px;
  font-weight: bold;
}

.sec-icon-item {
  position: absolute;
  left: 56px;
  top: 32px;
  height: 16px;
}

.popup.w {
  z-index: 1021;
}

.disabled {
  pointer-events: none;
  opacity: 0.7;
}

.fr_pay_spc01 {
  position: relative;
  padding-right: 140px;
}
.fr_pay_spc01 .pay_neg {
  position: static;
  margin-left: 15px;
}
.fr_pay_spc01 .frc {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -11px;
  padding-left: 16px;
}
.fr_pay_spc01 .frc:before {
  content: "";
  width: 1px;
  height: 21px;
  background: #dcdcdc;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -10px;
}

.etc_dantxt01 {
  margin-left: 12px;
  color: #666666;
  font-size: 12px;
}

.eq_box {
  display: inline-block;
  position: relative;
  margin-left: 4px;
  line-height: 1;
  vertical-align: middle;
}
.eq_box .eq {
  cursor: default;
  display: block;
  width: 20px;
  height: 20px;
  background: url("/images/ico_eq01.png") no-repeat 0 0;
}
.eq_box .box {
  display: none;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  top: -8px;
  left: 30px;
  padding: 15px 12px;
  border: 1px solid #7790ad;
  border-radius: 3px;
  background: #fff;
  z-index: 100;
  -webkit-box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.15);
}
.eq_box .box:before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 9px;
  height: 10px;
  border: 1px solid #7790ad;
  background: #fff;
  border-right: 0;
  border-bottom: 0;
  left: -6px;
  top: 11px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.eq_box .eq:hover + .box, .eq_box .eq:focus + .box {
  display: block;
}
.eq_box .titarea {
  margin-bottom: 10px;
}
.eq_box .box_ti {
  color: #000;
  font-size: 13px;
}
.eq_box .dan {
  margin-left: 5px;
  color: #999999;
  font-size: 12px;
}
.eq_box li {
  margin-top: 5px;
  color: #666666;
  font-size: 12px;
}
.eq_box li:first-child {
  margin-top: 0;
}

/*
* table module style
*/
.part-mid_cnt {
  margin-bottom: 10px;
}

.vt-table-util {
  margin: 0 0 10px;
}

.vt-table {
  width: 100%;
  border-top: 2px solid #222;
  table-layout: fixed;
}
.vt-table caption {
  display: none;
}
.vt-table thead.bg01 th {
  background: #f9f9f9;
}
.vt-table th {
  height: 50px;
  position: relative;
  font-weight: bold;
  color: #222;
  line-height: 1.3;
  text-align: center;
  border-bottom: 1px solid #222;
}
.vt-table th.chkbox {
  line-height: 0;
}
.vt-table th.center {
  padding: 0;
  text-align: center;
}
.vt-table td {
  position: relative;
  padding: 20px 0 20px 10px;
  border-bottom: 1px solid #d8d8d8;
  color: #666;
  line-height: 20px;
}
.vt-table.no-H td {
  padding: 10px 0 10px 10px;
}
.vt-table td.center {
  padding-left: 0;
  text-align: center;
}
.vt-table td.right {
  padding-right: 10px;
  text-align: right;
}
.vt-table td.top {
  vertical-align: top;
}
.vt-table td.over-cut,
.vt-table td .over-cut {
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: bottom;
  overflow: hidden;
}
.vt-table td .td-link {
  color: #666;
}
.vt-table td .td-link:hover {
  text-decoration: underline;
}
.vt-table td.no-padding {
  padding: 0;
}
.vt-table td .add-file {
  display: inline-block;
  width: 9px;
  height: 17px;
  top: 2px;
  position: relative;
  margin-left: 7px;
  background-image: var(--bg-i-common);
  background-position: -232px -87px;
}
.vt-table td.titleview a {
  display: inline-flex;
  max-width: 100%;
}
.vt-table td.titleview a .txts {
  flex: 1;
}
.vt-table .lf-line td {
  border-left: 1px solid #d8d8d8;
}
.vt-table .lf-line td:first-child {
  border-left: 0;
}
.vt-table .td-inner {
  margin-top: 2px;
  line-height: 1.4;
}
.vt-table .td-inner:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.vt-table .td-inner:first-child {
  margin-top: 0;
}
.vt-table.popup-table {
  border-top: 0;
}
.vt-table.popup-table th {
  height: 40px;
  background: #fafafa;
  border-bottom: 1px solid #d8d8d8;
}
.vt-table.popup-table td {
  padding: 15px 0;
  text-align: center;
}
.vt-table.popup-table.style2 {
  margin-top: 30px;
  border-top: 2px solid #282828;
}
.vt-table.popup-table.style2 th,
.vt-table.popup-table.style2 td {
  padding: 8px;
  border: 1px solid #d8d8d8;
}
.vt-table.popup-table.style2 th.has-unit,
.vt-table.popup-table.style2 td.has-unit {
  padding: 8px 0 8px 8px;
}
.vt-table .pd-none {
  padding: 0;
}
.vt-table .bor-bottom-none {
  border-bottom: none;
}
.vt-table a.item-link {
  color: #666;
}
.vt-table .fb {
  color: #222;
  font-weight: bold;
}
.vt-table .ct-red {
  color: var(--color-def-red);
}

.spc-vt-tbl01 .spc-btn-area {
  padding: 0 10px;
  line-height: 1;
}
.spc-vt-tbl01 .spc-btn-area button {
  width: 100%;
}
.spc-vt-tbl01 .spc-btn-area button + button {
  margin: 5px 0 0;
}
.spc-vt-tbl01 a.link01 {
  color: #666;
}
.spc-vt-tbl01 .link01:hover, .spc-vt-tbl01 .link01:focus {
  color: var(--color-bdsplanet);
  text-decoration: underline;
}
.spc-vt-tbl01 .cl-blue {
  color: var(--color-bdsplanet);
}
.spc-vt-tbl01 .cl-red {
  color: var(--color-def-red);
}
.spc-vt-tbl01 .cl-gray {
  color: #666;
}
.spc-vt-tbl01 .cl-purp {
  color: #6574e4;
}
.spc-vt-tbl01 span + .spc-btn-area {
  margin-top: 10px;
}

/* .vt-table.row tr:not(.th):hover{background:#f9f9f9;} */
.vt-table.row tbody tr:hover {
  background: #f9f9f9;
}

.underline {
  border-bottom: 1px solid #666;
  padding-bottom: 1px;
}

.underline-yellow {
  border-bottom: 1px solid #fdc071;
  padding-bottom: 1px;
}

.hr-table {
  width: 100%;
  table-layout: fixed;
  border-top: 2px solid #222;
  border-bottom: 1px solid #222;
}
.hr-table th {
  height: 57px;
  text-align: left;
  padding-left: 15px;
  font-weight: bold;
  color: #222;
  border-left: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  background: #f9f9f9;
  line-height: 18px;
}
.hr-table.no-H th {
  height: 0;
}
.hr-table.no-H td {
  min-height: 0;
}
.hr-table th:first-child {
  border-left: 0;
}
.hr-table th.last {
  border-bottom: 0;
}
.hr-table th.left-border {
  border-left: 1px solid #d8d8d8;
}
.hr-table th.center {
  padding: 0;
  text-align: center;
}
.hr-table td {
  height: 57px;
  padding: 5px 15px;
  color: #222;
  border-bottom: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  line-height: 1.7;
}
.hr-table td.td-padding {
  padding-top: 10px;
  padding-bottom: 10px;
}
.hr-table td.last {
  border-bottom: 0;
}
.hr-table td.center {
  padding: 0;
  text-align: center;
}
.hr-table td .input.full-width,
.hr-table td .textarea.full-width {
  width: 95%;
}
.hr-table.st02 td {
  padding-left: 15px;
}
.hr-table.st02 tr:last-child th,
.hr-table.st02 tr:last-child td {
  border-bottom: 1px solid #282828;
}
.hr-table .a-link {
  color: #129ded;
  font-size: 14px;
  text-decoration: underline;
}
.hr-table .similar-td {
  height: auto;
  padding: 0;
}
.hr-table .similar-td .std-tb {
  display: table;
  width: 100%;
}
.hr-table .similar-td .std-tr {
  display: table-row;
}
.hr-table .similar-td .std-tr + .std-tr {
  border-top: 1px solid #dcdcdc;
}
.hr-table .similar-td .std-td {
  display: table-cell;
  padding: 17px 15px 15px;
}
.hr-table .readme-txt {
  color: #999999;
  font-size: 14px;
}
.hr-table .hoafees-total {
  line-height: 21px;
}
.hr-table .hoafees-total .total {
  display: flex;
  align-items: center;
  padding-top: 2px;
  font-weight: normal;
  color: #666;
}
.hr-table .hoafees-total .tt {
  margin: 0 9px 0 0;
  font-size: 16px;
  font-weight: bold;
  color: #222222;
}
.hr-table .hoafees-total .nae {
  color: #222;
  margin-top: 12px;
}
.hr-table .hoafees-total .nae li {
  position: relative;
  padding-left: 8px;
}
.hr-table .hoafees-total .nae li:before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 0px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background-color: #aaaaaa;
}
.hr-table .parval {
  display: inline-block;
  margin-left: 5px;
  color: #666;
  font-weight: normal;
}
.hr-table .parval + .readme-txt {
  margin-left: 20px;
}
.hr-table .similer-disabled-input {
  display: inline-flex;
  align-items: center;
  width: 160px;
  height: 37px;
  padding-left: 10px;
  color: #999999;
  border: 1px solid #e4e4e4;
  background-color: #f7f7f7;
  font-size: 14px;
  font-weight: normal;
}
.hr-table .w44mr0 {
  width: 44px !important;
  margin-right: 0 !important;
}
.hr-table .add-remove .std-td {
  height: 57px;
  padding: 5px 15px;
  vertical-align: middle;
}
.hr-table .add-remove .btnarea {
  display: table-cell;
  /* height: 100%; */
  align-items: center;
  width: 72px;
  vertical-align: middle;
  padding-right: 15px;
  text-align: right;
}
.hr-table .add-remove .btnarea button {
  margin: 0;
  float: none;
  display: inline-block;
}
.hr-table .add-remove .btnarea button.add {
  margin-left: 7px;
}

.hr-table td .input.width38 {
  width: 385px !important;
}

.hr-table td .input.width85pr {
  width: 85%;
}
.hr-table td.over-height {
  padding: 15px;
}

.item-life-count {
  width: 60%;
  margin: 0 auto;
}
.item-life-count dl:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.item-life-count dt {
  float: left;
}
.item-life-count dd {
  text-align: right;
}

.detail-header.table {
  width: 100%;
}
.detail-header.table td {
  border: 1px solid #ddd;
  position: relative;
}

.detail-table {
  border-top: 1px solid var(--color-bdsplanet);
  border-right: 1px solid #d8d8d8;
  border-bottom: 0;
  border-collapse: separate;
}
.detail-table th,
.detail-table td {
  border-bottom: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.detail-table th:first-child,
.detail-table td:first-child {
  border-left: 1px solid #d8d8d8;
}
.detail-table th.em-red,
.detail-table td.em-red {
  color: #ed1c24;
}
.detail-table th.em-dark,
.detail-table td.em-dark {
  color: #222;
}
.detail-table th.center,
.detail-table td.center {
  padding-left: 0;
  text-align: center;
}
.detail-table th {
  height: 42px;
}
.detail-table th.interior-info-table-th {
  padding: 0;
  text-align: center;
}
.detail-table td {
  padding: 10px;
  min-height: 42px;
  font-weight: normal;
  line-height: 1.5;
}
.detail-table td.interior-info-table-td {
  padding: 20px 15px;
}
.detail-table .bg {
  background: #f9f9f9;
}

/*
.detail-table td {
padding:10px;
height: 22px;
font-weight: normal;
line-height:1.5;
}
*/
.qna-answer-table {
  margin: 10px 0 0 0;
}

.thumb-mini {
  position: relative;
  margin: 0 auto;
  width: 68px;
  height: 68px;
  border: 1px solid #d8d8d8;
  background: #f5f5f5 url("/images/thumb_none.png") no-repeat center;
}
.thumb-mini.none {
  border: none;
}

.thumb-mini-img {
  width: 100%;
  height: 100%;
}

.thumb-mini .count {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 20px;
  padding-left: 8px;
  color: #fff;
  background: rgba(0, 0, 0, 0.4);
  font-size: 13px;
  line-height: 1;
}

.price-box {
  display: inline-block;
  width: 80px;
  height: 20px;
  line-height: 20px;
  color: var(--color-bdsplanet);
  text-align: center;
  font-weight: bold;
  border: 1px solid #cbcbcb;
}
.price-box.yellow {
  color: #fcb040;
}

.list-img {
  position: relative;
  display: inline-block;
  margin: 20px 0;
  width: 177px;
  height: 133px;
}

.list-img-list .slidesjs-navigation {
  position: absolute;
  top: 53px;
  width: 13px;
  height: 24px;
  z-index: 11;
  text-indent: -9999px;
}
.list-img-list .slidesjs-previous {
  left: 10px;
  background: url(../images/bg_arrow_img_nav.png) no-repeat;
}
.list-img-list .slidesjs-next {
  right: 10px;
  background: url(../images/bg_arrow_img_nav.png) no-repeat 100% 0;
}

.list-img-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 26px;
  background: url(../images/bg_list_img_info.png);
  z-index: 20;
}

.list-img-info-num {
  float: left;
  margin: 8px 0 0 12px;
  padding-left: 15px;
  line-height: 1;
  color: #ffffff;
  font-size: 10px;
  background: url(../images/icon_list_img_info.png) no-repeat 0 1px;
}

.list-img-info-day {
  float: right;
  margin: 8px 12px 0 0;
  padding-left: 15px;
  line-height: 1;
  color: #ffffff;
  font-size: 10px;
  background: url(../images/icon_list_img_info.png) no-repeat 0 -37px;
}

.list-item-type {
  min-width: 58px;
  /* height: 16px;
  line-height: 14px;
  font-size: 12px;
  text-align: center; */
  line-height: 17px;
  font-size: 12px;
  text-align: center;
  padding: 0px 5px;
  display: inline-block;
}
.list-item-type.red {
  border: 1px solid #cc6666;
  color: #cc6666;
}
.list-item-type.yellow {
  border: 1px solid #ffcc33;
  color: #ffcc33;
}
.list-item-type.purple {
  border: 1px solid #996699;
  color: #996699;
}
.list-item-type.green {
  border: 1px solid #99cc66;
  color: #99cc66;
}
.list-item-type.blue {
  border: 1px solid #6699ff;
  color: #6699ff;
}
.list-item-type.brown {
  border: 1px solid #996666;
  color: #996666;
}
.list-item-type.orange {
  border: 1px solid #ff9966;
  color: #ff9966;
}
.list-item-type.pink {
  border: 1px solid #ff99cc;
  color: #ff99cc;
}

/*.list-item-type.red {
border: 1px solid #ed1c24;
color: #ed1c24;
}
.list-item-type.yellow {
border: 1px solid #ffc000;
color: #ffc000;
}
.list-item-type.purple {
border: 1px solid #7030a0;
color: #7030a0;
}
.list-item-type.green {
border: 1px solid #18b70b;
color: #18b70b;
}
.list-item-type.blue {
border: 1px solid #247add;
color: #247add;
}
.list-item-type.gray {
border: 1px solid #ababab;
color: #ababab;
} */
.list-item-name {
  margin-top: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #222;
}

.list-item-detail {
  margin-top: 7px;
  line-height: 1.4;
  color: #999;
}

.list-item-price {
  display: inline-block;
  padding-right: 25px;
  font-size: 19px;
  font-weight: bold;
  color: var(--color-bdsplanet);
  background: url(../images/icon_round_down.png) no-repeat 100% 7px;
}
.list-item-price.on {
  background-position: 100% -125px;
}

.list-item-priceh {
  border: 0;
  padding: 0 22px 0 0;
  background: url(../images/icon_round_down.png) no-repeat 100% 0;
}
.list-item-priceh.on {
  background-position: 100% -132px;
}

.list-item-price.price {
  padding: 0;
  font-size: 13px;
  background: none;
}

.list-item-data {
  position: relative;
  margin-top: 5px;
  padding-left: 12px;
  color: #666;
}
.list-item-data:first-child {
  margin-top: 0;
}
.list-item-data:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 2px;
  height: 2px;
  background: #666;
}

.list-item-more {
  margin-top: 10px;
  margin-left: 10px;
  padding: 0;
  padding-right: 10px;
  color: #a1b0b6;
  font-size: 11px;
  border: 0;
  background: url(../images/icon_arrow_down.png) no-repeat 100% 50%;
}

.list-item-dealtype {
  display: inline-block;
  width: 50px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
  text-align: center;
  color: #ffffff;
  background: #a1b0b6;
}

.list-item-user {
  font-weight: bold;
  color: #666;
}

.list-item-btn.heart {
  padding: 0;
  width: 11px;
  height: 10px;
  text-indent: -9999px;
  border: 0;
  background: url(../images/icon_list_action.png) no-repeat;
}
.list-item-btn.heart.on {
  background-position: 0 -20px;
}
.list-item-btn.del {
  padding: 0;
  width: 14px;
  height: 11px;
  text-indent: -9999px;
  border: 0;
  background: url(../images/icon_list_action.png) no-repeat 100% 0;
}

/* scrollable table : S */
.scroll-table {
  width: 100%;
}

.scroll-table-head {
  border-top: 2px solid #222;
  border-bottom: 1px solid #222;
}
.scroll-table-head:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.scroll-table-head-item {
  float: left;
  height: 31px;
  line-height: 31px;
  text-align: center;
  color: #222;
  font-size: 12px;
  font-weight: bold;
}

.scroll-table-body {
  padding: 10px 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.scroll-table-tr:hover {
  background: #f4fbfd;
}

.scroll-table-td {
  padding: 4px 0;
  text-align: center;
  font-size: 12px;
}
.scroll-table-td.right {
  padding-right: 5px;
  text-align: right;
}

/* scrollable table : E */
.td-multi-line {
  margin-top: 10px;
}
.td-multi-line:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.td-multi-line:first-child {
  margin-top: 0;
}

.table-more:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.add-table-btns {
  margin-top: 10px;
}
.add-table-btns:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.answer-state {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0 8px;
  height: 18px;
  line-height: 1;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #666;
  border: 1px solid #666;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.answer-state.red {
  color: #ed1c24;
  border: 1px solid #ed1c24;
}

/*
* common form style
*/
.wrapper .input {
  width: 240px;
  height: 37px;
  padding-left: 10px;
  border: 1px solid #cbcbcb;
}

.input-wrap {
  position: relative;
  z-index: 1;
}
.input-wrap input:focus {
  outline: none;
}

.input.mini {
  width: 50px;
}
.input.small {
  width: 60px;
}
.input.med {
  width: 80px;
}
.input.med-half {
  width: 90px;
}
.input.half-width {
  width: 115px;
}
.input.width16pr {
  width: 16%;
}
.input.width365 {
  width: 365px;
}
.input.double {
  width: 490px;
}
.input.full-width {
  width: 100%;
}
.input.pwd {
  background: url(../images/msg_form_pwd.png) no-repeat 5px 11px;
}
.input.pwd.focus {
  background: none;
}
.input.pwd-confirm {
  background: url(../images/msg_form_pwd.png) no-repeat 5px -48px;
}
.input.pwd-confirm.focus {
  background: none;
}
.input.gray-bg {
  background-color: #f9f9f9;
}
.input.join-reason {
  width: 330px;
}
.input.search-option-full {
  width: 100%;
}
.input.search-option-fromto {
  padding-right: 5px;
  width: 210px;
  text-align: right;
}
.input.sort-detail-fromto {
  padding-right: 5px;
  width: 135px;
  text-align: right;
}
.input.sort-detail-fromto195 {
  padding-right: 5px;
  width: 195px;
  text-align: right;
}
.input.sort-detail-fromto.long-unit {
  width: 125px;
}
.input.search-interior-normal {
  width: 130px;
}
.input.search-interior-full {
  width: 810px;
}

.select {
  border: 1px solid #cdcdcd;
  background: #ffffff;
  position: relative;
  /* Items box */
}

.select-wrapper {
  width: 240px;
  position: relative;
  cursor: pointer;
}
.select-wrapper.short-width {
  width: 89px;
}
.select-wrapper.popup-select-width {
  width: 105px;
}
.select-wrapper.half-width {
  width: 115px;
}
.select-wrapper.width80 {
  width: 80px;
}
.select-wrapper.width130 {
  width: 130px;
}
.select-wrapper.width205 {
  width: 205px;
}
.select-wrapper.width240 {
  width: 240px;
}
.select-wrapper.width290 {
  width: 290px;
}
.select-wrapper.plus-half-width {
  width: 365px;
}
.select-wrapper.sort-wide {
  width: 164px;
}
.select-wrapper.sort-med {
  width: 150px;
}
.select-wrapper.sort-normal {
  width: 106px;
}
.select-wrapper.search-med {
  width: 88px;
}
.select-wrapper.med-half {
  width: 90px;
}
.select-wrapper.small {
  width: 60px;
}
.select-wrapper.mini {
  width: 50px;
}
.select-wrapper.search-interior-normal {
  width: 130px;
}
.select-wrapper.search-interior-wide {
  width: 390px;
}
.select-wrapper.subway-type {
  width: 75px;
}

.select .label {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 25px 0 10px;
  font-size: 14px;
  line-height: 35px;
  color: #222;
  height: 35px;
}
.select .label.on {
  font-weight: bold;
  color: #fcb040;
}
.select .label.short {
  height: 25px;
  line-height: 26px;
}
.select .label.narrow {
  margin: 0 25px 0 5px;
}
.select .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 25px;
  height: 38px;
  color: #999999;
  text-align: center;
  font: 0/0 a;
  *font: 38px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.select .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #999999;
  border-bottom: none;
}

.select-items {
  display: none;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid var(--color-bdsplanet);
  z-index: 90;
  box-shadow: 0 0 10px -6px;
  overflow: auto;
  max-height: 192px;
}
.select-items.on {
  display: block;
}
.select-items ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  min-height: 20px;
}
.select-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 20px;
  min-height: 20px;
  display: block;
  padding: 8px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #eee;
  color: #666;
  cursor: pointer;
}
.select-items li.selected {
  background: #efefef;
  color: #444;
}
.select-items li:hover {
  background: #f0f0f0;
  color: #444;
}
.select-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  user-select: none;
}
.select-items .select-scroll {
  height: 100%;
  overflow: auto;
}

.select-above .select-items {
  top: auto;
  bottom: 100%;
}

.textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 80px;
  padding: 10px;
  border: 1px solid #cbcbcb;
  line-height: 21px;
}
.textarea.short {
  height: 37px;
}
.textarea.big {
  height: 160px;
}

.btn-fill {
  min-width: 130px;
  height: 40px;
  font-size: 16px;
  color: #ffffff;
  line-height: 1;
  border-radius: var(--br-btn-default);
  background: #666;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.btn-fill.blue {
  background: var(--color-bdsplanet);
}
.btn-fill.gray {
  background: #888;
}
.btn-fill.yellow {
  background: #fcb040;
}
.btn-fill.left {
  margin-right: 7px;
}
.btn-fill.btn-inline {
  margin-left: 10px;
  padding: 0 10px;
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
}

.btn-med {
  width: 112px;
  height: 29px;
  font-size: 13px;
  color: #ffffff;
  line-height: 29px;
  border: 0;
  background: #666;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  border-radius: 2px;
}
.btn-med.gray {
  background: #626c7d;
}
.btn-med.darkblue {
  background: #006092;
}
.btn-med.orange {
  background: #ff6317;
}
.btn-med.yellow {
  background: #fcb040;
}
.btn-med.icon-plus {
  padding: 0 0 0 38px;
  text-align: left;
  background: #626c7d url(../images/icon_plus.png) no-repeat 22px 50%;
}
.btn-med.icon-plus.interior-add {
  padding: 0 0 0 27px;
  background-position: 9px 50%;
}
.btn-med.icon-plus.long-text {
  padding: 0 0 0 25px;
  background-position: 8px 50%;
}
.btn-med.icon-gear {
  padding: 0 0 0 27px;
  text-align: left;
  background: #626c7d url(../images/icon_gear02.png) no-repeat 9px 50%;
}

.btn-join {
  width: 126px;
  height: 28px;
  font-size: 14px;
  color: #666;
  line-height: 25px;
  border: 1px solid #666;
  background: #ffffff;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  margin: 0 auto;
}
.btn-join:hover {
  color: #ffffff;
  border-color: var(--color-bdsplanet);
  background: var(--color-bdsplanet);
}

.btn-form {
  width: 115px;
  height: 37px;
  font-size: 14px;
  color: #ffffff;
  line-height: 34px;
  border: 0;
  background: #888;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  display: inline-block;
}
.btn-form.yellow {
  background: #fcb040;
}

.btn-login-fb {
  width: 134px;
  height: 37px;
  font-size: 13px;
  color: #ffffff;
  line-height: 37px;
  border: 0;
  background: #3c5b9b;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 0 0 32px;
  text-align: left;
  background: #3c5b9b url(../images/icon_fb.png) no-repeat 14px 9px;
}

.btn-login-naver {
  width: 134px;
  height: 37px;
  font-size: 13px;
  color: #ffffff;
  line-height: 37px;
  border: 0;
  background: #2db400;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 0 0 46px;
  text-align: left;
  background: #2db400 url(../images/icon_naver.png) no-repeat 19px 11px;
}

.btn-login-email {
  width: 134px;
  height: 37px;
  font-size: 13px;
  color: #ffffff;
  line-height: 37px;
  border: 0;
  background: #2db400;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 0 0 46px;
  text-align: left;
  background: #999999 url(../images/icon_email.png) no-repeat 19px 11px;
}

.btn-view-all-list {
  width: 88px;
  height: 27px;
  font-size: 13px;
  color: #ffffff;
  line-height: 25px;
  border: 0;
  background: var(--color-bdsplanet);
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 0 0 26px;
  background: var(--color-bdsplanet) url(../images/icon_all_list.png) no-repeat 10px 50%;
}

button.btn-table-function,
a.btn-table-function,
.mmtype {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 2px;
  height: 20px;
  color: #666;
  font-size: 12px;
  font-weight: bold;
  line-height: 1 !important;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2px;
  margin-top: 4px;
}
button.btn-table-function:first-child,
a.btn-table-function:first-child,
.mmtype:first-child {
  margin-top: 0;
}
button.btn-table-function.cat,
a.btn-table-function.cat,
.mmtype.cat {
  font-weight: bold;
}
button.btn-table-function.cat.ing,
a.btn-table-function.cat.ing,
.mmtype.cat.ing {
  border-color: #cdd9f8;
  background: #f4f7ff;
  color: #6574e4;
}
button.btn-table-function.cat.complete,
a.btn-table-function.cat.complete,
.mmtype.cat.complete {
  border-color: #6574e4;
  background: #6574e4;
  color: #fff;
}
button.btn-table-function.cat.cancel,
a.btn-table-function.cat.cancel,
.mmtype.cat.cancel {
  border-color: #f7d0d6;
  background: #ffe9ec;
  color: var(--color-def-red);
}
button.btn-table-function.cat.need,
a.btn-table-function.cat.need,
.mmtype.cat.need {
  border-color: #ffca27;
  background: #ffca27;
  color: #222222;
}
button.btn-table-function.cat.premium,
a.btn-table-function.cat.premium,
.mmtype.cat.premium {
  border-color: #1c54bc;
  background: #1c54bc;
  color: #ffe776;
  font-size: 11px;
}
button.btn-table-function.cat.point,
a.btn-table-function.cat.point,
.mmtype.cat.point {
  position: relative;
}
button.btn-table-function.cat.point:after,
a.btn-table-function.cat.point:after,
.mmtype.cat.point:after {
  content: "";
  position: absolute;
  top: -6px;
  right: -5px;
  width: 16px;
  height: 16px;
  background-image: var(--bg-i-common);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -192px -128px;
}

.btn-table-function.wide {
  width: 112px;
}

.btn-table-function.left-float {
  margin-right: 2px;
}

.btn-table-function.half {
  width: 55px;
}

button.btn-table-function + button.btn-table-function {
  margin-top: 0;
}

.btn-table-change-price {
  display: inline-block;
  width: 80px;
  height: 16px;
  line-height: 1;
  color: #ffffff;
  background: #999;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border: 0;
}

.btn-table-btn {
  display: inline-flex;
  align-items: center;
  margin: 2px 0;
  padding: 0;
  height: 20px;
  padding: 0 6px;
  line-height: 1;
  color: #ffffff;
  background: #999;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  border: 0;
  border-radius: 2px;
}

.btn-function {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  height: 26px;
  color: #ffffff;
  font-weight: 600;
  border: 0;
  background: #999;
  border-radius: var(--br-btn-default);
}
.btn-function.yellow {
  background: #fcb040;
}
.btn-function.left-float.left,
.btn-function .right-float.left {
  margin-right: 5px;
}
.btn-function.left-float.right,
.btn-function .right-float.right {
  margin-left: 5px;
}
.btn-function.fix-width {
  width: 65px;
}

.btn-cal-term {
  float: left;
  margin-left: 8px;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 64px;
  height: 37px;
  text-align: center;
  border: 1px solid #cbcbcb;
  color: #999;
  background: none;
  line-height: 1;
}
.btn-cal-term:first-child {
  margin-left: 0;
}
.btn-cal-term.blue {
  color: var(--color-bdsplanet);
  border-color: var(--color-bdsplanet);
}
.btn-cal-term.yellow {
  color: #fcb040;
  border-color: #fcb040;
}

.btn-list-compare,
.btn-list-unit,
.btn-list-loc-search,
.btn-list-loc-reset,
.btn-list-loc-close,
.btn-list-myItem {
  float: left;
  margin-right: 6px;
  padding: 0 0 0 27px;
  width: 88px;
  height: 27px;
  border: 0;
  color: #ffffff;
  text-align: left;
}

.btn-list-compare {
  background: var(--color-bdsplanet) url(../images/icon_compare.png) no-repeat 10px 50%;
}

.yellow .btn-list-compare {
  background: #fcb54b url(../images/icon_compare.png) no-repeat 10px 50%;
}

.btn-list-unit {
  background: var(--color-bdsplanet) url(../images/icon_unit.png) no-repeat 10px 50%;
}

.yellow .btn-list-unit {
  background: #fcb54b url(../images/icon_unit.png) no-repeat 10px 50%;
}
.yellow .btn-list-myItem {
  background: #fcb54b url(../images/icon_myItem.png) no-repeat 10px 50%;
  width: 118px;
}

.btn-list-loc-search {
  display: inline-block;
  float: none;
  margin: 0 3px;
  padding-left: 35px;
  background: #fcb040 url(../images/icon_loc_btn.png) no-repeat 23px 8px;
}

.btn-list-loc-reset {
  display: inline-block;
  float: none;
  margin: 0 3px;
  background: #666 url(../images/icon_loc_btn.png) no-repeat 10px -27px;
}

.btn-list-loc-close {
  display: inline-block;
  float: none;
  margin: 0 3px;
  padding-left: 35px;
  background: #666 url(../images/icon_loc_btn.png) no-repeat 23px -61px;
}

.btn-small {
  height: 26px;
  padding: 0 5px;
  color: #ffffff;
  border: 0;
  background: #666;
}
.btn-small.blue {
  background: var(--color-bdsplanet);
}
.btn-small.gray {
  background: #999;
  height: 26px;
  min-width: 82px;
  line-height: 1;
}
.btn-small.gray.left-float.right {
  margin-left: 5px;
}

.btn-item-submit {
  padding-left: 52px;
  padding-right: 32px;
  text-align: left;
  background: var(--color-bdsplanet) url(../images/icon_save.png) no-repeat 30px 13px;
}
.btn-item-submit.yellow {
  background-color: #fcb040;
}
.btn-item-submit.blue {
  background: var(--color-bdsplanet) url(../images/icon_build-search.png) no-repeat 30px 12px;
}

.btn-table-more {
  width: 90px;
  padding-left: 15px;
  text-align: left;
  background: var(--color-bdsplanet) url(../images/bg_btn_toggle_white.png) no-repeat 60px -82px;
}
.btn-table-more.on {
  background-position: 60px 9px;
}
.btn-table-more.yellow {
  background-color: #fcb040;
}

.btn-add,
.btn-remove {
  width: 37px;
  height: 37px;
  font-size: 13px;
  color: #ffffff;
  line-height: 34px;
  border: 0;
  background: #666;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.btn-print {
  width: 88px;
  height: 27px;
  font-size: 13px;
  color: #ffffff;
  line-height: 25px;
  border: 0;
  background: var(--color-bdsplanet);
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 0 0 20px;
  background: var(--color-bdsplanet) url(../images/icon_print.png) no-repeat 15px 50%;
}

.btn-map {
  width: 112px;
  height: 27px;
  font-size: 13px;
  color: #ffffff;
  line-height: 25px;
  border: 0;
  background: var(--color-bdsplanet);
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  padding: 0 0 0 20px;
  background: var(--color-bdsplanet) url(../images/icon_pin.png) no-repeat 10px -79px;
}

.newBtn {
  display: inline-block;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.newBtn .wr {
  display: table;
  width: 100%;
  height: 100%;
}
.newBtn .wr div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 15px;
}
.newBtn .wr div span {
  display: inline-block;
  vertical-align: middle;
}
.newBtn.cur01 .ico {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 10px;
  background: url("../images/main/new/btn_trans02.png") no-repeat right center;
  vertical-align: middle;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.newBtn.cur01:hover {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  /*box-shadow: inset 0 0 0 4px #6d6d6d;*/
}
.newBtn.cur01:hover .ico {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
}
.newBtn.blue {
  background: #25aae2;
}
.newBtn.blue span {
  color: #ffffff;
}
.newBtn.yellow {
  background: #fcb040;
}
.newBtn.yellow span {
  color: #ffffff;
}
.newBtn.big {
  padding: 0 40px;
  height: 50px;
}
.newBtn.big span {
  font-size: 14px;
  font-weight: bold;
}

.check-wrap {
  position: relative;
}
.check-wrap.center {
  display: inline-block;
}

.check-box {
  position: absolute;
  top: 3px;
  left: 1px;
  margin: 0;
  padding: 0;
}
.check-box:checked + .check-label:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  z-index: 10;
  top: 7px;
  left: 5px;
  background: #222;
}
.check-box.checked:before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  z-index: 10;
  top: 4px;
  left: 4px;
  background: #222;
}
.check-box:disabled + .check-label:after {
  background: #ddd;
}

.check-label {
  display: block;
  height: 20px;
  line-height: 19px;
  padding-left: 26px;
  color: #666;
}
.check-label.blind {
  padding-left: 18px;
  width: 0;
  text-indent: -99999em;
  overflow: hidden;
}
.check-label:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 2px;
  left: 0;
  border: 1px solid #cbcbcb;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.check-label-blank {
  width: 0;
  padding-left: 20px;
  text-indent: -9999px;
}

.radio {
  position: absolute;
  top: 2px;
  left: 2px;
  margin: 0;
}

.radio-wrap {
  position: relative;
}
.radio-wrap.center {
  display: inline-block;
}

.radio-label {
  display: block;
  height: 20px;
  line-height: 19px;
  padding-left: 30px;
}
.radio-label.blind {
  padding-left: 20px;
  width: 0;
  text-indent: -99999em;
  overflow: hidden;
}
.radio-label:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #cbcbcb;
  border-radius: 50%;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.radio-label-blank {
  width: 0;
  padding-left: 20px;
  text-indent: -9999px;
}

.radio:checked + .radio-label:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  z-index: 10;
  top: 6px;
  left: 6px;
  border-radius: 50%;
  background: #222;
}
.radio:disabled + .radio-label:after {
  background: #ddd;
}

.form-label {
  height: 37px;
  line-height: 37px;
  color: #666;
}

.form-label-em {
  height: 37px;
  line-height: 37px;
  color: var(--color-bdsplanet);
}

.form-label {
  height: 30px;
  line-height: 27px;
  color: #666;
  font-weight: normal;
}

.form-msg {
  height: 37px;
  line-height: 37px;
  color: #666;
  font-weight: normal;
}

.form-info-msg {
  clear: both;
  position: relative;
  padding-top: 10px;
  padding-left: 10px;
  color: var(--color-bdsplanet);
  font-weight: normal;
}
.form-info-msg:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 17px;
  left: 0;
  background: var(--color-bdsplanet);
}
.form-info-msg.middle {
  display: inline-block;
}

.form-msg-normal {
  clear: both;
  padding-top: 10px;
  color: #999;
}
.form-msg-normal.middle {
  display: inline-block;
}

.form-attached-file {
  display: inline-block;
  margin: 0 0 0 10px;
  color: #666;
  border-bottom: 1px solid #666;
  padding-bottom: 8px;
}

.label-on-input {
  position: absolute;
  top: 14px;
  left: 10px;
  color: #999;
  font-weight: normal;
}

.middle {
  display: inline-block;
  vertical-align: middle;
}
.middle.left {
  margin-right: 6px;
}
.middle.left.group {
  margin-right: 16px;
}
.middle.right {
  margin-left: 6px;
}
.middle.right.group {
  margin-left: 16px;
}

.box-gray {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 50px;
  height: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  background: #a1b0b6;
}

/*
* common module style
*/
.list-column {
  margin-top: 5px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  background: #f9f9f9;
}
.list-column:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.list-column .list-description.left-float, .list-column .list-description.right-float {
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  width: 50%;
  border: 0;
}

.list-description {
  position: relative;
  padding: 25px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  background: #f9f9f9;
}
.list-description.sp {
  padding: 20px 25px;
}
.list-description .stit {
  margin-bottom: 5px;
  color: #000022;
  font-weight: bold;
  font-size: 14px;
}
.list-description .bt_area {
  margin-top: 26px;
  text-align: center;
}
.list-description .list-item {
  position: relative;
  padding-left: 10px;
  line-height: 1.6;
}
.list-description .list-item:after {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  position: absolute;
  top: 9px;
  left: 0;
  background: #666;
}
.list-description .list-item.em-red:after {
  background: #ed1c24;
}
.list-description .btnarea {
  position: absolute;
  height: 36px;
  top: 50%;
  right: 25px;
  margin-top: -18px;
  line-height: 1;
}
.list-description .btnarea .st01 {
  width: 120px;
  height: 36px;
  border-radius: 2px;
}
.list-description .btnarea .st01 span {
  color: #000000;
}

.tab-list {
  height: 32px;
}
.tab-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.tab-list-item {
  position: relative;
  float: left;
  padding: 0 20px 0 21px;
}
.tab-list-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 17px;
  background: #d8d8d8;
}
.tab-list-item:first-child {
  padding-left: 0;
}
.tab-list-item:first-child:after {
  display: none;
}

.tab-list-link {
  position: relative;
  display: block;
  padding-bottom: 15px;
  color: #999;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
.tab-list-link.on {
  color: var(--color-bdsplanet);
}

/*
.tab-list-link.on:after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 4px;
background: var(--color-bdsplanet);
}
*/
.sort-tab {
  margin-top: 35px;
}

.sort-tab-list {
  height: 40px;
}
.sort-tab-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.sort-tab-list-item {
  float: left;
  width: 12.5%;
}

.item4 .sort-tab-list-item {
  float: left;
  width: 25%;
}

.item3 .sort-tab-list-item {
  float: left;
  width: 33.3%;
}

.sort-tab-list-item:first-child .sort-tab-list-link {
  border-left: 1px solid #d8d8d8;
}

.sort-tab-list-link {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  width: 100%;
  height: 40px;
  line-height: 40px;
  color: #999;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border-top: 1px solid #d8d8d8;
  border-bottom: 0;
  border-right: 1px solid #d8d8d8;
  border-left: 0;
  background: none;
}
.sort-tab-list-link.on {
  color: var(--color-bdsplanet);
}
.sort-tab-list-link.on:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 3px;
  border-left: 1px solid var(--color-bdsplanet);
  border-right: 1px solid var(--color-bdsplanet);
  background: var(--color-bdsplanet);
}

.sort-tab-list.yellow .sort-tab-list-link.on {
  color: #fcb040;
}
.sort-tab-list.yellow .sort-tab-list-link.on:after {
  border-color: #fcb040;
  background: #fcb040;
}

.sort-tab.half-tab .sort-tab-list-item {
  width: 50%;
}

.calendar:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.calendar-input {
  float: left;
  padding-left: 1px;
  width: 90px;
  text-align: center;
}

.calendar-btn {
  float: left;
  padding: 0;
  width: 37px;
  height: 37px;
  border: 1px solid #cbcbcb;
  border-left: 0;
  text-indent: -9999px;
  background: #f9f9f9 url(../images/icon_btn_calendar.png) no-repeat 50% 50%;
}

.search-spinner {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 37px;
  border: 1px solid #cbcbcb;
  background: #ffffff;
}
.search-spinner:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.search-spinner-left,
.search-spinner-right {
  float: left;
  padding: 0;
  width: 19px;
  height: 100%;
  text-indent: -9999px;
  border: 0;
  background: none;
}

.search-spinner-left {
  border-right: 1px solid #ededed;
  background: url(../images/bg_arrow_small.png) no-repeat 6px 50%;
}

.search-spinner-right {
  border-left: 1px solid #ededed;
  background: url(../images/bg_arrow_small.png) no-repeat -72px 50%;
}

.search-spinner-text {
  float: left;
  width: 35px;
  height: 100%;
  line-height: 35px;
  text-align: center;
}
.search-spinner-text.year {
  width: 55px;
}

.sorting-amount {
  height: 26px;
  line-height: 26px;
  font-weight: bold;
}

.sorting-label-box {
  margin-top: 4px;
}
.sorting-label-box:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.big-list {
  padding-top: 30px;
  border-top: 2px solid #222;
}
.big-list.js-tab-section {
  display: none;
}
.big-list.js-tab-section.on {
  display: block;
}
.big-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.big-list-item {
  margin: 0 10px 20px 10px;
  padding-bottom: 10px;
  float: left;
  width: 318px;
  border: 1px solid #d8d8d8;
}
.big-list-item.first {
  margin-left: 0;
}
.big-list-item.last {
  margin-right: 0;
}

.big-list-thumb {
  border-bottom: 1px solid #d8d8d8;
}

.big-list-item .big-list-thumb img {
  width: 318px;
  height: 238px;
}

.big-list-addr {
  margin: 14px 20px 0 20px;
  height: 82px;
  border-bottom: 1px solid #d8d8d8;
}

.big-list-addr02 {
  display: block;
  margin-top: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #222;
}

.big-list-addr-text {
  margin-top: 9px;
  font-weight: bold;
}

.big-list-overview {
  margin-top: 20px;
  margin-left: 20px;
  height: 62px;
}
.big-list-overview.line3 {
  height: 78px;
}

.big-list-overview-item {
  margin-bottom: 10px;
}

.big-list-overview-title {
  display: inline-block;
  margin-right: 7px;
  width: 62px;
  height: 16px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background: var(--color-bdsplanet);
}
.big-list-overview-title.yellow {
  background: #fcb040;
}
.big-list-overview-title.gray {
  background: #a1b0b6;
}

.big-list-detail {
  margin: 0 25px;
  padding: 25px 0;
  height: 65px;
  border-top: 1px solid #d8d8d8;
}

.big-list-detail-text {
  line-height: 1.5;
}

.slide-list {
  padding-top: 30px;
  border-top: 2px solid #222;
}
.slide-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.slide-list-item {
  margin: 0 0 20px 18px;
  float: left;
  width: 489px;
  height: 207px;
  border: 1px solid #d8d8d8;
}
.slide-list-item:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.slide-list-item.first {
  margin: 0 0 20px 0;
}

.slide-list-thumb {
  float: left;
  width: 213px;
  height: 194px;
  /* Style the thumbnails */
  /* The stage is the wrapper. The image fills 100% the height of the stage */
  /* Ths play, pause, prev and next buttons */
  /* The previous and next textual buttons */
}
.slide-list-thumb .pika-thumbs {
  padding: 0;
  height: 49px;
}
.slide-list-thumb .pika-thumbs li {
  position: relative;
  width: 71px;
  height: 48px;
  padding: 0;
  float: left;
  margin: 0;
  cursor: pointer;
}
.slide-list-thumb .pika-thumbs li .clip img {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.slide-list-thumb .pika-thumbs li.active:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 65px;
  height: 42px;
  border: 3px solid var(--color-bdsplanet);
}
.slide-list-thumb .pika-stage,
.slide-list-thumb .pika-textnav {
  width: 213px;
}
.slide-list-thumb .pika-stage {
  position: relative;
  text-align: center;
  height: 160px;
}
.slide-list-thumb .pika-stage img {
  height: 100%;
  width: 100%;
}
.slide-list-thumb .pika-stage .caption {
  position: absolute;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
  border: 1px solid #141414;
  font-size: 11px;
  color: #fafafa;
  padding: 10px;
  text-align: right;
  bottom: 50px;
  right: 10px;
}
.slide-list-thumb .pika-stage .caption p {
  padding: 0;
  margin: 0;
  line-height: 14px;
}
.slide-list-thumb .pika-imgnav a {
  position: absolute;
  display: block;
  width: 29px;
  height: 29px;
  text-indent: -9999px;
  background: url(../images/bg_btn_detail_slide_small.png) no-repeat;
  z-index: 3;
  cursor: pointer;
}
.slide-list-thumb .pika-imgnav a.previous {
  top: 65px;
  left: 0;
}
.slide-list-thumb .pika-imgnav a.next {
  top: 65px;
  right: 0;
  background-position: -29px 0;
}
.slide-list-thumb .pika-imgnav a.play {
  display: none;
}
.slide-list-thumb .pika-textnav {
  display: none;
}
.slide-list-thumb .pika-counter {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: white;
  background: rgba(0, 0, 0, 0.7);
  font-size: 11px;
  padding: 3px;
  border-radius: 5px;
}
.slide-list-thumb .jcarousel-container {
  position: absolute;
  bottom: 0;
  left: 0;
}
.slide-list-thumb .jcarousel-clip {
  overflow: hidden;
}

.slide-list-addr {
  position: relative;
  float: left;
  margin: 20px 0 0 20px;
  width: 236px;
  height: 75px;
  overflow: hidden;
}

.slide-list-addr02 {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  font-weight: bold;
  color: #222;
}

.slide-list-addr-info {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 0 0 19px;
  width: 49px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #ffffff;
  background: #fcb040 url(../images/icon_loc_btn.png) no-repeat 3px 2px;
}

.slide-list-overview {
  float: left;
  margin: 0 0 0 20px;
}

.slide-list-overview-item {
  margin-bottom: 7px;
}

.slide-list-overview-title {
  display: inline-block;
  margin-right: 7px;
  width: 62px;
  height: 16px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  background: #a1b0b6;
}
.slide-list-overview-title.yellow {
  background: #fcb040;
}
.slide-list-overview-title.blue {
  background: var(--color-bdsplanet);
}

.tooltip {
  display: none;
  position: absolute;
  padding: 15px;
  border: 1px solid var(--color-bdsplanet);
  color: #666;
  font-size: 14px;
  background: #ffffff;
  margin-top: 6px;
  text-align: left;
  font-weight: normal;
  z-index: 30;
  line-height: 21px;
  -webkit-box-shadow: 1px 2px 3px 1px #ddd;
  box-shadow: 1px 2px 3px 1px #ddd;
  border-radius: 5px;
}
.tooltip.on {
  display: block;
}

.tooltip-wrap {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d8d8d8;
}
.tooltip-wrap:first-child {
  margin: 0;
  padding: 0;
  border-top: 0;
}

.tooltip-title {
  margin-bottom: 7px;
  color: #666;
  font-size: 14px;
}
.tooltip-title:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.tooltip-text {
  margin-top: 5px;
}
.tooltip-text:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.tooltip-text:first-child {
  margin-top: 0;
}
.tooltip-text.gray {
  color: #999;
}
.tooltip-text.icon-foot, .tooltip-text.icon-elv, .tooltip-text.icon-sun, .tooltip-text.icon-car, .tooltip-text.icon-circle, .tooltip-text.icon-house, .tooltip-text.icon-coin {
  padding-left: 22px;
  background: url(../images/icon_tooltip_more.png) no-repeat;
  white-space: nowrap;
}
.tooltip-text.icon-foot {
  background-position: 0 0;
}
.tooltip-text.icon-elv {
  background-position: 0 -21px;
}
.tooltip-text.icon-sun {
  background-position: 0 -44px;
}
.tooltip-text.icon-car {
  background-position: 0 -66px;
}
.tooltip-text.icon-circle {
  background-position: 0 -88px;
}
.tooltip-text.icon-house {
  background-position: 0 -110px;
}
.tooltip-text.icon-coin {
  background-position: 0 -131px;
}
.tooltip-text.icon-foot, .tooltip-text.icon-hot, .tooltip-text.icon-cool, .tooltip-text.icon-elv, .tooltip-text.icon-park, .tooltip-text.icon-car, .tooltip-text.icon-house, .tooltip-text.icon-price {
  padding-left: 22px;
  background: url(../images/icon_tooltip_more2.png) no-repeat;
  white-space: nowrap;
}
.tooltip-text.icon-foot {
  background-position: 0 0;
}
.tooltip-text.icon-hot {
  background-position: 0 -21px;
}
.tooltip-text.icon-cool {
  background-position: 0 -44px;
}
.tooltip-text.icon-elv {
  background-position: 0 -66px;
}
.tooltip-text.icon-park {
  background-position: 0 -88px;
}
.tooltip-text.icon-car {
  background-position: 0 -110px;
}
.tooltip-text.icon-house {
  background-position: 0 -131px;
}
.tooltip-text.icon-price {
  background-position: 0 -153px;
}
.tooltip-text.icon-foot, .tooltip-text.icon-hot, .tooltip-text.icon-cool, .tooltip-text.icon-elv, .tooltip-text.icon-park, .tooltip-text.icon-price {
  padding-left: 22px;
  background: url(../images/icon_tooltip_more3.png) no-repeat;
  white-space: nowrap;
}
.tooltip-text.icon-foot {
  background-position: 0 0;
}
.tooltip-text.icon-hot {
  background-position: 0 -21px;
}
.tooltip-text.icon-cool {
  background-position: 0 -44px;
}
.tooltip-text.icon-elv {
  background-position: 0 -66px;
}
.tooltip-text.icon-park {
  background-position: 0 -88px;
}
.tooltip-text.icon-price {
  background-position: 0 -110px;
}
.tooltip-text.icon-foot, .tooltip-text.icon-use, .tooltip-text.icon-plan, .tooltip-text.icon-permit, .tooltip-text.icon-esta {
  padding-left: 22px;
  background: url(../images/icon_tooltip_more4.png) no-repeat;
  white-space: nowrap;
}
.tooltip-text.icon-foot {
  background-position: 0 0;
}
.tooltip-text.icon-use {
  background-position: 0 -21px;
}
.tooltip-text.icon-plan {
  background-position: 0 -44px;
}
.tooltip-text.icon-permit {
  background-position: 0 -66px;
}
.tooltip-text.icon-esta {
  background-position: 0 -88px;
}

.tooltip-price-date {
  margin-right: 5px;
  color: #999;
}

.tooltip-price-up {
  padding-right: 10px;
  color: #ed1c24;
  background: url(../images/icon_up.png) no-repeat 100% 50%;
}

.tooltip-price-down {
  padding-right: 10px;
  color: var(--color-bdsplanet);
  background: url(../images/icon_down.png) no-repeat 100% 50%;
}

.tooltip.price {
  position: absolute;
  top: 95px;
  left: -50px;
  width: 254px;
}
.tooltip.price.map {
  position: absolute;
  top: 18px;
  left: -20px;
  width: 180px;
}
.tooltip.data {
  position: absolute;
  top: 140px;
  left: 20px;
  min-width: 130px;
}

.page {
  margin-top: 30px;
  text-align: center;
  font-size: 0;
}

.page-item {
  display: inline-block;
  margin: 0 1px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #666;
  font-size: 13px;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid #d8d8d8;
}
.page-item:hover, .page-item:active {
  border-color: var(--color-bdsplanet);
}
.page-item.on {
  color: #ffffff;
  background: var(--color-bdsplanet);
  border-color: var(--color-bdsplanet);
}
.page-item.prev, .page-item.next {
  text-indent: -9999px;
  background: url(../images/bg_arrow_page.png) no-repeat;
}
.page-item.prev {
  background-position: 7px 7px;
}
.page-item.next {
  background-position: -27px 7px;
}

.page.yellow .page-item:hover, .page.yellow .page-item:active {
  border-color: #fcb040;
}
.page.yellow .page-item.on {
  color: #ffffff;
  background: #fcb040;
  border-color: #fcb040;
}

.label-toggle-wrap {
  position: relative;
}
.label-toggle-wrap.half-width {
  width: 400px;
}
.label-toggle-wrap.quarter-width {
  width: 200px;
}

.label-toggle-text {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
  font-weight: normal;
  color: #999;
}

.board-box {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  border: 1px solid #d8d8d8;
}

.board-box-title {
  margin-bottom: 28px;
  padding-bottom: 8px;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  line-height: 1;
  border-bottom: 1px solid #222;
}

.board-box-first {
  position: relative;
  margin-bottom: 20px;
  height: 105px;
  overflow: hidden;
}

.board-box-first-link:hover .board-box-first-title {
  text-decoration: underline;
}

.board-box-first-title {
  display: block;
  font-size: 16px;
  color: var(--color-bdsplanet);
  line-height: 1.5;
}

.board-box-first-body {
  margin-top: 5px;
  display: block;
  color: #999;
}

.board-box-first-date {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #222;
}

.board-box-list {
  height: 55px;
  overflow: hidden;
}

.board-box-list-item {
  margin-top: 5px;
}
.board-box-list-item:first-child {
  margin-top: 0;
}

.board-box-list-link {
  position: relative;
  display: block;
  padding-left: 10px;
  overflow: hidden;
}
.board-box-list-link:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  width: 2px;
  height: 2px;
  background: var(--color-bdsplanet);
}
.board-box-list-link:hover .board-box-list-text {
  text-decoration: underline;
}

.board-box-list-text {
  color: #222;
  float: left;
}
.board-box-list-text.has-date {
  width: 80%;
}

.board-box-list-date {
  float: right;
  width: 20%;
  color: #999;
  text-align: right;
}

.board-box-more {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 17px;
  height: 17px;
  text-indent: -9999px;
  background: url(../images/bg_btn_more.png) no-repeat;
}

.info-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 30px;
  height: 170px;
  background: #ededed;
}
.info-box:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.info-box-head {
  float: left;
}

.info-box-title {
  margin-top: 7px;
  padding-top: 21px;
  font-size: 28px;
  color: #222;
  background: url(../images/bg_info_box_title.png) no-repeat;
}

.info-box-subtitle {
  font-size: 28px;
  font-weight: 900;
  color: #222;
}

.info-box-msg {
  margin-top: 10px;
  color: #222;
}

.info-box-body {
  float: right;
}

.bottom-info {
  padding: 20px 0 0 0;
  border-top: 1px solid #d8d8d8;
}

.bottom-info-msg {
  position: relative;
  margin: 8px 0 0 0;
  padding: 0 0 0 9px;
  color: #666;
  font-size: 12px;
}
.bottom-info-msg:first-child {
  margin: 0;
}
.bottom-info-msg:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #666;
}

/*
* specific style
*/
.left-float {
  float: left;
}
.left-float.left {
  margin-right: 10px;
}
.left-float.left.group {
  margin-right: 20px;
}
.left-float.left.half {
  margin-right: 5px;
}
.left-float.right {
  margin-left: 10px;
}
.left-float.right.group {
  margin-left: 20px;
}
.left-float.right.half {
  margin-left: 5px;
}

.right-float {
  float: right;
}
.right-float.left {
  margin-right: 10px;
}
.right-float.left.group {
  margin-right: 20px;
}
.right-float.left.half {
  margin-right: 5px;
}
.right-float.right {
  margin-left: 10px;
}
.right-float.right.group {
  margin-left: 20px;
}
.right-float.right.half {
  margin-left: 5px;
}

.hide {
  display: none;
}

.em-dark {
  color: #222 !important;
  font-weight: bold;
}

.em-gray {
  color: #666 !important;
}

.em-thin-gray {
  color: #999 !important;
}

.em-blue {
  color: var(--color-bdsplanet) !important;
}

.em-blue-bold {
  color: var(--color-bdsplanet) !important;
  font-weight: bold;
}

.em-blue02 {
  color: #4a88f9 !important;
}

.em-yellow {
  color: #fcb040 !important;
}

.em-yellow-bold {
  color: #fcb040 !important;
  font-weight: bold;
}

.em-green {
  color: #2bb600 !important;
}

.em-green02 {
  color: #128b6e !important;
}

.em-red {
  color: #ed1c24 !important;
}

.em-red-bold {
  color: #ed1c24 !important;
  font-weight: bold;
}

.em-black {
  color: #222 !important;
}

.em-black-bold {
  color: #222 !important;
  font-weight: bold;
}

.em-link {
  color: var(--color-bdsplanet);
  text-decoration: underline;
}

.em-link-item {
  color: var(--color-bdsplanet);
}

.small-font {
  font-size: 12px;
}

.mini-font {
  font-size: 11px;
}

.status-blue {
  font-weight: bold;
  color: #479dee;
}

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

.div-item {
  float: left;
  width: 20px;
  line-height: 27px;
  text-align: center;
}

.mt8 {
  margin: 8px 0 0 0;
}

.mt15 {
  overflow: hidden;
  margin-top: 15px;
}

.required {
  margin: 10px 0 0 0;
  text-align: right;
}

.error {
  margin-top: 30px;
  height: 393px;
}

.error-title {
  position: relative;
  padding-top: 257px;
  text-align: center;
  color: #222;
  font-size: 24px;
  font-weight: bold;
}
.error-title:after {
  content: "";
  display: block;
  width: 96px;
  height: 96px;
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -48px;
  background: url(../images/icon_error.png) no-repeat;
}
.error-title.mediation:after {
  background-position: 0 0;
}

.error-msg {
  margin-top: 20px;
  line-height: 1.6;
  text-align: center;
  color: #666666;
  font-size: 16px;
}

.individual-infor-box {
  position: relative;
  border: 1px solid #e6e6e6;
  height: 258px;
  margin: 0 0 10px;
}
.individual-infor-box .scroll-body {
  padding: 20px;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  line-height: 21px;
}
.individual-infor-box:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: -1px;
  background: #282828;
}

.m-clear {
  margin: 0 !important;
}

.list-item-price-none {
  display: inline-block;
  padding-right: 0px;
  font-size: 19px;
  font-weight: bold;
  color: var(--color-bdsplanet);
}

.item-notice {
  margin: 9px 0 0;
  color: #999;
  font-size: 12px;
  line-height: 18px;
}

.lnb-notice {
  display: inline-block;
  padding: 18px 0 0 20px;
  font-size: 13px;
  color: #666;
}
.lnb-notice.pl-none {
  padding: 18px 0 0 0;
}

.area-item dt {
  font-size: 16px;
  font-weight: bold;
  color: #222;
  line-height: 24px;
}
.area-item dd {
  font-size: 13px;
  color: #666;
  line-height: 20px;
  margin: 4px 0 0;
}
.area-item ul {
  margin: 9px 0 0;
}
.area-item li {
  font-size: 13px;
  font-weight: bold;
  color: var(--color-bdsplanet);
  line-height: 22px;
}

/** Stage container **/
.connected-carousels:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.connected-carousels .stage {
  width: 767px;
  margin: 10px auto 0;
  position: relative;
}
.connected-carousels .photo-credits {
  position: absolute;
  right: 15px;
  bottom: 0;
  font-size: 13px;
  color: #fff;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
  opacity: 0.66;
}
.connected-carousels .photo-credits a {
  color: #fff;
}
.connected-carousels .navigation {
  width: 100%;
  position: relative;
}
.connected-carousels .carousel {
  overflow: hidden;
  position: relative;
}
.connected-carousels .carousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
.connected-carousels .carousel li {
  float: left;
}
.connected-carousels .carousel li.img {
  min-width: 767px;
}
.connected-carousels .carousel li.img img {
  margin: 0 auto;
}
.connected-carousels .carousel-stage {
  height: 491px;
  position: relative;
  background: #bcbebd;
}
.connected-carousels .carousel-navigation {
  width: 478px;
  bottom: 0;
  left: 0;
  padding: 6px 135px 5px 5px;
  background: url(../images/bg_detail_slide_thumb.png);
  float: left;
}
.connected-carousels .carousel-navigation li {
  cursor: pointer;
}
.connected-carousels .carousel-navigation li img {
  display: block;
  border: 4px solid #3f3f3f;
  width: 60px;
  height: 45px;
}
.connected-carousels .carousel-navigation li.active img {
  border: 3px solid var(--color-bdsplanet);
  margin: 2px 0 0;
}
.connected-carousels .prev-stage {
  display: block;
  position: absolute;
  color: #fff;
  background: url(../images/bg_btn_detail_slide.png) no-repeat;
  width: 70px;
  height: 70px;
  text-indent: -9999px;
  top: 50%;
  margin-top: -35px;
}
.connected-carousels .next-stage {
  display: block;
  position: absolute;
  color: #fff;
  background: url(../images/bg_btn_detail_slide.png) no-repeat;
  width: 70px;
  height: 70px;
  text-indent: -9999px;
  top: 50%;
  margin-top: -35px;
  background: url(../images/bg_btn_detail_slide.png) no-repeat -70px 0;
}
.connected-carousels .prev-stage {
  left: 0;
}
.connected-carousels .next-stage {
  right: 0;
}
.connected-carousels .prev-stage.inactive,
.connected-carousels .next-stage.inactive {
  display: none;
}
.connected-carousels .prev-stage span,
.connected-carousels .next-stage span {
  display: none;
  position: absolute;
  top: 50%;
  width: 70px;
  height: 70px;
}
.connected-carousels .prev-stage span {
  left: 20px;
}
.connected-carousels .next-stage span {
  right: 20px;
}
.connected-carousels .prev-stage:hover span,
.connected-carousels .next-stage:hover span {
  display: block;
}
.connected-carousels .prev-navigation,
.connected-carousels .next-navigation {
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  background: #4e443c;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 1px #000;
  font: 16px/29px Arial, sans-serif;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 2px #999;
  box-shadow: 0 0 2px #999;
}
.connected-carousels .prev-navigation {
  left: -15px;
  top: 18px;
  text-indent: 6px;
}
.connected-carousels .next-navigation {
  right: 136px;
  top: 18px;
  text-indent: 20px;
}
.connected-carousels .prev-navigation.inactive,
.connected-carousels .next-navigation.inactive {
  opacity: 0.5;
  cursor: default;
}

/** Navigation container **/
/** Shared carousel styles **/
/** Stage carousel specific styles **/
/** Navigation carousel specific styles **/
/** Stage carousel controls **/
/** Navigation carousel controls **/
.detail-gallery-function-tm {
  background: #3f3f3f;
  float: left;
  padding: 7px 8px 7px 26px;
}

.connected-carousels.pop .connected-carousels .stage {
  width: 723px;
}
.connected-carousels.pop .carousel.carousel-stage {
  height: 542px;
}
.connected-carousels.pop .carousel.carousel-stage .img img {
  height: 542px;
}

.service-tab-cont {
  display: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 30px 0 100px;
  padding: 31px 0 0 10px;
  line-height: 2;
}
.service-tab-cont.on {
  display: block;
}
.service-tab-cont .scroll pre {
  font-family: var(--font-default-two);
  padding: 30px 15px;
}
.service-tab-cont h3 {
  font-weight: bold;
  margin: 20px 0 10px 0;
}
.service-tab-cont h4 {
  font-weight: bold;
  margin: 20px 0 0 0;
}
.service-tab-cont .scroll {
  height: 516px;
  overflow-x: hidden;
  overflow-y: auto;
}
.service-tab-cont ol {
  padding-left: 16px;
}
.service-tab-cont .first_letter {
  margin: 0 4px 0 -16px;
}
.service-tab-cont .depth1 {
  margin: 0 0 10px 16px;
}
.service-tab-cont .ml20 {
  margin-left: 20px;
}
.service-tab-cont .tbl_type {
  border-collapse: collapse;
}
.service-tab-cont .tbl_type1 th,
.service-tab-cont .tbl_type1 td {
  padding: 7px 7px 3px 7px;
  border: 1px solid #ccc;
}
.service-tab-cont .tbl_type1 th {
  background: #f7f7f7;
  text-align: center;
  font-weight: bold;
}
.service-tab-cont .tbl_type1 td {
  color: #ed1c24;
}
.service-tab-cont .tbl_type1 td.center {
  text-align: center;
}
.service-tab-cont .blind {
  overflow: hidden;
  position: absolute;
  visibility: hidden;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}
.service-tab-cont .mt10 {
  margin-top: 10px;
}
.service-tab-cont .t-center {
  text-align: center;
}
.service-tab-cont .t-right {
  text-align: right;
}
.service-tab-cont a {
  color: #000;
}

.lnb-list .smart-sub-wrap {
  display: none;
  width: 126px;
  position: absolute;
  left: 50%;
  top: 35px;
  margin-left: -64px;
  padding-top: 20px;
  background: url(../images/bg_smart_sub.png) no-repeat;
  z-index: 999;
}
.lnb-list .smart-sub-wrap:after {
  content: "";
  display: block;
  width: 126px;
  height: 14px;
  background: url(../images/bg_smart_sub.png) no-repeat left bottom;
}
.lnb-list .smart-sub-wrap.on {
  display: block;
}
.lnb-list .smart-sub-wrap.narrow {
  width: 81px;
  margin-left: -40px;
  background: url(../images/bg_smart_sub_narrow.png) no-repeat;
}
.lnb-list .smart-sub-wrap.narrow:after {
  background: url(../images/bg_smart_sub_narrow.png) no-repeat left bottom;
}
.lnb-list .smart-sub-item {
  padding-left: 20px;
  margin-bottom: 15px;
  line-height: 13px;
}
.lnb-list .smart-sub-item.last {
  margin-bottom: 0;
}
.lnb-list .smart-sub-link {
  font-size: 13px;
  font-weight: bold;
  color: #555;
}
.lnb-list .smart-sub-link:hover, .lnb-list .smart-sub-link.on {
  color: #fcbb59;
}

.smart-tab-list {
  margin-top: 30px !important;
}
.smart-tab-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.smart-tab-list li {
  float: left;
  width: 49.9%;
  border: 1px solid #ddd;
  text-align: center;
  position: relative;
}
.smart-tab-list li:first-child {
  margin: 0 -1px 0 0;
}
.smart-tab-list li a {
  color: #999;
  padding: 14px 0;
  display: block;
  font-weight: 600;
}
.smart-tab-list li.on {
  background: #035f92;
  border: none;
  z-index: 99;
}
.smart-tab-list li:hover {
  border-color: #035f92;
}
.smart-tab-list li a:hover {
  background: #035f92;
  color: #fff;
}
.smart-tab-list li.on a {
  color: #fff;
  padding: 15px 0;
}
.smart-tab-list.yellow li.on {
  background: #fcb040;
  border: none;
  z-index: 99;
}
.smart-tab-list.yellow li:hover {
  border-color: #fcb040;
}
.smart-tab-list.yellow li a:hover {
  background: #fcb040;
  color: #fff;
}
.smart-tab-list.w200 li {
  width: 200px;
}
.smart-tab-list + .contents-mid {
  margin: 27px 0 0;
}
.smart-tab-list + .list-description {
  margin-top: 30px !important;
}

.btn-list-changp {
  border: 0;
  border-radius: 5px;
  color: #ffffff;
  text-align: left;
  background: #626c7d url(../images/icon_changp.png) no-repeat;
  padding: 8px 11px 8px 32px;
  margin-left: 5px;
}
.btn-list-changp.px {
  background-position: 0 0;
}
.btn-list-changp.work {
  background-position: 0 -29px;
}

#ui-datepicker-div {
  z-index: 1000 !important;
}

.tooltip.s-noti {
  position: absolute;
  width: 341px;
  top: 40px;
  left: -50%;
  border: 1px solid #035f92;
  margin: 0 0 0 -145px;
}
.tooltip.s-noti .tooltip-title {
  color: #035f92;
}
.tooltip.s-noti .tooltip-text {
  line-height: 1.8;
}

.list-description-item01 {
  background: #fafafa;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  padding: 30px;
}
.list-description-item01 dl {
  float: left;
  margin: 0 38px 0 0;
}
.list-description-item01 dt {
  float: left;
  font-weight: bold;
}
.list-description-item01 dd {
  display: inline-block;
  padding: 0 0 0 8px;
}
.list-description-item01 dd.line {
  padding: 0 0 0 5px;
  margin: 0 0 0 5px;
  border-left: 1px solid #999;
}
.list-description-item01.f14 dt,
.list-description-item01.f14 dd {
  font-size: 14px;
}

.cs-contB-item {
  background: #f9f9f9;
  border: 1px solid #ddd;
  padding: 40px 105px;
}
.cs-contB-item .list-title {
  text-align: center;
  font-size: 18px;
  margin: 0 0 21px;
}
.cs-contB-item .btn-fill.btn-search-icon {
  padding-left: 48px;
  text-align: left;
  background: #035f92 url(../images/icon_search_white.png) no-repeat 23px 13px;
  width: 151px;
}
.cs-contB-item .input {
  height: 40px;
  width: 631px;
}
.cs-contB-item .btn-fill {
  font-size: 20px;
}
.cs-contB-item .left-float.left {
  margin-right: 5px;
}

.group-item-noti {
  float: left;
  margin-right: 30px;
  display: inline-block;
  padding-right: 23px;
  font-size: 13px;
  font-weight: bold;
  color: #222;
  background: url(../images/icon_group-item-noti.png) no-repeat 100% 0;
  line-height: 18px;
}

.group-item-noti-cont {
  position: absolute;
  top: 30px;
  left: 86px;
  width: 287px;
  border: 1px solid #035f92;
  background: #fff;
  color: #999;
  padding: 16px;
  line-height: 20px;
}

.item-num {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  margin: -5px 0 0 5px;
  background: var(--color-bdsplanet);
  border-radius: 50%;
  width: 30px;
  height: 25px;
  padding: 2px 0 0 0;
  text-align: center;
  position: absolute;
  top: 11px;
  left: 85px;
}

/* item-reply */
#item-reply-box-wrap {
  border-bottom: 2px solid #222;
  padding: 0 0 20px;
}

.item-reply-box {
  border-top: 2px solid #222;
  padding: 0;
  margin: 25px 0 10px;
  color: #222;
}
.item-reply-box .s-noti {
  border: 2px solid #035f92;
  font-size: 14px;
  top: 20%;
  left: 40%;
}
.item-reply-box .s-noti .tooltip-title {
  font-size: 16px;
  font-weight: bold;
}
.item-reply-box .item-reply-box-top {
  position: relative;
  padding: 23px;
}
.item-reply-box .item-reply-box-top:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.item-reply-box .item-reply-box-top .tit {
  color: #035f92;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 8px;
}
.item-reply-box .item-reply-box-top .mid dl {
  float: left;
  margin: 0 29px 0 0;
  font-size: 14px;
}
.item-reply-box .item-reply-box-top .mid dt {
  float: left;
  font-weight: bold;
}
.item-reply-box .item-reply-box-top .mid dd {
  float: left;
  padding: 0 0 0 5px;
}
.item-reply-box .item-reply-box-top .float-right {
  position: absolute;
  right: 24px;
  top: 30px;
}
.item-reply-box .item-reply-box-top .float-right .button {
  float: right;
  border: 0;
  margin: 8px 0 0;
  padding: 0;
  font-weight: bold;
  width: 42px;
  text-align: left;
  background: url(../images/icon-replyBg.png) no-repeat 25px -68px;
}
.item-reply-box .item-reply-box-mid {
  border-top: 1px solid #dcdcdc;
  padding: 23px 23px 0;
  line-height: 25px;
  color: #666;
}
.item-reply-box.gray {
  border-top: none;
  background: #fafafa;
}
.item-reply-box.gray .s-noti {
  top: 30%;
  left: 45%;
}
.item-reply-box.gray .item-reply-box-top {
  padding: 23px 23px 23px 68px;
  margin-bottom: 20px;
}
.item-reply-box.gray .item-reply-box-top:after {
  position: absolute;
  width: 20px;
  height: 20px;
  content: "";
  top: 32px;
  left: 25px;
  background: url(../images/icon-replyBg.png) no-repeat 0 0;
}
.item-reply-box.gray .item-reply-box-mid {
  padding: 23px 23px 23px 68px;
}
.item-reply-box.gray .agree-right {
  width: 100%;
  text-align: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-reply-box.gray .agree-right .btn-form {
  color: #fff;
  background: #666;
  width: 93px;
  height: 30px;
  line-height: 30px;
}
.item-reply-box.secret {
  border-top: 2px solid #222;
  padding: 0;
  margin: 25px 0 10px;
}
.item-reply-box.secret .item-reply-box-top .tit {
  margin: 18px 0 8px;
  color: #222;
}
.item-reply-box.secret .item-reply-box-mid {
  position: relative;
  border-top: none;
  background: #fafafa;
  font-size: 16px;
  font-weight: bold;
  padding: 38px 68px;
  color: #222;
}
.item-reply-box.secret .item-reply-box-mid:after {
  position: absolute;
  width: 20px;
  height: 20px;
  content: "";
  top: 40px;
  left: 25px;
  background: url(../images/icon-replyBg.png) no-repeat 0 0;
}
.item-reply-box.secret .item-reply-box-mid .day {
  position: absolute;
  right: 25px;
  top: 42px;
  font-size: 13px;
  font-weight: normal;
}

/* item-qna */
.item-qna-box-wrap {
  background: #fafafa;
  padding: 30px;
  margin: -1px 0;
}

.item-qna-box:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.item-qna-box .noti {
  float: left;
  margin: 5px 0 0 0;
  background: #035f92;
  color: #fff;
  padding: 3px 12px;
}
.item-qna-box .cont {
  float: right;
  width: 89%;
  margin: -35px 0 0 100px;
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
}

/* home type */
.home-type:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.home-type .top {
  position: relative;
  width: 100%;
  padding: 0 0 0;
  margin: 40px 0 0;
}
.home-type .top .btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 113px;
  height: 26px;
  line-height: 26px;
}
.home-type .radio-label {
  font-weight: bold;
  font-size: 28px;
  color: #222;
}
.home-type .thumb {
  margin: 15px 0 0;
  padding: 10px;
  background: #fafafa;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btn-table-change-group {
  display: inline-block;
  width: 80px;
  height: 20px;
  line-height: 1;
  color: #ffffff;
  background: #999;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  border: 0;
}
.btn-table-change-group.gray {
  background: #e6e6e6;
  color: #b2b2b2;
}

.item-grop_tip {
  position: absolute;
  right: 25px;
  bottom: 23px;
  color: #035f92;
  border: none;
  border-bottom: 1px solid #035f92;
  padding: 0 0 1px 0;
  background: none;
}

.message-set {
  margin: 30px 0 0;
}

.message-set-top {
  border: 1px solid #ddd;
  background: #f9f9f9;
  padding: 40px 24px 24px 24px;
}
.message-set-top .tit {
  text-align: center;
  font-size: 18px;
  color: #222;
}
.message-set-top .desc {
  margin: 20px 0 0;
  padding: 10px;
  border: 1px solid #cbcbcb;
  background: #fff;
  line-height: 19px;
}

.message-set-bottom {
  background: #eee;
  border: 1px solid #ddd;
  border-top: none;
  padding: 10px 0;
  text-align: center;
}

.text-scroll-box {
  padding: 12px;
  border: 1px solid #cbcbcb;
  overflow-x: hidden;
  overflow-y: scroll;
  word-break: keep-all;
  text-align: justify;
}

/* homepage-type */
#typeA #section_type-first {
  position: relative;
  width: 100%;
  border-top: 2px solid #ffcc00;
  background: #0b0e11 url(../images/main/type/thumb-visual01.jpg) no-repeat center top;
}

#typeB #section_type-first {
  position: relative;
  width: 100%;
  border-top: 2px solid #2dadb8;
  background: #0b0e11 url(../images/main/type/thumb-visual02.jpg) no-repeat center top;
}

#typeA #section_type-first .main-txt,
#typeB #section_type-first .main-txt {
  position: absolute;
  left: 50%;
  top: 160px;
  margin: 0 0 0 -500px;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.85);
}

#typeA #section_type-first .main-txt .tit,
#typeB #section_type-first .main-txt .tit {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
}

#typeA #section_type-first .main-txt .desc,
#typeB #section_type-first .main-txt .desc {
  display: block;
  padding: 15px 0 0;
  color: #fff;
  font-size: 24px;
}

#section_type-first .live-section {
  position: relative;
  margin: 444px 0 0;
  background: url(../images/main/type/trans_black.png);
  width: 100%;
  height: 103px;
}
#section_type-first .live-section .inbox {
  display: flex;
  width: 100% !important;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}
#section_type-first .live-section .inbox .select-wrapper {
  width: 180px;
  margin-right: 10px;
}
#section_type-first .live-section .inbox .select-wrapper .select {
  width: 100% !important;
}

#typeA #section_type-first .live-section .inbox .select-wrapper .select {
  height: 48px;
  border-radius: 5px;
}

#typeB #section_type-first .live-section .inbox .select-wrapper .select {
  height: 48px;
  border-radius: 0;
}

#section_type-first .live-section .inbox .select-wrapper .select .label {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0 25px 0 15px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}

#typeA #section_type-first .live-section .inbox .select-wrapper .select .button:after {
  top: 5px;
  right: 15px;
  border: 7px solid transparent;
  border-top-color: #ffcc00;
}

#typeB #section_type-first .live-section .inbox .select-wrapper .select .button:after {
  top: 5px;
  right: 15px;
  border: 7px solid transparent;
  border-top-color: #2dadb8;
}

#section_type-first .live-section .inbox .select-wrapper .select-items {
  width: 222px;
  top: 95%;
}
#section_type-first .live-section .inbox .select-wrapper .select-items li {
  padding: 15px;
  font-size: 14px;
}
#section_type-first .live-section .inbox .input-wrap {
  float: left;
  margin-right: 10px;
}

#typeA #section_type-first .live-section .inbox .input {
  width: 608px;
  height: 48px;
  border-radius: 5px;
  padding-left: 15px;
  font-size: 16px;
  border: 0;
}

#typeB #section_type-first .live-section .inbox .input {
  width: 608px;
  height: 48px;
  border-radius: 0;
  padding-left: 15px;
  font-size: 16px;
  border: none;
}

#section_type-first .live-section .inbox .label-on-input {
  font-size: 16px;
  top: 14px;
  left: 15px;
}

#typeA #section_type-first .live-section .inbox .search {
  background: #ffcc00;
  border: 0;
  color: #000;
  font-size: 16px;
  height: 48px;
  width: 152px;
  font-weight: bold;
  border-radius: 5px;
}

#typeB #section_type-first .live-section .inbox .search {
  background: #2dadb8;
  border: 0;
  color: #fff;
  font-size: 16px;
  height: 48px;
  width: 152px;
  font-weight: bold;
  border-radius: 0;
}

#typeA #section_type-second {
  width: 100%;
  background: #f2f2f2;
  padding-bottom: 68px;
}

#typeB #section_type-second {
  width: 100%;
  height: 225px;
  background: #f2f2f2;
}

#typeA #section_type-second .in_box {
  position: relative;
  width: 793px;
  margin: 0 auto;
}

#typeB #section_type-second .in_box {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding-top: 50px;
}

#typeA #section_type-second h2 {
  position: relative;
  line-height: 1;
  font-size: 28px;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 65px 0 0;
}
#typeA #section_type-second h2:after {
  content: "";
  background: #ffcc00;
  width: 32px;
  height: 4px;
  margin: 39px auto 39px;
  display: block;
}

#typeB #section_type-second h2 {
  text-indent: -9999px;
  height: 0;
}

#section_type-second ul {
  width: 1000px;
  margin: 0 auto;
}
#section_type-second ul:after {
  content: "";
  clear: both;
  display: block;
}
#section_type-second ul li:first-child {
  margin: 0;
}

#typeA #section_type-second ul li {
  float: left;
  width: 231px;
  margin: 0 50px 0 0;
}

#typeB #section_type-second ul li {
  float: left;
  width: 333px;
  margin: 0 0 0 0;
}

#typeA #section_type-second ul li .item {
  background: url(../images/main/type/smart_sch-bg01.png) no-repeat;
  width: 231px;
  height: 231px;
}

#typeB #section_type-second ul li .item {
  background: url(../images/main/type/smart_sch-bg02.png) no-repeat;
  width: 333px;
  height: 125px;
}

#typeA #section_type-second ul li .item h3 {
  text-align: center;
  padding: 169px 0 0;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
#typeA #section_type-second ul li .item p {
  text-indent: -9999px;
  font-size: 0;
}
#typeA #section_type-second ul li .item.bg01 {
  background-position: 0 0;
}
#typeA #section_type-second ul li .item.bg02 {
  background-position: 0 -462px;
}
#typeA #section_type-second ul li .item.bg03 {
  background-position: 0 -924px;
}

#typeB #section_type-second ul li .item h3 {
  text-align: left;
  padding: 22px 0 0 147px;
  font-size: 14px;
  color: #2dadb8;
  font-weight: 600;
}
#typeB #section_type-second ul li .item p {
  text-align: left;
  padding: 10px 0 0 147px;
  font-size: 13px;
  color: #222;
  line-height: 18px;
}
#typeB #section_type-second ul li .item.bg01 {
  background-position: 0 0;
}
#typeB #section_type-second ul li .item.bg02 {
  background-position: -333px 0;
}
#typeB #section_type-second ul li .item.bg03 {
  background-position: -666px 0;
}

#section_type-third:after {
  content: "";
  clear: both;
  display: block;
}

#typeA #section_type-third {
  width: 100%;
  height: 728px;
  background: #fff;
}

#typeB #section_type-third {
  width: 100%;
  height: 604px;
  background: #fff;
}

#typeA #section_type-third .in_box {
  position: relative;
  width: 1162px;
  margin: 0 auto;
}
#typeA #section_type-third h2 {
  position: relative;
  font-size: 28px;
  color: #000;
  font-weight: bold;
  text-align: center;
  padding: 65px 0 0;
}
#typeA #section_type-third h2:after {
  content: "";
  background: #ffcc00;
  width: 32px;
  height: 4px;
  margin: 39px auto 39px;
  display: block;
}

#typeB #section_type-third .in_box {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
#typeB #section_type-third h2 {
  position: relative;
  line-height: 1;
  font-size: 26px;
  color: #000;
  text-align: left;
  padding: 65px 0 0;
}

#typeA #section_type-third .jcarousel-wrapper-box {
  position: relative;
  width: 1162px;
  height: 473px;
  margin: 0 auto;
}

#typeB #section_type-third .jcarousel-wrapper-box {
  position: relative;
  width: 1000px;
  height: 473px;
  margin: 30px auto;
}

#typeA #section_type-third .jcarousel {
  position: relative;
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
}

#typeB #section_type-third .jcarousel {
  position: relative;
  overflow: hidden;
  width: 1001px;
  margin: 0 auto;
}

#section_type-third .jcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

#typeA #section_type-third .jcarousel li,
#typeB #section_type-third .jcarousel li {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#section_type-third .jcarousel img {
  display: block;
  max-width: 100%;
}

#typeA #section_type-third .jcarousel-pagination {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  margin: 0;
}
#typeA #section_type-third .jcarousel-pagination a {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: #ddd;
  border-radius: 10px;
  text-indent: -9999px;
  margin-right: 7px;
}
#typeA #section_type-third .jcarousel-pagination a.active {
  background: #ffcc00;
}

#typeB #section_type-third .jcarousel-pagination {
  position: absolute;
  top: -45px;
  right: 8px;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  margin: 0;
}
#typeB #section_type-third .jcarousel-pagination a {
  display: inline-block;
  height: 12px;
  width: 12px;
  background: #ddd;
  border-radius: 10px;
  text-indent: -9999px;
  margin-right: 7px;
}
#typeB #section_type-third .jcarousel-pagination a.active {
  background: #2dadb8;
}

#typeA #section_type-third .jcarousel-control-prev {
  position: absolute;
  top: 50%;
  left: 0;
  background: url(../images/main/type/btn-prev.png) no-repeat;
  width: 31px;
  height: 62px;
  text-indent: -9999px;
}
#typeA #section_type-third .jcarousel-control-next {
  position: absolute;
  top: 50%;
  right: 0;
  background: url(../images/main/type/btn-next.png) no-repeat;
  width: 31px;
  height: 62px;
  text-indent: -9999px;
}
#typeA #section_type-third .box_build {
  width: 320px;
  padding: 0;
}
#typeA #section_type-third .box_build .img_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 190px;
  background: #000;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: none;
  overflow: hidden;
}
#typeA #section_type-third .box_build .img_area .thumb {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#typeA #section_type-third .box_build .img_area .thumb img {
  width: 100%;
}
#typeA #section_type-third .box_build .img_area .complete:before {
  top: -115px;
  left: 176px;
  -webkit-transform: rotate(61deg);
  transform: rotate(61deg);
  height: 411px;
}
#typeA #section_type-third .box_build .img_area .complete span {
  width: 125px;
  height: 75px;
  font-size: 14px;
}
#typeA #section_type-third .box_build .picture {
  height: 30px;
  padding: 8px 0 0 30px;
}
#typeA #section_type-third .box_build .img_area .picture .txt.tr {
  top: 9px;
}
#typeA #section_type-third .box_build .info_area {
  float: none;
  margin: 0;
  width: 100%;
  height: 195px;
  padding: 22px 30px;
  background: #fff;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
#typeA #section_type-third .box_build .info_area .in {
  margin: 0;
  line-height: 1;
}
#typeA #section_type-third .box_build .info_area .ii {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 8px !important;
}
#typeA #section_type-third .box_build .info_area .ii:first-child {
  margin-top: 0 !important;
}
#typeA #section_type-third .box_build .info_area .in .ii.loc_ii01 {
  margin: 15px 0 0 !important;
}
#typeA #section_type-third .box_build .bd_hashtag {
  position: absolute;
  bottom: 29px;
  left: 0px;
  padding: 0 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#typeB #section_type-third .box_build {
  width: 230px;
  padding: 0;
}
#typeB #section_type-third .box_build .img_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 236px;
  background: #000;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: none;
  overflow: hidden;
}
#typeB #section_type-third .box_build .img_area .thumb {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#typeB #section_type-third .box_build .img_area .thumb img {
  width: 100%;
}
#typeB #section_type-third .box_build .img_area .complete:before {
  top: -115px;
  left: 176px;
  -webkit-transform: rotate(61deg);
  transform: rotate(61deg);
  height: 411px;
}
#typeB #section_type-third .box_build .img_area .complete span {
  width: 125px;
  height: 75px;
  font-size: 14px;
}
#typeB #section_type-third .box_build .picture {
  height: 30px;
  padding: 8px 0 0 20px;
}
#typeB #section_type-third .box_build .img_area .picture .txt.tr {
  top: 9px;
  right: 20px;
}
#typeB #section_type-third .box_build .info_area {
  float: none;
  margin: 0;
  width: 100%;
  height: 173px;
  padding: 20px;
  background: #fff;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}
#typeB #section_type-third .box_build .info_area .in {
  margin: 0;
  line-height: 1;
}
#typeB #section_type-third .box_build .info_area .ii {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 8px !important;
}
#typeB #section_type-third .box_build .info_area .ii:first-child {
  margin-top: 0 !important;
}
#typeB #section_type-third .box_build .info_area .in .ii.loc_ii01 {
  margin: 15px 0 0 !important;
}
#typeB #section_type-third .box_build .bd_hashtag {
  position: absolute;
  bottom: 17px;
  left: 0px;
  padding: 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#type_ver2 .default_c {
  width: 1000px !important;
}
#type_ver2 .li_build {
  float: left;
  width: 235px;
  margin-right: 20px;
  margin-top: 30px;
}
#type_ver2 .li_build:nth-child(4n) {
  margin-right: 0;
}
#type_ver2 .li_build:nth-child(-n+4) {
  margin-top: 0;
}
#type_ver2 .box_build {
  position: relative;
  width: 100%;
  padding: 0;
}
#type_ver2.typeC .box_build:hover:before, #type_ver2.typeC .box_build:focus:before {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 234px;
  height: 356px;
  border: 1px solid #222;
  z-index: 1;
}
#type_ver2.typeD .box_build:hover .info_area, #type_ver2.typeD .box_build:focus .info_area {
  background: #f5f5f5;
}
#type_ver2 .box_build .img_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 236px;
  background: #000;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: none;
  overflow: hidden;
}
#type_ver2 .box_build .img_area .thumb {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#type_ver2 .box_build .img_area .thumb img {
  width: calc(100% + 1px);
}
#type_ver2 .box_build .img_area .complete:before {
  top: -115px;
  left: 176px;
  -webkit-transform: rotate(61deg);
  transform: rotate(61deg);
  height: 411px;
}
#type_ver2 .box_build .img_area .complete span {
  width: 125px;
  height: 75px;
  font-size: 14px;
}
#type_ver2 .box_build .picture {
  height: 30px;
  padding: 8px 0 0 20px;
}
#type_ver2 .box_build .img_area .picture .txt.tr {
  top: 9px;
  right: 20px;
}
#type_ver2 .box_build .info_area {
  float: none;
  margin: 0;
  width: 100%;
  height: 120px;
  padding: 20px;
  background: #fff;
}
#type_ver2 .box_build .info_area .in {
  margin: 0;
  line-height: 1;
}
#type_ver2 .box_build .info_area .ii {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 8px !important;
}
#type_ver2 .box_build .info_area .ii:first-child {
  margin-top: 0 !important;
}
#type_ver2 .box_build .info_area .in .ii.loc_ii01 {
  margin: 15px 0 0 !important;
}
#type_ver2 .box_build .bd_hashtag {
  position: absolute;
  bottom: 17px;
  left: 0px;
  padding: 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.btn16 {
  display: inline-block;
}
.btn16 .wr {
  display: table;
  padding: 17px 49px;
}
.btn16 .wr > div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.btn16 .wr .txt {
  font-size: 16px;
}
.btn16.trans {
  border: 1px solid #ffffff;
  color: #ffffff !important;
}

/* B tyle add arrow 2016-05-26*/
/*
#typeB #section_type-third .jcarousel-control-prev{display:none}
#typeB #section_type-third .jcarousel-control-next{display:none}
*/
#typeB #section_type-third .jcarousel-control-prev {
  position: absolute;
  top: 50%;
  left: -50px;
  background: url(../images/main/type/btn-prev.png) no-repeat;
  width: 31px;
  height: 62px;
  text-indent: -9999px;
}
#typeB #section_type-third .jcarousel-control-next {
  position: absolute;
  top: 50%;
  right: -50px;
  background: url(../images/main/type/btn-next.png) no-repeat;
  width: 31px;
  height: 62px;
  text-indent: -9999px;
}

#typeA #section_type-third .item-box .part-top,
#typeB #section_type-third .item-box .part-top {
  position: relative;
}

#typeA #section_type-third .item-box .part-top .img {
  width: 325px;
  height: 280px;
  overflow: hidden;
}
#typeA #section_type-third .item-box .part-top .img img {
  width: 100%;
}

#typeB #section_type-third .item-box .part-top .img {
  width: 231px;
  height: 185px;
  overflow: hidden;
}
#typeB #section_type-third .item-box .part-top .img img {
  width: 100%;
}

#typeA #section_type-third .item-box .part-top .desc-box {
  position: absolute;
  bottom: 0;
  background: url(../images/main/type/trans_black.png);
  width: 325px;
  height: 56px;
}

#typeB #section_type-third .item-box .part-top .desc-box {
  position: absolute;
  bottom: 0;
  background: url(../images/main/type/trans_black.png);
  width: 231px;
  height: 43px;
}

#typeA #section_type-third .item-box .part-top .desc-box .tit {
  position: absolute;
  left: 14px;
  bottom: 17px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -1px;
}

#typeB #section_type-third .item-box .part-top .desc-box .tit {
  position: absolute;
  left: 14px;
  bottom: 14px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -1px;
}

#typeA #section_type-third .item-box .part-top .desc-box .icon-balloon {
  position: absolute;
  right: 15px;
  bottom: 12px;
  background: url(../images/main/type/icon-balloon01.png) no-repeat;
  height: 26px;
  width: 26px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 3px 0 0;
  color: #222;
  letter-spacing: -1px;
}

#typeB #section_type-third .item-box .part-top .desc-box .icon-balloon {
  position: absolute;
  right: 15px;
  bottom: 50px;
  background: url(../images/main/type/icon-balloon02.png) no-repeat;
  height: 20px;
  width: 20px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding: 2px 0 0;
  color: #fefefe;
  letter-spacing: -1px;
}

#typeA #section_type-third .item-box .part-bottom {
  position: relative;
  width: 293px;
  height: 95px;
  border: 1px solid #ddd;
  border-top: 0;
  padding: 15px;
}

#typeB #section_type-third .item-box .part-bottom {
  position: relative;
  width: 199px;
  min-height: 197px;
  border: 1px solid #ddd;
  border-top: 0;
  padding: 15px;
}

#section_type-third .item-box .part-bottom .live-style {
  display: inline-block;
  padding: 1px 3px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #ed1c24;
  color: #ed1c24;
}
#section_type-third .item-box .part-bottom .live-style .red {
  border: 1px solid #cc6666;
  color: #cc6666;
}
#section_type-third .item-box .part-bottom .live-style.yellow {
  border: 1px solid #ffcc33;
  color: #ffcc33;
}
#section_type-third .item-box .part-bottom .live-style.purple {
  border: 1px solid #996699;
  color: #996699;
}
#section_type-third .item-box .part-bottom .live-style.green {
  border: 1px solid #99cc66;
  color: #99cc66;
}
#section_type-third .item-box .part-bottom .live-style.blue {
  border: 1px solid #6699ff;
  color: #6699ff;
}
#section_type-third .item-box .part-bottom .live-style.brown {
  border: 1px solid #996666;
  color: #996666;
}
#section_type-third .item-box .part-bottom .live-style.orange {
  border: 1px solid #ff9966;
  color: #ff9966;
}
#section_type-third .item-box .part-bottom .live-style.pink {
  border: 1px solid #ff99cc;
  color: #ff99cc;
}
#section_type-third .item-box .part-bottom .tit {
  font-size: 18px;
  color: #222;
  font-weight: bold;
  padding: 8px 0 0;
}

/* 2016-05-25 add */
#typeA #section_type-third .item-box .part-bottom .area {
  font-size: 0;
  text-indent: -9999px;
}

#typeB #section_type-third .item-box .part-bottom .area {
  font-size: 12px;
  color: #2dadb8;
  font-weight: bold;
  padding: 8px 0 0;
}

/* 2016-05-26 fix */
#typeA #section_type-third .item-box .part-bottom .desc {
  font-size: 13px;
  color: #999;
  padding: 8px 0 0;
  letter-spacing: -0.5px;
  width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#typeB #section_type-third .item-box .part-bottom .desc {
  font-size: 13px;
  color: #999;
  padding: 0 0 0;
  letter-spacing: -0.5px;
  margin: 30px 0 0 0;
  width: 210px;
  height: 30px;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

#typeA #section_type-third .item-box .part-bottom .infor {
  padding: 10px 0 0;
}

#typeB #section_type-third .item-box .part-bottom .infor {
  margin: -55px 0 0 0;
}

#typeA #section_type-third .item-box .part-bottom .infor li {
  color: #666;
  position: relative;
  width: 100px;
}

#typeB #section_type-third .item-box .part-bottom .infor li {
  display: none;
}
#typeB #section_type-third .item-box .part-bottom .infor li:first-child {
  display: block;
  color: #666;
}

#section_type-third .item-box .part-bottom .infor li:first-child:after {
  display: none;
}
#section_type-third .item-box .part-bottom .infor li:after {
  position: absolute;
  content: "";
  left: -15px;
  top: 7px;
  background: #666;
  width: 2px;
  height: 2px;
}

#typeA #section_type-third .item-box .part-bottom .btn {
  display: none;
}

#typeB #section_type-third .item-box .part-bottom .btn {
  position: absolute;
  bottom: 15px;
  left: 15px;
  background: #2dadb8;
  color: #fff;
  width: 200px;
  height: 34px;
  line-height: 14px;
}

#typeA #section_type-fourth {
  width: 100%;
  height: 385px;
  background: #ffcc00;
}

#typeB #section_type-fourth {
  width: 100%;
  height: 385px;
  background: #293637;
}

#section_type-fourth .in_box {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}
#section_type-fourth .info_box {
  width: 1000px;
  padding: 40px 0 0 0;
  margin: 0 auto;
  font-size: 14px;
}
#section_type-fourth .info_box:after {
  content: "";
  clear: both;
  display: block;
}
#section_type-fourth .info_box .box {
  float: left;
}

#typeA #section_type-fourth .info_box .box h2 {
  font-size: 18px;
  color: #222;
  font-weight: bold;
  margin: 0 0 0 0;
}

#typeB #section_type-fourth .info_box .box h2 {
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  margin: 0 0 0 0;
}

#typeA #section_type-fourth .company-infor01 span {
  display: block;
  color: #a98812;
}

#typeB #section_type-fourth .company-infor01 span {
  display: block;
  color: #2dadb8;
}

#section_type-fourth .company-infor01 .phone-number {
  font-size: 66px;
  font-weight: bold;
  letter-spacing: -3px;
  font-family: sans-serif;
}

#typeA #section_type-fourth .company-infor01 .bg {
  background: url(../images/main/type/icon-fourthBg-v1.png) no-repeat 50% 0;
}

#typeB #section_type-fourth .company-infor01 .bg {
  background: url(../images/main/type/icon-fourthBg-v2.png) no-repeat 50% 0;
}

#typeA #section_type-fourth .company-infor01 .bg.address {
  background-position: 0 16px;
}
#typeA #section_type-fourth .company-infor01 .bg.email {
  background-position: 0 -58px;
}

#typeB #section_type-fourth .company-infor01 .bg.address {
  color: #abaeae;
  background-position: 0 22px;
}
#typeB #section_type-fourth .company-infor01 .bg.email {
  background-position: 0 -57px;
}

#section_type-fourth .company-infor01 .address {
  font-size: 14px;
  padding: 20px 0 15px 28px;
}
#section_type-fourth .company-infor01 .email {
  padding: 0 0 10px 28px;
}

#typeA #section_type-fourth .company-infor01 .email a {
  color: #a98812;
  font-size: 14px;
}

#typeB #section_type-fourth .company-infor01 .email a {
  color: #abaeae;
  font-size: 14px;
}

#section_type-fourth .company-infor02 {
  margin: 15px 0 0;
}
#section_type-fourth .company-infor02 dl {
  padding: 10px 0 0;
}
#section_type-fourth .company-infor02 dl:after {
  content: "";
  clear: both;
  display: block;
}
#section_type-fourth .company-infor02 dl:first-child {
  padding: 0;
}

#typeA #section_type-fourth .company-infor02 dt {
  float: left;
  color: #2e2e2e;
  font-size: 14px;
  padding: 0 10px 0 0;
  font-weight: bold;
}
#typeA #section_type-fourth .company-infor02 dd {
  font-size: 14px;
  color: #a98812;
}

#typeB #section_type-fourth .company-infor02 dt {
  float: left;
  color: #fff;
  font-size: 14px;
  padding: 0 10px 0 0;
  font-weight: bold;
}
#typeB #section_type-fourth .company-infor02 dd {
  font-size: 14px;
  color: #abaeae;
}

#section_type-fourth .info_box .company {
  width: 501px;
}
#section_type-fourth .info_box .massage ul:after {
  content: "";
  clear: both;
  display: block;
}
#section_type-fourth .info_box .massage li {
  margin: 0 0 10px 0;
}
#section_type-fourth .info_box .massage li:first-child {
  margin: 20px 0 10px;
}

#typeA #section_type-fourth .info_box .massage li input {
  position: relative;
  background: #ffe680;
  color: #2e2e2e;
  font-size: 13px;
  width: 488px;
  border-radius: 5px;
  border: 0;
  height: 38px;
  padding: 12px 12px;
}

#typeB #section_type-fourth .info_box .massage li input {
  position: relative;
  background: #495455;
  color: #bcbcbc;
  font-size: 13px;
  width: 488px;
  border-radius: 5px;
  border: 0;
  height: 38px;
  padding: 12px 12px;
}

#typeA #section_type-fourth .info_box .massage li input::-webkit-input-placeholder, #typeA #section_type-fourth .info_box .massage li input:-moz-placeholder, #typeA #section_type-fourth .info_box .massage li input::-moz-placeholder, #typeA #section_type-fourth .info_box .massage li input:-ms-input-placeholder {
  color: #2e2e2e !important;
}

#typeB #section_type-fourth .info_box .massage li input::-webkit-input-placeholder, #typeB #section_type-fourth .info_box .massage li input:-moz-placeholder, #typeB #section_type-fourth .info_box .massage li input::-moz-placeholder, #typeB #section_type-fourth .info_box .massage li input:-ms-input-placeholder {
  color: #bcbcbc !important;
}

#typeA #section_type-fourth .info_box .massage li textarea {
  position: relative;
  background: #ffe680;
  width: 488px;
  color: #2e2e2e;
  border: 0;
  height: 118px;
  padding: 12px 12px;
  overflow-y: auto;
  border-radius: 5px;
}

#typeB #section_type-fourth .info_box .massage li textarea {
  position: relative;
  background: #495455;
  width: 488px;
  color: #bcbcbc;
  border: 0;
  height: 118px;
  padding: 12px 12px;
  overflow-y: auto;
  border-radius: 5px;
}

#typeA #section_type-fourth .info_box .massage li textarea::-webkit-input-placeholder, #typeA #section_type-fourth .info_box .massage li textarea:-moz-placeholder, #typeA #section_type-fourth .info_box .massage li textarea::-moz-placeholder, #typeA #section_type-fourth .info_box .massage li textarea:-ms-input-placeholder {
  color: #2e2e2e !important;
}

/* Firefox 4-18 */
/* Firefox 19+ */
/* IE10+ */
#typeB #section_type-fourth .info_box .massage li textarea::-webkit-input-placeholder, #typeB #section_type-fourth .info_box .massage li textarea:-moz-placeholder, #typeB #section_type-fourth .info_box .massage li textarea::-moz-placeholder, #typeB #section_type-fourth .info_box .massage li textarea:-ms-input-placeholder {
  color: #bcbcbc !important;
}

/* Firefox 4-18 */
/* Firefox 19+ */
/* IE10+ */
#typeA #section_type-fourth .info_box .massage li.btn {
  float: right;
  background: #2e2e2e;
  text-align: center;
  border-radius: 5px;
}
#typeA #section_type-fourth .info_box .massage li.btn a {
  font-size: 14px;
  color: #ffcc00;
}

#typeB #section_type-fourth .info_box .massage li.btn {
  float: right;
  background: #2dadb8;
  text-align: center;
  border-radius: 5px;
}
#typeB #section_type-fourth .info_box .massage li.btn a {
  font-size: 14px;
  color: #fff;
}

#typeA #section_footer {
  width: 100%;
  height: 69px;
  background: #2e2e2e;
}

#typeB #section_footer {
  width: 100%;
  height: 69px;
  background: #1b2324;
}

#section_footer .in_box {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  color: #f7f7f7;
  line-height: 69px;
  text-align: left;
  color: #999;
}

#typeA #section_footer .in_box span {
  color: #ffcc00;
}

#typeB #section_footer .in_box span {
  color: #2dadb8;
}
#typeB #section_type-campain {
  width: 100%;
  height: 120px;
  background: #2dadb8;
}
#typeB #section_type-campain .in_box {
  width: 1000px;
  margin: 0 auto;
}

#typeA #section_type-campain {
  width: 100%;
  height: 120px;
  background: #2dadb8;
}
#typeA #section_type-campain .in_box {
  width: 1000px;
  margin: 0 auto;
}

.btn_press_wrap {
  margin-top: 10px;
}
.btn_press_wrap .btn_press_more {
  display: block;
  height: 48px;
  line-height: 48px;
  border: 1px solid #d8d8d8;
  text-align: center;
  font-size: 14px;
  color: #cbcbcb;
  background: #454e5f;
}
.btn_press_wrap .btn_press_more:after {
  content: "";
  display: inline-block;
  margin-left: 7px;
  width: 9px;
  height: 6px;
  background: url(../images/icon_arrow_down.png) no-repeat;
  vertical-align: middle;
}
.btn_press_wrap .btn_press_more:hover, .btn_press_wrap .btn_press_more:focus {
  background: #323a49;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pop-only-planet {
  border: 2px solid var(--color-bdsplanet);
  width: 422px !important;
  padding: 13px 13px 40px !important;
  border-radius: 0 !important;
  text-align: center;
}
.pop-only-planet .desc {
  display: inline-block;
  color: #222;
  font-size: 18px;
  padding: 40px 0 0;
  line-height: 1.5;
}
.pop-only-planet .pop-bottom {
  margin-top: 35px;
}
.pop-only-planet .cancel-button {
  display: inline-block;
  width: 100px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  background-color: #d8d8d8;
  border: 0;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 18px;
}
.pop-only-planet .sumit-button {
  display: inline-block;
  width: 200px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  background-color: var(--color-bdsplanet);
  border: 0;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 18px;
}

.simple-view.edu {
  padding-left: 0;
}
.simple-view.edu .edu-list {
  float: left;
  width: 60px;
  padding: 10px 0 0;
}
.simple-view.edu .edu-list .edu-icon-item {
  background: url(../images/edu-icon.png) no-repeat;
  width: 100%;
  height: 100%;
  padding: 40px 0 0;
  font-weight: bold;
  text-align: center;
}
.simple-view.edu .list-item-type {
  font-weight: bold;
  line-height: 16px;
}

#kid-H.simple-view.edu {
  border: 2px solid #eaba2a;
}
#kid-H.simple-view.edu .edu-list .edu-icon-item {
  color: #eaba2a;
  background-position: 13px -110px;
}
#kid-H.simple-view.edu .list-item-type {
  border: 1px solid #eaba2a;
  color: #eaba2a;
}

#kid-S.simple-view.edu {
  border: 2px solid #5497fd;
}
#kid-S.simple-view.edu .edu-list .edu-icon-item {
  color: #5497fd;
  background-position: -48px -110px;
}
#kid-S.simple-view.edu .list-item-type {
  border: 1px solid #5497fd;
  color: #5497fd;
}
#kid-S.simple-view.edu .edu-list .edu-icon-item {
  color: #5497fd;
  background-position: -48px -110px;
}
#kid-S.simple-view.edu .list-item-type {
  border: 1px solid #5497fd;
  color: #5497fd;
}

#elementary.simple-view.edu {
  border: 2px solid #864c9f;
}
#elementary.simple-view.edu .edu-list .edu-icon-item {
  color: #864c9f;
  background-position: -108px -110px;
}
#elementary.simple-view.edu .list-item-type {
  border: 1px solid #864c9f;
  color: #864c9f;
}

#middle.simple-view.edu {
  border: 2px solid #82a861;
}
#middle.simple-view.edu .edu-list .edu-icon-item {
  color: #82a861;
  background-position: -168px -110px;
}
#middle.simple-view.edu .list-item-type {
  border: 1px solid #82a861;
  color: #82a861;
}

#high.simple-view.edu {
  border: 2px solid #f78443;
}
#high.simple-view.edu .edu-list .edu-icon-item {
  color: #f78443;
  background-position: -228px -110px;
}
#high.simple-view.edu .list-item-type {
  border: 1px solid #f78443;
  color: #f78443;
}

#univ.simple-view.edu {
  border: 2px solid #929090;
}
#univ.simple-view.edu .edu-list .edu-icon-item {
  color: #929090;
  background-position: -288px -110px;
}
#univ.simple-view.edu .list-item-type {
  border: 1px solid #929090;
  color: #929090;
}

.js-item1 {
  overflow: hidden;
  padding: 0 0 5px;
}

#js-table {
  margin: 0 0 20px;
}

.verMiddle {
  display: table-cell;
  vertical-align: middle;
}

.detail-header-area-top {
  margin: 0 0 10px;
}

.detail-header-heading-type {
  margin: 0 0 0 5px;
  vertical-align: middle;
  display: inline-block;
  color: #222;
}

.expandable-indicator {
  position: absolute;
  width: 99%;
  height: 2em;
  bottom: 1px;
  left: 5px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&amp;0+0,0.1+8,0.2+18,0.39+28,1+58,1+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(8%, rgba(255, 255, 255, 0.1)), color-stop(18%, rgba(255, 255, 255, 0.2)), color-stop(28%, rgba(255, 255, 255, 0.39)), color-stop(58%, white), to(white));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 8%, rgba(255, 255, 255, 0.2) 18%, rgba(255, 255, 255, 0.39) 28%, white 58%, white 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#ffffff",GradientType=0 );
  /* IE6-9 */
}
.expandable-indicator.on {
  display: none;
}

.detail-option-img {
  float: left;
  display: inline-block;
  margin: 10px 5px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.detail-option-img img {
  width: 70px;
}

.btn-prod-view {
  position: absolute;
  right: 15px;
  top: 15px;
  border: 0;
  color: #fcb040;
  background: none;
  border-bottom: 1px solid #fcb040;
  display: inline-block;
  padding: 0 0 2px;
}

.btn-measure-change {
  background: url(../images/btn-measure-change.png) no-repeat;
  width: 12px;
  height: 12px;
  border: 0;
  text-indent: -9999px;
  float: right;
  margin: 3px 10px 0 0;
}

.location_widget {
  background: #fff;
}
.location_widget .lwbox {
  overflow-y: hidden;
  height: 100%;
}
.location_widget ul {
  width: 100% !important;
  border: 1px solid #dedede;
}
.location_widget li {
  width: 100%;
  text-align: left !important;
}
.location_widget li a {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  position: relative;
}
.location_widget li a div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.location_widget li a div:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  background: url("../images/ico_location_wi.png") no-repeat;
  vertical-align: middle;
}
.location_widget li a div .txt {
  vertical-align: middle;
}
.location_widget.sel_col_white01 li a div:before {
  margin-right: 8px;
}
.location_widget.sel_col_white01 li a.loc div:before {
  width: 12px;
  height: 16px;
  background-position: -80px 0;
}
.location_widget.sel_col_white01 li a.loc:focus div:before, .location_widget.sel_col_white01 li a.loc:hover div:before {
  background-position: -120px 0px;
}
.location_widget.sel_col_white01 li a.traffic div:before {
  width: 12px;
  height: 16px;
  background-position: -80px -46px;
}
.location_widget.sel_col_white01 li a.traffic:focus div:before, .location_widget.sel_col_white01 li a.traffic:hover div:before {
  background-position: -120px -46px;
}
.location_widget.sel_col_white01 li a.build div:before {
  width: 12px;
  height: 16px;
  background-position: -80px -94px;
}
.location_widget.sel_col_white01 li a.build:focus div:before, .location_widget.sel_col_white01 li a.build:hover div:before {
  background-position: -120px -94px;
}
.location_widget.sel_col_white01 li a.un div:before {
  width: 12px;
  height: 16px;
  background-position: -80px -144px;
}
.location_widget.sel_col_white01 li a.un:focus div:before, .location_widget.sel_col_white01 li a.un:hover div:before {
  background-position: -120px -144px;
}
.location_widget li a.apt div:before {
  width: 14px;
  height: 13px;
  left: 9px;
  background-position: -69px 0;
}
.location_widget li a.apt:focus div:before, .location_widget li a.apt:hover div:before {
  background-position: -69px -20px;
}
.location_widget li a.op div:before {
  width: 14px;
  height: 13px;
  left: 9px;
  background-position: -93px 0;
}
.location_widget li a.op:focus div:before, .location_widget li a.op:hover div:before {
  background-position: -93px -20px;
}
.location_widget li a.multi div:before {
  width: 14px;
  height: 13px;
  left: 9px;
  background-position: -117px 0;
}
.location_widget li a.multi:focus div:before, .location_widget li a.multi:hover div:before {
  background-position: -117px -20px;
}
.location_widget.sel_col_white01 .ui-button.ui-state-active:hover.loc div:before, .location_widget.sel_col_white01 .ui-button:active.loc div:before {
  background-position: -120px 0px;
}
.location_widget.sel_col_white01 .ui-state-active.loc div:before,
.location_widget.sel_col_white01 .ui-widget-content .ui-state-active.loc div:before,
.location_widget.sel_col_white01 .ui-widget-header .ui-state-active.loc div:before,
.location_widget.sel_col_white01 a.ui-button:active.loc div:before {
  background-position: -120px 0px;
}
.location_widget.sel_col_white01 .ui-button.ui-state-active:hover.traffic div:before, .location_widget.sel_col_white01 .ui-button:active.traffic div:before {
  background-position: -120px -46px;
}
.location_widget.sel_col_white01 .ui-state-active.traffic div:before,
.location_widget.sel_col_white01 .ui-widget-content .ui-state-active.traffic div:before,
.location_widget.sel_col_white01 .ui-widget-header .ui-state-active.traffic div:before,
.location_widget.sel_col_white01 a.ui-button:active.traffic div:before {
  background-position: -120px -46px;
}
.location_widget.sel_col_white01 .ui-button.ui-state-active:hover.build div:before, .location_widget.sel_col_white01 .ui-button:active.build div:before {
  background-position: -120px -94px;
}
.location_widget.sel_col_white01 .ui-state-active.build div:before,
.location_widget.sel_col_white01 .ui-widget-content .ui-state-active.build div:before,
.location_widget.sel_col_white01 .ui-widget-header .ui-state-active.build div:before,
.location_widget.sel_col_white01 a.ui-button:active.build div:before {
  background-position: -120px -94px;
}
.location_widget.sel_col_white01 .ui-button.ui-state-active:hover.apt:before, .location_widget.sel_col_white01 .ui-button:active.apt:before {
  background-position: -69px -20px;
}
.location_widget.sel_col_white01 .ui-state-active.apt:before,
.location_widget.sel_col_white01 .ui-widget-content .ui-state-active.apt:before,
.location_widget.sel_col_white01 .ui-widget-header .ui-state-active.apt:before,
.location_widget.sel_col_white01 a.ui-button:active.apt:before {
  background-position: -69px -20px;
}
.location_widget.sel_col_white01 .ui-button.ui-state-active:hover.op:before, .location_widget.sel_col_white01 .ui-button:active.op:before {
  background-position: -93px -20px;
}
.location_widget.sel_col_white01 .ui-state-active.op:before,
.location_widget.sel_col_white01 .ui-widget-content .ui-state-active.op:before,
.location_widget.sel_col_white01 .ui-widget-header .ui-state-active.op:before,
.location_widget.sel_col_white01 a.ui-button:active.traffic:before {
  background-position: -93px -20px;
}
.location_widget.sel_col_white01 .ui-button.ui-state-active:hover.multi:before, .location_widget.sel_col_white01 .ui-button:active.multi:before {
  background-position: -117px -20px;
}
.location_widget.sel_col_white01 .ui-state-active.multi:before,
.location_widget.sel_col_white01 .ui-widget-content .ui-state-active.multi:before,
.location_widget.sel_col_white01 .ui-widget-header .ui-state-active.multi:before,
.location_widget.sel_col_white01 a.ui-button:active.multi:before {
  background-position: -117px -20px;
}
.location_widget.sel_col_blue01 li a div:before {
  margin-right: 20px;
}
.location_widget.sel_col_blue01 li a.loc div:before {
  width: 12px;
  height: 16px;
  background-position: -40px 0;
}
.location_widget.sel_col_blue01 li a.loc:focus div:before, .location_widget.sel_col_blue01 li a.loc:hover div:before {
  background-position: 0px 0px;
}
.location_widget.sel_col_blue01 li a.traffic div:before {
  width: 12px;
  height: 16px;
  background-position: -40px -46px;
}
.location_widget.sel_col_blue01 li a.traffic:focus div:before, .location_widget.sel_col_blue01 li a.traffic:hover div:before {
  background-position: 0px -46px;
}
.location_widget.sel_col_blue01 li a.build div:before {
  width: 12px;
  height: 16px;
  background-position: -40px -94px;
}
.location_widget.sel_col_blue01 li a.build:focus div:before, .location_widget.sel_col_blue01 li a.build:hover div:before {
  background-position: 0px -94px;
}
.location_widget.sel_col_blue01 li a.un div:before {
  width: 12px;
  height: 16px;
  background-position: -40px -144px;
}
.location_widget.sel_col_blue01 li a.un:focus div:before, .location_widget.sel_col_blue01 li a.un:hover div:before {
  background-position: 0px -144px;
}
.location_widget li a.apt div:before {
  width: 14px;
  height: 13px;
  left: 9px;
  background-position: -69px 0;
}
.location_widget li a.apt:focus div:before, .location_widget li a.apt:hover div:before {
  background-position: -69px -20px;
}
.location_widget li a.op div:before {
  width: 14px;
  height: 13px;
  left: 9px;
  background-position: -93px 0;
}
.location_widget li a.op:focus div:before, .location_widget li a.op:hover div:before {
  background-position: -93px -20px;
}
.location_widget li a.multi div:before {
  width: 14px;
  height: 13px;
  left: 9px;
  background-position: -117px 0;
}
.location_widget li a.multi:focus div:before, .location_widget li a.multi:hover div:before {
  background-position: -117px -20px;
}
.location_widget.sel_col_blue01 .ui-button.ui-state-active:hover.loc div:before, .location_widget.sel_col_blue01 .ui-button:active.loc div:before {
  background-position: 0px 0px;
}
.location_widget.sel_col_blue01 .ui-state-active.loc div:before,
.location_widget.sel_col_blue01 .ui-widget-content .ui-state-active.loc div:before,
.location_widget.sel_col_blue01 .ui-widget-header .ui-state-active.loc div:before,
.location_widget.sel_col_blue01 a.ui-button:active.loc div:before {
  background-position: 0px 0px;
}
.location_widget.sel_col_blue01 .ui-button.ui-state-active:hover.traffic div:before, .location_widget.sel_col_blue01 .ui-button:active.traffic div:before {
  background-position: 0px -46px;
}
.location_widget.sel_col_blue01 .ui-state-active.traffic div:before,
.location_widget.sel_col_blue01 .ui-widget-content .ui-state-active.traffic div:before,
.location_widget.sel_col_blue01 .ui-widget-header .ui-state-active.traffic div:before,
.location_widget.sel_col_blue01 a.ui-button:active.traffic div:before {
  background-position: 0px -46px;
}
.location_widget.sel_col_blue01 .ui-button.ui-state-active:hover.build div:before, .location_widget.sel_col_blue01 .ui-button:active.build div:before {
  background-position: 0px -94px;
}
.location_widget.sel_col_blue01 .ui-state-active.build div:before,
.location_widget.sel_col_blue01 .ui-widget-content .ui-state-active.build div:before,
.location_widget.sel_col_blue01 .ui-widget-header .ui-state-active.build div:before,
.location_widget.sel_col_blue01 a.ui-button:active.build div:before {
  background-position: 0px -94px;
}
.location_widget.sel_col_blue01 .ui-button.ui-state-active:hover.apt:before, .location_widget.sel_col_blue01 .ui-button:active.apt:before {
  background-position: -69px -20px;
}
.location_widget.sel_col_blue01 .ui-state-active.apt:before,
.location_widget.sel_col_blue01 .ui-widget-content .ui-state-active.apt:before,
.location_widget.sel_col_blue01 .ui-widget-header .ui-state-active.apt:before,
.location_widget.sel_col_blue01 a.ui-button:active.apt:before {
  background-position: -69px -20px;
}
.location_widget.sel_col_blue01 .ui-button.ui-state-active:hover.op:before, .location_widget.sel_col_blue01 .ui-button:active.op:before {
  background-position: -93px -20px;
}
.location_widget.sel_col_blue01 .ui-state-active.op:before,
.location_widget.sel_col_blue01 .ui-widget-content .ui-state-active.op:before,
.location_widget.sel_col_blue01 .ui-widget-header .ui-state-active.op:before,
.location_widget.sel_col_blue01 a.ui-button:active.traffic:before {
  background-position: -93px -20px;
}
.location_widget.sel_col_blue01 .ui-button.ui-state-active:hover.multi:before, .location_widget.sel_col_blue01 .ui-button:active.multi:before {
  background-position: -117px -20px;
}
.location_widget.sel_col_blue01 .ui-state-active.multi:before,
.location_widget.sel_col_blue01 .ui-widget-content .ui-state-active.multi:before,
.location_widget.sel_col_blue01 .ui-widget-header .ui-state-active.multi:before,
.location_widget.sel_col_blue01 a.ui-button:active.multi:before {
  background-position: -117px -20px;
}

.location_init {
  display: none;
  position: absolute;
  top: 20px;
  right: 54px;
  font-size: 20px;
  color: #333333;
  font-family: inherit;
  font-weight: bold;
  line-height: 0;
}

.location_widget.the01 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}
.location_widget.the01 ul {
  width: 100%;
  height: 100%;
  max-height: inherit;
  top: 0px !important;
  left: 0px !important;
  border: none;
}

.sel_col_white01 a {
  padding: 0 0 0px 15px;
  height: 33px;
  color: #333;
  font-size: 14px;
}
.sel_col_white01 .ui-button.ui-state-active:hover, .sel_col_white01 .ui-button:active {
  background: #f8f8f8;
}
.sel_col_white01 .ui-state-active,
.sel_col_white01 .ui-widget-content .ui-state-active,
.sel_col_white01 .ui-widget-header .ui-state-active {
  background: #f8f8f8;
}
.sel_col_white01 a.ui-button:active {
  background: #f8f8f8;
}
.sel_col_white01 a .fwb {
  color: var(--color-bdsplanet);
}
.sel_col_white01 .ui-button.ui-state-active:hover a.fwb, .sel_col_white01 .ui-button:active a.fwb {
  color: var(--color-bdsplanet);
}
.sel_col_white01 .ui-state-active a.fwb,
.sel_col_white01 .ui-widget-content .ui-state-active a.fwb,
.sel_col_white01 .ui-widget-header .ui-state-active a.fwb {
  color: var(--color-bdsplanet);
}

.sel_col_blue01 {
  background: #2e363e;
}
.sel_col_blue01 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 46px;
  padding: 0 0 0 20px;
  font-size: 18px;
  color: #7790ad;
}
.sel_col_blue01 .ui-button.ui-state-active:hover, .sel_col_blue01 .ui-button:active {
  background: #272e35;
  color: #fff;
}
.sel_col_blue01 .ui-state-active,
.sel_col_blue01 .ui-widget-content .ui-state-active,
.sel_col_blue01 .ui-widget-header .ui-state-active {
  background: #272e35;
  color: #fff;
}
.sel_col_blue01 a.ui-button:active, .sel_col_blue01 a:hover, .sel_col_blue01 a:focus {
  background: #272e35;
  color: #fff;
}
.sel_col_blue01 a .fwb {
  color: #fff;
}
.sel_col_blue01 a:hover .fwb, .sel_col_blue01 a:focus .fwb, .sel_col_blue01 a.ui-state-active .fwb, .sel_col_blue01 a:active .fwb {
  color: var(--color-bdsplanet);
}

.wrapper .default_c {
  width: 1000px;
  margin: 0 auto;
}

.nobx {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}
.nobx * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

#type_ver2 .header-logo {
  margin-top: 15px;
}
#type_ver2 .header-logo a {
  width: 250px;
  height: 50px;
  background: none;
}
#type_ver2 .header-gnb .gnb-main-link:hover, #type_ver2 .header-gnb .gnb-main-link.on {
  position: relative;
  border-bottom: none;
}
#type_ver2 .header-gnb .gnb-main-link:hover:before, #type_ver2 .header-gnb .gnb-main-link.on:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 0px;
  width: 100%;
  height: 1px;
}
#type_ver2 #section_type-first {
  position: relative;
  z-index: 1000;
  width: 100%;
  height: 550px;
  background: #000000 url("../images/type_ver2/visual.jpg") no-repeat center;
}

.ui-helper-hidden-accessible {
  font-size: 0;
  width: 0;
  height: 0;
}

#type_ver2 #section_type-first .top-text-section {
  height: 100%;
}
#type_ver2 #section_type-first .top-text-section .inbox {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  height: 100%;
}
#type_ver2 #section_type-first .main-txt {
  position: absolute;
  top: 112px;
  width: 100%;
  text-align: center;
}
#type_ver2 #section_type-first .main-txt .tit {
  color: #fff;
  font-size: 60px;
  font-weight: bold;
}
#type_ver2 #section_type-first .main-txt .desc {
  display: block;
  color: #fff;
  font-size: 24px;
}
#type_ver2 #section_type-first .btnarea {
  position: absolute;
  top: 271px;
  width: 100%;
  text-align: center;
}
#type_ver2 .live-section {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
#type_ver2 .live-section:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.5;
}
#type_ver2 .live-section .inbox {
  position: relative;
  z-index: 1;
  width: 1000px;
  padding: 27px 0 28px;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
  left: 0;
  top: 0;
}
#type_ver2 .live-section .inbox .input-wrap {
  display: inline-block;
  float: none;
  margin-right: 0;
  height: 48px;
  vertical-align: middle;
}
#type_ver2 .live-section .inbox .input-wrap input {
  width: 530px !important;
  height: 100%;
  padding: 0 50px 0 15px;
  border: none;
  font-size: 16px;
  text-align: left;
}
#type_ver2 .live-section .inbox .input-wrap input::-ms-clear {
  display: none;
}
#type_ver2 .live-section .input-wrap input::-webkit-input-placeholder, #type_ver2 .live-section .input-wrap input:-moz-placeholder, #type_ver2 .live-section .input-wrap input::-moz-placeholde, #type_ver2 .live-section .input-wrap input:-ms-input-placeholder, #type_ver2 .live-section .input-wrap input::-webkit-input-placeholder {
  color: #999999 !important;
}
#type_ver2 .live-section button {
  display: inline-block;
  width: 150px;
  height: 48px;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}
#type_ver2 .live-section .location_init {
  top: 50% !important;
  right: 21px !important;
}
#type_ver2 .set_category_wrap {
  padding: 60px 0;
}
#type_ver2 .recent_regi_water_wrap {
  padding: 56px 0 60px;
}
#type_ver2 .set_category {
  text-align: center;
  font-size: 0;
}
#type_ver2 .set_category .won {
  display: inline-block;
  margin-left: 29px;
  text-align: center;
}
#type_ver2 .set_category .won:first-child {
  margin-left: 0;
}
#type_ver2 .set_category .won .ico {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #bdc8dc;
  border-radius: 100%;
}
#type_ver2 .set_category .won:hover .ico:before, #type_ver2 .set_category .won:focus .ico:before {
  background: url("../images/typeico_on.png") no-repeat;
}
#type_ver2.typeC .set_category .won:hover .ico, #type_ver2.typeC .set_category .won:focus .ico {
  border-color: #4a88f9;
  background: #4a88f9;
}
#type_ver2.typeD .set_category .won:hover .ico, #type_ver2.typeD .set_category .won:focus .ico {
  border-color: #128b6e;
  background: #128b6e;
}
#type_ver2 .set_category .won .ico:before {
  content: "";
  display: inline-block;
  background: url("../images/typeico.png") no-repeat;
}
#type_ver2 .set_category .won .ico.apt:before {
  width: 45px;
  height: 45px;
  background-position: 0 0;
}
#type_ver2 .set_category .won .ico.office-tel:before {
  width: 44px;
  height: 45px;
  background-position: -140px 0;
}
#type_ver2 .set_category .won .ico.one-room:before {
  width: 47px;
  height: 42px;
  background-position: -278px -1px;
}
#type_ver2 .set_category .won .ico.two-room:before {
  width: 48px;
  height: 41px;
  background-position: -418px -2px;
}
#type_ver2 .set_category .won .ico.housing:before {
  width: 48px;
  height: 42px;
  background-position: -698px -1px;
}
#type_ver2 .set_category .won .ico.villa-union:before {
  width: 44px;
  height: 45px;
  background-position: -560px 0px;
}
#type_ver2 .set_category .won .ico.sangga:before {
  width: 42px;
  height: 44px;
  background-position: 0 -70px;
}
#type_ver2 .set_category .won .ico.office-room:before {
  width: 44px;
  height: 44px;
  background-position: -139px -70px;
}
#type_ver2 .set_category .won .ico.build:before {
  width: 42px;
  height: 44px;
  background-position: -280px -70px;
}
#type_ver2 .set_category .won .ico.fac:before {
  width: 44px;
  height: 45px;
  background-position: -419px -69px;
}
#type_ver2 .set_category .won .ico.toji:before {
  width: 40px;
  height: 40px;
  background-position: -561px -72px;
}
#type_ver2 .set_category .won .txt {
  display: block;
  margin-top: 12px;
  color: #222222;
  font-size: 15px;
}
#type_ver2 .ansim {
  /*padding:25px 45px;
  margin-top:64px;
  background:#ecfeff*/
  height: 120px;
}
#type_ver2 .ansim .cons {
  min-height: 72px;
  padding: 14px 0 0 80px;
}
#type_ver2 .ansim .cons01 {
  float: left;
  background: url("../images/type_ver2/ico_ansim01.png") no-repeat left top;
}
#type_ver2 .ansim .cons02 {
  float: right;
  background: url("../images/type_ver2/ico_ansim02.png") no-repeat left top;
}
#type_ver2 .ansim .cons .title {
  display: block;
  color: #2dadb8;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -0.6px;
}
#type_ver2 .ansim .cons .txt {
  display: block;
  margin-top: 10px;
  letter-spacing: -0.6px;
}

.recent_regi_water .title {
  display: block;
  margin-bottom: 30px;
  color: #222222;
  text-align: center;
  font-size: 26px;
}
.recent_regi_water .list_more_area {
  margin-top: 30px;
  text-align: center;
}
.recent_regi_water .list_more_area .list_more {
  display: table;
  width: 300px;
  padding: 0 29px;
  height: 50px;
  text-align: left;
}
.recent_regi_water .list_more_area div {
  display: inline-block;
}
.recent_regi_water .list_more_area .list_more span {
  display: table-cell;
  background: url("../images/type_ver2/btn_more.png") no-repeat right center;
  vertical-align: middle;
  font-size: 16px;
  font-weight: bold;
}

/*
.recent_regi_water .list_ul .li{
float:left;
width:235px;
height:340px;
margin-right:20px;
margin:30px 20px 0 0;
}
.recent_regi_water .list_ul .li:nth-child(-n+4){
margin-top:0
}

.recent_regi_water .list_ul .li:nth-child(4n){
margin-right:0
}

.recent_regi_water .list_ul .box{

display:block;
position:relative;
width:100%;
height:100%;
padding-top:188px;
}
.recent_regi_water .list_ul .box:hover:before{
content:'';
position:absolute;
top:0px;
left:0px;
width:233px;
height:100%;
border:1px solid #555555;
z-index:1;
font-size:0;
}
.recent_regi_water .list_ul .imgarea{
position:absolute;
top:0px;
left:0px;
width:235px;
height:188px;
}
.recent_regi_water .list_ul .imgarea img{
width:100%;
height:100%
}
.recent_regi_water .list_ul .pay{
position:absolute;
bottom:0px;
left:0px;
width:100%;
}
.recent_regi_water .list_ul .pay span{
display:block;
position:relative;
z-index:1;
padding:10px 15px;
color:#ffffff;
font-size:13px;
font-weight:bold
}
.recent_regi_water .list_ul .pay .bg{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background:#222222;
opacity:0.5;
}

.recent_regi_water .box .infoarea{
padding:20px 14px
}

.recent_regi_water .box .infoarea .dong{
display:block;
margin-top:17px;
font-weight:bold;
font-size:18px;
}
.recent_regi_water .box .infoarea .etc{
display:block;
margin-top:7px;
color:#555555;
font-size:14px;
line-height:22px;
}



 */
.live-section .location_widget {
  position: absolute;
  width: 100%;
}
.live-section .location_widget ul {
  max-height: 230px;
  overflow-y: auto;
}

.sec_banner_area {
  height: 150px;
  background: #313641;
}

.sec_cus_loc_c {
  height: 385px;
  padding: 44px 0 50px;
  color: #fff;
  font-weight: bold;
}
.sec_cus_loc_c .box {
  float: left;
  width: 500px;
}
.sec_cus_loc_c .title {
  display: block;
  position: relative;
  padding-bottom: 19px;
  margin: 0 0 28px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.sec_cus_loc_c .title:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 40px;
  height: 1px;
  background: #fff;
}
.sec_cus_loc_c .infoarea {
  font-size: 14px;
}
.sec_cus_loc_c .infoarea span {
  display: block;
}
.sec_cus_loc_c .phone_number {
  margin-bottom: 23px;
  font-size: 45px;
  font-weight: bold;
  line-height: 32px;
}
.sec_cus_loc_c .infoarea .mail {
  margin-top: 11px;
}
.sec_cus_loc_c .infoarea .etc02 {
  margin-top: 20px;
  line-height: 28px;
}

#type_ver2 .footer {
  padding: 0;
  background: #fff;
}
#type_ver2 .footer .wrapper {
  display: table;
  height: 70px;
  font-size: 0;
}
#type_ver2 .footer .wrapper .ww {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
#type_ver2 .footer-sns {
  position: static;
  display: inline-block;
  vertical-align: middle;
}
#type_ver2 .etc_menu {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin-right: 26px;
}
#type_ver2 .etc_menu a {
  font-size: 13px;
  font-weight: bold;
  color: #555555;
}
#type_ver2 .footer .champ_logo {
  position: absolute;
  right: 0px;
}
#type_ver2.typeC .header-gnb .gnb-main-link:hover, #type_ver2.typeC .header-gnb .gnb-main-link.on {
  color: #4a88f9;
}
#type_ver2.typeC .header-gnb .gnb-main-link:hover:before, #type_ver2.typeC .header-gnb .gnb-main-link.on:before {
  background: #4a88f9;
}
#type_ver2.typeC .header-util .util-link:hover {
  color: #4a88f9;
}
#type_ver2.typeC .header-my-sub {
  border-color: #4a88f9;
}
#type_ver2.typeC .header-my-sub .em-blue {
  color: #4a88f9 !important;
}
#type_ver2.typeC .header-my-history .history-link:hover {
  color: #4a88f9;
  border-color: #4a88f9;
}
#type_ver2.typeC .header-my-sub:before {
  background: url(../images/type_ver2/type_c_cur01.png) no-repeat left top;
}
#type_ver2.typeC #section_type-first {
  background: #000000 url(../images/type_ver2/type_c_visual.jpg) no-repeat center;
}
#type_ver2.typeC .live-section button {
  background: #4a88f9;
}
#type_ver2.typeC .location_widget {
  width: 530px;
  max-height: 230px !important;
  overflow-y: hidden;
  border-color: #4a88f9;
}
#type_ver2.typeC .set_category .won:hover .ico.one-room {
  background-position: 0 -120px;
}
#type_ver2.typeC .set_category .won:hover .ico.two-room {
  background-position: -130px -120px;
}
#type_ver2.typeC .set_category .won:hover .ico.three-room {
  background-position: -260px -120px;
}
#type_ver2.typeC .set_category .won:hover .ico.villa-union {
  background-position: -390px -120px;
}
#type_ver2.typeC .set_category .won:hover .ico.housing {
  background-position: -520px -120px;
}
#type_ver2.typeC .set_category .won:hover .ico.apt {
  background-position: -650px -120px;
}
#type_ver2.typeC .set_category .won:hover .ico.office {
  background-position: -780px -120px;
}
#type_ver2.typeC .ansim_wrap {
  background: #ecfeff;
}
#type_ver2.typeC .recent_regi_water .box .infoarea .dong {
  color: #4a88f9;
}
#type_ver2.typeC .recent_regi_water .list_ul .box:hover:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 233px;
  height: 100%;
  border: 1px solid #555555;
  z-index: 1;
  font-size: 0;
}
#type_ver2.typeC .recent_regi_water .list_more_area .list_more {
  border: 1px solid #cccccc;
  color: #222222;
}
#type_ver2.typeC .sec_banner_area {
  background: #313641;
}
#type_ver2.typeC .sec_cus_loc_c {
  background: #4a88f9;
}
#type_ver2.typeC .header-my-info .info-link:hover {
  color: #4a88f9;
}
#type_ver2.typeC .header-my-info .info-link.info-modify:hover:after {
  background-position: -70px 0;
}
#type_ver2.typeC .header-my-info .info-link.info-goods:hover:after {
  background-position: -70px -23px;
}
#type_ver2.typeC .header-my-info .info-link.info-payment:hover:after {
  background-position: -70px -46px;
}
#type_ver2.typeC .header-my-info .info-link.info-usage:hover:after {
  background-position: -70px -69px;
}
#type_ver2.typeC .header-my-history .history-link:hover {
  color: #4a88f9;
  border-color: #4a88f9;
}
#type_ver2.typeC .header-my-history .history-link.notice:hover:after {
  background-position: -40px -97px;
}
#type_ver2.typeC .header-my-history .history-link.for-sale:hover:after {
  background-position: -40px -172px;
}
#type_ver2.typeC .header-my-history .history-link.for-sale-current:hover:after {
  background-position: -40px -115px;
}
#type_ver2.typeC .header-my-history .history-link.for-sale-favorite:hover:after {
  background-position: -40px -192px;
}
#type_ver2.typeC .header-my-history .history-link.search-current:hover:after {
  background-position: -40px -134px;
}
#type_ver2.typeC .header-my-history .history-link.search-call:hover:after {
  background-position: -40px -153px;
}
#type_ver2.typeC .header-my-history .history-link.mediation:hover:after {
  background-position: -40px -210px;
}
#type_ver2.typeC .header-my-history .history-link.inquiry:hover:after {
  background-position: -40px -229px;
}
#type_ver2.typeD .header-gnb .gnb-main-link:hover, #type_ver2.typeD .header-gnb .gnb-main-link.on {
  color: #128b6e;
}
#type_ver2.typeD .header-gnb .gnb-main-link:hover:before, #type_ver2.typeD .header-gnb .gnb-main-link.on:before {
  background: #128b6e;
}
#type_ver2.typeD .header-util .util-link:hover {
  color: #128b6e;
}
#type_ver2.typeD .header-my-sub {
  border-color: #128b6e;
}
#type_ver2.typeD .header-my-sub .em-blue {
  color: #128b6e !important;
}
#type_ver2.typeD .header-my-sub:before {
  background: url(../images/type_ver2/type_d_cur01.png) no-repeat left top;
}
#type_ver2.typeD .header-my-history .history-link:hover {
  color: #128b6e;
  border-color: #128b6e;
}
#type_ver2.typeD #section_type-first {
  background: #000000 url(../images/type_ver2/type_d_visual.jpg) no-repeat center;
}
#type_ver2.typeC .location_widget {
  margin-top: -1px;
  border-bottom: 1px solid #ddd;
}
#type_ver2.typeD .location_widget {
  margin-top: -1px;
  border-bottom: 1px solid #ddd;
  width: 530px;
  max-height: 230px !important;
  overflow-y: hidden;
}
#type_ver2.typeD .live-section button {
  background: #128b6e;
}
#type_ver2.typeD .set_category .won:hover .ico.one-room {
  background-position: 0 -250px;
}
#type_ver2.typeD .set_category .won:hover .ico.two-room {
  background-position: -130px -250px;
}
#type_ver2.typeD .set_category .won:hover .ico.three-room {
  background-position: -260px -250px;
}
#type_ver2.typeD .set_category .won:hover .ico.villa-union {
  background-position: -390px -250px;
}
#type_ver2.typeD .set_category .won:hover .ico.housing {
  background-position: -520px -250px;
}
#type_ver2.typeD .set_category .won:hover .ico.apt {
  background-position: -650px -250px;
}
#type_ver2.typeD .set_category .won:hover .ico.office {
  background-position: -780px -250px;
}
#type_ver2.typeD .ansim_wrap {
  background: #f3f3f2;
}
#type_ver2.typeD .recent_regi_water .box .infoarea .dong {
  color: #128b6e;
}
#type_ver2.typeD .recent_regi_water .list_ul .box:hover {
  background: #f5f5f5;
}
#type_ver2.typeD .recent_regi_water .list_ul .box:hover:before {
  content: normal;
}
#type_ver2.typeD .recent_regi_water .list_ul .box:hover .infoarea .dong,
#type_ver2.typeD .recent_regi_water .list_ul .box:hover .infoarea .etc {
  text-decoration: underline;
}
#type_ver2.typeD .recent_regi_water .list_more_area .list_more {
  color: #222222;
  background: #eeeeee;
}
#type_ver2.typeD .sec_banner_area {
  background: #128b6e;
}
#type_ver2.typeD .sec_cus_loc_c {
  background: #000000 url(../images/type_ver2/type_d_loc.jpg) no-repeat center;
  background-size: cover;
}
#type_ver2.typeD .sec_cus_loc_c .phone_number {
  color: #128b6e;
}
#type_ver2.typeD .sec_cus_loc_c .infoarea .address,
#type_ver2.typeD .sec_cus_loc_c .infoarea .mail {
  color: #128b6e;
}
#type_ver2.typeD .footer {
  background: #111111;
}
#type_ver2.typeD .etc_menu a {
  color: #bbbbbb;
}
#type_ver2.typeD .footer-sns a {
  width: 37px;
  height: 37px;
  background: url(../images/type_ver2/type_d_sns.png) no-repeat;
}
#type_ver2.typeD .footer-sns a.naverblog, #type_ver2.typeD .footer-sns a.naverblogsite {
  background-position: -44px 0;
}
#type_ver2.typeD .footer-sns a.kakao {
  background-position: -88px 0;
}
#type_ver2.typeD .header-my-info .info-link:hover {
  color: #128b6e;
}
#type_ver2.typeD .header-my-info .info-link.info-modify:hover:after {
  background-position: -105px 0;
}
#type_ver2.typeD .header-my-info .info-link.info-goods:hover:after {
  background-position: -105px -23px;
}
#type_ver2.typeD .header-my-info .info-link.info-payment:hover:after {
  background-position: -105px -46px;
}
#type_ver2.typeD .header-my-info .info-link.info-usage:hover:after {
  background-position: -105px -69px;
}
#type_ver2.typeD .header-my-history .history-link:hover {
  color: #128b6e;
  border-color: #128b6e;
}
#type_ver2.typeD .header-my-history .history-link.notice:hover:after {
  background-position: -60px -97px;
}
#type_ver2.typeD .header-my-history .history-link.for-sale:hover:after {
  background-position: -60px -172px;
}
#type_ver2.typeD .header-my-history .history-link.for-sale-current:hover:after {
  background-position: -60px -115px;
}
#type_ver2.typeD .header-my-history .history-link.for-sale-favorite:hover:after {
  background-position: -60px -192px;
}
#type_ver2.typeD .header-my-history .history-link.search-current:hover:after {
  background-position: -60px -134px;
}
#type_ver2.typeD .header-my-history .history-link.search-call:hover:after {
  background-position: -60px -153px;
}
#type_ver2.typeD .header-my-history .history-link.mediation:hover:after {
  background-position: -60px -210px;
}
#type_ver2.typeD .header-my-history .history-link.inquiry:hover:after {
  background-position: -60px -229px;
}

/* TYPE D */
.header-logo.type {
  display: table;
}
.header-logo.type a {
  display: table-cell;
  width: auto !important;
  min-width: 250px;
  max-width: 400px;
  vertical-align: middle;
  font-weight: bold;
  font-size: 20px;
}

#type_ver2.typeC .header-logo.type a {
  color: #4a88f9;
}
#type_ver2.typeD .header-logo.type a {
  color: #128b6e;
}

.newBtn {
  display: inline-block;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.newBtn .wr {
  display: table;
  width: 100%;
  height: 100%;
}
.newBtn .wr div {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 15px;
}
.newBtn .wr div span {
  display: inline-block;
  vertical-align: middle;
}
.newBtn.cur01 .ico {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 10px;
  background: url("../images/main/new/btn_trans02.png") no-repeat right center;
  vertical-align: middle;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.newBtn.cur01:hover {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  /*box-shadow: inset 0 0 0 4px #6d6d6d;*/
}
.newBtn.cur01:hover .ico {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
}
.newBtn.file01 .ico {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 10px;
  background: url("../images/ico_btn_file.png") no-repeat right center;
  vertical-align: middle;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.newBtn.blue {
  background: #25aae2;
}
.newBtn.blue span {
  color: #ffffff;
}
.newBtn.yellow {
  background: #fcb040;
}
.newBtn.yellow span {
  color: #ffffff;
}
.newBtn.big {
  padding: 0 40px;
  height: 50px;
}
.newBtn.big span {
  font-size: 14px;
  font-weight: bold;
}

.address_in_a {
  margin-top: 5px;
  margin-bottom: 13px;
}

.address_area01 .address_view {
  margin-top: 10px;
}
.address_area01 .address_view dl:first-child {
  margin-top: 0;
}
.address_area01 .address_view dl dt,
.address_area01 .address_view dl dd {
  float: left;
}
.address_area01 .address_view dl dt {
  width: 53px;
  margin: 4px 9px 0 0;
  padding: 0px 0;
  color: #656565;
  background: #f9f9f9;
  border: 1px solid #ddd;
  line-height: 14px;
  height: 16px;
  font-size: 12px;
  text-align: center;
  font-weight: normal;
}
.address_area01 .address_view dl dd {
  width: 324px;
  padding: 3px 0;
  line-height: 18px;
  font-weight: normal;
}

.address_map_view {
  width: 275px;
  height: 206px;
  margin: 0 auto;
}
.address_map_view.nomap {
  background: url("/images/sale/sale01.gif") no-repeat 0 0;
}

.address_area01 .input_in {
  padding-bottom: 5px;
}

.address_bd_water_find .txt {
  margin: 0 20px 0 5px;
  font-weight: normal;
}

.image_build_regi {
  width: 275px;
  height: 206px;
  margin: 0 auto;
  background: #f5f5f5;
  display: table;
}
.image_build_regi span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.newhashtag {
  font-size: 0;
}
.newhashtag li {
  display: inline-block;
  margin-left: 8px;
}
.newhashtag li:first-child {
  margin-left: 0;
}
.newhashtag li div {
  padding: 2px 10px 5px;
  background: #f5f5f5;
}
.newhashtag li div span {
  display: inline-block;
  line-height: 13px;
  vertical-align: middle;
  font-size: 15px;
  font-weight: normal;
}
.newhashtag li div a {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  vertical-align: -8px;
  background: url("/images/btn_xx.png") no-repeat left top;
}

.ml20 {
  margin-left: 20px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.form-wrap,
.form-wrap-radio,
.form-wrap-label,
.form-wrap-div {
  position: relative;
  float: left;
  margin-right: 5px;
}

.form-wrap.no-gap,
.form-wrap-radio.no-gap,
.form-wrap-label.no-gap,
.form-wrap-div.no-gap {
  margin-right: 0;
}

.form-wrap-radio {
  margin-top: 9px;
}

.form-wrap-label,
.form-wrap-div {
  line-height: 37px;
}

.width-small {
  width: 60px;
  height: 37px;
  border: 1px solid #cbcbcb;
}

.width-normal {
  width: 185px;
  height: 37px;
  border: 1px solid #cbcbcb;
}

.width-full {
  width: 466px;
  height: 37px;
  border: 1px solid #cbcbcb;
}

.width-addr-detail {
  width: 200px;
  height: 37px;
  border: 1px solid #cbcbcb;
}

.pop-label-holder {
  position: absolute;
  top: 12px;
  left: 5px;
  line-height: 1;
  color: #bbb;
}

.popup .btn,
.popup .btn-blue,
.popup .btn-red,
.popup .btn-gray,
.popup .btn-search,
.popup .btn-change {
  display: inline-block;
  width: 103px;
  height: 37px;
  line-height: 37px;
  font-weight: bold;
  background-color: #888;
  border: 0;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.btn-blue {
  background-color: #00a0e9;
}

.btn-red {
  background-color: #ed1c24;
}

.btn-gray {
  background-color: #888;
}

.btn-search {
  float: left;
  display: block;
  width: 65px;
  height: 37px;
  line-height: 37px;
}

.btn-change {
  width: 100px;
  height: 28px;
  line-height: 28px;
  background-color: #00a0e9;
}

.btn-small-height {
  height: 28px;
  line-height: 28px;
}

.btn-tiny {
  display: inline-block;
  height: 20px;
  color: #ffffff;
  line-height: 20px;
  border: 0;
  background: #888;
}

.btn-pyung {
  display: block;
  width: 22px;
  height: 22px;
  float: left;
  padding: 0;
  margin: 0 5px;
  text-indent: -99999em;
  border: 0;
  background: url(../images/btn_pyung.png) no-repeat;
}
.btn-pyung.add {
  background-position: -27px 0;
}

.btn-add-pyung {
  display: block;
  width: 98px;
  height: 22px;
  position: relative;
  padding: 0 0 0 10px;
  margin: 10px auto 0;
  font-weight: bold;
  font-size: 12px;
  color: #ffffff;
  border: 0;
  background: #666;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.btn-add-pyung:after {
  content: "+";
  display: block;
  position: absolute;
  top: 3px;
  left: 7px;
  font-weight: bold;
  color: #ffffff;
}

.find-addr {
  width: 613px;
}

.find-addr-title {
  padding-left: 28px;
  font-weight: bold;
  background: url(../images/icon_search.png) no-repeat left center;
}

.addr-search-section {
  padding: 10px;
  border: 1px solid #cbcbcb;
  border-top: 0;
}

.addr-search-label {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 9px;
  width: 50px;
  height: 37px;
  line-height: 37px;
  font-size: 14px;
  font-weight: bold;
}

.addr-search-input01 {
  float: left;
  margin-right: 5px;
  width: 408px;
  height: 37px;
  border: 1px solid #cbcbcb;
  padding-left: 10px;
}

.addr-search-msg01,
.addr-search-msg02 {
  position: relative;
  margin-top: 10px;
  padding-left: 5px;
  color: #888;
  font-size: 11px;
  line-height: 1.4;
}

.addr-search-msg01:after,
.addr-search-msg02:after {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #898989;
}

.addr-search-msg01 {
  margin-left: 50px;
}

.addr-search-list {
  height: 238px;
}

.estate-search-list {
  height: 244px;
}

.register-search-label {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 9px;
  width: 70px;
  height: 37px;
  line-height: 37px;
  font-size: 13px;
  font-weight: bold;
}

.list-col-item {
  float: left;
}

.result-title {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  background-color: #fafafa;
  border-bottom: 1px solid #dcdcdc;
}

.result-list {
  height: 204px;
  overflow-x: hidden;
  overflow-y: auto;
}

.result-list-item {
  display: block;
  padding: 7px 15px;
  color: #666;
  border-bottom: 1px solid #dcdcdc;
  line-height: 20px;
}
.result-list-item .estate-name {
  color: #222;
}
.result-list-item .estate-addr {
  color: #666;
}

.result-list-item-sub {
  display: block;
  margin-top: 5px;
  color: #bbb;
}

.addr-search-select {
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 173px;
  height: 28px;
  border: 1px solid #cbcbcb;
}

.addr-search-link {
  display: block;
  padding-left: 5px;
  height: 28px;
  line-height: 28px;
  color: #666;
  font-size: 13px;
  background: #fff;
}
.addr-search-link:hover {
  background: #dcdcdc;
}

.addr-search-input02 {
  width: 227px;
  height: 37px;
  border: 1px solid #cbcbcb;
}

.em {
  color: #00a0e9;
}

.select-wrapper.pop-post {
  margin-bottom: 5px;
  width: 171px;
  background: #fff;
}

/* popup login : S */
.popup-login-title {
  margin-top: 22px;
  font-size: 55px;
  font-weight: bold;
  line-height: 1;
  color: var(--color-bdsplanet);
  text-align: center;
}

.popup-login-title-msg {
  margin-top: 18px;
  text-align: center;
  font-weight: bold;
}

.popup-login-form {
  margin-top: 30px;
}

.popup-login-form-wrap {
  position: relative;
  border: 1px solid #cbcbcb;
}
.popup-login-form-wrap.email:after {
  content: "";
  display: block;
  width: 21px;
  height: 16px;
  position: absolute;
  top: 9px;
  right: 9px;
  background: url(../images/icon_join.png) no-repeat;
  background-position: -85px -610px;
}
.popup-login-form-wrap.password {
  margin-top: 5px;
}
.popup-login-form-wrap.password:after {
  content: "";
  display: block;
  width: 21px;
  height: 20px;
  position: absolute;
  top: 9px;
  right: 9px;
  background: url(../images/icon_join.png) no-repeat;
  background-position: -85px -640px;
}

.popup-login-form-label {
  position: absolute;
  top: 11px;
  left: 10px;
  line-height: 1;
  color: #999;
}

.popup-login-form-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  width: 240px;
  height: 35px;
  border: 0;
  background: transparent;
}

.popup-login-form-submit {
  margin-top: 20px;
  width: 100%;
  height: 37px;
  line-height: 37px;
  font-size: 13px;
}

.popup-login-agree {
  margin-top: 10px;
}
.popup-login-agree:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.popup-login-agree-chk {
  float: left;
  margin: 0;
  padding: 0;
  height: 17px;
  line-height: 17px;
}

.popup-login-agree-label {
  margin-left: 5px;
  color: #999;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
}

.popup-login-agree-view {
  width: 34px;
  height: 17px;
  line-height: 17px;
  color: #ffffff;
  font-size: 11px;
  text-align: center;
  background: #cbcbcb;
}

.popup-login-link {
  position: relative;
  margin-left: 13px;
  padding-left: 15px;
  color: #999;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
}
.popup-login-link:after {
  content: "";
  display: block;
  width: 1px;
  height: 11px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -5px;
  background: #cbcbcb;
}

.popup-login-links {
  margin-top: 5px;
}
.popup-login-links:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

/* 2016.05.02 추가수정 */
.popup-easy-login {
  margin-top: 5px;
}
.popup-easy-login .easytxt {
  left: 50%;
  height: 41px;
  line-height: 45px;
  font-size: 14px;
  color: #666;
  text-align: center;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -ms-border-radius: 10px 10px 0 0;
}
.popup-easy-login .easytxt em {
  display: inline-block;
  border-top: 1px solid #808080;
  height: 1px;
  width: 1px;
  padding: 0 0 5px 60px;
  margin: 0 10px 0 10px;
}

/* popup login : E */
/* popup complex : S */
.complex-view {
  position: relative;
  top: 0;
  left: 0;
  width: 522px;
  border: 2px solid var(--color-bdsplanet);
  background: #ffffff;
  display: inline-block;
}

.complex-header {
  padding: 15px 20px;
  background: #f9f9f9;
  border-bottom: 1px solid #d8d8d8;
}

.complex-title {
  margin-bottom: 10px;
  color: #222;
}

.complex-title-type {
  display: inline-block;
  min-width: 58px;
  height: 16px;
  line-height: 14px;
  font-size: 12px;
  text-align: center;
  padding: 0px 5px;
}
.complex-title-type.yellow {
  border: 1px solid #ffcc33;
  color: #ffcc33;
}
.complex-title-type.blue {
  border: 1px solid #fcb040;
  color: #fcb040;
}
.complex-title-type.purple {
  border: 1px solid #996699;
  color: #996699;
}
.complex-title-type.brown {
  border: 1px solid #996666;
  color: #996666;
}
.complex-title-type.orange {
  border: 1px solid #ff9966;
  color: #ff9966;
}
.complex-title-type.pink {
  border: 1px solid #ff99cc;
  color: #ff99cc;
}
.complex-title-type.green {
  border: 1px solid #99cc66;
  color: #99cc66;
}
.complex-title-type.red {
  border: 1px solid #cc6666;
  color: #cc6666;
}

.complex-title-name {
  margin-left: 5px;
  font-size: 15px;
  font-weight: bold;
}

.complex-title-price-summary {
  color: var(--color-bdsplanet);
  font-size: 16px;
  font-weight: bold;
}

.complex-title-price-name {
  margin: 10px 0 0 0;
  font-size: 16px;
  font-weight: bold;
}

.complex-addr {
  color: #222;
}

.complex-body {
  padding: 18px 20px;
}

.complex-overview:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.complex-overview-imgframe {
  float: left;
  width: 157px;
  height: 118px;
  overflow: hidden;
}

.complex-overview-img {
  width: 100%;
}

.complex-overview-body {
  float: left;
  margin-left: 10px;
  width: 315px;
}

.complex-overview-text {
  margin-top: 2px;
  overflow: hidden;
}
.complex-overview-text:first-child {
  margin-top: 0;
}
.complex-overview-text.price {
  margin-top: 7px;
}
.complex-overview-text.price:first-child {
  margin-top: 0;
}

.complex-overview-title {
  float: left;
  margin-right: 10px;
  width: 54px;
  height: 18px;
  line-height: 18px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  background: #a1b0b6;
  text-align: center;
}
.complex-overview-title.blue {
  background: var(--color-bdsplanet);
}

.complex-overview-data {
  float: left;
  width: 250px;
}

.complex-overview-data-sale {
  color: #666;
  font-weight: bold;
}

.complex-table {
  margin-top: 17px;
}

.complex-table-head-item01 {
  width: 135px;
}

.complex-table-head-item02,
.complex-table-head-item03 {
  width: 45px;
}

.complex-table-head-item04,
.complex-table-head-item05 {
  width: 40px;
}

.complex-table-head-item06 {
  width: 107px;
}

.complex-table-head-item07 {
  width: 60px;
}

.complex-table-head-price01,
.complex-table-head-price02 {
  width: 80px;
}

.complex-table-head-price03 {
  width: 70px;
}

.complex-table-head-price04 {
  width: 90px;
}

.complex-table-head-price05 {
  width: 140px;
}

.complex-table-head-sort {
  display: inline;
  padding: 0;
  width: 10px;
  height: 10px;
  border: 0;
  background: url(../images/bg_btn_toggle.png) no-repeat;
  text-indent: -9999px;
  vertical-align: middle;
}
.complex-table-head-sort.asce {
  background-position: 50% 2px;
}
.complex-table-head-sort.desc {
  background-position: 50% -73px;
}

.complex-table-body {
  height: 200px;
}

.complex-table .scroll-table-tr:hover .complex-btn-detail-view {
  background-position: 0 -19px;
}

.complex-btn-detail-view {
  display: inline;
  padding: 0;
  width: 18px;
  height: 18px;
  border: 0;
  background: url(../images/bg_btn_search_simple_view.png) no-repeat;
  text-indent: -9999px;
}

/* popup complex : E */
/* popup map simple view */
.simple-view {
  position: relative;
  top: 0;
  left: 0;
  padding: 10px;
  min-width: 420px;
  border: 2px solid var(--color-bdsplanet);
  display: inline-block;
}
.simple-view.price {
  min-width: 436px;
}
.simple-view .list-item.image {
  width: 125px;
  float: left;
}
.simple-view .list-item.image .thumb-image {
  width: 100%;
}
.simple-view .right-col {
  float: left;
  margin-left: 10px;
}
.simple-view .list-item-type {
  min-width: 58px;
  height: 16px;
  line-height: 14px;
  font-size: 12px;
  text-align: center;
  padding: 0px 5px;
}
.simple-view .list-item-type.price {
  width: 100px;
}
.simple-view .list-item-type.red {
  border: 1px solid #ed1c24;
  color: #ed1c24;
}
.simple-view .list-item-type.yellow {
  border: 1px solid #fcb040;
  color: #fcb040;
}
.simple-view .list-item-type.purple {
  border: 1px solid #7030a0;
  color: #7030a0;
}
.simple-view .list-item-type.green {
  border: 1px solid #18b70b;
  color: #18b70b;
}
.simple-view .list-item-name {
  margin-top: 7px;
  font-size: 15px;
  font-weight: bold;
  color: #222;
}
.simple-view .list-item-detail {
  margin-top: 7px;
  line-height: 1.4;
}
.simple-view .list-item.price {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  color: var(--color-bdsplanet);
}
.simple-view .list-item.spec {
  margin-top: 7px;
}
.simple-view .list-item-data {
  float: left;
  margin: 0 0 0 5px;
}
.simple-view .list-item-data .n-data {
  padding: 0 0 0 10px;
}
.simple-view .list-item-data:first-child {
  margin-left: 0;
  padding-left: 0;
}
.simple-view .list-item-data:first-child:after {
  display: none;
}
.simple-view .list-item.btn-search {
  width: 19px;
  height: 18px;
  position: absolute;
  bottom: 36px;
  right: 10px;
  text-indent: -99999em;
  background: url(../images/bg_btn_search_simple_view.png) no-repeat;
}
.simple-view .list-item.btn-search:hover {
  background-position: 0 -19px;
}

/* popup map simple view list type*/
.simple-view-list {
  position: relative;
  top: 0;
  left: 0;
  border: 2px solid var(--color-bdsplanet);
  display: inline-block;
}

.simple-view-list-top {
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #222;
  line-height: 48px;
  border-bottom: 1px solid #d8d8d8;
  background: #f3f3f3;
}

.simple-view-list-scroll {
  min-width: 460px;
  max-height: 365px;
  overflow-y: auto;
  overflow-x: visible;
}

.simple-view-list-result {
  padding: 15px 10px 5px;
  font-weight: bold;
}

.simple-view-list-item {
  position: relative;
  padding: 10px;
  border-top: 1px solid #d8d8d8;
}
.simple-view-list-item:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.simple-view-list-item.first {
  border-top: 0;
}

.simple-view-list .list-item.image {
  width: 125px;
  float: left;
}
.simple-view-list .list-item.image .thumb-image {
  width: 100%;
}
.simple-view-list .right-col {
  float: left;
  margin-left: 10px;
}
.simple-view-list .list-item-type {
  min-width: 58px;
  height: 16px;
  line-height: 14px;
  font-size: 12px;
  text-align: center;
  padding: 0px 5px;
}
.simple-view-list .list-item-type.price {
  width: 100px;
}
.simple-view-list .list-item-type.red {
  border: 1px solid #cc6666;
  color: #cc6666;
}
.simple-view-list .list-item-type.yellow {
  border: 1px solid #ffcc33;
  color: #ffcc33;
}
.simple-view-list .list-item-type.purple {
  border: 1px solid #996699;
  color: #996699;
}
.simple-view-list .list-item-type.green {
  border: 1px solid #99cc66;
  color: #99cc66;
}
.simple-view-list .list-item-type.blue {
  border: 1px solid #6699ff;
  color: #6699ff;
}
.simple-view-list .list-item-type.brown {
  border: 1px solid #996666;
  color: #996666;
}
.simple-view-list .list-item-type.orange {
  border: 1px solid #ff9966;
  color: #ff9966;
}
.simple-view-list .list-item-type.pink {
  border: 1px solid #ff99cc;
  color: #ff99cc;
}
.simple-view-list .list-item-name {
  margin-top: 7px;
  font-size: 15px;
  font-weight: bold;
  color: #222;
}
.simple-view-list .list-item-detail {
  margin-top: 7px;
  line-height: 1.4;
}
.simple-view-list .list-item.price {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  color: var(--color-bdsplanet);
}
.simple-view-list .list-item.spec {
  margin-top: 7px;
}
.simple-view-list .list-item-data {
  float: left;
  margin: 0 0 0 10px;
}
.simple-view-list .list-item-data:first-child {
  margin-left: 0;
  padding-left: 0;
}
.simple-view-list .list-item-data:first-child:after {
  display: none;
}
.simple-view-list .list-item.btn-search {
  width: 19px;
  height: 18px;
  position: absolute;
  bottom: 36px;
  right: 10px;
  text-indent: -99999em;
  background: url(../images/bg_btn_search_simple_view.png) no-repeat;
}
.simple-view-list .list-item.btn-search:hover {
  background-position: 0 -19px;
}

.popup-addinfo-agree {
  margin-top: 15px;
}
.popup-addinfo-agree:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.popup-addinfo-agree-left {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%;
}

.popup-addinfo-agree-center {
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 34%;
}

.popup-addinfo-agree-right {
  float: right;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%;
  text-align: right;
}

.popup-addinfo-agree-view {
  display: inline-block;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background: #cbcbcb;
  vertical-align: middle;
}

.deal-complete {
  margin-top: 30px;
  text-align: center;
}

.deal-complete-check {
  display: inline-block;
}

.deal-complete-msg {
  margin-top: 25px;
}

.deal-complete-confirm {
  margin: 25px 0 30px;
  text-align: center;
}
.deal-complete-confirm .btn-fill {
  margin: 0 3px;
}

.search-estate {
  padding: 10px 10px 0 10px;
  border: 1px solid #ddd;
}

.search-estate-regional {
  padding: 20px 4px;
}
.search-estate-regional:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.search-estate-regional-list {
  margin: 0 9px;
  float: left;
  line-height: 1.8;
}

.search-estate-regional-link {
  color: #666;
}
.search-estate-regional-link:hover {
  color: var(--color-bdsplanet);
  border-bottom: 1px solid var(--color-bdsplanet);
}

/* ask registering estate */
.register-popup {
  /* margin-left: -460px; */
  width: 920px;
  padding: 0 0 20px 0;
}
.register-popup.no-scroll {
  padding: 20px;
}

.register-popup-scroll {
  height: 680px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 20px 20px 0 20px;
}

.register-popup .part-top {
  margin: 30px 0 15px;
}
.register-popup .part-top:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.register-popup .part-top.no-top {
  margin-top: 0;
}
.register-popup .part-top.no-bottom {
  margin-bottom: 0;
}
.register-popup .part-title {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin-bottom: 12px;
}
.register-popup .part-subtitle {
  margin-top: 7px;
}
.register-popup .part-mid:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.register-popup .part-mid.border-bottom {
  border-bottom: 1px solid #222;
}
.register-popup .part-mid-title {
  margin: 20px 0 15px;
}
.register-popup .part-mid .list-description {
  margin-bottom: 10px;
}
.register-popup .part-bottom {
  margin: 30px 0 100px;
  text-align: center;
}
.register-popup .part-bottom:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.register-popup .part-bottom.no-top {
  margin-top: 0;
}
.register-popup .part-bottom.no-bottom {
  margin-bottom: 0;
}

.smart .part-top {
  padding: 10px 20px 0;
}
.smart .part-title {
  font-weight: bold;
  color: #222;
  font-size: 18px;
}
.smart .part-title-desc {
  margin: 14px 0 0;
}
.smart .btn-fill {
  width: 110px;
  min-width: auto;
}
.smart .btn-list-loc-reset {
  padding: 0 0 0 40px;
  background: #666 url(../images/icon_loc_btn.png) no-repeat 24px -21px;
  height: 39px;
  width: 110px;
  font-size: 16px;
}
.smart .btn-list-loc-close {
  padding: 0 0 0 40px;
  background: #666 url(../images/icon_loc_btn.png) no-repeat 24px -54px;
  height: 39px;
  width: 110px;
  font-size: 16px;
}
.smart .part-top.item01 .part-title {
  display: inline;
  font-size: 24px;
}
.smart .part-top.item01 .part-title-desc {
  display: inline;
  padding: 0 0 0 10px;
  font-size: 24px;
  color: #fcb040;
  font-weight: bold;
}

/*



 █████   ██████  ███████ ███    ██  ██████ ██    ██
██   ██ ██       ██      ████   ██ ██       ██  ██
███████ ██   ███ █████   ██ ██  ██ ██        ████
██   ██ ██    ██ ██      ██  ██ ██ ██         ██
██   ██  ██████  ███████ ██   ████  ██████    ██



*/
.agency-profile {
  position: relative;
  margin-top: 35px;
  border: 1px solid #d8d8d8;
}

.agency-profile-photo {
  position: absolute;
  top: 39px;
  left: 40px;
  width: 146px;
  height: 145px;
}

.agency-profile-photo-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.agency-profile-photo-img {
  width: 100%;
}

.agency-profile-photo-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/mask_agency_photo.png) no-repeat;
}

.agency-profile-photo-btns {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg_agency_photo_btns.png) 50% 50%;
}

.agency-profile-photo-btn {
  position: absolute;
  left: 32px;
  width: 82px;
  height: 29px;
  border: 0;
  border-radius: 2px;
  color: #ffffff;
  font-weight: bold;
}
.agency-profile-photo-btn.regist {
  top: 59px;
  background: #ee6247;
}
.agency-profile-photo-btn.change {
  top: 42px;
  background: #006092;
}
.agency-profile-photo-btn.del {
  top: 76px;
  background: #006092;
}

.agency-profile-photo:hover .agency-profile-photo-btns {
  display: block;
}

.agency-profile-top {
  padding-left: 220px;
  height: 96px;
  background: #fcb040;
}
.agency-profile-top:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.agency-profile-top-btns {
  margin: 34px 40px 0 0;
}

.agency-profile-name {
  margin-top: 23px;
  font-size: 30px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
}

.agency-profile-link {
  display: block;
  margin: 26px 0 0 10px;
  width: 26px;
  height: 26px;
  background: url(../images/bg_home_link.png) no-repeat;
  text-indent: -9999px;
}

.agency-profile-time {
  clear: left;
  float: left;
  padding-top: 10px;
  color: #ffffff;
}

.agency-profile-bottom {
  padding-left: 220px;
  height: 127px;
}

.agency-profile-detail {
  margin-top: 16px;
  width: 370px;
}

.agency-profile-detail-item {
  margin-top: 5px;
  font-size: 15px;
  color: #222;
}

.agency-profile-my {
  margin-top: 38px;
  padding-left: 30px;
  width: 370px;
  height: 72px;
  border-left: 1px solid #d8d8d8;
}

.agency-profile-my-item {
  position: relative;
  margin-bottom: 10px;
  padding-left: 12px;
  width: 145px;
  height: 17px;
  line-height: 17px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
}
.agency-profile-my-item:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.agency-profile-my-item.left-float.left {
  margin-right: 30px;
}
.agency-profile-my-item:after {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 2px;
  height: 2px;
  background: var(--color-bdsplanet);
}

.agency-profile-my-link {
  color: #ff9a05;
  font-weight: normal;
  text-decoration: underline;
}

.agency-banner {
  margin-top: 20px;
  height: 120px;
  background: #ededed;
}

.notice-section {
  margin-top: 60px;
}
.notice-section.left-float {
  width: 490px;
}

.faq-section {
  margin-top: 60px;
}
.faq-section.right-float {
  width: 490px;
}

.cs-section {
  margin-top: 35px;
  /*  background: #ededed url(../images/bg_cs_tel.png) no-repeat 341px 21px; */
}
.cs-section.left-float {
  width: 490px;
}

.service-section {
  margin-top: 35px;
}
.service-section.right-float {
  width: 490px;
}

.service-section-link {
  display: block;
  margin-top: 10px;
  width: 225px;
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  font-weight: bold;
  background: #666;
  color: #ffffff;
  text-align: center;
}
.service-section-link:first-child {
  margin-top: 0;
}

.search-option {
  border: 1px solid #d8d8d8;
}

.search-option-detail {
  padding: 0 40px 25px 40px;
  background: #f9f9f9;
}
.search-option-detail:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.search-option-wrap {
  float: left;
  margin-top: 25px;
  width: 100%;
}
.search-option-wrap:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.search-option-wrap.deal-type, .search-option-wrap.item-type {
  width: 239px;
}
.search-option-wrap.area-type {
  width: 440px;
}
.search-option-wrap.open-type {
  width: 478px;
}
.search-option-wrap.manage-type {
  width: 440px;
}

.search-option-label {
  float: left;
  width: 75px;
  line-height: 37px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
}

.search-option-monthly-btn {
  padding: 0;
  width: 69px;
}

.search-option-condition {
  margin-top: 9px;
}
.search-option-condition:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.search-option-condition-pannel {
  display: none;
}
.search-option-condition-pannel.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-option-condition-input {
  width: 508px;
}

.search-option-condition-unit {
  float: left;
  padding-left: 5px;
  width: 25px;
  line-height: 37px;
}

.report-provision {
  padding: 25px 40px;
  border: 1px solid #d8d8d8;
  background: #f9f9f9;
}
.report-provision:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.report-provision-title {
  margin-bottom: 15px;
  color: #222;
  font-size: 16px;
  font-weight: bold;
}

.report-provision-list {
  width: 450px;
}

.report-provision-item {
  position: relative;
  line-height: 1.7;
}
.report-provision-item.em-red {
  padding-left: 8px;
}
.report-provision-item.em-red:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #ed1c24;
}

.reported {
  margin-bottom: 10px;
  padding: 15px 35px;
  background: #f9f9f9;
}
.reported:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.reported-item {
  float: left;
  width: 222px;
  text-align: center;
  padding: 15px 0;
}
.reported-item.line {
  border-right: 1px solid #d8d8d8;
  padding: 15px 15px;
}

.reported-title {
  margin-bottom: 10px;
  color: #222;
  font-size: 16px;
  font-weight: bold;
}

.reported-data {
  color: #222;
  font-size: 22px;
  font-weight: bold;
}
.reported-data.date {
  font-size: 18px;
}
.reported-data.date .em-yellow {
  text-decoration: none;
}
.reported-data .em-yellow {
  text-decoration: underline;
}

a.house-manage-link {
  display: block;
  margin-top: 3px;
  color: var(--color-bdsplanet) !important;
  text-decoration: underline;
}

.img-reg-list {
  margin-top: 15px;
  padding: 10px;
  border: 1px solid #cbcbcb;
}

.img-reg-list-wrap {
  padding: 0 0 10px 0;
  min-height: 490px;
  background: #f9f9f9;
}
.img-reg-list-wrap:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.img-reg-list-item {
  position: relative;
  float: left;
  margin: 10px 0 0 10px;
  width: 232px;
  height: 156px;
  overflow: hidden;
}

.img-reg-list-item-img {
  width: 100%;
}

.img-reg-list-item-rep {
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  background: #fcb040;
}

.img-reg-list-item-rotate {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  width: 26px;
  height: 26px;
  background: #222 url(../images/icon_rotate.png) no-repeat 50% 50%;
  border: 0;
  text-indent: -9999px;
}

.img-reg-list-item-del {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: #222 url(../images/icon_close.png) no-repeat 50% 50%;
  border: 0;
  text-indent: -9999px;
}

.img-reg-list-item-add {
  float: left;
  margin: 10px 0 0 10px;
  padding: 70px 0 0 0;
  width: 232px;
  height: 156px;
  color: var(--color-bdsplanet);
  font-weight: bold;
  background: url(../images/bg_reg_pic_btn.png) no-repeat;
  border: 0;
}

.img-reg-list-upload {
  margin: 0 auto;
  padding: 260px 0 0 0;
  width: 250px;
  text-align: center;
  line-height: 1.5;
  background: url(../images/img_reg_pic_gray.png) no-repeat 50% 140px;
}
.img-reg-list-upload .btn-fill {
  margin: 30px 0 0 0;
}

.tag-chk-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.tag-chk-list .check-wrap,
.tag-chk-list .radio-wrap {
  margin: 7px 0;
}

.input-tag-keyword {
  margin-top: 10px;
}

.map-frame {
  width: 759px;
  height: 458px;
  border: 1px solid #cbcbcb;
}

.agency-item-list {
  border-collapse: separate;
}

.agency-item-list-header th,
.agency-item-list-header td {
  background: #f9f9f9;
}

.agency-item-list tbody th {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.agency-item-list tbody td {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  padding: 15px 0;
  text-align: center;
}
.agency-item-list .first {
  border-left: 0;
}
.agency-item-list .last {
  border-right: 0;
}

.step-list {
  width: 1000px;
  height: 79px;
  background: url(../images/bg_step_five.png) no-repeat;
}
.step-list:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.step-list.step1 {
  background-position: 0 0px;
}
.step-list.step1 .first .step-mark,
.step-list.step1 .first .step-title {
  color: #ffffff;
}
.step-list.step2 {
  background-position: 0 -79px;
}
.step-list.step2 .second .step-mark,
.step-list.step2 .second .step-title {
  color: #ffffff;
}
.step-list.step3 {
  background-position: 0 -158px;
}
.step-list.step3 .third .step-mark,
.step-list.step3 .third .step-title {
  color: #ffffff;
}
.step-list.step4 {
  background-position: 0 -237px;
}
.step-list.step4 .fourth .step-mark,
.step-list.step4 .fourth .step-title {
  color: #ffffff;
}
.step-list.step5 {
  background-position: 0 -316px;
}
.step-list.step5 .fifth .step-mark,
.step-list.step5 .fifth .step-title {
  color: #ffffff;
}

.step-item {
  float: left;
  margin-top: 20px;
}
.step-item.first {
  margin-left: 26px;
  width: 240px;
}
.step-item.second, .step-item.third, .step-item.fourth {
  width: 190px;
}
.step-item.fifth {
  width: 150px;
}

.step-mark {
  font-size: 13px;
  font-weight: normal;
  color: var(--color-bdsplanet);
}

.step-title {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin-top: 3px;
}

.step-title-small {
  font-size: 15px;
}

.write-complete-info {
  padding: 30px;
  text-align: center;
  background: #f9f9f9;
  border: 1px solid #ededed;
}

.write-complete-title {
  margin-bottom: 20px;
  color: #222;
  font-size: 18px;
  font-weight: bold;
}

.write-complete-date {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
  color: var(--color-bdsplanet);
}

.write-complete-msg {
  display: inline-block;
}

.write-complete-text {
  position: relative;
  line-height: 1.7;
  padding-left: 10px;
  text-align: left;
}
.write-complete-text:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 2px;
  height: 2px;
  background: #999;
}

.msbtnCloseLayer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: -49px;
  top: -2px;
  z-index: 1;
  width: 48px;
  height: 48px;
  background: var(--color-bdsplanet);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 21px;
  font-weight: bold;
}

.eais_part_own {
  position: relative;
}

.build_select_area {
  position: absolute;
  top: 0px;
  right: 0px;
}

.tootip-que strong {
  display: block;
  margin-top: 7px;
}
.tootip-que strong:first-child {
  margin-top: 0px !important;
}

.window-alert {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  position: fixed;
  bottom: 50%;
  left: 50%;
  z-index: 999;
  line-height: 1;
  /*transition:0.3s ease-out;*/
  transform: translate(-50%, -50%);
  user-select: none;
}
.window-alert .alertwrap {
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translate(-50%, 50%);
}
.window-alert .box {
  width: 100%;
  margin-top: 6px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 300px;
  padding: 20px;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.5px;
  word-spacing: 1px;
  /*    border:1px solid;*/
  border-radius: 5px;
  line-height: 20px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
  background: rgba(51, 51, 51, 0.9);
  text-align: center;
}
.window-alert .box:before {
  content: "";
  position: absolute;
  display: block;
  /*background: url(/images/ui_common.png) no-repeat ;*/
  /*background-size:500px*/
}
.window-alert .box:first-child {
  margin-top: 0;
}
.window-alert .blue_i {
  /*    color:$부동산플래닛고유색;
  border-color:$부동산플래닛고유색*/
}
.window-alert .blue_i:before {
  /*    width:20px;
  height:20px;
  left:20px;
  top:50%;
  margin-top:-10px;
  background-position:-84px -256px;*/
}
.window-alert .orange_ki {
  /*    color:#f6a42b;
  border-color:#f6a42b*/
}
.window-alert .orange_ki:before {
  /*    width:21px;
  height:19px;
  left:20px;
  top:50%;
  margin-top:-10px;
  background-position:-56px -256px;*/
}
.window-alert .red_stop {
  /*    color:var(--color-def-red);
  border-color:var(--color-def-red)*/
}
.window-alert .red_stop:before {
  /*    width:20px;
  height:20px;
  left:20px;
  top:50%;
  margin-top:-10px;
  background-position:-28px -256px;*/
}
.window-alert .blue_check {
  /*    color:$부동산플래닛고유색;
  border-color:$부동산플래닛고유색;*/
}
.window-alert .blue_check:before {
  /*    width:20px;
  height:14px;
  left:20px;
  top:50%;
  margin-top:-7px;
  background-position:0px -256px;*/
}
.window-alert .blue_i,
.window-alert .blue_check {
  color: #fff;
}
.window-alert .orange_ki,
.window-alert .red_stop {
  color: #fff;
  background: rgba(195, 18, 34, 0.9);
}
.window-alert .spc01 {
  background: rgba(0, 0, 0, 0.89);
  font-weight: bold;
}
.window-alert .spc01 a {
  margin-right: 3px;
  color: #fff227;
  border-bottom: 1px solid #fff227;
  word-spacing: 2px;
}

.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important;
  height: 6px;
  top: 8px;
  border: 1px solid #e4e9ef;
  border-radius: 3px;
  background: #f1f6fb;
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
  position: absolute;
  display: block;
  top: 0;
}

.irs-line-left {
  left: 0;
  width: 11%;
}

.irs-line-mid {
  left: 9%;
  width: 82%;
}

.irs-line-right {
  right: 0;
  width: 11%;
}

.irs-bar {
  position: absolute;
  display: block;
  top: 8px;
  left: 0;
  width: 0;
  height: 6px;
  background: var(--color-bdsplanet);
}

.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1;
}
.irs-slider.type_last {
  z-index: 2;
}

.irs-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default;
}

.irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default;
}

.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
}

.irs-with-grid .irs-grid {
  display: block;
}

.irs-grid-pol {
  position: absolute;
  top: -4px;
  left: 0;
  width: 1px;
  height: 5px;
  background: #e1e4e9;
}
.irs-grid-pol.small {
  height: 4px;
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 13px;
  line-height: 1;
  padding: 0 3px;
  color: #666;
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}

.irs-disabled {
  opacity: 0.4;
}

.lt-ie9 .irs-disabled {
  filter: alpha(opacity=40);
}

/*.irs-hidden-input {
	position: absolute !important;
	display: block !important;
	top: 0 !important;
	left: 0 !important;
	width: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	outline: none !important;
	z-index: -9999 !important;
	background: none !important;
	border-style: solid !important;
	border-color: transparent !important;
}*/
.irs {
  height: 26px;
}

.irs-with-grid {
  height: 48px;
}

.irs-slider {
  width: 20px;
  height: 20px;
  background: #fff;
  border: 1px solid var(--color-bdsplanet);
  border-radius: 100%;
  top: 0px;
  cursor: pointer;
}
.irs-slider.state_hover, .irs-slider:hover {
  background-position: 0 -150px;
}

.irs-min,
.irs-max {
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 3px;
  background: #e1e4e9;
  border-radius: 4px;
}

.subin-range-slider {
  position: relative;
}

.range-btn-area {
  margin-top: 15px;
}
.range-btn-area.style-line .t_radiowon {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.range-btn-area.style-line li {
  margin: 0;
}
.range-btn-area.style-line .dg_radiowon a {
  height: 43px;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #efe0eb;
}
.range-btn-area.style-line .dg_radiowon a.on {
  color: #222;
  background: #fff !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-color: #efe0eb !important;
  font-weight: bold;
}
.range-btn-area.style-line .dg_radiowon a.on:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: #444;
}

.ctx {
  padding: 14px 0 10px 18px;
  color: #fff;
  font-size: 16px;
  /* font-weight: bold; */
  display: block;
}

.range-fast-btn.gur {
  background: #e7f5fd;
}

.range-value-txt {
  position: absolute;
  top: -31px;
  right: 0px;
}
.range-value-txt span {
  color: var(--color-bdsplanet);
  font-size: 16px;
}
.range-value-txt .max.dash:before {
  content: " ~ ";
}

.range-value input {
  display: none;
}

.aed-dan01 {
  color: #999;
  font-size: 12px;
}

.aed-dan02 {
  font-size: 12px;
  display: block;
  margin-top: -3px;
}

.img_googleplay {
  display: inline-block;
  width: 97px;
  height: 25px;
  background: url("/images/img_googleapp.png") no-repeat;
}

.chart_con.fcs .subin-range-slider {
  margin: 50px 0 20px;
}

/* 에러 */
.btn-e-white {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 120px;
  height: 40px;
  background: #fff;
  border: 1px solid #909090;
  color: #222;
  font-size: 14px;
}

.btn-e-sky {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 120px;
  height: 40px;
  background: var(--color-bdsplanet);
  border: none;
  color: #fff;
  font-size: 14px;
}

.part-bottom.etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.part-bottom.etc button {
  margin-left: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.part-bottom.etc button:first-child {
  margin-left: 0;
}

/*



██████  ██   ██  ██████  ████████  ██████      ██    ██ ██ ███████ ██     ██
██   ██ ██   ██ ██    ██    ██    ██    ██     ██    ██ ██ ██      ██     ██
██████  ███████ ██    ██    ██    ██    ██     ██    ██ ██ █████   ██  █  ██
██      ██   ██ ██    ██    ██    ██    ██      ██  ██  ██ ██      ██ ███ ██
██      ██   ██  ██████     ██     ██████        ████   ██ ███████  ███ ███



*/
.photo-viewer {
  display: none;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  padding: 55px 100px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1001;
}
.photo-viewer.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.photo-viewer .slidearea {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.photo-viewer .slidearea .slide {
  width: 100%;
  height: 100%;
}
.photo-viewer .slidearea .bx-wrapper {
  height: 100%;
}
.photo-viewer .slidearea .bx-viewport {
  width: 100%;
  height: 100%;
}
.photo-viewer .slidearea .slide li {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.photo-viewer .slidearea .slide li img {
  max-width: 90%;
  max-height: 90%;
}
.photo-viewer .bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.8;
}
.photo-viewer .bx-controls {
  position: fixed;
  top: 0px;
  z-index: 100;
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.photo-viewer .bx-controls-direction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.photo-viewer .bx-prev,
.photo-viewer .bx-next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 80px;
  height: 80px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0;
}
.photo-viewer .bx-prev:before,
.photo-viewer .bx-next:before {
  content: "";
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 23px;
  height: 35px;
  background: url("/images/ui_ico.png") no-repeat;
}
.photo-viewer .bx-prev:before {
  background-position: 0 -383px;
}
.photo-viewer .bx-next:before {
  background-position: 0 -344px;
}
.photo-viewer .bx-prev:after,
.photo-viewer .bx-next:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.3;
}
.photo-viewer .bx-default-pager {
  position: absolute;
  bottom: 40px;
  left: 45px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
}
.photo-viewer .bx-default-pager:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 15px;
  margin: 0 15px 1px 0;
  background: url("/images/ui_ico.png") no-repeat 0 -477px;
}

.photo-viewer-close {
  display: block;
  position: fixed;
  top: 55px;
  right: 23px;
  width: 33px;
  height: 33px;
  background: url("/images/ui_ico.png") no-repeat 0 -431px;
  z-index: 1;
}

.photo-viewer-ytp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  z-index: 10009;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.photo-viewer-ytp.on {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.photo-viewer-ytp .slidearea {
  width: 100%;
  height: calc(100% - 317px);
  padding: 152px 100px 0px;
}
.photo-viewer-ytp .bx-wrapper,
.photo-viewer-ytp .bx-viewport {
  max-height: 100% !important;
  height: 100% !important;
}
.photo-viewer-ytp .slide {
  height: 100%;
}
.photo-viewer-ytp .slide li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  /* width: 100vh !important; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.photo-viewer-ytp .slide li img {
  max-width: 100%;
  max-height: 100%;
}
.photo-viewer-ytp .thumbnail {
  overflow: hidden;
  width: 732px;
  margin: 24px auto 0;
}
.photo-viewer-ytp .thumbnail div {
  display: block;
  margin-left: -8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.photo-viewer-ytp .thumbnail a {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 105px;
  margin-left: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.photo-viewer-ytp .thumbnail a.active:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 4px solid var(--color-bdsplanet);
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.photo-viewer-ytp .pagination {
  margin: 23px 0 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.photo-viewer-ytp .bta {
  position: fixed;
  top: calc(50% - 317px + 157px + 35px);
  width: 23px;
  height: 35px;
}
.photo-viewer-ytp .bta a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("/images/ui_ico.png") no-repeat;
  font-size: 0;
}
.photo-viewer-ytp .bta.next {
  right: 60px;
}
.photo-viewer-ytp .bta.prev {
  left: 60px;
}
.photo-viewer-ytp .bta.next a {
  background-position: -264px -282px;
}
.photo-viewer-ytp .bta.prev a {
  background-position: -232px -282px;
}
.photo-viewer-ytp.no-thumb .slidearea {
  height: calc(100% - 140px);
}
.photo-viewer-ytp.no-thumb .bta {
  top: calc(50% - 60px + 35px);
}

.ui-ty-select {
  position: relative;
  line-height: 1;
}
.ui-ty-select .view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 45px;
  padding: 0 10px;
  border: 1px solid #ddd;
}
.ui-ty-select .view .txt {
  color: #222;
  font-size: 14px;
}
.ui-ty-select .view:after {
  content: "";
  display: block;
  border-top: 4px solid #4f5f72;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.ui-ty-select .list {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  width: 100%;
  border-left: 1px solid #aabcd2;
  border-bottom: 1px solid #aabcd2;
  border-right: 1px solid #aabcd2;
  background: #fff;
  -webkit-box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
.ui-ty-select ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 14px;
}
.ui-ty-select ul + ul {
  border-top: 1px solid #eee;
}
.ui-ty-select ul li {
  width: 31.5%;
  margin: 2.75% 0 0 2.75%;
}
.ui-ty-select ul li:nth-child(3n-2) {
  margin-left: 0;
}
.ui-ty-select ul li:nth-child(-n+3) {
  margin-top: 0;
}
.ui-ty-select.on {
  -webkit-box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
.ui-ty-select.on .view {
  border-color: #aabcd2;
}
.ui-ty-select.on .view:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ui-ty-select.on .list {
  display: block;
}

.d_file01 {
  position: relative;
}

.fs-content {
  background: #f2f3f7;
  line-height: 1;
}

.fs-visual {
  height: 450px;
  padding: 40px 0 0;
  text-align: center;
}
.fs-visual.style01 {
  background: url("/images/fs/visual01.jpg") no-repeat center;
}
.fs-visual.style02 {
  background: url("/images/fs/visual02.jpg") no-repeat center;
}

.fs-logo {
  display: block;
}
.fs-logo a {
  display: inline-block;
  width: 109px;
  height: 23px;
  background: url("/images/bp_white_logo.png") no-repeat 0 0;
  vertical-align: middle;
}
.fs-logo em {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-left: 8px;
  padding: 0 0 2px 9px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.fs-logo em:before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 1px;
  height: 13px;
  background: #fff;
  opacity: 0.3;
}

.fs-visual .txt01 {
  display: block;
  margin: 40px 0 0;
  color: var(--color-bdsplanet);
  font-size: 30px;
  font-weight: bold;
}
.fs-visual .readme {
  margin: 30px 0 0;
}
.fs-visual .readme .dae {
  display: block;
  color: #fff;
  font-size: 34px;
}
.fs-visual .readme p {
  margin: 15px 0 0;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
}

.fs-ct {
  width: 600px;
  margin: -175px auto 0;
  background: #fff;
  border-bottom: 1px solid #e1e2e6;
}

.fs-cn-fsw {
  padding: 20px;
  background: #fff;
}

.fs-cn-box {
  margin: 0 0 40px;
}
.fs-cn-box:last-child {
  margin: 0;
}
.fs-cn-box .titlearea {
  margin: 0 0 20px;
}

.fs-cn {
  padding: 0 125px;
}
.fs-cn + .fs-cn {
  border-top: 1px solid #eee;
}
.fs-cn.main {
  padding-top: 40px;
  padding-bottom: 40px;
}
.fs-cn h3.tit01 {
  color: #222;
  font-size: 17px;
  font-weight: bold;
}
.fs-cn h3.tit01 .bu {
  color: #999;
  font-size: 14px;
  font-family: var(--font-default-two);
}
.fs-cn .d_input.style01 input {
  padding: 12px 9px 12px;
}

.fs-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.fs-foot .txt {
  color: #888888;
  font-size: 12px;
}

.fs-radio01-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fs-radio01-ul + .fsb-def-inbox {
  margin: 15px 0 0;
}
.fs-radio01-ul li {
  width: 23.5%;
  margin-left: 2%;
}
.fs-radio01-ul li:first-child {
  margin-left: 0;
}
.fs-radio01-ul.three li {
  width: 31.5%;
}
.fs-radio01-ul .dg_radiowon label {
  height: 45px;
  border-radius: 22px;
}

.d_input.style01.danwi input {
  padding-right: 43px;
}
.d_input.danwi .danwi-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 43px;
  height: calc(100% - 2px);
  border-left: 1px solid #eeeeee;
  font-size: 14px;
  color: #222;
}

.pay-input-view {
  height: 100%;
  padding: 0 10px;
  background: #fafafa;
}
.pay-input-view .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #666666;
  font-size: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
}
.pay-input-view .txt em {
  margin: 0 0 0 2px;
  color: var(--color-bdsplanet);
}

.danwi-ip-dash-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.danwi-ip-dash-area .dash {
  width: 20px;
  text-align: center;
}
.danwi-ip-dash-area .d_input + .d_input {
  margin-left: 10px;
}

.fn-input-type01 .iarea .d_input {
  margin-top: 5px;
}
.fn-input-type01 .iarea .d_input:first-child {
  margin: 0;
}

.fn-it-etc01 {
  margin: 13px 0 0;
}
.fn-it-etc01 > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fn-it-etc01 > div .d_input {
  margin-left: 15px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.fn-input-type01 .fn-it-etc01 .de {
  text-decoration: underline;
}

.fs-cn.dba {
  padding: 30px 125px;
}
.fs-cn.dba .dae_btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fs-cn.dba .dae_btn_area .c_wb {
  width: 120px;
}
.fs-cn.dba .dae_btn_area .c_blue {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.fn-pay-type01 .fs-pay-input-area {
  position: relative;
  margin: 15px 0 0;
}
.fn-pay-type01 .d_input {
  width: 100%;
}
.fn-pay-type01 .pay-input-view {
  height: 35px;
}

.fs-cn.cond {
  position: relative;
  padding: 40px 105px;
  text-align: center;
}
.fs-cn.cond .mtxt {
  color: #222222;
  font-weight: bold;
  font-size: 30px;
  line-height: 1;
}
.fs-cn.cond p {
  margin: 14px 0 0;
  color: #666666;
  font-size: 14px;
  line-height: 21px;
}
.fs-ct.fin .fs-cn.main {
  padding: 40px 105px;
  background: #fafafa;
  border: none;
}
.fs-ct.fin .fs-cn.main .fsw {
  padding: 28px 40px;
  background: #fff;
}

.fs-fin-box + .fs-fin-box {
  margin: 12px 0 0;
  padding: 14px 0 0;
  border-top: 1px solid #eeeeee;
}
.fs-fin-box .titlearea {
  margin: 0 0 3px;
}
.fs-fin-box .titlearea .tit01 {
  color: var(--color-bdsplanet);
  font-size: 12px;
}
.fs-fin-box .ffc {
  line-height: 21px;
  font-size: 14px;
}

.fs-ct.fin .fs-cn.dba {
  background: #fafafa;
}

.fs-fin-box .ffc .textarea-tag .tag {
  margin: 4px 2px 0px 0;
  cursor: inherit;
}

.fdef-sub {
  margin-top: 7px;
  padding-top: 8px;
  border-top: 1px dashed #eee;
}

.fs-photolist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fs-photolist li {
  position: relative;
  width: 66px;
  height: 66px;
  margin: 15px 0 0 15px;
  background: #f5f5f5 url("/images/fs/bgfs01.png") no-repeat center;
}
.fs-photolist li a.photo {
  display: block;
  width: 100%;
  height: 100%;
}
.fs-photolist li:nth-child(-n+4) {
  margin-top: 0;
}
.fs-photolist li:nth-child(4n-3) {
  margin-left: 0;
}
.fs-photolist li a.del {
  display: block;
  position: absolute;
  top: -6px;
  right: -5px;
  width: 20px;
  height: 20px;
  background: url("/images/ui_ico.png") no-repeat -232px -112px;
}

.fs-photo-add .fs-photolist {
  padding: 20px;
  background: #fafafa;
}

.fs-inj-list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fs-inj-list dl dt {
  position: relative;
  color: #7790ad;
}
.fs-inj-list dl dt:after {
  content: ":";
  margin: 0 5px;
}
.fs-inj-list dl dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.fs-fin-box.req-photo .fs-photolist {
  margin: 11px 0 0;
}

.fs-mmrd-inp {
  border: 1px solid #ddd;
}
.fs-mmrd-inp .readme {
  height: 109px;
}
.fs-mmrd-inp textarea {
  width: 100%;
  height: 100%;
  padding: 10px;
  border: none;
  line-height: 21px;
}
.fs-mmrd-inp .readme + .fsm-filearea {
  border-top: 1px solid #eeeeee;
}

.fsm-filearea {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  height: 45px;
  padding: 8px;
}

.fs-mmrd-inp .d_file01 label {
  width: 80px;
  height: 30px;
}

.fsm-filearea .d_filename {
  margin: 0 0 0 10px;
}
.fsm-filearea .d_filename.on {
  display: flex;
  position: relative;
  z-index: 1;
}
.fsm-filearea .d_filename.on:after {
  content: "";
  position: absolute;
  top: -17px;
  background: white;
  height: 300%;
  width: 300%;
  left: -5px;
}
.fsm-filearea .d_filename .txt {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  max-width: 190px;
  color: #7790ad;
  text-decoration: underline;
  z-index: 1;
}
.fsm-filearea:after {
  content: "선택된 파일이 없습니다.";
  position: absolute;
  left: 96px;
  color: #999;
  font-size: 14px;
}
.fsm-filearea .del {
  display: none;
  position: relative;
  z-index: 1;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background: url(/images/ui_ico.png) no-repeat -232px -112px;
}
.fsm-filearea .d_filename.on + .del {
  display: block;
}
.fsm-filearea .d_filename:before {
  content: "";
  position: relative;
  z-index: 1;
  display: block;
  width: 9px;
  height: 17px;
  margin-right: 5px;
  background: url("/images/ui_ico.png") no-repeat -232px -87px;
}
.fsm-filearea .btns {
  border: 1px solid #e5e5e5;
}
.fsm-filearea .btns span {
  color: var(--color-bdsplanet);
  font-size: 14px;
}
.fsm-filearea.def {
  padding: 0;
}
.fsm-filearea.def:after {
  left: 88px;
}
.fsm-filearea.def .btns {
  width: 80px;
  height: 30px;
}
.fsm-filearea.def .d_filename {
  flex: 1;
}
.fsm-filearea.def .d_filename .txt {
  margin-top: 1px;
  max-width: 100%;
}

a.fpa-add {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  margin: 0 0 10px;
  color: #7790ad;
  background: #edf2f8;
  font-size: 14px;
}

.fs-addr-box {
  padding: 15px;
  background: #fafafa;
}
.fs-addr-box dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 6px;
}
.fs-addr-box dl:first-child {
  margin-top: 0;
}
.fs-addr-box dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 18px;
  margin: 0 9px 0 0;
  border-radius: 9px;
  border: 1px solid #e5e5e5;
  background: #fff;
  color: #7790ad;
  font-size: 12px;
}
.fs-addr-box dl dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  line-height: 20px;
  margin-top: -2px;
}
.fs-addr-box + .fs-etc-addr {
  margin-top: 10px;
}

.fs-etc-re {
  margin: -11px 0 6px;
}
.fs-etc-re span {
  color: #7790ad;
  font-size: 13px;
  line-height: 20px;
}

.fsb-def-inbox-col {
  margin-top: 20px;
  padding-top: 21px;
  border-top: 1px dashed #eee;
}

.fsb-def-inbox .tit01 {
  margin: 0 0 10px;
  color: #7790ad;
  font-size: 14px;
  line-height: 1;
}
.fsb-def-inbox + .fsb-def-inbox {
  margin-top: 20px;
}
.fsb-def-inbox .alone-input {
  margin-top: 10px;
}
.fsb-def-inbox .al-txt {
  display: block;
  margin-top: 10px;
  font-size: 13px;
}
.fsb-def-inbox .al-txt.cl-red {
  color: var(--color-def-red);
}

.fs-mmrd-inp + .fs-photo-add {
  margin-top: 15px;
}

.fs-content a.a-link {
  text-decoration: underline;
}
.fs-content a.a-link.red {
  color: var(--color-def-red);
}

.a-file-down.mt10 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 10px 0 0;
}
.a-file-down .txt {
  color: #7790ad;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: underline;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 12px;
}
.a-file-down span:before {
  content: "";
  display: block;
  width: 9px;
  height: 17px;
  margin-right: 5px;
  background: url(/images/ui_ico.png) no-repeat -232px -87px;
}

.ui-hashtag-textarea {
  cursor: text;
  border: 1px solid #ddd;
}
.ui-hashtag-textarea .textarea-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding: 10px 10px 4px 10px;
}

.textarea-tag .tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 6px;
  margin: 0 2px 6px 0;
  border-radius: 2px;
  background-color: #eee;
  vertical-align: top;
  word-wrap: break-word;
  word-break: break-all;
  line-height: 18px;
  cursor: pointer;
}

.ui-hashtag-textarea .textarea-tag .tag:after {
  content: "+";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #c7c4c4;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  text-align: center;
  border-radius: 100%;
  font-family: arial;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 21px;
  color: #717171;
}
.ui-hashtag-textarea .textarea-tag .tag .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.textarea-tag .tag .text:before {
  /* content:'#'; */
}

.ui-hashtag-textarea .textarea-tag .wrap-tag-input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 2px 6px 0;
  vertical-align: top;
  color: #959595;
}
.ui-hashtag-textarea .textarea-tag .wrap-tag-input:before {
  content: "#";
}
.ui-hashtag-textarea .textarea-tag .wrap-tag-input .ti {
  display: inline-block;
  position: relative;
  overflow-y: hidden;
  width: 140px;
  height: 30px;
  padding-bottom: 2px;
  margin-left: 0px;
  border: none;
  outline: 0;
  font: inherit;
  color: #000;
  line-height: 16px;
}

.download-red01 {
  display: inline-block;
  width: 21px;
  height: 17px;
  background: url("/images/ui_ico.png") no-repeat -230px -140px;
}
.download-red01.off {
  cursor: default;
  background-position: -230px -161px;
}

.location_fi_wd {
  width: 100%;
  height: 420px;
}
.location_fi_wd.train {
  left: 227px;
}
.location_fi_wd .wr {
  height: 100%;
}
.location_fi_wd.on {
  display: block;
}
.location_fi_wd .ltfi_con {
  position: relative;
  height: 298px;
  padding-bottom: 20px;
  background: #fff;
}

/*.ltfi_con:before,
.ltfi_con:after{
	content:'';
	position:absolute;
	left: 39px;
	width: 358px;
	height:1px;
	background:#ddd;
	z-index:1;
}*/
.ltfi_con:before {
  top: 0;
}
.ltfi_con:after {
  bottom: 20px;
}

.location_fi_wd .a_area {
  height: 62px;
  padding: 23px 40px 15px;
  background: #fff;
  font-size: 0;
}
.location_fi_wd .a_area a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin-right: 10px;
  font-size: 18px;
  color: #999999;
  line-height: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.location_fi_wd .a_area a.on {
  color: #222222;
  font-weight: bold;
}
.location_fi_wd .a_area a:after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  margin: 1px 0 0 5px;
  background: url(../images/addr_chr.png) no-repeat 0 0;
}
.location_fi_wd .go_mapview {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 60px;
  background: var(--color-bdsplanet);
}
.location_fi_wd .go_mapview.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.location_fi_wd .go_mapview .txt {
  position: relative;
  display: inline-block;
  padding-left: 21px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.location_fi_wd .go_mapview .txt:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -7px;
  width: 11px;
  height: 14px;
  background: url("/images/ui_ico_map.png") no-repeat -11px -360px;
}

/* .location_fi_wd .a_area a:first-child{
	padding-left:0;
	margin-left:0;
}
.location_fi_wd .a_area a:first-child:before{
	content:normal;
}
 */
.addr_ul {
  position: relative;
  font-size: 0;
  height: 100%;
  padding: 0 40px;
  overflow: hidden;
}
.addr_ul .iScrollVerticalScrollbar {
  right: 11px;
}
.addr_ul ul.bt_list {
  position: relative;
}
.addr_ul .bt_list li {
  display: inline-block;
  vertical-align: middle;
  width: 33%;
  height: 40px;
  margin: -1px 0 0 -1px;
}
.addr_ul .bt_list li:nth-child(-n+3) {
  margin-top: 0;
}
.addr_ul .bt_list li:nth-child(3n) {
  width: 34%;
}
.addr_ul .bt_list li label,
.addr_ul .bt_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-bottom: 1px;
  border: 1px solid #dddddd;
  font-size: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px;
  line-height: 16px;
  cursor: pointer;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  color: #666666;
}
.addr_ul .bt_list li input[type=radio]:checked + label,
.addr_ul .bt_list li a.check {
  position: relative;
  background: #e7f5fd;
  border: 1px solid #c8d6df;
  z-index: 1;
}
.addr_ul .build_list li {
  border-top: 1px solid #ddd;
}
.addr_ul .build_list li:last-child {
  border-bottom: 1px solid #ddd;
}
.addr_ul .build_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 65px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
}
.addr_ul .build_list li a:hover, .addr_ul .build_list li a:focus {
  background: #fafafa;
}
.addr_ul .build_list .build {
  display: block;
}
.addr_ul .build_list .readme {
  margin-top: 1px;
}
.addr_ul .build_list .readme .type,
.addr_ul .build_list .readme .mae {
  display: inline-block;
  vertical-align: middle;
}
.addr_ul .build_list .readme .type {
  position: relative;
  padding-right: 13px;
  margin-right: 12px;
}
.addr_ul .build_list .readme .type:after {
  content: "";
  width: 1px;
  height: 13px;
  position: absolute;
  right: 0px;
  top: 5px;
  background: #cccccc;
}
.addr_ul .build_list .readme .mae span {
  color: #666666;
  font-family: var(--font-number-bold), var(--font-text-regular), sans-serif;
}
.addr_ul .build_list .readme .mae span:before {
  content: "ㆍ";
}
.addr_ul .build_list .readme .mae span:first-child:before {
  content: normal;
}
.addr_ul .build_list .readme .mae span em {
  margin-left: 3px;
}
.addr_ul .build_list li.sky .readme .type,
.addr_ul .build_list li.sky .readme .mae span em {
  color: var(--color-bdsplanet);
}
.addr_ul .build_list li.purple .readme .type,
.addr_ul .build_list li.purple .readme .mae span em {
  color: #6574e4;
}

.bunji-input-wrap {
  margin: 20px 0 0;
  /*    padding:20px 0 0;
  border-top:1px solid #f3f3f3;*/
}
.bunji-input-wrap .readme {
  display: block;
  margin: 0 0 10px;
  color: #7790ad;
  font-size: 13px;
}
.bunji-input-wrap .inputwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0 20px;
  border: 1px solid #eeeeee;
}
.bunji-input-wrap .inputwrap .inputarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bunji-input-wrap .inputarea .radiowrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bunji-input-wrap .inputarea .radiowrap > div {
  margin-left: 12px;
}
.bunji-input-wrap .inputarea .radiowrap > div:first-child {
  margin: 0;
}
.bunji-input-wrap .inputarea .ji-in {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 105px;
  height: 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bunji-input-wrap .inputarea .ji-in .dash {
  margin: 0 3px;
}
.bunji-input-wrap .inputarea .ji-in .d_input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.bunji-input-wrap .bs {
  width: 80px;
  height: 35px;
  margin-left: 15px;
  background: var(--color-bdsplanet);
  color: #fff;
  text-align: center;
  line-height: 1;
}
.bunji-input-wrap .result {
  /*    display:flex;
  align-items: center;
  height:50px;
  padding:0 20px;
  margin-top:10px;
  background:#1884d6;*/
  margin: 10px 0 0;
}
.bunji-input-wrap .result a {
  display: block;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  line-height: 20px;
  padding: 10px 20px;
  background: #fafafa;
}
.bunji-input-wrap .result .none {
  display: block;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  line-height: 20px;
  padding: 10px 20px;
  background: #fafafa;
  display: none;
  color: #999;
  border-bottom: 1px solid #eee;
}
.bunji-input-wrap .result.off .none {
  display: block;
}
.bunji-input-wrap .result.off ul {
  display: none;
}
.bunji-input-wrap .result li:last-child a {
  border-bottom: 1px solid #eee;
}

/*.bunji-input-wrap .result dl{
	display:flex;
}
.bunji-input-wrap .result dt{
	display:flex;
	align-items: center;
	justify-content: center;
	width:65px;
	height:18px;
	border:1px solid #73aae1;
	border-radius:9px;
	color:#fff;
	font-size:12px;

}
.bunji-input-wrap .result dd{
	flex:1;
	padding:0 0 0 8px;
	color:#fff;
	font-size:14px;
	line-height:18px;
}
.bunji-input-wrap .result dd span{
	display:none;
}
.bunji-input-wrap .result dd a{
	color:#fff;
	text-decoration: underline;
	letter-spacing: -1px;
	word-spacing: -0.5px;
}
.bunji-input-wrap .result.off{
	background:#fafafa;

}
.bunji-input-wrap .result.off dt{
	color:#7790ad;
	border-color:#e5e5e5;
}
.bunji-input-wrap .result.off dd{
	color:#999;
}
.bunji-input-wrap .result.off dd span{
	display:block;
}
.bunji-input-wrap .result.off dd a{
	display:none;
}*/
.gr-readme-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 60px;
  background: #fafafa;
}
.gr-readme-box .txt {
  color: #999999;
  font-size: 13px;
}

.fd-def-list li {
  position: relative;
  padding-left: 5px;
}
.fd-def-list li:before {
  content: "-";
  position: absolute;
  left: 0px;
  top: -1px;
}

.fs-mmrd-inp textarea {
  resize: none;
}

.ui-rank-build .urb-ul li:nth-child(1):before {
  content: "1";
}
.ui-rank-build .urb-ul li:nth-child(2):before {
  content: "2";
}
.ui-rank-build .urb-ul li:nth-child(3):before {
  content: "3";
}

.fs-rank-wrap .locw-search {
  position: relative;
  margin-bottom: 10px;
}
.fs-rank-wrap .locw-search .location_widget {
  position: absolute;
  width: 100%;
  background: #fff;
  z-index: 2;
}
.fs-rank-wrap .locw-search .location_widget ul {
  overflow-y: auto;
  max-height: 200px;
}
.fs-rank-wrap .locw-search .d_input:before {
  content: "";
  display: block;
  position: absolute;
  top: 14px;
  left: 12px;
  width: 18px;
  height: 18px;
  background: url("/images/ui_ico.png") no-repeat -150px -36px;
}
.fs-rank-wrap .locw-search .d_input input {
  padding-left: 38px;
}
.fs-rank-wrap .urb-ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 13px 10px;
  line-height: 20px;
  background: #fafafa;
  border-bottom: 1px solid #eeeeee;
}
.fs-rank-wrap .urb-ul li:last-child {
  border: none;
}
.fs-rank-wrap .urb-ul li:before {
  margin: 1px 10px 0 0;
  color: var(--color-bdsplanet);
  font-size: 14px;
}
.fs-rank-wrap .urb-ul .wl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.fs-rank-wrap .txw {
  width: 100%;
  /* flex: 1; */
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1px;
}
.fs-rank-wrap .txw .txt {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.fs-rank-wrap .txw .del {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("/images/red_close.png") no-repeat 0 0;
  margin-left: 8px;
}
.fs-rank-wrap .util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 58px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fs-rank-wrap .util a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: 21px;
  height: 21px;
  border-radius: 100%;
  background: #eeeeee;
  margin-left: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fs-rank-wrap .util a:first-child {
  margin-left: 0;
}
.fs-rank-wrap .util a:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  margin-top: 3px;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.fs-rank-wrap .util a.down:before {
  border-top: 0;
  border-bottom: 1px solid #777;
  margin-top: -3px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.fs-rank-wrap .wl.none .txw .del,
.fs-rank-wrap .wl.none .util {
  display: none;
}

/*.fs-rank-wrap li:first-child .util .up{
	display:none;
}
.fs-rank-wrap li:last-child .util .down{
	display:none;
}*/
.ppcd-con .info {
  margin-top: -3px;
  padding: 0 0 20px;
  border-bottom: 1px solid #eeeeee;
  text-align: center;
}
.ppcd-con .info .txt {
  display: block;
  color: #000000;
  font-size: 16px;
  line-height: 22px;
}
.ppcd-con .info .tet {
  display: block;
  margin: 6px 0 0;
  color: #666;
  font-size: 14px;
}

.ppcd-detail .type {
  width: 310px;
  height: 67px;
  margin: 0 auto;
}
.ppcd-detail .txtarea {
  padding: 20px 0 3px;
  text-align: center;
  line-height: 20px;
}
.ppcd-detail .txtarea .txt {
  display: none;
}
.ppcd-detail .cl-purp {
  color: #6574e4;
}
.ppcd-detail .cl-red {
  color: var(--color-def-red);
}

.ppcd-con .info + .ppcd-detail {
  margin: 25px 0 0;
}

.ppcd-detail {
  margin: 0 0 23px;
}
.ppcd-detail .j-detail {
  display: none;
  margin-top: 16px;
  padding: 20px;
  background: #fafafa;
}
.ppcd-detail .j-detail .name {
  display: block;
  color: #222;
  font-size: 18px;
  font-weight: bold;
}
.ppcd-detail .j-detail .number {
  display: block;
  margin: 11px 0 0;
  color: var(--color-bdsplanet);
  font-weight: bold;
  font-size: 22px;
}
.ppcd-detail .j-detail .jinfo {
  padding: 0 0 20px;
  border-bottom: 1px solid #eeeeee;
  margin: 0 0 20px;
  text-align: center;
}
.ppcd-detail .j-detail .sang dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
}
.ppcd-detail .j-detail .sang dt {
  color: #666;
}
.ppcd-detail .j-detail .sang dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.ppcd-detail .btn-ppcd {
  width: 135px;
  height: 40px;
  margin: 0 auto;
  background: #6574e4;
  border-radius: 3px;
}
.ppcd-detail .btn-ppcd span {
  color: white;
}
.ppcd-detail .ty-readme {
  margin: 22px 0 0;
  text-align: center;
}
.ppcd-detail .ty-readme .txt {
  line-height: 21px;
}
.ppcd-detail .ty-readme .txt strong {
  font-weight: bold;
}
.ppcd-detail .ty-readme .txt + .txt {
  margin-top: 10px;
}
.ppcd-detail .ty-readme .txt + .btn-ppcd {
  margin-top: 18px;
}
.ppcd-detail .ty-readme .cl-red {
  color: var(--color-def-red);
}
.ppcd-detail .ty-readme .cl-purple {
  color: #6574e4;
}
.ppcd-detail .mm-btn-area {
  display: none;
  margin-top: 20px;
}
.ppcd-detail .mm-go {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 45px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background: var(--color-bdsplanet);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ppcd-detail.cc01 .type {
  background: url("/images/ppcd01.jpg") no-repeat 0 0;
}
.ppcd-detail.cc01 .txt01 {
  display: block;
}
.ppcd-detail.cc02 .type {
  background: url("/images/ppcd02.jpg") no-repeat 0 0;
}
.ppcd-detail.cc02 .txt02 {
  display: block;
}
.ppcd-detail.cc03 .type {
  background: url("/images/ppcd03.jpg") no-repeat 0 0;
}
.ppcd-detail.cc03 .txt03,
.ppcd-detail.cc03 .j-detail {
  display: block;
}
.ppcd-detail.cc03 .mm-btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ppcd-detail.cc04 .type {
  background: url("/images/ppcd04.jpg") no-repeat 0 0;
}
.ppcd-detail.cc04 .txt04 {
  display: block;
}
.ppcd-detail.ncc01 .type {
  background: url("../images/ppcd01.jpg") no-repeat center;
  background-size: 100%;
}
.ppcd-detail.ncc01 .txt01 {
  display: block;
}
.ppcd-detail.ncc02 .type {
  background: url("../images/n_ppcd02.png") no-repeat center;
  background-size: 100%;
}
.ppcd-detail.ncc02 .txt02 {
  display: block;
}
.ppcd-detail.ncc03 .type {
  background: url("../images/n_ppcd03.png") no-repeat center;
  background-size: 100%;
}
.ppcd-detail.ncc03 .txt03,
.ppcd-detail.ncc03 .j-detail {
  display: block;
}
.ppcd-detail.ncc03 .mm-btn-area {
  display: flex;
}
.ppcd-detail.ncc04 .type {
  background: url("../images/n_ppcd04.png") no-repeat center;
  background-size: 100%;
}
.ppcd-detail.ncc04 .txt04 {
  display: block;
}
.ppcd-detail.ncc05 .type {
  width: 50px;
  height: 67px;
  background: url("../images/n_ppcd_col.png") no-repeat -8px -8px;
  background-size: 400px;
}
.ppcd-detail.ncc06 .type {
  width: 159px;
  height: 87px;
  background: url("../images/n_ppcd_col.png") no-repeat -8px -80px;
  background-size: 400px;
}

.ppcd-mediate .box {
  background: #fff;
  border-radius: 5px;
}
.ppcd-mediate .boxw li {
  padding: 0 4px;
}
.ppcd-mediate .agent {
  padding: 15px 20px;
}
.ppcd-mediate .agent .cp,
.ppcd-mediate .agent .number {
  font-weight: bold;
}
.ppcd-mediate .agent .cp {
  color: #222;
  line-height: 21px;
}
.ppcd-mediate .agent .number {
  margin: 2px 0 0;
  color: #1f75ea;
}
.ppcd-mediate .agent-detail {
  position: relative;
  height: 171px;
  padding: 0 20px 15px;
}
.ppcd-mediate .agent-detail .ad {
  padding: 15px 0 0;
  border-top: 1px solid #eeeeee;
}
.ppcd-mediate .agent-detail dl {
  display: flex;
  font-size: 0;
  line-height: 20px;
  margin-top: 3px;
}
.ppcd-mediate .agent-detail dl:first-child {
  margin-top: 0px;
}
.ppcd-mediate .agent-detail dt,
.ppcd-mediate .agent-detail dd {
  display: inline-block;
  font-size: 14px;
}
.ppcd-mediate .agent-detail dt {
  color: #666666;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ppcd-mediate .agent-detail dt:after {
  content: ":";
  margin: 0 5px;
}
.ppcd-mediate .agent-detail .btnarea {
  display: flex;
  position: absolute;
  left: 20px;
  bottom: 15px;
  width: calc(100% - 40px);
}
.ppcd-mediate .agent-detail .btnarea a {
  flex: 1;
  width: 100%;
  height: 40px;
  margin-left: 5px;
  border-radius: 20px;
  font-weight: bold;
}
.ppcd-mediate .agent-detail .btnarea a:first-child {
  margin-top: 0;
}
.ppcd-mediate .agent-detail .btn-pd {
  background: #0481e2;
}
.ppcd-mediate .agent-detail .btn-pd span {
  color: #fff;
}
.ppcd-mediate .agent-detail .btn-download {
  border: 1px solid #81c0f0;
}
.ppcd-mediate .agent-detail .btn-download span {
  position: relative;
  padding-right: 24px;
  color: #0481e2;
}
.ppcd-mediate .agent-detail .btn-download span:after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-image: var(--bg-i-common);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -280px -84px;
}
.ppcd-mediate .agent-detail .btn-download.noico span {
  padding: 0;
}
.ppcd-mediate .agent-detail .btn-download.noico span:after {
  content: normal;
}
.ppcd-mediate .agent-detail .btn-none {
  border: none !important;
  background: #f5f5f5 !important;
}
.ppcd-mediate .agent-detail .btn-none span {
  color: #cccccc !important;
}
.ppcd-mediate.slide {
  position: relative;
  margin: 0 -20px;
}
.ppcd-mediate.slide .boxw li {
  margin: 0 -25px;
}
.ppcd-mediate.slide .box {
  margin: 0px 0 0 52px;
}
.ppcd-mediate.slide .btn {
  display: block;
}
.ppcd-mediate.slide .yt-pager {
  margin: 10px 0 0;
  line-height: 1;
}
.ppcd-mediate.slide .yt-pager .bx-default-pager {
  display: flex;
  justify-content: center;
}
.ppcd-mediate.slide .yt-pager .bx-pager-item {
  height: 6px;
  margin-left: 8px;
}
.ppcd-mediate.slide .yt-pager .bx-pager-item:first-child {
  margin-left: 0;
}
.ppcd-mediate.slide .yt-pager a {
  display: block;
  width: 6px;
  height: 100%;
  font-size: 0;
  background: #c1c6cf;
  border-radius: 3px;
}
.ppcd-mediate.slide .yt-pager a.active {
  width: 30px;
  background: #4f5f72;
}
.ppcd-mediate.slide .left,
.ppcd-mediate.slide .right {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -23px;
  width: 38px;
  height: 38px;
}
.ppcd-mediate.slide .left {
  left: 8px;
}
.ppcd-mediate.slide .right {
  right: 8px;
}
.ppcd-mediate.slide .bx-prev,
.ppcd-mediate.slide .bx-next {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  background-image: var(--bg-i-common);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -420px 0px;
}
.ppcd-mediate.slide .bx-prev.disabled,
.ppcd-mediate.slide .bx-next.disabled {
  display: none;
}
.ppcd-mediate.slide .bx-next {
  background-position: -462px 0;
}

.ppcd-mediate + .fs-cn-fsw {
  margin: 20px 0 0;
}

.ppcd-detail.ncc06 + .ppcd-mediate .agent-detail .btn-pd {
  background: var(--color-bdsplanet02);
}

.noh-txtarea {
  text-align: center;
}
.noh-txtarea .txt01 {
  display: block;
  color: #222222;
  font-size: 20px;
}
.noh-txtarea p {
  color: var(--color-def-red);
  font-size: 14px;
  line-height: 20px;
}
.noh-txtarea .txt01 + p {
  margin: 5px 0 0;
}

.p-pai-con .noh-txtarea {
  margin: 0 0 15px;
}
.p-pai-con .d_input input {
  height: 45px;
}
.p-pai-con .pc-btn-area {
  height: 45px;
  margin: 20px 0 0;
}
.p-pai-con .pc-btn-area a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  height: 100%;
  font-size: 16px;
}
.p-pai-con .pc-btn-area a.blue {
  color: #ffffff;
  background: var(--color-bdsplanet);
}

.pop-wrap-btnarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
}
.pop-wrap-btnarea a {
  width: 100%;
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.pop-wrap-btnarea a.gray {
  background: #f5f5f5;
  color: #999;
}

.addr_search_result .result a {
  display: block;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  line-height: 20px;
  padding: 10px 20px;
  background: #fafafa;
}
.addr_search_result .result .none {
  display: block;
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  line-height: 20px;
  padding: 10px 20px;
  background: #fafafa;
  display: none;
  color: #999;
  border-bottom: 1px solid #eee;
}
.addr_search_result .result.off .none {
  display: block;
}
.addr_search_result .result.off ul {
  display: none;
}
.addr_search_result .result li:last-child a {
  border-bottom: 1px solid #eee;
}
.addr_search_result .result .txt {
  font-size: 14px;
  color: #6a8395;
  margin-bottom: 9px;
  display: block;
}

.dot-location {
  position: absolute;
  display: block;
  z-index: 99999;
  text-align: center;
  line-height: 0;
  width: 16px;
  height: 16px;
}
.dot-location .won {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-def-red);
  border: 2px solid #fff;
  border-radius: 100%;
  position: relative;
  -webkit-box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
.dot-location .effect {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: var(--color-def-red);
  opacity: 0.4;
  -webkit-transform: scale(2);
  transform: scale(2);
  border-radius: 100%;
  -webkit-animation-name: doteffect;
  animation-name: doteffect;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes doteffect {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
  }
}
@keyframes doteffect {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(2.2);
    transform: scale(2.2);
  }
}
.password-view {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 36px;
}
.password-view:before {
  content: "";
  display: block;
  background: url(../images/ui_common.png) no-repeat 0 0;
  background-size: 500px;
}
.password-view.off:before {
  width: 18px;
  height: 18px;
  background-position: -172px -372px;
}
.password-view.on:before {
  width: 18px;
  height: 18px;
  background-position: -172px -352px;
}

/* 지도 통합 */
.down-map-util {
  top: auto !important;
  bottom: 25px;
  right: 20px;
}

.map_utils {
  position: absolute;
  top: 70px;
  right: 20px;
  z-index: 10000;
}
.map_utils.etc {
  position: absolute;
  top: inherit;
  bottom: 20px;
}
.map_utils.bottom {
  top: auto !important;
  bottom: 25px !important;
}
.map_utils .btarea {
  margin-top: 10px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
}
.map_utils .btarea.color-red {
  position: relative;
  background: var(--color-def-red);
}
.map_utils .btarea.color-red:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #d92435;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-box-sizing: border-box;
}
.map_utils .btarea.color-red .bta a.bt span {
  color: #fff;
}
.map_utils .btarea:first-child {
  margin-top: 0;
}
.map_utils .btarea .bta {
  position: relative;
}
.map_utils .btarea .bta .con-readme-malpu {
  top: 0px;
  right: 50px;
}
.map_utils .btarea .bta .wbt {
  position: relative;
}
.map_utils .btarea .bta:first-child {
  margin: 0;
}
.map_utils .btarea .bta .txt_info {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 43px;
  top: 0px;
  height: 34px;
  padding: 7px 10px 0;
}
.map_utils .btarea .bta .txt_info:before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.map_utils .btarea .bta .txt_info em {
  position: relative;
  z-index: 1;
  color: #4f5f72;
  font-size: 13px;
  font-weight: bold;
}
.map_utils .btarea .bta a.bt {
  display: flex;
  position: relative;
  width: 40px;
  height: 40px;
  border-bottom: 1px solid #eeeeee;
  justify-content: center;
  align-items: center;
  line-height: 1;
  transition: 0.2s ease-out;
}
.map_utils .btarea .bta:last-child a.bt {
  border-bottom: 0;
}
.map_utils .btarea .bta a.bt span {
  display: inline-block;
  position: relative;
  z-index: 1;
  color: #222;
  font-size: 13px;
}
.map_utils .btarea .bta a.bt.ubt-ar span {
  width: 18px;
  height: 20px;
  background: url("/images/ui_ico_map.png") no-repeat -8px -448px;
}
.map_utils .btarea .bta a.bt.ubt-zoom-out span {
  width: 14px;
  height: 2px;
  background: url("/images/ui_ico_map.png") no-repeat -12px -311px;
  font-size: 0;
}
.map_utils .btarea .bta a.bt.ubt-zoom-in span {
  width: 14px;
  height: 14px;
  background: url("/images/ui_ico_map.png") no-repeat -12px -270px;
  font-size: 0;
}
.map_utils .btarea .bta a.bt.ubt-my-location span {
  width: 22px;
  height: 22px;
  background: url("/images/ui_ico_map.png") no-repeat -5px -481px;
  font-size: 0;
}
.map_utils .btarea .bta.on a.bt {
  background: #4f5f72;
  border: 1px solid #3e4e61;
  color: #fff;
}
.map_utils .btarea .bta.last-child a.bt {
  border-bottom: 0;
}
.map_utils .btarea .bta a.bt.on span {
  color: #fff;
}
.map_utils .btarea .bta a.bt.on:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 1px);
  background: #4f5f72;
  border: 1px solid #3e4e61;
  border-radius: 3px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-box-sizing: border-box;
}
.map_utils .btarea .bta a.bt.color-blue.on:before {
  background-color: #2280e1;
  border-color: #1370d0;
}
.map_utils .btarea .bta a.bt.color-red.on:before {
  border-color: #ef2f5c;
  background-color: #fd3d6a;
}
.map_utils .btarea .bta a.bt.color-red.on:before span {
  color: #fff;
}
.map_utils .btarea .bta a.bt.color-b-blue.on:before {
  background-color: #1459ac;
  border-color: #084794;
}
.map_utils .btarea .bta a.bt.new:after {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  right: -7px;
  width: 16px;
  height: 16px;
  background: url("/images/btnew.png") no-repeat 0 0;
}

.spc-bt-util {
  display: none;
  position: absolute;
  top: 0px;
  right: 50px;
  background: #fff;
  z-index: 3;
}
.spc-bt-util.bdr {
  background: none;
}
.spc-bt-util.bdr > div {
  border-radius: 3px;
}
.spc-bt-util .spc-wrap {
  padding: 10px;
  border: 1px solid #7790ad;
  -webkit-box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
.spc-bt-util .cur {
  display: block;
  position: absolute;
  right: -8px;
  top: 16px;
}
.spc-bt-util .cur em {
  display: block;
  border-bottom: 6px solid #fff;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: -3px;
}
.spc-bt-util .cur:before, .spc-bt-util .cur:after {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: 9px;
  height: 1px;
  background: #7790ad;
}
.spc-bt-util .cur:before {
  left: 2px;
  top: -3px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}
.spc-bt-util .cur:after {
  left: 2px;
  top: 3px;
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
  -webkit-box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
.spc-bt-util .btset .dg_boxst label {
  width: 70px;
  height: 32px;
  font-size: 13px;
}

.map_utils .btarea .bta a.bt.on + .spc-bt-util {
  display: block;
}
.map_utils .studyinfo.on .study-box,
.map_utils .ubt-edu.on + .study-box {
  display: block !important;
}
.map_utils .studyinfo .study-box {
  display: none;
  top: 0px;
  right: 45px;
}
.map_utils .studyinfo .study-box.left:before {
  top: 16px;
}
.map_utils .studyinfo .t_radio_ul.oneline li {
  margin-top: 7px;
}
.map_utils .studyinfo .ww {
  padding: 5px 15px 10px;
}
.map_utils .studyinfo .dg_checkbox .txt {
  color: #666666;
  font-size: 13px;
}
.map_utils .studyinfo .dg_checkbox .txt:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  border-radius: 100%;
}
.map_utils .studyinfo .dg_checkbox .txt.green:before {
  background: #7bc145;
}
.map_utils .studyinfo .dg_checkbox .txt.yellow:before {
  background: #f6a42b;
}
.map_utils .studyinfo .dg_checkbox .txt.red:before {
  background: #f46043;
}
.map_utils .studyinfo .dg_checkbox .txt.blue:before {
  background: #4d8fe8;
}
.map_utils .studyinfo .dg_checkbox .txt.purple:before {
  background: #7b60df;
}
.map_utils .studyinfo .dg_checkbox .txt.pink:before {
  background: #e854c0;
}
.map_utils .bt-open-gnb em {
  display: none;
  width: 16px;
  height: 2px;
  margin: 4px 0 0;
  background: #4f5f72;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.map_utils .bt-open-gnb em:first-child {
  margin-top: 0;
}
.map_utils .bt-open-gnb.on em {
  background: #fff;
}
.map_utils .bt-open-gnb.on em:first-child {
  /*transform: translate(0px,6px) rotate(45deg);*/
}
.map_utils .bt-open-gnb.on em:nth-child(2) {
  /*opacity:0;*/
}
.map_utils .bt-open-gnb.on em:last-child {
  /*transform: translate(0px,-6px) rotate(-45deg);*/
}
.map_utils .bt-open-gnb span {
  width: 20px;
  height: 20px;
  background: url(/images/ui_ico_map.png) no-repeat -6px -550px;
}
.map_utils .bt-open-gnb.on span {
  background: url(/images/ui_ico_map.png) no-repeat -38px -550px;
}

@-webkit-keyframes bt-open-gnb01 {
  50% {
    -webkit-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }
}
@keyframes bt-open-gnb01 {
  50% {
    -webkit-transform: translate(0, 6px);
    transform: translate(0, 6px);
  }
}
.map-type-tac {
  display: flex;
  line-height: 1;
  position: absolute;
  top: 20px;
  right: 75px;
  z-index: 10000;
}
.map-type-tac .bt {
  position: relative;
  margin-left: 8px;
}
.map-type-tac .bt .box {
  margin: 0 !important;
}
.map-type-tac .box {
  display: block;
  width: 60px;
  height: 40px;
  background: #fff;
  border-radius: 3px;
  margin-left: 8px;
  /* border: 1px solid #eee; */
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.6);
  transition: 0.15s ease-out;
}
.map-type-tac .box.new:before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  right: -3px;
  width: 16px;
  height: 16px;
  background: url(/images/btnew.png) no-repeat 0 0;
}
.map-type-tac .box:active {
  transform: scale(0.9);
}
.map-type-tac .ic span {
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: bold;
  color: #535353;
}
.map-type-tac .box.on {
  background: #4f5f72;
}
.map-type-tac .box.on span {
  /* color:#1876d6; */
  color: #fff;
}
.map-type-tac .img {
  height: 23px;
}
.map-type-tac .img01 {
  background: url("/images/maptac02.jpg") no-repeat;
  background-size: 100%;
}
.map-type-tac .img02 {
  background: url("/images/maptac01.jpg") no-repeat;
  background-size: 100%;
}
.map-type-tac .img03 {
  background: url("/images/maptac03.jpg") no-repeat;
  background-size: 100%;
}
.map-type-tac .img04 {
  background: url("/images/maptac04.jpg") no-repeat;
  background-size: 100%;
}
.map-type-tac .img-oldtype {
  background-image: url("/images/maptac_oldtype.jpg");
  background-size: 100%;
}

/* .map-type-tac .box a{display:block;height:100%;} */
/* .map-type-tac .box.on:before{
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 1px solid #007eff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	-o-box-sizing: border-box;
} */
.devmap-filter {
  display: none;
  position: absolute;
  top: 46px;
  left: 50%;
  margin-left: -102px;
  width: 205px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  line-height: 1;
}

.map-type-tac .box.on + .devmap-filter {
  display: block;
}

.devmap-filter .titlearea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px;
  padding: 0 0 0 20px;
  border-bottom: 1px solid #eeeeee;
}
.devmap-filter .titlearea .tit {
  color: #666;
  font-size: 14px;
}
.devmap-filter .tac {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 20px 27px;
}
.devmap-filter .ttw {
  display: block;
  position: relative;
  margin: 15px 30px 0 0;
  padding-bottom: 22px;
  cursor: pointer;
}
.devmap-filter .ttw:nth-child(-n+3) {
  margin-top: 0;
}
.devmap-filter .ttw:nth-child(3n) {
  margin-right: 0;
}
.devmap-filter .ttw .won {
  position: relative;
  width: 30px;
  height: 30px;
  -webkit-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
}
.devmap-filter .ttw .won:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: url("/images/devwon.png") no-repeat;
  border-radius: 100%;
}
.devmap-filter .ttw01 .won:before {
  background-position: -8px -8px;
}
.devmap-filter .ttw02 .won:before {
  background-position: -68px -8px;
}
.devmap-filter .ttw03 .won:before {
  background-position: -128px -8px;
}
.devmap-filter .ttw04 .won:before {
  background-position: -8px -75px;
}
.devmap-filter .ttw05 .won:before {
  width: 31px;
  height: 31px;
  top: -1px;
  left: -1px;
  background-position: -68px -74px;
}
.devmap-filter .ttw06 .won:before {
  background-position: -128px -75px;
}
.devmap-filter .ttw01 input[type=checkbox]:checked + .won:before,
.devmap-filter .ttw02 input[type=checkbox]:checked + .won:before,
.devmap-filter .ttw03 input[type=checkbox]:checked + .won:before {
  background-position-y: -138px;
}
.devmap-filter .ttw04 input[type=checkbox]:checked + .won:before,
.devmap-filter .ttw06 input[type=checkbox]:checked + .won:before {
  background-position-y: -205px;
}
.devmap-filter .ttw05 input[type=checkbox]:checked + .won:before {
  background-position-y: -204px;
}
.devmap-filter .ttw:active .won {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.devmap-filter .ttw .ss {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #222;
  font-size: 13px;
}
.devmap-filter .ttw input {
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
}

.thdanna {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.thdanna .dan {
  color: #999999;
  font-size: 13px;
}

.bottom-mapinfo {
  display: inline-flex;
  position: absolute;
  bottom: 25px;
  left: 50%;
  z-index: 10000;
  -webkit-backface-visibility: hidden;
  line-height: 1;
  transform: translate(-50%, 0);
  transition: 0.3s ease-out;
}
.bottom-mapinfo.hide {
  transform: translate(-50%, 200%);
}

.macount {
  display: flex;
  height: 40px;
  padding: 5px 15px 5px 5px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  transition: 0.2s ease-out;
}
.macount .thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 5px;
  background: #eee;
}
.macount .thumb img {
  width: 100%;
}
.macount.lc .thumb {
  background: url("/images/macount.png") no-repeat 0 0;
  background-size: 100%;
}
.macount .thumb {
  background: #4593ff;
}
.macount .thumb[data-img=sang0] {
  background: url("/images/etc/sang0.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=sang1] {
  background: url("/images/etc/sang1.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=sang2] {
  background: url("/images/etc/sang2.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=sang3] {
  background: url("/images/etc/sang3.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=sang4] {
  background: url("/images/etc/sang4.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=sang5] {
  background: url("/images/etc/sang5.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=sang6] {
  background: url("/images/etc/sang6.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=sang7] {
  background: url("/images/etc/sang7.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=sang8] {
  background: url("/images/etc/sang8.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=sang9] {
  background: url("/images/etc/sang9.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=ju0] {
  background: url("/images/etc/ju0.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=ju1] {
  background: url("/images/etc/ju1.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=ju2] {
  background: url("/images/etc/ju2.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=ju3] {
  background: url("/images/etc/ju3.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=ju4] {
  background: url("/images/etc/ju4.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=ju5] {
  background: url("/images/etc/ju5.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=ju6] {
  background: url("/images/etc/ju6.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=ju7] {
  background: url("/images/etc/ju7.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=ju8] {
  background: url("/images/etc/ju8.jpg") no-repeat 0 0;
}
.macount .thumb[data-img=ju9] {
  background: url("/images/etc/ju9.jpg") no-repeat 0 0;
}
.macount .thumb[data-img] {
  background-size: 100%;
}
.macount .thumb[data-img]:before {
  content: normal;
}
.macount .thumb.none {
  background: #4593ff !important;
}
.macount .thumb.none:before {
  content: "";
  width: 17px;
  height: 12px;
  background: url("../images/etc/jusang.png") no-repeat 0 0;
  background-size: 100%;
}
.macount .in {
  display: flex;
  align-items: center;
}
.macount .in .loc {
  color: #000;
  font-size: 14px;
  font-weight: 700;
}
.macount .in .if {
  margin-left: 3px;
  color: #3e6cd7;
  font-size: 14px;
  font-weight: 700;
}
.macount.lc .in .if {
  color: #1876d6;
}
.macount .ico-go {
  display: inline-flex;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  margin-left: 4px;
}
.macount .ico-go:before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  border-right: 1px solid #8c8c8c;
  border-bottom: 1px solid #8c8c8c;
  transform: rotate(-45deg);
}
.macount .inw {
  display: flex;
  align-items: center;
}
.macount .sub {
  display: none;
  padding: 0 5px 0 15px;
}
.macount .sub .in + .in {
  margin-left: 10px;
}
.macount .in.living .loc,
.macount .in.living .if {
  color: #8563e9;
}
.macount .in.living .ico-go {
  background: #f5f1ff;
}
.macount .in.living .ico-go:before {
  border-color: #8563e9;
}
.macount .in.commercial .loc,
.macount .in.commercial .if {
  color: #3e6cd7;
}
.macount .in.commercial .ico-go {
  background: #e9f2ff;
}
.macount .in.commercial .ico-go:before {
  border-color: #3e6cd7;
}
.macount.realprice:hover .main {
  display: none;
}
.macount.realprice:hover .sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.red-banner-bt-area {
  margin-left: 10px;
}
.red-banner-bt-area .bt-switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding: 0 15px;
  background: var(--color-def-red);
  border-radius: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}
.red-banner-bt-area .bt-switch span {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.red-banner-bt-area .banner {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 0;
  overflow: hidden;
}
.red-banner-bt-area .banner a {
  display: block;
}
.red-banner-bt-area .banner a img {
  display: none;
  width: 150px;
  height: 120px;
}
.red-banner-bt-area .bt-switch.on + .banner {
  -webkit-box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
}
.red-banner-bt-area .bt-switch.on + .banner a img {
  display: block;
}

.trainloc-header {
  padding: 37px 40px 30px 40px;
  background: #f5f5f7;
  line-height: 1;
}
.trainloc-header .title {
  color: #222;
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
}
.trainloc-header .tab {
  display: flex;
  margin-top: 15px;
}
.trainloc-header .tab a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 50%;
  height: 42px;
  color: #666666;
  font-size: 14px;
}
.trainloc-header .tab a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 1px;
  background: #dddddd;
}
.trainloc-header .tab a.on {
  color: var(--color-bdsplanet);
}
.trainloc-header .tab a.on:after {
  height: 2px;
  background: var(--color-bdsplanet);
}

.map_location_view {
  display: inline-flex;
  position: absolute;
  z-index: 10000;
  top: 80px;
  left: 50%;
  height: 40px;
  padding: 0 8px 0 15px;
  /* margin-left: -245px; */
  transform: translateX(-50%);
  border: 1px solid #4f5f72;
  border-radius: 20px;
  background: #ffffff;
  transition: all 0.3s ease-out;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
  line-height: 1;
}
.map_location_view .txt,
.map_location_view .full {
  font-size: 15px;
  color: #4f5f72;
  font-weight: 700;
}
.map_location_view .full {
  display: none;
}
.map_location_view em {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 43px;
  height: 24px;
  margin: 0px 0 0 6px;
  border: 1px solid #eee;
  border-radius: 12px;
  color: #4f5f72;
  font-size: 12px;
}
.map_location_view em:before {
  content: "";
  width: 7px;
  height: 11px;
  margin-right: 1px;
  background-image: var(--bg-i-common);
  background-position: -372px -118px;
}

/* .map_location_view:before{
	content:'';
	display:block;
	width:18px;
	height:18px;
	margin-right:10px;
	background:url("/images/map_location_logo.png") no-repeat
} */
.ui-placeholder {
  position: relative;
  height: 100%;
}
.ui-placeholder input {
  position: relative;
  z-index: 1;
  background: none;
}
.ui-placeholder input::-webkit-input-placeholder, .ui-placeholder input:-ms-input-placeholder, .ui-placeholder input::-ms-input-placeholder, .ui-placeholder input::placeholder {
  font-size: 0;
}
.ui-placeholder + .password-view {
  z-index: 1;
}

.ui-placeholder-txt {
  position: absolute;
  left: 5px;
  top: calc(50% - 7px);
  display: block;
  padding: 0 5px;
  font-size: 14px;
  color: #999999;
  letter-spacing: -0.4px;
  font-weight: 400;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}

.ui-placeholder input:focus + .ui-placeholder-txt {
  top: -5px;
  z-index: 2;
  color: #1877f2;
  background: #fff;
  padding: 0 5px;
  font-size: 12px;
}
.ui-placeholder input.ing + .ui-placeholder-txt {
  top: -5px;
  z-index: 2;
  color: #1877f2;
  background: #fff;
  padding: 0 5px;
  font-size: 12px;
  color: #999;
}

.div-tbl-detail {
  line-height: 1;
  border-bottom: 1px solid #e5e5e5;
}
.div-tbl-detail .dt-title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 26px 30px;
  border-top: 2px solid #222222;
  border-bottom: 1px solid #e5e5e5;
  background: #fafafa;
}
.div-tbl-detail .dt-title-area .tt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 50px;
}
.div-tbl-detail .dt-title-area .cate {
  font-size: 20px;
  margin-right: 10px;
  color: var(--color-bdsplanet);
  font-weight: bold;
}
.div-tbl-detail .dt-title-area .title {
  color: #222;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
}
.div-tbl-detail .dt-title-area .etc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 7px;
}
.div-tbl-detail .dt-title-area .etc span {
  display: inline-block;
  color: #222;
}
.div-tbl-detail .dt-title-area .so {
  position: relative;
  padding-right: 11px;
  margin-right: 10px;
}
.div-tbl-detail .dt-title-area .so:after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 1px;
  width: 1px;
  height: 13px;
  background: #e5e5e5;
}
.div-tbl-detail .dt-title-area .sharebtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 7px;
  width: 40px;
  height: 40px;
  margin: -13px 0 0 30px;
  border: 1px solid #ddd;
  border-radius: 100%;
}
.div-tbl-detail .dt-title-area .sharebtn:before {
  content: "";
  display: block;
  width: 16px;
  height: 20px;
  background-image: var(--bg-i-common);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -350px -236px;
}

.rp-file {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 36px;
  padding: 0 36px 0 15px;
  background: #eff5fd;
  border-bottom: 2px solid #e8f1fc;
  border-radius: 3px;
  line-height: 1;
}
.rp-file:after {
  content: "";
  display: block;
  position: absolute;
  top: 11px;
  right: 15px;
  width: 14px;
  height: 14px;
  background: url("/images/ui_ico.png") no-repeat -280px -84px;
}
.rp-file div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  color: #0481e2;
  font-size: 13px;
  line-height: 17px;
}
.rp-file div span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rp-file-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px;
}
.rp-file-area ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.rp-file-area .rp-file {
  margin: 4px 4px 0 0;
  width: 300px;
}
.rp-file-area .rp-file:nth-child(3n) {
  margin-right: 0px;
}
.rp-file-area .rp-file:nth-child(-n+3) {
  margin-top: 0;
}

.div-tbl-detail .dt-content {
  padding: 28px 30px;
  line-height: 1.65;
}
.div-tbl-detail .dt-content * {
  font-family: var(--font-default) !important;
}
.div-tbl-detail .dt-content strong {
  font-weight: bold;
}

.rp-file-area + .dt-content {
  padding-top: 0;
}

.div-tbl-detail .dt-hashtag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 30px 30px;
}
.div-tbl-detail .dt-hashtag span {
  display: inline-flex;
  height: 24px;
  padding: 0 10px;
  margin: 2px 2px;
  align-items: center;
  background: #555;
  border-radius: 12px;
  color: #fff;
  font-size: 13px;
  font-weight: 300;
}

.p-pagebtn-area {
  position: relative;
  margin: 40px 0 0;
  line-height: 1;
}
.p-pagebtn-area .area {
  display: flex;
}
.p-pagebtn-area .area.center {
  justify-content: center;
}
.p-pagebtn-area .area.center .btns {
  min-width: 180px;
}
.p-pagebtn-area .area.right {
  position: absolute;
  top: 0px;
  right: 0px;
}
.p-pagebtn-area .btns {
  height: 45px;
}
.p-pagebtn-area .btns.sky {
  background: var(--color-bdsplanet);
}
.p-pagebtn-area .btns.sky span {
  color: #fff;
}
.p-pagebtn-area .btns.trans-black {
  border: 1px solid #909090;
}
.p-pagebtn-area .btns.trans-black span {
  color: #222;
}
.p-pagebtn-area .btns span {
  font-size: 16px;
}
.p-pagebtn-area .btns.disabled {
  background: #f5f5f5;
}
.p-pagebtn-area .btns.disabled span {
  color: #cccccc;
}
.p-pagebtn-area .control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
  -ms-flex-align: top;
  align-items: top;
}
.p-pagebtn-area .control .btns {
  min-width: 100px;
  padding: 0 15px;
  margin-left: 10px;
}
.p-pagebtn-area .control .btns:first-child {
  margin-left: 0;
}

.inside-report.view .p-pagebtn-area .center .btns {
  width: 180px;
}

.make_public_div {
  text-align: center;
  margin-bottom: 20px;
}

.make_public {
  line-height: 22px;
}
.make_public .ht {
  display: inline-block;
  height: 24px;
  padding: 5px 6px 0;
  margin-left: 4px;
  background: #eeeeee;
  border-radius: 12px;
  color: #888;
  font-size: 13px;
  line-height: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
.make_public .ht:first-child {
  margin-left: 0;
}
.make_public.ul_radio_tac {
  margin: -7px 0 0 -7px;
  font-size: 0;
  border-bottom: 1px solid #000000;
}
.make_public.ul_radio_tac li {
  position: relative;
  display: inline-block;
  margin: 7px 0 0 7px;
}
.make_public.ul_radio_tac input {
  opacity: 0;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.make_public.ul_radio_tac .ht {
  position: relative;
  z-index: 1;
  margin-left: 0;
  cursor: pointer;
  -webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.make_public.ul_radio_tac input[type=radio]:checked + .ht {
  background: var(--color-bdsplanet);
  color: #fff;
}
.make_public.ul_radio_tac label {
  font-size: 20px;
  padding: 10px;
  height: 33px;
}
.make_public.c_hsea .ht {
  border: 1px solid #e5e5e5;
  color: #7790ad;
}
.make_public.ul_radio_tac.c_hsea input[type=radio]:checked + .ht {
  background: #7790ad;
  color: #ffffff;
  border: 1px solid #7790ad;
}

.market-nonelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 410px;
  padding-bottom: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}
.market-nonelist span {
  display: block;
  text-align: center;
}
.market-nonelist span em {
  display: block;
  font-size: 16px;
}
.market-nonelist span:before {
  content: "";
  display: inline-block;
  margin-bottom: 30px;
  width: 61px;
  height: 62px;
  background: url(/images/n_nonelist.png) no-repeat left top;
}

.offer-reg-banner {
  display: block;
  margin: 24px 0 30px;
}

.ytp-box-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.ytp-box-ul li {
  margin: 30px 30px 0 0;
}
.ytp-box-ul li:nth-child(-n+3) {
  margin-top: 0px;
}
.ytp-box-ul li:nth-child(3n) {
  margin-right: 0px;
}

.ybu-box {
  display: block;
  overflow: hidden;
  position: relative;
  width: 340px;
  height: 303px;
  line-height: 1;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.ybu-box .category,
.ybu-box .category02 {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 30px;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0;
}
.ybu-box .category.sky,
.ybu-box .category02.sky {
  background: rgba(18, 157, 237, 0.8);
}
.ybu-box .category.purple,
.ybu-box .category02.purple {
  background: rgba(133, 99, 233, 0.8);
}
.ybu-box .category.blue,
.ybu-box .category02.blue {
  background: rgba(8, 72, 149, 0.8);
}
.ybu-box .category.black,
.ybu-box .category02.black {
  background: rgba(34, 34, 34, 0.8);
}
.ybu-box .category.bid,
.ybu-box .category02.bid {
  background: rgba(244, 66, 95, 0.8);
}
.ybu-box .category.pink80,
.ybu-box .category02.pink80 {
  background: rgba(238, 45, 148, 0.8);
}
.ybu-box .category02 {
  left: 62px;
  width: auto;
  padding: 0 8px;
}
.ybu-box .imgarea {
  position: relative;
  height: 190px;
  background-position: center;
  background-size: 100%;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.ybu-box .title-area {
  position: relative;
  height: 112px;
  background: #ffffff;
  text-align: center;
}
.ybu-box .title-area .dae {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 56px;
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 27px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.ybu-box .title-area:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0%;
  height: 100%;
  background: #222;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.ybu-box .title-area .txt01 {
  display: block;
  position: relative;
  color: var(--color-bdsplanet02);
  font-size: 15px;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.ybu-box .title-area .txt02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 10px 0 0;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.ybu-box .title-area .txt02 span {
  display: block;
  position: relative;
  padding-right: 9px;
  margin-right: 8px;
  color: #666666;
  font-size: 13px;
}
.ybu-box .title-area .txt02 span:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 1px;
  display: block;
  width: 1px;
  height: 12px;
  background: #e1e1e1;
}
.ybu-box .title-area .txt02 span:last-child {
  margin: 0;
  padding: 0;
}
.ybu-box .title-area .txt02 span:last-child:before {
  content: normal;
}
.ybu-box.none {
  background: #eaeaeb url("/images/inside/market_box_none.png") no-repeat center;
}
.ybu-box:hover .imgarea, .ybu-box:focus .imgarea {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.ybu-box:hover .title-area:before, .ybu-box:focus .title-area:before {
  width: 100%;
}
.ybu-box:hover .title-area .dae, .ybu-box:focus .title-area .dae {
  color: #fff;
}
.ybu-box:hover .title-area .txt01, .ybu-box:focus .title-area .txt01 {
  color: #d4d4d4;
}
.ybu-box:hover .title-area .txt02 span:before, .ybu-box:focus .title-area .txt02 span:before {
  background: #666;
}
.ybu-box.reg {
  padding: 50px;
  background: #243351;
}
.ybu-box.reg .read-tit {
  color: #ffffff;
  font-size: 20px;
  line-height: 1;
}
.ybu-box.reg p {
  margin: 15px 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}
.ybu-box.reg .offreg-btna {
  left: 40px;
  bottom: 40px;
}

.ico-ask01 {
  cursor: help;
  width: 20px;
  height: 20px;
  background: url("/images/ico_eq01.png") no-repeat 0 0;
}
.ico-ask01.ico02 {
  background: url("/images/ico_eq02.png") no-repeat 0 0;
}
.ico-ask01.ico03 {
  width: 16px;
  height: 16px;
  margin: 0 !important;
  background: #d9d9d9;
  border-radius: 100%;
}
.ico-ask01.ico03:before {
  content: "";
  width: 6px;
  height: 8px;
  background-image: var(--bg-i-common);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -16px -240px;
}

.ask-box01 {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.ask-box01 .btns {
  margin: -2px 0 0 3px;
}
.ask-box01 .malpu {
  display: none;
  right: -5px;
  top: calc(100% + 8px);
  line-height: 18px;
}
.ask-box01 .btns:hover + .malpu {
  display: block;
}
.ask-box01 .malpu .txt {
  padding: 8px 10px;
}

.aed-top-bt {
  position: absolute;
  display: block;
  width: 45px;
  height: 45px;
  bottom: 20px;
  right: 20px;
  background: url("/images/sil_detail_top.png") no-repeat 0 0;
  z-index: 1000;
}

.aed-det-bt {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  right: 20px;
  z-index: 1000;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.6);
  transition: 0.2s ease-out;
  line-height: 1;
}
.aed-det-bt.def span {
  color: #fff;
}
.aed-det-bt.notAni {
  transition: 0;
}

.bt-dan-change {
  bottom: 70px;
}
.bt-dan-change.st {
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.bt-dan-change:before {
  content: "";
  display: block;
  width: 11px;
  height: 14px;
  margin-right: 2px;
  background: url("/images/ui_ico.png") no-repeat -173px -84px;
}
.bt-dan-change span {
  color: #fff;
  font-size: 13px;
}

.pop-offer-info {
  line-height: 1;
}
.pop-offer-info .pop_wrap {
  padding: 0 40px 40px;
  background: #fff;
  border-radius: 5px;
}
.pop-offer-info .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 101px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #222222;
  border-bottom: 1px solid #eeeeee;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}
.pop-offer-info .readme01 {
  padding: 16px 0 24px;
  color: #222;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.pop-offer-info .readme01 .red {
  color: var(--color-def-red);
}
.pop-offer-info .hong .gang {
  display: block;
  color: var(--color-bdsplanet02);
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.pop-offer-info .visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0 0;
}
.pop-offer-info .visual .box {
  width: 148px;
  height: 150px;
  border: 1px solid #cde6f9;
  border-radius: 10px;
}
.pop-offer-info .visual .box .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  height: 61px;
}
.pop-offer-info .visual .box .ico:before {
  content: "";
  display: block;
  background-image: url("/images/ui_ico.png");
}
.pop-offer-info .visual .box .ico.ico01:before {
  width: 32px;
  height: 32px;
  background-position: -259px -393px;
}
.pop-offer-info .visual .box .ico.ico02:before {
  width: 32px;
  height: 32px;
  background-position: -302px -393px;
}
.pop-offer-info .visual .box .ico.ico03:before {
  width: 24px;
  height: 32px;
  background-position: -353px -393px;
}
.pop-offer-info .visual .box .ico.ico04:before {
  width: 32px;
  height: 32px;
  background-position: -396px -393px;
}
.pop-offer-info .visual .box .txt {
  margin-top: 23px;
  line-height: 19px;
  color: #4f5f72;
  text-align: center;
}
.pop-offer-info .etcreadme {
  margin: 20px 0 0;
  padding: 15px 0;
  color: #777777;
  background: #fafafa;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.pop-offer-info .btnarea {
  text-align: center;
  margin-top: 40px;
}
.pop-offer-info .btns.reg {
  width: 260px;
  height: 60px;
  background: #ffca27;
  border-radius: 8px;
}
.pop-offer-info .btns.reg span {
  color: #222222;
  font-size: 16px;
  font-weight: bold;
}
.pop-offer-info .close {
  position: absolute;
  right: 40px;
  top: 40px;
}

.def-btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 240px;
  height: 50px;
  padding: 0 30px;
  margin: 30px auto 0;
  border: 1px solid #dddddd;
  line-height: 1;
  background: url(../images/type_ver2/btn_more.png) no-repeat right 30px center;
}
.def-btn-more .txt {
  font-size: 16px;
}
.def-btn-more .tt {
  color: #222;
}
.def-btn-more .count {
  margin-left: 10px;
  color: #666;
}

.p-def-readme {
  line-height: 25px;
  font-size: 15px;
  color: #222;
  /* font-weight: 300; */
  letter-spacing: 0px;
}
.p-def-readme .maintitle {
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 30px;
  font-weight: 700;
}
.p-def-readme .subtitle01 {
  margin: 50px 0 25px;
  color: var(--color-bdsplanet);
  font-size: 22px;
  line-height: 22px;
}
.p-def-readme p + .table {
  margin: 15px 0 0;
}
.p-def-readme .table + p {
  margin: 15px 0 0;
}
.p-def-readme ul {
  padding-left: 19px;
  list-style-type: disc;
}
.p-def-readme strong {
  font-weight: bold;
}
.p-def-readme strong.red {
  color: #c00000;
}
.p-def-readme .end {
  margin-top: 30px;
  font-weight: normal;
}
.p-def-readme .end .endtxt {
  font-weight: bold;
}
.p-def-readme .ssubtitle01 {
  margin: 20px 0 10px;
  font-weight: bold;
}
.p-def-readme .box a {
  text-decoration: underline;
  color: #004dcc;
}

.wrap-page-error {
  background: #eff6ff;
}
.wrap-page-error .default_c {
  display: flex;
  align-items: center;
}

.page-error {
  width: 500px;
  padding-bottom: 90px;
  margin: 0 auto;
  line-height: 1;
}
.page-error .logoarea {
  position: relative;
  padding: 0 0 46px;
}
.page-error .logoarea .dae {
  display: block;
  width: 159px;
  height: 39px;
  margin: 0 auto;
  background: url("/images/logo03.png") no-repeat left top;
}
.page-error .logoarea:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #cbddf5;
}
.page-error .readme {
  text-align: center;
}
.page-error .readme .type {
  display: flex;
  height: 157px;
  align-items: center;
  justify-content: center;
}
.page-error .readme .type:before {
  content: "";
  display: block;
  background: url("/images/img_error.png") no-repeat;
}
.page-error .readme .type.type01:before {
  width: 86px;
  height: 76px;
  background-position: -8px -102px;
}
.page-error .readme .type.type02:before {
  width: 80px;
  height: 80px;
  background-position: -10px -8px;
}
.page-error .readme .txtbox .title {
  display: block;
  color: var(--color-bdsplanet02);
  font-size: 34px;
  font-weight: bold;
}
.page-error .readme .txtbox p {
  margin: 20px 0 0;
  color: #222222;
  font-size: 16px;
  line-height: 24px;
}
.page-error .etcbu {
  margin: 38px 0 0;
  padding: 40px 50px;
  border-radius: 6px;
  background: #ffffff;
  text-align: center;
}
.page-error .etcbu .stxt {
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.page-error .etcbu .etxt {
  color: #666666;
  font-size: 13px;
  line-height: 20px;
}
.page-error .etcbu .stxt + .etxt {
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid #eee;
}
.page-error .etcbu .btnarea {
  display: flex;
  justify-content: center;
}
.page-error .etcbu .etxt + .btnarea {
  margin-top: 18px;
}
.page-error .etcbu .btns {
  width: 120px;
  height: 40px;
  border-radius: 2px;
  margin-left: 10px;
}
.page-error .etcbu .btns:first-child {
  margin-left: 0;
}
.page-error .bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 66px;
  text-align: center;
  color: #888888;
  font-size: 12px;
}
.page-error.type-login {
  padding-top: 100px;
}
.page-error.type-login .readme .txtbox .title {
  color: #222;
  font-size: 34px;
  font-family: var(--font-text-regular);
  line-height: 51px;
}
.page-error.type-login .readme .txtbox .spc {
  border-bottom: 4px solid #1f75ea;
  display: inline-block;
  color: #1f75ea;
  font-weight: bold;
}

.paybold {
  font-weight: bold;
}

.pop-map-bigview {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
}

.mtxt + .mmp-process {
  margin-top: 16px;
}

.mmp-process {
  line-height: 20px;
  text-align: center;
}
.mmp-process .pp {
  display: block;
  margin-top: 9px;
}
.mmp-process .pp:first-child {
  margin: 0;
}
.mmp-process .ing {
  margin: 15px auto 0;
}
.mmp-process .ing02 {
  width: 222px;
  height: 67px;
  background: url("../images/mmu02.png") no-repeat 0 0;
  background-size: 100%;
}

.mmp-loc-service .mls {
  display: inline-block;
  position: relative;
  padding: 0 13px;
}
.mmp-loc-service .mls:before, .mmp-loc-service .mls:after {
  content: "";
  position: absolute;
  width: 15px;
  height: 34px;
  top: 50%;
  margin-top: -17px;
  background-image: var(--bg-i-common);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -400px 0px;
}
.mmp-loc-service .mls:before {
  left: 1px;
}
.mmp-loc-service .mls:after {
  transform: rotate(180deg);
  right: 1px;
}
.mmp-loc-service .mls span {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 42px;
  padding: 0 20px;
  background: #515fdd;
  border-radius: 3px;
  color: #ffe776;
  font-size: 18px;
  font-weight: bold;
}
.mmp-loc-service .mls span:before, .mmp-loc-service .mls span:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 2px;
  background: #ffe776;
  vertical-align: 3px;
}
.mmp-loc-service .mls span:before {
  margin-right: 10px;
}
.mmp-loc-service .mls span:after {
  margin-left: 10px;
}
.mmp-loc-service + .readme {
  margin: 15px 0 0;
}

.txt01 + .mmp-loc-service {
  margin: 18px 0 0;
}

.mmp-pm-tit {
  color: var(--color-bdsplanet02);
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
  text-align: center;
}
.mmp-pm-tit:before {
  content: "";
  display: block;
  width: 86px;
  height: 62px;
  margin: 0 auto 8px;
  background: url("../images/n_ppcd_col.png") no-repeat -44px -80px;
  background-size: 400px;
}

.mtxt + .att-mmp-process {
  margin-top: 18px;
}

.mmp-pm-ul li {
  position: relative;
  margin-top: 4px;
  padding-left: 26px;
  line-height: 20px;
  text-align: left;
}
.mmp-pm-ul li:first-child {
  margin-top: 0;
}
.mmp-pm-ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0px;
  width: 16px;
  height: 16px;
  background-image: var(--bg-i-common);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -288px -176px;
}
.mmp-pm-ul.upline {
  margin-top: 18px;
  padding: 19px 3px 0;
  border-top: 1px solid #b0c4dc;
}
.mmp-pm-ul.sky li:before {
  background-position: -312px -176px;
}

.mmu-ar-readme {
  padding: 20px;
  margin: 17px 0 0;
  background: #fafafa;
  border-radius: 5px;
  text-align: left;
}
.mmu-ar-readme .title {
  position: relative;
  margin: 0 0 10px;
  padding-left: 19px;
  color: #4f5f72;
  font-weight: bold;
}
.mmu-ar-readme .title:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 14px;
  height: 14px;
  background-image: var(--bg-i-common);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -168px -128px;
}
.mmu-ar-readme ul li {
  position: relative;
  margin-top: 3px;
  padding-left: 10px;
  color: #666666;
  font-size: 13px;
  line-height: 16px;
}
.mmu-ar-readme ul li:first-child {
  margin-top: 0;
}
.mmu-ar-readme ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  left: 0px;
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #aaaaaa;
}

.mtb-toparea {
  text-align: center;
}
.mtb-toparea .title {
  margin: 0 0 15px;
  font-size: 22px;
  font-weight: bold;
  line-height: 1;
}
.mtb-toparea .txt {
  font-size: 16px;
  line-height: 23px;
}

.mmp-tac-box {
  padding: 25px 30px;
  border-radius: 10px;
  line-height: 1;
}
.mmp-tac-box + .mmp-tac-box {
  margin-top: 10px;
}
.mmp-tac-box .btnarea {
  margin: 18px 0 0;
}
.mmp-tac-box .btnarea a {
  width: 100%;
  height: 44px;
  margin-top: 5px;
  border-radius: 22px;
  font-weight: bold;
}
.mmp-tac-box .btnarea a:first-child {
  margin-top: 0;
}
.mmp-tac-box.style01 {
  background: #f8f8f8;
}
.mmp-tac-box.style01 .mtb-toparea .title {
  color: #0481e2;
}
.mmp-tac-box.style01 .mtb-toparea .txt {
  color: #4f5f72;
}
.mmp-tac-box.style01 .mmp-pm-ul.upline {
  border-color: #d1d4d8;
}
.mmp-tac-box.style01 .btnarea a {
  background: var(--color-bdsplanet);
}
.mmp-tac-box.style01 .btnarea a span {
  color: #fff;
}
.mmp-tac-box.style02 {
  background: #eaf4ff;
}
.mmp-tac-box.style02 .mtb-toparea .title {
  color: var(--color-bdsplanet02);
}
.mmp-tac-box.style02 .mtb-toparea .txt {
  color: #284364;
}
.mmp-tac-box.style02 .btnarea a {
  background: var(--color-bdsplanet02);
}
.mmp-tac-box.style02 .btnarea a span {
  color: #fff;
}
.mmp-tac-box .mmp-loc-service {
  margin-bottom: 13px;
}
.mmp-tac-box .mmp-loc-service .mls span {
  height: 36px;
  padding: 0 15px;
  font-size: 13px;
}
.mmp-tac-box .mmp-loc-service .mls:before {
  transform: scale(0.8);
}
.mmp-tac-box .mmp-loc-service .mls:after {
  transform: rotate(180deg) scale(0.8);
}
.mmp-tac-box .mmp-pm-ul li {
  margin-top: 2px;
}

.mm-download-list a {
  position: relative;
  display: flex;
  align-items: center;
  height: 42px;
  padding: 0 40px 0 20px;
  background: #eff5fd;
  border-bottom: 1px solid #d9e5f4;
  border-radius: 5px;
  margin-top: 5px;
}
.mm-download-list a:first-child {
  margin-top: 0;
}
.mm-download-list a span {
  color: #0481e2;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mm-download-list a:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background-image: var(--bg-i-common);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -280px -84px;
}

.mmp-service-loc {
  padding: 15px 20px;
  background: #fafafa;
  text-align: center;
}
.mmp-service-loc .addr {
  line-height: 21px;
}
.mmp-service-loc .readme {
  border-top: 1px solid #eee;
  padding-top: 15px;
  margin-top: 14px;
}
.mmp-service-loc .readme .txt {
  margin-top: 4px;
  color: #666666;
  line-height: 18px;
  font-size: 13px;
}
.mmp-service-loc .readme .txt:first-child {
  margin-top: 0;
}

.pop-mmp-service.sc01 .p_j_login,
.pop-mmp-service.sc01 .btnAgree,
.pop-mmp-service.sc01 .eyong-box {
  display: none;
}
.pop-mmp-service.sc02 .pop-dae-ico,
.pop-mmp-service.sc02 .msg,
.pop-mmp-service.sc02 .mmp-service-loc,
.pop-mmp-service.sc02 .pop_btn_area .phone {
  display: none;
}
.pop-mmp-service.sc02 .p_j_login {
  margin-top: 0;
}

.search-option-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  background: #ededed;
  border-top: 1px solid #d8d8d8;
}

.search-option-bottom .btn-fill {
  font-size: 16px;
}

.search-option-bottom .btn-fill + .btn-fill {
  margin-left: 10px;
}

.search-option-bottom .btn-fill.btn-search-icon {
  padding-right: 16px;
  background-color: var(--color-bdsplanet);
}

.search-option-bottom .btn-fill.btn-search-icon:before {
  content: "";
  position: relative;
  top: -1px;
  width: 27px;
  height: 27px;
  background-image: var(--bg-i-common);
  background-position: -82px -67px;
  transform: scale(0.6);
}

.search-option-wrap .calendar-input {
  padding-left: 0;
}

.vt-filter {
  padding: 20px 30px;
  border: 1px solid #d8d8d8;
  background: #f9f9f9;
}
.vt-filter .line {
  display: flex;
}
.vt-filter .line + .line {
  margin: 15px 0 0;
}
.vt-filter .fil {
  display: flex;
  align-items: center;
}
.vt-filter .d_select {
  height: 37px;
}
.vt-filter .d_select select {
  height: 100%;
}
.vt-filter .title {
  margin-right: 20px;
  color: #222;
  font-size: 15px;
  font-weight: bold;
}
.vt-filter .d_calendar_area {
  display: flex;
  align-items: center;
  font-size: 14px;
}
.vt-filter .d_calendar_area .d_input input {
  width: 100%;
  height: 100%;
  padding-left: 8px;
  padding-right: 28px;
}
.vt-filter.def01 {
  border: none;
  line-height: 1;
}
.vt-filter.def01 .title {
  margin-right: 10px;
  font-size: 14px;
  font-weight: normal;
}
.vt-filter.def01 .d_input input {
  width: 100%;
  height: 100%;
  padding-left: 10px;
  color: #666666;
  border: 1px solid #dddddd;
}
.vt-filter.def01 .d_input input::placeholder {
  color: #999999 !important;
}
.vt-filter.def01 .d_calendar_area .dash {
  color: #666666;
}

.my-payment-total {
  margin: 30px 0 0;
}
.my-payment-total .total .bmt,
.my-payment-total .total .smt {
  display: inline-block;
}
.my-payment-total .total .bmt {
  color: #222222;
  font-weight: bold;
  font-size: 14px;
}
.my-payment-total .total .smt {
  color: #666666;
}

.my-payment-list {
  margin: 30px 0 0;
}
.my-payment-list .pdgo {
  color: #666666;
}
.my-payment-list .pdgo:hover,
.my-payment-list .pdgo:focus {
  color: var(--color-bdsplanet);
  padding-bottom: 1px;
  border-bottom: 1px solid var(--color-bdsplanet);
}
.my-payment-list .vt-table td {
  padding: 0;
  height: 79px;
}
.my-payment-list .payment-type {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 18px;
  margin: 0 auto;
  border: 1px solid #6574e4;
  line-height: 1;
  font-size: 12px;
}
.my-payment-list .payment-type.tp01 {
  border-color: #6574e4;
  color: #6574e4;
}
.my-payment-list .payment-type.tp02 {
  border-color: #ed1c24;
  color: #ed1c24;
}
.my-payment-list .payment-type.tp03 {
  border-color: #666666;
  color: #666666;
}
.my-payment-list .vt-filter {
  padding: 20px;
}
.my-payment-list .vt-filter .btn-cal-term {
  color: #222;
}
.my-payment-list .vt-filter .ft01 .d_select {
  width: 127px;
}
.my-payment-list .vt-filter .ft02 .d_select {
  width: 115px;
}
.my-payment-list .vt-filter .ft02 {
  margin-left: 10px;
}
.my-payment-list .vt-filter .ft03 {
  margin-left: 29px;
}
.my-payment-list .vt-filter .cal-wrap {
  display: flex;
  align-items: center;
}
.my-payment-list .vt-filter .cal-wrap .input {
  padding-left: 0;
  color: #222;
}
.my-payment-list .vt-filter + .vt-table {
  margin: 30px 0 0;
}

.odcon-box .titlearea {
  margin-bottom: 12px;
}
.odcon-box .titlearea .title {
  line-height: 1;
  font-size: 18px;
  font-weight: bold;
  color: #222;
}
.odcon-box .cl-red {
  color: var(--color-def-red);
}
.odcon-box .hr-table + .hr-table {
  margin-top: 10px;
}
.odcon-box + .odcon-box {
  margin: 30px 0 0;
}
.odcon-box .payment-cancel {
  display: inline-flex;
  height: 29px;
  padding: 0 15px;
  color: #fff;
  border-radius: 2px;
  background: var(--color-def-red);
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin-left: 15px;
}

.mypaymentview .page-btn-area {
  margin: 40px 0 0;
}
.mypaymentview .page-btn-area a {
  height: 40px;
}

.ppe-wr {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  padding-bottom: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #fff;
}
.ppe-wr .btn-buy-area {
  position: fixed;
  width: 850px;
  height: 100px;
  bottom: 0px;
  padding: 0 50px 20px;
}
.ppe-wr .btn-buy-area:before {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: 100%;
  left: 0px;
  width: 96%;
  height: 30px;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
.ppe-wr .btn-buy-area:after {
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: 0px;
  left: 0px;
  width: 96%;
  height: 100%;
  background: rgb(255, 255, 255);
}
.ppe-wr .btn-buy-area .btn-buy {
  position: relative;
  z-index: 10005;
  width: 100%;
  height: 100%;
  background: var(--color-bdsplanet02);
  outline: none;
  border-radius: 10px;
  box-shadow: 3px 3px 5px 2px rgba(8, 72, 149, 0.3);
}
.ppe-wr .btn-buy-area .btn-buy span {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}
.ppe-wr .btn-buy-area .pp-malpu {
  z-index: 10007;
  top: -20px;
  left: 50%;
  font-size: 15px;
  font-weight: bold;
  color: #222;
  border: 2px solid #444444;
  border-radius: 6px;
}
.ppe-wr .btn-buy-area .pp-malpu:after, .ppe-wr .btn-buy-area .pp-malpu:before {
  bottom: -6px;
  margin-left: -6px;
  border-bottom: 6px solid #fff;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.ppe-wr .btn-buy-area .pp-malpu:before {
  border-bottom-color: #444;
  bottom: -7px;
}

.pre-exp-wrap {
  width: 100%;
}
.pre-exp-wrap .fdt {
  text-align: center;
}
.pre-exp-wrap .fdt .title {
  line-height: 1;
}
.pre-exp-wrap .fdt .title .txt01 {
  color: #000;
  font-size: 30px;
}
.pre-exp-wrap .fdt .title .txt02 {
  margin: 6px 0;
  color: #000;
  font-size: 60px;
  font-weight: bold;
  letter-spacing: 4px;
}
.pre-exp-wrap .fdt .title .txt03 {
  color: #000;
  font-size: 24px;
}
.pre-exp-wrap .fdt .ccreadme {
  width: 750px;
  margin: 0 0 50px 50px;
  padding: 30px;
  border: 1px solid #eeeeee;
  border-radius: 10px;
  line-height: 1;
  text-align: left;
}
.pre-exp-wrap .fdt .ccreadme .title {
  font-weight: bold;
  font-size: 17px;
  color: #222222;
  margin-bottom: 17px;
}
.pre-exp-wrap .fdt .ccreadme ul {
  list-style-type: none !important;
}
.pre-exp-wrap .fdt .ccreadme ul li {
  position: relative;
  padding-left: 8px;
  color: #666666;
  font-size: 14px;
  line-height: 23px;
}
.pre-exp-wrap .fdt .ccreadme ul li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0px;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #666;
}

.pd-ccreadme {
  margin: 65px 0 0;
  padding: 30px;
  background: #f9fafb;
  border-radius: 10px;
  line-height: 1;
  text-align: left;
}
.pd-ccreadme .title {
  font-weight: bold;
  font-size: 17px;
  color: #222222;
  margin-bottom: 17px;
}
.pd-ccreadme ul {
  list-style-type: none !important;
}
.pd-ccreadme ul li {
  position: relative;
  padding-left: 8px;
  color: #666666;
  font-size: 14px;
  line-height: 23px;
}
.pd-ccreadme ul li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0px;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #666;
}

.premium-bgd {
  position: relative;
  background: rgb(34, 71, 211);
  background: linear-gradient(90deg, rgb(34, 71, 211) 0%, rgb(148, 103, 250) 100%);
  border-radius: 10px;
}
.premium-bgd.dal:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 92px;
  height: 90px;
  background: url("/images/presu.png") no-repeat 0 0;
  background-size: 100%;
}

.malbox01 {
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 1;
  text-align: left;
}
.malbox01:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  margin-left: -2px;
  z-index: 2;
  width: 7px;
  height: 7px;
  border: 1px solid #e5e5e5;
  border-right: 0;
  border-bottom: 0;
  background: #fff;
  transform: rotate(45deg);
}
.malbox01 .ww {
  position: relative;
  z-index: 1;
  padding: 3px 5px 4px;
  border: 1px solid #e5e5e5;
  background: #fff;
  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  color: var(--color-bdsplanet02);
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

.taca-radio {
  display: flex;
  line-height: 1;
}
.taca-radio .tt {
  position: relative;
  flex: 1;
}
.taca-radio .tt input {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.taca-radio .tt label {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #909090;
  border-radius: 2px;
  color: #222222;
  cursor: pointer;
}
.taca-radio .tt input:checked + label {
  background: #222222;
  border-color: #222222;
  color: #fff;
}
.taca-radio.blue-tac label {
  border-color: #e5e5e5;
  color: #666666;
}
.taca-radio.blue-tac input:checked + label {
  background: #0481e2;
  border-color: #0481e2;
  color: #fff;
}

.lding01 .ld {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  background: #e1ebf7;
}
.lding01 .ga {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  background: linear-gradient(90deg, rgb(31, 117, 234) 0%, rgb(43, 193, 255) 100%);
  transition: 0.3s ease-out;
}
.lding01 .txt {
  color: #7790ad;
  text-align: center;
}
.lding01 .txt .per {
  font-weight: bold;
}

.excel-download {
  height: 30px;
  padding: 0 14px;
  background: #149e69;
  border-radius: 14px;
}
.excel-download span {
  color: #ffffff;
  font-size: 13px;
}
.excel-download:before {
  content: "";
  width: 16px;
  height: 16px;
  margin: 0 5px 0 0;
  background-image: var(--bg-i-common);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -424px -40px;
}

.pp-malpu {
  position: absolute;
  transform: translateX(-50%);
  padding: 6px 10px;
  border-radius: 4px;
  line-height: 1;
  transition: 0.2s ease-out;
}
.pp-malpu span {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.pp-malpu:before, .pp-malpu:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -5px;
  margin-left: -5px;
  border-bottom: 5px solid #f4425f;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  transform: rotate(180deg);
}
.pp-malpu:before {
  bottom: -6px;
}
.pp-malpu.red {
  background: #f4425f;
}
.pp-malpu.red span {
  color: #fff;
}
.pp-malpu.red:before {
  content: normal;
}
.pp-malpu.red:after {
  border-bottom-color: #f4425f;
}
.pp-malpu.white {
  border: 1px solid #444444;
  background: #fff;
}
.pp-malpu.white span {
  color: #444;
}
.pp-malpu.white:before {
  border-bottom-color: #444;
}
.pp-malpu.white:after {
  border-bottom-color: #fff;
}
.pp-malpu.off {
  opacity: 0;
  transform: translate(-50%, -25px);
}

.pr-pd-faq .box {
  margin-top: 10px;
  background: #f9fafb;
  border-radius: 10px;
}
.pr-pd-faq .box:first-child {
  margin-top: 0;
}
.pr-pd-faq .box .ft {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}
.pr-pd-faq .box .ft .txt {
  color: #222;
  font-size: 16px;
  font-weight: bold;
  line-height: 21px;
}
.pr-pd-faq .box .ft .cur {
  width: 14px;
  height: 8px;
  background-image: var(--bg-i-common);
  background-position: -334px -176px;
}
.pr-pd-faq .box .ft.on .cur {
  transform: rotate(180deg);
}
.pr-pd-faq .box .ft.on + .rd {
  display: block;
}
.pr-pd-faq .box .rd {
  display: none;
  padding: 0 20px 20px 20px;
  color: #444444;
  font-size: 14px;
  line-height: 23px;
}
.pr-pd-faq .box .rd .da {
  width: 500px;
}
.pr-pd-faq .box .linkar {
  margin: 20px 0 0;
}
.pr-pd-faq .box .linkar a {
  border-bottom: 1px solid #0481e2;
  font-size: 14px;
  color: #0481e2;
}
.pr-pd-faq .box .linkar a + a {
  margin-left: 20px;
}

.due-date-view {
  padding: 20px 20px 16px;
  border: 1px solid #eee;
  border-radius: 12px;
  color: #222222;
  font-size: 14px;
  text-align: center;
}
.due-date-view .vv .txt {
  color: #222;
  font-size: 14px;
}
.due-date-view .vv .day {
  margin: 15px 0 0;
  color: #0481e2;
  font-size: 20px;
  font-weight: bold;
}
.due-date-view .readme {
  margin-top: 21px;
  padding-top: 16px;
  border-top: 1px solid #eeeeee;
  color: #666666;
  line-height: 20px;
}
.due-date-view + .sky-con {
  margin-top: 20px;
}

.bdsScroll {
  overflow-y: scroll !important;
}
.bdsScroll::-webkit-scrollbar {
  width: 17px;
  height: 15px;
  background-color: transparent;
  cursor: pointer;
}
.bdsScroll::-webkit-scrollbar-thumb {
  background-color: #e4e9ef;
  border: 6px solid #fff;
  border-radius: 30px;
  cursor: pointer;
}
.bdsScroll::-webkit-scrollbar-thumb:hover {
  background-color: #bbc7d6;
}
.bdsScroll::-webkit-scrollbar-thumb:active {
  background-color: #bbc7d6;
}
.bdsScroll::-webkit-scrollbar-track {
  background-color: #fff;
}
.bdsScroll::-webkit-scrollbar-corner {
  background-color: #fff;
}

.bdsScroll02 {
  overflow-y: scroll !important;
}
.bdsScroll02::-webkit-scrollbar {
  width: 8px;
  height: 15px;
  background-color: transparent;
}
.bdsScroll02::-webkit-scrollbar-thumb {
  background: rgba(134, 151, 178, 0.5);
  border-radius: 3.5px;
}
.bdsScroll02::-webkit-scrollbar-thumb:hover {
  background-color: #bbc7d6;
}
.bdsScroll02::-webkit-scrollbar-thumb:active {
  background-color: #bbc7d6;
}
.bdsScroll02::-webkit-scrollbar-track {
  background-color: rgb(255, 255, 255);
  border-left: 1px solid rgb(232, 234, 234);
  border-right: 1px solid #fff;
}

.__csbScroll__ {
  position: relative;
}
.__csbScroll__:not(.noWrap) .__csbScroll__content {
  height: 100%;
}
.__csbScroll__:hover .__csbScroll__scrollbar__area {
  opacity: 1 !important;
}
.__csbScroll__ .__csbScroll__content {
  scrollbar-width: none;
}
.__csbScroll__ .__csbScroll__content::-webkit-scrollbar {
  display: none;
}
.__csbScroll__ .__csbScroll__scrollbar__area {
  transition: 0.3s ease-out;
  user-select: none;
}

.options-length .length-wr {
  position: absolute;
  bottom: 13px;
  right: 15px;
  font-size: 12px;
  color: #999999;
}
.options-length .length-wr .text-length {
  color: #222222;
}

.btn-common-list-more {
  width: 100%;
  height: 45px;
  border: 1px solid #cad3df;
  border-radius: 7px;
}
.btn-common-list-more .txt {
  color: #7790ad;
  font-size: 14px;
}
.btn-common-list-more .txt .count {
  font-size: 13px;
  margin-left: 3px;
}

[data-ui-input-auto-height=Y] {
  scrollbar-width: none;
}
[data-ui-input-auto-height=Y]::-webkit-scrollbar {
  display: none;
}

.no-visual-title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1000px;
  height: 160px;
  margin: 0 auto;
  color: #000;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}

.service-tab-list {
  display: flex;
  width: 100%;
  height: 60px;
  white-space: nowrap;
}
.service-tab-list.balance li {
  flex: 1;
}

.service-tab-item {
  flex: 1;
  margin: 0 0 0 -1px;
}

a.service-tab-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  line-height: 1;
  color: #666;
  font-size: 14px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #eeeeee;
}
a.service-tab-link.on {
  position: relative;
  color: #222222;
  font-weight: bold;
  border-color: #444;
}

.blue-spc-price-view {
  padding: 14px 15px;
  border: 1px solid #bdcfe6;
  border-radius: 8px;
  background-color: #f1faff;
  line-height: 18px;
}
.blue-spc-price-view .txt01 {
  color: #1f75ea;
  font-size: 14px;
  font-weight: bold;
}
.blue-spc-price-view .txt02 {
  margin: 2px 0 0;
  color: #1f75ea;
  font-size: 12px;
}

.mt-4 {
  margin-top: 4px;
}

.mb-4 {
  margin-bottom: 4px;
}

.ml-4 {
  margin-left: 4px;
}

.mr-4 {
  margin-right: 4px;
}

.mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.mt-8 {
  margin-top: 8px;
}

.mb-8 {
  margin-bottom: 8px;
}

.ml-8 {
  margin-left: 8px;
}

.mr-8 {
  margin-right: 8px;
}

.mx-8 {
  margin-left: 8px;
  margin-right: 8px;
}

.my-8 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.mt-16 {
  margin-top: 16px;
}

.mb-16 {
  margin-bottom: 16px;
}

.ml-16 {
  margin-left: 16px;
}

.mr-16 {
  margin-right: 16px;
}

.mx-16 {
  margin-left: 16px;
  margin-right: 16px;
}

.my-16 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.mt-24 {
  margin-top: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.mx-24 {
  margin-left: 24px;
  margin-right: 24px;
}

.my-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mt-32 {
  margin-top: 32px;
}

.mb-32 {
  margin-bottom: 32px;
}

.ml-32 {
  margin-left: 32px;
}

.mr-32 {
  margin-right: 32px;
}

.mx-32 {
  margin-left: 32px;
  margin-right: 32px;
}

.my-32 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.mpi-wr {
  margin: 30px 0 0;
  padding: 40px 125px;
  background: #f9fafb;
  border-radius: 10px;
}
.mpi-wr + .pr-pd-faq {
  margin-top: 40px;
}

.pr-pd-faq .titlearea {
  margin: 0 0 37px;
}
.pr-pd-faq .title {
  margin: 0 0 12px;
  color: #222;
  font-weight: bold;
  font-size: 16px;
}
.pr-pd-faq ul {
  list-style-type: none !important;
}
.pr-pd-faq ul li {
  position: relative;
  padding-left: 8px;
  color: #666666;
  font-size: 14px;
  line-height: 24px;
}
.pr-pd-faq ul li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0px;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #666;
}
.pr-pd-faq .rd + .rd {
  margin: 34px 0 0;
}

#rd_rule_info ul + .title {
  margin-top: 32px;
}

.mpi-box {
  padding: 30px 75px;
  background: #fff;
  box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.mpi-box > .titlearea {
  display: flex;
  justify-content: space-between;
}
.mpi-box > .titlearea .title {
  color: #084895;
  font-size: 18px;
  font-weight: bold;
}
.mpi-box > .titlearea .title.black {
  color: #222222;
}
.mpi-box > .titlearea .btns {
  height: 30px;
  margin: -5px 0;
  padding: 0 10px;
  border-radius: 2px;
}
.mpi-box > .titlearea .btns .txt {
  font-size: 13px;
}
.mpi-box + .mpi-box {
  margin: 15px 0 0;
}
.mpi-box .price-dan .price {
  color: #222;
  font-size: 18px;
  font-weight: bold;
}
.mpi-box .price-dan .dan {
  font-size: 14px;
  font-weight: bold;
  vertical-align: 1px;
}
.mpi-box .tbl-line-garo {
  margin-top: 21px;
}
.mpi-box .due-date-view {
  margin: 20px 0 0;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.mpi-box .due-date-view + .def-ul-area {
  margin-top: 17px;
}
.mpi-box .def-ul-area li {
  font-size: 13px;
  line-height: 20px;
}

.pm-my-card {
  display: flex;
  align-items: center;
  height: 60px;
  padding: 0 40px;
  background: rgb(34, 71, 211);
  background: linear-gradient(90deg, rgb(34, 71, 211) 0%, rgb(148, 103, 250) 100%);
  border-radius: 10px;
  margin: 28px 0 0;
}
.pm-my-card dl {
  display: flex;
  align-items: center;
}
.pm-my-card dl dt {
  margin-right: 40px;
  color: #ffe776;
  font-size: 14px;
  font-weight: bold;
}
.pm-my-card dl dd {
  display: inline-flex;
  align-items: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0px;
}
.pm-my-card .sec {
  display: inline-flex;
  padding: 0 5px;
  opacity: 0.7;
}
.pm-my-card .sec span {
  display: inline-flex;
}
.pm-my-card .sec span + span {
  margin-left: 12px;
}
.pm-my-card .sec em {
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 100%;
}
.pm-my-card .sec em + em {
  margin-left: 4px;
}

.sky-con {
  padding: 30px 0;
  background: #f0f7ff;
  border-radius: 10px;
}
.sky-con .titlearea {
  margin: 0 0 30px;
  text-align: center;
}
.sky-con .titlearea .title span {
  position: relative;
}
.sky-con .titlearea .title span b {
  position: relative;
  z-index: 1;
  font-weight: bold;
  font-size: 20px;
  color: var(--color-bdsplanet02);
}
.sky-con .titlearea .title span:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 8px;
  background: #fbeb9c;
}

.benefit-list {
  padding: 0 30px;
}
.benefit-list .box {
  padding: 15px 0 16px;
  border-bottom: 1px solid #e6f0fc;
  display: flex;
}
.benefit-list .box:first-child {
  padding-top: 0;
}
.benefit-list .box:last-child {
  padding-bottom: 0;
  border: none;
}
.benefit-list .box .img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #fff;
}
.benefit-list .box .img:before {
  content: "";
  background-image: url("/images/ico_mypayment.png");
  background-size: 200px;
}
.benefit-list .box .img.ico01:before {
  background-position: -2px -1px;
  width: 20px;
  height: 24px;
}
.benefit-list .box .img.ico02:before {
  background-position: -3px -29px;
  width: 24px;
  height: 24px;
}
.benefit-list .box .img.ico03:before {
  background-position: -3px -57px;
  width: 24px;
  height: 24px;
}
.benefit-list .box .img.ico04:before {
  background-position: -34px -34px;
  width: 22px;
  height: 24px;
}
.benefit-list .box .img.ico05:before {
  background-position: -6px -88px;
  width: 18px;
  height: 22px;
}
.benefit-list .box .img.ico06:before {
  background-position: -2px -117px;
  width: 24px;
  height: 24px;
}
.benefit-list .box .img.ico07:before {
  background-position: -34px -2px;
  width: 24px;
  height: 24px;
}
.benefit-list .box .txtbox {
  flex: 1;
  padding: 5px 0 0 10px;
}
.benefit-list .box .txtbox .txt01 {
  color: #444444;
}
.benefit-list .box .txtbox .txt02 {
  margin: 8px 0 0;
  color: #000;
  font-size: 18px;
  font-weight: bold;
}

.no-subc-member {
  text-align: center;
}
.no-subc-member .icon-area {
  display: flex;
  justify-content: center;
  height: 53px;
}
.no-subc-member .txt01 {
  font-size: 18px;
  color: var(--color-bdsplanet02);
  font-weight: bold;
}
.no-subc-member .txt02 {
  margin: 18px 0 0;
  font-size: 14px;
  color: #222222;
  line-height: 21px;
}
.no-subc-member .btnarea {
  display: flex;
  width: 400px;
  margin: 16px auto 0;
}
.no-subc-member .btnarea a {
  flex: 1;
  height: 40px;
  background: #f0f7ff;
  border-radius: 6px;
}
.no-subc-member .btnarea a .txt {
  color: #0481e2;
}

.sa-i-won {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.sa-i-won.star:before {
  content: "";
  background-image: var(--bg-i-common);
}
.sa-i-won.checked {
  position: relative;
}
.sa-i-won.checked:before {
  content: "";
  display: block;
  position: absolute;
}
.sa-i-won.size-big {
  width: 32px;
  height: 32px;
}
.sa-i-won.size-big.star:before {
  width: 20px;
  height: 20px;
  background-position: -46px -450px;
}
.sa-i-won.size-big.checked {
  position: relative;
}
.sa-i-won.size-big.checked:before {
  top: 45%;
  right: 12px;
  width: 5px;
  height: 12px;
  margin-top: 4px;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  transform: translate3d(0, -11px, 0) rotate(45deg);
  border-color: #ffffff;
}
.sa-i-won.size-medium {
  width: 20px;
  height: 20px;
}
.sa-i-won.size-medium.star:before {
  width: 16px;
  height: 16px;
  background-position: -70px -450px;
}
.sa-i-won.size-mk {
  width: 20px;
  height: 20px;
}
.sa-i-won.size-mk.star:before {
  width: 16px;
  height: 16px;
  background-position: -70px -450px;
}
.sa-i-won[data-sa-color="#fe4a67"] {
  background-color: #fe4a67;
}
.sa-i-won[data-sa-color="#ff7c4e"] {
  background-color: #ff7c4e;
}
.sa-i-won[data-sa-color="#ffbf14"] {
  background-color: #ffbf14;
}
.sa-i-won[data-sa-color="#71d34a"] {
  background-color: #71d34a;
}
.sa-i-won[data-sa-color="#02c5e1"] {
  background-color: #02c5e1;
}
.sa-i-won[data-sa-color="#29acff"] {
  background-color: #29acff;
}
.sa-i-won[data-sa-color="#2373d4"] {
  background-color: #2373d4;
}
.sa-i-won[data-sa-color="#6681f4"] {
  background-color: #6681f4;
}
.sa-i-won[data-sa-color="#906df7"] {
  background-color: #906df7;
}
.sa-i-won[data-sa-color="#d36ef5"] {
  background-color: #d36ef5;
}
.sa-i-won[data-sa-color="#fd69cb"] {
  background-color: #fd69cb;
}
.sa-i-won[data-sa-color="#c85050"] {
  background-color: #c85050;
}
.sa-i-won[data-sa-color="#c36b3c"] {
  background-color: #c36b3c;
}
.sa-i-won[data-sa-color="#2fa3a2"] {
  background-color: #2fa3a2;
}
.sa-i-won[data-sa-color="#5a6988"] {
  background-color: #5a6988;
}
.sa-i-won[data-sa-color="#8d9cbc"] {
  background-color: #8d9cbc;
}
.sa-i-won.sa-i-marker {
  box-sizing: content-box;
  position: absolute;
  z-index: 1001;
  border: 1px solid #fff;
  box-shadow: 0px 1px 7px 0px rgba(0, 0, 0, 0.3);
}
.sa-i-won.sa-i-marker[data-current-loc=Y]:before {
  position: relative;
  z-index: 1;
}
.sa-i-won.sa-i-marker[data-current-loc=Y] + .current-loc {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
  background-color: #fe4a67;
  border-radius: 100%;
  animation: currentLoc 1s linear infinite;
  animation-iteration-count: 10;
  animation-fill-mode: forwards;
}

@keyframes currentLoc {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  99% {
    transform: scale(5);
    opacity: 0;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
.bds-mapbtn-filter {
  background-color: #ffffff;
  box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.1);
  line-height: 1;
}
.bds-mapbtn-filter .bmf-box {
  position: relative;
}
.bds-mapbtn-filter .bmf-box + .bmf-box:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 15px;
  width: calc(100% - 30px);
  height: 1px;
  background-color: #eee;
}
.bds-mapbtn-filter .bmf-box-wr {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 13px 15px;
}
.bds-mapbtn-filter .bmf-box-bu {
  position: relative;
  padding: 13px 15px;
}
.bds-mapbtn-filter .bmf-box-bu:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 15px;
  width: calc(100% - 30px);
  height: 1px;
  background-color: #eee;
}
.bds-mapbtn-filter .bmf-title {
  color: #222;
  font-size: 14px;
}
.bds-mapbtn-filter .bmf-txts {
  margin: 5px 0 0;
  color: #666666;
  font-size: 12px;
  line-height: 15px;
}
.bds-mapbtn-filter .bmf-alone-check {
  display: flex;
  align-items: center;
  margin: -5px 0;
}
.bds-mapbtn-filter .cks .ck {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
}
.bds-mapbtn-filter .cks .ck:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
  border-radius: 100%;
  box-sizing: border-box;
}
.bds-mapbtn-filter .cks .ck:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 8px;
  width: 4px;
  height: 9px;
  margin-top: 4px;
  border-right: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: translate3d(0, -11px, 0) rotate(45deg);
  border-color: #cccccc;
}
.bds-mapbtn-filter .cks .ck.checked:before {
  border-color: #0481e2;
  background-color: #0481e2;
}
.bds-mapbtn-filter .cks .ck.checked:after {
  border-color: #fff;
}

.map-school-edu-filter {
  width: 185px;
}
.map-school-edu-filter .bmf-ckboxs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px 10px;
  width: 100%;
}
.map-school-edu-filter .bmf-ckboxs .ck {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.map-school-edu-filter .bmf-ckboxs .ck.none .won {
  background-color: #dddddd !important;
}
.map-school-edu-filter .bmf-ckboxs .txt {
  margin-top: 8px;
  color: #222222;
  font-size: 12px;
}
.map-school-edu-filter .bmf-ckboxs .won {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
.map-school-edu-filter .bmf-ckboxs .won:before {
  content: "";
  width: 18px;
  height: 13px;
  background-image: url("/images/ui_maker.png?v=u5eth3l");
  background-position: 0 -136px;
}
.map-school-edu-filter .bmf-ckboxs .won.green {
  background-color: #7bc145;
}
.map-school-edu-filter .bmf-ckboxs .won.yellow {
  background-color: #f6a42b;
}
.map-school-edu-filter .bmf-ckboxs .won.red {
  background-color: #f46043;
}
.map-school-edu-filter .bmf-ckboxs .won.blue {
  background-color: #4d8fe8;
}
.map-school-edu-filter .bmf-ckboxs .won.purple {
  background-color: #7b60df;
}
.map-school-edu-filter .bmf-ckboxs .won.pink {
  background-color: #e854c0;
}

.pop {
  display: none;
  position: fixed;
  max-height: 100%;
  z-index: 1000;
  padding: 47px 0;
}
.pop.on {
  display: block;
}
.pop.gridon.on {
  display: grid;
}

.pop_ani {
  animation-name: animation;
  animation-duration: 0.2s;
}

@-webkit-keyframes animation {
  /*     0%{opacity:0.5;transform:translate(0, -20px)}
  100%{opacity:1;transform:translate(0, 0px)} */
}
@keyframes animation {
  /*     0%{opacity:0.5;transform:translate(0, -20px)}
  100%{opacity:1;transform:translate(0, 0px)} */
}
.pop_dimm:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.6;
}

.pop .con_s01 {
  margin-top: 30px;
}
.pop .con_s01:first-child {
  margin-top: 0;
}
.pop .def-readme {
  color: #222;
  line-height: 21px;
}
.pop.style01 .pop_header {
  display: table;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 57px;
  padding-left: 20px;
  background: #4f5f72;
}
.pop.style01.button-fix .pop_btn_area {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 75px;
  padding-top: 20px;
  margin-top: 0;
  border: 1px solid #e5e5e5;
}
.pop.style01.button-fix > .pop_wrap > .pop_container {
  padding-bottom: 75px;
}
.pop.style01 .pop_header .dc {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  padding: 0 19px 0 0;
  text-align: left;
}
.pop.style01 .pop_header .dc.bad, .pop.style01 .pop_header .dc.happy, .pop.style01 .pop_header .dc.ques {
  padding-left: 30px;
}
.pop.style01 .pop_header .dc.bad:before, .pop.style01 .pop_header .dc.happy:before, .pop.style01 .pop_header .dc.ques:before {
  display: block;
  content: "";
  position: absolute;
  top: 14px;
  left: 0px;
  width: 20px;
  height: 20px;
}
.pop.style01 .pop_header .dc.bad:before {
  background: url("/images/pop_header_ico.png") no-repeat 0 0;
}
.pop.style01 .pop_header .dc.happy:before {
  background: url("/images/pop_header_ico.png") no-repeat -23px 0;
}
.pop.style01 .pop_header .dc.ques:before {
  background: url("/images/pop_header_ico.png") no-repeat -46px 0;
}
.pop.style01 .pop_header .tit {
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
}
.pop.style01 .pop_header .bu {
  position: relative;
  padding-left: 11px;
  margin-left: 10px;
  color: #fff;
  font-size: 16px;
  font-family: var(--font-default-two);
  font-weight: normal;
}
.pop.style01 .pop_header .bu:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  top: 4px;
  width: 1px;
  height: 16px;
  background: #dce1e5;
}
.pop.style01 .pop_container {
  height: 100%;
  padding-top: 67px;
  padding-bottom: 10px;
  background: #fff;
  border-radius: 5px;
}
.pop.style01 .pop_container.pt0 {
  padding-top: 57px;
}
.pop.style01 .pop_container.ptfull {
  padding: 57px 0 0;
}
.pop.style01 .pop_container.ptfull .sc {
  padding: 25px !important;
}
.pop.style01 .pop_content {
  overflow-y: hidden;
  position: relative;
  height: 100%;
  background: #ffffff;
  font-size: 14px;
  line-height: 1;
}
.pop.style01 .pop_content .sc {
  padding: 15px 25px 15px;
}
.pop.style01.noheader .pop_container {
  padding: 0;
}
.pop.style01.noheader .pop_container .sc {
  padding: 20px;
}
.pop.style01.scu .pop_content {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 15px 25px 15px;
}
.pop.style01.scu .pop_content {
  scrollbar-face-color: #bbc7d6;
  scrollbar-track-color: #ffffff;
}
.pop.style01.scu .pop_content {
  scrollbar-width: thin;
  scrollbar-color: #bbc7d6 #ffffff;
}
.pop.style01.scu .pop_content::-webkit-scrollbar {
  width: 25px;
  height: 25px;
}
.pop.style01.scu .pop_content::-webkit-scrollbar-thumb {
  background: #bbc7d6;
  border-radius: 15px;
  border-left: 10px #ffffff solid;
  border-right: 10px #ffffff solid;
}
.pop.style01.scu .pop_content::-webkit-scrollbar-track {
  background: #ffffff;
}
.pop.style01.scu .pop_content .sc {
  padding: 0;
}
.pop.style_dan {
  line-height: 1;
}
.pop.style_dan .pop_wrap {
  padding: 37px 40px 40px;
  background: #fff;
  border-radius: 5px;
}
.pop.style_dan .pop_header {
  margin-bottom: 17px;
  text-align: center;
}
.pop.style_dan .pop_header .tit {
  font-size: 22px;
  font-weight: bold;
}
.pop.style_dan .pop_header .tit .mini {
  font-size: 21px;
}
.pop.style_dan .topbu {
  margin-bottom: 37px;
  color: #7790ad;
  line-height: 20px;
  text-align: center;
}
.pop.ppc .pop_container {
  padding-top: 45px;
}
.pop.ppc .pop_container .sc {
  padding-top: 0;
}
.pop.ppc .ppc-title {
  margin: 0 0 25px;
  text-align: center;
}
.pop.ppc .ppc-title span {
  text-align: center;
  font-size: 14px;
}
.pop .pop-p-menu {
  padding: 10px 25px;
  /* height: 56px; */
  display: flex;
  position: absolute;
  top: 57px;
  z-index: 1;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #f0f0f0;
}
.pop .pop-p-menu:before, .pop .pop-p-menu:after {
  content: normal;
  display: block;
  position: absolute;
  top: 10px;
  width: 64px;
  height: 35px;
  background: url("/images/bggd01.png") no-repeat 0 0;
  z-index: 1;
}
.pop .pop-p-menu:before {
  left: 25px;
  transform: rotate(180deg);
}
.pop .pop-p-menu:after {
  right: 25px;
}
.pop .pop-p-menu .bt {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  width: 35px;
  height: 35px;
  border-radius: 100%;
  border: 1px solid #eeeeee;
  background: #fff;
  z-index: 2;
}
.pop .pop-p-menu .bt:before {
  content: "";
  display: block;
  width: 7px;
  height: 13px;
  background: url("/images/ui_chr.png") no-repeat 0 -108px;
}
.pop .pop-p-menu .bt.left {
  left: 25px;
}
.pop .pop-p-menu .bt.left:before {
  transform: rotate(180deg);
}
.pop .pop-p-menu .bt.right {
  right: 25px;
}
.pop .pop-p-menu.leftexe, .pop .pop-p-menu.rightexe {
  display: inline-flex;
}
.pop .pop-p-menu.leftexe:before {
  content: "";
}
.pop .pop-p-menu.leftexe .bt.left {
  display: inline-flex;
}
.pop .pop-p-menu.rightexe .bt.right {
  display: inline-flex;
}
.pop .pop-p-menu.rightexe:after {
  content: "";
}
.pop .pop-p-menu .menu {
  position: relative;
  overflow-x: hidden;
}
.pop .pop-p-menu .menu .mn {
  display: flex;
  flex-direction: row;
}
.pop .pop-p-menu .menu .mn .mr {
  display: flex;
  flex-direction: row;
}
.pop .pop-p-menu .menu .mn a {
  display: inline-flex;
  line-height: 1;
  align-items: center;
  height: 35px;
  margin-left: 5px;
  padding: 0 13px;
  border: 1px solid #eeeeee;
  border-radius: 17px;
  color: #666;
  white-space: nowrap;
}
.pop .pop-p-menu .menu .mn a:first-child {
  margin-left: 0;
}
.pop .pop-p-menu .menu .mn a.on {
  background: #0481e2;
  border: none;
  color: #fff;
  font-weight: bold;
}
.pop .pdrc {
  display: none;
}
.pop .pdrc.on {
  display: block;
}
.pop .def-txt {
  color: #222;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
}
.pop .def-txt .cl-blue {
  color: var(--color-bdsplanet);
}
.pop .main-msg {
  margin: 0 0 37px;
}
.pop .bottom-msg {
  margin: 28px 0 -5px;
}

.pop_wrap {
  position: relative;
  height: 100%;
}

.pop_btn_area {
  margin-top: 20px;
  font-size: 0;
}
.pop_btn_area.center {
  text-align: center;
}
.pop_btn_area .btns {
  margin-left: 5px;
}
.pop_btn_area .btns:first-child {
  margin-left: 0;
}
.pop_btn_area.rp-mobile {
  display: none !important;
}

.pop.style_dan .dae_btn_area .btns {
  width: 48.5%;
  margin-left: 3%;
}
.pop.style_dan .dae_btn_area .btns:first-child {
  margin-left: 0;
}

.pop_close {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 15px !important;
  height: 15px;
  background: url("/images/ui_btn_x.png") no-repeat 0 -48px;
}
.pop_close.black {
  background-position: 0 0;
}
.pop_close.white {
  background-position: 0px -48px;
}
.pop_close:hover, .pop_close:focus {
  outline-color: transparent;
}

.pop_close_ax {
  display: inline-block;
  position: absolute;
  top: 12px;
  right: 16px;
  width: 24px;
  height: 24px;
}
.pop_close_ax:after {
  content: "";
  display: block;
  transform: scale(1.3);
  width: 100%;
  height: 100%;
  position: absolute;
}
.pop_close_ax div {
  position: absolute;
  top: calc(50% - 10px);
  left: calc(50% - 1px);
  width: 2px;
  height: 20px;
  border-radius: 12px;
  background-color: #393939;
  transform-origin: center;
  border: 1px solid #393939;
}
.pop_close_ax .ax1 {
  rotate: 45deg;
}
.pop_close_ax .ax2 {
  rotate: -45deg;
}

.pop_close02 {
  display: block;
  position: absolute;
  top: 47px;
  right: -60px;
  width: 60px;
  height: 60px;
  background: #6a8395 url("/images/btn_x_close.png") no-repeat center;
}

.pop.style_dan .pop_close {
  top: 40px;
  right: 40px;
}

.pcon {
  margin-top: 30px;
}
.pcon:first-child {
  margin-top: 0;
}

.pop-msg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 14px;
}

.pop_alert01 {
  min-width: 300px;
}
.pop_alert01 .pop_container {
  padding: 44px 20px 25px !important;
}
.pop_alert01 .pop_content > .sc {
  padding: 0 25px !important;
}
.pop_alert01 .pop_readme {
  text-align: center;
  margin: 0;
}
.pop_alert01 .pop_readme p {
  font-size: 16px;
  letter-spacing: 0;
  word-break: break-all;
}
.pop_alert01.nopd .pop_content > .sc {
  padding: 0 !important;
}

.tit_pop01 {
  display: block;
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 17px;
  line-height: 1;
}
.tit_pop01 + .pop_readme {
  margin-top: -2px;
}

.pop_readme {
  margin: 0 0 14px;
}
.pop_readme p {
  line-height: 23px;
}
.pop_readme p.red {
  color: var(--color-def-red);
}
.pop_readme p.bblue {
  color: #7790ad;
}

.pop_con_col {
  margin-top: 25px;
}
.pop_con_col .co {
  margin-top: 25px;
}
.pop_con_col .co:first-child {
  margin-top: 0;
}

.pop-btn-area-type02 {
  display: flex;
  justify-content: center;
  margin: 35px 0 0;
}
.pop-btn-area-type02 .btns {
  flex: 1;
  max-width: 154px;
  height: 45px;
  margin-left: 10px;
}
.pop-btn-area-type02 .btns:first-child {
  margin-left: 0;
}
.pop-btn-area-type02 .btns span {
  font-size: 16px;
}

.pop.new-st {
  align-items: center;
  justify-content: center;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.6);
}
.pop.new-st.on {
  display: flex;
}
.pop.new-st .pop_wrap {
  height: auto;
}

/*



██████   ██████  ██████      ███████ ██████  ███████  ██████ ██  █████  ██           ██████  ██████  ███    ██ ████████ ███████ ███    ██ ████████
██   ██ ██    ██ ██   ██     ██      ██   ██ ██      ██      ██ ██   ██ ██          ██      ██    ██ ████   ██    ██    ██      ████   ██    ██
██████  ██    ██ ██████      ███████ ██████  █████   ██      ██ ███████ ██          ██      ██    ██ ██ ██  ██    ██    █████   ██ ██  ██    ██
██      ██    ██ ██               ██ ██      ██      ██      ██ ██   ██ ██          ██      ██    ██ ██  ██ ██    ██    ██      ██  ██ ██    ██
██       ██████  ██          ███████ ██      ███████  ██████ ██ ██   ██ ███████      ██████  ██████  ██   ████    ██    ███████ ██   ████    ██



*/
.pop_sudong_news .stit {
  margin-bottom: 15px;
}
.pop_sudong_news .stit span {
  font-size: 17px;
  font-weight: bold;
  color: #222;
}
.pop_sudong_news .stit em {
  margin-left: 5px;
  color: var(--color-def-red);
  font-size: 17px;
}
.pop_sudong_news .d_txtarea {
  height: 200px;
}

.pop_category_ri .category_gwan_add {
  margin-top: 25px;
  padding-top: 26px;
  border-top: 1px solid #eeeeee;
}
.pop_category_ri .cate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.pop_category_ri .cate:first-child {
  margin-top: 0;
}
.pop_category_ri .d01 {
  width: 400px;
}
.pop_category_ri .d02 {
  width: 200px;
}
.pop_category_ri .d03 {
  width: 407px;
}
.pop_category_ri .d02 {
  margin-left: 10px;
}
.pop_category_ri .btns.md, .pop_category_ri .btns.add {
  width: 80px;
  min-width: auto;
  margin-left: 10px;
}

.pop_login .p_j_login {
  position: relative;
  margin-top: 35px;
}
.pop_login .p_j_login .d_input input {
  letter-spacing: -0.3px;
  font-size: 15px;
}

.pop_inquiry .form_area .dit {
  margin: 5px 0 0;
}
.pop_inquiry .form_area .dit:first-child {
  margin: 0;
}

.pop_view_contacts .agent_info .wd {
  padding: 0;
}
.pop_view_contacts .agent_number {
  margin-top: 20px;
  padding: 0 25px;
  border: 1px solid #dddddd;
  line-height: 1;
}
.pop_view_contacts .agent_number.spc01 {
  padding: 0;
}
.pop_view_contacts .agent_number .phone {
  display: block;
  padding: 20px 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: var(--color-bdsplanet);
}
.pop_view_contacts .agent_number .phone + div {
  border-top: 1px solid #ddd;
}
.pop_view_contacts .agent_number .email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 49px;
}
.pop_view_contacts .agent_number .email div {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  color: #222;
  font-size: 14px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.pop_view_contacts .agent_number .email div + div {
  border-left: 1px solid #ddd;
}
.pop_view_contacts .agent_number.spc02 {
  display: flex;
  padding: 0;
}
.pop_view_contacts .agent_number.spc02 dl {
  flex: 1;
  padding: 20px 0;
  border-right: 1px solid #eeeeee;
  text-align: center;
}
.pop_view_contacts .agent_number.spc02 dl:last-child {
  border: none;
}
.pop_view_contacts .agent_number.spc02 dl dt {
  color: #000;
  font-size: 14px;
}
.pop_view_contacts .agent_number.spc02 dl dd.email02 {
  margin-top: 9px;
}
.pop_view_contacts .agent_number.spc02 dl dd.number {
  margin-top: 20px;
  color: var(--color-bdsplanet);
  font-size: 20px;
  font-weight: bold;
}
.pop_view_contacts .pd_number_info {
  padding: 20px 0;
  text-align: center;
}
.pop_view_contacts .pd_number_info .pd_num {
  display: block;
  font-size: 16px;
  font-weight: bold;
}
.pop_view_contacts .pd_number_info .readme {
  margin-top: 10px;
  color: #666666;
  line-height: 20px;
}
.pop_view_contacts .agent_detail {
  margin: 10px 0 0;
  padding: 17px 13px;
  background: #fafafa;
}
.pop_view_contacts .agent_detail dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0;
  line-height: 26px;
}
.pop_view_contacts .agent_detail dt,
.pop_view_contacts .agent_detail dd {
  display: inline-block;
  font-size: 14px;
}
.pop_view_contacts .agent_detail dt {
  color: #666666;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pop_view_contacts .agent_detail dt:after {
  content: ":";
  margin: 0 5px;
}
.pop_view_contacts .ms_send_rq {
  margin: 25px 0 0;
}

.pd_report_view {
  padding: 20px;
  border: 1px solid #dddddd;
}
.pd_report_view .box_build {
  padding: 0;
  height: 140px;
}

/** 알림 서비스 팝업 */
#alert_service_popup {
  position: fixed;
  width: 100%;
  height: 100dvh !important;
  top: 0 !important;
  left: 0 !important;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#alert_service_popup::before {
  z-index: -1;
}
#alert_service_popup .noti-surround-pop-wrap {
  width: 454px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2509803922);
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-header {
  width: 100%;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 8px 16px;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-header > .box-empty {
  width: 24px;
  height: 24px;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-header > .title {
  text-align: center;
  color: #000000;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-header > .pop_close {
  position: inherit;
  top: inherit;
  right: inherit;
  width: 24px !important;
  height: 24px;
  cursor: pointer;
  background: url(../images/icon_cancel.png) no-repeat 50% 50%;
  background-size: contain;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body {
  width: 100%;
  padding: 8px 16px 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > .description {
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #6f6f6f;
  text-align: left;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > img {
  width: 180px;
  height: 180px;
  object-fit: contain;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > .box-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > .box-container > .box-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 12px;
  border-radius: 8px;
  background: #f2f4f8;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > .box-container > .box-text > .box-addr {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > .box-container > .box-text > .box-addr > svg {
  width: 20px;
  height: 20px;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > .box-container > .box-text > .box-addr > .showLocation {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #4d5358;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > .box-container > .box-text > .box-addr > .jibunAddr,
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > .box-container > .box-text > .box-addr > .bldgNm {
  display: none;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > .box-container > .box-text > .type {
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  letter-spacing: -0.5px;
  color: #6f6f6f;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > .box-container > .box-text > .price {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: -0.5px;
  color: #0081cc;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > .box-container > .text {
  width: 100%;
  text-align: left;
  color: #6f6f6f;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-body > .box-container > .text > a {
  color: #0043ce;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-footer > .btns {
  width: 108px;
  height: 40px;
  border-radius: 8px;
  padding: 0 16px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}
#alert_service_popup .noti-surround-pop-wrap .noti-surround-pop-footer > .btns.btn-alarm-confirm {
  background: #129ded;
  color: #ffffff;
}

.pd_report_reason {
  border-top: 1px solid #7790ad;
  border-bottom: 1px solid #e5e5e5;
  padding: 16px 15px;
}
.pd_report_reason .t_radio_ul li {
  margin-top: 5px;
}
.pd_report_reason .t_radio_ul li:first-child {
  margin-top: 0;
}

.pd_report_reason_txtarea {
  width: 500px;
  height: 100px;
}

.pop_mapview01 .pmap {
  height: 300px;
}

.pop_addr_toji {
  height: 80% !important;
}
.pop_addr_toji .pop_container {
  padding-top: 57px !important;
}
.pop_addr_toji .pop_content {
  padding: 0 !important;
}
.pop_addr_toji .addr_btn_area {
  margin-top: 20px;
  text-align: center;
}

.addrtoji_search {
  padding: 20px 30px;
  background: #f8f8f8;
}
.addrtoji_search .addr01 {
  font-size: 0;
}
.addrtoji_search .addr01 .d_select {
  padding-left: 5px;
}
.addrtoji_search .addr01 .d_select:first-child {
  padding-left: 0;
}
.addrtoji_search .addr01 .d01 {
  width: 22.7%;
}
.addrtoji_search .addr01 .d02 {
  width: 29.5%;
}
.addrtoji_search .addr01 .d03,
.addrtoji_search .addr01 .d04 {
  width: 23.9%;
}
.addrtoji_search .addr02 {
  margin-top: 10px;
}
.addrtoji_search .addr02 .radi {
  display: inline-block;
  vertical-align: middle;
}
.addrtoji_search .addr02 .addr_input {
  display: inline-block;
  vertical-align: middle;
  margin-left: 20px;
}
.addrtoji_search .addr02 .addr_input input {
  width: 70px;
}
.addrtoji_search .etc_txt {
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid #353535;
}
.addrtoji_search .etc_txt span {
  color: #6a8395;
}

.addr_search_result {
  /* padding:0 30px 30px; */
  margin-top: 30px;
}
.addr_search_result > ul li {
  margin-top: 15px;
  padding: 22px 16px;
  border: 1px solid #d6d6d6;
}
.addr_search_result > ul li:first-child {
  margin-top: 0;
}
.addr_search_result dl dt,
.addr_search_result dl dd {
  display: inline-block;
  vertical-align: middle;
}
.addr_search_result dl dt {
  display: inline-block;
  width: 36px;
  margin-right: 14px;
  padding: 3px 0px;
  border: 1px solid #d3e1ee;
  color: #068bd1;
  font-size: 11px;
  text-align: center;
}
.addr_search_result dl dd a {
  color: #222222;
  font-size: 14px;
}
.addr_search_result dl dd a:hover {
  border-bottom: 1px solid #222;
}

/*
 * common layout style of popup
 */
.dimmed {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 1010;
}
.dimmed.on {
  display: block;
}

/* 20160108수정 */
/* popup common : S */
.popup {
  display: none;
  position: fixed;
  top: 30% !important;
  left: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  /* min-width: 500px; */
  background: #ffffff;
  border-radius: 2px;
  z-index: 1020;
}
.popup.big .contents-title {
  margin: 0 0 0 20px;
}
.popup.big .scroll-body {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 600px;
  margin: 20px 0 0;
}
.popup.big .contents-part {
  margin: 0 20px;
}
.popup.on {
  display: block;
}

/*
.popup.big {
 top: 100px;
}
*/
.popup-small-width {
  /* margin-left: -156px; */
  width: 313px;
  /* min-width:0; */
  /* margin-left:0 !important; */
}

.popup-med-width {
  width: 612px;
  /* margin-left: -306px; */
}

.popup-wide-width {
  /* margin-left: -400px; */
  width: 800px;
}

.popup-width1000 {
  margin-left: -290px !important;
  width: 1000px;
}

.popup-width1080 {
  /* margin-left: -540px; */
  width: 1080px;
}

.popup-close {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  width: 15px;
  height: 15px;
  border: 0;
  text-indent: -9999px;
  background: url(../images/icon_close_pop.png) no-repeat;
}

.popup-top-close {
  position: absolute;
  top: -30px;
  right: 0px;
  padding: 0;
  width: 27px;
  height: 27px;
  border: 0;
  text-indent: -9999px;
  background: url(../images/icon_top_close.png) no-repeat;
}

.popup-title {
  position: relative;
  padding-top: 90px;
  text-align: center;
  line-height: 1.5;
  color: #222;
  font-size: 20px;
  font-weight: bold;
}
.popup-title.check:after {
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  position: absolute;
  top: 34px;
  left: 50%;
  margin-left: -19px;
  background: url(../images/icon_pop_title.png) no-repeat;
}
.popup-title.check.yellow:after {
  background-position: -50px 0;
}
.popup-title.dele.check:after {
  width: 42px;
  height: 46px;
  background: url(../images/icon_pop_title-dele.png) no-repeat;
}

.popup-subtitle {
  margin-top: 12px;
  color: #222;
  text-align: center;
  font-size: 16px;
  line-height: 1.3;
}

.popup .contents-part {
  margin: 20px;
}

/* popup common : E */
/* popup join : S */
.popup-join-title {
  position: relative;
  padding-top: 90px;
  text-align: center;
  line-height: 1.5;
  color: #222;
  font-size: 20px;
  font-weight: bold;
}
.popup-join-title.email:after {
  content: "";
  display: block;
  width: 49px;
  height: 37px;
  position: absolute;
  top: 34px;
  left: 50%;
  margin-left: -25px;
  background: url(../images/icon_join.png) no-repeat;
  background-position: 0 -610px;
}

.popup-join-form {
  margin-top: 50px;
}

.popup-join-form-wrap {
  position: relative;
  border: 1px solid #cbcbcb;
}
.popup-join-form-wrap.email:after {
  content: "";
  display: block;
  width: 21px;
  height: 16px;
  position: absolute;
  top: 9px;
  right: 9px;
  background: url(../images/icon_join.png) no-repeat;
  background-position: -85px -610px;
}

.popup-join-form-label {
  position: absolute;
  top: 11px;
  left: 10px;
  line-height: 1;
  color: #999;
}

.popup-join-form-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  width: 240px;
  height: 35px;
  border: 0;
  background: transparent;
}

.popup-join-form-submit {
  margin-top: 5px;
  width: 100%;
  height: 37px;
  line-height: 37px;
  font-size: 13px;
}

.popup-join-agree {
  margin-top: 10px;
}
.popup-join-agree:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.popup-join-agree-chk {
  float: left;
  margin: 0;
  padding: 0;
  height: 17px;
  line-height: 17px;
}

.popup-join-agree-label {
  margin-left: 5px;
  color: #999;
  height: 17px;
  line-height: 17px;
  font-size: 11px;
}

.popup-join-agree-view {
  width: 34px;
  height: 17px;
  line-height: 17px;
  color: #ffffff;
  font-size: 11px;
  text-align: center;
  background: #cbcbcb;
}

.popup-join-login {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #cbcbcb;
  text-align: center;
  font-weight: bold;
}
.popup-join-login .em-blue {
  margin-left: 10px;
}

/* popup join : E */
/* popup find post */
.clear:after {
  content: "";
  display: block;
  clear: both;
}

.pop-body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  line-height: 1;
}

.pop-title {
  margin-bottom: 17px;
  padding-bottom: 20px;
  font-size: 20px;
  color: #00a0e9;
  line-height: 1;
  border-bottom: 1px solid #cbcbcb;
}

.pop-subtitle {
  margin-top: 20px;
  font-size: 13px;
  font-weight: bold;
}

.pop-tab-list {
  height: 39px;
  border-bottom: 1px solid #dcdcdc;
}

.pop-tab-item {
  float: left;
}

.pop-tab-link {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 150px;
  height: 39px;
  line-height: 39px;
  color: #222;
  font-size: 13px;
  text-align: center;
  background-color: #f9f9f9;
  border: 1px solid #dcdcdc;
  border-bottom: 0;
}
.pop-tab-link.on {
  height: 40px;
  background-color: #fff;
  color: #00a0e9;
  font-weight: bold;
  border-top: 2px solid #00a0e9;
}

.pop-tab-cont {
  display: none;
}
.pop-tab-cont.on {
  display: block;
}

.pop-btn-box {
  margin: 10px 0;
  text-align: center;
}

.pop-gray-box {
  padding: 10px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background-color: #fafafa;
}
.pop-gray-box .row-1:after,
.pop-gray-box .row-2:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.pop-gray-box .row-1 {
  margin: 0 0 10px 0;
}
.pop-gray-box:after {
  content: "";
  display: block;
  clear: both;
}

.pop-box {
  margin-top: 10px;
  border-top: 2px solid #282828;
  border-bottom: 1px solid #dcdcdc;
}
.pop-box.has-table {
  height: 244px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.pop-box.has-table .estate-name {
  color: var(--color-bdsplanet);
  border-bottom: 1px solid var(--color-bdsplanet);
}
.pop-box:after {
  content: "";
  display: block;
  clear: both;
}

.pop-table {
  width: 100%;
}

.pop-table-th {
  height: 46px;
  background-color: #fafafa;
  color: #666;
  border-right: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  font-size: 12px;
}

.pop-table-td {
  padding: 5px 10px;
  color: #666;
  border-top: 1px solid #dcdcdc;
}

.pop-table tr:first-child .pop-table-th,
.pop-table tr:first-child .pop-table-td {
  border-top: 0;
}

.pop-action-box {
  margin-top: 4px;
}
.pop-action-box:after {
  content: "";
  display: block;
  clear: both;
}

.pop-action-left {
  float: left;
}

.pop-action-right {
  float: right;
}

.pop-bottom {
  margin-top: 20px;
  text-align: center;
}

.pop.pop_mm_info_detail .pop_container,
.pop.pop_mm_info_detail .pop_content {
  background: #f2f3f7;
}
.pop.pop_mm_info_detail .fs-cn-fsw .fs-fin-box:last-child {
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
}

.pop.pop-addr-search {
  height: 654px !important;
}

.pop-addr-search .addr-ser-wp .location_fi_wd {
  height: auto;
}
.pop-addr-search .addr-ser-wp .location_fi_wd .a_area {
  height: auto;
  padding: 0 25px 15px 0px;
}
.pop-addr-search .addr_ul {
  padding: 0 0 0 1px;
}
.pop-addr-search .location_fi_wd .ltfi_con {
  height: auto;
  padding-bottom: 0;
}

.pop.pop-agency-contact {
  line-height: 1;
}
.pop.pop-agency-contact .pop_wrap {
  width: 360px;
  padding: 43px 20px 24px;
  background: #fff;
  border-radius: 5px;
}
.pop.pop-agency-contact .title {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #222;
  line-height: 24px;
}
.pop.pop-agency-contact .contact-box {
  margin-top: 24px;
  background: #fafafa;
  padding: 0 20px;
}
.pop.pop-agency-contact .contact-box .number {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  color: #1f75ea;
  border-bottom: 1px solid #eeeeee;
  font-size: 24px;
  letter-spacing: 0px;
  font-weight: bold;
}
.pop.pop-agency-contact .addr {
  padding: 20px 0 18px;
  text-align: center;
}
.pop.pop-agency-contact .addr .txt {
  color: #222222;
  line-height: 20px;
}
.pop.pop-agency-contact .dae + .txt {
  margin-top: 9px;
}
.pop.pop-agency-contact .etctxt {
  margin: 19px 0 0;
  color: #7790ad;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
}
.pop.pop-agency-contact .pop_close {
  top: 65px;
}

.pop-mat-ser .pop_wrap,
.pop-medi-select .pop_wrap {
  background: #fff;
  line-height: 1;
  border-radius: 5px;
}
.pop-mat-ser .close,
.pop-medi-select .close {
  position: absolute;
  top: 42px;
  right: 40px;
}

.pp-mat-ser {
  padding: 0 40px 40px;
}
.pp-mat-ser .titlearea {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.pp-mat-ser .titlearea .tit {
  color: #222;
  font-size: 22px;
  font-weight: bold;
}
.pp-mat-ser .pms-box {
  position: relative;
  padding: 30px 0;
  margin: 10px 0 0;
  background: #f8f8f8;
  border-radius: 10px;
  text-align: center;
}
.pp-mat-ser .pms-box:first-child {
  margin: 0;
}
.pp-mat-ser .pms-box .title {
  display: block;
  margin: 0 0 10px;
  color: #222222;
  font-size: 20px;
  font-weight: bold;
}
.pp-mat-ser .pms-box .txt01 {
  display: block;
  position: relative;
  z-index: 1;
  color: #4f5f72;
  font-size: 16px;
  line-height: 23px;
}
.pp-mat-ser .pms-box .pms-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 44px;
  margin: 15px 0 0 0;
  border-radius: 22px;
  color: #ffffff;
  background: var(--color-bdsplanet);
  font-size: 14px;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

.pop-search-trainloc {
  width: 460px;
}
.pop-search-trainloc .pop_close {
  top: 40px;
  right: 40px;
}

.pop.pop-mmp {
  line-height: 1;
}
.pop.pop-mmp .pop_container {
  padding-top: 45px;
}
.pop.pop-mmp .pop_content .sc {
  padding-top: 0;
}
.pop.pop-mmp .msg {
  text-align: center;
  line-height: 21px;
}
.pop.pop-mmp .msg .cl-red {
  color: var(--color-def-red);
}
.pop.pop-mmp .msg .cl-blue {
  color: #1f75ea;
}
.pop.pop-mmp .esc-benefit {
  margin-top: 18px;
}
.pop.pop-mmp .esc-benefit .dae {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  margin: 0 0 10px;
  background: #eaf4ff;
  border-radius: 15px;
  color: var(--color-bdsplanet02);
  font-weight: bold;
}
.pop.pop-mmp .p_j_login {
  margin-top: 20px;
}
.pop.pop-mmp .mmp-service-loc {
  margin-top: 18px;
}
.pop.pop-mmp .eyong-box {
  overflow-y: auto;
  height: 100px;
  margin-top: 5px;
  border: 1px solid #eeeeee;
}
.pop.pop-mmp .eyong-box .box {
  padding: 13px 13px;
  line-height: 17px;
  color: #999999;
  font-size: 12px;
}
.pop.pop-mmp .eyong-box .box .tit {
  margin: 0 0 5px;
  color: #666666;
  font-weight: bold;
  font-size: 13px;
}
.pop.pop-mmp .hide {
  display: none !important;
}

.pop-dae-ico {
  margin: 0 0 17px;
}
.pop-dae-ico .ico {
  display: block;
  margin: 0 auto;
}
.pop-dae-ico .ico.alert-red {
  display: block;
  width: 32px;
  height: 32px;
  background-image: var(--bg-i-common);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: -150px -190px;
}

/* 프리미엄 팝업 */
.pop.pop-premium-rm .pop_container {
  border-radius: 5px;
  background: #fff;
}
.pop.pop-premium-rm .sc {
  line-height: 1;
  padding: 40px 40px 33px;
  margin: 0 auto;
}
.pop.pop-premium-rm .titlearea .tit {
  color: #000;
  font-size: 40px;
  font-weight: bold;
}
.pop.pop-premium-rm .titlearea .subtxt {
  margin-top: 10px;
  color: #000;
  font-size: 18px;
  line-height: 26px;
}
.pop.pop-premium-rm .prp-rd {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 15px;
  margin: 30px 0 0;
}
.pop.pop-premium-rm .prp-rd .imgarea {
  width: 196px;
  height: 240px;
}
.pop.pop-premium-rm .prp-rd .tt {
  margin: 20px 0 0;
}
.pop.pop-premium-rm .prp-rd .tb .dae {
  color: #084895;
  font-size: 17px;
  font-weight: bold;
}
.pop.pop-premium-rm .prp-rd .tb .bu {
  margin-top: 11px;
  color: #222;
  font-size: 14px;
  line-height: 20px;
}
.pop.pop-premium-rm .prp-rd .tb.tb01 .imgarea {
  background-image: url("/images/ppri01.png");
}
.pop.pop-premium-rm .prp-rd .tb.tb02 .imgarea {
  background-image: url("/images/ppri02.png");
}
.pop.pop-premium-rm .prp-rd .tb.tb03 .imgarea {
  background-image: url("/images/ppri03.png");
}
.pop.pop-premium-rm .etc {
  margin-top: 30px;
  padding-bottom: 6px;
  color: #666666;
  text-align: center;
  font-size: 13px;
}
.pop.pop-premium-rm .etc .login {
  margin-left: 10px;
  color: var(--color-bdsplanet);
  padding-bottom: 2px;
  border-bottom: 1px solid var(--color-bdsplanet);
}
.pop.pop-premium-rm .etc .login.gray {
  color: #666666;
  border-bottom: 1px solid #666;
}
.pop.pop-premium-rm .pop_btn_area {
  margin-top: 40px;
}
.pop.pop-premium-rm .btns.ui_pop_close,
.pop.pop-premium-rm .btns.premium_req {
  height: 60px;
  border-radius: 5px;
}
.pop.pop-premium-rm .btns.ui_pop_close span,
.pop.pop-premium-rm .btns.premium_req span {
  font-size: 16px;
}
.pop.pop-premium-rm .btns.ui_pop_close {
  width: 100px;
}
.pop.pop-premium-rm .btns.premium_req {
  width: 260px;
  margin-left: 10px;
}
.pop.pop-premium-rm .btns.premium_req span {
  font-weight: bold;
}
.pop.pop-premium-rm .areadraw-rm .premium-rm {
  width: 620px;
  height: auto;
  background-size: 100%;
}
.pop.pop-premium-rm .pop_close {
  top: 40px;
  right: 40px;
}

.pop.pop-pre-exp {
  height: 100% !important;
  padding: 0 !important;
  top: 0px;
  right: 0px;
  line-height: 1;
}
.pop.pop-pre-exp a.btn-close {
  position: absolute;
  top: 0px;
  left: -80px;
  width: 80px;
  height: 80px;
  background: #eee;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.pop.pop-pre-exp a.btn-close:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("/images/ui_btn_x.png") no-repeat 0 -104px;
}

.pop.pop-pm-member {
  line-height: 1;
}
.pop.pop-pm-member .pop_container {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  background: none;
}
.pop.pop-pm-member .pop_content {
  padding-top: 36px;
  padding-bottom: 40px;
}
.pop.pop-pm-member .pop_content .sc {
  padding-top: 0px;
  padding-bottom: 0px;
}
.pop.pop-pm-member .tplarea {
  height: 65px;
  margin: 0 0 20px;
  border-bottom: 1px solid #eeeeee;
}
.pop.pop-pm-member .tplarea .tpl {
  width: 133px;
  height: 28px;
  background: url("/images/logo_new01.png") no-repeat 0 0;
  margin: 0 auto;
}
.pop.pop-pm-member .me-mi .me {
  text-align: center;
}
.pop.pop-pm-member .me-mi .me .email {
  color: #000000;
  font-weight: bold;
  font-size: 20px;
}
.pop.pop-pm-member .me-mi .me .rr {
  margin-top: 6px;
  color: #000000;
  line-height: 20px;
}
.pop.pop-pm-member .pm-mepd-info {
  width: 100%;
  height: 120px;
  margin-top: 19px;
  padding: 0 40px;
}
.pop.pop-pm-member .pm-mepd-info .pdname {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 54px;
  border-bottom: 2px solid #9fa7ee;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.pop.pop-pm-member .pm-mepd-info .period {
  display: flex;
  flex-wrap: wrap;
  padding-top: 9px;
  line-height: 20px;
}
.pop.pop-pm-member .pm-mepd-info .period dl {
  display: flex;
  position: relative;
  padding-left: 7px;
}
.pop.pop-pm-member .pm-mepd-info .period dl:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  top: 9px;
  left: 0px;
  position: absolute;
  background: #ffe776;
}
.pop.pop-pm-member .pm-mepd-info .period dt,
.pop.pop-pm-member .pm-mepd-info .period dd {
  color: #ffe776;
  font-weight: bold;
}
.pop.pop-pm-member .pm-mepd-info .period dd {
  font-weight: bold;
}
.pop.pop-pm-member .pm-mepd-info .readme {
  display: flex;
  align-items: center;
  height: 100%;
  color: #fff;
  text-align: center;
  line-height: 24px;
}
.pop.pop-pm-member .pop_btn_area {
  display: flex;
}
.pop.pop-pm-member .pop_btn_area .btns {
  flex: 1;
  height: 45px;
  margin-left: 10px;
}
.pop.pop-pm-member .pop_btn_area .btns:first-child {
  margin-left: 0;
}
.pop.pop-pm-member .pop_btn_area .btns span {
  font-size: 16px;
}
.pop.pop-pm-member .option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding-right: 40px;
  background: #222222;
}
.pop.pop-pm-member .option .dwa {
  color: #ffffff;
}

.pop.pop_dupli_agency {
  top: 120px;
}

.pop.pop-mypayment {
  padding: 0;
}
.pop.pop-mypayment.cancel02 {
  top: 47px !important;
}
.pop.pop-mypayment.cancel02 .pop_wrap {
  max-height: calc(100vh - 94px);
}
.pop.pop-mypayment.cancel02 .pop_container {
  height: calc(100% - 109px);
}
.pop.pop-mypayment.cancel02 .pop_content {
  height: 100%;
}
.pop.pop-mypayment.cancel02 .sc {
  height: 100%;
}
.pop.pop-mypayment.cancel02 .scroll-c {
  height: calc(100% - 136px);
  margin: 0 -40px;
}
.pop.pop-mypayment.cancel02 .scroll-c > div {
  padding: 0px 40px;
}
.pop.pop-mypayment.cancel02 .scroll-c .mCSB_scrollTools {
  width: 17px;
}

.pop-common-readme .bu-box > .titlearea {
  display: flex;
  justify-content: space-between;
  margin: 0 0 14px;
}
.pop-common-readme .bu-box > .titlearea .tit {
  color: var(--color-bdsplanet);
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.pop-common-readme .bu-box > .titlearea .etc-g {
  color: #999999;
  font-size: 13px;
}
.pop-common-readme .line-did-con {
  padding: 15px 0 0;
  border-top: 1px solid #eeeeee;
}
.pop-common-readme .line-did-con .titlearea {
  margin-bottom: 4px;
}
.pop-common-readme .line-did-con .tit {
  color: #222222;
  font-weight: bold;
}
.pop-common-readme .line-did-con + .line-did-con {
  margin-top: 14px;
}
.pop-common-readme .line-did-con.bds {
  padding-top: 30px;
}
.pop-common-readme .dash-ul {
  color: #666666;
  line-height: 21px;
}
.pop-common-readme .dash-ul > li {
  position: relative;
  padding-left: 10px;
}
.pop-common-readme .dash-ul > li:before {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 5px;
  top: 10px;
  left: 0px;
  background: #666;
}
.pop-common-readme .dash-ul .def-ul {
  display: flex;
}
.pop-common-readme .dash-ul .def-ul dd {
  flex: 1;
  margin-left: 5px;
}

.pop.pop-predi-bs .bu-box {
  margin-top: 25px;
}

.pop.bds {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.pop.bds.on {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pop.bds.pop_dimm {
  background-color: rgba(0, 0, 0, 0.6);
}
.pop.bds.pop_dimm:before {
  content: normal;
}
.pop.bds.bdr-none .pbds-ph,
.pop.bds.bdr-none .pbds-pb {
  border-radius: 0 !important;
}
.pop.bds .hide {
  display: none !important;
}
.pop.bds .pbds-pr {
  max-height: 100%;
}
.pop.bds .pbds-ps {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pop.bds .pbds-ps > .scroll-container .pbds-pb {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pop.bds .pbds-ph {
  background-color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.pop.bds .pbds-ph.big01 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100px;
}
.pop.bds .pbds-ph.big01 .title {
  color: #000000;
  font-size: 22px;
}
.pop.bds .pbds-ph.attached-top {
  display: flex;
  align-items: center;
  height: 57px;
  padding-left: 20px;
  background-color: #4f5f72;
}
.pop.bds .pbds-ph.attached-top .title {
  color: #fff;
  font-size: 18px;
}
.pop.bds .pbds-ph.attached-top ~ .scroll-container .pbds-pb {
  padding: 25px;
}
.pop.bds .pbds-ph ~ .pop_close {
  top: 20px;
  right: 15px;
}
.pop.bds .pbds-pb {
  flex: 1;
  overflow-y: auto;
  background: #fff;
  border-radius: 6px;
}
.pop.bds .pbds-pb.bottom-radius-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.pop.bds .pbds-pb + .ct-bottom-btnarea.nopd .btns {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pop.bds .scroll-container + .pbds-pb {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pop.bds .pbds-ph.big01 + .pbds-pb .pbds-pct {
  padding-left: 40px;
  padding-right: 40px;
}
.pop.bds .pbds-ph.big01 + .scroll-container .pbds-pb .pbds-pct {
  padding-left: 40px;
  padding-right: 40px;
}
.pop.bds .pbds-pct.not-bottom {
  padding-bottom: 40px;
}
.pop.bds .ct-bottom-btnarea.pd {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pop.bds .ct-bottom-btnarea:not(.pd) {
  overflow: hidden;
  border-radius: 0 0 6px 6px;
}
.pop.bds .ct-bottom-btnarea:not(.pd) .btns {
  border-radius: 0;
}
.pop.bds .ct-bottom-btnarea.pd40 {
  gap: 10px;
  padding: 40px;
  background: #fff;
}
.pop.bds .ct-bottom-btnarea.pd40 .btns {
  height: 45px;
}
.pop.bds .ct-bottom-btnarea.init:before {
  margin: 0 5px 0 0;
}
.pop.bds .scroll-container {
  height: 100%;
  overflow-y: auto;
  flex: 1;
  scrollbar-width: none;
}
.pop.bds .scroll-container::-webkit-scrollbar {
  display: none;
}
.pop.bds .pop_close {
  top: 42px;
  right: 40px;
}
.pop.bds .psa-box > .title {
  margin: 0 0 15px;
}
.pop.bds .psa-box > .title .txt {
  color: #222;
  font-size: 17px;
  font-weight: bold;
}
.pop.bds .psa-box > .title em {
  margin-left: 5px;
  color: #999999;
  font-size: 13px;
}
.pop.bds .psa-box > .title .save-count {
  float: right;
  margin: 5px 0 5px 5px;
  font-size: 13px;
}
.pop.bds .psa-box > .title .save-count .gray {
  color: #999999;
}
.pop.bds .psa-box + .psa-box {
  margin: 30px 0 0;
}
.pop.bds .psa-input-wr {
  position: relative;
}
.pop.bds .psa-input-def,
.pop.bds .psa-memo {
  border: 1px solid #dddddd;
  border-radius: 3px;
}
.pop.bds .psa-input-def:disabled,
.pop.bds .psa-memo:disabled {
  background: #f5f5f5;
}
.pop.bds .psa-input-def:disabled + .ui-placeholder-txt,
.pop.bds .psa-memo:disabled + .ui-placeholder-txt {
  display: none;
}
.pop.bds .psa-input-def:focus, .pop.bds .psa-input-def.on,
.pop.bds .psa-memo:focus,
.pop.bds .psa-memo.on {
  outline: none;
  border: 1px solid var(--color-bdsplanet);
}
.pop.bds .psa-input-def {
  width: 100%;
  height: 40px;
  padding: 15px 52px 15px 15px;
}
.pop.bds .psa-input-memo {
  position: relative;
}
.pop.bds .psa-input-memo .psa-memo {
  width: 100%;
  min-height: 104px;
  padding: 15px 52px 15px 15px;
  resize: none;
}
.pop.bds .psa-tac-color {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 9px;
}
.pop.bds.ver_2 .pbds-pr {
  display: flex;
}
.pop.bds.ver_2 .pbds-ps {
  width: 100%;
  height: auto;
}
.pop .viBox + .viBox {
  margin: 32px 0 0;
}
.pop .viBox.line {
  padding: 32px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.pop .rdtac01 {
  display: flex;
  gap: 9px;
  align-items: center;
  padding: 8px 0;
}
.pop .rdtac01 label .txt01 {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #393939;
}
.pop .rdtac01 label .txt02 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #6f6f6f;
}
.pop .propSwitch01 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 8px 0;
}
.pop .propSwitch01 label {
  flex: 1;
}
.pop .propSwitch01 label .txt01 {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  color: #393939;
}
.pop .propSwitch01 label .txt02 {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #6f6f6f;
}
.pop .propSwitch01 .swr {
  width: 95px;
  justify-content: end;
}
.pop .addrfoldersetwindowBanner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 28px 16px 16px;
  margin: 0 0 16px;
  background-color: #f2f4f8;
  border-radius: 8px;
}
.pop .addrfoldersetwindowBanner p {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #393939;
}
.pop .addrfoldersetwindowBanner p strong {
  font-weight: 700;
  color: var(--color-bdsplanet);
}
.pop .addrfoldersetwindowBanner div:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  transform: rotate(315deg);
  border-right: 2px solid #6f6f6f;
  border-bottom: 2px solid #6f6f6f;
}
.pop .addrfoldersetwindowSwitchs.disabled {
  opacity: 1;
}
.pop .addrfoldersetwindowSwitchs.disabled label {
  opacity: 0.6;
}
.pop .addrfoldersetwindowSwitchs.disabled .swr {
  opacity: 0.6;
}
.pop .addrfoldersetwindow_user_save_membership_yn {
  display: flex;
  gap: 8px;
  align-items: center;
  margin: 16px 0 0;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.0509803922);
  border-radius: 8px;
}
.pop .addrfoldersetwindow_user_save_membership_yn .rd {
  flex: 1;
  width: 100%;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #4d5358;
}
.pop .addrfoldersetwindow_user_save_membership_yn .btnPaymentListGo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 36px;
  border: 1px solid #dde1e6;
  border-radius: 8px;
  background-color: #fff;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #697077;
}
.pop .addrfoldersetwindow_view_yn_y_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.pop .addrfoldersetwindow_view_yn_y_wrap .rdtac01 {
  flex: 1;
}
.pop .addrfoldersetwindow_view_yn_y_url_share_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid var(--color-bdsplanet);
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: var(--color-bdsplanet);
}

.ct-bottom-btnarea {
  display: flex;
}
.ct-bottom-btnarea .btns {
  flex: 1;
  height: 100%;
  border: 1px solid transparent;
}
.ct-bottom-btnarea .btns.bg-f5f5f5 {
  background-color: #f5f5f5;
}
.ct-bottom-btnarea .btns.bg-f5f5f5 .txt {
  color: #666;
}
.ct-bottom-btnarea .btns.bg-129ded {
  background-color: var(--color-bdsplanet);
}
.ct-bottom-btnarea .btns.bg-129ded .txt {
  color: #fff;
}
.ct-bottom-btnarea .btns.bd-909090_bg-fff_txt-000, .ct-bottom-btnarea .btns.bd-black_bg-white_txt-black {
  background-color: #fff;
  border: 1px solid #909090;
}
.ct-bottom-btnarea .btns.bd-909090_bg-fff_txt-000 .txt, .ct-bottom-btnarea .btns.bd-black_bg-white_txt-black .txt {
  color: #000;
}
.ct-bottom-btnarea .btns.bg-red_txt-red {
  background-color: #ffe9ec;
}
.ct-bottom-btnarea .btns.bg-red_txt-red .txt {
  color: var(--color-def-red);
}
.ct-bottom-btnarea .btns.init:before {
  margin-right: 5px;
}
.ct-bottom-btnarea.font-16 .btns {
  font-size: 16px;
}

.pop.pop_sns_sh .pbds-pr {
  min-width: 300px;
}

.pop.pop-alarm-tac .pbds-pr {
  width: 400px;
}
.pop.pop-alarm-tac .pop-msg {
  height: 100px;
  background: rgba(0, 0, 0, 0.9);
  font-size: 16px;
}

:root {
  --bdsplanet-samsik-pd: 48px 0 0;
  --bdsplanet-title-width: 133px;
}

.pop.style_dan.pop_login {
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2509803922);
  padding: 0 !important;
}
.pop.style_dan.pop_login .t23vaWrh18bba {
  display: flex;
  flex-direction: column;
  height: 616px;
  padding: 48px 0 0;
  border-radius: 16px;
}
.pop.style_dan.pop_login .t23vaWrh18bbabnPew {
  flex: 1;
}
.pop.style_dan.pop_login .t23vaWrh18bbahjSt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.pop.style_dan.pop_login .t23vaWrh18bba__jjrqf {
  margin-bottom: 0;
}
.pop.style_dan.pop_login .t23vaWrh18bba__vkw23586 {
  width: 133px;
  height: 28px;
  margin: 0 auto;
}
.pop.style_dan.pop_login .t23vaWrh18bba__vkw23586 img {
  width: 100%;
}
.pop.style_dan.pop_login .t23vaWrh18bba__gdsg236 {
  height: 100%;
  padding: 24px;
}

.t23vaWrh18bbayweghd {
  margin: 0 0 8px;
}
.t23vaWrh18bbajutwr {
  padding: 0 0 0 2px;
  color: #393939;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.5px;
  text-align: left;
}
.t23vaWrh18bbajutwr:after {
  content: "*";
  position: relative;
  top: -2px;
  margin: 0 0 0 1px;
  color: #ff55b1;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.t23vaWrh18bbahdvasd + .t23vaWrh18bbahdvasd {
  margin: 16px 0 0;
}
.t23vaWrh18bbasYgxc {
  margin: 16px 0 0;
  padding: 3px;
}
.t23vaWrh18bbaheqWq {
  margin: 12px 0 0;
}
.t23vaWrh18bbabduwz {
  height: 44px;
  background-color: var(--color-bdsplanet);
  border-radius: 8px;
  opacity: 1 !important;
}
.t23vaWrh18bbabduwz span {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.5px;
  text-align: center;
}
.t23vaWrh18bbabduwz.disabled {
  pointer-events: auto;
}
.t23vaWrh18bbawQWVx {
  padding: 15px 0 27px;
  text-align: right;
}
.t23vaWrh18bba a.t23vaWrh18bbaPvqaz {
  color: #6F6F6F;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.5px;
}
.t23vaWrh18bbatrs {
  display: flex;
  justify-content: center;
  gap: 24px;
}
.t23vaWrh18bba7izAw {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 100%;
}
.t23vaWrh18bba7izAw[data-sns=naver] {
  background-color: #00C73C;
}
.t23vaWrh18bba7izAw[data-sns=kakao] {
  background-color: #FEE500;
}
.t23vaWrh18bba7izAw[data-sns=facebook] {
  background-color: #1877F2;
}
.t23vaWrh18bbaYczc {
  display: flex;
  height: 48px;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
}
.t23vaWrh18bbaloW {
  display: inline-flex;
  align-items: center;
}
.t23vaWrh18bbaQy7 {
  margin: 0 0 0 4px;
  color: #6f6f6f;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.5px;
  text-align: center;
}
.t23vaWrh18bbaHw8 {
  color: #161616;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.5px;
  text-align: center;
}
.t23vaWrh18bbahet {
  position: relative;
}
.t23vaWrh18bbaCh12 {
  position: absolute;
  top: -44px;
  left: 24px;
  transform: translate(-50%, 0);
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #fff;
  white-space: nowrap;
}
.t23vaWrh18bbaCh12:after {
  content: "";
  position: absolute;
  left: calc(50% - 5px);
  bottom: -9px;
  border-top: 9px solid rgba(0, 0, 0, 0.8);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

/*input*/
.diph243vbb {
  position: relative;
}
.diph243vbb.flex {
  display: flex;
}
.diph243vbb.gap-8px {
  gap: 8px;
}
.diph243vbbyweghd {
  margin: 0 0 8px;
}
.diph243vbbyweghd.mb12 {
  margin-bottom: 12px;
}
.diph243vbbjutwr {
  padding: 0 0 0 2px;
  color: #393939;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.5px;
  text-align: left;
}
.diph243vbbjutwr:after {
  content: "*";
  position: relative;
  top: -2px;
  margin: 0 0 0 1px;
  color: #ff55b1;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.diph243vbbjutwr.fi:after {
  content: normal;
}
.diph243vbb input[type=text],
.diph243vbb input[type=mail],
.diph243vbb input[type=email],
.diph243vbb input[type=number],
.diph243vbb input[type=tel],
.diph243vbb input[type=password] {
  appearance: none;
  width: 100%;
  height: 48px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #161616;
  outline: none;
}
.diph243vbb input[type=text]:focus,
.diph243vbb input[type=mail]:focus,
.diph243vbb input[type=email]:focus,
.diph243vbb input[type=number]:focus,
.diph243vbb input[type=tel]:focus,
.diph243vbb input[type=password]:focus {
  border-color: var(--color-bdsplanet);
}
.diph243vbb input[type=text]::placeholder,
.diph243vbb input[type=mail]::placeholder,
.diph243vbb input[type=email]::placeholder,
.diph243vbb input[type=number]::placeholder,
.diph243vbb input[type=tel]::placeholder,
.diph243vbb input[type=password]::placeholder {
  color: #8d8d8d;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.diph243vbb input[type=text].alert,
.diph243vbb input[type=mail].alert,
.diph243vbb input[type=email].alert,
.diph243vbb input[type=number].alert,
.diph243vbb input[type=tel].alert,
.diph243vbb input[type=password].alert {
  padding: 0 11px;
  border: 2px solid #FA4D56 !important;
}
.diph243vbb input[type=text]:read-only:focus,
.diph243vbb input[type=mail]:read-only:focus,
.diph243vbb input[type=email]:read-only:focus,
.diph243vbb input[type=number]:read-only:focus,
.diph243vbb input[type=tel]:read-only:focus,
.diph243vbb input[type=password]:read-only:focus {
  border-color: #e0e0e0 !important;
}
.diph243vbb textarea {
  appearance: none;
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 12px 12px 28px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #161616;
  outline: none;
}
.diph243vbb textarea:focus {
  border-color: var(--color-bdsplanet);
}
.diph243vbb textarea::placeholder {
  color: #8d8d8d;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}
.diph243vbb textarea.alert {
  padding: 0 11px;
  border: 2px solid #FA4D56 !important;
}
.diph243vbbUt {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 48px;
}
.diph243vbbSe {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 100%;
}
.diph243vbbSe.hide {
  display: none;
}
.diph243vbbSe.shT .hd {
  display: none;
}
.diph243vbbSe.hdT .sh {
  display: none;
}
.diph243vbbAl {
  padding: 0 0 0 4px;
  margin: 8px 0 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-align: left;
}
.diph243vbbAl:empty {
  display: none;
}
.diph243vbbAl.rt {
  color: #FA4D56;
}
.diph243vbbRd {
  margin: 8px 0 0;
  padding: 0 0 0 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0%;
  color: #6f6f6f;
}
.diph243vbbird01 {
  position: relative;
  display: inline-block;
  padding: 2px;
}
.diph243vbbird01 input[type=radio] {
  appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #c6c6c6;
  border-radius: 100%;
  position: relative;
}
.diph243vbbird01 input[type=radio]:checked {
  border-color: var(--color-bdsplanet);
  border-width: 2px !important;
}
.diph243vbbird01 input[type=radio]:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
.diph243vbbird01 input[type=radio]:checked:after {
  background-color: var(--color-bdsplanet);
}
.diph243vbbswc01 {
  display: flex;
  gap: 4px;
  align-items: center;
}
.diph243vbbswc01 .text {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #6f6f6f;
}
.diph243vbbswc01 .wr {
  width: 40px;
  height: 24px;
  border-radius: 1000px;
  padding: 2px;
  background-color: #C6C6C6;
}
.diph243vbbswc01 .wonwr {
  position: relative;
  height: 100%;
}
.diph243vbbswc01 .won {
  transform: translate(0, 0);
  transition: 0.2s ease-out;
  width: calc(50% + 2px);
  height: 100%;
  border-radius: 100%;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1215686275);
  background-color: #fff;
}
.diph243vbbswc01.checked .text {
  color: var(--color-bdsplanet);
}
.diph243vbbswc01.checked .wr {
  background-color: var(--color-bdsplanet);
}
.diph243vbbswc01.checked .won {
  transform: translate(calc(100% - 4px), 0);
}
.diph243vbbswc01.disabled {
  opacity: 1 !important;
}
.diph243vbbswc01.disabled .text {
  color: #8d8d8d !important;
}
.diph243vbbswc01.disabled .wr {
  background-color: #c6c6c6 !important;
}
.diph243vbbswc01.disabled .won {
  background-color: #e0e0e0 !important;
}
.diph243vbbuta {
  display: flex;
  height: 48px;
}
.diph243vbbbbks {
  width: 80px;
  height: 100%;
}
.diph243vbbbbks.gray {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  background-color: #F2F4F8;
  border-radius: 8px;
  color: #697077;
}

.dichk8Vvsa {
  display: inline-flex;
}
.dichk8Vvsa input {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #c1c7cd;
  border-radius: 4px;
}
.dichk8Vvsa input:focus {
  border: 2px solid #c1c7cd !important;
}
.dichk8Vvsa input:checked {
  background-color: var(--color-bdsplanet);
  border: 2px solid var(--color-bdsplanet) !important;
}
.dichk8Vvsa input:checked + label:after {
  content: "";
  position: absolute;
  top: 3px;
  left: -12px;
  transform: rotate(45deg);
  width: 3px;
  height: 7px;
  border-left-color: #fff;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  border-top-color: #fff;
  border-radius: 1px;
}
.dichk8Vvsa label {
  position: relative;
  padding: 0 0 0 7px;
}
.dichk8Vvsa label .txt {
  color: #6f6f6f;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: -0.5px;
  text-align: left;
}

/* UNIQID */
/* 버튼 만들기
<div class="btns 넣고싶은 클래스">
    <span class="txt">텍스트</span>
</div>
*/
.pop.property_style {
  display: flex;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100% !important;
  padding: 0 !important;
  align-items: center;
  justify-content: center;
}
.pop.property_style:not(.on) {
  display: none;
}
.pop.property_style .pop_wrap {
  height: auto;
}
.pop.property_style .pop_container {
  background-color: #fff;
}

.pop_wrap.propertyStyle {
  text-align: left;
}
.pop_wrap.propertyStyle .w-full {
  width: 100% !important;
}
.pop_wrap.propertyStyle .hide {
  display: none !important;
}
.pop_wrap.propertyStyle .pcon_alert01 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: normal;
  gap: 12px;
  flex-direction: column;
  min-height: auto;
  width: 100%;
  padding: 0;
}
.pop_wrap.propertyStyle .pcon_alert01 .txtTitle {
  width: 100%;
  color: #393939;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-align: left;
  letter-spacing: -0.5px;
}
.pop_wrap.propertyStyle .pcon_alert01 .readme {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #6f6f6f;
}
.pop_wrap.propertyStyle .pop_container {
  width: 300px;
  margin: 0 auto;
  padding: 16px !important;
  border-radius: 16px !important;
  gap: 24px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.pop_wrap.propertyStyle .pop_content {
  overflow: auto;
  height: auto;
  line-height: inherit;
}
.pop_wrap.propertyStyle .pop_btn_area {
  display: flex;
  height: auto !important;
  margin-top: 0;
  gap: 8px;
  border-top: 0 !important;
}
.pop_wrap.propertyStyle .proBtn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  border-radius: 8px;
}
.pop_wrap.propertyStyle .proBtn span {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  text-align: center;
}
.pop_wrap.propertyStyle .proBtn.btnCancel {
  background-color: #f2f4f8;
}
.pop_wrap.propertyStyle .proBtn.btnCancel span {
  color: #697077;
}
.pop_wrap.propertyStyle .proBtn.btnOk {
  background-color: var(--color-bdsplanet);
}
.pop_wrap.propertyStyle .proBtn.btnOk span {
  color: #fff;
}

.pop_wrap.newPropertyStyle {
  display: flex;
  flex-direction: column;
}
.pop_wrap.newPropertyStyle .text-center {
  justify-content: center !important;
  text-align: center;
}
.pop_wrap.newPropertyStyle .hide {
  display: none !important;
}
.pop_wrap.newPropertyStyle .pop_header {
  position: relative;
  justify-content: space-between;
  border-bottom: 0;
  background: none;
}
.pop_wrap.newPropertyStyle .pop_header .tit {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0px;
  text-align: center;
  color: #161616;
}
.pop_wrap.newPropertyStyle .pop_header .tit.text-left {
  text-align: left;
}
.pop_wrap.newPropertyStyle .pop_container {
  flex: 1;
  overflow-y: auto;
  padding: 0 !important;
}
.pop_wrap.newPropertyStyle .pop_content {
  padding: 0;
}
.pop_wrap.newPropertyStyle .pop_close {
  position: relative;
  top: 0;
  left: 0;
}
.pop_wrap.newPropertyStyle .popContentBox {
  padding: 24px;
}
.pop_wrap.newPropertyStyle .popContentBox + .popContentBox {
  border-top: 8px solid #f2f4f8;
}
.pop_wrap.newPropertyStyle .popContentBox .titarea01 {
  margin: 0 0 16px;
}
.pop_wrap.newPropertyStyle .popContentBox .titarea01 .top {
  display: flex;
}
.pop_wrap.newPropertyStyle .mTitle01-label-l-strong {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #393939;
}
.pop_wrap.newPropertyStyle .rd-text-label-s-default {
  margin: 8px 0 0;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #6f6f6f;
}
.pop_wrap.newPropertyStyle .label-pink {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 8px;
  margin: 0 0 0 8px;
  color: #ee2d94;
  background-color: #ffeaf5;
  border-radius: 4px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: -0.5px;
}
.pop_wrap.newPropertyStyle .bottomBtnArea {
  display: flex;
  gap: 8px;
  height: 80px;
  padding: 16px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.pop_wrap.newPropertyStyle .bottomBtnArea .btn {
  flex: 1;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: -0.5px;
  border-radius: 12px;
}
.pop_wrap.newPropertyStyle .bottomBtnArea .btnGray {
  background-color: #f2f4f8;
  color: #697077;
}
.pop_wrap.newPropertyStyle .bottomBtnArea .btnBlue {
  background-color: var(--color-bdsplanet);
  color: #fff;
}
.pop_wrap.newPropertyStyle .bottomBtnArea .btnDisabled {
  background-color: #e0e0e0 !important;
  color: #6F6F6F !important;
}
.pop_wrap.newPropertyStyle.bottomSheet .pop_wrap {
  border-radius: 32px 32px 0 0 !important;
}
.pop_wrap.newPropertyStyle.bottomSheet .pop_header {
  height: 48px;
  padding: 0 16px;
}
.pop_wrap.newPropertyStyle.bottomSheet .pop_header .tit {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.5px;
}
.pop_wrap.newPropertyStyle.bottomSheet .pop_header .left,
.pop_wrap.newPropertyStyle.bottomSheet .pop_header .right {
  display: none;
}
.pop_wrap.newPropertyStyle.bottomSheet .pop_content {
  padding: 0 0 16px;
}
.pop_wrap.newPropertyStyle.bottomSheet .pop_content .sc {
  padding: 0;
}
.pop_wrap.newPropertyStyle.bottomSheet .pop_content.pt {
  padding-top: 16px;
}
.pop_wrap.newPropertyStyle.bottomSheet .popContentBox {
  padding: 0 16px;
}

/* 모바일이랑 다른 pc땜시 중복으로 작성 */
.pop_wrap.newPropertyStyle {
  background-color: #fff;
  border-radius: 16px;
}
.pop_wrap.newPropertyStyle .pop_header {
  display: flex;
  height: 48px;
}
.pop_wrap.newPropertyStyle .pop_header .dc {
  display: flex;
  align-items: center;
  width: 100%;
}
.pop_wrap.newPropertyStyle .bottomBtnArea {
  justify-content: end;
  height: 72px;
  border-top: 1px solid rgba(0, 0, 0, 0.1019607843);
  background: transparent;
}
.pop_wrap.newPropertyStyle .bottomBtnArea .btn {
  flex: none;
  width: 100px;
  height: 40px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
}

.pop_wrap.property_pop_find_email_pw {
  border-radius: 0;
}
.pop_wrap.property_pop_find_email_pw .pop_content {
  padding: 0;
}
.pop_wrap.property_pop_find_email_pw .pop_container {
  display: block;
}
.pop_wrap.property_pop_find_email_pw .title {
  padding-top: 3px;
  font-size: 16px;
  color: #000;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0px;
}
.pop_wrap.property_pop_find_email_pw .vi {
  margin-top: 34px;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0px;
}
.pop_wrap.property_pop_find_email_pw .vi img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  max-width: 100%;
}
.pop_wrap.property_pop_find_email_pw .pop_btn_area {
  margin-top: 32px;
}
.pop_wrap.property_pop_find_email_pw .ti {
  margin-top: 16px;
}
.pop_wrap.property_pop_find_email_pw .re {
  text-align: right;
}
.pop_wrap.property_pop_find_email_pw .re a {
  color: #777;
  text-decoration: underline;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  font-weight: 500;
}
.pop_wrap.property_pop_find_email_pw #alertMessage1 {
  position: absolute;
  right: 13px;
  top: 16px;
  color: #444;
  letter-spacing: 0;
}
.pop_wrap.property_pop_find_email_pw #alertMessage2 {
  display: block;
  margin-top: 16px;
  letter-spacing: 0;
}
.pop_wrap.property_pop_find_email_pw #alertMessage2.blue {
  color: var(--color-bdsplanet);
}
.pop_wrap.property_pop_find_email_pw #alertMessage2.red {
  color: #FA4D56 !important;
}
.pop_wrap.property_pop_find_email_pw #alertMessage2:empty {
  display: none;
}
.pop_wrap.property_pop_find_email_pw .pop_close_ax {
  z-index: 1000;
  left: auto;
  right: 16px;
}

.adPop .pop_wrap {
  position: absolute;
  bottom: 32px;
  right: 32px;
  width: 420px;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1607843137);
  border-radius: 16px;
}
.adPop__imgArea {
  height: 236px;
  border-radius: 16px 16px 0 0;
}
.adPop__imgArea img {
  width: 100%;
  height: 100%;
}
.adPop__utilArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0 16px;
  background-color: #fff;
  border-radius: 0 0 16px 16px;
}
.adPop__utilArea__todayHide {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #6f6f6f !important;
}
.adPop__utilArea__popClose {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.5px;
  color: #161616 !important;
}
.adPop .common-swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  right: 16px;
  bottom: 16px;
  height: 18px;
  left: auto;
  top: auto;
  width: 32px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  font-size: 10px;
  letter-spacing: -0.5px;
  color: #fff;
}
/* UNIQID */
/* 버튼 만들기
<div class="btns 넣고싶은 클래스">
    <span class="txt">텍스트</span>
</div>
*/
.pop.pop_pwd_change_check_info .pop_wrap {
  width: 454px;
}
.pop.pop_pwd_change_check_info .txt01 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #161616;
}
.pop.pop_pwd_change_check_info .txt02 {
  margin: 12px 0 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #6f6f6f;
}
.pop.pop_pwd_change_check_info .bottomBtnArea .btn {
  width: 120px;
}
.pop.pop_pwd_change_check_info .img01 {
  display: block;
  width: 180px;
  height: 180px;
  margin: 16px auto 0;
}

.pop.popProfileChanging {
  padding: 0 !important;
}
.pop.popProfileChanging .pop_wrap {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.pop.popProfileChanging .pcCon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.pop.popProfileChanging .imgarea {
  position: relative;
  width: 100px;
  height: 100px;
}
.pop.popProfileChanging .imgarea img {
  position: absolute;
  top: calc(50% - 34px);
  left: calc(50% - 34px);
  width: 68px;
  height: 68px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 34px;
}
.pop.popProfileChanging .imgarea svg {
  position: absolute;
  top: 0;
  left: 0;
  animation: profileRotate 1.2s linear infinite;
}
@keyframes profileRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.pop.popProfileChanging .popProfileChanging__txt {
  margin: 18px 0 80px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: #393939;
}
.pop.popProfileChanging .logo {
  width: 140px;
  height: 29.49px;
}