@charset "utf-8";

/* 텍스트 옵션 ------------------------------------------------- */
.font-24-bold{
    font-size: 24px;
    font-weight: bold;
}

.font-20-bold{
    font-size: 20px;
    font-weight: bold;
}
/* ------------------------------------------------------------ */

/* filter */
.filter-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 70px;
    background-color: #23b3c6;
}

.wrapper.fixed .filter-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
}

.filter-set {
    display: flex;
    flex-flow: row wrap;
    align-content: center;
    border-radius: 24px;
    margin-left: auto;
    margin-right: auto;
}

.filter-set > *:not(.search) + * {
    border-left: solid 1px #dfe6ef;
}

.filter-set > .active + * {
    border-color: rgba(255, 255, 255, .7);
}

.filter-set > .filter {
    position: relative;
    word-break: keep-all;
}

.filter-set > .filter:first-child, .filter:first-child > a {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}
.filter-set > .filter:last-child, .filter:last-child > a {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}
.filter-set .filter-name {
    position: absolute;
    top: 4px;
    left: 41px;
    color: #7e81a6;
    font-family: NotoSansR;
    font-size: 12px;
    line-height: normal;
}

.filter-set > .filter a {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: 50px;
    padding: 16px 36px 0 40px;
    border-right: 0;
    font-size: 15px;
    line-height: 44px;
    background-color: #fff;
    transition: background 100ms ease-out;
}

.filter-set > .filter a:hover, .filter a:active, .filter a:hover > input, .filter a:active > input {
    background-color: #f6faff;
}

.filter-set > .filter a.active {
    border-color: transparent;
    border-bottom-left-radius: 0;
    background-color: rgba(255, 255, 255, .8);
}

.filter-set > .filter a.active .arrow {
    transform: rotate(-180deg);
}

.filter-set > .filter a span[class^=icon-] {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 20px;
    height: 20px;
}

.filter-set > .filter a .legend-text {
    display: none;
}

.filter-set > .filter.save a {
    width: 50px;
    height: 50px;
    padding-left: 0;
    padding-right: 0;
    background: #fff url(/res/img/component/icon_save-1af5c753718c2d8793720a8aea24da73.svg) 50%/18px no-repeat;
}

.filter-set > .filter.save a.active {
    background-color: #0b99ac;
    background-image: url(/res/img/component/icon_save_white-a46301d92d5e518851308bc89139f3f6.svg);
}

.filter-set > .filter.save a .arrow {
    display: none;
}

.filter-set > .filter.save > fieldset > .input-set {
    width: 300px;
    padding: 15px;
    border-top: 1px solid #cbd0d8;
}

.filter-set > .filter .text {
    display: inline-block;
    overflow: hidden;
    height: 28px;
    line-height: 28px;
    min-width: 40px;
    max-width: 170px;
    font-family: NotoSansM;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.filter-set > .filter .arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 38px;
    height: 50px;
    background: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/12px 7px no-repeat;
}

.filter-set > .filter .btn-set button {
    float: left;
    height: 50px;
}

.filter-set > .filter .icon-reset {
    width: 28px;
    background-color: #fff;
}

.filter-set > .filter .icon-reset::before {
    width: 14px;
    height: 14px;
}

.filter-set > .filter .input-text {
    padding-top: 0;
    padding-right: 0;
}

.filter-set > .filter .input-text input {
    width: 250px;
    height: 50px;
    border: 0;
    padding: 0 10px;
    font-size: 16px;
}

.filter-set > .filter > fieldset {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    min-width: 190px;
    padding-top: 60px;
    border: 1px solid #0a2e4f;
    background-color: #fff;
    z-index: 51;
}
.filter-set > .filter.multiCheckBoxBldg > fieldset.right.set-title{
    left: -485px;
}
.filter-set > .filter > fieldset > legend {
    position: absolute;
    top: 16px;
    left: 18px;
    width: auto;
    height: 30px;
    color: #0a2e4f;
    font-family: NotoSansR;
    font-size: 20px;
    line-height: 30px;
}

.filter-set > .filter > fieldset .title {
    width: 100%;
    font-family: NotoSansR;
    font-size: 16px;
    margin-right: 12px;
    margin-bottom: 6px;
}

.filter-set > .filter > fieldset .checking-set, .filter > fieldset .selecting-set {
    padding: 15px 16px;
}
.filter .multi-set .checking-set {
    position: relative;
}
.filter-set > .filter > fieldset > .checking-set, .filter > fieldset > .selecting-set {
    border-top: 1px solid #cbd0d8;
}

.filter-set > .filter > fieldset .selecting {
    flex-flow: row nowrap;
    align-items: flex-start;
}

.filter-set > .filter > fieldset .selecting .radiomark + span {
    width: calc(100% - 20px);
    line-height: 130%;
}

.filter-set > .filter .delete {
    position: absolute;
    top: 15px;
    left: 13px;
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 100%;
    font-size: 0;
    line-height: 0;
    margin-left: 0;
    margin-right: 3px;
    background-color: rgba(0, 0, 0, .05);
    transition: background-color .3s ease-out;
    z-index: 1;
}
/* 사용자 설정 저장 수정 */
.filter-set .filter.save fieldset .input-set .selecting-set {
    padding: 0;
    display: flex;
    flex-flow: row wrap;
    flex: 3;
}

.filter-set .filter.save fieldset .input-set .selecting {
    flex-flow: column nowrap;
    align-items: center;
    width: 25%;
    height: auto;
    margin: 2px 0;
}

.filter-set .filter.save fieldset .input-set .selecting input {
    top: 0;
    left: -9999px;
}

.filter-set .filter.save fieldset .input-set .selecting span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    text-align: center;
}
.filter .delete:hover, .filter .delete:active {
    background-color: #a0e3ec;
}

.filter.region .text {
    min-width: 65px;
    max-width: 360px;
}

.filter.region > fieldset {
    width: auto;
    min-width: 140px;
}

.filter.region > fieldset > legend {
    top: 14px;
    left: 18px;
    width: auto;
}

.filter.region > fieldset .depth-set {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: nowrap;
    border-top: 1px solid #cbd0d8;
    background-color: #eff2f9;
}

.filter.region .checking-set {
    flex-direction: row;
    align-items: center;
    padding: 15px 18px;
    border-top: 1px solid #cbd0d8;
}

.filter.region .checking {
    margin-right: 15px;
}

.filter.period > fieldset {
    min-width: 420px;
}
.filter.period > fieldset.fullDay {
    min-width: 275px;
}
.filter.period > fieldset > .btn-group {
    position: absolute;
    top: 18px;
    right: 40px;
}

.filter.period > fieldset > .btn-group button {
    min-width: 50px;
    line-height: 22px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #f4f6f9;
    border: 2px solid #f4f6f9;
    border-radius: 16px;
    transition-duration: 300ms;
}

.filter.period > fieldset > .btn-group button:hover {
    font-family: NotoSansR;
    color: #0b99ac;
    background-color: #fff;
    border: 2px solid #23b3c6;
}

.filter.period > fieldset > .date-set {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    border-top: 1px solid #e9edf3;
    background-color: #eff2f9;
}

.filter.period > fieldset.right {
    left: auto;
    right: -2px;
}

.filter.period a {
    padding-left: 46px;
}

.filter.period .filter-name {
    left: 46px;
}

.filter.period .text {
    min-width: 65px;
    max-width: 360px;
}

.filter.areaDiv > fieldset > .btn-group-extent {
    position: absolute;
    top: 18px;
    left: 45px;
}

.filter.areaDiv > fieldset > .btn-group-extent button {
    min-width: 55px;
    font-size: 14px;
    color: #333;
    font-weight: 400;
    line-height: 22px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #f4f6f9;
    border: 2px solid #f4f6f9;
    border-radius: 6px;
    outline: none;
    margin-right: 2px;
    margin-bottom: 5px;
    transition-duration: 300ms;
}

.filter.areaDiv > fieldset > .btn-group-extent button:first-child {
    margin-left: 18px;
}

.filter.areaDiv > fieldset > .btn-group-extent button:last-child {
    margin-right: 0;
}

.filter.areaDiv > fieldset > .btn-group-extent button:hover {
    color: #0b99ac;
    font-weight: 500;
    background-color: #fff;
    border: 2px solid #0b99ac;
}

.filter.areaDiv > fieldset > .btn-group-extent button.active, .filter.period > fieldset > .btn-group button.active:hover {
    color: #fff;
    font-weight: 400;
    background-color: #0b99ac;
    border: 2px solid #0b99ac;
}

.filter.search {
    border: 0 !important;
}

.filter.search + div > *:not(fieldset) {
    border-left: 0 !important;
}

.filter.detail > a {
    padding-top: 0;
}

.filter.detail > fieldset {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    min-width: 150px;
}

.filter.detail > fieldset > legend {
    top: 16px;
    left: 18px;
    width: auto;
}

.filter.no-icon > a {
    padding-left: 30px;
    padding-right: 50px;
}

.filter.no-icon .filter-name {
    left: 30px;
}

.multi-set > .icon-reset {
    display: block;
    position: absolute;
    top: -44px;
    right: 10px;
    width: 28px;
    height: 28px;
    border-radius: 18px;
    transition-duration: 300ms;
}

.multi-set > .icon-reset:hover {
    background-color: #f6faff;
}

.filter .multi-set {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    border-top: 1px solid #cbd0d8;
}

.filter .multi-set > .checking-set, .filter .multi-set > .selecting-set {
    flex: 1;
    width: 160px;
    border-left: 1px solid #e9edf3;
}
.filter .multi-set > .checking-set[data-key="aptEnv"] {
    width: 220px;
}
.filter .multi-set > .checking-set[data-key="aptEnv"] label {
    width: 320px;
}

.filter .multi-set > .checking-set:first-of-type, .filter .multi-set > .selecting-set:first-of-type {
    border-left: 0;
}

.filter .detail-set {
    width: 564px;
    min-height: 384px;
    border-left: 1px solid #cbd0d8;
    background-color: #eff2f9;
}

.filter .selecting-set {
    display: block;
}

.filter .selecting-set label {
    margin: 0;
    padding: 5px 0;
}

.filter .selecting-set .selecting .radiomark {
    width: 21px;
}
.btn-group2 {
    position: absolute;
    right: 5px;
    top: 11px;
}

.btn-group2 button {
    min-width: 40px;
    border-radius: 16px;
    font-size: 12px;
    color: #333;
    font-weight: 500;
    line-height: 20px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #f4f6f9;
    border: 2px solid #f4f6f9;
    outline: none;
    margin-right: 2px;
    transition-duration: 300ms;
}
.btn-group2 button.active, .btn-group2 button.active:hover {
    border: 2px solid #0b99ac;
    color: #fff;
    font-weight: 500;
    background-color: #23b3c6;
}
.region-checking {
    position: absolute;
    top: 22px;
    left: 58px;
}

.region-checking span {
    color: #7e81a6;
    font-size: 12px;
}

.filter-set > .filter.save .input-set .btn-pink {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-left: 0;
    background-color: #23b3c6;
}

.filter-set > .filter.save .input-set .btn-pink:hover {
    background-color: #0b99ac;
}

.detail-set i {
    display: inline-block;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    background-color: #0b99ac;
}

.detail-set > .details {
    position: relative;
    width: 100%;
    margin-right: 3px;
    padding-left: 94px;
    padding-right: 4px;
    border-bottom: 1px solid #cbd0d8;
    font-size: 15px;
    background-color: #fff;
}

.detail-set > .details strong {
    font-family: NotoSansR;
    font-weight: normal;
}

.detail-set > .details > strong {
    font-size: 13px;
}

.detail-set > .details > div {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e9edf3;
}

.detail-set > .details > div:last-of-type {
    border-bottom: 0;
}

.details > div > span {
    display: inline-block;
    line-height: 32px;
    margin-right: 2px;
}

.details > div > span span {
    letter-spacing: 0;
}

.details > .fixed-title {
    display: flex;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 80px;
    justify-content: center;
    height: calc(100% - 8px);
    border-radius: 2px;
    color: #515b69;
    text-align: center;
    align-items: center;
    letter-spacing: -1px;
    background-color: #e8eef9;
}

.details i {
    display: inline-block;
    margin-right: 3px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    line-height: 20px;
}

.details .dropdown > .dropdown-menu {
    width: max-content;
    min-width: 90px;
}

.details .dropdown > .dropdown-select > span {
    color: #0b99ac;
}

.depth-set ul {
    width: 150px;
    height: 227px;
    overflow-y: scroll;
    -ms-overflow-style: none;
}

.depth-set ul > li {
    position: relative;
    width: 100%;
    height: 38px;
}

.depth-set button, .btn-set button {
    flex: 1;
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 14px;
    background-color: #fff;
    transition: background .3s ease-out;
}

.depth-set button {
    text-align: left;
    padding-left: 35px;
    line-height: 130%;
}

.depth-set button:hover, .depth-set button:active {
    background-color: #f6faff;
}

.depth-set button.active {
    color: #008090;
    font-family: NotoSansM;
    background-color: rgba(35, 179, 198, .1);
}

.depth-set > .icon-reset {
    position: absolute;
    top: -48px;
    right: 8px;
    display: block;
    width: 34px;
    height: 34px;
    background-color: #fff;
    border-radius: 15px;
    transition-duration: 300ms;
}

.depth-set.with-icon-add .icon-add {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    vertical-align: middle;
    cursor: pointer;
    z-index: 10;
}

.depth-set.with-icon-add button[disabled] {
    color: #bdbfd6;
    cursor: default;
}

.depth-set.with-icon-add button[disabled]:hover {
    background-color: transparent;
}

.depth-set.with-icon-add button[disabled]::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 9px;
    width: 20px;
    height: 20px;
    background: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_disabled.svg) 50%/contain no-repeat;
    transform: translateY(-46%);
}

.depth-set .depth-4 {
    width: max-content;
    min-width: 380px;
    max-width: 500px;
}
.depth-set .depth-5 {
    width: max-content;
    min-width: 330px;
    max-width: 430px;
}
.btn-set {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.btn-set button {
    height: 50px;
    transition: background-color .3s ease-out;
}

.btn-set button:hover, .btn-set button:active {
    background-color: #f6faff;
}

.btn-set button[class^=icon-] {
    display: block;
    position: relative;
}

.btn-set .icon-search {
    position: relative;
    width: 53px;
    padding-top: 18px;
    border-color: #ff7240;
    background-color: #ff7240;
}

.btn-set .icon-search::before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 50%;
    width: 18px;
    height: 18px;
    background-color: #fff;
    transform: translateX(-50%);
}

.btn-set .icon-search:hover, .btn-set .icon-search:active {
    background-color: #0b99ac;
}

.btn-set .icon-search span {
    position: static;
    width: auto;
    height: auto;
    color: #fff;
    font-family: NotoSansR;
    font-size: 12px;
    line-height: 100%;
}

.btn-set .icon-reset {
    width: 50px;
    background-color: #fff;
}

.btn-set .btn-submit {
    display: block;
    position: relative;
    min-width: 118px;
    border-left: 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #fff;
    font-family: GmarketSansM;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 49px;
    text-indent: -10px;
    background-color: #0a2e4f;
}

.btn-set .btn-submit:hover, .btn-set .btn-submit:active {
    background-color: #0b99ac;
}

.iconPriceExtent::after {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    color: #fff;
    font-family: Noto Sans KR;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 1px 3px 0 3px;
    content: "";
    border-radius: 5px;
    font-size: 10px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    margin-top: 5px
}
.iconPriceExtent.gin::after {
    right: 32px;
    background-color: #0b99acb3;
}
.iconPriceExtent.sale::after {
    right: 3px;
    background-color: #8934fab3;
}
.iconPriceExtent.one::after {
    right: 3px;
}
.iconPriceExtent.both::after {
    content: "";
}
.iconPriceExtent.trade::after {
    content: "매매";
}
.iconPriceExtent.rent::after {
    content: "전세";
    left: auto;
}
.date-set > div {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    position: relative;
    padding-top: 26px;
    padding-bottom: 24px;
    overflow: hidden;
}

.date-set > div > ul {
    width: 72px;
    flex: 1;
    height: 336px;
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
}

.date-set > div > ul > li {
    display: flex;
    align-items: center;
    width: 100%;
    height: 28px;
    background-color: #fff;
}

.date-set .label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #afb8c5;
    border-left: 1px solid #e9edf3;
    font-family: NotoSansM;
    text-align: center;
    line-height: 25px;
    background-color: #fff;
}

.date-set .icon-reset {
    position: absolute;
    top: -44px;
    right: 8px;
    display: block;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border-radius: 18px;
    transition-duration: 300ms;
    background-size: 14px;
}

.date-set .icon-reset:hover, .date-set .icon-reset:active {
    background-color: #f4f6f9;
}

.date-set .selected-date {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 24px;
    border-left: 1px solid #8b8ba5;
    color: #fff;
    font-family: NotoSansM;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
    background-color: #7e81a6;
}

.date-set .from .selected-date {
    border-left: 0;
}

.date-set .year {
    border-left: 1px solid #8083a7;
}

.date-set > div:first-of-type > ul.year {
    border-left: 0;
}

.date-set button {
    width: 100%;
    margin: 0;
    line-height: 28px;
    color: #7e81a6;
    font-family: NotoSansM;
    letter-spacing: 0;
    background-color: #fff;
    transition-duration: 300ms;
}

.date-set button:hover, .date-set button:active {
    background-color: #f6faff;
}

.date-set button.active, .date-set button.active:hover {
    color: #008090;
    font-family: NotoSansM;
    background-color: rgba(35, 179, 198, .1);
}

.date-set .std button.active, .date-set .std button.active:hover {
    color: #fff;
    background-color: #0b99ac;
    font-weight: 500;
}

.search-modal {
    top: 83px;
    left: 50%;
    width: 100%;
    max-width: 600px;
    box-shadow: none;
    background-color: transparent;
    transform: translateX(-50%);
}

.search-modal .title-area {
    justify-content: center;
    min-height: auto;
    margin-bottom: 0;
    border: 0;
    background: none;
    background-color: transparent;
}

.search-modal .title-area h2 {
    margin-right: 0;
    margin-bottom: 10px;
    padding-left: 10px;
    color: #fff;
    font-family: GmarketSansM;
    font-size: 30px;
    line-height: normal;
    background: none;
}

.search-modal .icon-close {
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
    width: 34px;
    height: 34px;
    margin-right: 0;
    transition: .25s ease-out;
}

.search-modal .icon-close::before {
    width: 34px;
}

.search-modal .icon-close::after {
    height: 34px;
}

.area-list {
    display: none;
    margin-top: 10px;
    padding: 15px 0;
}

.area-list ul {
    max-height: 400px;
    margin-right: 2px;
    padding: 0 20px;
    overflow-y: auto;
}

.area-list ul::-webkit-scrollbar {
    background: rgba(255, 255, 255, .1);
}

.area-list ul::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: rgba(255, 255, 255, .3);
}

.area-list ul:hover::-webkit-scrollbar-thumb {
    background: #0a2e4f;
}

.area-list li {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 20px;
    padding-left: 45px;
    border-bottom: solid 1px rgba(10, 46, 79, .4);
    color: rgba(255, 255, 255, .7);
    font-size: 16px;
    transition: .3s;
    cursor: pointer;
}

.area-list li:hover, .area-list li:active {
    color: #11f1df;
}

.area-list li span {
    color: rgba(255, 255, 255, .7);
    font-size: 16px;
}

.area-list li::before, .area-list li::after, .area-list li span::after {
    content: "";
    display: block;
    position: absolute;
    transition: .3s ease;
}

.area-list li::before {
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #11f1df;
}

.area-list li:hover span, .area-list li:active span {
    color: #11f1df;
}

.area-list li:hover::before, .area-list li:active::before {
    width: 100%;
}

.area-list li::after {
    top: 50%;
    left: 15px;
    width: 20px;
    height: 20px;
    background-color: rgba(255, 255, 255, .7);
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_pin_solid_navy.svg) 50%/contain no-repeat;
    mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_pin_solid_navy.svg) 50%/contain no-repeat;
    transform: translateY(-50%);
}

.area-list li span::after {
    top: 50%;
    right: 20px;
    width: 24px;
    height: 24px;
    background-color: rgba(255, 255, 255, .7);
    -webkit-mask: url(/res_root/img/common/icon_search_check-1143497c5e5e9864740499c85a973810.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_search_check-1143497c5e5e9864740499c85a973810.svg) 50%/contain no-repeat;
    transform: translateY(-50%);
}

.area-list li:hover::after, .area-list li:active::after, .area-list li:hover span::after, .area-list li:active span::after {
    background-color: #11f1df;
}

.label-text {
    margin-right: 10px;
    color: #7e81a6;
}

.legend-text {
    font-family: NotoSansM;
}

.dropdown + .label-text {
    margin-left: 10px;
}
input + .label-text {
    margin-left: 10px;
}

.sub-filter, .root-community .bbs-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sub-filter.address {
    position: relative;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: 20px;
}

.sub-filter input[type=text], .root-community .bbs-filter input[type=text] {
    width: 120px;
    height: 38px;
    border: solid 1px #dadce0;
    border-radius: 3px;
    background-color: #fff;
}

.sub-filter input[type=text]:focus, .root-community .bbs-filter input[type=text]:focus {
    border-color: #23b3c6;
}

.sub-filter .label-text {
    font-family: NotoSansR;
    color: #008090;
}

.sub-filter .btn {
    height: 38px;
    padding: 0 50px;
}

.sub-filter .btn-purple {
    height: 38px;
    padding: 0 50px;
    border-radius: 3px;
    font-family: NotoSansR;
    transition: .3s ease-in-out;
}

.sub-filter .btn-group button {
    min-width: 50px;
    line-height: 30px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #fff;
    border-radius: 16px;
    margin-right: 2px;
    transition-duration: 300ms;
}

.sub-filter .btn-group button:hover, .sub-filter .btn-group button:active {
    color: #fff;
    background-color: #23b3c6;
}

.sub-filter .right {
    position: absolute;
    top: 15px;
    right: 15px;
}

.btn-purple {
    color: #fff;
    background-color: #0a2e4f;
}

.btn-purple:hover, .btn-purple:active {
    background-color: #23b3c6;
}

input.icon-calendar, input[data-date-type], .sub-filter input[data-date-type] {
    padding: 10px 0 10px 40px;
    font-family: NotoSansR;
    background-size: 20px;
    background-position: 10px 50%;
    background-repeat: no-repeat;
    letter-spacing: 0;
}

input[data-date-type] {
    background-image: url(/res_root/img/common/icon_calendar-37a9e56c49f0699e2346a8efc120c014.svg);
}

.sub-filter input[data-date-type] {
    padding-left: 33px;
    background-position: 8px 50%;
}

/* 지역분석 */
.map-area {
    border: solid 1px #dfe6ef;
    border-right: 0;
    background-color: aliceblue;
}

.map-and-list .col-3 {
    width: calc(25% - 30px);
}

.map-and-list .dashboard {
    margin: 0;
    border-top: 0;
}

.map-and-list .dashboard dl {
    width: 19%;
}

.map-and-list .dashboard dd {
    font-family: GmarketSansM;
    padding-top: 3px;
    font-size: 18px;
    letter-spacing: 0;
}

.map-and-list .dashboard dd + dd {
    margin-top: 0;
}

.map-and-list .dashboard strong + dl {
    width: 28%;
}

.region-info .title {
    background-color: #0a2e4f;
}
.region-info .title > div {
    line-height: 40px;
}
.region-info .title .region-name {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.region-info .list {
    height: 541px;
    overflow-y: auto;
    border: solid 1px #dfe6ef;
    border-top: 0;
}
/*ceo선정 뉴스픽 내 교육 광고 시작*/
.edu-area .main-left{
    width:calc(50% - 10px);
    margin-right: 10px;
}
.edu-area .main-right{
    width:calc(50% - 10px);
    margin-left: 10px;
}
.edu-area {}
.edu-area .main-title-area{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;width: 100%;}
.edu-area .main-title-area button{width:30px;height:30px;text-indent:-9999px;transition:.3s;}
.edu-area .main-title-area .btn-more{position:relative;border:solid 1px #d9e0e8;}
.edu-area .main-title-area .btn-more:hover{border-color:#0a2e4f;background-color:#fff;}
.edu-area .main-title-area .icon-plus::before{width:10px;}
.edu-area .main-title-area .icon-plus::after{height:10px;}
.edu-area .main-title-area .icon-plus:hover::before,.main-title-area .icon-plus:hover::after{background-color:#0a2e4f;}
.edu-area .title-tab{display:flex;align-items:center;}
.edu-area .title-tab li{display:inline-block;color:rgba(10,46,79,.5);font-family:GmarketSansM;font-size:14px;cursor:pointer;transition:.3s;}
.edu-area .title-tab li:hover{color:rgba(10,46,79,.7);}
.edu-area .title-tab li.active,.title-tab li.active:hover{color:rgba(10,46,79,1);}
.edu-area .title-tab li+li{margin-left:15px;}
.edu-area .title-tab .btn-more{margin-left:30px;}

.edu-area .main-update{display:flex;gap:15px;width: 100%;}
.edu-area .main-update>div{width:calc(33.6% - 10px);border-radius:10px;overflow:hidden;}
.edu-area .main-update>div a{display:block;position:relative;border-radius:10px;overflow:hidden;}
.edu-area .main-update>div a img{width:100%;height:auto;vertical-align:top;transition:.3s;border-radius: 10px;}
.edu-area .main-update>div a:hover img{transform:scale(1.1);}
.edu-area .main-update>div a span{position:absolute;left:0;right:0;bottom:0;height:40px;color:#fff;text-align:center;line-height:40px;background-color:rgba(10,46,79,.2);}
.edu-area .main-update>div a span b{color:inherit;}
.edu-area .main-update .disabled{background:#f9f9f9;}
.edu-area .main-update .disabled img{mix-blend-mode:luminosity;opacity:.5;}

.edu-area .main-update.edu>div{background:url(/res_root/img/main/img_edu_bg-c8f4bc83315483233fd0acdd9cd7c9d4.jpg) 50%/contain no-repeat;}
.edu-area .main-update.report>div{background:url(/res_root/img/main/img_report_bg-459b8daeaecfbf9749cb248025c17a1d.jpg) 50%/contain no-repeat;}

/*ceo선정 뉴스픽 내 교육 광고 종료*/
.region-info .list.region {
    height: 450px;
}

.region-info .list dl {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    border-bottom: solid 1px #dfe6ef;
    cursor: pointer;
    transition: .3s;
}

.region-info .list dl:hover, .region-info .list dl:active {
    background-color: #f6faff;
}

.region-info .list dt {
    flex: 1;
    font-family: NotoSansR;
    font-size: 15px;
}

.region-info .list dt span {
    margin-left: 2px;
    font-size: 14px;
    letter-spacing: 0;
}

.region-info .list dd {
    width: 26%;
    padding-top: 3px;
    font-family: GmarketSansM;
}

.region-info .list .strength {
    flex: none;
}

.region-info.apt .list dl {
    justify-content: flex-start;
}

.region-info.apt .list dt, .region-info.apt .list dd {
    flex: none;
    width: auto;
}

.region-info.apt .list dd {
    margin-left: 5px;
    padding: 0;
    color: #7e81a6;
    font-family: GmarketSansR;
}

.region-name {
    margin-left: 15px;
}

.region-name strong {
    position: relative;
    margin-right: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
}

.region-name strong span {
    margin-left: 3px;
    color: rgba(255, 255, 255, .8);
    font-size: 14px;
}

.region-name strong + strong {
    padding-left: 15px;
}

.region-name strong + strong::before, .region-name strong + strong::after {
    content: "";
    position: absolute;
    left: 1px;
    width: 1px;
    height: 28px;
    background-color: rgba(255, 255, 255, .3);
}

.region-name strong + strong::before {
    top: -12px;
    transform: rotate(-45deg);
}

.region-name strong + strong::after {
    top: 8px;
    transform: rotate(45deg);
}

.region-name p {
    display: flex;
    align-items: center;
    position: relative;
}

.region-name p::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    right: -20px;
    height: 1px;
    background-color: rgba(255, 255, 255, .2);
}

.region-name p span {
    margin: 5px 0;
    padding: 3px;
    border-radius: 4px;
    margin-right: 2px;
}

.region-name p span.active {
    display: inline-block;
}

.region-name button {
    position: absolute;
    top: 0;
    right: 0;
    height: 41px;
    padding: 0 5px 0 0;
    color: #fff;
    font-family: NotoSansR;
    font-size: 12px;
    background-color: #23b3c6 !important;
    transition: .3s ease-in-out;
}

.region-name button:hover, .region-name button:active {
    color: #ff0;
}

.region-name button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -40px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-top: 20px solid transparent;
    border-right: 20px solid #23b3c6;
    border-bottom: 21px solid transparent;
}

.region-explain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    padding: 0 20px;
}

.region-explain span {
    color: #fff;
    font-size: 12px;
}
.region-explain span.newsTitle {
    color: #222;
    font-size: 15px;
    font-weight: 900;
    transition: .3s ease-in-out;
    font-family: GmarketSansM;
    color: #0a2e4f;
    margin-top: 2px;
}
.region-explain span.newsTitle:hover {
    color: #0b99ac;
}
.region-explain .date {
    color: rgba(255, 255, 255, .5);
    letter-spacing: 0;
}

.region-explain button {
    position: relative;
    height: 24px;
    padding: 0 5px;
    border: solid 1px #000;
    margin-left: 2px;
    color: rgba(255, 255, 255, .6);
    font-family: NotoSansR;
    font-size: 12px;
    background-color: rgba(0, 0, 0, .3);
    transition: .3s ease-in-out;
}

.region-explain button:hover, .region-explain button:active {
    color: #fff;
}

.region-explain button.asc::before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: 2px;
    vertical-align: -1px;
    background-color: #ff4200;
    mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
}

.region-explain button.desc::before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-right: 2px;
    vertical-align: -1px;
    background-color: #0084ff;
    mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
    transform: rotate(-180deg);
}

.region-report {
    position: relative;
    padding: 20px;
    height: 100%;
    background-color: #edf1f6;
}

.region-report .title {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.region-report h3 {
    padding-left: 0;
    font-size: 18px;
    background: none;
}

.list.youtube li {
    background-color: #fff;
}

.list.youtube li + li {
    margin-top: 15px;
}

.list.youtube li a > div {
    position: relative;
}

.list.youtube li a > div::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .1);
    opacity: 1;
    z-index: 2;
    transition: opacity .3s;
}

.list.youtube li a:hover > div::before, .list.youtube li a:active > div::before {
    opacity: 0;
}

.list.youtube li a:hover dt {
    color: #0b99ac;
}

.list.youtube img {
    width: 100%;
    height: auto;
    max-height: 130px;
}

.list.youtube dl {
    padding: 10px 15px;
}

.list.youtube dt, .list.youtube dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list.youtube dt {
    margin-bottom: 5px;
    font-family: NotoSansM;
    transition: color .3s;
}

.list.youtube dd {
    font-size: 12px;
}

.list.edu li {
    background-color: #fff;
    overflow: hidden;
}

.list.edu li + li {
    margin-top: 15px;
}

.list.edu li a > div {
    position: relative;
}

.list.edu li a > div::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .1);
    opacity: 1;
    z-index: 2;
    transition: opacity .3s;
}

.list.edu li a:hover > div::before, .list.youtube li a:active > div::before {
    opacity: 0;
}

.list.edu li a:hover dt {
    color: #0b99ac;
}

.list.edu img {
    width: 100%;
    height: 180px;
    margin-top: -20px;
}

.list.edu dl {
    padding: 10px 15px;
}

.list.edu dt, .list.youtube dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list.edu dt {
    margin-bottom: 5px;
    font-family: NotoSansM;
    transition: color .3s;
}

.list.edu dd {
    font-size: 12px;
}

.list.edu .disabled img {
    mix-blend-mode: luminosity;
    opacity: .5;
}

.status01 {
    display: none;
    color: #fff;
    font-size: 13px;
    background-color: #99a3bc;
    border: 1px solid #7e849a;
}

.status02 {
    display: none;
    color: #fff;
    font-size: 13px;
    background-color: #bca799;
    border: 1px solid #a9998f;
}

.status03 {
    display: none;
    color: #fff;
    font-size: 13px;
    background-color: #cb7362;
    border: 1px solid #a86356;
}
.statusDt {
    display: none;
    font-size: 13px;
}

/* btn-naver */
.btn-naver {
    position: relative;
    min-width: 60px;
    color: #fff;
    font-size: 14px;
    padding-left: 26px;
    padding-right: 12px;
    font-weight: 500;
    line-height: 27px;
    background-color: #17c920;
    border: 0 none;
    letter-spacing: -0.5px;
    border-radius: 5px;
    margin: 0 3px;
    transition: all 0.3s ease;
    outline: none;
}

.btn-naver:before {
    position: absolute;
    display: block;
    content: '';
    top: 8px;
    left: 10px;
    width: 12px;
    height: 12px;
    background: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_naver.svg) no-repeat 0 center;
    margin-right: 5px;
}

.btn-naver:hover {
    background: #00ab09;
}
.dashboard {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
    border: solid 1px #dfe6ef;
    height: 135px;
}

.dashboard strong {
    flex: 1;
    font-size: 20px;
    text-align: center;
    line-height: 130%;
    word-break: keep-all;
}

.dashboard dl {
    width: 25%;
    padding: 5px 20px;
    border-left: solid 1px #dfe6ef;
}

.dashboard dt {
    margin-bottom: 10px;
    color: #7e81a6;
}

.dashboard dd {
    font-size: 16px;
}

.dashboard dd + dd {
    margin-top: 5px;
}

.dashboard dd b {
    margin-right: 5px;
    font-family: GmarketSansM;
    padding-top: 3px;
    font-size: 18px;
    letter-spacing: 0;
}

.dashboard dd span {
    margin-left: 5px;
    color: #7e81a6;
    font-size: 14px;
}

.dashboard dd span::before {
    content: "/";
    margin-right: 3px;
}

.dashboard .strength {
    float: left;
    width: calc(50% - 11px);
}

.dashboard .highlight {
    display: inline-block;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    text-align: left;
}

.dashboard .highlight::before {
    display: none;
}

.dashboard .highlight.sale {
    background-color: #5badef;
}

.dashboard .highlight.rent {
    background-color: #ff8887;
}

.dashboard .highlight.difference {
    background-color: #9278f3;
}

.legend {
    height: 30px;
}

.legend li {
    font-size: 12px;
    line-height: 30px;
}

.legend li + li {
    margin-left: 15px;
}

.legend li span::after {
    margin-left: 0;
    margin-right: 5px;
}

.legend .half::before, .legend .circle::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    vertical-align: -1.5px;
    background-color: #0a2e4f;
}

.legend .half::before {
    width: 6px;
}

.legend .half.left::before {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.legend .half.right::before {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.legend .circle::before {
    border-radius: 100%;
}

.legend .circle.rate::before {
    background-color: #c29800;
}

.legend .circle.climb::before {
    background-color: #f15c80;
}

.legend .circle.drop::before {
    background-color: #8085e9;
}

.legend .red::before {
    background-color: #ed8585;
}

.legend .scarlet::before {
    background-color: #e99861;
}

.legend .yellow::before {
    background-color: #edc372;
}

.legend .green::before {
    background-color: #7cd6b4;
}

.legend .blue::before {
    background-color: #99badc;
}

.legend .gray::before {
    background-color: #a0a0a0;
}

.total-state .inner {
    justify-content: space-between;
}

.standard-date label {
    margin-right: 10px;
}

.standard-date button {
    color: transparent;
    font-size: 0;
    line-height: 0;
}

.standard-date .dropdown, .standard-date .dropdown-select {
    border-radius: 0;
}

.standard-date .btn {
    width: 38px;
    height: 38px;
    background-color: #edf1f6;
}

.standard-date .btn::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    background-color: #0a2e4f;
}

.standard-date .btn:hover, .standard-date .btn:active {
    background-color: #23b3c6;
}

.standard-date .btn:hover::before, .standard-date .btn:active::before {
    background-color: #fff;
}

.standard-date .icon-prev {
    border-radius: 3px 0 0 3px;
}

.standard-date .icon-next {
    border-radius: 0 3px 3px 0;
}

.standard-date .icon-down {
    width: 100px;
    margin-left: 0 !important;
    border-radius: 0;
    font-family: NotoSansR;
    background: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 90% 50%/10px no-repeat;
    transition: border-color .3s;
    cursor: pointer;
}

.standard-date .icon-down:hover {
    border-color: #23b3c6;
}

.tab-in-tab, .sub-filter, .root-community .bbs-filter {
    padding: 15px;
    background-color: #e9f3f4;
}

.tab-in-tab ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

.tab-in-tab ul + ul {
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #d9e9eb;
}

.tab-in-tab li {
    display: flex;
    flex: 1;
    justify-content: center;
}

.tab-in-tab li .switch span {
    font-family: NotoSansR;
}

.tab-in-tab .title {
    flex: none;
    justify-content: center;
    width: 70px;
    margin: 0 10px;
    padding: 8px 0 5px 0;
    border-radius: 20px;
    color: #fff;
    font-family: GmarketSansM;
}

.tab-in-tab .title.sale {
    background-color: #0b99ac;
}

.tab-in-tab .title.rent {
    background-color: #ff7240;
}

.grid-area-primary {
    margin-bottom: 15px;
}

[class$=-state] .row .col-6 {
    width: calc(50% - 10px);
}

/* 아파트 분석 */
.region-info.apt {
    border-bottom: solid 1px #dfe6ef;
}

.region-info.apt .title {
    height: 82px;
}

.region-info.apt .list {
    height: 540px;
    border: 0;
    border-right: solid 1px #dfe6ef;
    border-left: solid 1px #dfe6ef;
}

.sub-title dl {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding-left: 24px;
    background: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_bullet3.svg) 0 50%/auto 18px no-repeat;
}

.sub-title dt {
    position: relative;
    color: #7e81a6;
    font-family: NotoSansM;
}

.sub-title dd + dt {
    margin-left: 15px;
}

.sub-title dd + dt::before {
    content: "/";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -9px;
}

.sub-title dd {
    margin-left: 5px;
    padding-top: 5px;
    color: #ff7240;
    font-family: GmarketSansM;
    font-size: 16px;
    letter-spacing: 0;
}

.sub-title .btn + .btn {
    margin-left: 5px;
}

.sub-title .icon-point {
    position: relative;
    padding-left: 10px;
}

.sub-title .icon-point::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.sub-title .title-column {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-end;
    align-items: flex-start;
}

.sub-title .title-column p {
    margin-top: 10px;
    margin-left: 0 !important;
    margin-bottom: -10px;
}

.comparer-area {
    position: relative;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    min-height: 62px;
    margin-bottom: 10px;
    padding: 5px;
    border-bottom: 1px solid #dfe6ef;
}

.comparer-area h5 {
    position: absolute;
    top: 17px;
    left: 8px;
}

.comparer {
    display: flex;
    flex-flow: row nowrap;
}

.title-area .comparer-area {
    margin-top: 10px;
}

.title-area .comparer-area h5 {
    position: static;
}

.comparer .icon-reset {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.comparer .icon-reset:hover, .comparer .icon-reset:active {
    background-color: #f6faff;
}

.comparer .btn-comparer-save {
    width: 35px;
    height: 35px;
    padding: 0;
    border-radius: 3px;
    border: solid 1px #dfe6ef;
    color: #0b99ac;
    vertical-align: middle;
}

.comparer .btn-comparer-save:hover {
    border-color: #0b99ac;
}

.comparer .btn-comparer-save::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 0;
    vertical-align: -2px;
    background-color: #0b99ac;
    -webkit-mask: url(/res_root/img/common/icon_group_save-18270d72bad8db4c848d2ed092ad4d79.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_group_save-18270d72bad8db4c848d2ed092ad4d79.svg) 50%/contain no-repeat;
}

.comparer .icon-group-save {
    display: none;
}

.comparer > div > .btn {
    height: 35px;
    font-size: 13px;
}

.comparer > div > .icon-search::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: -2px;
    background-color: #fff;
}

.apt-title {
    display: flex;
    flex-flow: row nowrap;
    padding-bottom: 15px;
    border-bottom: solid 1px #dfe6ef;
}

.apt-title > div {
    flex: 1;
}

.apt-title > div h5 {
    border-bottom: 0;
}

.apt-title h4 {
    margin-bottom: 10px;
}

.apt-title h4::after {
    transform: translateY(-1px);
}

.apt-title button {
    height: 30px;
    font-size: 13px;
}

.apt-title .btn-group .icon-pin::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    vertical-align: -2px;
    background-color: #fff !important;
}

.apt-title .icon-naver {
    color: #17c920;
    border-color: #17c920;
}

.apt-title .icon-naver:hover, .apt-title .icon-naver:active {
    color: #fff;
    background-color: #17c920;
}

.apt-title .icon-naver::before {
    width: 11px;
    height: 11px;
    background-color: #17c920 !important;
    vertical-align: -1px;
    transition: .3s;
}

.apt-title .icon-naver:hover::before, .apt-title .icon-naver:active::before {
    background-color: #fff !important;
}

.apt-title .icon-share::before {
    width: 12px;
    height: 12px;
}

.apt-title .info-lot-solid {
    display: flex;
    align-items: center;
}

.apt-title .info-lot-solid span {
    font-family: NotoSansM;
    font-size: 16px;
}

.apt-title .info-lot-solid span + span {
    margin-left: 5px;
}

.apt-title .info-lot-solid span + span::before {
    content: "/";
    display: inline-block;
    margin-right: 5px;
    color: #7e81a6;
}

.apt-title .info-lot-solid span small {
    color: #7e81a6;
    font-family: NotoSansR;
    font-size: 14px;
}

.apt-title .info-lot-solid .btn {
    height: 30px;
    margin-left: 10px;
}

.btn-share, .root-community .bbs-btn-set .btn-sns {
    position: relative;
}

.share-area, .root-community .sns-list-box {
    position: absolute;
    width: 246px;
    bottom: 40px;
    right: 0;
    border: solid 1px #d9e1ea;
    box-shadow: 0 0 5px rgba(10, 46, 79, .1);
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    z-index: 1;
}

.root-community .sns-list-box {
    display: flex;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}

.root-community .sns-list-box.active {
    opacity: 1;
    visibility: visible;
}

.root-community .sns-list-box::before, .root-community .sns-list-box::after {
    content: "";
    position: absolute;
    left: 50%;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    width: 0;
    height: 0;
    margin-left: -8px;
}

.root-community .sns-list-box::before {
    bottom: -11px;
    border-top: 10px solid #c8ced6;
}

.root-community .sns-list-box::after {
    bottom: -10px;
    border-top: 10px solid #fff;
}

.share-area.active {
    visibility: visible;
    opacity: 1;
}

.share-area h4, .share-area h5 {
    margin: 0;
    padding: 4px 15px 0 15px;
    border-bottom: solid 1px #d9e0e8;
    line-height: 36px;
    background-color: #edf1f6;
}

.share-area .icon-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
}

.share-area .icon-close::before, .share-area .icon-close::after {
    background-color: #0a2e4f;
}

.share-area .icon-close::before {
    width: 20px;
}

.share-area .icon-close::after {
    height: 20px;
}

.root-community .sns-list-box a + a {
    margin-left: 5px;
}

.root-community .btn-sns {
    padding: 10px;
}

.root-community .sns-list-box span {
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    text-indent: -9999px;
    background-position: 50%;
    background-repeat: no-repeat;
}

.root-community .btn-sns .icon-facebook {
    background-color: #3b579d;
    background-size: 60%;
}

.root-community .btn-sns .icon-twitter {
    background-color: #1da1f2;
    background-size: 60%;
}

.root-community .btn-sns .icon-kakao {
    background-image: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_kakao_yellow.svg);
}

.root-community .btn-sns .icon-band {
    background-color: #17c920;
    background-size: 60%;
}

.root-community .btn-sns .icon-naver {
    background-image: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_naver.svg);
    background-color: #17c920;
    background-size: 50%;
}

.apt-detail {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    border-bottom: solid 1px #dfe6ef;
}

.apt-detail > div {
    flex: 1;
    padding: 0 10px;
}

.apt-detail .tips {
    margin-top: 10px;
}

.apt-feature ul {
    display: flex;
    flex-flow: row wrap;
}

.apt-feature li {
    position: relative;
    width: 50%;
    min-height: 60px;
    margin-bottom: 20px;
    padding-left: 100px;
    padding-right: 20px;
    border-right: 1px solid #dae0e8;
}

.apt-feature li:nth-child(even) {
    border-right: none;
}

.apt-feature li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 20px;
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.apt-feature li span {
    display: block;
    margin-bottom: 10px;
    color: #7e81a6;
    font-family: NotoSansR;
    font-size: 15px;
    line-height: 24px;
}

.apt-feature li strong {
    display: inline-block;
    align-items: baseline;
    font-family: GmarketSansM;
    font-size: 20px;
    letter-spacing: 0;
}

.apt-feature li i {
    margin-left: 4px;
    margin-right: 5px;
    font-family: GmarketSansM;
    font-size: 18px;
}

.apt-feature li:first-child:before {
    background-image: url(/res_root/img/common/apt-info-01-144263c8d5f2ae6602f5570467fcacfc.png);
}

.apt-feature li:nth-child(2):before {
    background-image: url(/res_root/img/common/apt-info-02-625ffafa1b7886f1398b2372edd071f5.png);
}

.apt-feature li:nth-child(3):before {
    background-image: url(/res_root/img/common/apt-info-03-7e121bec3131800837c3709f0b768aa1.png);
}

.apt-feature li:nth-child(4):before {
    background-image: url(/res_root/img/common/apt-info-04-889839441e7026b715eea9851ef252c3.png);
}

.apt-feature li:nth-child(5):before {
    background-image: url(/res_root/img/common/apt-info-05-01a8ffb36e8d1586da7e1bfa1730c167.png);
}

.apt-feature li:nth-child(6):before {
    background-image: url(/res_root/img/common/apt-info-06-e075a3496e281920099679be2a1c5da3.png);
}

.apt-detail .unsold {
    width: calc(50% - 10px);
}

.table-blue thead {
    color: #fff;
    background-color: #23b3c6;
}

.table-blue th {
    color: #fff;
    border-color: #0b99ac;
}

.table-blue th span {
    color: inherit;
}

.table-blue tbody tr:nth-child(even) {
    background-color: #edf1f6;
}

.table-blue [class^=icon-] {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    color: transparent;
    font-size: 0;
    line-height: 0;
    vertical-align: -2px;
    cursor: pointer;
    transition: .3s;
}

.table-blue .icon-link-blank::before, .table-blue .icon-link::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto;
    background: none;
    background-color: #0a2e4f;
    transition: .3s;
    mask: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50%/contain no-repeat;
}

.table-blue .icon-link-blank:hover::before, .table-blue .icon-link-blank:active::before, .table-blue .icon-link:hover::before, .table-blue .icon-link:active::before {
    background-color: #23b3c6;
}

.table-blue .icon-chart {
    margin-left: 2px;
}

.table-blue .icon-edit {
    background-color: #0a2e4f;
}

.table-blue .icon-edit:hover, .table-blue .icon-edit:active {
    background-color: #23b3c6;
}

.scroll-tbody {
    height: 165px;
    border-bottom: solid 1px #dfe6ef;
    overflow-y: auto;
}

.scroll-tbody::-webkit-scrollbar {
    width: 0;
}

.table-small th, .table-small td {
    padding: 5px;
    font-size: 12px;
    line-height: 130%;
}

.table-small thead {
    background-color: #e9f3f4;
}

.table-small thead th {
    border-color: #d9e9eb
}

.table-small tbody th {
    background-color: #edf1f6;
}

.table-basic {
    border-top: solid 2px #dfe6ef;
}

.table-basic + .table-basic {
    margin-top: 15px;
}

.table-basic th {
    font-family: NotoSansR;
    font-weight: normal;
    background-color: #edf1f6;
}

.deals-area dl {
    display: flex;
    flex-flow: row nowrap;
}

.deals-area dt {
    width: 16%;
    text-align: center;
}

.deals-area dd {
    width: 42%;
}

.deals-area .col-4 {
    width: calc(33.33333333% - 10px);
}

.deals-area .col-4:first-child .deals-title {
    background-color: #23b3c6;
}

.deals-area .col-4:first-child .deals-title dd {
    border-color: #0b99ac;
}

.deals-title {
    background-color: #0a2e4f;
}

.deals-title dl {
    padding: 5px 0;
}

.deals-title dl > * {
    color: #fff;
    font-family: NotoSansR;
    line-height: 20px;
}

.deals-title dd {
    border-left: solid 1px rgba(255, 255, 255, .3);
    text-align: center;
}

.deals-list dl {
    display: flex;
    flex-flow: row nowrap;
    padding: 5px 0;
    border: solid 1px #dfe6ef;
    border-top: 0;
}

.deals-list dl > * {
    min-height: 30px;
    margin: 10px 0;
    padding: 0 10px;
}

.deals-list dt {
    padding-top: 2px;
    color: #008090;
    font-family: GmarketSansM;
    letter-spacing: 0;
}

.deals-list dd {
    border-left: solid 1px #dfe6ef;
}

.deals-list dd p {
    padding: 2px 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    font-family: GmarketSansM;
    line-height: 22px;
    text-align: right;
    letter-spacing: 0;
    transition: .2s;
}

.deals-list dd p::before {
    float: left;
    width: 33px;
    margin-top: 2px;
    padding-top: 1px;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    line-height: 15px;
    text-align: center;
}

.deals-list ul {
    margin-top: 10px;
}

.deals-list li {
    padding: 5px 0;
    letter-spacing: 0;
    transition: .2s;
}

.deals-list li:hover {
    background-color: #e7f6f7;
}

.deals-list li span {
    display: block;
    float: right;
    font-size: 13px;
    color: #7e81a6;
}

.deals-list li.cancel {
    position: relative;
    padding-bottom: 18px;
}

/* 지인빅데이터 */
.btn-tab .btn-border {
    padding: 0 30px;
}

.btn-tab .btn-border.active {
    color: #fff;
    border-color: #0b99ac;
    background-color: #23b3c6;
}

.btn-tab .btn-border:hover, .btn-tab .btn-border:active {
    border-color: #0b99ac;
}

.btn-tab .btn-border::before {
    display: none;
}

/* 커뮤니티 */
.root-community .nav-container {
    padding-top: 40px;
    margin-bottom: 0;
    background-color: #fff;
}

.root-community .nav-tabs {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.root-community .nav-tabs-wrap {
    border: 0;
}

.root-community .nav-tabs.col-8 {
    width: 100%;
}

.root-community .nav-tabs li {
    position: relative;
    width: calc(16.666% + 1px);
    margin-top: -1px;
    margin-left: -1px;
    border-top: solid 1px #0a2e4f;
    border-right: solid 1px #0a2e4f;
    border-left: solid 1px #0a2e4f;
    text-align: center;
    cursor: pointer;
}

.root-community .nav-tabs li a {
    display: block;
    padding: 0;
    font-family: NotoSansR;
    font-size: 16px;
    line-height: 48px;
    transition: .3s;
}

.root-community .nav-tabs li a:hover, .root-community .nav-tabs li a:active {
    background-color: #f6faff;
}

.root-community .nav-tabs li:first-child {
    border-left: solid 1px #0a2e4f;
}

.root-community .nav-tabs li:nth-child(5n+1) {
    flex: none;
}

.root-community .nav-tabs li:hover, .root-community .nav-tabs li:active {
    background-color: #f6faff;
}

.root-community .nav-tabs li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #0a2e4f;
}

.root-community .nav-tabs li.active {
    color: #fff;
    background-color: #0a2e4f;
}

.root-community .nav-tabs li.active a {
    background-color: #0a2e4f;
}

.root-community .nav-tabs li + li {
    border-left: solid 1px #0a2e4f;
}

.sub-title .btn-secondary {
    width: 150px;
    height: 40px;
}

.sub-title .total {
    margin-top: 20px;
}

.sub-menu {
    position: relative;
}

.sub-menu.board::before {
    content: "";
    display: block;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    height: 3px;
    background-color: #23b3c6;
}

.sub-search > *, .root-community .bbs-filter .search-box > * {
    margin-left: 5px;
}

.sub-search .dropdown {
    vertical-align: middle;
}

.sub-search input[type="text"], .root-community .bbs-filter input[type="text"] {
    width: 200px;
}

.sub-filter .sub-search .btn {
    padding: 0 20px;
}

.board.root-community .filter-container {
    position: relative;
    background-color: #e9f3f4;
    z-index: 1;
}

.board.root-community .filter-container .filter-set > .filter > a {
    border-top: 1px solid #dfe6ef;
    border-bottom: 1px solid #dfe6ef;
}

.board.root-community .filter-container .filter-set > .filter:first-child > a {
    border-left: 1px solid #dfe6ef;
}

.board.root-community .filter-container .filter-set > .filter:first-child > .active {
    border-color: #23b3c6;
}

.board.root-community .filter-container .filter-set > .filter > .active {
    border-color: #23b3c6;
    background-color: #23b3c6;
}

.board.root-community .filter-container .filter-set > .filter > .active .text {
    color: #fff;
}

.board.root-community .filter-container .filter-set > .filter > .active .filter-name {
    color: rgba(255, 255, 255, .8);
}

.board.root-community .filter-container .filter-set > .btn-set .icon-reset {
    border-top: 1px solid #dfe6ef;
    border-bottom: 1px solid #dfe6ef;
}

.board.root-community .filter-container .btn-mobile-filter {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.root-community .category-list .active {
    color: #0a2e4f;
    font-family: NotoSansM;
}

.root-community .category-list a {
    padding: 0 15px;
    color: #7e81a6;
    font-size: 16px;
    cursor: pointer;
    transition: .3s;
}

.root-community .classify li:active, .root-community .category-list a:hover, .root-community .category-list a:active {
    color: #0a2e4f;
}

.root-community .category-list a + a {
    border-left: solid 1px #dadce0;
}

.root-community .bbs-filter button {
    height: 38px;
    padding: 0 20px;
    border-radius: 3px;
    color: #fff;
    font-family: NotoSansR;
    background-color: #0a2e4f;
    transition: .3s ease-in-out;
}

.root-community .bbs-filter button:hover, .root-community .bbs-filter button:active {
    background-color: #23b3c6;
}

.root-community .bbs-filter .search-box {
    display: flex;
    flex-flow: row wrap;
}

.root-community .bbs-filter .search-box .checking {
    margin-left: 10px;
}

.root-community .bbs-filter .search-box .checking + .btn-purple {
    margin-left: 20px;
}

.root-community .category-list a {
    display: inline-block;
}

.root-community .bbs-top {
    margin-top: 20px;
}

.root-community .bbs-top .count {
    margin-top: 20px;
}

.root-community .bbs-top .count strong {
    margin-left: 3px;
}

.root-community .bbs-top .bbs-btn-set button {
    height: 40px;
    border-radius: 3px;
    color: #fff;
    font-family: NotoSansR;
    transition: .3s ease-in-out;
}

.root-community .bbs-top .btn-write {
    width: 150px;
    border-color: #0b99ac;
    background-color: #0b99ac;
}

.root-community .bbs-top .btn-write:hover, .root-community .bbs-top .btn-write.active {
    border-color: #ff7240;
    background-color: #ff7240;
}

.root-community .bbs-list {
    margin-bottom: 50px;
    border-top: 2px solid #0b99ac;
}

.root-community .bbs-list li > a {
    display: block;
    position: relative;
    border-bottom: 1px solid #dfe6ef;
    transition: .2s ease-out;
}

.root-community .bbs-list li > a:hover, .root-community .bbs-list li > a:active {
    background-color: #f6faff;
}

.root-community .bbs-list li > a:hover::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-180deg);
    right: 20px;
    width: 20px;
    height: 20px;
    background-color: #0a2e4f;
    mask: url(/res_root/img/common/icon_arrow_thin-023b4f03956d598bef734735adcd990d.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_thin-023b4f03956d598bef734735adcd990d.svg) 50%/contain no-repeat;
}

.root-community .bbs-list li > a:hover .img img {
    transform: scale(1.15);
}

.root-community .bbs-list p {
    font-family: NotoSansR;
    font-size: 16px;
    line-height: 22px;
}

.root-community .bbs-list .number {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 70px;
    font-family: GmarketSansM;
    text-align: center;
    letter-spacing: 0;
}

.root-community .bbs-list .category {
    padding-left: 0;
    color: #0b99ac;
    font-family: NotoSansM;
}

.root-community .bbs-list .empty, .root-community .bbs-list .url {
    padding-left: 0;
}

.root-community .bbs-list .empty::before, .root-community .bbs-list .url::before {
    display: none;
}

.root-community .bbs-list .empty a {
    color: #0b99ac;
}

.root-community .bbs-list .url {
    color: #0b99ac;
    text-decoration: underline;
}

.root-community .bbs-list .icon-notice {
    display: block;
    position: absolute;
    top: 50%;
    left: 35px;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    text-indent: -9999px;
    border-radius: 14px;
    background: #23b3c6 url(/res_root/img/common/icon_bullhorn_st1-45ee6cd37ce76bfc395d86c2ba567caa.svg) center/14px no-repeat;
}

.root-community .bbs-list .no-posts {
    width: 100%;
    justify-content: center;
    padding: 30px 0;
    border-bottom: solid 1px #dfe6ef;
}

.root-community .bbs-list .img {
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    width: 250px;
    height: 180px;
    background-color: #f5f7f9;
    overflow: hidden;
}

.root-community .bbs-list .img img {
    width: 100%;
    height: 180px;
    z-index: 1;
    transition: .3s ease;
}

.root-community .bbs-list > .btn {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
}

.root-community .bbs-content-info {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 10px;
}

.root-community .bbs-content-info span {
    position: relative;
    margin-right: 10px;
    padding-left: 20px;
    padding-right: 12px;
    letter-spacing: 0;
    color: #7e81a6;
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.root-community .bbs-content-info span::before {
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    content: "";
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: contain;
}

.root-community .bbs-content-info span::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 14px;
    background-color: #dadce0;
}

.root-community .bbs-content-info span:last-child::after {
    display: none;
}

.root-community .bbs.content-info .name {
    max-width: 200px;
}

.root-community .bbs-content-info .name::before {
    background-image: url(/res_root/img/common/icon_profile-40028e9d720b097418abdc3b9344f663.svg);
}

.root-community .bbs-content-info .date::before {
    background-color: #7e81a6;
    mask: url(/res_root/img/common/icon_calendar-37a9e56c49f0699e2346a8efc120c014.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_calendar-37a9e56c49f0699e2346a8efc120c014.svg) 50%/contain no-repeat;
}

.root-community .bbs-content-info .visited::before {
    background-image: url(/res_root/img/common/icon_visited-e40eca911ed2620fe7d5fdb44f28cf2c.svg);
}

.root-community .bbs-content-info .comment::before {
    background-color: #7e81a6;
    mask: url(/res_root/img/common/icon_message-4580c84ef7c3b36298e831d764f0bdf0.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_message-4580c84ef7c3b36298e831d764f0bdf0.svg) 50%/contain no-repeat;
}

.root-community .bbs-content-info .unconfirmed::before {
    background-color: #7e81a6;
    mask: url(/res_root/img/common/icon_unconfirmed-b6071ce8bbad75c00b2336209eb5a61a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_unconfirmed-b6071ce8bbad75c00b2336209eb5a61a.svg) 50%/contain no-repeat;
}

.root-community .bbs-content-info .won::before {
    background-color: #7e81a6;
    mask: url(/res_root/img/common/won-sign-solid-6bd362111e8681eee8a6a3a0d40288b9.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/won-sign-solid-6bd362111e8681eee8a6a3a0d40288b9.svg) 50%/contain no-repeat;
}

.root-community .bbs-content-info .locked::before, .bbs-content-info .lock::before {
    background-image: url(/res_root/img/common/icon_lock-6ccb237410e962f99aabdb131bfe219a.svg);
}

.root-community .bbs-content-info .point::before {
    background-color: #7e81a6;
    mask: url(/res_root/img/common/icon_point-e12689dc1ed1d6cc148e9a4d52cec119.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_point-e12689dc1ed1d6cc148e9a4d52cec119.svg) 50%/contain no-repeat;
}

.root-community .bbs-content-info .method::before {
    background-color: #7e81a6;
    mask: url(/res_root/img/common/icon_transfer-982890d0b8aeb6cb1cd0cac6c5903cbd.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_transfer-982890d0b8aeb6cb1cd0cac6c5903cbd.svg) 50%/contain no-repeat;
}

.root-community .bbs-content-info .reply-no {
    color: #f45766;
}

.root-community .bbs-content-info .reply-no:before {
    background-image: url(/res_root/img/common/icon_reply_no-e75800d7d6ed1630e433e5a34319b501.svg);
}

.root-community .bbs-content-info .reply-ed:before {
    background-image: url(/res_root/img/common/icon_reply_ed-8081a26de9d7b32e533f68b9334d63ab.svg);
}

.root-community .pre {
    padding-left: 70px;
    background: url(/res_root/img/common/icon_bbs_pre-c0a2a881928a660cd9bd3fa0e2790a78.png) 0 50% no-repeat;
}

.root-community .bbs-list li > a {
    display: block;
    padding: 20px 70px 20px 100px;
}

.root-community .bbs-list.edu li > a {
    min-height: 220px;
    padding: 32px 160px 10px 290px;
}

.root-community .bbs-list.edu li > a::before, .root-community .bbs-list.coupon li > a::before, .bbs-list.pay li > a::before,
.root-community .bbs-list.report li > a::before {
    position: absolute;
    right: 60px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    padding: 0 15px;
    border-radius: 100%;
    font-family: GmarketSansM;
    font-size: 16px;
    text-align: center;
    word-break: keep-all;
    line-height: 120%;
    box-sizing: border-box;
}

.root-community .bbs-list.edu li > a::before {
    content: "수강 중";
    color: #fff;
    background-color: #ff7240;
    z-index: 1;
}

.root-community .bbs-list.edu li > a:hover, .root-community .bbs-list.edu li > a:active {
    background-color: #e9f3f4;
}

.root-community .bbs-list.edu .bbs-content-info .visited {
    display: none;
}

.root-community .bbs-list.edu .disabled > a::before {
    content: "수강 기간 만료";
}

/*.root-community .bbs-list.report li>a{min-height:250px;}*/
.root-community .bbs-list .disabled > a::before {
    background-color: #aaa !important;
}

.root-community .bbs-list .disabled > a {
    cursor: default;
    background-color: #f9f9f9;
}

.root-community .bbs-list .disabled > a .img, .root-community .bbs-list .disabled > a .subject, .root-community .bbs-list .disabled > a::before, .root-community .bbs-list .disabled > a .bbs-content-info {
    opacity: .7;
}

.root-community .bbs-list .disabled > a .img {
    background-color: #fff;
}

.root-community .bbs-list .disabled > a .img img {
    mix-blend-mode: luminosity;
    opacity: .7;
}

.root-community .bbs-list .disabled > a .category {
    color: #7e81a6;
}

.root-community .bbs-list .disabled > a .sum span {
    color: #0a2e4f;
}

.root-community .bbs-list .disabled > a:hover, .root-community .bbs-list .disabled > a:active {
    background-color: #f9f9f9 !important;
}

.root-community .bbs-list .disabled > a:hover .img img {
    transform: none;
}

.root-community .bbs-list .disabled > a:hover::after {
    display: none;
}

.root-community .with-thumbnail li > a {
    padding: 32px 100px 25px 290px;
}

.root-community .with-thumbnail.report li > a {
    padding: 20px 100px 12px 290px;
}

.root-community .with-thumbnail.youtube li > a {
    padding: 32px 90px 32px 360px;
}

.board-type-3 > a {
    padding: 32px 90px 32px 360px;
}

.root-community .with-thumbnail .subject, .board-type-3 .subject {
    font-size: 18px;
    margin-bottom: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 26px;
}
.root-community .with-thumbnail .subject > span {
    float: left;
}
.root-community .with-thumbnail .subject > span.text{
    font-family: NotoSansR;
    font-size: 18px;
    line-height: 22px;
}
.root-community .with-thumbnail .subject .teahcer-rate-box {
    height: 26px;
    font-size: 14px;
    margin-left: 5px;
}

.root-community .with-thumbnail .teacher-agree ul button.teahcer-rate-reg {
    width: 100%;
    height: 26px;
}
.root-community .with-thumbnail .teacher-agree {
    display: none;
    position: absolute;
    left: 80px;
    width: 170px;
    background: #FFFFFF;
    padding: 10px;
    border: solid 1px #0a2e4f;
    box-shadow: 0 0 20px rgba(10, 46, 79, .2);
}
.root-community .with-thumbnail .subject .teacher-agree button {
    height: 26px;
    width: 100%;
    margin-top: 5px;
    background-color: #23b3c6;
}
.root-community .with-thumbnail .subject .teacher-agree span {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 15px;
}
.root-community .with-thumbnail .subject .teacher-agree span::before {
    content: "";
    display: block;
    position: absolute;
    margin-top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #23b3c6;
}
.root-community .with-thumbnail .subject span[class^=level]::after {
    margin: 3px 10px 0 0;
    vertical-align: top;
}
.root-community .with-thumbnail .text, .board-type-3 .text {
    display: block;
    height: 66px;
    margin-bottom: 22px;
    line-height: 160%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: NotoSansL;
    font-size: 14px;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap: break-word;
}

.root-community .with-thumbnail .text .btn {
    height: 40px;
}

.root-community .with-thumbnail .bbs-btn-set {
    position: absolute;
    top: 20px;
    right: 20px;
}

.root-community .with-thumbnail .bbs-btn-set button::before {
    display: none;
}

.root-community .with-thumbnail.youtube .img {
    width: 320px;
}

.root-community .with-thumbnail.youtube .img::before, .root-community .with-thumbnail.youtube .img::after {
    content: "";
    display: block;
    position: absolute;
    transition: opacity .3s;
}

.root-community .with-thumbnail.youtube .img::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: solid 6px #ce1312;
    opacity: 0;
    z-index: 2;
}

.root-community .with-thumbnail.youtube .img::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: url(/res_root/img/common/icon_youtube_red-bc48d989fa5d7c5eb3a8e4a12a4f72dd.svg) 50%/contain no-repeat;
    opacity: 0;
    z-index: 3;
}

.root-community .with-thumbnail.youtube a:hover .img::before, .root-community .with-thumbnail.youtube a:active .img::before,
.root-community .with-thumbnail.youtube a:hover .img::after, .root-community .with-thumbnail.youtube a:active .img::after {
    opacity: 1;
}

.root-community .with-thumbnail.youtube a:hover .img::before, .root-community .with-thumbnail.youtube a:active .img::before {
    background-color: rgba(255, 255, 255, .5);
}

.root-community .with-thumbnail.report .text {
    margin-bottom: 0px;
}

.root-community .with-thumbnail.report .text + .text {
    margin-bottom: 12px;
}

.bbs-list.edu-info li > a {
    min-height: 220px;
    padding-right: 280px;
}

.root-community .pagination, .root-community .page-mumber a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.root-community .page-mumber {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.root-community .page-mumber a {
    width: 40px;
    height: 40px;
    border: 1px solid #0a2e4f;
    cursor: pointer;
    transition: .3s;
}

.root-community .page-mumber a:hover, .root-community .page-mumber a:active {
    background-color: #f6faff;
}

.root-community .page-mumber li + li {
    margin-left: 5px;
}

.root-community .page-mumber li.active a {
    color: #fff;
    font-family: notoSansR;
    background-color: #0a2e4f;
}

.root-community .page-mumber .jump a {
    border-color: #edf1f6;
    color: transparent;
    font-size: 0;
    line-height: 0;
    background-color: #edf1f6;
}

.root-community .page-mumber .jump a::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    background-color: #0a2e4f;
}

.root-community .page-mumber .jump a:hover, .root-community .page-mumber .jump a:active {
    border-color: #0a2e4f;
}

.root-community .page-mumber .prev a::before {
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    transform: rotate(90deg);
}

.root-community .page-mumber .next a::before {
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    transform: rotate(-90deg);
}

.root-community .page-mumber .last a::before {
    -webkit-mask: url(/res_root/img/common/icon_arrow_start-e7a778a7a87d4ec43caaaa58708c4680.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_arrow_start-e7a778a7a87d4ec43caaaa58708c4680.svg) 50%/contain no-repeat;
    transform: rotate(-180deg);
}

.root-community .page-mumber .first a::before {
    -webkit-mask: url(/res_root/img/common/icon_arrow_start-e7a778a7a87d4ec43caaaa58708c4680.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_arrow_start-e7a778a7a87d4ec43caaaa58708c4680.svg) 50%/contain no-repeat;
}

.root-community .bbs-head {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dfe6ef;
}

.root-community .bbs-head::after {
    content: "";
    display: block;
    clear: both;
}

.root-community .bbs-head h3 {
    margin-bottom: 10px;
    padding-left: 30px;
    font-size: 24px;
    line-height: 30px;
    background: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_bullet1.svg) 0 3px/auto 24px no-repeat;
}

.root-community .bbs-view .event-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #dee3eb;
}

.root-community .bbs-view .event-info > dt {
    width: 160px;
    min-height: 35px;
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: NotoSansM;
    line-height: 24px;
}

.root-community .bbs-view .event-info > dt .dt-single {
    margin-top: 10px;
}

.root-community .bbs-view .event-info > dd {
    display: block;
    width: calc(100% - 160px);
    min-height: 35px;
    padding-left: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-left: 1px solid #dee3eb;
    color: #333;
    font-size: 16px;
    line-height: 24px;
}

.root-community .bbs-view .event-info > dd a.btn {
    display: inline-block;
    vertical-align: middle;
    line-height: 34px;
}

.root-community .bbs-view .event-info > dd .pre-func-desc {
    margin-left: 5px;
    vertical-align: middle;
    color: white;
    background: #ff863d;
    border-radius: 3px;
    padding: 5px 10px;
    border-color: #ff863d;
}

.root-community .bbs-view .event-info .btn {
    height: 36px;
    padding: 0 20px;
}

.root-community .bbs-head .bbs-content-info {
    float: left;
    margin-bottom: 0;
    margin-top: 10px;
}

.root-community .bbs-head .bbs-content-info .category {
    font-family: "NotoSansM";
    padding-left: 0;
    color: #0b99ac;
}

.root-community .bbs-head [class^=level-edu]::after {
    height: 18px;
    padding-top: 4px;
    font-size: 16px;
    line-height: 18px;
}

.root-community .bbs-btn-set {
    display: flex;
    float: right;
}

.root-community .bbs-btn-set > * {
    display: inline-block;
    vertical-align: middle;
}

.root-community .bbs-btn-set > * + * {
    margin-left: 5px;
}

.root-community .bbs-btn-set button {
    min-width: 80px;
    height: 38px;
    padding: 0 10px;
    border: solid 1px #dfe6ef;
    border-radius: 3px;
    font-family: NotoSansR;
    background-color: #fff;
    transition: .3s ease-in-out;
}

.root-community .bbs-btn-set button:hover, .root-community .bbs-btn-set button:active {
    border-color: #0a2e4f;
    box-shadow: 1px 1px 3px rgba(10, 46, 79, .2);
}

.root-community .bbs-btn-set button::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: -2px;
}

.root-community .bbs-btn-set button#btnCopyUrl::before, .btn-copy-url::before {
    background: url(/res_root/img/common/icon_copy-524dd33fd721ca04f3251613b54b3ab2.svg) 50%/contain no-repeat;
}

.root-community .bbs-btn-set .btn-coupon::before {
    background: url(/res_root/img/common/icon_coupon-56d3dfc4110e6ca99720f0e8dce53491.svg) 50%/contain no-repeat;
}

.root-community .bbs-btn-set .btn-sns button::before {
    background: url(/res_root/img/common/icon_share-3ae923a02cd2fca022d67975d958ce0d.svg) 50%/contain no-repeat;
}

.root-community .bbs-btn-set .btn-secondary {
    color: #fff;
    border-color: #0a2e4f;
    background-color: #0a2e4f;
}

.root-community .bbs-btn-set .btn-secondary:hover, .root-community .bbs-btn-set .btn-secondary:active {
    border-color: #23b3c6;
    background-color: #23b3c6;
}

.root-community .bbs-btn-set .btn-dark {
    border-color: #0b99ac;
    color: #fff;
    background-color: #0b99ac;
}

.root-community .bbs-btn-set .btn-dark:hover, .root-community .bbs-btn-set .btn-dark:active {
    border-color: #ff7240;
    background-color: #ff7240;
}

.root-community .bbs-btn-set .btn-secondary::before, .root-community .bbs-btn-set .btn-dark::before, .root-community .bbs-top .bbs-btn-set .btn-write::before {
    display: none;
}

.root-community .bbs-btn-set .btn-sns {
    padding: 0;
}

.root-community .bbs-btn-set .btn-accept {
    color: #fff;
    border-color: #ff863d;
    background-color: #ff863d;
}

.root-community .bbs-btn-set [class*=icon-alarm]::before {
    background-color: #fff;
}

.root-community .bbs-btn-set .btn-accept:hover {
    border-color: #ff863d;
}

.root-community .bbs-btn-set .btn-reject {
    color: #fff;
    border-color: #f45666;
    background-color: #f45666;
}

.root-community .bbs-btn-set .btn-reject:hover {
    border-color: #f45666;
}

.root-community .bbs-btn-set2 {
    margin-top: 60px;
}

.root-community .bbs-btn-set2 button {
    min-width: 80px;
    height: 38px;
    padding: 0 10px;
    border: solid 1px #dfe6ef;
    border-radius: 3px;
    font-family: NotoSansR;
    background-color: #fff;
    transition: .3s ease-in-out;
}
.root-community .bbs-btn-set2 .btn-copy-url.btn-reject {
    color: #fff !important;;
    border-color: #f45666 !important;
    background-color: #f45666 !important;;
}
.root-community .bbs-btn-set2 button#btnCopyUrl::before, .btn-copy-url::before {
    background: url(/res_root/img/common/icon_copy-524dd33fd721ca04f3251613b54b3ab2.svg) 50%/contain no-repeat;
}

.root-community .bbs-btn-set2 .btn-coupon::before {
    background: url(/res_root/img/common/icon_coupon-56d3dfc4110e6ca99720f0e8dce53491.svg) 50%/contain no-repeat;
}


.bbs-view-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn-accept {
    background-color: #ff863d;
}

.btn-accept:hover, .btn-accept:active {
    background-color: #23b3c6;
}

.btn-accept::before {
    content: "";
    display: inline-block;
    border-color: #fff;
    vertical-align: 2px;
}

.btn-accept + span {
    margin-left: 5px;
    font-family: GmarketSansM;
    color: #ff4400;
}

.bbs-view-content, .root-community .bbs-content {
    min-height: 250px;
    padding: 20px;
    background-color: #fff;
}

.root-community .fr-view {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 180%;
    text-align: justify;
    word-wrap: break-word;
}

.root-community .fr-view img {
    display: block;
    position: relative;
    max-width: 100%;
    margin: 5px auto;
}

.root-community .fr-view p {
    font-size: 16px;
    line-height: 180%;
    text-align: justify;
    word-wrap: break-word;
}

.root-community .fr-view p * {
    color: inherit;
}

.root-community .fr-view a:hover, .root-community .fr-view a:active {
    color: #0b99ac;
    text-decoration: underline;
    transition: .2s;
}

.root-community .fr-view img.fr-dib {
    margin: 0 auto;
}

.root-community .bbs-attachment {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #dfe6ef;
    border-radius: 4px;
    background-color: #f6faff;
}

.root-community .bbs-attachment a {
    display: block;
    font-family: NotoSansM;
    transition: .3s;
}

.root-community .bbs-attachment a + a {
    margin-top: 10px;
}

.root-community .bbs-attachment a:hover, .root-community .bbs-attachment a:active {
    color: #0b99ac;
}

.root-community .bbs-attachment a::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 100%;
    vertical-align: middle;
    background: #0a2e4f url(/res_root/img/common/icon_clip-eb4f5c49fb9b31c4466b1618d4dfd519.svg) center/12px no-repeat;
    transition: .3s;
}

.root-community .bbs-attachment a:hover::before, .root-community .bbs-attachment a:active::before {
    background-color: #23b3c6;
}

.root-community .bbs-page-move {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: solid 1px #dfe6ef;
    border-bottom: solid 1px #dfe6ef;
}

.root-community .bbs-page-move li:not(:nth-child(2)) {
    width: calc(50% - 100px);
}

.root-community .bbs-page-move li:nth-child(2) {
    width: 200px;
}

.root-community .bbs-page-move a {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 80px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #edf1f6;
    transition: .3s;
}

.root-community .bbs-page-move a:hover, .root-community .bbs-page-move a:active {
    background-color: #e9f3f4;
}

.root-community .bbs-page-move a::before, .root-community .bbs-page-move a::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #0a2e4f;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
}

.root-community .bbs-page-move .list, .root-community .bbs-page-move .list:hover, .root-community .bbs-page-move .list:active {
    background-color: #fff;
}

.root-community .bbs-page-move .text {
    position: absolute;
    top: 20px;
    font-family: NotoSansM;
    color: #7e81a6;
    font-size: 12px;
}

.root-community .bbs-page-move .subject {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.root-community .bbs-page-move .prev {
    padding: 15px 10px 0 20px;
}

.root-community .bbs-page-move .prev::before {
    margin-right: 10px;
    transform: rotate(90deg);
}

.root-community .bbs-page-move .prev .text {
    left: 42px;
}

.root-community .bbs-page-move .next {
    justify-content: flex-end;
    padding: 15px 20px 0 10px;
    text-align: right;
}

.root-community .bbs-page-move .next::after {
    margin-left: 10px;
    transform: rotate(-90deg);
}

.root-community .bbs-page-move .next .text {
    right: 42px;
}

.root-community .bbs-page-move .prev::after, .root-community .bbs-page-move .next::before, .root-community .bbs-page-move .list::before, .root-community .bbs-page-move .list::after,
.root-community .bbs-page-move .none::before, .root-community .bbs-page-move .none::after {
    display: none;
}

.root-community .bbs-page-move .none {
    cursor: default;
}

.root-community .bbs-page-move .none:hover, .root-community .bbs-page-move .none:active {
    background-color: #edf1f6;
}

.root-community .bbs-page-move .list {
    width: 200px;
    justify-content: center;
    font-family: "NotoSansR";
    background-color: #fff;
}

.root-community .bbs-page-move .list:hover, .bbs-page-move .list:active {
    color: #23b3c6;
    background-color: #fff;
}

.root-community .comment-area {
    margin: 20px 0;
    padding: 20px;
    border-top: solid 1px #dfe6ef;
    border-bottom: solid 1px #dfe6ef;
    background-color: #edf1f6;
}

.root-community .comment-area .total {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #0a2e4f;
    font-weight: 400;
}

.root-community .comment-area .total > span {
    display: inline-block;
    line-height: 34px;
}

.root-community .comment-area .total strong {
    margin-left: 5px;
}

.root-community .comment-area .total strong span {
    font-family: inherit;
}

.root-community .comment-list > li {
    position: relative;
    padding: 20px 0;
}

.root-community .comment-list > li + li {
    border-top: solid 1px rgba(10, 46, 79, .1);
}

.root-community .comment-list .bbs-content-info .name {
    font-family: NotoSansM;
    font-size: 15px;
}

.root-community .comment-list .comment-btn-set {
    position: absolute;
    top: 16px;
    right: 0;
}

.root-community .comment-list .comment-btn-set button {
    height: 30px;
    padding: 0 10px;
    border-radius: 3px;
    font-family: NotoSansR;
    transition: .3s ease-in-out;
}

.root-community .comment-list .comment-btn-set button + button {
    margin-left: 5px;
}

.root-community .comment-list .comment-btn-set .btn-secondary {
    color: #fff;
    background-color: #0a2e4f;
}

.root-community .comment-list .comment-btn-set .btn-secondary:hover, .root-community .comment-list .comment-btn-set .btn-secondary:active {
    background-color: #23b3c6;
}

.root-community .comment-list .comment-btn-set .btn-dark {
    color: #fff;
    background-color: #0b99ac;
}

.root-community .comment-list .comment-btn-set .btn-dark:hover, .root-community .comment-list .comment-btn-set .btn-dark:active {
    background-color: #ff7240;
}

.root-community .comment-list .comment-btn-set .icon-alarm::before {
    background-color: #0a2e4f;
}

.root-community .comment-list p {
    white-space: pre-wrap;
    line-height: 160%;
    padding: 0 20px;
    font-family: NotoSansR;
    font-size: 15px;
    word-break: break-word;
}

.root-community .comment-form button {
    width: 120px;
    height: 40px;
    margin-top: 15px;
}

.root-community .comment-form .btn-confirm {
    background-color: #0b99ac;
}

.root-community .comment-form .btn-confirm:hover, .root-community .comment-form .btn-confirm:active {
    background-color: #ff7240;
}

.root-community .comment-wrap {
    padding: 20px;
    border: 1px solid #dfe6ef;
    border-radius: 4px;
    background-color: #f6faff;
}

.root-community .comment-wrap .attachment {
    margin: 10px 0 0 0;
    border: 0;
    padding: 0;
    background: none;
}

.root-community .comment-wrap .attachment dd {
    text-align: left;
}

.root-community .comment-wrap .attachment dd > * {
    display: inline-block;
}

.root-community .comment-wrap .attachment dd > ul {
    margin-left: 15px;
}

.root-community .comment-wrap .attachment .btn-attach {
    margin-top: 0;
}

.root-community .comment-wrap .attachment p input {
    position: absolute;
    top: 0;
    left: -9999px;
    width: 1px;
    height: 1px;
    line-height: 0;
    overflow: hidden;
}

.root-community .comment-wrap .attachment ul {
    margin-left: 15px;
}

.root-community .comment-wrap .attachment li {
    line-height: 36px;
}

.root-community .comment-wrap .attachment li button {
    width: 30px;
    height: 30px;
    margin: 0;
}

.root-community .comment-wrap > img, .root-community .comment-area img {
    max-width: 1000px;
    margin-bottom: 20px;
    border: solid 1px #dfe6ef;
}

.root-community div[class^=comment-] textarea:focus {
    border-width: 2px;
    border-color: #23b3c6;
}

.root-community div[class^=comment-] textarea {
    display: block;
    width: 100%;
    padding: 20px;
    border: 1px solid #0a2e4f;
    font-size: 16px;
    line-height: 160%;
    transition: .3s;
    outline: none;
}

.root-community div[class^=comment-] textarea::-webkit-scrollbar {
    width: 15px;
}

.root-community .comment-list .comment-wrap {
    margin-top: 40px;
    padding: 0;
    border: 0;
    background-color: transparent;
}

.root-community .comment-list .comment-wrap .attachment p {
    padding: 0;
}

.root-community .comment-list .comment-wrap br {
    display: none;
}

.root-community .attachment {
    background-color: #f6faff;
}

.root-community .attachment dd input {
    position: absolute;
    top: 0;
    left: -9999px;
    width: 1px;
    height: 1px;
    line-height: 0;
    overflow: hidden;
}

.root-community .attachment {
    display: flex;
    flex-flow: row wrap;
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #dfe6ef;
    border-radius: 4px;
}

.root-community .attachment dt {
    display: flex;
    padding-top: 10px;
    color: #7e81a6;
    font-family: NotoSansM;
}

.root-community .attachment p {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.root-community .attachment .btn-attach {
    display: inline-block;
    width: 120px;
    height: 36px;
    padding: 0 10px;
    border: solid 1px #dfe6ef;
    border-radius: 3px;
    line-height: 34px;
    text-align: center;
    font-family: NotoSansR;
    transition: .3s ease-in-out;
    background-color: #fff;
}

.root-community .attachment .btn-attach::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: -2px;
    background-color: #0a2e4f;
    mask: url(/res_root/img/common/icon_clip-eb4f5c49fb9b31c4466b1618d4dfd519.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_clip-eb4f5c49fb9b31c4466b1618d4dfd519.svg) 50%/contain no-repeat;
}

.root-community .attachment .btn-attach:hover, .root-community .attachment .btn-attach:active {
    border-color: #0a2e4f;
    box-shadow: 1px 1px 3px rgba(10, 46, 79, .2);
}

.root-community .attachment dd ul {
    margin-top: 10px;
}

.root-community .attachment dd li button {
    height: 30px;
}

.root-community .btn-area {
    margin-bottom: 20px;
    text-align: center;
}

.root-community .btn-area button {
    width: 130px;
    height: 50px;
    padding: 0 10px;
    color: #fff;
    border-radius: 3px;
    font-family: NotoSansR;
    font-size: 16px;
    transition: .3s ease-in-out;
}

.root-community .btn-area button + button {
    margin-left: 5px;
}

.bbs-btn-area {
    text-align: center;
}

.bbs-btn-area button {
    width: 130px;
    height: 50px;
    font-size: 16px;
}

.bbs-btn-area .event-text {
    font-family: GmarketSansM;
    color: #ff4400;
    line-height: 30px;
    font-size: 17px;
}

/* 회원가입 */
.terms-box {
    margin-bottom: 50px;
}

.terms-text {
    margin-bottom: 15px;
    padding: 20px;
    border: 1px solid #dadada;
    max-height: 400px;
    overflow-y: auto;
}

.terms-text h3 {
    margin-bottom: 15px;
    padding-top: 10px;
    padding-left: 0;
    color: #0b99ac;
    background: none;
}

.terms-text h4 {
    margin-bottom: 5px;
    padding-left: 0;
    background: none;
}

.terms-text p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 160%;
    text-align: justify;
}

.terms-text ol, .terms-text ul {
    margin-bottom: 15px;
    padding-left: 15px;
}

.terms-text li {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 140%;
    text-align: justify;
}

.terms-text li ol, .terms-text li ul {
    margin-top: 15px;
}

.terms-text li li {
    margin-bottom: 10px;
    padding-left: 15px;
    color: #7e81a6;
    font-size: 15px;
}

.terms-text .terms-table thead {
    background-color: #e9f3f4;
}

.member-info {
    margin-bottom: 40px;
}

.member-info dd {
    gap: 5px;
}

.member-info dd > * + * {
    margin-left: 5px;
}

.member-info dd > input:not([type=checkbox]) {
    width: 180px;
    font-family: NotoSansR;
    letter-spacing: 0;
    transition: .3s;
}

.member-info dd > input:not([type=checkbox]):focus {
    border-color: #23b3c6;
}

.member-info dd > button {
    height: 36px;
}

.member-info dd > span {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 36px;
}

.member-info dd > .checking + button {
    margin-left: 15px;
}

.
.member-info dd.phone > * + * {
    margin-left: 0;
}

.member-info dd.phone input {
    position: relative;
    width: 53px;
}

.member-info dd.phone .tel_agree {
    position: relative;
    width: 0px;
}

.member-info dd.mail span, .member-info dd.mail span + input {
    margin-left: 0;
}

.member-info dd.birth .dropdown {
    width: 98px;
    min-width: 80px;
}

.member-info dd.security {
    position: relative;
    padding-bottom: 30px;
}

.member-info dd.security > div {
    display: flex;
    align-items: flex-start;
    margin-left: 5px;
}

.member-info dd.security .notes {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: absolute;
    bottom: 6px;
    left: -5px;
}

.member-info dd .timeout {
    padding-top: 3px;
    color: #f45666;
    font-family: GmarketSansM;
    letter-spacing: 0;
}

.member-info dd .youtube-auth-time {
    color: red;
    font-size: 15px;
}

.member-info .security {
    height: 90px !important;
}

.member-info .certi-tel input {
    width: 60px !important;
}

.member-info .security.phone {
    height: 90px !important;
}

.member-info .dropdown {
    width: 180px;
}

.member-info .tips {
    margin-left: 30px;
}

.member-info input[type=password] + .tips {
    margin-left: 0;
}

.member-info .tips::before, .member-info .tips::after {
    display: block;
    position: absolute;
    top: 50%;
    border-radius: 2px;
}

.member-info .btn-border::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 5px;
    background-color: #0a2e4f;
}

.member-info .icon-check-round::before {
    background-image: none;
    mask: url(/res_root/img/common/icon_check-94d1119de7816298c66c79184f744cb0.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_check-94d1119de7816298c66c79184f744cb0.svg) 50%/contain no-repeat;
}

.member-info .icon-link-blank::before {
    background-color: transparent;
}

.member-info.teacher input[readonly]{
    background-color: #f0f3fc;
}

.member-info.teacher .terms-agree.contract{
    background-color: #f0f3fc;
}
.member-info.teacher .terms-agree.contract span.checkmark{
    border: 2px solid #7b7d85;
    background: #7b7d85;
}


.agree-form > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 20px;
    border-bottom: solid 1px #dfe6ef;
}

.agree-form .checking {
    margin: 0.5em 0;
}

.agree-form .btn-small {
    min-width: 80px;
    height: 38px;
    padding: 0 10px;
    border: solid 1px #dfe6ef;
    border-radius: 3px;
    font-family: NotoSansR;
    background-color: #fff;
    transition: .3s ease-in-out;
}

.agree-form .btn-small:hover, .agree-form .btn-small:active {
    border-color: #0a2e4f;
    box-shadow: 1px 1px 3px rgba(10, 46, 79, .2);
}

.edu-info {
    border-top: 2px solid #0b99ac;
}

.edu-info th {
    font-family: NotoSansM;
    font-weight: normal;
}

.edu-info thead th {
    background-color: #e9f3f4;
}

.edu-info tbody th {
    background-color: #f3f6f9;
}

.edu-info th, .edu-info td {
    padding: 10px 0;
    line-height: 150%;
}

.edu-info td {
    padding: 10px;
    font-size: 16px;
    text-align: left;
    padding-left: 15px;
}

.edu-info td > div {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    float: left;
    width: 50%;
}

.edu-info td > div .btn {
    margin: 2px 0px;
}

.edu-info td.sum {
    background-color: rgba(244, 86, 102, .05);
}

.edu-info td * {
    font-size: inherit;
    line-height: 150%;
}

.edu-info td strong {
    color: #0b99ac;
}

.edu-info td .text-red b {
    color: inherit;
}

.edu-info td .total-price {
    color: #0a2e4f;
    font-family: GmarketSansB;
    font-size: 20px;
}

.edu-info td .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 130px;
    height: 40px;
    margin: 0 10px;
    line-height: 110%;
}

.edu-info td .icon-kakao::before {
    background-color: #0a2e4f;
}

.edu-info td .icon-youtube-red {
    width: auto;
}

.edu-info td .icon-youtube-red::before {
    width: 16px;
    height: 16px;
}

.edu-info td .icon-down::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 10px;
    vertical-align: middle;
    background-color: #fff;
}

.edu-info td .ml0 {
    margin-left: 0 !important;
}

.edu-info td .tips {
    font-size: 13px;
}

.edu-info td.index {
    overflow: visible;
}

.edu-info td .index-area {
    flex: 1;
}

.edu-info td p {
    color: #7e81a6;
}

.edu-info td.user-date{
    flex-direction: column;
    display: flex;
}

.edu-info td.user-date div{
    display: block;
    margin-bottom: 5px;
    width: 100%;
}

.edu-info td.user-date span{
    font-family: GmarketSansM;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 17px;
    line-height: 36px;
}

.edu-info td.user-date span.hoi{
    display: inline-block;
    width: 180px;
}

.edu-info td.user-date input{
    width: 130px;
    margin: 0 10px;
}

.edu-info td.user-date input.user-date-end-time{
    width: 55px;
    margin: 0;
}

.edu-info td.user-date select{
    height: 36px;
    padding: 0 5px;
}

.edu-info td.user-date option{
    text-align: center;
}

.edu-info td.user-date .user-date-update-btn{
    margin-left: 10px;
    width: 50px;
}


.edu-info .btn-youtube.icon-youtube::before {
    background-color: #fff;
}

.edu-info .index-area .list-basic .btn {
    height: 25px;
    margin: 0;
    margin-left: 5px;
    font-size: 12px;
    vertical-align: middle;
}

.edu-type {
    display: inline-block;
    margin-right: 3px;
    padding: 4px 7px 0 7px;
    border-width: 1px;
    border-style: solid;
    border-radius: 20px;
    font-size: 14px;
    line-height: 20px;
    font-family: GmarketSansM;
}

.edu-type.course1 {
    color: #ff4081;
    border-color: #ff4081;
}

.edu-type.course2 {
    color: #4756de;
    border-color: #4756de;
}

.index-area {
    display: block;
    position: relative;
}

.index-area .list-basic {
    display: none;
    top: 45px;
    left: 10px;
    max-height: 300px;
    padding: 15px 10px 15px 5px;
    overflow-y: auto;
    border: solid 1px #0a2e4f;
    box-shadow: 0 0 20px rgba(10, 46, 79, .2);
    background-color: #fff;
    z-index: 1;
}

.index-area .list-basic li::before {
    top: 12px;
}

.index-area .list-basic li + li {
    margin-top: 10px;
}

.index-area .list-basic li strong {
    display: block;
    color: #0a2e4f;
}

.index-area .list-basic li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
}

.index-area .list-basic .page {
    position: relative;
    padding-right: 15px;
}

.index-area .list-basic .page::after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 1px;
    height: 12px;
    background-color: #ddd;
}

.index-area .list-basic .time {
    font-size: 13px;
    letter-spacing: 0;
}

#modal_edu_money .menu-content .row {
    flex-flow: row nowrap;
    gap: 50px;
}


.connect-sns button {
    padding: 0 15px;
    color: #b8c4d2;
    background-color: #edf1f6;
}

.connect-sns button::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    vertical-align: -3px;
    background-color: #b8c4d2;
}

.connect-sns button.active {
    color: #fff;
}

.connect-sns .icon-naver::before {
    width: 14px;
    height: 14px;
}

.connect-sns .icon-kakao::before, .connect-sns .link-gin::before {
    width: 16px;
    height: 16px;
}

.connect-sns .icon-naver.active {
    background-color: #00c725;
}

.connect-sns .icon-naver.active::before {
    background-color: #fff;
}

.connect-sns .icon-kakao.active {
    color: #6b5f5f;
    background-color: #fee500;
}

.connect-sns .icon-kakao.active::before {
    background-color: #6b5f5f;
}

.connect-sns .link-gin.active {
    background-color: #23b3c6;
}

.connect-sns .link-gin.active::before {
    background-color: #fff;
}

.link-gin::before {
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/symbol_gin_white.svg) 50%/contain no-repeat;
    mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/symbol_gin_white.svg) 50%/contain no-repeat;
}

.possible {
    position: relative;
    padding-left: 20px;
    color: #2b45d4;
    font-family: NotoSansM;
}

.possible::before, .possible::after {
    content: "";
    background-color: #2b45d4;
}

.possible::before {
    left: 0;
    width: 15px;
    height: 3px;
    transform: translateY(-50%) rotate(-45deg);
}

.possible::after {
    left: -1px;
    width: 3px;
    height: 8px;
    transform: translateY(calc(50% - 5px)) rotate(-45deg);
}

.impossible {
    position: relative;
    padding-left: 20px;
    color: #dc3535;
    font-family: NotoSansM;
}

.impossible::before, .impossible::after {
    content: "";
    background-color: #dc3535;
}

.impossible::before {
    left: 0;
    width: 16px;
    height: 3px;
    transform: translateY(-50%) rotate(-45deg);
}

.impossible::after {
    left: 6px;
    width: 3px;
    height: 16px;
    transform: translateY(-50%) rotate(-45deg);
}

.required::after {
    content: "*";
    display: inline-block;
    margin-left: 5px;
    color: #ff5f4a;
}

.result-box {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
    background-color: #e9f3f4;
}

.result-box p {
    font-family: NotoSansR;
    font-size: 18px;
}

.result-box p b {
    font-family: GmarketSansM;
    color: #ff7240;
}

/* 휴면 회원 */
.dormant-head {
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center;
    height: 180px;
    margin-bottom: 40px;
    padding-left: 300px;
    background: url(/res_root/img/common/img_dormant-11fd86bd0bbce043268042f6b9faebc9.png) 60px center no-repeat;
}

.dormant-head.error {
    background-image: url(/res_root/img/common/img_dormant_error-999183f10c9154ebed6947baa3079ccf.png);
}

.dormant-head h5 {
    margin-bottom: 15px;
    font-size: 30px;
    letter-spacing: -2px;
}

.dormant-head p {
    font-size: 16px;
    line-height: 160%;
}

.dormant-head p span {
    font-family: inherit;
}

.dormant-date {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    background-color: #e9f3f4;
}

.dormant-date dl {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 90px;
}

.dormant-date dt {
    font-size: 16px;
}

.dormant-date dd {
    margin-left: 15px;
    padding-top: 3px;
    color: #f45666;
    font-size: 24px;
    font-family: GmarketSansM;
}

.dormant-date p {
    margin: 10px 0;
    font-family: NotoSansR;
    font-size: 18px;
    text-align: center;
    line-height: 160%;
}

.dormant-release {
    padding: 30px 0;
    text-align: center;
}

.dormant-release h5 {
    margin-bottom: 20px;
    font-size: 24px;
}

.dormant-release p {
    margin-bottom: 50px;
    font-size: 16px;
}

.dormant-release .bbs-btn-area {
    padding-top: 50px;
    border-top: solid 1px #dfe6ef;
}

.dormant-release .bbs-btn-area .btn {
    width: 200px;
    height: 60px;
    font-size: 18px;
}

.dormant-release .bbs-btn-area a.btn {
    display: inline-block;
    line-height: 60px;
}

/* 결제 내역 */
.bbs-list.pay li > a {
    height: 220px;
    cursor: default;
    padding-right: 15px;
}

.bbs-list.pay li > a:hover {
    background-color: #fff;
}

.bbs-list.pay li > a:hover::after {
    display: none;
}

.bbs-list.pay .img img, .root-community .bbs-list.pay li > a:hover .img img, .bbs-list.coupon .img img, .root-community .bbs-list.coupon li > a:hover .img img {
    transform: none;
}

.bbs-list.pay li .sum, .bbs-list.coupon li .sum {
    height: 66px;
    margin-bottom: 22px;
    line-height: 160%;
    overflow: hidden;
    font-size: 16px;
}

.bbs-list.pay li .sum span, .bbs-list.coupon li .sum span {
    font-family: NotoSansM;
    margin-right: 15px;
    color: #0b99ac;
}

.bbs-list.pay li .sum strong, .bbs-list.coupon li .sum strong {
    position: relative;
    font-family: GmarketSansM;
    font-size: 20px;
}

.bbs-list.pay li .sum {
    height: auto;
}

.bbs-list.pay li .sum button {
    height: 32px;
    margin-left: 15px;
    padding: 0 20px 0 30px;
    border-radius: 16px;
    color: #fff;
    font-family: NotoSansR;
    line-height: 30px;
}

.bbs-list.pay li .bbs-content-info .category, .bbs-list.coupon li .bbs-content-info .category {
    color: #0a2e4f;
}

.bbs-list.pay li .bbs-content-info, .bbs-list.edu-info li .bbs-content-info {
    position: absolute;
    bottom: 30px;
}

.bbs-list.pay li .bbs-content-info + .bbs-content-info, .bbs-list.edu-info li .bbs-content-info + .bbs-content-info {
    bottom: 5px;
}

.bbs-list.pay li.cancel::before {
    display: none;
}

.bbs-list.pay li.cancel .sum span {
    color: red;
}

.bbs-list.pay li.cancel .sum strong {
    color: #7e81a6;
}

.bbs-list.pay li.cancel .sum strong::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: red;
}

.bbs-list.pay li.cancel .bbs-content-info .red {
    color: red !important;
}

.bbs-list.pay .refund > a::before {
    color: #fff;
}

.bbs-list.pay .refund.accept > a::before {
    content: "환불 신청";
    background-color: #ff4400;
}

.bbs-list.pay .refund.possible, .bbs-list.pay .refund.impossible {
    padding-left: 0;
}

.bbs-list.pay .refund.possible > a::before {
    content: "환불 처리중";
    background-color: #23b3c6;
}

.bbs-list.pay .refund.all > a::before {
    content: "전액 환불 가능";
    background-color: #23b3c6;
}

.bbs-list.pay .refund.disabled > a::before {
    content: "환불 완료";
}

.bbs-list.pay .refund.impossible > a::before {
    content: "환불 불가";
    background-color: #0a2e4f;
}

.bbs-list .premium {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(31, 30, 47, .2);
    background-color: #fff;
}

/* .bbs-list.pay .premium::before{content:"";display:block;position:absolute;top:0;left:0;border-style:solid;border-width:60px 1411px 23px 399px;border-color:#8f55e2 rgba(0,0,0,0) rgba(0,0,0,0) #8f55e2;}
.bbs-list.pay .premium::after{content:"이용권";display:block;position:absolute;top:15px;left:50%;transform:translateX(-50%);width:200px;height:100px;padding-top:20px;color:#fff;font-size:16px;background:url(/res_root/img/common/icon_bbs_pre-c0a2a881928a660cd9bd3fa0e2790a78.png) 50% 0 no-repeat;}
 */
.bbs-list .word-possible {
    position: relative;
    border-radius: 16px;
    color: #0b99ac !important;
    font-family: NotoSansM !important;
    font-size: 14px;
    background-color: #edf1f6;
    cursor: default;
}

.bbs-list .word-possible:hover {
    color: #0b99ac !important;
}

.bbs-list .word-possible::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 9px;
    left: 14px;
    width: 5px;
    height: 8px;
    margin-right: 6px;
    border: solid #0b99ac;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.bbs-list .word-possible.complete {
    color: #7e81a6 !important;
}

.bbs-list .word-possible.complete::before {
    border-color: #7e81a6;
}

.icon-left.delete {
    position: relative;
    width: auto;
    text-indent: 0;
    background-image: none;
    background-color: #ff4400;
    transition: .3s;
}

.icon-left.delete:hover {
    background-color: #8f55e2;
}

.icon-left.delete::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 14px;
    display: block;
    width: 10px;
    height: 10px;
    background: url(/res/img/component/icon_delete_white-0db95bcc861438e6c64c4443f506f2c7.svg);
}

.bbs-list.report .word-possible {
    padding-left: 30px;
    border-radius: 3px;
}

.bbs-list.report .word-possible::before {
    top: 14px;
}

.bbs-list.coupon li > a {
    padding-right: 15px;
}

.bbs-list.coupon li > a::before {
    content: "쿠폰 사용 가능";
    color: #fff;
    background-color: #ff4081;
    z-index: 1;
}

.root-community .bbs-list.coupon .disabled > a::before {
    content: "쿠폰 사용 완료";
    color: #fff;
    background-color: #aaa;
}

.bbs-list.edu li .text button {
    height: 32px;
    padding: 0 20px 0 30px;
    border-radius: 16px;
    color: #fff;
    font-family: NotoSansR;
    line-height: 30px;
}

.root-community .bbs-list.coupon .expire > a::before {
    content: "쿠폰 기간 만료";
    color: #fff;
    background-color: #aaa;
}

.root-community .bbs-list.coupon .expire > a {
    opacity: .7;
    cursor: default;
    background-color: #f9f9f9;
}

.root-community .bbs-list.coupon .expire > a .img {
    background-color: #fff;
}

.root-community .bbs-list.coupon .expire > a .img img {
    mix-blend-mode: luminosity;
    opacity: .7;
}

.root-community .bbs-list.coupon .expire > a .category {
    color: #7e81a6;
}

.root-community .bbs-list.coupon .expire > a:hover, .bbs-list.report .disabled > a:active {
    background-color: #f9f9f9;
}

.root-community .bbs-list.coupon .expire > a:hover .img img {
    transform: none;
}

.root-community .bbs-list.coupon .expire > a:hover .img::before {
    display: none;
}

.root-community .bbs-list.coupon .expire > a:hover::after {
    display: none;
}

.root-community .bbs-list.coupon .expire .btn {
    color: #fff !important;
    background-color: #999 !important;
}

.root-community .bbs-list.coupon .expire .btn::before {
    background-color: #fff !important;
}

/* 커뮤니티 프리미엄 중복 css */
.root-community .dropdown > .dropdown-select:after {
    border-bottom-color: #0a2e4f;
    border-right-color: #0a2e4f;
}

.root-community .dropdown > .dropdown-menu {
    border-color: #dfe6ef;
}

.root-community .dropdown > .dropdown-menu > li:hover {
    background-color: #f6faff;
}

.root-community .dropdown > .dropdown-menu > li:active {
    background-color: rgba(35, 179, 198, .1) !important;
}

.root-community .dropdown:hover, .root-community .dropdown:active, .root-community .dropdown.active {
    border-color: #23b3c6 !important;
}

.root-community .dropdown.active > .dropdown-select {
    border-color: #23b3c6 !important;
}

.root-community .dropdown.active > .dropdown-select::after {
    border-color: #0b99ac !important;
}

/* grid */
.k-link {
    position: relative;
}

.k-grid .k-grid-header .k-header > .k-link {
    margin: -8px 0;
    padding: 8px 0;
}

.k-grid th, .k-grid td, .k-grid th *, .k-grid td * {
    letter-spacing: 0;
}

.k-grid th, .k-grid th * {
    font-size: 13px;
    font-family: NotoSansR;
}

.k-grid td, .k-grid td * {
    font-size: 13px;
    font-family: NotoSansR;
}

.k-grid th {
    padding: 10px 0 !important;
}

.k-auto-scrollable::-webkit-scrollbar {
    width: 10px;
}

.k-grid [class^=icon-] {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    transition: .3s ease-in-out;
    cursor: pointer;
}

.k-grid [class^=star-] {
    width: 20px;
    margin-left: 0;
    vertical-align: middle;
}

.k-grid .icon-up {
    width: 10px;
    height: 14px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    background-color: #ff4200;
    background-image: unset;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_arrow_rise.svg) 50%/contain no-repeat;
    mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_arrow_rise.svg) 50%/contain no-repeat;
}

.k-grid .icon-down {
    width: 11px;
    height: 11px;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 3px;
    background-color: #0a2e4f;
    background-image: unset;
    transform: rotate(-180deg);
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_arrow_rise.svg) 50%/contain no-repeat;
    mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_arrow_rise.svg) 50%/contain no-repeat;
}

.xi-external-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-color: #0a2e4f;
    transition: .3s ease-in-out;
    mask: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50%/contain no-repeat;
}

.xi-external-link:hover, .xi-external-link:active {
    background-color: #0b99ac;
}

.k-grid .k-icon {
    display: inline-block;
    margin-left: 2px !important;
}

.k-i-sort-asc-sm:before, .k-i-sort-desc-sm::before {
    display: none;
}

.k-grid .k-i-sort-desc-sm {
    width: 9px;
    height: 12px;
    background-color: #0b99ac;
    -webkit-mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
    transform: translateY(4px) rotate(-180deg) !important;
}

.k-header > .k-link > .k-icon.k-i-sort-asc-sm {
    width: 9px;
    height: 12px;
    background-color: #0b99ac;
    -webkit-mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
}

.k-grid .icon-pin-purple {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-color: #0b99ac;
    cursor: pointer;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/contain no-repeat;
    mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/contain no-repeat;
}

.k-grid .icon-pin-purple:hover, .k-grid .icon-pin-purple:active {
    background-color: #ff7240;
}

.k-grid .icon-compare-pink {
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    background-color: #0b99ac;
    -webkit-mask: url(/res_root/img/common/icon_compare-4cb6d61d4a2677030d5faa9b8f8ea305.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_compare-4cb6d61d4a2677030d5faa9b8f8ea305.svg) 50%/contain no-repeat;
}

.k-grid .icon-compare-pink:hover, .k-grid .icon-compare-pink:active {
    background-color: #ff7240;
}

.k-grid .tips-box {
    bottom: 32px;
}

.k-grid .tips-box h5 {
    font-family: GmarketSansM;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
}

.k-grid .tips-box p {
    width: 100%;
    word-break: break-all;
    white-space: normal;
}

.k-grid .tips-box p, .k-grid .tips-box p > * {
    font-size: 14px;
}

.k-grid + .sub-title {
    padding-top: 20px;
}

.sub-title + .k-grid {
    margin-top: 0 !important;
}

.multi-state .switcher-set {
    border-top: solid 3px #0a2e4f;
    z-index: 12;
}

.multi-state .switcher:first-child .head {
    border-left: solid 1px #0a2e4f;
}

.multi-state .switcher:first-child > fieldset {
    width: 100%;
    z-index: 11;
}

.multi-state .switcher:last-child .head .arrow {
    border-right-color: #0a2e4f;
}

.multi-state .switcher-set + .chart-area {
    border-top: 0;
}

.multi-state .switcher-set > .switcher > fieldset > .switch-set.box {
    right: 10px;
}

.multi-state .switcher-set .switcher .switch-set.box .switch {
    padding-left: 30px;
    font-size: 13px;
}

.multi-state .switcher-set .switcher .switch-set.box .switch .slider {
    width: 25px;
    height: 10px;
    margin-right: 0;
}

.multi-state .switcher-set .switcher .switch-set.box .switch .slider::before {
    width: 15px;
    height: 15px;
}

.multi-state .switcher-set .switcher .switch-set.box .switch input:checked + .slider:before {
    transform: translateX(10px);
}

.multi-state .switcher-set .switcher .switch-set.box .switch + .switch {
    margin-left: 10px;
}

.root-modal .popup-content {
    position: relative;
    height: calc(100% - 60px);
    padding: 20px;
}

.root-modal .popup-content .chart-area {
    width: 100%;
    margin: 20px 0;
}

.root-modal .popup-content .tab {
    margin-bottom: 20px;
}

.root-modal .popup-content .menu-content > h3 {
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: solid 2px #23b3c6;
    font-size: 22px;
    background-position: 0 1px;
}

.root-modal .popup-content .menu-content > h3 span {
    margin-left: 15px;
    color: #7e81a6;
    font-family: NotoSansL;
    font-size: 14px;
}

.root-modal .popup-content h4 {
    display: inline-block;
}

.root-modal .popup-content .btn-group {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 10px;
}

.root-modal .popup-content .btn-group button {
    padding-left: 10px;
    padding-right: 10px;
    background-image: none;
}

.root-modal .popup-content .btn-group button::before {
    background-color: #0a2e4f;
    transition: .3s;
}

.root-modal .popup-content .apt-detail {
    margin: 20px 0;
}

.root-modal .popup-content .info {
    color: #7e81a6;
    font-size: 14px;
}

.root-modal .menu-content {
    display: none;
    position: absolute;
    top: 100px;
    left: 20px;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    padding-right: 20px;
    padding-bottom: 20px;
}

.root-modal .menu-content h3 {
    margin-bottom: .5em;
}

.root-modal .menu-content.active {
    display: block;
}

.root-modal .menu-content .data-page .more {
    width: 100%;
    height: 40px;
    margin-top: 15px;
    border: solid 1px #f1f4f8;
    border-radius: 3px;
    color: #0a2e4f;
    font-family: NotoSansR;
    background-color: #f1f4f8;
    transition: .3s ease-in-out;
}

.root-modal .menu-content .data-page .more::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    vertical-align: -2px;
    background: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/12px 7px no-repeat;
}

.root-modal .menu-content .data-page .more:hover, .root-modal .menu-content .data-page .more:active {
    border-color: #0a2e4f;
}

.root-modal .menu-content .data-page .price-slide {
    margin-left: 0;
    margin-right: 0;
}

.root-modal .menu-content .data-page .price-slide h3 {
    margin-bottom: 0;
}

.root-modal .modal-apt-info {
    max-width: 1520px;
    left: 50%;
    bottom: 20px;
    overflow: hidden;
    transform: translateX(-50%);
}

.root-modal .modal-apt-info .row {
    padding-left: 0;
    padding-right: 0;
    justify-content: flex-start;
}

.root-modal .modal-apt-info .data-page h5 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: solid 1px #dfe6ef;
}

.root-modal .modal-apt-info .data-page h5 span {
    display: inline-block;
    padding-left: 24px;
    padding-top: 4px;
    font-family: GmarketSansM;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    background: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_bullet3.svg) 0 50%/auto 18px no-repeat;
}

.root-modal .modal-apt-info .data-page h5 .caution-text, .root-modal .modal-apt-info .data-page h5 .info {
    font-family: NotoSansL;
}

.root-modal .modal-apt-info .data-page .col-6:first-child {
    padding-right: 50px;
}

.root-modal .modal-apt-info .data-page table.text-right {
    border-top: solid 2px #dfe6ef;
}

.root-modal .modal-apt-info .data-page table.text-right th {
    font-family: NotoSansR;
    font-weight: normal;
    background-color: #edf1f6;
}

.root-modal .modal-apt-info .data-page table.text-right td {
    text-align: right;
}

.root-modal .modal-apt-info .apt-title h5 {
    margin-bottom: 10px;
    padding-bottom: 0;
    border-bottom: 0;
    justify-content: flex-start;
}

.root-modal .modal-apt-info .apt-title h5 span {
    padding: 0;
    background: none;
    font-size: 12px;
    margin-left: 10px;
    line-height: 100%;
}

#pop_apt_tax {
    padding-bottom: 30px;
}

#pop_apt_tax .row {
    margin: 10px 0;
    padding: 0;
}

#pop_apt_tax .row > div:first-child {
    padding-right: 30px;
}

#pop_apt_tax .row > div:last-child {
    padding-left: 10px;
}

#pop_apt_tax h5 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 5px 10px;
    background-color: #daf0f1;
}

#pop_apt_tax h5 span {
    font-family: inherit;
    padding-top: 5px;
}

#pop_apt_tax table {
    border-top: solid 2px #dfe6ef;
}

#pop_apt_tax table th {
    font-size: 14px;
    background-color: #edf1f6;
}

.provide.caution-text::before {
    content: "?";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    vertical-align: 0;
    background-color: #0b99ac;
}

.provide a {
    display: inline-block;
    color: #0b99ac;
    font-family: NotoSansM;
    text-decoration: underline;
}

.utility-info {
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}

.utility-info dl {
    padding: 15px 0;
}

.utility-info dl > * {
    width: 33.333%;
    padding: 5px 0;
    text-align: center;
}

.utility-info dt {
    position: relative;
    margin-bottom: 15px;
    font-family: NotoSansR;
    font-size: 18px;
}

.utility-info dt::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 3px;
    vertical-align: -2px;
    background-color: #0a2e4f;
}

.utility-info dd {
    padding-top: 0;
    color: #7e81a6;
    font-size: 16px;
}

.utility-info dd b {
    color: #0a2e4f;
    font-family: GmarketSansM;
    font-size: 24px;
}

.utility-info dt:nth-child(3) {
    position: absolute;
    top: 16px;
    left: 33.333%;
}

.utility-info dd:nth-child(4) {
    position: absolute;
    top: 58px;
    left: 33.333%;
}

.utility-info dt:nth-child(5) {
    position: absolute;
    top: 16px;
    left: 66.666%;
}

.utility-info dd:nth-child(6) {
    position: absolute;
    top: 58px;
    left: 66.666%;
}

.utility-info dd + dt::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 1px;
    height: 90px;
    border-left: dashed 1px #dfe6ef;
}

.utility-info .icon-calendar {
    background: none;
}

.info-current {
    margin-bottom: 20px;
    padding: 10px 15px;
    border: 1px solid #dfe6ef;
}

.list-basic li {
    position: relative;
    padding-left: 20px;
    line-height: 150%;
}

.list-basic li::before {
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 10px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #23b3c6;
}

.root-modal .environment .list {
    clear: both;
    position: relative;
    min-height: 95px;
    padding-left: 150px;
    border-bottom: solid 1px #dbe0ec;
}

.root-modal .environment > .list:first-child {
    margin-top: -15px;
}

.root-modal .environment .list h4 {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 150px;
    padding-left: 0;
    font-size: 14px;
    text-align: center;
    background-image: none;
}

.root-modal .environment .list h4::before {
    content: "";
    display: block;
    margin-bottom: 5px;
    width: 30px;
    height: 30px;
    background-color: #0a2e4f;
}

.root-modal .environment .list h4::after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
    bottom: 15px;
    width: 1px;
    background-color: #edeff5;
}

.root-modal .environment .school h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_outline_school.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_outline_school.svg) 50%/contain no-repeat;
}

.root-modal .environment .move h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_outline_apt.svg) 50%/90% no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_outline_apt.svg) 50%/90% no-repeat;
}

.root-modal .environment .subway h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_outline_subway.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_outline_subway.svg) 50%/contain no-repeat;
}

.root-modal .environment .bus h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_outline_bus.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_outline_bus.svg) 50%/contain no-repeat;
}

.root-modal .environment .bank h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/bank_i_2.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/bank_i_2.svg) 50%/contain no-repeat;
}

.root-modal .environment .hospital h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/hospital_3.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/hospital_3.svg) 50%/contain no-repeat;
}

.root-modal .environment .mart h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/mart_1.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/mart_1.svg) 50%/contain no-repeat;
}

.root-modal .environment .store h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/convenience_1.svg) 50%/90% no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/convenience_1.svg) 50%/90% no-repeat;
}

.root-modal .environment .park h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/park.svg) 50%/90% no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/park.svg) 50%/90% no-repeat;
}

.root-modal .environment .public h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/office_1.svg) 50%/90% no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/office_1.svg) 50%/90% no-repeat;
}

.root-modal .environment .commercial h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_outline_commercial.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_outline_commercial.svg) 50%/contain no-repeat;
}

.root-modal .environment .station h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/railway_station.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/railway_station.svg) 50%/contain no-repeat;
}

.root-modal .environment .bigstore h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/big_store.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/big_store.svg) 50%/contain no-repeat;
}

.root-modal .environment .doroic h4::before {
    mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/doro_ic.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/doro_ic.svg) 50%/contain no-repeat;
}

.root-modal .environment .article {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0;
}

.root-modal .environment .article dl {
    width: calc(25% - 30px);
    margin: 10px 15px;
}

.root-modal .environment .article dl > * {
    line-height: 130%;
}

.root-modal .environment .article dt {
    margin-bottom: 5px;
    font-family: NotoSansR;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.root-modal .environment .article dt span {
    font-size: 14px;
}

.root-modal .environment .article dd {
    position: relative;
    display: inline-block;
    padding-left: 10px;
    color: #7e81a6;
    font-size: 13px;
}

.root-modal .environment .article dd::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 2px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background-color: #0b99ac;
    transform: translateY(-50%);
}

.root-modal .environment .article dd strong {
    color: #0b99ac;
}

.root-modal .environment .article dd:not(.distance) + dd::before {
    display: none;
}

.root-modal .environment .article dd:not(.distance) + dd::after {
    content: "/";
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
}

.root-modal .environment .article .category {
    position: relative;
    padding-top: 20px;
    width: calc(75% - 30px);
    margin: 0;
}

.root-modal .environment .article .category dt {
    display: inline-block;
    position: absolute;
    top: -2px;
    left: 0;
    padding: 2px 5px;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    background-color: #7080ad;
}

.root-modal .environment .article .category dd {
    color: #7080ad;
}

.root-modal .environment .article .category dd:nth-child(2) {
    padding-left: 0;
}

.root-modal .environment .article .category dd:nth-child(2)::before {
    display: none;
}

.root-modal .environment .article .category dd:not(.distance) + dd::after {
    content: "";
    left: 3px;
    width: 1px;
    height: 12px;
    background-color: #ccc;
}

.root-modal .environment .article .distance {
    display: block;
}

.root-modal .environment .article .btn-close {
    position: absolute;
    bottom: 0;
    right: 0;
}

.root-modal .environment .article .btn-close button {
    width: 30px;
    height: 30px;
    margin: 0;
    text-indent: -9999px;
    background-color: #dbe0ec;
    transition: .3s;
}

.root-modal .environment .article .btn-close button:hover {
    background-color: #23b3c6;
}

.root-modal .environment .article .btn-close button::before, .environment .article .btn-close button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
}

.root-modal .environment .more::before {
    width: 50%;
    height: 3px;
}

.root-modal .environment .more::after {
    width: 3px;
    height: 50%;
}

.root-modal .environment .fold::before {
    width: 50%;
    height: 3px;
}

.root-modal .environment .fold::after {
    display: none;
}

.root-modal .environment .col-6 {
    display: inline-flex;
    flex-flow: row nowrap;
}

.root-modal .environment .col-6 .article dl {
    width: auto;
    flex: 1;
}

.root-modal .sub-tab ul {
    display: flex;
    flex-flow: row wrap;
    padding-left: 1px;
}

.root-modal .sub-tab li {
    position: relative;
    width: calc(12.5% + 1px);
    margin-top: -1px;
    margin-left: -1px;
    border-top: solid 1px #0b99ac;
    padding: 0 5px;
    border-right: solid 1px #0b99ac;
    border-left: solid 1px #0b99ac;
    line-height: 50px;
    font-family: NotoSansR;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    transition: .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.root-modal .sub-tab li:first-child {
    border-left: solid 1px #0b99ac;
}

.root-modal .sub-tab li:nth-child(8n+1) {
    flex: none;
    border-left: solid 1px #0b99ac;
}

.root-modal .sub-tab li:hover, .sub-tab li:active {
    background-color: #f6faff;
}

.root-modal .sub-tab li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #0b99ac;
}

.root-modal .sub-tab li.active {
    color: #fff;
    background-color: #23b3c6
}

.root-modal .sub-tab li + li {
    border-left: solid 1px #0b99ac;
}

.root-modal .sub-tab li span {
    vertical-align: -3px;
}

.root-modal .sub-tab .icon-point::before {
    position: absolute;
    top: 7px;
    right: 7px;
}

#inout_popup_text {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: relative;
    height: 80px;
}

.h2-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    text-align: center;
    line-height: 130%;
    word-break: keep-all;
}

.h2-wrap h2 {
    background: none;
}

.col-md-4 {
    width: 33.33333333%;
    padding: 17px 15px;
    border-left: 1px solid #dfe6ef;
    font-family: NotoSansR;
}

.col-md-4 p {
    float: right;
    color: #565656;
    font-family: GmarketSansM;
    letter-spacing: 0;
}

.col-md-4:nth-child(2) p {
    color: #9053ec;
}

.col-md-4:nth-child(3) p {
    color: #f18932;
}

.dl-table-basic {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    border-top: 2px solid #0b99ac;
}

.dl-table-basic dt {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 13%;
    min-height: 42px;
    font-family: NotoSansR;
    text-align: center;
    border-top: 0;
    border-left: 1px solid #d9e9eb;
    border-bottom: 1px solid #d9e9eb;
    background-color: #e9f3f4;
}

.dl-table-basic dd {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37%;
    font-size: 15px;
    padding: 10px 8px;
    border-left: 1px solid #dfe6ef;
    border-bottom: 1px solid #dfe6ef;
}

.dl-table-basic dt:nth-of-type(odd) {
    border-left: 0;
}

.dl-table-basic.line4 > dt {
    width: 10%;
}

.dl-table-basic.line4 > dd {
    width: 8%;
}

.dl-table-basic.line4 > dt:nth-of-type(5n+1) {
    width: 10%;
}

.dl-table-basic.line4 > dd:nth-of-type(5n+1) {
    width: 18%;
}

.dl-table-basic.line4 > dd:nth-of-type(even) {
    border-right: none;
}

.dl-table-basic.line4 > dd:nth-of-type(5n) {
    border-right: 1px solid #ccd4e1;
}

.dl-table-basic.line5 > dt {
    width: 10%;
    min-height: 35px;
    padding: 0px;
}
.dl-table-basic.line5 > dd {
    width: 10%;
    padding: 7px 0px;
}
.dl-table-basic.line5 > dt:nth-of-type(5n+1) {
    width: 7%;
}
.dl-table-basic.line5 > dd:nth-of-type(5n+1) {
    width: 13%;
}
.dl-table-basic.line5 > dd:nth-of-type(even) {
    border-right: none;
}

.dl-table-basic.line5 > dd:nth-of-type(5n) {
    border-right: 1px solid #ccd4e1;
}
.dl-table-basic.line5 > dt {
    width: 7%;
}

.dl-table-basic.line5 > dd {
    width: 13%;
}

.dl-table-basic.line7 > dt {
    width: 5.5%;
}

.dl-table-basic.line7 > dd {
    width: 8%;
}

.dl-table-basic.line7 > dt:nth-of-type(7n+1) {
    width: 6%;
}

.dl-table-basic.line7 > dd:nth-of-type(7n+1) {
    width: 13%;
}

.dl-table-basic.line7 > dd:nth-of-type(even) {
    border-right: none;
}

.dl-table-basic.line7 > dd:nth-of-type(7n) {
    border-right: 1px solid #ccd4e1;
}


.datepicker--nav-title {
    color: #0b99ac;
}

.datepicker--cell.-selected- {
    background-color: #0b99ac;
}

svg .province {
    stroke: #fff;
    stroke-width: 1;
    opacity: .8;
    cursor: pointer;
    transition: .5s;
}

svg .over {
    fill: #ffb9af !important;
}

.map-area > svg text, .map-area > svg text {
    pointer-events: none;
    fill: #0a2e4f;
    font-family: NotoSansR;
}

.map-area > svg .legendCells .label {
    font-size: 12px;
}

.map-area > svg .province:hover {
    fill: #ffb9af !important;
}

.icon-kab {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ff7045;
}

.no-data {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 450px;
    margin: 10px 0;
    background-color: #f6faff;
}

.no-data-text {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    width: 660px;
    height: 409px;
    background: url(/res_root/img/common/img_nodata-7fa6ef72a73cec1d52fa0ea781583b26.png) 50%/500px auto no-repeat;
}

.no-data-text p {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 170px;
    left: 80px;
    width: 310px;
    height: 130px;
    color: #0a2e4f;
    font-family: GmarketSansM;
    font-size: 20px;
    line-height: 130%;
    text-align: center;
}

.no-access {
    width: 100%;
    margin-bottom: 50px;
    border-top: 2px solid #0b99ac;
    justify-content: center;
    padding: 30px 0;
    border-bottom: solid 1px #dfe6ef;
    text-align: center;
}

.modal-apt-info .table-basic .left {
    text-align: left;
}

.modal-apt-info .table-basic .apt-name {
    background-color: #f0f3f7;
}

.modal-apt-info .table-basic .apt-name > td:nth-child(2) {
    color: #15B01A;
    font-size: 14px;
}

.modal-apt-info .table-basic .apt-name > td:nth-child(3) {
    color: #0343DF;
    font-size: 14px;
}

.modal-apt-info .table-basic .apt-name > td:nth-child(4) {
    color: #ff84c2;
    font-size: 14px;
}

.modal-apt-info .table-basic .subject {
    font-family: NotoSansM;
}

.modal-apt-info .table-basic td a {
    color: #337ab7;
}

.modal-apt-info .table-basic .icon-up, .modal-apt-info .table-basic .icon-down {
    display: inline-block;
    width: 10px;
    height: 14px;
    margin-right: 3px;
}

.modal-apt-info .table-basic .icon-up {
    vertical-align: -1px;
    background-color: #ff4200;
    -webkit-mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
}

.modal-apt-info .table-basic .icon-down {
    vertical-align: middle;
    background-color: #0a2e4f;
    -webkit-mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
    transform: rotate(-180deg);
}

.modal-apt-info .data-page .checking-set {
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: auto;
    margin-right: 0;
    padding-top: 5px;
    padding-bottom: 20px;
}

.modal-apt-info .data-page .checking-set .checking {
    width: 33.333%;
    font-weight: 500;
    padding-left: 20px;
}

.modal-apt-info .data-page .checking-set .checking span:last-child {
    width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    font-family: NotoSansR;
    line-height: 130%;
}

.modal-apt-info .data-page .switch-set {
    border-top: 1px solid #dbe0ec;
}

.nav-container {
    width: 100%;
    padding-top: 6px;
    margin-bottom: 14px;
    background-color: #f0f3f7;
}

.nav-tabs-wrap {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #dadce0;
    border-bottom: 1px solid #dadce0;
    background: #fff;
}

.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}

.nav-tabs li {
    position: relative;
}

.nav-tabs li > a {
    display: block;
    width: 100%;
    padding: 12px 0;
    font-family: NotoSansM;
    text-align: center;
    line-height: 24px;
    height: 48px;
    background: #fff;
    cursor: pointer;
}

.nav-tabs li.active > a {
    background: #fff;
}

.nav-container.tab2 {
    padding-top: 0;
    background-color: #fff;
}

.nav-container.tab2 .nav-tabs-wrap {
    border: 0;
}

.nav-container.tab2 .nav-tabs {
    justify-content: flex-start;
}

.nav-container.tab2 .nav-tabs li {
    flex: initial;
    width: calc(16.666% - 2px);
    border: 0;
    margin: 2px 1px 0 1px;
}

.nav-container.tab2 .nav-tabs li a {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    height: fit-content;
    padding: 10px;
    border: solid 1px #dbe0ec;
    border-radius: 5px 5px 0 0;
    background-color: #f3f6fb;
}

.nav-container.tab2 .nav-tabs li.active a {
    color: #fff;
    border-color: #0a2e4f;
    background-color: #0a2e4f;
}

.nav-container.tab2 .nav-tabs li a span {
    color: inherit;
    line-height: 130%;
}

.nav-container.tab2 .nav-tabs li a span:first-child {
    margin-bottom: 3px;
    font-family: NotoSansR;
    font-size: 14px;
}

.nav-container.tab2 .nav-tabs li a span:last-child {
    font-family: NotoSansM;
    font-size: 16px;
}

/* tooltip */
[data-tooltip] {
    position: relative;
}

[data-tooltip]:after, [data-tooltip]:before {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: all 200ms ease;
    transition-delay: 100ms;
    z-index: 99;
}

[data-tooltip]:before {
    content: attr(data-tooltip);
    color: #fff;
    font-family: NotoSansR;
    font-size: 12px;
    line-height: 16px;
    text-indent: 0px;
    padding: 6px 12px;
    border-radius: 5px;
    white-space: nowrap;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, .8);
}

[data-tooltip]:after {
    content: "";
    width: 0;
    height: 0;
    border: 6px solid transparent;
}

[data-tooltip]:hover:after, [data-tooltip]:hover:before {
    visibility: visible;
    opacity: 1;
}

[data-tooltip][data-position="top"]:before {
    bottom: calc(100% - 6px);
    left: 50%;
    margin-bottom: 10px;
    transform: translateX(-50%);
}

[data-tooltip][data-position="top"]:after {
    bottom: calc(100% - 6px);
    border-top-color: rgba(0, 0, 0, .8);
    border-bottom: none;
    left: calc(50% - 6px);
    margin-bottom: 4px;
}

[data-tooltip][data-position="top"]:hover:before, [data-tooltip][data-position="top"]:hover:after {
    bottom: 100%;
}

[data-tooltip][data-position="right"]:before {
    left: calc(100% - 6px);
    top: 50%;
    margin-left: 10px;
    transform: translateY(-50%);
}

[data-tooltip][data-position="right"]:after {
    left: calc(100% - 6px);
    border-right-color: rgba(0, 0, 0, .8);
    border-left: none;
    top: calc(50% - 6px);
    margin-left: 4px;
}

[data-tooltip][data-position="right"]:hover:before,
[data-tooltip][data-position="right"]:hover:after {
    left: 100%;
}

[data-tooltip][data-position="bottom"]:before {
    top: calc(100% - 6px);
    left: 50%;
    transform: translateX(-50%);
    margin-top: 10px;
}

[data-tooltip][data-position="bottom"]:after {
    top: calc(100% - 6px);
    border-bottom-color: rgba(0, 0, 0, .8);
    border-top: none;
    left: calc(50% - 6px);
    margin-top: 4px;
}

[data-tooltip][data-position="bottom"]:hover:before, [data-tooltip][data-position="bottom"]:hover:after {
    top: 100%;
}

[data-tooltip][data-position="left"]:before {
    right: calc(100% - 6px);
    top: 50%;
    transform: translateY(-50%);
    margin-right: 10px;
}

[data-tooltip][data-position="left"]:after {
    right: calc(100% - 6px);
    border-left-color: rgba(0, 0, 0, .8);
    border-right: none;
    top: calc(50% - 6px);
    margin-right: 4px;
}

[data-tooltip][data-position="left"]:hover:before, [data-tooltip][data-position="left"]:hover:after {
    right: 100%;
}

.tippy-content {
    color: #fff;
    font-size: 13px;
    line-height: 140%;
    letter-spacing: 0;
}

/* 교육 신청 모달 */
.title-wrapper.edu h1, .modal .title-wrapper .button-area {
    display: none;
}

.title-wrapper.edu h2 {
    padding-left: 0;
    background: none;
    font-family: NotoSansL;
    font-weight: normal;
}

.modal .tab-title > h3 {
    font-weight: normal;
}

.modal .my-status > .info > .i1 {
    font-family: NotoSansR;
    font-weight: normal;
}

.modal .tab-box > .tab-list > li > a.active {
    font-family: NotoSansM;
    font-weight: normal;
}

.modal .contents-wrapper.edu .dl-table-chubby > dd > em {
    font-family: NotoSansM;
    font-size: 18px;
    font-weight: normal;
}

.modal .dl-table-chubby > dt {
    font-family: NotoSansR;
    font-weight: normal;
}

.modal .dl-table-chubby > dd > strong.price, .modal .dl-table-chubby > dd > strong.total-price {
    font-family: GmarketSansM;
    font-weight: normal;
    letter-spacing: 0;
}

.modal .dl-table-chubby > dd > strong.total-price {
    font-family: GmarketSansB;
}

.modal .dl-table-chubby > dd.user-date{
    flex-direction: column;
    background: #ebfdff;
}

.modal .dl-table-chubby > dd.user-date div{
    margin-bottom: 5px;
}

.modal .dl-table-chubby > dd.user-date div.if{
    display: inline-flex;
    vertical-align: bottom;
    margin: 0;
}

.modal .dl-table-chubby > dd.user-date span{
    font-family: GmarketSansM;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 17px;
    line-height: 36px;
}

.modal .dl-table-chubby > dd.user-date span.hoi{
    display: inline-block;
    width: 180px;
}

.modal .dl-table-chubby > dd.user-date input{
    width: 125px;
    margin: 0 10px;
}

.modal .dl-table-chubby > dd.user-date input.user-date-end-time{
    width: 50px;
    margin: 0;
}

.modal .dl-table-chubby > dd.user-date select{
    height: 36px;
    padding: 0 5px;
}

.modal .dl-table-chubby > dd.user-date option{
    text-align: center;
}

.modal .info-context p {
    line-height: 180%;
}

.modal .info-context span {
    font-size: 14px;
}

.title-wrapper > h1.logo {
    background-image: url(/res_root/img/common/logo_gin-286222e8fa2a02d21b492ea93d9d4909.svg);
}

.contents-wrapper.edu .tab-title > h3::before {
    display: none;
}

.contents-wrapper.edu .tab-box > .tab-list > li > a.active::before {
    background: #23b3c6;
}

.contents-wrapper.edu .my-status > ul > li {
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
}

.contents-wrapper.edu .my-status > ul > li small {
    margin: 10px 0;
    color: #f45666;
    font-weight: 500;
    letter-spacing: 0;
}

.contents-wrapper.edu .dl-table-chubby > dd > em {
    color: #0b99ac;
}

.contents-wrapper.edu .dl-table-chubby > dd > em > span {
    border-color: #23b3c6;
}

.contents-wrapper.edu .checking {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}

.contents-wrapper.edu .checking .checkmark {
    position: relative;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #ccd2eb;
    border-radius: 4px;
    margin-right: 5px;
    background-color: #fff;
    transition-duration: 300ms;
}

.contents-wrapper.edu .checking .checkmark::after {
    display: none;
    content: "";
    position: absolute;
    top: 1px;
    left: 5px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.contents-wrapper.edu .checking input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.contents-wrapper.edu .checking input:checked ~ .checkmark {
    border: 2px solid #0b99ac;
    background-color: #23b3c6;
}

.contents-wrapper.edu .checking input:checked ~ .checkmark::after {
    display: block;
}

.contents-wrapper.edu .checking:hover input ~ .checkmark, .contents-wrapper.edu .checking:active input ~ .checkmark {
    border-color: #0b99ac;
}

.contents-wrapper.edu .payment-info .checking .checkmark {
    width: 26px;
    height: 26px;
    border-radius: 100%;
}

.contents-wrapper.edu .payment-info .checking:hover input ~ .checkmark {
    background-color: #fff;
}

.contents-wrapper.edu .payment-info .checking input:checked ~ .checkmark {
    border-color: #0b99ac;
    background-color: #23b3c6;
}

.contents-wrapper.edu .payment-info .checking-set .checkmark::after {
    border-color: #fff;
}

.contents-wrapper.edu .payment-info .checking-set .checkmark::after {
    top: 3px;
    left: 7px;
    width: 5px;
    height: 10px;
}

.contents-wrapper.edu .payment-info .button-area {
    text-align: center;
}

.contents-wrapper.edu .button-area > * {
    width: 200px;
    height: 60px;
    border-radius: 5px;
    font-size: 20px;
}

.contents-wrapper.edu .button-area button:hover, .contents-wrapper.edu .button-area a:hover {
    color: #fff;
}

.contents-wrapper.edu .my-status .checking {
    width: 180px;
    margin-bottom: 20px;
}

.my-status .btn {
    width: 180px;
    height: 50px;
    padding: 0 10px;
}

.my-status .btn-border {
    width: auto;
    height: 40px;
    line-height: 38px;
}

.my-status .mail > .btn {
    margin-left: 20px;
    border-radius: 25px;
    font-family: NotoSansM;
    font-size: 18px;
}

.my-status .mail .btn-border {
    font-size: 16px;
}

.my-status .mail .btn-border::before {
    display: none;
}

.my-status .mail > .btn-secondary {
    font-size: 16px;
}

.my-status li > div {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.my-status li > div .label {
    width: 140px;
    margin-right: 20px;
    color: #7e81a6;
}

.my-status li > div input {
    width: 220px;
}

.my-status li > div input + button {
    height: 36px;
    margin-left: 10px;
    padding: 0 20px;
    color: #fff;
    border-radius: 3px;
    font-family: NotoSansR;
    transition: .3s ease-in-out;
    background-color: #0b99ac;
}

.my-status li > div input + button:hover, .my-status li > div input + button:active {
    background-color: #ff7240;
}

.my-status li > div input + button:disabled, .my-status li > div input + button:disabled:hover, .my-status li > div input + button:disabled:active {
    color: #babbcf;
    background-color: #edf1f6;
}

.my-status li > div .timeout {
    margin-left: 20px;
    color: #f45666;
    font-family: GmarketSansM;
    letter-spacing: 0;
    font-size: 16px;
}

.my-status .result-box {
    margin-top: 20px;
}

.modal .my-status .mail > input:focus {
    border-color: #23b3c6 !important;
}

.modal .info-context .phone input:first-child {
    margin-left: 15px;
}

.modal .info-context .phone input {
    width: 53px;
}

/* 설문 조사 */
.modal-container .title-wrapper.edu > .title {
    width: 725px;
}

.title-wrapper {
    display: flex;
    background: url(/res/img/component/back_pattern_01-cd15822780f36a61792517e8df75d94e.png);
    padding-left: 20px;
    padding-right: 20px;
}

.title-wrapper > .title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 600px;
    min-height: 150px;
    margin: 0 auto;
}

.title-wrapper > .title > h2 {
    padding-left: 0;
    font-family: NotoSansL;
    font-size: 46px;
    line-height: 50px;
    letter-spacing: -2px;
    background: none;
}

.title-wrapper > .title > p {
    position: relative;
    height: 42px;
    color: #555;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -.2px;
    padding-left: 80px;
}

.title-wrapper > .title > p:before {
    position: absolute;
    bottom: 0;
    left: 25px;
    display: block;
    content: '';
    width: 30px;
    height: 2px;
    background: #333;
}

.contents-wrapper {
    background: #f9f9f9;
}

.tab-title {
    margin-bottom: 20px;
}

.tab-contents {
    padding: 30px 20px;
}

.tab-contents .tab-page {
    display: none;
    max-width: 1440px;
    min-height: 500px;
    margin: 0 auto;
}

.tab-contents .button-area {
    padding: 30px 0;
    text-align: center;
}

.tab-contents .button-area button {
    width: 200px;
    height: 60px;
    border-radius: 5px;
    font-family: NotoSansM;
    font-size: 20px;
}

.research {
    display: flex;
    flex-flow: column nowrap;
    background: #fff;
    border: 1px solid #dcdcdc;
    margin-bottom: 30px;
}

.research dl {
    display: flex;
    flex-flow: column nowrap;
    min-height: 70px;
    padding: 23px 30px;
}

.research dt {
    display: flex;
    align-items: center;
    position: relative;
    height: 40px;
    margin-bottom: 20px;
    padding-left: 80px;
    font-family: NotoSansR;
    font-size: 20px;
}

.research dt span {
    margin-left: 10px;
    color: #f45666;
    font-family: NotoSansM;
    font-size: 14px;
    letter-spacing: 0;
}

.research dt .bullet {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: -30px;
    width: 80px;
    height: 40px;
    margin-right: 20px;
    padding-top: 3px;
    color: #fff;
    font-family: GmarketSansM;
    font-size: 16px;
    background-color: #23b3c6;
}

.research dt .bullet::after {
    content: "";
    position: absolute;
    top: 0;
    right: -40px;
    width: 0;
    height: 0;
    border-right: 20px solid transparent;
    border-top: 20px solid transparent;
    border-left: 20px solid #23b3c6;
    border-bottom: 20px solid transparent;
}

.research img {
    max-width: 1000px;
}

.research textarea {
    display: block;
    width: 100%;
    padding: 20px !important;
    border: 1px solid #0a2e4f;
    font-size: 16px;
    line-height: 160%;
    transition: .3s;
    outline: none;
}

.research textarea:focus {
    border-width: 2px;
    border-color: #23b3c6;
}

.research .checking-set span, .research .selecting span {
    font-size: 16px;
}

.research .checking, .research .selecting {
    margin: 7px 0;
}

/* 교육 마일리지 */
.mileage-total {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    padding: 30px 0;
    background-color: #e9f3f4;
}

.mileage-total h3 {
    margin-bottom: 15px;
    font-family: GmarketSansM;
    font-size: 24px;
}

.mileage-total h3 strong {
    font-family: GmarketSansB;
    color: #ff7240;
    font-size: 30px;
}

.mileage-total p {
    font-size: 16px;
    line-height: 160%;
    text-align: center;
}

.mileage-area {
    position: relative;
    padding: 20px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

.race ul {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 0 50px;
    padding: 50px 200px;
}

.race ul + ul::after {
    content: "";
    display: block;
    position: absolute;
    top: -110px;
    left: 100px;
    width: 2px;
    height: 220px;
    background-color: #edf1f6;
}

.race ul:first-child {
    padding-left: 100px;
}

.race ul::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 100px;
    right: 100px;
    transform: translateY(-50%);
    height: 2px;
    background-color: #edf1f6;
}

.race ul:last-child {
    padding-right: 100px;
}

.race ul:last-child::before {
    right: 100px;
}

.race ul.reverse {
    flex-flow: row-reverse nowrap;
    padding-left: 200px;
}

.race ul.reverse::after {
    left: auto;
    right: 100px;
}

.race li {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    border: solid 6px #edf1f6;
    background-color: #fff;
}

.race li::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95px;
    height: 95px;
    border-radius: 100%;
    border: solid 2px #edf1f6;
}

.race li span {
    margin-bottom: 15px;
    color: #b0bdcc;
    font-family: NotoSansM;
}

.race li strong {
    font-family: GmarketSansM;
    color: #b0bdcc;
    font-size: 20px;
}

.race li.start {
    width: 50px;
    height: 50px;
    border: 0;
    color: #fff;
    font-family: GmarketSansM;
    background-color: #23b3c6;
}

.race li.start::after {
    display: none;
}

.race li.active {
    color: #23b3c6;
    border-color: #23b3c6;
    transition: .3s;
    cursor: pointer;
}

.race li.active::after {
    border-color: #23b3c6;
}

.race li.active > * {
    color: #23b3c6;
}

.race li.active:hover {
    color: #fff;
    border-color: #baecf3;
    background-color: #23b3c6;
}

.race li.active:hover::after {
    border-color: rgba(255, 255, 255, .3);
}

.race li.active:hover > * {
    color: #fff;
}

.race li.complete {
    border-color: #ffd0d5 !important;
    background-color: #f45666;
}

.race li.complete::after {
    border-color: rgba(255, 255, 255, .3) !important;
}

.race li.complete > * {
    color: #fff !important;
}

.ground-spot {
    position: absolute;
    top: 50%;
    z-index: 1;
}

.ground-spot span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    background-color: #12afd6;
    border-radius: 50%;
    text-indent: -9999px;
    opacity: 0;
    transform: translate(-50%, -50%);
    animation: ground-spot2 2s .2s ease-in-out infinite;
}

.ground-spot span:first-child {
    width: 30px;
    height: 30px;
    animation: ground-spot3 2s .3s ease-in-out infinite;
}

.ground-spot span:last-child {
    width: 20px;
    height: 20px;
    animation: ground-spot1 2s ease-in-out infinite;
}

@keyframes ground-spot1 {
    0% {
        opacity: .5;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .5;
    }
}

@keyframes ground-spot2 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .2;
    }
    100% {
        opacity: 0;
    }
}

@keyframes ground-spot3 {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .1;
    }
    100% {
        opacity: 0;
    }
}

/* 리포트 결제 */
.title-wrapper.report > .title {
    width: auto;
}

.root-community .bbs-top.member-info {
    margin-top: 0;
    margin-bottom: 15px;
}

.root-community .bbs-top.member-info .bullet {
    padding-left: 30px;
    padding-top: 3px;
    font-family: GmarketSansM;
    font-weight: normal;
    font-size: 24px;
    line-height: 30px;
    background: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_bullet1.svg) 0 3px/auto 24px no-repeat;
}

.root-community .bbs-list.report li > a::before {
    content: "미열람";
    color: #fff;
    background-color: #ff7240;
    z-index: 1;
}

.root-community .bbs-list.report li > a:hover, .root-community .bbs-list.edu li > a:active {
    background-color: #e9f3f4;
}

.root-community .bbs-list.report .bbs-content-info .visited {
    display: none;
}

.root-community .bbs-list.report .complete > a::before {
    content: "열람완료";
}

.root-community .bbs-list.report .disabled > a::before {
    content: "기간 만료";
}

.root-community .bbs-list.report .disabled > a {
    opacity: .7;
    cursor: default;
    background-color: #f9f9f9;
}

.root-community .bbs-list.report .disabled > a .img {
    background-color: #fff;
}

.root-community .bbs-list.report .disabled > a .img img {
    mix-blend-mode: luminosity;
    opacity: .7;
}

.root-community .bbs-list.report .disabled > a .category {
    color: #7e81a6;
}

.root-community .bbs-list.report .disabled > a:hover, .bbs-list.report .disabled > a:active {
    background-color: #f9f9f9;
}

.root-community .bbs-list.report .disabled > a:hover .img img {
    transform: none;
}

.root-community .bbs-list.report .disabled > a:hover .img::before {
    display: none;
}

.root-community .bbs-list.report .disabled > a:hover::after {
    display: none;
}

.root-community .bbs-list.report .disabled .btn {
    color: #fff !important;
    background-color: #999 !important;
}

.root-community .bbs-list.report .disabled .btn::before {
    background-color: #fff !important;
}

.root-community .bbs-list .complete > a::before {
    background-color: #aaa !important;
}

.root-community .bbs-list .complete > a {
    background-color: #f9f9f9;
}

.root-community .report .text [class*=icon-]:not(.btn-border)::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    vertical-align: -2px;
    background-color: #fff;
}

.root-community .report .btn-dark {
    border: solid 1px #dfe6ef;
    color: #0a2e4f;
    background-color: #fff;
}

.root-community .report .btn-dark:hover, .root-community .report .btn-dark:active {
    border-color: #0a2e4f;
    box-shadow: 1px 1px 3px rgba(10, 46, 79, .2);
}

.root-community .report .icon-report::before {
    width: 15px;
    height: 15px;
}

.root-community .report .icon-x::before {
    width: 10px;
    height: 10px;
    vertical-align: 0 !important;
}

.root-community .icon-youtube::before {
    background-color: #ce1312;
}

.report-total {
    padding: 40px;
}

.report-total {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    background-color: #e9f3f4;
}

.report-total p {
    font-size: 16px;
    line-height: 160%;
    text-align: center;
}

.report-total .step {
    width: 100%;
    margin-top: 50px;
}

.report-total .step ol {
    display: flex;
    gap: 50px;
}

.report-total .step li {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    flex: 1;
    position: relative;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(10, 46, 79, .1);
    font-family: GmarketSansM;
    font-size: 14px;
    text-align: center;
    line-height: 130%;
    word-break: keep-all;
    background-color: #fff;
}

.report-total .step li + li::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%) rotate(-45deg);
    width: 20px;
    height: 20px;
    border-bottom: 2px solid rgba(10, 46, 79, .2);
    border-right: 2px solid rgba(10, 46, 79, .2);
}

.report-total .step li::before {
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    width: 30px;
    height: 30px;
    color: #fff;
    border-radius: 100%;
    font-family: GmarketSansM;
    text-align: center;
    line-height: 30px;
    background-color: #0a2e4f;
}

.report-total .step li:first-child::before {
    content: "1";
}

.report-total .step li:nth-child(2)::before {
    content: "2";
}

.report-total .step li:nth-child(3)::before {
    content: "3";
}

.report-total .step li:nth-child(4)::before {
    content: "4";
}

.report-total .step li:nth-child(5)::before {
    content: "5";
}

.report-total .step li:nth-child(6)::before {
    content: "6";
}

.report-total .step span {
    font-family: inherit;
    line-height: inherit;
}

.report-total .step span::before {
    content: "";
    display: block;
    margin: 0 auto 15px auto;
    width: 50px;
    height: 50px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

.report-total .step li:first-child span::before {
    background-image: url(/res_root/img/common/icon_report_step1-1cac441202586f1c9981601ef53b914d.svg);
}

.report-total .step li:nth-child(2) span::before {
    background-image: url(/res_root/img/common/icon_report_step2-1371f2fe2443b3482bb2745d2a52f7ac.svg);
}

.report-total .step li:nth-child(3) span::before {
    background-image: url(/res_root/img/common/icon_report_step3-2fd3708510640dfd111b91051dca1fe5.svg);
}

.report-total .step li:nth-child(4) span::before {
    background-image: url(/res_root/img/common/icon_report_step4-bb0a174d7015bf945831c3c2c29fbe0b.svg);
}

.report-total .step li:nth-child(5) span::before {
    background-image: url(/res_root/img/common/icon_report_step5-89bb76e23a518e9fbe0335967de3b039.svg);
}

.report-total .step li:nth-child(6) span::before {
    background-image: url(/res_root/img/common/icon_report_step6-6a9e589239f6614a0d3c66aaf41a13b9.svg);
}

.report-area {
    position: relative;
    padding: 20px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
}

.report-area .button-area .btn {
    transition: .3s;
}

.report-area .button-area .btn:hover {
    color: #fff !important;
}

.report-area .member-info dd .btn {
    height: 36px;
}

.report-area .member-info {
    margin-bottom: 0;
}

.report-area .member-info dd.phone span {
    width: auto;
}

.report-area .member-info dd.security .notes {
    left: 0;
    bottom: 14px;
    right: 0;
}

.report-area .member-info dd.security .notes .tips {
    margin-left: 0;
}

.report-area .member-info .terms {
    height: auto !important;
}

.report-area .member-info .terms-box {
    width: 100%;
    margin: 15px 0;
}

.report-area .member-info .terms-box + .checking {
    margin-bottom: 30px;
}

.report-area .member-info .terms-box h4 b {
    display: inline-block;
    padding: 3px;
    border-bottom: solid 1px #dc3535;
    font-size: 20px;
    background-color: #ffff00;
}

.report-area .member-info .dl-table .terms-box h4 .text-red {
    font-family: GmarketSansB;
}

.report-area .member-info .terms-text {
    margin-bottom: 0;
}

.report-area .member-info .icon-detail-view::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: -2px;
    background-color: #fff;
}

.report-area .member-info + .sub-title {
    margin-top: 30px;
}

.report-area .member-info .dl-table dt, .report-area .member-info .dl-table dd {
    min-height: 60px;
    height: auto;
}

.report-area .member-info .dl-table dd {
    flex-flow: row wrap;
}

.report-area .member-info .dl-table dd input + div {
    margin-left: 0;
}

.report-area .member-info .dl-table .attachment {
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: solid 1px #dfe6ef;
    background-color: transparent;
}

.report-area .member-info .dl-table .attachment p button {
    font-family: NotoSansM;
    font-size: 16px;
}

.report-area .member-info .dl-table .attachment .btn-attach {
    position: relative;
}

.report-area .member-info .dl-table .attachment .btn-attach + ul li span {
    color: #999;
    font-size: 13px;
}

.report-area .member-info .dl-table .attachment .delete {
    background-color: #e9f3f4;
}

.report-area .member-info .dl-table .long {
    padding: 12px 0;
    flex-flow: column wrap;
    align-items: flex-start;
}

.report-area .member-info .dl-table .long > input {
    width: 100%;
}

.report-area .member-info .dl-table .long > input + .tips {
    margin-left: 0;
    margin-top: 5px;
}

.report-area .member-info .dl-table .number input {
    width: 60px !important;
}

.report-area .member-info .dl-table .text-red {
    font-family: NotoSansR;
}

.report-area .member-info .btn-blue {
    background-color: #0a2e4f;
}

.report-area .member-info .btn-blue:hover, .root-community .report .btn-blue:active {
    background-color: #23b3c6;
}

.report-area .button-area {
    padding: 30px 0;
    text-align: center;
}

.report-area .button-area button {
    width: 200px;
    height: 60px;
    border-radius: 5px;
    font-size: 20px;
}

.report-area .member-info .dl-table dd .tips {
    position: relative;
}

.report-area .member-info .dl-table dd .tips.word-incomplete::before {
    content: "!";
    display: inline-block;
    position: static;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    color: #fff;
    border-radius: 100%;
    vertical-align: 3px;
    font-size: 11px;
    line-height: 16px;
    font-family: GmarketSansM;
    text-align: center;
    background-color: #7e81a6;
}

.report-area .member-info .dl-table dd .tips.word-possible {
    padding-left: 20px;
    color: #0b99ac;
}

.report-area .member-info .dl-table dd .tips.word-possible::before, .report-area .member-info .dl-table dd .tips.word-possible::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    border-radius: 2px;
    background-color: #0b99ac;
}

.report-area .member-info .dl-table dd .tips.word-possible::before {
    left: 0;
    width: 15px;
    height: 3px;
    transform: translateY(-50%) rotate(-45deg);
}

.report-area .member-info .dl-table dd .tips.word-possible::after {
    left: -1px;
    width: 3px;
    height: 8px;
    transform: translateY(calc(50% - 5px)) rotate(-45deg);
}

.report-area .col-2 {
    display: flex;
    width: 100%;
    gap: 50px;
}

.report-area .col-2 > div {
    width: 50%;
}

.report-area .bbs-filter {
    background-color: #f3f6fb;
}

.report-area .bbs-filter .search-box label {
    margin-right: 10px;
    color: #7e81a6;
    font-family: NotoSansM;
    line-height: 38px;
}

.report-area .bbs-filter .search-box input[disabled] {
    background-color: #edf1f6;
}

.report-area .button-area.report-add {
    padding-top: 20px;
}

.report-area .button-area.report-add .icon-detail-view::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: -1px;
    background-color: #fff;
}

.report-area .bbs-list li {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    border-bottom: 1px solid #dee3eb;
    background-color: #f3f6fb;
}

.report-area .bbs-list li > div:first-child {
    padding-left: 70px;
}

.report-area .bbs-list li > div:first-child::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 28px;
    width: 45px;
    height: 45px;
    background-color: #0a2e4f;
    -webkit-mask: url(/res_root/img/common/icon_report_time-19dba761f1ca42b0b1b3c26b0f1caed5.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_report_time-19dba761f1ca42b0b1b3c26b0f1caed5.svg) 50%/contain no-repeat;
}

.report-area .bbs-list li > div.no-posts {
    width: 100%;
    padding-left: 0;
    padding: 30px 0;
    border: 0;
    background-position: center -95px;
}

.report-area .bbs-list li > div.no-posts::before {
    display: none;
}

.report-area .bbs-list li.complete {
    background-color: #fff;
}

.report-area .bbs-list li.complete::before {
    -webkit-mask: url(../img/component/icon_report_complete.svg) 50%/contain no-repeat;
    mask: url(../img/component/icon_report_complete.svg) 50%/contain no-repeat;
}

.report-area .bbs-list li .subject {
    margin-bottom: 10px;
    font-size: 18px;
    font-family: NotoSansR;
    line-height: 130%;
}

.report-area .bbs-list li .bbs-content-info {
    margin-bottom: 0;
}

.report-area .bbs-list li .icon-detail-view::before {
    width: 14px;
    height: 14px;
}

.report-area .bbs-list li .icon-link-blank::before {
    width: 15px;
    height: 15px;
    background-image: none;
    -webkit-mask: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50%/contain no-repeat;
}

.report-area .bbs-list li .btn {
    height: 38px;
}

.report-area .bbs-list li .btn[disabled] {
    color: #fff !important;
    background-color: #aaa !important;
}

.report-area .bbs-list li .btn::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    vertical-align: -1px;
    background-color: #fff;
}

.report-area .bbs-list li .btn-blue {
    background-color: #0b99ac;
}

.report-area .bbs-list li .btn-blue:hover {
    background-color: #ff7240;
}

.report-area .btn-attach input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.report-area .bbs-content-info .waiting::before {
    mask: url(/res_root/img/common/icon_time-3ae35e4214193c62f8d6f6ac57c5daa1.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_time-3ae35e4214193c62f8d6f6ac57c5daa1.svg) 50%/contain no-repeat;
    background-image: none;
    background-color: #dc3535;
}

.report-area .bbs-content-info .complete {
    font-weight: 600;
}

.report-area .bbs-content-info .complete::before {
    mask: url(/res_root/img/common/icon_check-94d1119de7816298c66c79184f744cb0.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_check-94d1119de7816298c66c79184f744cb0.svg) 50%/contain no-repeat;
    background-image: none;
    background-color: #2b45d4;
}

.report-area .terms-agree {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
    padding: 10px;
    background-color: #e9f3f4;
}

.report-area .terms-agree .checking span {
    font-family: NotoSansM;
    font-size: 18px;
}

.report-area .terms-agree .checking .checkmark {
    top: 1px;
}

.modal-container .row.full-size {
    height: calc(100vh - 100px);
    margin: 0;
    padding: 0;
}

.modal-container .pdfobject-container {
    margin: 0;
}

.modal-container .row.full-size .wide {
    width: 100% !important;
    height: 100%;
    margin: 0;
    overflow-y: auto;
}

.modal-container .row.full-size .wide canvas {
    width: 100%;
    height: auto;
}

.modal-container .bbs-form {
    border: 0;
}

.modal-container .report-area .bbs-form {
    border-top: 2px solid #0b99ac;
}

/* 교육 이벤트 */
.modal-container.edu.event {
    max-width: 60%;
    left: 50%;
    transform: translateX(-50%);
    min-height: 250px;
}

.modal-container.edu.event li {
    padding: 15px 10px;
}

.modal-container.edu.event li .confirm {
    line-height: 30px;
    width: 100px;
    margin-left: 15px;
}

.modal-container.edu.event .button-area {
    padding: 10px 0 0 0;
    text-align: center;
}

.modal-container.edu.event .button-area button {
    width: 200px;
    height: 40px;
    border-radius: 5px;
    font-family: NotoSansM;
    font-size: 15px;
}

/* 쿠폰 이벤트 */
.coupon.event {
    width: 100%;
    padding: 20px;
    background-color: #e9f3f4;
}

.coupon.event > div {
    text-align: center;
}

.coupon.event > div p {
    margin-top: 15px;
    color: #7e81a6;
    font-size: 13px;
    line-height: 150%;
}

.coupon.event .label {
    width: 100px;
    margin-right: 10px;
    font-family: NotoSansR;
    font-size: 14px;
}

.coupon.event .confirm {
    margin-left: 5px;
    width: 60px;
    height: 44px;
}

.coupon.event .code {
    width: 250px;
    height: 44px;
    font-family: GmarketSansM;
    font-size: 18px;
    letter-spacing: 0;
}

.coupon.event .code::-webkit-input-placeholder {
    font-family: NotoSansR;
    font-size: 15px;
}

.coupon.event .code::-webkit-input-placeholder:focus {
    color: transparent;
}

.coupon.event .code::-moz-input-placeholder {
    font-family: "Noto Sans KR";
    font-size: 16px;
}

.coupon.event .code::-ms-input-placeholder {
    font-family: "Noto Sans KR";
    font-size: 16px;
}

.coupon.event .code-result {
    margin-top: 15px;
    padding-top: 15px;
    border-top: dashed 1px #dcdcdc;
}

.coupon.event .code-result input {
    width: 100%;
    height: 22px;
    border: 0;
    padding: 0;
    font-family: GmarketSansM;
    color: #0a2e4f;
    font-size: 18px;
    text-align: center;
    background-color: #e9f3f4;
}

.coupon.event + .bbs-form {
    width: 100%;
}

/* 리포트 정산 */
.bbs-filter .search-box label {
    line-height: 38px;
}

.report-money-master + .sub-title {
    margin-top: 30px;
}

.root-community .bbs-list.edu-money li > a::before {
    content: "미정산";
}

.root-community .bbs-list.edu-money .disabled > a::before {
    content: "정산 완료";
}

.modal-container.modal-apt-info .menu-content > * + h3 {
    margin-top: 30px;
}

.modal-container.modal-apt-info .menu-content .edu-info + .tips {
    margin-top: 10px;
}

/* 입주 지도 */
.yellow {
    color: #ecb751;
}

.green {
    color: #5fcea4;
}

.ent-map-pin.live-in.yellow .apt-ent-map-name,
.ent-map-pin.move-in.yellow .apt-ent-map-name {
    background-color: rgba(249, 183, 33, .95);
}

.ent-map-pin.live-in.yellow .apt-ent-map-info {
    border: 1px solid rgba(249, 183, 33, .95);
}

.ent-map-pin.live-in.yellow::after,
.ent-map-pin.move-in.yellow::after {
    border-top: 5px solid rgba(249, 183, 33, .95);
    border-left: 5px solid rgba(249, 183, 33, .95);
}

.ent-map-pin.live-in.green .apt-ent-map-name,
.ent-map-pin.move-in.green .apt-ent-map-name {
    background-color: rgba(125, 193, 58, .95);
}

.ent-map-pin.live-in.green .apt-ent-map-info {
    border: 1px solid rgba(125, 193, 58, .95);
}

.ent-map-pin.live-in.green::after,
.ent-map-pin.move-in.green::after {
    border-top: 5px solid rgba(125, 193, 58, .95);
    border-left: 5px solid rgba(125, 193, 58, .95);
}

.ent-map-pin.live-in.blue .apt-ent-map-name {
    background-color: rgba(77, 107, 217, .95);
}

.ent-map-pin.live-in.blue .apt-ent-map-info {
    border: 1px solid rgba(77, 107, 217, .95);
}

.ent-map-pin.live-in.blue::after {
    border-top: 5px solid rgba(77, 107, 217, .95);
    border-left: 5px solid rgba(77, 107, 217, .95);
}

.ent-map-pin.live-in.purple .apt-ent-map-name {
    background-color: rgba(143, 85, 226, .95);
}

.ent-map-pin.live-in.purple .apt-ent-map-info {
    border: 1px solid rgba(143, 85, 226, .95);
}

.ent-map-pin.live-in.purple::after {
    border-top: 5px solid rgba(143, 85, 226, .95);
    border-left: 5px solid rgba(143, 85, 226, .95);
}

.ent-map-pin.live-in.brown .apt-ent-map-name {
    background-color: rgba(152, 128, 108, .95);
}

.ent-map-pin.live-in.brown .apt-ent-map-info {
    border: 1px solid rgba(152, 128, 108, .95);
}

.ent-map-pin.live-in.brown::after {
    border-top: 5px solid rgba(152, 128, 108, .95);
    border-left: 5px solid rgba(152, 128, 108, .95);
}

.ent-map-pin.live-in.gray .apt-ent-map-name {
    background-color: rgba(98, 99, 108, .95);
}

.ent-map-pin.live-in.gray .apt-ent-map-info {
    border: 1px solid rgba(98, 99, 108, .95);
}

.ent-map-pin.live-in.gray::after {
    border-top: 5px solid rgba(98, 99, 108, .95);
    border-left: 5px solid rgba(98, 99, 108, .95);
}

.ent-map-pin.move-in.yellow .apt-ent-map-info {
    left: 38px;
    width: 120px;
    border: 1px solid rgba(249, 183, 33, .95);
}

.ent-map-pin.move-in.yellow .glyphicon {
    font-size: 10px;
    color: #f9b921;
    margin: 0 3px;
}

.ent-map-pin.move-in.green .apt-ent-map-info {
    left: 38px;
    width: 120px;
    border: 1px solid rgba(125, 193, 58, .95);
}

.ent-map-pin.move-in .apt-ent-map-info span {
    margin-top: -1px;
    color: #92949d;
    font-size: 10.5px;
}

.ent-map-pin.move-in.green .apt-ent-map-info {
    left: 38px;
    width: 120px;
}

.ent-map-pin.yellow i {
    background-color: rgba(249, 183, 33, .95);
}

.ent-map-pin.green i {
    background-color: rgba(125, 193, 58, .95);
}

.apt-ent-map-info i {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-right: 2px;
    vertical-align: -1px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

.apt-ent-map-info span + span {
    margin-left: 5px;
}

i.icon-user {
    -webkit-mask-image: url(/res_root/img/common/icon_users-e6ed68e58b4e5f616917f276bbb1cb53.svg);
    mask-image: url(/res_root/img/common/icon_users-e6ed68e58b4e5f616917f276bbb1cb53.svg);
}

i.icon-home {
    -webkit-mask-image: url(/res_root/img/common/icon_home-01e4fabbaab5650ace52c6a87f5c29ca.svg);
    mask-image: url(/res_root/img/common/icon_home-01e4fabbaab5650ace52c6a87f5c29ca.svg);
}

.ent-map-pin.live-in::after, .ent-map-pin.move-in::after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
}

.ent-map-pin.live-in .apt-ent-map-info > span {
    margin-right: 1px;
    font-family: NotoSansM;
    font-size: 10.5px;
}

.ent-map-pin.live-in .apt-ent-map-name, .ent-map-pin.move-in .apt-ent-map-name {
    position: relative;
    width: 140px;
    height: 33px;
    padding-left: 10px;
    padding-right: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: NotoSansR;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 30px;
}

.ent-map-pin.live-in .apt-ent-map-info, .ent-map-pin.move-in .apt-ent-map-info {
    position: absolute;
    top: 27px;
    left: 22px;
    width: 140px;
    height: 33px;
    padding: 2px 4px 2px 0;
    border-radius: 6px;
    color: #92949d;
    font-family: NotoSansR;
    font-size: 10.5px;
    line-height: 14px;
    text-align: right;
    background-color: #fff;
}

.ent-map-pin.live-in label, .ent-map-pin.move-in label {
    color: #D85452;
    font-family: NotoSansM;
    font-size: 10.5px;
}

.color-quotient {
    font-weight: normal !important;
}

.color-quotient04 {
    color: rgb(236, 105, 105) !important;
    font-weight: normal !important;
    font-size: 14px;
}

.color-quotient03 {
    color: rgb(236, 183, 81) !important;
    font-weight: normal !important;
    font-size: 14px;
}

.color-quotient02 {
    color: rgb(95, 206, 164) !important;
    font-weight: normal !important;
    font-size: 14px;
}

.color-quotient01 {
    color: rgb(131, 171, 214) !important;
    font-weight: normal !important;
    font-size: 14px;
}

/* biz-badge */
.biz-badge {
    display: block;
    position: absolute;
    top: -8px;
    right: -2px;
    height: 16px;
    padding: 0 6px;
    border-radius: 8px;
    line-height: 16px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
    background-color: #ff4081;
}

.options .biz-badge {
    position: absolute;
    top: -3px;
    right: 12px;
    background-color: #ff4081;
    min-width: 18px;
    height: 18px;
    box-shadow: none;
    z-index: 10;
}
.option-set .option {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-right: 16px;
    border-right: 1px solid #d5dae6;
    margin-top: 10px;
    margin-right: 16px;
}
.option-set .option.apt-price-detail {
    padding: 0px;
    border: 0px;
    margin: 0px 5px;
}
.options .option-set.apt-price-detail {
    padding: 0px;
    border: 0px;
    margin: 0px 5px;
}
.option-set .option .standardDt {
    width: 100px;
    display: inline-block;
    position: relative;
    height: 38px;
    border: 1px solid #dadce0;
    border-radius: 4px;
    vertical-align: middle;
    text-align: left;
    transition: .3s ease-in-out;
    font-family: NotoSansR;
    padding-left: 15px;
    cursor: pointer;
    background: url(https://cdn.aptgin.com/cdn/res/icon/mapbox/svg/calendar.svg) 95% 55% / 18px no-repeat;
}
.rate-sts-div {
    margin: 2px;
}
.rate-sts {
    cursor: pointer;
    text-decoration: underline;
    font-weight: 800;
}
.popup-option .biz-badge {
    vertical-align: text-top;
    margin-left: 5px;
}
.popup-option > div {
    padding: 10px 20px;
}
.popup-option > div.apt-group {
    padding: 0px;
}

.popup-option > div + div {
    border-top: 1px solid #dbe0ec;
}
/* 빅데이터 지도 */
.icon-group-save {
    display: block;
    border: solid 1px #dadce0;
    border-radius: 4px;
    background: url(/res/img/component/icon_group_save-f1889ee6f2bac055916d352349684ff2.svg) 50%/12px no-repeat;
    cursor: pointer;
    transition: border-color 100ms ease-out, background-color 100ms ease-out;
}

.icon-group-save:hover {
    border-color: #999;
    background-color: #f7f7f7;
}

.icon-group-save.active {
    border-color: #712cce;
    background-color: #fff;
    background-image: url(/res/img/component/icon_group_save_purple-550c8754858fd5cfb2a9032e465a8a9a.svg);
}

.icon-group-save.active:hover {
    border-color: #712cce;
}

.icon-group-save.mini-map {
    width: 20px;
    height: 20px;
    border: 0;
    background-size: 16px;
}

.result-area .group-save-area {
    display: none;
}

/* 비교 목록 */
.sub-comparer {
    margin-bottom: 10px;
}

.sub-comparer .icon-reset {
    width: 35px;
    height: 35px;
    padding: 0;
}

.sub-comparer .icon-reset::before {
    width: 20px;
    height: 20px;
    margin-left: 3px;
}

.sub-comparer .icon-reset span {
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.sub-comparer .btn-comparer-save {
    width: 35px;
    height: 35px;
    padding: 0;
    border-radius: 3px;
    border: solid 1px #dfe6ef;
    color: #0b99ac;
    vertical-align: middle;
}

.sub-comparer .btn-comparer-save:hover {
    border-color: #0b99ac;
}

.sub-comparer .btn-comparer-save::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 0;
    vertical-align: -2px;
    background-color: #0b99ac;
    -webkit-mask: url(/res_root/img/common/icon_group_save-18270d72bad8db4c848d2ed092ad4d79.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_group_save-18270d72bad8db4c848d2ed092ad4d79.svg) 50%/contain no-repeat;
}

.sub-comparer .icon-group-save {
    display: none;
}

.sub-comparer > div > .btn {
    height: 35px;
    font-size: 13px;
}

.sub-comparer > div > .icon-search::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: -2px;
    background-color: #fff;
}

.sub-title .chip-set .btn {
    height: 30px;
    border-radius: 3px;
}

.comparer-area {
    padding-right: 260px;
}

.comparer.bottom {
    position: absolute;
    top: 10px;
    right: 10px;
}

.comparer.bottom .btn {
    width: 120px;
    height: 40px;
    padding: 0;
    border-radius: 20px;
}

.img-rotate {
    transform: rotate(0.5turn);
}

.compare-save-area {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.compare-save-area.direction-row {
    flex-direction: row !important;
}
/* 강의 후기 */
.modal-container.slim.solid {
    overflow: hidden;
}

.btn-review {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 60px;
}

.btn-review .btn {
    display: block;
    width: 200px;
    height: 35px;
    margin: 0;
    padding: 0;
    border-radius: 3px;
    font-family: NotoSansR;
    font-size: 14px;
    line-height: 33px;
}

.btn-review .btn + .btn {
    margin-left: 0;
    margin-top: 10px;
}

.btn-review .btn-border::before {
    display: none;
}

.total-review {
    font-family: GmarketSansM;
}

.total-review::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 1px;
    vertical-align: -2px;
    background-color: #ffc500;
    mask: url(/res_root/img/common/icon_star-a74a9187b97af4d9a6a4d8ca954c0afd.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_star-a74a9187b97af4d9a6a4d8ca954c0afd.svg) 50%/contain no-repeat;
}

.btn-report-list {
    border: 2px solid #0b99ac5c;
}

.btn-report-list:hover {
    border: 2px solid #0b99ac;
}

.total-report {
    margin: 0 3px 0 5px;
}

.total-report::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 1px;
    vertical-align: -2px;
    background-color: #0b99ac5c;
    mask: url(/res_root/img/common/icon_menu-dfd622ce03c6010a98d5f391250245c6.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_menu-dfd622ce03c6010a98d5f391250245c6.svg) 50%/contain no-repeat;
}

.review-area {
    position: relative;
}

.review-area .bbs-list {
    border-top: 10px;
}

.report-area.review {
    height: 100%;
}

.modal-container.modal-apt-info {
    display: flex;
    flex-flow: column nowrap;
    max-width: 1520px;
    left: 50%;
    bottom: 20px;
    margin: 0;
    overflow: hidden;
    transform: translateX(-50%);
}

.modal-apt-info .contents-wrapper {
    height: 100%;
}

.contents-wrapper > .tab-box {
    height: 55px;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    background: #fff;
    padding-left: 20px;
    padding-right: 20px;
}

.tab-box > .tab-list > li > a.active:before {
    background: #23b3c6 !important;
}

.review-list {
    margin-bottom: 20px;
    border: 1px solid #dcdcdc;
    font-family: NotoSansM;
    background-color: #fff;
}

.review-list th, .review-list td {
    border: 0;
}

.review-list thead {
    border-bottom: 1px solid #dcdcdc;
    background-color: #eeeff3;
}

.review-list thead th {
    position: relative;
    font-size: 16px;
    line-height: 50px;
}

.review-list thead th + th::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 20px;
    background-color: #ccc;
}

.review-list tbody td {
    border-bottom: solid 1px #eef0f9;
    font-size: 16px;
    text-align: center;
}

.review-list tbody td p {
    font-size: inherit;
}

.review-list tbody td .number {
    color: #0b99ac;
    font-size: 14px;
}

.review-list tbody td:nth-child(2) {
    text-align: left;
}

.review-list tbody tr:hover {
    background-color: #ffeacd;
}

.review-list tbody tr:last-child td {
    border-color: #dcdcdc
}

.report-area.review {
    overflow-y: auto;
}

.report-area.review .comment-btn-set > button {
    font-size: 12px;
}

.report-area.review .btn-border {
    height: auto;
    line-height: 28px;
}

.report-area.review .btn-secondary {
    color: #fff;
}

.report-area textarea {
    line-height: 150%;
}

.root-community .bbs-list .btn b, .root-community .bbs-list .btn b {
    color: #7e81a6;
    font-size: 13px;
}

.root-community .bbs-list .text {
    height: 76px;
}

.root-community .bbs-list.report .text {
    height: 45px;
}

.root-community .bbs-list.report .text + .text {
    height: 60px;
}

.root-community .bbs-list .text .btn {
    height: 35px;
    margin: 0 2px;
    padding: 0 12px;
    border-radius: 3px;
    font-family: NotoSansR;
    font-size: 14px;
    line-height: 33px;
}

.root-community .bbs-list .text .btn-border {
    color: #0a2e4f;
}

.root-community .bbs-list .text .btn-border::before {
    display: none;
}

.root-community .bbs-list .text .tips {
    display: block;
    margin-top: 10px;
    font-size: 13px;
}

.total-review {
    margin: 0 3px 0 5px;
    vertical-align: 1px;
}

.map-score-title {
    text-align: center;
    padding-left: 15px;
}

.root-community .bbs-list .text .icon-link-blank::before {
    vertical-align: -2px;
}

.root-community .bbs-list .text .icon-modify::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    vertical-align: -1px;
    background-color: #fff;
    mask: url(/res/img/component/icon_pen-ff733758012773c85ae9db6e7d5a5f88.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res/img/component/icon_pen-ff733758012773c85ae9db6e7d5a5f88.svg) 50%/contain no-repeat;
}

.bbs-list .text .icon-write::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    vertical-align: -1px;
    background-color: #fff;
    mask: url(/res_root/img/common/icon_star-a74a9187b97af4d9a6a4d8ca954c0afd.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_star-a74a9187b97af4d9a6a4d8ca954c0afd.svg) 50%/contain no-repeat;
}

.text-count {
    display: flex;
    justify-content: flex-end;
    margin-top: 5px;
}

.text-count p {
    display: inline;
    font-size: 13px;
}

.text-count .textCount {
    color: #0b99ac;
    font-family: NotoSansM;
}

.grade-star {
    display: flex;
}

.grade-star > span {
    display: inline-block;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background-color: #c1ccda;
    background-size: auto 100%;
    cursor: pointer;
}

.grade-star > span + span {
    margin-left: 0;
}

.grade-star .active {
    background-color: #ffc500;
}

.icon-star {
    -webkit-mask: url(/res/img/common/star-7cd60fa8eb0a3bb6735eefd471361a9d.png) 50%/contain no-repeat;
    mask: url(/res/img/common/star-7cd60fa8eb0a3bb6735eefd471361a9d.png) 50%/contain no-repeat;
}


#lab {
    height: 90%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
}

#lab input[data-search-input] {
    width: 90%;
}

#lab .box {
    min-height: 100%;
    overflow-y: scroll;
    /*width: 100%;*/
}

/*#lab .box:first-child {*/
/*	overflow-y: scroll;*/
/*	min-height: 100%;*/
/*	width: 75%;*/
/*}*/
/*#lab .box:nth-child(2) {*/
/*	min-height: 20%;*/
/*	width: 25%;*/
/*	padding: 10px;*/
/*}*/
/*#lab .box:nth-child(3) {*/
/*	min-height: 70%;*/
/*	width: 25%;*/
/*}*/
/*#lab > .box > .box-chart {*/
/*	!*min-height: 100%;*!*/
/*	height: 2000px;*/
/*}*/
span.tag {
    padding: 5px;
}

span.tag.region::after {
    content: '#지역';
    background-color: rgb(24, 106, 222);
}

span.tag.apt::after {
    content: '#아파트';
    background-color: rgb(217, 31, 17);
}

span.tag.compare::after {
    content: '#비교';
    background-color: rgb(7, 125, 85);
}

span.tag.sale::after {
    content: '#매물';
    background-color: rgb(6, 122, 145);
}

span.tag.chart:after {
    content: '#시계열';
    background-color: rgb(232, 100, 39);
}

span.tag.demand:after {
    content: '#수요/입주';
    background-color: rgb(60, 125, 14);
}

span.tag.ent::after {
    content: '#분양';
    background-color: rgb(245, 197, 24);
}

span.tag.maintenance::after {
    content: '#정비사업';
    background-color: rgb(91, 114, 130);
}

span.tag.people::after {
    content: '#인구';
    background-color: rgb(204, 29, 145);
}

[class^=tag]::after {
    display: inline-block;
    min-width: 50px;
    width: auto;
    height: 16px;
    border-width: 1px;
    border-style: solid;
    border-radius: 20px;
    padding: 2px 5px 2px 5px;
    color: #fff;
    font-family: GmarketSansM;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
}

#lab .tag.list {
    display: flex;
    margin-top: 10px;
    width: 80%;
    flex-wrap: wrap;
    gap: 5px 10px;
}

#lab .tag.list li {
    cursor: pointer;
}

#lab #labMenuGrid {
    min-height: 70%;
    height: 70%;
}

.location-select::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, .7);
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_pin_solid_navy.svg) 50%/contain no-repeat;
    mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_pin_solid_navy.svg) 50%/contain no-repeat;
}

.location-select {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translate(-90%);
    z-index: 11;
    padding: 3px 10px 3px 15px;
    border-radius: 50px;
    background-color: rgba(10, 46, 79, .85);
    transition: .3s;
}

.location-select.open {
    top: 100px;
}

.location-select .dropdown, .location-select .dropdown-select {
    border: 0;
}

.location-select .dropdown + .dropdown {
    margin-left: 0;
}

.location-select .dropdown + .dropdown::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -3px;
    width: 1px;
    height: 15px;
    background-color: rgba(255, 255, 255, .3);
}

.location-select .dropdown-select {
    background-color: transparent;
}

.location-select .dropdown-select::after {
    border-color: rgba(255, 255, 255, .7);
}

.location-select .dropdown-select span {
    color: #fff;
}

.location-select .dropdown.active, .location-select .dropdown.active:hover, .location-select .dropdown.active > .dropdown-select, .location-select .dropdown.active:hover > .dropdown-select {
    border: 0 !important;
}

.location-select .dropdown.active > .dropdown-select::after {
    border-color: #fff !important;
}

.location-select .dropdown:first-child > .dropdown-menu {
    min-width: 115px;
    margin-top: 0;
}

.location-select .dropdown:first-child .dropdown-select {
    padding-left: 0;
}

.location-select .location-move-btn {
    height: 30px;
    padding: 0 15px;
    border-radius: 15px;
    color: #fff;
    font-size: 14px;
    background-color: #23b3c6;
    transition: .3s;
}

.location-select .location-move-btn:hover {
    background-color: #0b99ac;
}

.location-select .dropdown > .dropdown-menu {
    width: 110px;
}

.map-right .map-search {
    margin: 0;
    padding: 10px;
    background-color: #f3f6fb;
    transition: .3s;
}

.map-right .search {
    height: 45px;
    justify-content: space-between;
    border: 1px solid #dbdbdb;
    border-radius: 4px;;
    background-color: #fff;
}

.map-right .search input {
    width: calc(100% - 70px);
    height: 43px;
    padding: 5px 10px;
    border: 0;
    border-radius: 4px;
    text-indent: 0;
    font-size: 16px;
}

.map-right .search button {
    text-indent: -9999px;
}

.map-right .btn-set.search .icon-search {
    width: 43px;
    height: 43px;
    border: 0;
    background-color: transparent;
}

.map-right .btn-set.search .icon-search:hover, .map-right .btn-set.search .icon-search:active {
    background-color: #f7f7f7;
}

.map-right .btn-set.search .icon-search::before {
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #0a2e4f;
}

.map-right .delete {
    flex: none;
    width: 20px;
    margin-right: 3px;
    height: 20px;
    background-color: rgba(0, 0, 0, .05);
}

.map-right .delete:hover {
    background-color: rgba(11, 153, 172, .1);
}

.map-right.header-hide .map-search {
    padding-right: 50px;
}

.map-search .area-list {
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    right: 0;
    padding: 10px;
    border-radius: 0 0 3px 3px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
    background-color: #fff;
    z-index: 15;
}

.map-search .area-list ul {
    margin: 0;
}

.map-search .area-list li {
    position: relative;
    padding: 26px 30px 8px 20px;
    border-bottom: 0;
    color: #0a2e4f;
    font-size: 14px;
    cursor: pointer;
}

.map-search .area-list li + li {
    border-top: solid 1px #f3f6fb;
}

.map-search .area-list li::before {
    top: 8px;
    left: 3px;
    width: 14px;
    height: 14px;
    transform: none;
    background-color: #7e81a6;
    -webkit-mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/contain no-repeat;
    mask: url(https://cdn.aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/contain no-repeat;
}

.map-search .area-list li::after {
    position: absolute;
    left: auto;
    right: 5px;
    background-color: #798490;
    mask: url(/res_root/img/common/icon_search_check-1143497c5e5e9864740499c85a973810.svg) 50%/cover no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_search_check-1143497c5e5e9864740499c85a973810.svg) 50%/cover no-repeat;
}

.map-search .area-list li:hover::after {
    background-color: #23b3c6;
}

.map-search .area-list sup {
    position: absolute;
    top: 8px;
    left: 20px;
    color: #7e81a6;
    font-family: NotoSansR;
    font-size: 12px;
}

.map-search .area-list li.selected, .map-search .area-list li:hover {
    background-color: #f6faff;
}

.map-search .area-list li.selected sup, .map-search .area-list li:hover sup {
    color: #0b99ac;
}

.map-search .area-list li.selected::before, .map-search .area-list li:hover::before {
    background-color: #0b99ac;
}

.map-search .area-list li.history::before {
    top: 8px;
    width: 13px;
    height: 13px;
    mask: url(/res_root/img/common/icon_history-76d30273895fcc37f49f252c0791c012.svg) 50%/cover no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_history-76d30273895fcc37f49f252c0791c012.svg) 50%/cover no-repeat;
}

.marker-apt {
    width: 70px;
    height: 80px;
}

.marker-region {
    width: 100px;
    height: 100px;
}

.marker-region-large {
    width: 600px;
    height: 600px;
}

.marker-direction {
    width: 800px;
    height: 400px;
}

.marker-cursor {
    width: 30px;
    height: 30px;
    background: url(/res/img/common/icon_cursor-d77ccbd04174df41d9dcb1a3d21bfbc6.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.mapboxgl-popup-content {
    position: relative;
    background: transparent;
    border-radius: 0px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    padding: 5px 5px 0px;
    pointer-events: auto;
}

.boxdraw {
    background: rgba(143, 85, 226, 0.1);
    border: 2px solid #8F55E2;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
}

.MapWalker {
    position: absolute;
}

.MapWalker .figure {
    position: absolute;
    width: 25px;
    left: 38px;
    top: -2px;
    height: 39px;
    background: url(/res_root/img/map/map_route-f55f4ba5b663b10b305e3453f9050192.png) -298px -114px no-repeat
}

.MapWalker .angleBack {
    width: 102px;
    height: 52px;
    background: url(/res_root/img/map/map_route-f55f4ba5b663b10b305e3453f9050192.png) -834px -2px no-repeat;
}

.MapWalker.mr0 .figure {
    background-position: -298px -114px;
}

.MapWalker.mr1 .figure {
    background-position: -335px -114px;
}

.MapWalker.mr2 .figure {
    background-position: -372px -114px;
}

.MapWalker.mr3 .figure {
    background-position: -409px -114px;
}

.MapWalker.mr4 .figure {
    background-position: -446px -114px;
}

.MapWalker.mr5 .figure {
    background-position: -483px -114px;
}

.MapWalker.mr6 .figure {
    background-position: -520px -114px;
}

.MapWalker.mr7 .figure {
    background-position: -557px -114px;
}

.MapWalker.mr8 .figure {
    background-position: -2px -114px;
}

.MapWalker.mr9 .figure {
    background-position: -39px -114px;
}

.MapWalker.mr10 .figure {
    background-position: -76px -114px;
}

.MapWalker.mr11 .figure {
    background-position: -113px -114px;
}

.MapWalker.mr12 .figure {
    background-position: -150px -114px;
}

.MapWalker.mr13 .figure {
    background-position: -187px -114px;
}

.MapWalker.mr14 .figure {
    background-position: -224px -114px;
}

.MapWalker.mr15 .figure {
    background-position: -261px -114px;
}

.MapWalker.mr0 .angleBack {
    background-position: -834px -2px;
}

.MapWalker.mr1 .angleBack {
    background-position: -938px -2px;
}

.MapWalker.mr2 .angleBack {
    background-position: -1042px -2px;
}

.MapWalker.mr3 .angleBack {
    background-position: -1146px -2px;
}

.MapWalker.mr4 .angleBack {
    background-position: -1250px -2px;
}

.MapWalker.mr5 .angleBack {
    background-position: -1354px -2px;
}

.MapWalker.mr6 .angleBack {
    background-position: -1458px -2px;
}

.MapWalker.mr7 .angleBack {
    background-position: -1562px -2px;
}

.MapWalker.mr8 .angleBack {
    background-position: -2px -2px;
}

.MapWalker.mr9 .angleBack {
    background-position: -106px -2px;
}

.MapWalker.mr10 .angleBack {
    background-position: -210px -2px;
}

.MapWalker.mr11 .angleBack {
    background-position: -314px -2px;
}

.MapWalker.mr12 .angleBack {
    background-position: -418px -2px;
}

.MapWalker.mr13 .angleBack {
    background-position: -522px -2px;
}

.MapWalker.mr14 .angleBack {
    background-position: -626px -2px;
}

.MapWalker.mr15 .angleBack {
    background-position: -730px -2px;
}

label[for="mapbox-directions-profile-driving-traffic"], label[for="mapbox-directions-profile-cycling"] {
    display: none;
}

#mapbox-directions-profile-driving-traffic, #mapbox-directions-profile-cycling {
    display: none;
}


/* map box */
.mapboxgl-ctrl-top-left {
    top: auto;
    left: 120px;
    bottom: 136px;
    display: none;
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
    margin: 0 !important;
}

.mapbox-directions-step {
    color: #7080ad !important;
}

.mapbox-directions-instructions {
    overflow-y: auto;
}

.mapbox-directions-instructions-wrapper {
    max-height: 30vh !important;
}

.directions-control.directions-control-directions {
    margin-top: 0 !important;
    border: 1px solid #d9e1ea !important;
    border-radius: 0 0 3px 3px !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1) !important;
    background: #fff !important;
}

.mapbox-directions-route-summary {
    background-color: #f3f6fb !important;
}

.mapbox-directions-component-keyline {
    box-shadow: none !important
}

.mapbox-directions-profile {
    padding: 10px !important;
    border-radius: 0 !important;
    border: 1px solid #d9e1ea !important;
    border-bottom: 0 !important;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1) !important;
}

.mapbox-directions-profile input[type=radio]:checked + label {
    color: #fff !important;
    background-color: #23b3c6 !important;
}

.mapbox-directions-profile label {
    color: #7080ad !important;
    font-family: "Noto Sans KR", sans-serif;
}

.mapbox-directions-route-summary h1 {
    padding-left: 5px !important;
    color: #7080ad !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}

.mapbox-directions-route-summary span {
    margin-left: 10px;
}

.mapbox-directions-route-summary > *::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: -3px;
    background-color: #7080ad;
}

.mapbox-directions-route-summary h1::before {
    mask: url(/res_root/img/common/icon_distance-591af031dae66c0112d6d7fdc345509d.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_distance-591af031dae66c0112d6d7fdc345509d.svg) 50%/contain no-repeat;
}

.mapbox-directions-route-summary span::before {
    mask: url(/res_root/img/common/icon_time-3ae35e4214193c62f8d6f6ac57c5daa1.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_time-3ae35e4214193c62f8d6f6ac57c5daa1.svg) 50%/contain no-repeat;
}

.mapbox-directions-step::after {
    border-left-color: #d9e1ea !important;
}

.mapbox-directions-step > div {
    line-height: 130%;
    font-size: 13px;
    letter-spacing: 0 !important;
}

.mapbox-directions-route-summary span {
    color: #7080ad !important
}

.mapbox-directions-instructions::-webkit-scrollbar {
    width: 5px !important;
    height: 1px !important;
    background: rgba(0, 0, 0, .05) !important;
}

.mapbox-directions-instructions::-webkit-scrollbar-track {
    background-color: transparent !important;
}

.mapbox-directions-instructions::-webkit-scrollbar-thumb {
    background: #dadeea !important;
    border: 0 none #ffffff !important;
}

.mapbox-directions-steps li span {
    background-image: none !important;
    background-color: #0b99ac !important;
}

.mapbox-directions-origin, .directions-icon.directions-icon-reverse.directions-reverse.js-reverse-inputs, .mapbox-directions-destination {
    display: none;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-color: transparent !important;
}

.mapboxgl-popup-content {
    padding: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

.target-tooltip {
    padding: 6px 12px;
    border: solid 1px #a9b2c7;
    border-radius: 5px;
    color: #50649c;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-indent: 0px;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: -0.2px;
    background-color: #fff;
}

.target-tooltip::before, .target-tooltip::after, .map-chart-wrap::before, .map-chart-wrap::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    border-bottom: 0;
    transform: translateX(-50%);
}

.target-tooltip::before, .map-chart-wrap::before {
    bottom: -5px;
    border-top: 6px solid #a9b2c7;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.target-tooltip::after, .map-chart-wrap::after {
    bottom: -4px;
    width: 0;
    height: 0;
    border-top: 5px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}


.remote-area {
    display: none;
    position: absolute;
    top: 140px;
    right: 385px;
    width: auto;
    border: 1px solid #0a2e4f;
    border-radius: 5px;
    background-color: #fff;
}

.remote-area.bottom {
    position: fixed;
    top: auto;
    bottom: 10px;
}

.remote-area.active {
    display: block;
}

.remote-area .title {
    padding: 8px 15px;
    line-height: 30px;
    background: linear-gradient(45deg, #0a2e4f, #365b7a);
}

.remote-area .title h4 {
    padding-left: 0;
    color: #fff;
    background: none;
}

.remote-area .btn-modal-close {
    top: 5px;
    right: 5px;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.remote-area .list {
    max-height: 550px;
    overflow-y: auto;
    border-radius: inherit;
    transition: all .5s;
}

.remote-area .list.remote {
    min-width: 300px;
}

.remote-area .list::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.remote-area .list.fold {
    max-height: 0;
}

.remote-area .icon-reset {
    margin-left: 10px;
    border-radius: 100%;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background-color: #fff;
    transition: .3s;
}

.remote-area .icon-reset:hover {
    background-color: #23b3c6;
    background-image: url(../img/common/icon_reset_white.svg);
}

.remote-area .map-category .flex-default li {
    font-size: 15px;
}

.remote-area .depth-set {
    display: flex;
    flex-flow: row nowrap;
}

.remote-area .depth-set.with-icon-add ul {
    flex: 1;
}

.remote-area .depth-set.with-icon-add li button {
    padding-left: 0;
    text-align: center;
}

.remote-area .depth-set.with-icon-add li .icon-add + button {
    padding-left: 35px;
    text-align: left;
}

.remote-area .depth-set.with-icon-add li .icon-add {
    top: 2px;
    width: 35px;
}

.remote-area .depth-set.with-icon-add.select-apt ul:not(.depth-5) > li .icon-add {
    display: none;
}

.remote-area .depth-set.with-icon-add.select-apt ul:not(.depth-5) > li button {
    padding-left: 15px;
}

.remote-area .comparer {
    margin-bottom: 0;
    border-bottom: 0;
}

.remote-area button.fold {
    position: absolute;
    left: 50%;
    bottom: -20px;
    width: 40px;
    height: 20px;
    border-radius: 0 0 20px 20px;
    color: transparent;
    font-size: 0;
    line-height: 0;
    background-color: rgba(35, 179, 198, .8);
    transform: translateX(-50%);
}

.remote-area button.fold::before {
    content: "";
    display: block;
    position: relative;
    top: 0;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    transition: .3s;
    transform: rotate(180deg);
    background-color: #fff;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
}

.remote-area button.fold:hover::before {
    top: -3px;
}

.remote-area button.fold.open::before {
    top: -3px;
    transform: rotate(0);
}

.remote-area button.fold.open:hover::before {
    top: 0;
}

.remote-area .tab-panel {
    top: 43px;
}
.modal-container.modal-menu {
    display: flex;
    flex-flow: column nowrap;
    max-width: 1200px;
    left: 50%;
    bottom: 20px;
    margin: 0;
    overflow: hidden;
    transform: translateX(-50%);
}

/*
* card
*/
.card {
    position: relative;
    width: 50%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 14px;
}

.card.max {
    width: 100%;
}

.card-title {
    position: relative;
    display: flex;
    height: 47px;
    align-items: center;
    border: 1px solid #dbe0ec;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 0 10px;
}

.card-title.pink {
    background: #fff5f9;
}
.card-title.pink > h4.bullet:before {
    background: #ff5c97;
}
.card-title.purple {
    background: #6e42d957;
}
.card-title.purple > h4.bullet:before {
    background: #8934fa;
}
.card-title.amber {
    background: #fff6f3;
}
.card-title.amber > h4.bullet:before {
    background: #ff7045;
}
.card-title.green {
    background: #f9fbf6;
}
.card-title.green > h4.bullet:before {
    background: #8bc34a;
}
.card-title.capri {
    background: #f6feff;
}
.card-title.capri > h4.bullet:before {
    background: #4d79f6;
}
.card-title.blue {
    background: #f1f7ff;
}
.card-title.blue > h4.bullet:before {
    background: #349eb4;
}
.card-title.yellow {
    background: #fffbf4;
}
.card-title.yellow > h4.bullet:before {
    background: #ffab2f;
}
.card-title.AliceBlue {
    background: #F0F8FF;
}
.card-title.AliceBlue > h4.bullet:before {
    background: #6296c5;
}
.card-title.FloralWhite {
    background: #FFFAF0;
}
.card-title.FloralWhite > h4.bullet:before {
    background: #efbd5b;
}
.card-title.LavenderBlush {
    background: #FFF0F5;
}
.card-title.LavenderBlush > h4.bullet:before {
    background: #c95f82;
}
.card-title.OldLace {
    background: #FDF5E6;
}
.card-title.OldLace > h4.bullet:before {
    background: #d3ab61;
}
.card-title.PowderBlue {
    background: #B0E0E670;
}
.card-title.PowderBlue > h4.bullet:before {
    background: #62bdc9;
}
.card-title.Snow {
    background: #FFFAFA;
}
.card-title.Snow > h4.bullet:before {
    background: #e5a0a0;
}
.card-title.GhostWhite {
    background: #F8F8FF;
}
.card-title.GhostWhite > h4.bullet:before {
    background: #a1a1d9;
}
.card-title.Lavender {
    background: #E6E6FA;
}
.card-title.Lavender > h4.bullet:before {
    background: #7d7ded;
}
.card-title.Thistle {
    background: #D8BFD899;
}
.card-title.Thistle > h4.bullet:before {
    background: #a360a3;
}
.card-title.Indigo {
    background: #4b008259 ;
}
.card-title.Indigo > h4.bullet:before {
    background: #9a50b1;
}


.card-title > h4 {
    position: relative;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: -0.4px;
    padding: 0 10px;
}

.card-title > h4.bullet {
    padding-left: 16px;
}

.card-title > h4.bullet:before {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 6px;
}

.card-title.pink > h4.bullet:before {
    background: #ff5c97;
}

.card-title.purple > h4.bullet:before {
    background: #8934fa;
}

.card-title.amber > h4.bullet:before {
    background: #ff7045;
}

.card-title.green > h4.bullet:before {
    background: #8bc34a;
}

.card-title.capri > h4.bullet:before {
    background: #4d79f6;
}

.card-title.blue > h4.bullet:before {
    background: #349eb4;
}

.card-title.yellow > h4.bullet:before {
    background: #ffab2f;
}

.card-title > .btn-add-item {
    margin-left: 4px;
}

.card-content {
    height: 290px;
    border: 1px solid #e5e9f1;
    border-top: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 10px;
}

.card.max .card-content {
    min-height: 500px;
}

.card-title .right {
    position: absolute;
    top: 12px;
    right: 13px;
}

.card > .card-title > .right > .min-max {
    text-indent: -5000rem;
    width: 20px;
    height: 20px;
    background-image: url(../img/component/icon_width_max_grey.svg);
    background-size: 13px 13px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 3px;
    outline: none;
}

.card.max > .card-title > .right > .min-max {
    background-image: url(../img/component/icon_width_min_grey.svg);
}

.card-title > .right > .close {
    text-indent: -5000rem;
    width: 20px;
    height: 20px;
    background-image: url(../img/component/icon_delete_gray.svg);
    background-size: 13px 13px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 3px;
    outline: none;
}

.card-title .standard-date {
    display: inline-flex;
    align-items: center;
    position: absolute;
    right: 70px;
}

.card-title .standard-date label {
    margin-right: 10px;
    font-size: 14px;
}

.card-title.purple .standard-date label {
    color: #0a2e4f;
}

.card-title .standard-date button {
    color: transparent;
    font-size: 0;
    line-height: 0;
}

.card-title .standard-date input {
    height: 38px;
    padding: 0 10px;
    font-size: 15px;
    letter-spacing: -.5px;
    line-height: 100%;
    text-indent: 0 !important;
    border: 1px solid #ffbda7;
    color: #0a2e4f
}

.card-title.purple .standard-date input {
    border: 1px solid #bf91fb;
    color: #0a2e4f
}

.card-title .standard-date .dropdown, .standard-date .dropdown-select {
    border-radius: 0;
}

.card-title .standard-date .btn {
    width: 38px;
    height: 38px;
    background-color: #ffbda7;
}

.card-title.purple .standard-date .btn {
    background-color: #bf91fb;
}

.card-title .standard-date .btn::before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 auto;
    background-color: #0a2e4f;
}

.card-title .standard-date .btn:hover, .standard-date .btn:active {
    background-color: #ff7045;
}

.card-title.purple .standard-date .btn:hover {
    background-color: #8934fa;
}

.standard-date .btn:hover::before, .standard-date .btn:active::before {
    background-color: #fff;
}

.card-title .standard-date .icon-prev {
    border-radius: 3px 0 0 3px;
}

.card-title .standard-date .icon-prev::before {
    -webkit-mask: url(/res/component/icon_arrow03_down.svg) 50%/contain no-repeat;
    mask: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg) 50%/contain no-repeat;
    transform: rotate(90deg);
}

.card-title .standard-date .icon-next {
    border-radius: 0 3px 3px 0;
}

.card-title .standard-date .icon-next::before, .icon-next::after {
    -webkit-mask: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg) 50%/contain no-repeat;
    mask: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg) 50%/contain no-repeat;
    transform: rotate(-90deg);
}

.card-title .standard-date .icon-down {
    width: 100px;
    margin-left: 0 !important;
    border-radius: 0;
    font-family: NotoSansR;
    background: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg) 90% 55%/10px no-repeat;
    transition: border-color .3s;
    cursor: pointer;
}

.card-title .standard-date .icon-down:hover {
    border-color: #ff7045;
}

.card-title .standard-date .dropdown-multi > .dropdown-menu {
    width: 118px;
}

.modal-container.modal-manual {
    display: flex;
    flex-flow: column nowrap;
    max-width: 1200px;
    left: 50%;
    bottom: 20px;
    margin: 0;
    overflow: hidden;
    transform: translateX(-50%);
}

.modal-container.modal-manual .title-area h2 i {
    width: 20px;
    height: 20px;
    background: white;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.manual-area {
    overflow-y: scroll;
}

.manual-area img {
    max-width: 100%;
    height: auto;
    display: block;
}

.side-adsbygoogle {
    display: block;
    position: fixed;
    top: 55%;
    left: 4.5%;
    transform: translateY(-50%);
    max-width: calc(100% - 1630px);
    width: 200px;
    height: 850px;
    margin: 0;
    padding: 0;
    z-index: 5;
}
.footer-adsbygoogle {
    max-width: 1200px;
    width: 1200px;
    height: 400px !important;
    z-index: 5;
}

.modal-region-tips{
    position: relative;
    margin-right: 10px;
}
.modal-region-tips .tips-box{
    z-index: 101;
}
.apt-extnet .sub-tab ul {
    padding: 5px;
    display: flex;
    flex-flow: row wrap;
}
.apt-extnet .sub-tab li {
    position: relative;
    width: calc(12.5% + 1px);
    margin-top: -1px;
    margin-left: -1px;
    border: solid 1px #0b99ac;
    padding: 0 5px;
    line-height: 50px;
    font-family: NotoSansR;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    transition: .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: unset !important;
}
.apt-extnet .sub-tab li:nth-child(8n+1) {
    flex: none;
    border-left: solid 1px #0b99ac;
}
.apt-extnet .sub-tab li.active {
    color: #fff;
    background-color: #23b3c6;
}
@media (max-width:1199px){
    .edu-area .main-left, .edu-area .main-right{width:100% !important;}
}
@media (max-width:768px){
    .edu-area .main-title-area{flex-flow:column wrap;}
	.edu-area .main-update>div{height:auto;}
    .edu-area .main-title-area{margin-bottom:0;}
	.edu-area .main-left .title-tab, .edu-area .main-right .title-tab{margin:1em 0 1.5em 0;}
	.edu-area .main-left .title-tab .btn-more, .edu-area .main-right .title-tab .btn-more{position:absolute;top:0;right:16px;margin-left:0;}
	.edu-area .main-right{position:relative;}
	.edu-area .title-btn{position:absolute;top:25px;right:0;}
}
@media (max-width:599px){
	.edu-area .main-update{flex-flow:row wrap;}
	.edu-area .main-update>div{width:calc(50% - 15px) !important;}
	.edu-area .main-update>div:last-child{display:none;}
}
@media (max-width:500px){
    .edu-area .main-left,.update-area .main-right{margin-top:1em;}
	.edu-area .main-left{margin-bottom:1em;}
	.edu-area .main-left .title-tab .btn-more, .edu-area .main-right .title-tab .btn-more{top:38px;}
}