@charset "utf-8";

/* Noto Sans */
@font-face {
    font-family: NotoSansL;
    font-style: normal;
    font-weight: normal;
    src: url('https://aptgin.com/cdn/res/fonts/NotoSansKR-Light.woff2') format("woff2");
}

@font-face {
    font-family: NotoSansR;
    font-style: normal;
    font-weight: normal;
    src: url('https://aptgin.com/cdn/res/fonts/NotoSansKR-Regular.woff2') format("woff2");
}

@font-face {
    font-family: NotoSansM;
    font-style: normal;
    font-weight: normal;
    src: url('https://aptgin.com/cdn/res/fonts/NotoSansKR-Medium.woff2');
}

/* Gmarket Sans */
@font-face {
    font-family: GmarketSansL;
    font-style: normal;
    font-weight: normal;
    src: url('https://aptgin.com/cdn/res/fonts/GmarketSansLight.woff2') format('woff2');
}

@font-face {
    font-family: GmarketSansM;
    font-style: normal;
    font-weight: normal;
    src: url('https://aptgin.com/cdn/res/fonts/GmarketSansMedium.woff2') format('woff2');
}

@font-face {
    font-family: GmarketSansB;
    font-style: normal;
    font-weight: normal;
    src: url('https://aptgin.com/cdn/res/fonts/GmarketSansBold.woff2') format('woff2');
}

/* base */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div, p, span, b, ul, li, sub, sup, dl, dt, dd, a, td, th, button, input, label, legend, textarea {
    color: #0a2e4f;
    font-family: NotoSansL;
    font-size: 14px;
    letter-spacing: -.5px;
    line-height: 100%;
}

body.no-scroll {
    overflow: hidden;
}

a {
    color: inherit;
    text-decoration: none;
}

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

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

button {
    cursor: pointer;
    border: 0;
    background: none;
}

p {
    word-break: keep-all;
}

strong, b {
    font-family: NotoSansM;
    font-size: inherit;
    font-weight: normal;
}

span, i {
    font-size: inherit;
}

i, em {
    font-style: normal;
}

ins {
    text-decoration: none;
}

legend {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

fieldset, img {
    border: 0;
}

input[type=text], input[type=password], input[type=number] {
    height: 36px;
    padding: 0 10px;
    border: 1px solid #dadce0;
    border-radius: 3px;
    transition: border-color .3s;
}

input[type=text]:focus, input[type=password]:focus {
    border-color: #23b3c6;
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input::-webkit-input-placeholder {
    color: #7e81a6;
    font-family: NotoSansL !important;
}

input::-moz-input-placeholder {
    color: #7e81a6;
    font-family: NotoSansL !important;
}

input::-ms-input-placeholder {
    color: #7e81a6;
    font-family: NotoSansL !important;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: transparent;
}

input:focus::-ms-input-placeholder {
    color: transparent;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-transition: background-color 9999s ease-out;
    box-shadow: 0 0 0px 1000px white inset !important;
}

input[disabled] {
    color: #7e81a6;
    background-color: #edf1f6;
}

textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #dadce0;
    border-radius: 3px;
    transition: border-color .3s;
    outline: none;
}

textarea:hover, textarea:focus {
    border-color: #23b3c6;
}

address {
    font-style: normal;
}

::-webkit-scrollbar {
    width: 5px;
    height: 11px;
    background: #e6e8ec;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: rgba(10, 46, 79, .1);
}

:hover::-webkit-scrollbar-thumb {
    background: rgba(10, 46, 79, .2);
}

::-webkit-scrollbar-track {
    border-radius: 0;
    background: transparent;
}

body::-moz-selection {
    background-color: #004792;
    color: #fff;
}

body::selection {
    background-color: #004792;
    color: #fff;
}

body::-webkit-scrollbar {
    width: 10px;
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-clip: padding-box;
    background-color: rgba(10, 46, 79, 1);
}

body:hover::-webkit-scrollbar-thumb {
    background: rgba(10, 46, 79, .8);
}

body::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 10px;
}

table {
    border-collapse: collapse !important;
    border-spacing: 0;
    width: 100%;
    table-layout: fixed;
}

th, td {
    padding: 5px 10px;
    border: solid 1px #dfe6ef;
    border-top: 0;
    text-align: center;
    line-height: 20px;
    word-break: keep-all;
}

th:first-child, td:first-child {
    border-left: 0;
}

th:last-child, td:last-child {
    border-right: 0;
}

/* layout */
html, body {
    width: 100%;
    height: 100%;
    min-height: 480px;
}

body.no-scroll {
    overflow: hidden;
}

header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 130px;
    padding-top: 50px;
    background-color: #fff;
    z-index: 50;
}

.wrapper {
    width: 100%;
    overflow-x: hidden;
}

.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    min-width: 1200px;
    margin: 0 auto;
}

.lnb {
    display: flex;
    justify-content: center;
    width: 67%;
    margin: 0 auto;
}

.lnb ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    flex: 1;
}

.lnb li {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    height: 80px;
}

.lnb li a {
    display: flex;
    position: relative;
    padding: 10px;
    z-index: 1;
    cursor: pointer;
}

.lnb li a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 0;
    height: 10px;
    border-radius: 5px;
    background-color: #edf1f6;
    opacity: 0;
    transition: .3s ease;
}

.lnb li a span {
    display: inline-block;
    font-family: NotoSansR;
    font-size: 20px;
    text-align: center;
    transition: .3s;
    z-index: 1;
}

.lnb li a:hover span, .lnb li a:active span {
    color: #0b99ac;
}

.lnb li a:hover::before, .lnb li a:active::before, .lnb li.acitve::before {
    right: 0;
    width: 100%;
    opacity: 1;
}

.lnb li a.active::before {
    right: 0;
    width: 100%;
    background-color: #daf0f1;
    opacity: 1;
}

.lnb li a.active span {
    font-family: "NotoSansM";
}

.lnb > ul > li:hover > a > span, .lnb > ul > li:active > a > span {
    font-family: "NotoSansM";
    color: #0b99ac;
}

.lnb-sub {
    display: flex;
    align-items: flex-start;
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    overflow: hidden;
    height: 0;
    border-top: solid 1px #dfe6ef;
    box-shadow: 0 3px 0 rgba(35, 179, 198, .2);
    background-color: #fff;
    opacity: 0;
    transition: .3s ease;
    z-index: 101;
}

.lnb-sub.open {
    height: 170px;
    opacity: 1;
}

.lnb-sub ul {
    position: relative;
    align-items: center;
    justify-content: flex-start;
    margin: 0 20%;
    padding-left: 450px;
    padding-top: 24px;
}

.lnb-sub ul::before {
    content: "";
    position: absolute;
    top: 24px;
    left: 0;
    width: 300px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: 50% 0;
}

.lnb-sub ul::after {
    position: absolute;
    top: 48px;
    left: 280px;
    font-family: GmarketSansM;
    font-size: 24px;
}

.lnb-sub li {
    flex: none;
    float: left;
    width: 20%;
    height: auto;
}

.lnb-sub li a {
    float: left;
    justify-content: flex-start;
    padding: 12px 10px;
}

.lnb-sub li a span {
    color: #7e81a6;
    font-family: NotoSansR;
    font-size: 16px;
    word-break: keep-all;
}

.lnb-sub li a:hover span, .lnb-sub li a:active span {
    color: #0a2e4f;
}

.lnb-sub li a::before, .lnb-sub li a.active::before {
    background-color: #ffd7d1;
}

.visual1::before {
    top: -35px;
    background-image: url(https://aptgin.com/cdn/res/home/menu_visual_cha1.png);
    background-size: 80%;
}

.visual2::before {
    top: -38px;
    background-image: url(https://aptgin.com/cdn/res/home/menu_visual_cha2.png);
    background-size: 80%;
}

.visual3::before {
    top: -10px;
    background-image: url(https://aptgin.com/cdn/res/home/menu_visual_cha3.png);
    background-size: 60%;
}
.visual4::before {
    top: -10px;
    background-image: url(https://aptgin.com/cdn/res/home/menu_visual_cha4.png);
    background-size: 60%;
}
.visual5::before {
    top: -10px;
    background-image: url(https://aptgin.com/cdn/res/home/menu_visual_cha5.png);
    background-size: 60%;
}
.visual6::before {
    top: -10px;
    background-image: url(https://aptgin.com/cdn/res/home/menu_visual_cha6.png);
    background-size: 60%;
}
.visual7::before {
    top: -10px;
    background-image: url(https://aptgin.com/cdn/res/home/menu_visual_cha7.png);
    background-size: 60%;
}
.visual8::before {
    top: -10px;
    background-image: url(https://aptgin.com/cdn/res/home/menu_visual_cha1.png);
    background-size: 60%;
}
:is(.visual1, .visual2, .visual3, .visual4, .visual5, .visual6, .visual7, .visual8)::after {
    content: var(--title-content);
}
.logo {
    z-index: 50;
}
.logo a {
    display: block;
    width: 170px;
    height: 80px;
    text-indent: -9999px;
    background: url(/res_root/img/common/logo_gin-286222e8fa2a02d21b492ea93d9d4909.svg) 50%/70% no-repeat;
}
.icon-naver-small {
    width: 14px;
    height: 14px;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_naver_green.svg) 50% 50%/contain no-repeat;
}
.icon-news-share::before{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -3px;
    background: #0000009c !important;
}
.icon-news-share::before{mask:url(https://aptgin.com/cdn/res/icon/common/svg/icon_share.svg) 50%/14px no-repeat;-webkit-mask:url(https://aptgin.com/cdn/res/icon/common/svg/icon_share.svg) 50%/14px no-repeat;}
.icon-king::before{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: -3px;
    background: #efef14 !important;
    margin-bottom: 6px;
}
.icon-king::before{mask:url(https://aptgin.com/cdn/res/icon/common/svg/icon_king.svg) 50%/14px no-repeat;-webkit-mask:url(https://aptgin.com/cdn/res/icon/common/svg/icon_king.svg) 50%/14px no-repeat;}
.icon-news-delete{
    background:url(https://aptgin.com/cdn/res/icon/common/svg/icon_delete2.svg) no-repeat;
    background-color: #f9c8c8;
    display: inline-block;
    content: '';
    width: 16px;
    height: 16px;
    background-size: 8px;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 10px;
    outline: none;
    transition-duration: 300ms;
    text-indent: -5000rem;
    margin-bottom: 4px;
}
.gnb {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 5%;
    background-color: #edf1f6;
}

.gnb > div {
    display: flex;
    flex-flow: row wrap;
}

.gnb .service > * {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    height: 50px;
    font-size: 0;
    line-height: 0;
}

.gnb .service > *::before {
    content: "";
    display: block;
}

.gnb .service .logo-ezip::before {
    height: 28px;
}

.gnb .service span {
    background-color: #fff;
}

.gnb .service span::before {
    width: 28px;
    height: 28px;
}

.gnb .service > a {
    border-right: solid 1px #fff;
}

.gnb .service > a::before {
    width: 100px;
    height: 18px;
    background-color: #7e81a6;
    transition: background-color .3s ease-in-out;
}

.gnb .service > a.icon-dev {
    color: #7e81a6;
    font-family: NotoSansM;
    font-size: 12px;
    line-height: 100%;
}

.gnb .service > a.icon-dev::before, .gnb .service > a.icon-paso::before {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.gnb .service > a.icon-paso {
    color: #7e81a6;
    font-family: NotoSansM;
    font-size: 14px;
    line-height: 100%;
}

.gnb .members {
    position: relative;
}

.gnb .members a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 10px;
    font-family: NotoSansR;
    font-size: 16px;
    transition: .3s;
}

.gnb .members a::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background-color: #0b2e4f;
    transition: .3s;
}

.gnb .members a + a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: #cad3de;
    transform: translateY(-50%);
}

.gnb .members a:hover, .gnb .members a:active {
    color: #0b99ac;
}

.gnb .members a:hover::before, .gnb .members a:active::before {
    background-color: #0b99ac;
}

.gnb .members .icon-access::before {
    width: 18px;
    height: 18px;
    margin-top: 1px;
}

.top-icons {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.top-icons > button {
    position: relative;
    height: 60px;
    font-family: NotoSansM;
    font-size: 13px;
    transition: .3s;
}

.top-icons > button + button {
    margin-left: 50px;
}

.top-icons > button:hover, .top-icons > button:active {
    color: #0b99ac;
}

.top-icons > button::before, .top-icons > button::after {
    content: "";
    display: block;
    margin: 0 auto;
}

.top-icons .icon-alarm::before, .top-icons .icon-user::before {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    background-color: #0a2e4f;
    transition: .3s;
}

.icon-alarm:hover::before, .icon-alarm:active::before, .icon-user:hover::before, .icon-user:active::before {
    background-color: #0b99ac;
}

.icon-alarm.active::before {
    -moz-animation: horizontally infinite ease 2s;
    -webkit-animation: horizontally infinite ease 2s;
    -o-animation: horizontally infinite ease 2s;
    -ms-animation: horizontally infinite ease 2s;
    animation: horizontally infinite ease 2s;
}

.icon-alarm small {
    display: none;
    overflow: hidden;
    border-radius: 10px;
}

.icon-alarm.active small {
    display: block;
    position: absolute;
    top: 2px;
    left: 25px;
    width: 6px;
    height: 6px;
    color: transparent;
    font-size: 0;
    line-height: 0;
    white-space: pre;
    text-overflow: ellipsis;
    background-color: #ff4400;
    transition: .3s;
}

.icon-alarm.active:hover small, .icon-alarm.active:active small {
    top: -5px;
    width: auto;
    min-width: 20px;
    max-width: 45px;
    height: 20px;
    padding: 0 5px;
    color: #fff;
    font-family: GmarketSansB;
    font-size: 10px;
    line-height: 22px;
}

.icon-all-menu {
    width: 30px;
    padding-top: 35px;
}

.icon-all-menu .toggle-bar {
    width: 25px;
    transform: translateY(-50%);
    transition: width cubic-bezier(.77, 0, .175, 1) .4s;
}

.icon-all-menu::before, .icon-all-menu::after, .icon-all-menu .toggle-bar {
    height: 2px;
    position: absolute;
    top: 23px;
    right: 0;
    background-color: #0a2e4f;
}

.icon-all-menu:hover .toggle-bar, .icon-all-menu:active .toggle-bar {
    width: 30px;
    background-color: #0b99ac;
}

.icon-all-menu::before {
    width: 30px;
    transform: translateY(-11px);
    transition: width cubic-bezier(.77, 0, .175, 1) .2s;
}

.icon-all-menu::after {
    width: 30px;
    transform: translateY(10px);
    transition: width cubic-bezier(.77, 0, .175, 1) .6s;
}

.icon-all-menu:hover::before, .icon-all-menu:hover::after, .icon-all-menu:active::before, .icon-all-menu:active::after {
    width: 22px;
    background-color: #0b99ac;
}

.alarm-area {
    display: block;
    position: fixed;
    top: 130px;
    right: -120%;
    bottom: 0;
    width: 380px;
    border-top: solid 1px #dfe6ef;
    overflow-y: auto;
    box-shadow: -3px 3px 3px rgba(10, 46, 79, .1);
    background-color: #f6f8fa;
    transition: .3s ease;
    z-index: 100;
}

.alarm-area.open {
    right: 0;
}

.alarm-area .title-box {
    height: 70px;
    padding: 20px 20px 0 20px;
    background-color: #fff;
}

.alarm-area .title-box::after {
    display: none;
}

.alarm-area .title-box h2 {
    background: url(/res_root/img/common/icon_alarm_on-fefbd32a98a151b1b65faaf0e41a0bd8.svg) 0 5px/auto 24px no-repeat;
}

.alarm-area .title-box .icon-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
}

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

.alarm-area .title-box .icon-close::before {
    width: 20px;
    height: 2px;
}

.alarm-area .title-box .icon-close::after {
    width: 2px;
    height: 20px;
}

.alarm-area .dropdown {
    border: 0;
}

.alarm-area .dropdown.active {
    border-width: 1px;
    border-style: solid;
}

.alarm-area .dropdown > .dropdown-select {
    padding-left: 10px;
    padding-right: 30px;
}

.alarm-area .dropdown > .dropdown-select > span {
    font-size: 16px;
}

.alarm-area .option-box {
    height: auto;
    padding: 5px 10px 5px 10px;
    background-color: #fff;
}

.alarm-area .option-box .dropdown {
    width: auto;
    min-width: 90px;
}

.alarm-area .option-box.search-box {
    padding-right: 12px;
    padding-left: 10px;
}

.alarm-area .option-box.search-box input {
    width: calc(100% - 70px);
}

.alarm-area .option-box.search-box button {
    height: 38px;
    padding: 0 20px;
    border-radius: 3px;
    color: #fff;
    font-family: NotoSansR;
    background-color: #0a2e4f;
    transition: .3s ease-in-out;
}

.alarm-area .option-box:after {
    left: 0;
    width: 100%;
}

.alarm-area .btn-more {
    position: static;
    width: calc(100% - 30px);
    height: 40px;
    margin: 15px;
    border: solid 1px #0a2e4f;
    color: #0a2e4f;
    font-size: 14px;
    line-height: 100%;
}

.alarm-area .btn-more::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    vertical-align: -2px;
    background-color: #0a2e4f;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/12px 7px no-repeat;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/12px 7px no-repeat;
}

.alarm-area .btn-more:hover, .alarm-area .btn-more:active {
    color: #fff;
}

.alarm-area .btn-more:hover::after, .alarm-area .btn-more:active::after {
    background-color: #fff;
}

.option-btns button {
    position: relative;
    float: left;
    padding: 3px 8px;
    border-radius: 15px;
    transition: .2s ease-in-out;
}

.option-btns button:last-child {
    padding-right: 0;
}

.option-btns button::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    transition: .3s;
}

.option-btns button + button::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 10px;
    background-color: #afb7cb;
    transform: translateY(-50%);
}

.option-btns button:hover {
    color: #0b99ac;
}

.option-btns button.open {
    color: #0b99ac;
}

.option-btns button + button::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #dfe6ef;
}

.option-btns button:not(.icon-check)::before {
    width: 14px;
    height: 14px;
    margin-right: 3px;
    background-color: #0a2e4f;
}

.option-btns button:not(.icon-check):hover::before, .option-btns button:not(.icon-check):active::before {
    background-color: #0b99ac;
}

.option-btns .icon-check:hover::before, .option-btns .icon-check:active::before {
    border-color: #0b99ac;
}

.alarm-box {
    position: relative;
    padding: 20px 20px 20px 90px;
    border-bottom: solid 1px #dfe6ef;
    background-color: #fff;
    cursor: pointer;
    transition: .3s ease-in-out;
}

.alarm-box::before, .alarm-box::after {
    content: "";
    display: block;
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.alarm-box::before {
    width: 4px;
    top: 0;
    left: 0;
    bottom: 0;
    transition: opacity 1s;
}

.alarm-box::after {
    top: -1px;
    left: 0;
    right: 0;
    bottom: -1px;
    border-width: 1px;
    border-style: solid;
    transition: opacity .3s;
}

.alarm-box:hover::before, .alarm-box:active::before, .alarm-box:hover::after, .alarm-box:active::after {
    opacity: 1;
    visibility: visible;
}

.alarm-box > span {
    position: absolute;
    left: 90px;
    bottom: 20px;
    color: #7e81a6;
    font-size: 12px;
}

.alarm-box ins {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 50px;
    font-family: GmarketSansM;
    font-size: 12px;
    text-align: center;
    line-height: 130%;
    word-break: keep-all;
}

.alarm-box ins::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto 7px auto;
}

.alarm-box strong, .alarm-box > p > b:first-child {
    display: inline-block;
    position: relative;
    max-width: 270px;
    margin-bottom: 5px;
    padding-right: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    line-height: 20px;
}

.alarm-box strong::after, .alarm-box > p > b:first-child::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    right: 0;
    width: 16px;
    height: 16px;
    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;
}

.alarm-box p {
    font-family: NotoSansR;
    font-size: 16px;
    line-height: 130%;
    white-space: pre-wrap;
}

.alarm-box p b {
    margin-right: 5px;
    color: #7e81a6;
    font-size: 14px;
}

.alarm-box p span {
    letter-spacing: 0;
    font-family: NotoSansM;
}

.alarm-box p .cancel {
    position: relative;
}

.alarm-box p .cancel::before {
    top: 50%;
    transform: translateY(-50%);
}

.alarm-option {
    margin-top: 10px;
    padding-left: 50px;
}

.alarm-option > * {
    color: #7e81a6;
}

.alarm-option > *::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    transition: .3s;
}

.alarm-option span {
    color: #7e81a6;
    font-size: 12px;
}

.alarm-option button {
    float: right;
    font-size: 12px;
}

.alarm-option .date {
    margin-right: 10px;
}

.alarm-option .icon-delete {
    position: absolute;
    bottom: 15px;
    right: 15px;
    padding: 5px;
    transition: .3s;
    z-index: 1;
}

.alarm-option .icon-check::before {
    border-color: #b0bdcc;
    width: 4px;
    height: 7px;
    vertical-align: 2px;
}

.alarm-option .icon-delete::before {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    background-color: #7e81a6;
}

.alarm-option .icon-delete:hover, .alarm-option .icon-delete:active {
    color: #0a2e4f;
}

.alarm-option .icon-delete:hover::before, .alarm-option .icon-delete:active::before {
    background-color: #0a2e4f;
}

.alarm-box.rtms::before {
    background-color: #f479ad;
}

.alarm-box.rtms:hover::before, .alarm-box.rtms:active::before {
    background-color: #f479ad;
}

.alarm-box.rtms:hover::after, .alarm-box.rtms:active::after {
    border-color: #f479ad;
}

.alarm-box.rtms strong::after, .alarm-box.rtms > p > b:first-child::after {
    background-color: #f479ad;
}

.alarm-box.rtms ins, .alarm-box.rtms strong, .alarm-box.rtms > p > b:first-child {
    color: #f479ad;
}

.alarm-box.rtms ins::before {
    background-color: #f479ad;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_apt_rtms.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_apt_rtms.svg) 50%/contain no-repeat;
}
.alarm-box.sale::before {
    background-color: #81a1ed;
}

.alarm-box.sale:hover::before, .alarm-box.sale:active::before {
    background-color: #81a1ed;
}

.alarm-box.sale:hover::after, .alarm-box.sale:active::after {
    border-color: #81a1ed;
}
.alarm-box.sale::after {
    left: 4px !important;
}
.alarm-box.sale strong::after, .alarm-box.sale > p > b:first-child::after {
    background-color: #81a1ed;
}

.alarm-box.sale ins, .alarm-box.sale strong, .alarm-box.sale > p > b:first-child {
    color: #81a1ed;
}

.alarm-box.sale ins::before {
    background-color: #81a1ed;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_apt_rtms.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_apt_rtms.svg) 50%/contain no-repeat;
}
.alarm-box.youtube::before {
    background-color: #c00;
}

.alarm-box.youtube:hover::before, .alarm-box.youtube:active::before {
    background-color: #c00;
}

.alarm-box.youtube:hover::after, .alarm-box.youtube:active::after {
    border-color: #c00;
}

.alarm-box.youtube strong::after, .alarm-box.youtube > p > b:first-child::after {
    background-color: #c00;
}

.alarm-box.youtube ins, .alarm-box.youtube strong, .alarm-box.youtube > p > b:first-child {
    color: #c00;
}

.alarm-box.youtube ins::before {
    height: 25px;
    background-color: #c00;
    mask: url(/res_root/img/common/icon_youtube_symbol-623f51f9099802d36a5aa85a9562650a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_youtube_symbol-623f51f9099802d36a5aa85a9562650a.svg) 50%/contain no-repeat;
}

.alarm-box.youtube > p {
    font-size: 13px;
}

.alarm-box.notice::before {
    background-color: #fd8c2c;
}

.alarm-box.notice:hover::before, .alarm-box.notice:active::before {
    background-color: #fd8c2c;
}

.alarm-box.notice:hover::after, .alarm-box.notice:active::after {
    border-color: #fd8c2c;
}

.alarm-box.notice strong::after, .alarm-box.notice > p > b:first-child::after {
    background-color: #fd8c2c;
}

.alarm-box.notice ins, .alarm-box.notice strong, .alarm-box.notice > p > b:first-child {
    color: #fd8c2c;
}

.alarm-box.notice ins::before {
    background-color: #fd8c2c;
    mask: url(/res_root/img/common/icon_notice-328e2cb643c53ab4f41bf78c571111d0.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_notice-328e2cb643c53ab4f41bf78c571111d0.svg) 50%/contain no-repeat;
}

.alarm-box.apt::before {
    background-color: #5896d9;
}

.alarm-box.apt:hover::before, .alarm-box.apt:active::before {
    background-color: #5896d9;
}

.alarm-box.apt:hover::after, .alarm-box.apt:active::after {
    border-color: #5896d9;
}

.alarm-box.apt strong::after, .alarm-box.apt > p > b:first-child::after {
    background-color: #5896d9;
}

.alarm-box.apt ins, .alarm-box.apt strong, .alarm-box.apt > p > b:first-child {
    color: #5896d9;
}

.alarm-box.apt ins::before {
    background-color: #5896d9;
    mask: url(/res_root/img/common/icon_apt-accc49d5bf46129a8849b4e005aa03db.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_apt-accc49d5bf46129a8849b4e005aa03db.svg) 50%/contain no-repeat;
}

.alarm-box.region::before {
    background-color: #9086dc;
}

.alarm-box.region:hover::before, .alarm-box.region:active::before {
    background-color: #9086dc;
}

.alarm-box.region:hover::after, .alarm-box.region:active::after {
    border-color: #9086dc;
}

.alarm-box.region strong::after, .alarm-box.region > p > b:first-child::after {
    background-color: #9086dc;
}

.alarm-box.region ins, .alarm-box.region strong, .alarm-box.region > p > b:first-child {
    color: #9086dc;
}

.alarm-box.region ins::before {
    background-color: #9086dc;
    mask: url(/res_root/img/common/icon_region_rtms-0ac5edb3408ebf5b169071cdecfa1446.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_region_rtms-0ac5edb3408ebf5b169071cdecfa1446.svg) 50%/contain no-repeat;
}

.alarm-box.volume::before {
    background-color: #ecb751;
}

.alarm-box.volume:hover::before, .alarm-box.volume:active::before {
    background-color: #ecb751;
}

.alarm-box.volume:hover::after, .alarm-box.volumen:active::after {
    border-color: #ecb751;
}

.alarm-box.volume strong::after, .alarm-box.volume > p > b:first-child::after {
    background-color: #ecb751;
}

.alarm-box.volume ins, .alarm-box.volume strong, .alarm-box.volume > p > b:first-child {
    color: #ecb751;
}

.alarm-box.volume ins::before {
    background-color: #ecb751;
    mask: url(/res_root/img/common/icon_region-e34818e379f03231f3cc6e04bde6f18d.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_region-e34818e379f03231f3cc6e04bde6f18d.svg) 50%/contain no-repeat;
}

.alarm-box.edu::before {
    background-color: #78c131;
}

.alarm-box.edu:hover::before, .alarm-box.edu:active::before {
    background-color: #78c131;
}

.alarm-box.edu:hover::after, .alarm-box.edu:active::after {
    border-color: #78c131;
}

.alarm-box.edu strong::after, .alarm-box.edu > p > b:first-child::after {
    background-color: #78c131;
}

.alarm-box.edu ins, .alarm-box.edu strong, .alarm-box.edu > p > b:first-child {
    color: #78c131;
}

.alarm-box.edu ins::before {
    background-color: #78c131;
    mask: url(/res_root/img/common/icon_book-5e2f66859dd8bfd20b4a7b9c8302329a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_book-5e2f66859dd8bfd20b4a7b9c8302329a.svg) 50%/contain no-repeat;
}

.alarm-box.reply::before {
    background-color: #0b99ac;
}

.alarm-box.reply:hover::before, .alarm-box.reply:active::before {
    background-color: #0b99ac;
}

.alarm-box.reply:hover::after, .alarm-box.reply:active::after {
    border-color: #0b99ac;
}

.alarm-box.reply strong::after, .alarm-box.reply > p > b:first-child::after {
    background-color: #0b99ac;
}

.alarm-box.reply ins, .alarm-box.reply strong, .alarm-box.reply > p > b:first-child {
    color: #0b99ac;
}

.alarm-box.reply ins::before {
    background-color: #0b99ac;
    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;
}

.alarm-box.pay::before {
    background-color: #ff2972;
}

.alarm-box.pay:hover::before, .alarm-box.pay:active::before {
    background-color: #ff2972;
}

.alarm-box.pay:hover::after, .alarm-box.pay:active::after {
    border-color: #ff2972;
}

.alarm-box.pay strong::after, .alarm-box.pay > p > b:first-child::after {
    background-color: #ff2972;
}

.alarm-box.pay ins, .alarm-box.pay strong, .alarm-box.pay > p > b:first-child {
    color: #ff2972;
}

.alarm-box.pay ins::before {
    background-color: #ff2972;
    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;
}

.alarm-box.disabled::before, .alarm-box.disabled::after {
    display: none;
}

.alarm-box.disabled {
    background-color: #f6f8fa !important;
}

.alarm-box.disabled:hover, .alarm-box.disabled:active {
    background-color: #f6f8fa !important;
}

.alarm-box.disabled * {
    color: #b0bdcc !important;
}

.alarm-box.disabled strong::after, .alarm-box.disabled .icon-delete::before, .alarm-box.disabled ins::before, .alarm-box.disabled > p > b:first-child::after {
    background-color: #b0bdcc !important;
}

.alarm-box.disabled .icon-delete:hover {
    color: #0a2e4f !important;
}

.alarm-box.disabled .icon-delete:hover::before {
    background-color: #0a2e4f !important;
}

.alarm-box.disabled p .cancel::before {
    background-color: #b0bdcc !important;
}

.alarm-box-container {
    max-height: calc(100% - 110px);
    overflow-y: scroll;
}

.alarm-box-container::-webkit-scrollbar {
    display: none;
}

.alarm-box-list > div > fieldset {
    top: 50px;
}

.alarm-box-list > div fieldset::before {
    top: -16px;
    left: 9px;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #dfe6ef;
}

.alarm-box-list > div fieldset::after {
    top: -14px;
    left: 9px;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
}

.alarm-box-list > div > fieldset > ul {
    width: 110px;
}

.alarm-box.disabled fieldset > ul > li{
    color: black !important;
}

.alarm-box-list > div > fieldset > ul > li:not(:last-child) {
    margin-bottom: 5px;
}

.alarm-box-list > div > fieldset > ul > li.region-pin::before {
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_solid.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_solid.svg) 50%/contain no-repeat;
    margin-bottom: 3px;
}

.alarm-nodata {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.alarm-nodata::before {
    content: "";
    display: block;
    width: 100px;
    height: 100px;
    margin: 20px auto;
    border-radius: 100%;
    background-color: #e7ecf6;
}

.alarm-nodata::after {
    content: "";
    display: block;
    position: absolute;
    top: 35px;
    left: 50%;
    width: 70px;
    height: 70px;
    background-color: #bbc6d8;
    transform: translateX(-50%);
    mask: url(/res_root/img/common/icon_no_alarm-f515a1ce0ecd8527578ecc2ef2b29cf1.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_no_alarm-f515a1ce0ecd8527578ecc2ef2b29cf1.svg) 50%/contain no-repeat;
}

.alarm-nodata .title {
    margin-bottom: 15px;
    font-family: NotoSansR;
    font-size: 18px;
}

.alarm-nodata p {
    color: #7e81a6;
    font-size: 13px;
}

.menu {
    display: flex;
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0;
    overflow: hidden;
    width: 0;
    background: rgba(35, 179, 198, .95);
    opacity: 0;
    transition: .5s ease-in-out;
    z-index: 120;
}

.menu.open {
    left: 0;
    right: 0;
    width: 100%;
    overflow-y: auto;
    opacity: 1;
}

.menu > ul {
    display: flex;
    flex-flow: row nowrap;
    flex: 1;
}

.menu > ul > li {
    position: relative;
    flex: 1;
    overflow: hidden;
    padding: 130px 2% 0 2%;
}

.menu > ul > li + li {
    border-left: solid 1px rgba(255, 255, 255, .3);
}

.menu > ul > li > a span {
    color: #fff;
    font-family: GmarketSansM;
    font-size: 20px;
}

.menu > ul > li > a {
    display: inline-block;
    position: relative;
    padding: 10px;
    z-index: 1;
}

.menu > ul > li > a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 0;
    height: 10px;
    border-radius: 7.5px;
    background-color: rgba(10, 46, 79, .5);
    opacity: 0;
    transition: .3s ease;
    z-index: -1;
}

.menu > ul > li:hover > a::before, .menu > ul > li:active > a::before {
    right: 0;
    width: 100%;
    opacity: 1;
}

.menu > ul > li:hover > a span, .menu > ul > li:active > a span {
    color: #fff;
    font-family: GmarketSansB;
    font-weight: normal;
}

.menu > ul > li:hover::before, .menu > ul > li:active::before {
    left: 0;
    opacity: 1;
}

.menu li ul {
    padding-top: 10%;
}

.menu li li {
    border-bottom: solid 1px rgba(10, 46, 79, .1);
}

.menu li li a {
    display: block;
    position: relative;
    padding: 20px;
    color: rgba(255, 255, 255, .7);
    font-family: NotoSansR;
    font-size: 18px;
}

.menu li li a::before, .menu li li a::after {
    content: "";
    display: block;
    position: absolute;
    transition: .3s ease;
}

.menu li li a::before {
    bottom: -1px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #fff;
}

.menu li li a:hover, .menu li li a:active {
    color: #fff;
}

.menu li li a:hover::before, .menu li li a:active::before {
    width: 100%;
}

.menu .arrow::after {
    top: 50%;
    right: -20px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    transform: translateY(-50%) rotate(-90deg);
    opacity: 0;
    -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;
}

.menu .arrow:hover::after, .menu .arrow:active::after {
    right: 10px;
    opacity: 1;
}

.menu > ul > li[class^=menu-]::before, .menu > ul > li::after {
    content: "";
    display: block;
    position: absolute;
}

.menu > ul > li[class^=menu-]::before {
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 50%;
    background-repeat: no-repeat;
    background-position: 50% bottom;
    background-size: cover;
    opacity: 0;
    transition: .3s ease;
}

.menu > ul > li[class^=menu-]:hover::before, .menu > ul > li[class^=menu-]:active::before {
    left: 0;
    opacity: 1;
}

.menu > ul > .arrow::after {
    top: 153px;
    right: -100%;
    transition: .3s ease;
}

.menu > ul > .arrow:hover::after, .menu > ul > .arrow:active::after {
    right: 7%;
}

.menu-visual1::before {
    background-image: url(https://aptgin.com/cdn/res/img/main/main_visual_cha1.png);
}

.menu-visual2::before {
    background-image: url(https://aptgin.com/cdn/res/img/main/main_visual_cha3.png);
}

.menu-visual3::before {
    background-image: url(https://aptgin.com/cdn/res/img/main/main_visual_cha6.png);
}

.menu .icon-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
}

@-moz-keyframes horizontally {
    0% {
        -moz-transform: translate(-3px, 0)
    }
    4% {
        -moz-transform: translate(3px, 0)
    }
    8% {
        -moz-transform: translate(-3px, 0)
    }
    12% {
        -moz-transform: translate(1px, 0)
    }
    16% {
        -moz-transform: translate(-3px, 0)
    }
    20% {
        -moz-transform: translate(3px, 0)
    }
    22% {
        -moz-transform: translate(0, 0)
    }
}

@-webkit-keyframes horizontally {
    0% {
        -webkit-transform: translate(-3px, 0)
    }
    4% {
        -webkit-transform: translate(3px, 0)
    }
    8% {
        -webkit-transform: translate(-3px, 0)
    }
    12% {
        -webkit-transform: translate(3px, 0)
    }
    16% {
        -webkit-transform: translate(-3px, 0)
    }
    20% {
        -webkit-transform: translate(1px, 0)
    }
    22% {
        -webkit-transform: translate(0, 0)
    }
}

@-ms-keyframes horizontally {
    0% {
        -ms-transform: translate(-3px, 0)
    }
    4% {
        -ms-transform: translate(3px, 0)
    }
    8% {
        -ms-transform: translate(-3px, 0)
    }
    12% {
        -ms-transform: translate(3px, 0)
    }
    16% {
        -ms-transform: translate(-3px, 0)
    }
    20% {
        -ms-transform: translate(3px, 0)
    }
    22% {
        -ms-transform: translate(0, 0)
    }
}

@keyframes horizontally {
    0% {
        transform: translate(-3px, 0)
    }
    4% {
        transform: translate(3px, 0)
    }
    8% {
        transform: translate(-3px, 0)
    }
    12% {
        transform: translate(3px, 0)
    }
    16% {
        transform: translate(-3px, 0)
    }
    20% {
        transform: translate(3px, 0)
    }
    22% {
        transform: translate(0, 0)
    }
}

/* common */
h2, h3, h4, h5 {
    padding-top: 3px;
    font-family: GmarketSansM;
    font-weight: normal;
}

h2 {
    padding-left: 30px;
    font-size: 24px;
    line-height: 30px;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_bullet1.svg) 0 3px/auto 24px no-repeat;
}

h3 {
    padding-left: 27px;
    font-size: 20px;
    line-height: 24px;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_bullet4.svg) 0 2px/auto 22px no-repeat;
}

h4 {
    padding-left: 24px;
    font-size: 18px;
    line-height: 24px;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_bullet3.svg) 0 50%/auto 18px no-repeat;
}

h5 {
    font-size: 16px;
    line-height: 24px;
}

h2 > *, h3 > *, h4 > *, h5 > * {
    font-family: inherit;
}

#skip-navi {
    position: relative;
}

#skip-navi a {
    display: block;
    position: absolute;
    top: 0;
    left: -9999px;
    right: auto;
    width: 100%;
    height: 40px;
    color: #fff;
    font-family: NotoSansR;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    background-color: #0a2e4f;
    transition: background-color .3s;
    z-index: 100;
}

#skip-navi a:focus, #skip-navi a:hover, #skip-navi a:active {
    left: 0;
    right: 0;
}

#skip-navi a:hover {
    background-color: #23b3c6;
}

#page-navi, .right-banner {
    position: fixed;
    top: 50%;
    left: calc(50% + 615px);
    margin: 0;
    padding: 0;
    z-index: 5;
}

#page-navi li {
    position: relative;
    display: block;
    margin-top: -1px;
}

#page-navi a {
    display: block;
    width: 150px;
    height: 42px;
    padding: 0 10px;
    border: 1px solid #afbac7;
    color: #798490;
    text-align: left;
    line-height: 40px;
    text-transform: uppercase;
    background: #fff;
    transition: .2s ease;
}

#page-navi a::before {
    content: "";
    display: none;
    position: absolute;
    top: 10px;
    left: -20px;
    float: left;
    width: 0;
    height: 0;
    background-color: transparent;
    border-style: solid;
    border-width: 10px;
    border-color: transparent #8692b4 transparent transparent;
}

#page-navi a:hover, #page-navi a:active {
    color: #fff;
    background-color: #aeb8d4;
}

#page-navi .current a {
    color: #fff;
    border: 1px solid #8692b4;
    background-color: #8692b4;
}

#page-navi .current a:hover, #page-navi .curren a:active {
    color: #fff;
    border: 1px solid #8692b4;
    background-color: #8692b4;
}

#page-navi .current a::before {
    display: block;
}

.report-navi{
    left:1790px !important;
    top: 25% !important;
}

.container {
    padding: 40px 0;
}

.container > .row {
    margin: 0 auto;
}

.container > article:not(.title-area) + article {
    margin-top: 40px;
}

.inner, .nav-container, .root-community .wide {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

.inner > div:not(.sub-title):not(.modal) + div {
    margin-top: 20px;
}
.wide {
    width: 100%;
}
.row {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.layout1440{width: 1440px !important;margin-left: 170px;}

.layout1440-noAd{width: 1440px !important; margin-left: auto; margin-right: auto; left: 35.5px;
}

.title-area {
    margin-bottom: 20px;
}

.title-area .inner {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    min-height: 30px;
}

.title-area .inner > * {
    margin-right: 15px;
}

.title-area .tips {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    margin-right: 0;
}

.sub-title, .bbs-top {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 15px;
}

.sub-title > div, .sub-title ul, .root-community .bbs-top > * {
    display: inline-flex;
    align-items: center;
}

.sub-title > div > * + *:not(.icon-prev):not(.dropdown):not(.icon-next) {
    margin-left: 10px;
}

.sub-title > ul > li:not(.sticker li) + li {
    margin-left: 15px;
}

.sub-title .tips + .switch-radio {
    margin-left: 15px;
}

.sub-title .btn {
    height: 30px;
}

.sub-title .icon-tips::after {
    vertical-align: 2px;
}

.sub-title .icon-reset {
    position: relative;
    padding-left: 30px;
}

.sub-title .icon-reset::before {
    left: 15px;
}

.sticker.sum {
    position: relative;
    width: 100%;
    padding-top: 30px;
}

.sticker ul {
    display: flex;
    flex-flow: row wrap;
    height: auto;
    margin-top: 0;
}

.sticker li {
    border-radius: 12px;
    height: 24px;
    padding: 0 8px;
    margin-right: 6px;
    font-size: 12px;
    background-color: #edf1f6;
}

.sticker li * {
    line-height: 24px;
}

.sticker li.first {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background-color: #ffe9eb;
}

.sticker li .label {
    margin-right: 5px;
    color: #7e81a6;
    font-family: NotoSansR;
    font-size: 12px;
}

.sticker li strong {
    font-family: NotoSansM;
    font-size: 13px;
    font-weight: normal;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clear {
    clear: both;
}

.blind, .hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.col-1 {
    width: 8.33333333%;
}

.col-2 {
    width: 16.66666667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33333333%;
}

.col-4.news {
    width: 40%;
}

.col-5 {
    width: 41.66666667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333333%;
}

.col-8 {
    width: 66.66666667%;
}

.col-8.news {
    width: 60%;
}

.col-9 {
    width: 75%;
}
.col-9.news {
    width: 100%;
}
.col-10 {
    width: 83.33333333%;
}

.col-11 {
    width: 91.66666667%;
}

.col-12 {
    width: 100%;
}

[class^=col-] {
    float: left;
    position: relative;
}

.text-orange {
    color: #ff4400 !important;
}

.text-blue {
    color: #2b45d4 !important;
}

.text-red {
    color: #dc3535 !important;
}

.blue-green {
    color: #0b99ac;
}

.text-bluegreen {
    color: #0b99ac !important;
}

.red {
    color: #f45666 !important;
}

.checking-set, .selecting-set {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
}

.checking-set.col-5 {
    display: flex;
    width: 100%;
    flex-flow: row wrap;
}

.checking-set.col-5 > * {
    width: 20%;
}

.checking, .selecting {
    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;
}

.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;
}

.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);
}

.checking input, .selecting input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checking input:checked ~ .checkmark {
    border: 2px solid #0b99ac;
    background-color: #23b3c6;
}

.checking input:checked ~ .checkmark::after {
    display: block;
}

.checking:hover input ~ .checkmark, .checking:active input ~ .checkmark {
    border-color: #0b99ac;
}

.checking.input > div {
    width: 100%;
    margin-top: 5px;
    box-sizing: border-box;
}

.checking.input > div * {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}

.checking.input > div sub {
    width: 15px;
    text-align: center;
    line-height: 38px;
}

.checking.input input[type=text], .checking.input input[type=number] {
    position: static;
    width: calc(50% - 8px);
    height: 38px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    font-size: 15px;
    text-indent: 0;
    opacity: 1;
    background: #fff;
    cursor: auto;
}

.selecting .radiomark {
    position: relative;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    margin-right: 5px;
    border-radius: 50%;
    border: 2px solid #ccd2eb;
    background-color: #fff;
    transition-duration: 300ms;
}

.selecting .radiomark::after {
    display: none;
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #0b99ac;
}

.selecting input:checked ~ .radiomark {
    border: 2px solid #0b99ac;
    background-color: #fff;
}

.selecting input:checked ~ .radiomark::after {
    display: block;
}

.selecting:hover input ~ .radiomark, .selecting:active input ~ .radiomark {
    border-color: #0b99ac;
}

.selecting.input {
    flex-flow: row wrap !important;
}

.filter-set > .filter > fieldset .selecting.input .radiomark + span {
    width: calc(100% - 26px);
}

.selecting.input > div {
    width: 100%;
    margin-top: 5px;
    box-sizing: border-box;
}

.selecting.input > div * {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
}

.selecting.input > div sub {
    width: 15px;
    text-align: center;
    line-height: 38px;
}

.selecting.input input[type=text] {
    position: static;
    width: calc(50% - 8px);
    height: 38px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    font-size: 15px;
    text-indent: 0;
    opacity: 1;
    background: #fff;
    cursor: auto;
}

.dropdown, .dropdown-multi {
    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;
}

.dropdown + .dropdown {
    margin-left: 5px;
}

.dropdown > .dropdown-select, .dropdown-multi > .dropdown-select {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    height: 36px;
    background-color: #fff;
    font-weight: 400;
    padding: 0 30px 0 10px;
    border: 1px solid transparent;
    border-radius: 3px;
    transition: border .3s ease-in-out;
}

.dropdown > .dropdown-select > span, .dropdown-multi > .dropdown-select > span {
    font-family: NotoSansR;
}

.dropdown > .dropdown-select:after, .dropdown-multi > .dropdown-select:after {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    border-bottom: 2px solid #0a2e4f;
    border-right: 2px solid #0a2e4f;
    pointer-events: none;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;
}

.dropdown > .dropdown-menu {
    display: none;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    top: 37px;
    width: 100%;
    max-height: 500px;
    left: 0;
    margin-top: 0 !important;
    margin-bottom: 20px;
    padding: 0;
    border: 1px solid #dfe6ef;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 3px rgba(10, 46, 79, .1);
    box-shadow: 0 0 5px rgba(10, 46, 79, .2);
    z-index: 9;
}

.dropdown > .dropdown-menu::-webkit-scrollbar-thumb {
    background: #23b3c6 !important;
}

.dropdown > .dropdown-menu > li {
    padding: 8px 10px;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.dropdown > .dropdown-menu > li:hover {
    background-color: #f6faff;
}

.dropdown > .dropdown-menu > li:active {
    color: #008090 !important;
    background-color: rgba(35, 179, 198, .1) !important;
}

.dropdown-multi > .dropdown-menu {
    position: absolute;
    display: none;
    flex-direction: row;
    background-color: #fff;
    width: 144px;
    max-height: 240px;
    left: -1px;
    margin-top: 2px;
    font-size: 15px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-box-shadow: 3px 3px 3px rgba(10, 46, 79, .1);
    box-shadow: 0 0 5px rgba(10, 46, 79, .2);
    z-index: 9;
}

.dropdown-multi > .dropdown-menu > ul {
    width: 72px;
    height: 210px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: center;
    border-left: 1px solid #e9edf3;
}

.dropdown-multi > .dropdown-menu > ul > li {
    padding: 12px 10px;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.dropdown-multi > .dropdown-menu > ul > li:hover {
    background-color: #f6faff;
}

.dropdown-multi .dropdown-menu > ul > li:active {
    color: #008090 !important;
    background-color: rgba(35, 179, 198, .1) !important;
}

.dropdown.slim {
    height: 30px;
}

.dropdown.slim > .dropdown-select {
    height: 28px;
    padding-left: 6px;
}

.dropdown.slim > .dropdown-select:after {
    top: 45%;
    right: 10px;
}

.dropdown.slim > .dropdown-menu {
    top: 29px;
}

.dropdown.slim > .dropdown-menu > li {
    padding-top: 6px;
    padding-bottom: 6px;
}

.dropdown:hover, .dropdown-multi:hover, .dropdown:active, .dropdown-multi:active, .dropdown.active, .dropdown-multi.active {
    border-color: #23b3c6 !important;
}

.dropdown.active > .dropdown-select, .dropdown-multi.active > .dropdown-select {
    border-color: #23b3c6 !important;
}

.dropdown.active > .dropdown-select::after, .dropdown-multi.active > .dropdown-select::after {
    border-color: #0b99ac !important;
    transform: rotate(-135deg);
}

.switch {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    height: 38px;
    font-size: 15px;
    padding-left: 43px;
    padding-right: 10px;
    cursor: pointer;
}

.switch input {
    display: none;
}

.switch .slide, .switch .slider {
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    width: 34px;
    height: 14px;
    background-color: #d9e8e9;
    transition: .15s;
    margin-left: 1px;
    margin-right: 7px;
    border-radius: 10px;
    cursor: pointer;
}

.switch .slide:before, .switch .slider:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    top: -3px;
    left: -1px;
    box-shadow: 0 1px 3px rgba(10, 46, 79, .4);
    border-radius: 50%;
    background-color: #fff;
    transition: .15s;
}

.switch input:checked + .slide, .switch input:checked + .slider {
    background-color: #b5e4e8;
}

.switch input:checked + .slide:before, .switch input:checked + .slider:before {
    transform: translateX(16px);
    background-color: #23b3c6;
}

.switch input:checked + .slide.orange, .switch input:checked + .slider.orange {
    background-color: rgba(255, 114, 64, .3);
}

.switch input:checked + .slide.orange::before, .switch input:checked + .slider.orange::before {
    background-color: #ff7240;
}

.switch input:checked + .slide.blue, .switch input:checked + .slider.blue {
    background-color: rgba(77, 121, 246, .3);
}

.switch input:checked + .slide.blue:before {
    background-color: #4d79f6;
}

.switch input:disabled + .slide, .switch input:disabled + .slider {
    background-color: #e4e6e9 !important;
}

.switch input:disabled + .slide::before, .switch input:disabled + .slider::before {
    background-color: #fff !important;
}
.switch span.chartName.cancelBtn{
    top: 11px;
    position: relative;
    left: 2px;
    color: #bdbfd6;
    width: 20px;
    height: 20px;
    cursor: default;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_disabled.svg) 50% / contain no-repeat;
    transform: translateY(-46%);
}
.switch-radio {
    display: inline-block;
    height: 36px;
    background-color: #edf1f6;
    width: 96px;
    border-radius: 3px;
    position: relative;
    margin-left: 5px;
}
.switch-radio.long {
    width: 140px;
}

.switch-radio.w160 {
    width: 160px;
}

.switch-radio .switch-input {
    display: none;
}
.switch-radio .switch-label.triple{
    width: 63px;
}
.switch-radio .switch-label {
    float: left;
    width: 50%;
    font-family: NotoSansR;
    font-size: .9rem;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    position: inherit;
    z-index: 5;
    transition: color .2s cubic-bezier(.4, .0, .2, 1);
    will-change: transform;
}
.switch-radio .switch-label.triple{
    width: 63px;
}

.switch-radio .switch-toggle {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    height: 35px;
    width: 50%;
    cursor: pointer;
    background-color: #23b3c6;
    border-radius: 3px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 3px 1px -2px rgba(10, 46, 79, .2), 0 2px 2px 0 rgba(10, 46, 79, .2), 0 1px 5px 0 rgba(10, 46, 79, .2);
    -webkit-box-shadow: 0 3px 1px -2px rgba(10, 46, 79, .2), 0 2px 2px 0 rgba(10, 46, 79, .2), 0 1px 5px 0 rgba(10, 46, 79, .2);
    transition: left .25s cubic-bezier(.4, .0, .2, 1);
    will-change: transform;
}
.switch-radio .switch-toggle.triple {
    width: 63px;
}

.switch-radio .switch-input:checked + .switch-label {
    color: #fff;
}

.switch-radio .left:checked ~ .switch-toggle {
    left: 0;
}
.switch-radio.price-switch.triple .center:checked ~ .switch-toggle {
    left: 63px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.switch-radio .right:checked ~ .switch-toggle {
    left: 48px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.switch-radio.price-switch.triple .right:checked ~ .switch-toggle {
    left: 126px;
}

.switch-radio.long .right:checked ~ .switch-toggle {
    left: 69px;
}

.switch-radio.w160 .right:checked ~ .switch-toggle {
    left: 79px;
}

.chip-set {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.chip-set .btn {
    margin: 3px;
    padding: 8px 10px;
    height: 40px;
    border-radius: 20px;
}

.chip-set .btn-primary {
    padding: 8px 15px;
    border-radius: 3px;
}

.chip {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    min-width: 90px;
    height: 40px;
    margin: 3px;
    padding: 0 40px 0 15px;
    border: solid 2px #e9f3f4;
    border-radius: 20px;
    background-color: #e9f3f4;
    transition: .3s;
}

.chip p, .chip .text {
    font-family: NotoSansM;
    font-size: 16px;
}

.chip p span {
    margin-left: 2px;
    color: #7e81a6;
    font-size: 14px;
}

.chip .delete {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-color: #fff;
}

.chip:hover {
    border-color: #76e9f0;
}

.chip:hover .delete, .chip:active .delete {
    background-color: #ffd7d1;
}

.btn-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.btn-group button {
    min-width: 50px;
    padding-right: 5px;
    padding-left: 5px;
    transition-duration: .3s;
}

.btn-group button + button {
    margin-left: 2px;
}

.input-group {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 30px;
    box-shadow: 5px 6px 0 rgba(0, 0, 0, .15);
}

.input-group * {
    float: left;
}

.input-group input {
    width: 100%;
    height: 60px;
    font-family: NotoSansR;
    font-size: 18px;
    line-height: 60px;
    padding: 0 100px 0 30px;
    border: 0;
    border-radius: 30px;
}

.input-group button {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 60px;
    text-indent: -9999px;
}

.input-group button::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 42px;
    height: 42px;
    mask: url(/res_root/img/common/icon_search-a964ebeafe24515529c57189333dfb44.svg) 50%/55% no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_search-a964ebeafe24515529c57189333dfb44.svg) 50%/55% no-repeat;
    background-color: #0a2e4f;
    transform: translate(-50%, -50%);
}

.input-field {
    position: relative;
    border-bottom: 2px solid #0a2e4f;
    position: relative;
    margin-top: 20px;
}
.input-field.saveList{
    width: 100%;
}
.strength {
    position: relative;
    font-family: GmarketSansM;
    padding-top: 3px;
    padding-left: 16px;
    font-size: 16px;
    letter-spacing: 0;
}

.strength + .strength {
    margin-left: 22px;
}

.strength::before, .strength::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.strength::before {
    left: 0;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    text-indent: -1px;
}

.strength::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 16px;
    left: 0;
    -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;
}

.strength.sale, .strength.rent {
    padding-left: 0;
    text-align: right;
}

.strength.sale::before {
    content: "매";
    background-color: #0b99ac;
}

.strength.rent::before {
    content: "전";
    background-color: #ff7240;
}

.sale::after, .rent::after {
    left: 28px;
}

.up::after {
    background-color: #ff4200;
}

.down::after {
    background-color: #0a2e4f;
    transform: translateY(-50%) rotate(-180deg);
}

[class^=level]::after {
    display: inline-block;
    width: 36px;
    height: 16px;
    margin-left: 5px;
    border-width: 1px;
    border-style: solid;
    padding-top: 1px;
    border-radius: 3px;
    color: #fff;
    font-family: GmarketSansM;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    vertical-align: middle;
}

.level01::after {
    content: "부족";
    border-color: #729bc8;
    background-color: #83abd6;
}

.level02::after {
    content: "적정";
    border-color: #51bc94;
    background-color: #5fcea4;
}

.level03::after {
    content: "초과";
    border-color: #e0aa42;
    background-color: #ecb751;
}

.level04::after {
    content: "과잉";
    border-color: #e25d5a;
    background-color: #ed6c69;
}

[class^=level-]::after {
    width: auto;
    padding: 1px 3px 0 3px;
}

.level-apt::after {
    content: "아파트";
    border-color: #23b3c6;
    background-color: #23b3c6;
}

.level-ot::after {
    content: "오피스텔";
    border-color: #ff4400;
    background-color: #ff7240;
}

[class^=level-edu] {
    display: inline-block;
    vertical-align: top;
}

[class^=level-edu]::after {
    margin-left: 0;
    margin-right: 5px;
}

.level-edu01::after {
    content: "예정";
    border-color: #23c661;
    background-color: #23c661;
}

.level-edu02::after {
    content: "접수";
    border-color: #00a0eb;
    background-color: #00a0eb;
}

.level-edu03::after {
    content: "마감";
    border-color: #f6546f;
    background-color: #f6546f;
}

/*교육메인 버튼*/
.level-edu01-title {
    position: absolute;
    z-index: 2;
    transform: rotate(317deg);
    top: 3px;
    left: -27px;
}

.level-edu02-title {
    position: absolute;
    z-index: 2;
    transform: rotate(317deg);
    top: 3px;
    left: -27px;
}

.level-edu03-title {
    position: absolute;
    z-index: 2;
    transform: rotate(317deg);
    top: 3px;
    left: -27px;
}

.level-edu01-title::after {
    content: "예정";
    border-color: #23c661;
    background-color: #23c661;
    width: 70px;
    border-radius: 0px;
    font-size: 11px;
}

.level-edu02-title::after {
    content: "접수";
    border-color: #00a0eb;
    background-color: #00a0eb;
    width: 70px;
    border-radius: 0px;
    font-size: 11px;
}

.level-edu03-title::after {
    content: "마감";
    border-color: #f6546f;
    background-color: #f6546f;
    width: 70px;
    border-radius: 0px;
    font-size: 11px;
}


[class^=level-event] {
    display: inline-block;
    vertical-align: top;
}

[class^=level-event]::after {
    margin-left: 0;
    margin-right: 5px;
}

.level-event01::after {
    content: "예정";
    border-color: #23c661;
    background-color: #23c661;
}

.level-event02::after {
    content: "진행중";
    border-color: #00a0eb;
    background-color: #00a0eb;
}

.level-event03::after {
    content: "마감";
    border-color: #f6546f;
    background-color: #f6546f;
}

.k-grid .label {
    display: inline-block;
    width: 20px;
    height: 16px;
    margin-right: 2px;
    padding-top: 3px;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px;
    vertical-align: 2px;
    color: #fff;
    font-family: GmarketSansM;
    font-size: 10px;
}

.k-grid .label-danger {
    border-color: #ca3430;
    background-color: #d9534f;
}

.k-grid .icon-tips::after {
    color: #fff;
    font-family: GmarketSansM;
    background-color: #bdc1c8;
}

.k-grid .icon-tips:hover::after, .k-grid .icon-tips:active::after {
    background-color: #0a2e4f;
}

.tips, .tips > span {
    color: #7e81a6;
}

.icon-tips::after {
    content: "?";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    border-radius: 100%;
    font-size: 13px;
    font-family: GmarketSansB;
    text-align: center;
    line-height: 24px;
    background-color: #edf1f6;
    cursor: pointer;
    transition: .3s ease;
}

.icon-tips.dark::after {
    background-color: #a6afbb;
}

.icon-tips.color-tips::after {
    background-color: #a29ec7;
}

.icon-tips.color-tips:hover::after, .icon-tips.color-tips:active::after {
    color: #fff;
    background-color: #5685c2;
}

.icon-tips:hover + .tips-box, .icon-tips:active + .tisp-box {
    opacity: 1;
    visibility: visible;
}

.tips-area {
    position: relative;
}

.tips-box {
    position: absolute;
    bottom: 30px;
    right: 0;
    max-width: 500px;
    border: solid 1px #dfe6ef;
    border-radius: 3px;
    box-shadow: 1px 1px 2px 1px rgba(10, 46, 79, .1);
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: .2s ease;
}

.tips-box > * {
    margin: 10px 0;
    padding: 0 10px;
}

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

.tips-box p {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 16px;
    word-break: break-word;
    text-align: justify;
}

.tips-box .table-small {
    width: 400px;
    margin: 0 10px 10px 10px;
}

.tips-box.realtor-score {
    left: 0px !important;
    top: -25px !important;
    width: 100% !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-spacing {
    letter-spacing: 0;
}

.no-data, .root-community .no-posts {
    display: flex;
    align-items: center;
}

.no-data p, .root-community .no-posts span {
    color: #7e81a6;
    font-family: NotoSansR;
}

.no-data .title {
    margin-bottom: 15px;
    font-family: NotoSansR;
    font-size: 20px;
}

.no-data.center {
    flex-direction: column;
}

.no-data.center > div {
    flex: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.no-data.center > div::after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.no-data.center > div p {
    text-align: center;
}

/* modal cmm */
.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(10, 46, 79, .9);
    -webkit-overflow-scrolling: touch;
    z-index: 1050;
}

.modal.active {
    display: block;
}
.modal.root-modal.z200 {
    z-index: 200;
}
.modal .title-area > .checking-set .checking {
    padding-left: 20px;
}

.modal-container {
    position: absolute;
    top: 30px;
    left: 60px;
    width: calc(100% - 120px);
    min-width: 320px;
    min-height: 400px;
    margin-bottom: 30px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    background-color: #fff;
}

.modal-container.slim {
    left: 50%;
    transform: translateX(-50%);
    width: 1200px;
}

.modal-container.slim.small {
    min-height: 250px;
}

.modal-container.fixed {
    max-width: 800px;
    left: 50%;
    transform: translateX(-50%);
}

.modal-container .title-area {
    position: relative;
    min-height: 54px;
    margin-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 0;
    background-color: #0b99ac;
    transition: .5s;
}
.modal-container .modal-title-area {
    position: relative;
    margin-left: 10px;
}
.modal-container .title-area.thick {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    min-height: 75px;
    background-color: #fff;
    margin-bottom: 5px;
}

.modal-container .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.modal-container .row.apt-group {
    margin-top: 0px;
}
.modal-container .modal-description {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.modal-container .modal-description .modal-alert{
    margin: 0 0 6px 0;
}
.modal-container .modal-description h4{
    align-self: baseline;
    background-position: 0px 10px;
    padding-top: 10px;
}
.modal-container .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;
}

.modal-container .more:hover, .modal-container .more:active {
    border-color: #0a2e4f;
}

.modal-container .price-slide {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin: 40px 20px 0 20px;
}

.modal-container .price-slide .switch-radio {
    margin-left: 15px;
}

.switch-radio.price-switch.triple {
    width: 189px;
}
.btn-modal-close {
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 6px;
    height: 34px !important;
    width: 34px;
    border-radius: 100%;
    box-sizing: border-box;
    line-height: 50px;
    transition: all .25s ease-out;
}

.btn-modal-close::before, .btn-modal-close::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    background-color: #fff;
    transform: translate(-50%, -50%) rotate(-45deg);
    transition: all .25s ease-out;
}
.btn-modal-close.black::before, .btn-modal-close.black::after {
    background-color: black;
}

.btn-modal-close::before {
    width: 24px;
    height: 2px;
}

.btn-modal-close::after {
    width: 2px;
    height: 24px;
}

.btn-modal-close:hover, .btn-modal-close:active {
    background-color: rgba(0, 0, 0, .15);
}

.btn-modal-close:hover::before, .btn-modal-close:active::before {
    transform: translate(-50%, -50%) rotate(0deg);
}

.btn-modal-close:hover::after, .btn-modal-close:active::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

/* icons */
.symbol-gin::before {
    background: url(https://aptgin.com/cdn/res/icon/common/svg/symbol_gin.svg) 50%/contain no-repeat;
}

.logo-pre::before {
    -webkit-mask: url(/res_root/img/common/logo_pre-55ee7da06fec037c5625868281f636d7.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/logo_pre-55ee7da06fec037c5625868281f636d7.svg) 50%/contain no-repeat;
}

.logo-ginplus::before {
    -webkit-mask: url(/res_root/img/common/logo_ginplus-dcfc07467f5ee703f4121488fdba28c6.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/logo_ginplus-dcfc07467f5ee703f4121488fdba28c6.svg) 50%/contain no-repeat;
}

.logo-ezip::before {
    -webkit-mask: url(/res_root/img/common/logo_ezip-a0599e4cb1991540d11a17132813abb7.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/logo_ezip-a0599e4cb1991540d11a17132813abb7.svg) 50%/contain no-repeat;
}

.logo-paso::before {
    -webkit-mask: url(/res_paso/img/logo-25f3b00be1d0ebd05564f77cee56e796.svg) 50%/contain no-repeat;
    mask: url(/res_paso/img/logo-25f3b00be1d0ebd05564f77cee56e796.svg) 50%/contain no-repeat;
}

.icon-paso::before {
    -webkit-mask: url(/res_root/img/common/icon_paso-a1bb219c1babf9c97641d9a6890f2b45.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_paso-a1bb219c1babf9c97641d9a6890f2b45.svg) 50%/contain no-repeat;
}

.icon-dev::before {
    -webkit-mask: url(/res_root/img/common/icon_dev-58bdb8a8ee29ece45abe24705b5ccaed.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_dev-58bdb8a8ee29ece45abe24705b5ccaed.svg) 50%/contain no-repeat;
}

.icon-login::before {
    -webkit-mask: url(/res_root/img/common/icon_login-d7f2b69b690b91f5040e24270d00340e.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_login-d7f2b69b690b91f5040e24270d00340e.svg) 50%/contain no-repeat;
}

.icon-access::before {
    -webkit-mask: url(/res_root/img/common/icon_access-e76fc1b1b26e3b32961b3ba95936df09.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_access-e76fc1b1b26e3b32961b3ba95936df09.svg) 50%/contain no-repeat;
}

.icon-join::before {
    -webkit-mask: url(/res_root/img/common/icon_join-99fce235de1dd3e4ccad5dfc542b124b.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_join-99fce235de1dd3e4ccad5dfc542b124b.svg) 50%/contain no-repeat;
}

.icon-alarm::before {
    -webkit-mask: url(/res_root/img/common/icon_alarm-941bb7a9eb16c4eec515ffff98f66558.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_alarm-941bb7a9eb16c4eec515ffff98f66558.svg) 50%/contain no-repeat;
}

.icon-alarm-on::before {
    -webkit-mask: url(/res_root/img/common/icon_alarm_on-fefbd32a98a151b1b65faaf0e41a0bd8.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_alarm_on-fefbd32a98a151b1b65faaf0e41a0bd8.svg) 50%/contain no-repeat;
}

.icon-alarm-thick::before {
    -webkit-mask: url(/res_root/img/common/icon_alarm_thick-3fd790c825aca4038a17001b6c90188c.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_alarm_thick-3fd790c825aca4038a17001b6c90188c.svg) 50%/contain no-repeat;
}

.icon-alarm-thick-on::before {
    -webkit-mask: url(/res_root/img/common/icon_alarm_thick_on-a35dd7ebc04df7ffb36778d66674955b.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_alarm_thick_on-a35dd7ebc04df7ffb36778d66674955b.svg) 50%/contain no-repeat;
}

.icon-user::before {
    -webkit-mask: url(/res_root/img/common/icon_user-e5a3be5c37450cf9194412e7874e23cf.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_user-e5a3be5c37450cf9194412e7874e23cf.svg) 50%/contain no-repeat;
}

.icon-pre::before {
    -webkit-mask: url(/res_root/img/main/icon_visual7-45a3785a08060b8ab81885b9e0592026.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/main/icon_visual7-45a3785a08060b8ab81885b9e0592026.svg) 50%/contain no-repeat;
}

.icon-reset::before {
    background: url(/res_root/img/common/icon_reset-0659a37a5c809541d5a6e49b8a613260.svg) 50%/contain no-repeat;
}

.icon-reset-small::before {
    background: url(/res_root/img/common/icon_reset_small-efbd7de3d6aa3e44efba930f988a7ed1.svg) 50%/contain no-repeat;
}

.icon-reset:active::before, .icon-reset-small:active::before {
    transform: rotate(360deg);
    transition: .2s ease;
}

.icon-pin {
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_solid_navy.svg) 50% no-repeat;
}

.icon-calendar {
    background: url(/res_root/img/common/icon_calendar-37a9e56c49f0699e2346a8efc120c014.svg) 50% no-repeat;
}

.icon-calendar::before {
    -webkit-mask: url(/res_root/img/common/icon_calendar-37a9e56c49f0699e2346a8efc120c014.svg) 50% no-repeat;
    mask: url(/res_root/img/common/icon_calendar-37a9e56c49f0699e2346a8efc120c014.svg) 50% no-repeat;
}

.icon-search::before {
    -webkit-mask: url(/res_root/img/common/icon_search-a964ebeafe24515529c57189333dfb44.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_search-a964ebeafe24515529c57189333dfb44.svg) 50%/contain no-repeat;
}

.delete {
    background: url(/res_root/img/common/icon_delete-875cd8d6fd04148716f52fdaf22a7338.svg) 50%/40% no-repeat;
}

.icon-close {
    font-size: 0;
    line-height: 0;
    color: transparent;
    transition: all .3s ease-in-out;
    transform: rotate(-45deg);
}

.icon-close:hover, .icon-close:active {
    transform: rotate(-225deg);
}

.icon-close::before, .icon-close::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 2px;
    background-color: #fff;
    transform: translate(-50%, -50%);
}

.icon-close::before {
    width: 40px;
    height: 2px;
}

.icon-close::after {
    width: 2px;
    height: 40px;
}

.icon-reset::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    transform: translate(-50%, -50%);
}

.icon-reset:active::before {
    transform: translate(-50%, -50%) rotate(360deg);
}

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

.my-region-list::before {
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_fav_lawd.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_fav_lawd.svg) 50%/contain no-repeat;
}

.my-region-group::before {
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_fav_lawd_multi.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_fav_lawd_multi.svg) 50%/contain no-repeat;
}

.my-apt-list::before {
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_fav_apt.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_fav_apt.svg) 50%/contain no-repeat;
}

.my-apt-group::before {
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_fav_apt_multi.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_fav_apt_multi.svg) 50%/contain no-repeat;
}

.my-save-list::before {
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_save.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_save.svg) 50%/contain no-repeat;
}

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

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

.gov-policy-list::before {
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_policy.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_policy.svg) 50%/contain no-repeat;
}

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

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

.my-auction-list:before {
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_judge.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_judge.svg) 50%/contain no-repeat;
}


.icon-prev::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);
}

.icon-next::before, .icon-next::after {
    -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);
}

.icon-start::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;
}

.icon-end::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);
}

.icon-down::after {
    -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;
}

.icon-link-blank::before {
    background: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50%/contain no-repeat;
}

.icon-link {
    -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;
}

.icon-plus::before, .icon-plus::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #0a2e4f;
    transition: background-color .3s;
}

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

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

.icon-plus::before {
    width: 15px;
    height: 2px;
}

.icon-plus::after {
    width: 2px;
    height: 15px;
}

.icon-plus:hover::before, .icon-plus:hover::after {
    background-color: #fff;
}

.icon-check::before {
    width: 5px;
    height: 8px;
    margin-right: 6px;
    border: solid #0a2e4f;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.icon-setup::before {
    mask: url(/res_root/img/common/icon_setting-c4ddc2b20dbe9b0b83a2316a85fde64b.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_setting-c4ddc2b20dbe9b0b83a2316a85fde64b.svg) 50%/contain no-repeat;
}

.icon-setup.open::before {
    mask: url(/res_root/img/common/icon-doc-44c710b8f205badf02d4400267f8d7cd.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon-doc-44c710b8f205badf02d4400267f8d7cd.svg) 50%/contain no-repeat;
}

.icon-delete::before {
    mask: url(/res_root/img/common/icon_trash-36e98a5f50bbe0ae36f2379951bc90c6.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_trash-36e98a5f50bbe0ae36f2379951bc90c6.svg) 50%/contain no-repeat;
}

.icon-no-alarm::before {
    border-radius: 100%;
    background-color: #e7ecf6;
}

.icon-no-alarm::after {
    top: 35px;
    width: 70px;
    height: 70px;
    background-color: #bbc6d8;
    mask: url(/res_root/img/common/icon_no_alarm-f515a1ce0ecd8527578ecc2ef2b29cf1.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_no_alarm-f515a1ce0ecd8527578ecc2ef2b29cf1.svg) 50%/contain no-repeat;
}

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

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

.icon-youtube::before {
    -webkit-mask: url(/res_root/img/common/icon_youtube_white-560b6161e971c26d47744393e588a31c.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_youtube_white-560b6161e971c26d47744393e588a31c.svg) 50%/contain no-repeat;
}

.icon-youtube-red::before {
    background: url(/res_root/img/common/icon_youtube_red-bc48d989fa5d7c5eb3a8e4a12a4f72dd.svg) 50%/contain no-repeat;
}

.icon-zoom::before {
    -webkit-mask: url(/res_root/img/common/icon_zoom_symbol-dac54562c0ae8535288092fb07dd2a47.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_zoom_symbol-dac54562c0ae8535288092fb07dd2a47.svg) 50%/contain no-repeat;
}

.icon-be-built::before {
    background: url(/res_root/img/common/icon_be_built-bc11b14a4e74e9852595961605ac1d53.svg) 50%/contain no-repeat;
}

.icon-map::before {
    background: url(/res_root/img/common/icon_map-801204465f80cc0a3fb9ddcc38fa5b86.svg) 50%/contain no-repeat;
}

.icon-share::before {
    background: url(/res_root/img/common/icon_share-3ae923a02cd2fca022d67975d958ce0d.svg) 50%/contain no-repeat;
}

.icon-copy::before {
    background: url(/res_root/img/common/icon_copy-524dd33fd721ca04f3251613b54b3ab2.svg) 50%/contain no-repeat;
}

.icon-facebook {
    background: url(/res_root/img/common/icon_facebook-39efd665a9e3e79540fcf8a9fe63aff7.svg) 50%/contain no-repeat;
}

.icon-twitter {
    background: url(/res_root/img/common/icon_twitter-570ce483f66c9d4557da1a0db7839ea6.svg) 50%/contain no-repeat;
}

.icon-band {
    background: url(/res_root/img/common/icon_band-3704733ba1298fcbc94934f00274a74a.svg) 50%/contain no-repeat;
}

.icon-blog {
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_naver_blog.svg) 50%/contain no-repeat;
}
.icon-blog.news {
    width: 25px;
    height: 25px;
}
.icon-point::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ff7240;
}

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

.icon-add {
    background: url(/res_root/img/common/icon_add-77bbbe442bbfabee5a5ed3e85566394c.svg) 50%/18px no-repeat;
}

.icon-summer::before {
    mask: url(/res_root/img/common/icon_sun-11fe620c7e502fb59ea6e4f1a53ec6b0.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_sun-11fe620c7e502fb59ea6e4f1a53ec6b0.svg) 50%/contain no-repeat;
}

.icon-winter::before {
    mask: url(/res_root/img/common/icon_snow-f6e6218187b92297c34789db26078555.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_snow-f6e6218187b92297c34789db26078555.svg) 50%/contain no-repeat;
}

.icon-filter::before {
    mask: url(/res_root/img/common/icon_filter-fdbe792175550e8b94816b672e906b8d.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_filter-fdbe792175550e8b94816b672e906b8d.svg) 50%/contain no-repeat;
}

.icon-analysis::before {
    mask: url(/res_root/img/common/icon_analysis-47c52096b4c02fa66cc05c87bef35e39.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_analysis-47c52096b4c02fa66cc05c87bef35e39.svg) 50%/contain no-repeat;
}

.icon-locked::before {
    mask: url(/res_root/img/common/icon_lock-6ccb237410e962f99aabdb131bfe219a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_lock-6ccb237410e962f99aabdb131bfe219a.svg) 50%/contain no-repeat;
}

.icon-report::before {
    -webkit-mask: url(/res_root/img/common/icon_report-7de4598107698ce343d61e7bfd01ae1d.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_report-7de4598107698ce343d61e7bfd01ae1d.svg) 50%/contain no-repeat;
}

.icon-detail-view::before {
    mask: url(/res_root/img/common/icon_detail_view-a7d1e4d5d300ffbfb11f07c4af6383ec.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_detail_view-a7d1e4d5d300ffbfb11f07c4af6383ec.svg) 50%/contain no-repeat;
}

.icon-edit {
    mask: url(/res_root/img/common/icon_edit-1a717b66e41ea86f6b6472e9a7f6c17f.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_edit-1a717b66e41ea86f6b6472e9a7f6c17f.svg) 50%/contain no-repeat;
}

.icon-x::before {
    mask: url(/res/img/component/icon_delete_white-0db95bcc861438e6c64c4443f506f2c7.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res/img/component/icon_delete_white-0db95bcc861438e6c64c4443f506f2c7.svg) 50%/contain no-repeat;
}

.icon-change {
    background-color: #008090;
    mask: url(/res_root/img/common/icon_exchange-ffabeea2974f3e5003de49d23bc3cb89.svg) 50%/16px no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_exchange-ffabeea2974f3e5003de49d23bc3cb89.svg) 50%/16px no-repeat;
}

.icon-change-own::before {
    mask: url(/res_root/img/common/icon_exchange-ffabeea2974f3e5003de49d23bc3cb89.svg) 50%/16px no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_exchange-ffabeea2974f3e5003de49d23bc3cb89.svg) 50%/16px no-repeat;
}

.icon-file::before {
    background: #0a2e4f;
    -webkit-mask: url(/res_root/img/common/icon_clip-eb4f5c49fb9b31c4466b1618d4dfd519.svg) center/contain no-repeat;
    mask: url(/res_root/img/common/icon_clip-eb4f5c49fb9b31c4466b1618d4dfd519.svg) center/contain no-repeat;
}

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

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

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

.star, [class^=star-] {
    display: inline-block;
    width: 22px;
    height: 20px;
    margin-left: 5px;
    text-indent: -9999px;
    vertical-align: 0;
    transition: background-color .5s;
    z-index: 1;
    cursor: pointer;
}

.star.off, .star-off {
    background-color: rgba(10, 46, 79, .3);
    mask: url(/res_root/img/common/icon_star_off-7344915e4dfdb80529a53d256256cbe7.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_star_off-7344915e4dfdb80529a53d256256cbe7.svg) 50%/contain no-repeat;
}

.star.off:hover, .star.off:active, .star-off:hover, .star-off:active {
    background-color: #ff7240;
}

.star.on, .star-on {
    background-color: #ff7240;
    mask: url(/res_root/img/common/icon_star_on-ac14542f8080c93765b36081306cbbb3.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_star_on-ac14542f8080c93765b36081306cbbb3.svg) 50%/contain no-repeat;
}

.icon-chart {
    margin-left: 5px;
    background-color: #0b99ac;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_chart_gin.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_chart_gin.svg) 50%/contain no-repeat;
}
.icon-chart:hover, .icon-chart:active {
    background-color: #ff7240;
}
.icon-document-img {
    margin-left: 5px;
    background-color: #0b99ac;
    webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_menu.svg) 50% / contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_menu.svg) 50% / contain no-repeat;
}
.icon-document-img:hover, .icon-document-img:active {
    background-color: #ff7240;
}
.icon-pdf {
    margin-left: 5px;
    background-color: #0b99ac;
    webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pdf.svg) 50% / contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pdf.svg) 50% / contain no-repeat;
}
.icon-pdf:hover, .icon-pdf:active {
    background-color: #ff7240;
}
.icon-picture {
    margin-left: 5px;
    background-color: #0b99ac;
    webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_img.svg) 50% / contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_img.svg) 50% / contain no-repeat;
}
.icon-picture:hover, .icon-picture:active {
    background-color: #ff7240;
}
.icon-document {
    margin-left: 5px;
    background-color: #0b99ac;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_glossary.svg) 50% / contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_glossary.svg) 50% / contain no-repeat;
}
.icon-document:hover, .icon-document:active {
    background-color: #ff7240;
}
.icon-table-grid {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-color: #0b99ac;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_table_grid.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_table_grid.svg) 50%/contain no-repeat;
    vertical-align: -4px;
    cursor: pointer;
    margin-left: 5px;
}

.icon-table-grid:hover, .icon-table-grid:active {
    background-color: #ff7240;
}

.icon-compare {
    display: inline-block;
    width: 17px;
    height: 17px;
    background-color: #0b99ac;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_open_in_new_purple.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_open_in_new_purple.svg) 50%/contain no-repeat;
    cursor: pointer;
}

.icon-compare:hover, .icon-compare:active {
    background-color: #ff7240;
}

/* btns */
.btn {
    padding: 0 10px;
    color: #fff;
    border-radius: 5px;
    font-family: NotoSansR;
    transition: .3s ease-in-out;
}

.btn.disabled, .btn.disabled:hover, .btn.disabled:active, .btn:disabled, .btn:disabled:hover, .btn:disabled:active {
    color: #babbcf !important;
    background-color: #edf1f6 !important;
    cursor: default;
}

a.btn {
    display: block;
    text-align: center;
}

.btn + .btn {
    margin-left: 5px;
}
.btn-transparet {
    color: #5773ed !important;
    font-weight: bold !important;
    border: 1px solid #5773ed !important;
    background-color: #FFFFFF !important;
}
.btn-primary {
    background-color: #0a2e4f;
}

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

.btn-secondary {
    background-color: #0b99ac;
}

.btn-secondary:hover, .btn-secondary:active {
    background-color: #ff7240;
}

.btn-tertiary {
    background-color: #f45666;
}

.btn-tertiary:hover, .btn-tertiary:active {
    background-color: #8f55e2;
}

.btn-orange {
    background-color: #f08544;
}

.btn-bluegreen {
    background-color: #007681;
}

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

.btn-border {
    border: solid 1px #dfe6ef;
    color: #0a2e4f;
    background-color: #fff;
}

.btn-border::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: -2px;
}

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

.btn-border.disabled, .btn-border:disabled {
    border-color: #babbcf !important;
}

.btn-border.disabled::before, .btn-border:disabled::before {
    background-color: #babbcf !important;
}

.btn-border.disabled:hover, .btn-border:disabled:hover, .btn-border.disabled:active, .btn-border:disabled:active {
    border-color: #babbcf !important;
    box-shadow: none;
}

.btn-border.icon-link-blank::before {
    width: 16px;
    height: 16px;
}

.btn-border.icon-check::before {
    width: 5px;
    height: 8px;
    vertical-align: top;
}

.btn-border.icon-check.disabled::before, .btn-border.icon-check:disabled::before {
    border-color: #babbcf !important;
    background-color: transparent !important;
}

.btn-alarm {
    display: inline-block;
    position: relative;
    margin-left: 10px;
    height: 22px;
    padding: 1px 6px 1px 19px;
    border: solid 1px #dfe6ef;
    border-radius: 20px;
    color: #999;
    font-size: 12px;
    vertical-align: middle;
    transition: .3s;
}

.btn-alarm::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #aaa;
    mask: url(/res_root/img/common/icon_alarm-941bb7a9eb16c4eec515ffff98f66558.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_alarm-941bb7a9eb16c4eec515ffff98f66558.svg) 50%/contain no-repeat;
    transform: translateY(-50%);
    transition: .3s;
}

.btn-alarm:hover {
    border-color: #0a2e4f;
    color: #0a2e4f;
}

.btn-alarm:hover::before, .btn-alarm:active::before {
    background-color: #0a2e4f;
}

.btn-alarm.active {
    border-color: #0b99ac;
    color: #0b99ac;
}

.btn-alarm.active::before {
    background-color: #0b99ac;
    -webkit-mask: url(/res_root/img/common/icon_alarm_on-fefbd32a98a151b1b65faaf0e41a0bd8.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_alarm_on-fefbd32a98a151b1b65faaf0e41a0bd8.svg) 50%/contain no-repeat;
}

.btn-invest-mng {
    display: inline-block;
    position: relative;
    margin-left: 3px;
    height: 22px;
    padding: 1px 6px 1px 19px;
    border: solid 1px #dfe6ef;
    border-radius: 20px;
    color: #999;
    font-size: 12px;
    vertical-align: middle;
    transition: .3s;
}

.btn-invest-mng::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    border-radius: 100%;
    width: 14px;
    height: 14px;
    background-color: #aaa;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_invest_mng.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_invest_mng.svg) 50%/contain no-repeat;
    transform: translateY(-50%);
    transition: .3s;
}

.btn-invest-mng:hover {
    border-color: #0a2e4f;
    color: #0a2e4f;
}

.btn-invest-mng:hover::before, .btn-alarm:active::before {
    background-color: #0a2e4f;
}

.btn-invest-mng.active {
    border-color: #0b99ac;
    color: #0b99ac;
}

.btn-invest-mng.active::before {
    background-color: #0b99ac;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_invest_mng.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_invest_mng.svg) 50%/contain no-repeat;
}

.pre-badge.invest {
    right: -15px;
}

button.delete {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 3px;
    border-radius: 10px;
    transition-duration: 300ms;
    text-indent: -5000rem;
    background: url(/res_root/img/common/icon_delete-875cd8d6fd04148716f52fdaf22a7338.svg) 50%/8px no-repeat;
}

.btn-more {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 45px;
    color: transparent;
    font-size: 0;
    line-height: 0;
    transition: background-color .3s;
}

.btn-more:hover {
    background-color: #0a2e4f;
}

.btn-more-down {
    width: 100%;
    height: 40px;
    border: solid 1px #f1f4f8;
    color: #0a2e4f;
    background-color: #f1f4f8;
}

.btn-more-down::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;
}

.btn-more-down:hover, .btn-more-down:active {
    border-color: #0a2e4f;
}

.btn-more-down.open::after {
    transform: rotate(180deg);
}

* + .btn-more-down {
    margin-top: 15px;
}

.btn-youtube {
    background-color: #c00;
}

.btn-youtube::before, .btn-zoom::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    vertical-align: -4px;
    background-color: #fff;
}

.btn-youtube:hover, .btn-youtube:active {
    background-color: #ae0000;
}

.btn-zoom {
    background-color: #2d8cff;
}

.btn-zoom:hover, .btn-zoom:active {
    background-color: #006aea;
}

.btn-impossible {
    position: relative;
    padding-left: 30px;
    border: solid 1px #dfe6ef;
    color: #f45666;
}

.btn-impossible:hover, .btn-impossible:active {
    border-color: #f45666;
}

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

.btn-impossible.icon-impossible::before {
    left: 8px;
}

.btn-impossible.icon-impossible::after {
    left: 14px;
}

.btn-scale1::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_map_scale1.svg) 50%/22px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_map_scale1.svg) 50%/22px no-repeat;
}

.btn-scale2::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_map_scale2.svg) 50%/22px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_map_scale2.svg) 50%/22px no-repeat;
}

.btn-scale3::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_map_scale3.svg) 50%/22px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_map_scale3.svg) 50%/22px no-repeat;
}

/* tab */
.tab ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.tab li {
    position: relative;
    width: calc(20% + 1px);
    margin-top: -1px;
    margin-right: -1px;
    border-top: solid 1px #0a2e4f;
    border-left: solid 1px #0a2e4f;
    padding: 0 5px;
    line-height: 50px;
    font-family: NotoSansR;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    transition: .3s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tab.limit5 li {
    width: 20%;
}
.tab.limit5 li:nth-child(5n) {
    border-right: solid 1px #0a2e4f;
}
.tab.limit5 li:nth-child(n+6) {
    border-top: unset;
}
.tab li:last-child {
    border-right: solid 1px #0a2e4f;
}
.tab li:nth-child(5n+1) {
    flex: none;
}

.tab li:hover, .tab li:active {
    background-color: #f6faff;
}

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

.tab li.active {
    color: #fff;
    background-color: #0a2e4f;
}

.tab .icon-point::before, .icon-kab {
    position: absolute;
    top: 7px;
    right: 7px;
}

.tab-panel {
    display: none;
}

.tab-panel.active {
    display: block;
}

.tab-panel > div + div:not([class^=tab]) {
    margin-top: 20px;
}

.tab-panel > .sub-title {
    margin-top: 20px;
}

.tab.wide li {
    flex: 1;
    margin: 0;
}
.tab.limit5.wide li {
    flex: unset;
}

.tab.sub {
    margin-bottom: 15px;
}

.tab.sub li {
    border-color: #0b99ac;
    font-size: 14px;
    line-height: 40px;
}

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

.tab.sub li:first-child {
    border-color: #0b99ac;
}

.tab.sub li::after {
    background-color: #0b99ac;
}

/* left aside */
.sidenav {
    position: fixed;
    top: 200px;
    left: 0;
    bottom: 0;
    background-color: white;
    display: flex;
    flex-direction: row;
    z-index: 50;
    transition: top .2s ease-in-out;
}

.static {
    border-right: 1px solid #dfe6ef;
    background-color: #fff;
    z-index: 2;
    overflow-y: scroll;
}

.static::-webkit-scrollbar {
    width: 0px;
}

.icon-menu li a {
    display: block;
    position: relative;
    width: 70px;
    height: 60px;
    outline: none;
    cursor: pointer;
    transition: .3s ease;
}

.icon-menu li a:hover, .left-icons li a:active {
    background-color: #f6faff;
}

.icon-menu li a:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 50%;
    width: 26px;
    height: 26px;
    background-color: #0a2e4f;
    transform: translateX(-50%);
}

.icon-menu li a.active {
    background-color: #0a2e4f;
}

.icon-menu li a.active:before {
    background-color: #fff;
}

.icon-menu li span {
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    font-family: NotoSansR;
    font-size: 13px;
    color: #0a2e4f;
    line-height: 40px;
    text-align: center;
}

.icon-menu li a.active span {
    color: #fff;
}


@keyframes help-before {
    0%, 20%, 40%, 60%, 80% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate(0, -110%);
        opacity: 1;
        visibility: visible;
    }
    10%, 30%, 50%, 70%, 90% {
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transform: translate(0, -125%);
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes help-after {
    0%, 20%, 40%, 60%, 80% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate(0, 0);
        opacity: 1;
        visibility: visible;
    }
    10%, 30%, 50%, 70%, 90% {
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transform: translate(0, -5px);
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.notification-badge {
    display: block;
    position: absolute;
    top: 4px;
    left: 44px;
    overflow: hidden;
    min-width: 18px;
    max-width: 45px;
    border-radius: 10px;
    padding: 0 5px;
    color: #fff;
    font-family: NotoSansM;
    font-size: 10px;
    text-align: center;
    line-height: 18px;
    font-weight: bold;
    white-space: pre;
    text-overflow: ellipsis;
    background-color: #ff4400;
}

.sidenav-contents {
    position: fixed;
    top: 200px;
    left: -100%;
    bottom: 0;
    width: 400px;
    padding: 0 20px;
    border-right: 1px solid #d9d9d9;
    background-color: #fff;
    transition: left .2s ease-in-out, top .2s ease-in-out;
}

.sidenav-contents.open {
    left: 70px;
    box-shadow: 0 4px 7px 0 rgba(10, 46, 79, .1);
}

.sidenav-contents.open .btn-close {
    display: block;
}

.sidenav-contents > div {
    height: 100%;
}

.sidenav-contents > div .scroll-area {
    height: calc(100% - 220px);
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
}

.sidenav-contents > div .scroll-area::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.sidenav-contents > div .scroll-area.script-manual {
    height: calc(100% - 60px);
}

.sidenav-contents > div .item-list {
    padding-bottom: 50px;
}

.sidenav-contents > div .item-list > li {
    position: relative;
    padding: 15px 0;
    border-bottom: solid 1px #e5e5e5;
}

.sidenav-contents > div .item-list > li > strong {
    display: inline-block;
    position: relative;
    font-size: 15px;
    line-height: 23px;
    padding-right: 55px;
    margin-left: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    vertical-align: middle;
}

/* .sidenav-contents>div .item-list>li>strong::before{content:"";position:absolute;top:3px;left:0;display:block;width:16px;height:18px; */
/* 	background:url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_solid_navy.svg) 50%/contain no-repeat;} */
.sidenav-contents > div .item-list.apt > li a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sidenav-contents > div .item-list.apt > li a strong, .sidenav-contents > div .item-list.auction > li a strong {
    display: inline-block;
    position: relative;
    font-size: 15px;
    line-height: 23px;
    padding-right: 55px;
    margin-left: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    vertical-align: middle;
}

/* .sidenav-contents>div .item-list.apt>li a strong::before{content:"";position:absolute;top:3px;left:0;display:block;width:16px;height:18px; */
/* 	background:url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_solid_navy.svg) 50%/contain no-repeat;} */
.sidenav-contents > div .item-list.apt > li > strong, .sidenav-contents .item-list.auction > li > strong {
    width: calc(100% - 95px);
    padding-right: 0;
}

.sidenav-contents > div .item-list.apt .quick-btns li {
    position: relative;
}

.sidenav-contents > div .group-list > li strong {
    max-width: calc(100% - 100px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 35px;
    padding: 0px 2px;
}

.sidenav-contents .item-list li strong .btn-alarm {
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 1;
}

.sidenav-contents .btn-close, .sidenav-contents .btn-open {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -18px;
    margin: auto;
    width: 18px;
    height: 58px;
    border-top: 1px solid #bcc1ca;
    border-right: 1px solid #bcc1ca;
    border-bottom: 1px solid #bcc1ca;
    background: #fff url(/res_root/img/common/icon_arrow_left-352c2344be264d3f22d20b1acd673b22.svg) 50%/5px no-repeat;
}

.sidenav-contents .btn-open {
    background-image: url(/res_root/img/common/icon_arrow_right-281db40949f57e67efc3d373f91febb5.svg);
}

.sidenav-contents .delete {
    background-color: rgba(0, 0, 0, .05);
    z-index: 1;
}

.sidenav-contents .delete:hover, .item-list > li > .delete:active {
    background-color: rgba(35, 179, 198, .1);
}

.sidenav-contents .arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 50px;
    height: 49px;
    background-color: #0a2e4f;
    transition: .3s;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/12px auto no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/12px auto no-repeat;
    z-index: 10;
}

.sidenav-contents .open .arrow {
    transform: rotate(-180deg);
}

.sidenav-contents .arrow:hover, .sidenav-contents .arrow:active {
    background-color: #23b3c6;
}

.sidenav-contents .hidden-area {
    display: none;
}

.sidenav-contents #source-info .scroll-area, .sidenav-contents #alarm-list .scroll-area {
    height: calc(100% - 60px);
}

.sidenav-contents ul > li > a > button {
    transition: .2s;
}

.sidenav-contents .group-list > li > a > .icon-pen {
    width: 14px;
    height: 14px;
    background-color: rgba(10, 46, 79, .7);
    margin-left: 8px;
    -webkit-mask: url(/res/img/component/icon_pen-ff733758012773c85ae9db6e7d5a5f88.svg) 50%/contain no-repeat;
    mask: url(/res/img/component/icon_pen-ff733758012773c85ae9db6e7d5a5f88.svg) 50%/contain no-repeat;
}

.sidenav-contents .group-list > li > a > .icon-pen:hover {
    background-color: #0b99ac;
}

.sidenav-contents .group-name-adjust-area {
    display: none;
}

.sidenav-contents .group-name-adjust-area .group-input-field {
    display: flex;
    padding: 10px;
    background-color: #f7f7f7;
}

.sidenav-contents .group-name-adjust-area .group-input-field input {
    flex: 1;
}

.sidenav-contents .group-name-adjust-area .group-input-field .btn-group-save {
    width: 40px;
    height: 36px;
    margin-left: 5px;
    padding: 0 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    transition: .3s;
    background-color: #0b99ac;
    z-index: 1;
}

/* 왼쪽 메뉴 빠른 메뉴 */
.sidenav-contents > div .item-list .sub-list {
    position: absolute;
    top: 0;
    right: -100px;
    width: 100px;
}

.sidenav-contents > div .option-search-box {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 20px;
    color: #0a2e4f;
    background-color: #e9f3f4;
}

.sidenav-contents > div .option-search-box > label {
    margin-right: 8px;
    color: #555;
    font-size: 12px;
    letter-spacing: -.6px;
}

.sidenav-contents > div .option-search-box > input {
    flex: 1;
    height: 34px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    font-size: 14px;
    text-indent: 0;
}

.sidenav-contents .group-list > li a::before, .sidenav-contents .item-list.apt > li a::before,
.sidenav-contents .item-list.apt > li::before, .sidenav-contents .item-list.auction > li a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -5px;
    display: block;
    width: 50px;
    height: 49px;
    background-image: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 7px;
    outline: none;
    z-index: 10;
}

.sidenav-contents .group-list > li.open a::before, .sidenav-contents .item-list.apt > li.open a::before,
.sidenav-contents .item-list.apt > li.open::before, .sidenav-contents .item-list.auction > li.open a::before {
    background-image: url(/res/img/component/icon_arrow03_up_black-380fb67bb9816ee92461d1d90e41f52a.svg);
}

.option-search-box > .btn-search {
    margin-left: 5px;
    width: 40px;
    height: 34px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    background-color: #0a2e4f;
    transition: .3s;
}

.option-search-box > .btn-search:hover {
    background-color: #0b99ac;
}

.sidenav-contents .quick-btns {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 10px;
}

.sidenav-contents .quick-btns-group {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.quick-btns, .quick-btns-group {
    gap: 5px;
}

.quick-btns li, .quick-btns-group li {
    width: calc(25% - 4px);
    position: relative;
}

.btn-quick {
    display: inline-block;
    width: 100%;
    padding: 6px 0;
    border: solid 1px #ddd;
    border-radius: 3px;
    color: #111;
    font-size: 12px;
    vertical-align: middle;
    background-color: #edf1f6;
    transition: .2s;
}

.btn-quick:hover {
    color: #fff;
    border-color: #6274a4;
    background-color: #6274a4;
}

.btn-quick:disabled {
    color: #babbcf !important;
    background-color: #edf1f6 !important;
    cursor: default;
}

.btn-quick:hover:disabled {
    border-color: #edf1f6 !important;
}

.sidenav-contents ul > li .btn-search-bind {
    position: absolute;
    top: 15px;
    right: 40px;
    z-index: 1;
    height: 28px;
    padding: 0 5px;
    border: solid 1px rgba(35, 179, 198, .2);
    border-radius: 5px;
    color: #111;
    font-size: 13px;
    font-weight: 500;
    transition: .3s;
    background-color: rgba(35, 179, 198, .1);
}

.sidenav-contents ul > li .btn-search-bind::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 2px;
    vertical-align: -1px;
    background: url(/res/img/component/icon_search-c0895c78def83afd19c3572f293e5c2e.svg) 50%/contain no-repeat;
}

.sidenav-contents ul > li .btn-search-bind:hover {
    border-color: rgba(240, 133, 68, .5);
    background-color: rgba(240, 133, 68, .2);
}

.sidenav-contents .item-list > li .btn-search-bind {
    right: 0;
}

.sidenav-contents .item-list.apt > li .btn-search-bind {
    right: 40px;
}

.account-box {
    display: flex;
    flex-flow: column nowrap;
    height: 100%;
}

.account-photo {
    padding: 20px 0 30px 0;
    border-bottom: solid 2px #dfe6ef;
    text-align: center;
}

.account-photo img {
    display: block;
    width: 90px;
    height: auto;
    margin: 20px auto;
    border-radius: 10px
}

.account-photo strong {
    font-family: GmarketSansM;
    font-size: 20px;
}

.account-photo p {
    font-family: GmarketSansM;
    margin: 5px 0;
    color: #7e81a6;
}

.account-info {
    flex: 1;
    padding: 20px 10px;
    overflow-y: auto;
}

.account-info dl {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 20px;
}

.account-info dl > * {
    padding: 12px 0 12px 10px;
    border-bottom: solid 1px #dfe6ef;
    line-height: 150%;
}

.account-info dt {
    width: 25%;
}

.account-info dd {
    width: 75%;
    letter-spacing: 0;
    font-family: NotoSansR;
    word-break: break-all;
}

.account-info button {
    width: 100%;
    height: 40px;
}


.sidenav-contents .manual-link-list > li {
    flex-flow: column wrap;
    align-items: flex-start;
    padding: 0;
}

.sidenav-contents .manual-link-list > li strong.index {
    display: block;
    width: 100%;
    padding: 13px 18px 13px 15px;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    background-color: #f3f6fb;
    cursor: pointer;
    border-bottom: 2px solid #FFF;
}

.manual-link-list .index {
    position: relative;
}

.manual-link-list .index::after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: 19px;
    width: 12px;
    height: 12px;
    margin-top: 6px;
    background: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg) 50%/contain no-repeat;
    transform: rotate(180deg);
    transition: all .15s ease-in-out;
}

.manual-link-list .index.item::after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 16px;
    width: 16px;
    height: 16px;
    margin-top: 6px;
    background: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50%/contain no-repeat;
    transform: rotate(0deg);
    transition: all .15s ease-in-out;
}

.manual-link-list .index.open::after {
    transform: rotate(0deg);
}

.manual-link-list ul {
    width: 100%;
    overflow: hidden;
}

.manual-link-list li li {
    background: url(/res/img/component/icon_bullet-ee434bab24b42f8a1e8dc281ee7b912d.png) 20px 14px/7px 9px no-repeat;
}

.manual-link-list li li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px 12px 32px;
    border-bottom: solid 1px #f0f3f7;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
}

/*.manual-link-list li li a::after{content:"";display:inline-block;width:20px;height:18px;padding:0;text-indent:-9999px;background-color:#bdc2cc;mask:url(/res/img/component/icon_download-e8b7f509d9491d7f24b56742e57b638a.svg) 50%/contain no-repeat;-webkit-mask:url(/res/img/component/icon_youtube_symbol-7510cbbdbeffbb4bcbd13548c57df570.svg) 50%/contain no-repeat;transition:.3s;}*/
/*.manual-link-list li li a:hover::after{background-color:#ff0000;}*/
.manual-link-list li li a:hover {
    color: #0b99ac;
}

.manual-link-list li li a:hover .icon-download {
    background-color: #0b99ac;
}

.manual-link-list li li:last-child a {
    border-bottom: 0;
}

.manual-link-list li li li {
    background-position: 37px 13px;
}

.manual-link-list li li li a {
    padding: 10px 15px 10px 48px;
    font-weight: normal;
}

.manual-link-list li li ul {
    border-bottom: solid 1px #f0f3f7;
}

.manual-link-list .no-link {
    cursor: default;
}

.manual-link-list .no-link:hover {
    color: #333;
}

.manual-link-list .no-link::after {
    display: none;
}

.title-box {
    position: relative;
    height: 60px;
    padding-top: 24px;
    border-bottom: solid 1px #dfe6ef;
}

.title-box strong {
    font-size: 20px;
}

.title-box .list-count {
    font-family: NotoSansM;
    font-size: 16px;
    letter-spacing: 0;
    margin-left: 4px;
}

.title-box .list-count em {
    font-family: GmarketSansB;
    color: #0b99ac;
    vertical-align: middle;
}

.option-box {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 34px;
    border-bottom: solid 1px #dfe6ef;
}

.selection {
    position: relative;
    font-size: 13px;
}

.selection .btn-selection {
    position: relative;
    padding-right: 12px;
}

.selection .btn-selection span {
    font-size: 13px;
    line-height: 18px;
}

.selection .btn-selection:after {
    content: "";
    display: block;
    position: absolute;
    right: 2px;
    top: 50%;
    width: 4px;
    height: 4px;
    margin-top: -4px;
    border-bottom: 1px solid #0a2e4f;
    border-right: 1px solid #0a2e4f;
    pointer-events: none;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .15s ease-in-out;
}

.selection .selection-list {
    display: none;
    position: absolute;
    top: 26px;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    min-width: 80px;
    padding: 10px 0;
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .3), 0 1px 3px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    z-index: 10;
}

.selection .selection-list li {
    font-size: 13px;
    line-height: 24px;
    padding: 0 15px;
    cursor: pointer;
}

.selection .selection-list li.active {
    color: #0b99ac;
    font-weight: bold;
}

.item-add-box {
    position: relative;
    font-size: 13px;
    padding: 10px 45px 10px 0;
}

.item-add-box::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: -20px;;
    right: -20px;
    height: 1px;
    background-color: #ddd;
}

.item-add-box > .add-region, .item-add-box > .add-apt {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.item-add-box > .add-region > .dropdown {
    flex-grow: 1;
}

.item-add-box > .add-region > .dropdown + .dropdown {
    margin-left: 5px;
}

.item-add-box > .add-region > .dropdown > .dropdown-select:after {
    top: 50%;
}

.item-add-box .dropdown.slim > .dropdown-menu > li {
    font-size: 13px;
    padding-left: 6px;
    padding-right: 6px;
}

.item-add-box .dropdown.slim > .dropdown-select > span {
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}

.item-add-box > .add-apt > .dropdown {
    width: 100%;
    margin-top: 5px;
    margin-right: 3px;
}

.item-add-box .btn-add, .group-add-box .btn-add {
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 40px;
    height: 30px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    background-color: #0b99ac;
    transition: .3s;
}

.item-add-box .btn-add:hover, .group-add-box .btn-add:hover {
    background-color: #ff7240;
}

.icon-refresh span {
    display: block;
    position: relative;
    width: 28px;
    height: 28px;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.icon-refresh span::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    background: url(/res_root/img/common/icon_refresh-d96d22165e271b5cf69161f1a3e68615.svg) 50% 50%/auto 18px no-repeat;
    transition: .2s ease;
}

.icon-refresh:active span::before {
    transform: rotate(180deg);
    transition: .2s ease;
}

.group-add-box {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 0;
}

.group-add-box, .group-list > li {
    border-bottom: solid 1px #dfe6ef;
}

.group-add-box .input-set {
    display: flex;
    display: none;
    width: calc(100% - 80px);
    flex-direction: row;
    align-items: center;
    margin-left: auto;
}

.group-add-box .input-field {
    width: calc(100% - 48px);
    border-bottom-width: 1px;
    margin-top: 0;
}

.group-add-box .input-field input {
    width: 100%;
    height: 29px;
    padding: 0 10px;
    border: 0;
    font-family: NotoSansR;
    font-size: 15px;
}

.btn-add-group {
    position: relative;
    padding-left: 30px;
    height: 30px;
}

/* .btn-add-group::before{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);left:0;width:24px;height:24px;border:1px solid #dfe6ef;border-radius:14px;transition:.3s;} */
.btn-add-group::before {
    position: absolute;
    top: 2px;
    left: 0;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    border: 1px solid #a3a7b2;
    border-radius: 14px;
    background-image: url(/res/img/component/icon_plus-d84c5404e6dcf3459c3be032fae7ed34.svg);
    background-size: 9px 9px;
    background-repeat: no-repeat;
    background-position: center;
    transition: .2s;
}

.btn-add-group:hover::before, .btn-add-group:active::before {
    border-color: rgba(11, 153, 172, .4);
    background-color: rgba(11, 153, 172, .1);
}

.btn-add-group:hover .icon-plus::before, .btn-add-group:hover .icon-plus::after, .btn-add-group:active .icon-plus::before, .btn-add-group:active .icon-plus::after {
    background-color: #fff;
}

.btn-add-group .icon-plus::before {
    left: 13px;
    width: 10px;
}

.btn-add-group .icon-plus::after {
    left: 13px;
    height: 10px;
}

.group-list li {
    position: relative;
}

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

.group-list > li > a {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px 0px;
    overflow: hidden;
    transition: .3s;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    cursor: pointer;
}

.group-list .hidden-area {
    display: none;
    position: relative;
    border-top: dashed 1px #dfe6ef;
}

.group-list li .delete {
    position: static;
    transform: none;
}

.sidenav-contents ul.group-list li .btn-search-bind {
    top: 11px;
}

.sidenav-contents .sticker-st01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    padding: 10px 20px;
    margin-left: 0;
    background-color: #f9f9f9;
}

.sidenav-contents .sticker-st01 > p {
    margin-right: 7px;
    line-height: 22px;
    font-family: NotoSansR;
}

.sidenav-contents .sticker-st01 > p > span {
    margin-right: 5px;
    color: #7e81a6;
    font-size: 12px;
}

.items-in-group {
    position: relative;
    padding: 10px 10px 15px 10px;
}

.items-in-group::before {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: 16px;
    width: 1px;
    height: calc(100% - 50px);
    background-color: #e5e5e5;
    z-index: 1;
}

.items-in-group li {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-left: 20px;
}

.items-in-group li:before {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 4px;
    width: 5px;
    height: 5px;
    background-color: #0b99ac;
    border-radius: 2.5px;
    z-index: 2;
}

.items-in-group li span {
    display: inline-block;
    color: #7e81a6;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    padding-right: 1px;
}

.item-list.apt > li > .apt-address, .sidenav-contents .item-list.auction > li > .apt-address {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    margin-top: 7px;
}

/* .item-list.apt>li>.apt-address{padding-left:20px;} */
.item-list.apt .items-in-group li {
    transition: .3s;
}

.item-list.apt .items-in-group li:hover, .item-list.apt .items-in-group li:active {
    background-color: #f6faff;
}

.source-list > li {
    position: relative;
    padding: 13px 10px;
    border-bottom: solid 1px #dfe6ef;
    font-family: NotoSansM;
    font-size: 15px;
}

.source-list > li > p {
    margin-bottom: 5px;
}

.source-list > li > p:nth-child(2) {
    margin-bottom: 0;
}

.source-list > li > p > span {
    display: inline-block;
    line-height: 20px;
    vertical-align: middle;
}

.source-list > li > p > span:nth-child(2), .source-list > li > p > span:nth-child(4) {
    position: relative;
    padding-right: 10px;
    margin-right: 6px;
}

.source-list > li > p > span:nth-child(2)::after, .source-list > li > p > span:nth-child(4)::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 10px;
    background-color: #dfe6ef;
}

.source-list .index {
    display: block;
    font-weight: 500;
    padding: 3px 10px 0 10px;
    font-size: 13px;
    line-height: 24px;
    background-color: #f6f8fa;
}

.source-list .label {
    position: relative;
    overflow: hidden;
    margin-right: 4px;
    color: #7e81a6;
    line-height: 20px;
    font-size: 12px;
}

.source-list .text {
    color: #008090;
    font-family: NotoSansR;
    font-size: 14px;
}

.source-list.alarm .all-alarm p {
    margin-bottom: 0;
}

.source-list.alarm .switch {
    position: absolute;
    top: 50%;
    right: 10px;
    padding-left: 38px;
    padding-right: 0;
    transform: translateY(-50%);
}

.source-list.alarm .switch input:disabled + .slider {
    background-color: #e4e6e9 !important;
}

.source-list.alarm .switch input:disabled + .slider::before {
    background-color: #fff !important;
}

.all-alarm strong::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 18px;
    margin-right: 5px;
    vertical-align: -3px;
    background-color: #0a2e4f;
    mask: url(../img/component/icon_alarm.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_alarm_on-fefbd32a98a151b1b65faaf0e41a0bd8.svg) 50%/contain no-repeat;
}

.all-alarm.mail strong::before {
    -webkit-mask: url(/res_root/img/common/icon_mail-40fdb27e60a3f7eea1aae2be20db18c1.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_alarm-941bb7a9eb16c4eec515ffff98f66558.svg) 50%/contain no-repeat;
}

.all-alarm.sms strong::before {
    -webkit-mask: url(/res_root/img/common/icon_message-4580c84ef7c3b36298e831d764f0bdf0.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_message-4580c84ef7c3b36298e831d764f0bdf0.svg) 50%/contain no-repeat;
}

#save-list .switch {
    position: absolute;
    top: 50%;
    right: 0;
    padding-left: 38px;
    padding-right: 0;
    transform: translateY(-42%);
}

#save-list .tips-box .list-basic li::before {
    top: 9px;
}

#save-list .tips-box {
    left: 140px;
    top: 24px;
    bottom: auto;
    width: 400px;
    z-index: 11;
}

.filter-container h2 {
    color: #fff;
    padding: 3px 0 0 0;
    background: none;
}

.mask-totalmenu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0a2e4f;
    opacity: .6;
    overflow: hidden;
    z-index: 98;
    opacity: 0;
    visibility: hidden;
    transition: .6s;
}

/* advertising */
.ad-banner-horizontal {
    position: relative;
}

.ad-banner-horizontal.mobile {
    display: none;
}

.ad-banner-horizontal a img {
    width: auto;
    height: 100%;
}

.ad-banner-horizontal .bx-controls {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 1200px;
    z-index: 1;
}

.ad-banner-horizontal .bx-controls-direction {
    display: none;
}

.ad-banner-horizontal .bx-pager {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.ad-banner-horizontal .bx-pager a {
    display: block;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
    opacity: .3;
}

.ad-banner-horizontal .bx-pager a.active {
    opacity: 1;
}

.ad-pre {
    background: linear-gradient(45deg, #4436a0, #6f21a2);
}

.ad-ezip {
    background-color: #1b4c51;
}

.ad-banner-horizontal[id="advMobileBanner"], .ad-banner-horizontal.mobile {
    display: none;
}

/*.slider-ad > div {*/
/*    height: 150px;*/
/*}*/
/*#advWebBanner .slider-ad > div {*/
/*    height: 200px;*/
/*}*/
/*#advMobileBanner .slider-ad > div {*/
/*    height: 200px;*/
/*}*/

/*#advWebBanner .slider-ad .inner > a {*/
/*    display: block;*/
/*    height: 150px;*/
/*    text-align: center;*/
/*}*/
/*#advMobileBanner .slider-ad .inner > a {*/
/*    display: block;*/
/*    height: 200px;*/
/*    text-align: center;*/
/*}*/
.slider-ad .inner > a {
    display: block;
    /*height: 150px;*/
    text-align: center;
}
.slider-ad .inner > a.oncClickReport {
    margin-left: 290px;
}
/* fixed */
.wrapper.fixed .sidenav, .wrapper.fixed .sidenav-contents {
    top: 70px;
    height: calc(100% - 70px);
}

.wrapper.fixed .logo {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 51;
}

.wrapper.fixed .logo a {
    width: 200px;
    height: 70px;
    margin: 0;
    color: transparent;
    font-size: 0;
    line-height: 0;
    text-indent: 0;
    background: none;
}

.wrapper.fixed .logo a::before, .wrapper.fixed .logo a::after {
    content: "";
    display: block;
    float: left;
    height: 70px;
}

.wrapper.fixed .logo a::before {
    width: 70px;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/symbol_gin.svg) 50%/50% no-repeat;
}

.wrapper.fixed .logo a::after {
    width: 110px;
    background-color: #fff;
    -webkit-mask: url(/res_root/img/common/logo_gin-286222e8fa2a02d21b492ea93d9d4909.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/logo_gin-286222e8fa2a02d21b492ea93d9d4909.svg) 50%/contain no-repeat;
}

.wrapper.fixed .top-icons {
    position: fixed;
    top: 4px;
    right: 15px;
    z-index: 51;
}

.wrapper.fixed .toggle-bar, .wrapper.fixed .top-icons .icon-all-menu::before, .wrapper.fixed .icon-all-menu::after {
    background-color: #fff;
}

.wrapper.fixed .alarm-area {
    top: 70px;
}

.wrapper.fixed .top-icons > button, .wrapper.fixed .top-icons > button:hover, .wrapper.fixed .top-icons > button:active {
    color: #fff;
}

.wrapper.fixed .top-icons .icon-alarm::before, .wrapper.fixed .top-icons .icon-user::before {
    background-color: #fff;
}

.wrapper.fixed .lnb-sub.open {
    opacity: 0 !important;
    height: 0 !important;
}

.btn-mobile-filter, .filter-close-btn {
    display: none;
}

/* loading */
.loading-overlay.loading-theme-light {
    background: none !important;
}

.loading-overlay {
    opacity: 1 !important;
}

.loading-overlay-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3000;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/symbol_gin_white.svg) 50% 30px/100px no-repeat;
}

.loading-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(10, 46, 79, .8);
    z-index: 2999;
}

/* .loading-img{display:block;width:200px;height:200px;margin:0 auto;background:url(/res_root/img/common/cha_loading-16358ea0c13b5941a634aa6309b50798.png) 0 0 no-repeat;animation:character .5s steps(3) infinite;} */
.loading-text {
    margin-top: 30px;
    font-family: GmarketSansM;
    color: #fff;
    font-size: 20px;
    text-shadow: 0 0 10px #0a2e4f;
    letter-spacing: 0.1em;
    line-height: 22px;
}

.loading-img {
    margin: 5% auto;
    height: 150px;
    width: 150px;
    border: solid 6px #fff;
    border-right-color: #23b3c6;
    border-right-color: #23b3c6;
    border-radius: 100%;
    animation: spin 800ms infinite linear;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/* @keyframes character{
	from {background-position:0 0;}
    to {background-position:-600px 0;}
} */

/* footer */
.foot-menu {
    position: relative;
    border-top: solid 1px #d9e0e8;
}

.foot-list {
    display: flex;
    padding-right: 60px;
}

.foot-list li {
    flex: 1;
    position: relative;
    line-height: 60px;
    font-family: NotoSansR;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    transition: .3s ease;
}

.foot-list li:hover, .foot-list li:active {
    background-color: #f6faff;
}

.foot-list li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 15px;
    background-color: #dfe6ef;
}

.foot-list li a {
    display: block;
    height: 60px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.back-to-top {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 60px;
    height: 60px;
    margin: 0;
    border-radius: 0;
    text-indent: -9999px;
    background: #23b3c6 url(/res_root/img/common/icon_arrow_top-89eb04655ff14ed0fef365bc9176c9f2.svg) 50%/30% no-repeat;
    transition: background-color .3s ease-in-out;
    z-index: 1;
}

.back-to-top:hover, .back-to-top:active {
    background-color: #0a2e4f;
}

.back-to-top.fixed {
    position: fixed;
    top: auto;
    right: auto;
    bottom: 5%;
    left: 50%;
    transform: translateX(610px);
}
.inner.layout1440 .back-to-top.fixed {
    left: 1210px !important;
    transform: translateX(580px);
}
.inner.layout1440-noAd .back-to-top.fixed {
    left: 1210px !important;
    transform: translateX(580px);
}
.foot-logo {
    padding-left: 180px;
    background: url(/res_root/img/common/logo_gin-286222e8fa2a02d21b492ea93d9d4909.svg) 0 0/130px no-repeat;
}

.foot-logo li {
    float: left;
    padding: 0 10px;
    line-height: 20px;
}

.foot-logo li:last-child {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 0;
}

.copyright {
    padding: 40px 0 40px 70px;
    background-color: #edf1f6;
}

.partners {
    position: relative;
}

.partners button {
    position: relative;
    float: right;
    width: 200px;
    padding: 15px;
    border: solid 1px #edf1f6;
    border-bottom-color: #0a2e4f;
    color: #0a2e4f;
    font-family: NotoSansR;
    font-size: 15px;
    text-align: left;
}

.partners button:hover, .partners button:active {
    border-color: #0a2e4f;
    background-color: #fff;
}

.partners button::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(180deg);
    width: 20px;
    height: 20px;
    background: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/12px 7px no-repeat;
}

.partners button.active::after {
    transform: translateY(-50%) rotate(0);
}

.partners ul {
    display: none;
    position: absolute;
    bottom: 69px;
    right: 0;
    border: solid 1px #0a2e4f;
    background-color: #fff;
}

.partners li a {
    display: block;
    width: 198px;
    padding: 15px;
    transition: .3s ease;
}

.partners li a:hover, .partners li a:active {
    color: #fff;
    background-color: #0a2e4f;
}

.partners li + li {
    border-top: solid 1px #0a2e4f;
}

/* modal */
.modal .chart-area, .modal .grid-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    width: calc(100% - 40px);
    margin: 0px 20px 20px 20px;
    border-radius: 4px;
}

.modal-container .title-area.purple {
    position: relative;
    min-height: 54px;
    background: -webkit-linear-gradient(45deg, #0b99ac, #23b3c6);
    background: linear-gradient(45deg, #0b99ac, #23b3c6);
    background-size: 150%;
    border-top: 0;
    transition: .5s;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.modal-container .title-area.purple:hover {
    background-position: right;
}

.modal-container .title-area > h2 {
    position: relative;
    display: block;
    width: calc(100% - 50px);
    height: inherit;
    margin-bottom: 0;
    padding-left: 50px;
    padding-top: 5px;
    color: #fff;
    text-align: left;
    font-size: 20px;
    line-height: 54px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_bullet5.svg) 20px 50%/auto 22px no-repeat;
}

.modal-container.develop-map #develop_list{
    position: absolute;
    left: 0;
    width: 330px;
    height: 700px;
    border-right: 1px solid #bcc1ca;
    z-index: 3;
    background: white;
}

.modal-container.develop-map .title-box button{
    position: absolute;
    width: 34px;
    right: 10px;
    top: 10px;
    background-color: #0000000d;
    height: 34px;
    border-radius: 34px;
    background-size: 14px;
    background-image: url(/res/img/component/icon_delete_gray-2d803a094f0007107a563518d57a416a.svg);
}

.modal-container.develop-map .location-select{
    top:70px;
    transform: translate(-50%);
}
.modal-container.develop-map .map-tool-list.icon-list {
    right: 10px;
    left: auto;
    bottom: 35px;
}
.modal-container.develop-map .map-tool-btns{
    z-index: 1;
}
.modal-container.develop-map .map-tool-btns.label-btn {
    right: 10px;
    left: auto;
    bottom: 75px;
}
.modal-container.develop-map .map-tool-btns.list-btn {
    right: 10px;
    left: auto;
    bottom: 115px;
}
.modal-container.develop-map .btn-list::before{
    -webkit-mask: url(/res_root/img/common/icon_report-7de4598107698ce343d61e7bfd01ae1d.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_report-7de4598107698ce343d61e7bfd01ae1d.svg) 50%/contain no-repeat;
    height: 17px;
    top: 3px;
}
.modal-container.develop-map .btn-icon::before {
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/dev_all.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/dev_all.svg) 50%/18px no-repeat;
}
.modal-container.develop-map .btn-road::before {
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/road.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/road.svg) 50%/18px no-repeat;
}
.modal-container.develop-map .btn-rail::before {
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/rail.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/rail.svg) 50%/18px no-repeat;
}
.modal-container.develop-map .btn-jigu::before {
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/jigu.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/jigu.svg) 50%/18px no-repeat;
}
.modal-container.develop-map .map-search{
    position: absolute;
    top: 58px;
    right: 10px;
    background-color: #f3f6fb;
    margin: 10px 5px 0px 0px;
    border-radius: 5px 5px 0 0;
}
.modal-container.develop-map .map-search .search {
    justify-content: space-between;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    margin: 0;
    height: 45px;
    background-color: #fff;
    transition: .3s;
}
.modal-container.develop-map .map-search .btn-set {
    flex-wrap: unset;
}
.modal-container.develop-map .map-search .search input {
    width: 225px;
    height: 30px;
    padding: 5px 10px;
    border: 0;
    border-radius: 4px;
    text-indent: 0;
}

.modal-container.develop-map .map-search .search button {
    text-indent: -9999px;
}
.modal-container.develop-map .map-search .search .delete {
    background-color: rgba(0, 0, 0, .05);
    margin-right: 3px;
    height: 20px;
}
.modal-container.develop-map .map-search .search .icon-search {
    width: 43px;
    height: 30px;
    border: 0;
    background-color: transparent;
}
.modal-container.develop-map .map-search .search .icon-search::before{
    background-color: #0a2e4f;
}
.modal-container.develop-map .map-search .btn-set.search{
    border-top: 8px solid #f3f6fb;
    border-left: 8px solid #f3f6fb;
    border-right: 8px solid #f3f6fb;
    border-bottom: 8px solid #f3f6fb;
    border-radius: 5px 5px 0 0;
}
.modal-container.develop-map .map-search .area-list{
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .0);
    border-top: 0px solid #f3f6fb;
    border-left: 8px solid #f3f6fb;
    border-right: 8px solid #f3f6fb;
    border-bottom: 8px solid #f3f6fb;
    border-radius: 0 0 5px 5px;
    top: 35px;
}
.modal-container.develop-map .map-tool-list {
    position: absolute;
}
.modal-container.develop-map .map-tool-btns .active, .modal-container.develop-map .map-tool-list .active {
    color: #fff;
    border-color: #0a2e4f;
    background-color: #0a2e4f;
}
.modal-container.develop-map .tool-list {
    position: relative;
    width: 37px;
    height: 36px;
    overflow: hidden;
    -webkit-transition: width .3s, -webkit-transform .3s;
    transition: width .3s, transform .3s;
}
.modal-container.develop-map .map-tool-list .tool-list > div {
    display: flex;
    flex-flow: row nowrap;
    position: absolute;
    top: 0;
    left: 0;
}
.modal-container.develop-map .map-tool-btns {
    position: absolute;
    z-index: 13;
}
.modal-container.develop-map .map-tool-btns button,.modal-container.develop-map .map-tool-list button {
    display: block;
    position: relative;
    width: 36px;
    height: 36px;
    padding-top: 18px;
    border: solid 1px #a9b2c7;
    border-radius: 5px;
    color: #0a2e4f;
    font-size: 10px;
    background-color: #fff;
    outline: none;
}
.modal-container.develop-map .map-tool-list button:not(.selected) span::before {
    background-color: #a9b2c7;
}
.modal-container.develop-map .map-tool-list button:not(.selected) {
    color: #a9b2c7;
    background-color: #f3f6fb;
}
.modal-container.develop-map .map-tool-btns button span::before, .modal-container.develop-map  .map-tool-list button span::before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 50%;
    width: 20px;
    height: 20px;
    background-color: #0a2e4f;
    transform: translateX(-50%);
    pointer-events: none;
}
.modal-container.develop-map .map-tool-btns .active span::before, .modal-container.develop-map .map-tool-list .active span::before {
    background-color: #fff;
}
.modal-container.develop-map .btn-hide::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_hide.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_hide.svg) 50%/contain no-repeat;
}
.modal-container.develop-map .scroll-area {
    height: calc(100% - 60px);
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
}
.modal-container.develop-map .scroll-area::-webkit-scrollbar{
    display:none;
}
.modal-container.develop-map .manual-link-list > li strong.index{
    display: block;
    width: 100%;
    padding: 13px 18px 13px 15px;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    background-color: #f3f6fb;
    cursor: pointer;
    border-bottom: 2px solid #FFF;
}
.modal-container.develop-map .manual-link-list li.active > strong.index{
    background-color:rgba(99, 178, 238, 0.3) !important;
}
.modal-container.develop-map .manual-link-list > li li strong.index {
    padding-left: 30px;
}
.modal-container.develop-map .manual-link-list li li.active > strong.index{
    background-color:rgba(99, 178, 238, 0.3) !important;
}
.modal-container.develop-map .manual-link-list > li li a.active{
    background: rgba(99, 178, 238, 0.2);
}
.modal-container.develop-map .manual-link-list > li li a::after{
    width: 27px;
    height: 27px;
    mask: none;
    -webkit-mask: none;
}
.modal-container.develop-map .manual-link-list > li li a.rail::after {
    background: url(/res/img/map/rail-b20b0886b4620fdc3e9156abcae95244.png) 50%/contain no-repeat;
}
.modal-container.develop-map .manual-link-list > li li a.road::after {
    background: url(/res/img/map/road-148a27b6d76bbf982d38c45dbb245419.png) 50%/contain no-repeat;
}
.modal-container.develop-map .manual-link-list > li li a.jigu::after {
    background: url(/res/img/map/jigu-505a040ea1d1d53c4ef51537e89934c9.png) 50%/contain no-repeat;
}
.modal-container.develop-map .manual-link-list span.dev-section{
    display: flex;
    font-size: 12px;
    font-weight: bold;
    color: black;
    padding-bottom: 5px;
}
.modal-container.develop-map h4{
    margin-bottom: 14px;
}
.modal-container.develop-map .title-box {
    padding: 24px 20px 0 20px;
}
.modal-container.develop-map .develop-detail {
    position: absolute;
    left: 330px;
    width: 330px;
    height: calc(100% - 59px);
    background: white;
    z-index: 12;
}
.modal-container.develop-map .develop-detail .detail-inner{
    height: calc(100% - 110px);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 15px;
}
.modal-container.develop-map .develop-detail .detail-inner::-webkit-scrollbar{
    display: none;
}
.modal-container.develop-map .develop-detail .detail-inner .blank-data {
    margin-top: 30px;
    text-align: center;
}
.modal-container.develop-map .develop-detail .detail-inner .blank-data::before{
    content: "";
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto 20px auto;
    background: url(/res/img/common/img_dormant_error-999183f10c9154ebed6947baa3079ccf.png) 50%/180px no-repeat;
}
.modal-container.develop-map .develop-detail .detail-header {
    padding: 10px;
}
.modal-container.develop-map .develop-detail .detail-header > strong{
    font-size: 18px;
}
.modal-container.develop-map .develop-detail .detail-info, .modal-container.develop-map .develop-detail .detail-notice, .modal-container.develop-map .develop-detail .detail-history{
    margin-top: 20px;
}
.modal-container.develop-map .develop-detail .detail-image li{
    text-align: center;
    margin-bottom: 15px;
    border: 1px solid #bcc1ca;
}
.modal-container.develop-map .develop-detail .detail-image li.relate-img{
    display: none;
}
.modal-container.develop-map .develop-detail .detail-image a{
    width: calc(100% - 20px);
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin-top: 4px;
    padding-top: calc(50% - 2px);
    vertical-align: top;
}
.modal-container.develop-map .develop-detail .detail-image img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.modal-container.develop-map .develop-detail .detail-image button{
    position: relative;
}
.modal-container.develop-map .develop-detail .detail-image button::after{
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: -15px;
    width: 12px;
    height: 12px;
    background: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg) 50%/contain no-repeat;
    transform: rotate(180deg);
    transition: all .15s ease-in-out;
}
.modal-container.develop-map .develop-detail .detail-image button.open::after{
    transform: rotate(0deg);
}
.modal-container.develop-map .develop-detail .detail-info div{
    padding: 10px;
}
.modal-container.develop-map .develop-detail .detail-info dt{
    width: 100px;
    font-size: 13px;
}
.modal-container.develop-map .develop-detail .detail-info dd{
    width: calc(100% - 100px);
    font-size: 13px;
    border-right: 1px solid #ccd4e1;
    word-break:break-all;
}
.modal-container.develop-map .develop-detail .detail-history ol{
    padding: 5px 10px;
    font-size: 13px;
}
.modal-container.develop-map .develop-detail .detail-history ol li{
    padding: 6px 14px;
    border-radius: 16px;
    border: 1px solid #00000012;
    position: relative;
    margin: 10px;
}
.modal-container.develop-map .develop-detail .detail-history ol li:before{
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    top: 50%;
    left: -13px;
    margin-top: -4px;
    border-radius: 3.5px;
    background-color: #d8d8d8;
}
.modal-container.develop-map .develop-detail .detail-history ol li:first-child{
    border: 1px solid #23b3c6;
}
.modal-container.develop-map .develop-detail .detail-history ol li:first-child:before{
    background-color: #23b3c6;
}
.modal-container.develop-map .develop-detail .detail-notice ol{
    font-size: 13px;
}
.modal-container.develop-map .develop-detail .detail-notice ol li{
    position: relative;
    padding: 6px 10px;
    margin: 10px;
}
.modal-container.develop-map .develop-detail .detail-notice ol li:before{
    content: "";
    width: 2px;
    height: 2px;
    position: absolute;
    top: 12px;
    left: 0;
    background-color: #515254;
}
.modal-container.develop-map .icon-link{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-color: #0a2e4f;
}

.modal-container.develop-map .btn-detail-close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -18px;
    margin: auto;
    width: 18px;
    height: 58px;
    background-image: url(/res/img/component/icon_box_close-d2b5c392dad82aaaffd3af6840399895.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    background-color: #fff;
    border-top: 1px solid #bcc1ca;
    border-right: 1px solid #bcc1ca;
    border-bottom: 1px solid #bcc1ca;
    outline: none;
    transition: box-shadow .3s ease-out;
}

.option-set {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-bottom: 1px solid #dbe0ec;
    background-color: #fff;
}
.option-set.borderBottomEmpty {
    border-bottom: none;
}

.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:first-child {
    padding-left: 0;
}

.option-set .option:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}

.option-set .option .icon-reset {
    position: relative;
    display: block;
    width: 36px;
    height: 36px;
    margin-left: 10px;
}

.option-set label {
    margin-right: 14px;
    color: #666;
    font-family: NotoSansR;
    font-size: 15px;
}

.option-set label.bullet {
    position: relative;
    padding-left: 10px;
    margin-left: 8px;
}

.option-set label:first-child.bullet {
    margin-left: 0;
}

.option-set label.bullet:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #0b99ac;
}

.dropdown-multi > .dropdown-menu > ul.dataType {
    width: 100%;
    height: auto;
    overflow-y: hidden;
}

.dropdown-multi > .dropdown-menu > ul.areaYear {
    width: 50%;
    height: auto;
    overflow-y: hidden;
}

.dropdown-multi > .dropdown-menu > ul:first-child {
    border-left: 0;
}

/*
* above-area
*/
.above-area {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}
.above-area .info {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    color: #7080ad;
    font-weight: 400;
    letter-spacing: -0.5px;
    margin-right: 17px;
}
.modal-container .above-area {
    align-items: flex-end;
}
.root-modal .above-area {
    margin: 10px 0px;
}
.root-modal .table-area {
    padding: 20px;
}
.root-modal .options button {
    font-weight: 600;
    text-align: center;
    overflow: hidden;
    padding: 0 16px;
    height: 38px;
    color: #333;
    border-radius: 3px;
    font-size: 15px;
    background-color: #f1f1f1;
    transition: .3s;
}
.root-modal .options button.btn-apt-group {
    color: white;
    background: #0b99ac;
}
/* > .right */
article .right {
    position: relative;
    margin-left: auto;
    /*margin-right: 15px;*/
}
article .right.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
.switcher-set {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    border-top: 1px solid #dee3ef;
    border-bottom: 1px solid #dee3ef;
    background-color: #fff;
    z-index: 100;
}

.switcher-set.popup-set {
    position:initial;
}

.switcher-set > button {
    display: block;
    position: absolute;
    right: -52px;
    width: 46px;
    height: 46px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px 14px;
    border-radius: 23px;
    box-shadow: 0 16px 24px 2px rgba(10, 46, 79, .14), 0 6px 30px 5px rgba(10, 46, 79, .12), 0 8px 10px -7px rgba(10, 46, 79, .2);
    transition: box-shadow .3s ease;
}

.switcher-set .icon-reset {
    z-index: 1;
}

.switcher-set .open-total-switcher {
    top: 54px;
    background-image: url(/res_root/img/common/icon_filter-fdbe792175550e8b94816b672e906b8d.svg);
    z-index: 2;
}

.switcher-set .open-total-switcher.active {
    background-image: url(/res_root/img/common/icon_filter_on-7f712860bb7d18679dd7995f8749f643.svg);
}

.switcher-set .switcher {
    display: flex;
    flex-direction: row;
    flex: 1;
    position: relative;
    word-break: keep-all;
}

.switcher-set .switcher .head {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    width: 100%;
    height: 50px;
    padding-left: 85px;
    padding-right: 48px;
}

.switcher-set .switcher .head > h3 {
    position: absolute;
    top: 0;
    left: 20px;
    height: 48px;
    padding-left: 0;
    font-size: 16px;
    line-height: 48px;
    background: none;
}

.switcher-set .switcher .head > h3 span {
    display: inline-block;
    vertical-align: middle;
    font-family: NotoSansR;
}

.switcher-set .switcher .head > .chip-set {
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.switcher-set .switcher .arrow {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 46px;
    height: 50px;
    border-right: 1px solid #dee3ef;
    background-image: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 7px;
}

.switcher-set .switcher .arrow::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    background-color: #e9f3f4;
    z-index: -1;
    opacity: 0;
    transition: all 500ms ease;
    transform: translate(-50%, -50%);
}

.switcher-set .switcher .arrow:hover::after {
    opacity: 1;
}

.switcher-set .switcher .arrow.active {
    background-image: url(/res_root/img/common/icon_arrow_up-cdd643ccfb94ee2e11a850302173a408.svg);
}

.switcher-set .switcher > fieldset {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: calc(100% + 105px);
    padding: 60px 15px 15px 15px;
    border: 1px solid #0a2e4f;
    font-size: 14px;
    line-height: 20px;
    background-color: #fff;
    z-index: 1;
}

.switcher-set .switcher:first-child > fieldset {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: calc(100% + 105px) !important;
    padding: 60px 15px 15px 15px;
    border: 1px solid #0a2e4f;
    font-size: 14px;
    line-height: 20px;
    background-color: #fff;
    z-index: 1;
}

.switcher-set .switcher:last-child > fieldset {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    left: auto;
    width: calc(100% + 105px);
    padding: 60px 15px 15px 15px;
    border: 1px solid #0a2e4f;
    font-size: 14px;
    line-height: 20px;
    background-color: #fff;
    z-index: 1;
}

.switcher-set .switcher > fieldset > legend {
    top: 20px;
    left: 20px;
    display: flex;
    align-items: center;
    width: calc(100% - 35px);
    height: 30px;
    color: #0a2e4f;
    font-family: NotoSansR;
    font-size: 20px;
    line-height: 30px;
}

.switcher-set .switch {
    position: relative;
    width: 50%;
    padding-right: 0;
}

.switcher-set .switch .slider {
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    width: 34px;
    height: 14px;
    background-color: #d9e8e9;
    transition: .15s;
    margin-left: 1px;
    margin-right: 7px;
    border-radius: 10px;
    cursor: pointer;
}

.switcher-set .switch .slider:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    top: -3px;
    left: -1px;
    box-shadow: 0 1px 3px rgba(10, 46, 79, .4);
    border-radius: 50%;
    background-color: #fff;
    transition: .15s;
}

.switcher-set .switch input:checked + .slider {
    background-color: #b5e4e8;
}

.switcher-set .switch input:checked + .slider::before {
    transform: translateX(16px);
    background-color: #23b3c6;
}

.switcher-set.five .switcher {
    width: 20%;
}

.switcher-set.five .switch {
    width: 100%;
}

.switcher-set.six .switcher {
    width: 16.66666667%;
}

.switcher-set.six .switch {
    width: 100%;
}

.switch-set {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.switch-set.box {
    padding: 10px 20px;
    border-bottom: 1px solid #dbe0ec;
    background-color: #e9f3f4;
}

.switch-set.box .switch + .switch {
    margin-left: 20px;
}

.switch-set.box .switch .slider {
    position: absolute;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    width: 34px;
    height: 14px;
    background-color: #d9e8e9;
    transition: .15s;
    margin-left: 1px;
    margin-right: 7px;
    border-radius: 10px;
    cursor: pointer;
}

.switch-set.box .switch .slider:before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    top: -3px;
    left: -1px;
    box-shadow: 0 1px 3px rgba(10, 46, 79, .4);
    border-radius: 50%;
    background-color: #fff;
    transition: .15s;
}

.switch-set.box .switch input:checked + .slider {
    background-color: #b5e4e8;
}

.switch-set.box .switch input:checked + .slider:before {
    transform: translateX(16px);
    background-color: #23b3c6;
}
.switch input:checked + .slider.cancel {
    background-color: #e4e6e9;
}
.switch input:checked + .slider.cancel:before {
    background-color: #e4e6e9;
}
.switch-set.box > .switch-set-label-area{
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}
.switch-set.box > .switch-set-label-area > .switch-set-label{
    padding: 10px;
}
.switch-set.box > .switch-set-label-area > .switch-set-label:before {
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #23b3c6;
}
.switch-set.box > .switch-set-label-area > .switch-set-label::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 2px;
    height: 17px;
    background-color: #dadce0;
}

.switcher-set > .switcher > fieldset > .switch-set.box {
    flex-direction: row;
    flex-wrap: nowrap;
    position: absolute;
    right: 20px;
    top: 16px;
    border: 0;
    padding: 0;
    background-color: transparent;
}

.switcher-set > .switcher > fieldset > .switch-set.box .switch input:checked + .slider.capri {
    background-color: rgba(255, 114, 64, .3);
}

.switcher-set > .switcher > fieldset > .switch-set.box .switch input:checked + .slider.capri::before {
    background-color: #ff7240;
}

.switcher-set > .switcher .switch .tips-box {
    bottom: 35px;
}


.tips-box.apt-top {
    bottom: auto;
    top: 36px;
    right: auto;
    width: 1000px;
    z-index: 1;
}

.row > .real-price {
    width: calc(33.3333% - 10px);
    margin-left: 6px;
}

.row > .real-price:first-child > li.title {
    background-color: #23b3c6;
}

.row > .real-price:first-child > li.title > div {
    border-color: #0b99ac;
}

.row > .real-price:nth-child(3n + 1) {
    margin-left: 0;
}

.real-price > li {
    display: flex;
    flex-direction: row;
    padding-top: 12px;
    padding-bottom: 12px;
    border-right: 1px solid #dfe6ef;
    border-bottom: 1px solid #dfe6ef;
    border-left: 1px solid #dfe6ef;
}

.real-price > li > div {
    width: 40%;
    padding-left: 5px;
    padding-right: 5px;
    border-left: 1px solid #dfe6ef;
}

.real-price > li > div:first-child {
    width: 20%;
    border-left: 0;
    padding-top: 2px;
    color: #008090;
    font-family: GmarketSansM;
    letter-spacing: 0;
    text-align: center;
}

.real-price > li.title {
    align-items: center;
    height: 32px;
    padding: 0;
    border: 0;
    text-align: center;
    background-color: #0a2e4f;
}

.real-price > li.title > div {
    border-left: 1px solid rgba(255, 255, 255, .3);
    color: #fff;
}

.real-price > li > div i {
    position: absolute;
    top: 3px;
    left: 4px;
    display: block;
    width: 33px;
    padding-top: 1px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 15px;
}

.real-price > li > div .high-price, .real-price > li > div .low-price {
    position: relative;
    display: block;
    text-align: right;
    line-height: 25px;
    padding-right: 5px;
    transition: .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    font-family: GmarketSansM;
    letter-spacing: 0;
}

.real-price > li > div .high-price::before, .real-price > li > div .low-price::before {
    display: none;
}

.real-price > li > div .high-price i {
    border: 1px solid #ff4400;
    background-color: #ff7240;
}

.real-price > li > div .low-price i {
    border: 1px solid #000;
    background-color: #0a2e4f;
}

.real-price > li > div > ul {
    margin-top: 5px;
}

.real-price > li > div > ul > li {
    position: relative;
    padding: 5px;
    letter-spacing: 0;
    transition: .2s;
}

.real-price > li > div > ul > li:hover {
    background-color: #e7f6f7;
}

.real-price > li > div > ul > li span {
    display: block;
    float: right;
    font-size: 13px;
    color: #7e81a6;
}

.real-price > li > div > ul > li span.regist {
    padding-right: 10px;
}

.real-price > li > div > ul > li span.regist::after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
    width: 10px;
    height: 10px;
    background-color: #3e7fe5;
}

.real-price > li > div > ul > li span.unregist {
    padding-right: 10px;
}

.real-price > li > div > ul > li span.unregist::after {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    right: 0;
    width: 10px;
    height: 10px;
    background-color: red;
}

.real-price > li > div > ul > li span.tag-nm{
    padding-right: 15px;
}

.real-price > li > div > ul > li span.tag-nm i{
    width: 18px;
    right: 0px;
    left: auto;
    padding: 0 4px 2px 3px;
    font-size: 11px;
}

.real-price > li > div > ul > li span.tag-nm.gm i{
    background-color: #FF0060;
}

.real-price > li > div > ul > li span.tag-nm.sag i{
    background-color: #0079FF;
}

.real-price > li > div > ul > li span.tag-nm.ryd i{
    background-color: #FBA834;
}

.real-price > li > div > ul > li span.tag-nm.sl i{
    background-color: #00DFA2;
}

.real-price > li > div > ul > li span.apt-dong-nm {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(7 * 1ch);
    padding-right: 5px;
}

.real-price .cancel {
    position: relative;
    padding-bottom: 18px;
}

.real-price .cancel b {
    line-height: 130%;
}

.real-price .renew {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 3px;
    background: #97afe626;
}

.real-price .renew b {
    line-height: 130%;
    position: absolute;
    top: 20px;
    right: 5px;
    bottom: 0;
    color: #3e7fe5;
    font-size: 12px;
}

.real-price .renew.up b {
    color: red;
}

.real-price .direct {
    position: relative;
    padding-bottom: 18px;
    margin-bottom: 3px;
    background: #97afe626;
}

.real-price .direct b {
    line-height: 130%;
    position: absolute;
    top: 20px;
    right: 5px;
    bottom: 0;
    color: #b73dd1;
    font-size: 12px;
}

.real-price .lot-solid {
    padding-left: 30px;
}

.lot-solid::after {
    content: "분";
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    color: #fff;
    border: solid 1px #e7a811;
    border-radius: 2px;
    font-family: GmarketSansM;
    font-size: .7rem;
    line-height: 15px;
    text-align: center;
    background-color: #f9b921;
}

.cancel::before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    height: 2px;
    background-color: red;
}

.cancel b {
    position: absolute;
    top: 20px;
    right: 5px;
    bottom: 0;
    color: red;
    font-size: 12px;
}

.high-price:hover {
    background-color: #ffefe4;
}

.high-price::before {
    content: "최고";
    border-color: #ff4400;
    background-color: #ff7240;
}

.low-price:hover {
    background-color: #eaeff9;
}

.low-price::before {
    content: "최저";
    border-color: #000;
    background-color: #0a2e4f;
}

.apt-notice {
    position: relative;
    background-color: #fff1f2;
    border-color: #ead5d6;
    margin-left: auto;
    padding: 5px 10px;
    margin-right: 18px;
}

.apt-notice p {
    position: relative;
    color: #83272f;
    padding-left: 10px;
    line-height: 18px;
}

.apt-notice p::before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #c88a8d;
}

.apt-notice p span.regist, .apt-notice p span.unregist {
    position: relative;
    padding-left: 12px;
}

.apt-notice p span.regist::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    width: 10px;
    height: 10px;
    background-color: #3e7fe5;
}

.apt-notice p span.unregist::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0px;
    width: 10px;
    height: 10px;
    background-color: red;
}

.apt-notice p span.tag-nm i{
    padding: 0 4px 2px 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 21px;
}

.apt-notice p span.tag-nm.gm i{
    background-color: #FF0060;
}
.apt-notice p span.tag-nm.sag i{
    background-color: #0079FF;
}
.apt-notice p span.tag-nm.ryd i{
    background-color: #FBA834;
}
.apt-notice p span.tag-nm.sl i{
    background-color: #00DFA2;
}

/* 기존 modal */
.modal-container.page-modal {
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    width: 90%;
    box-shadow: none;
    background-color: transparent;
}

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

.modal-container.page-modal .title-area h2 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-bottom: 15px;
    border-bottom: solid 2px rgba(255, 255, 255, .3);
    color: #fff;
    font-family: GmarketSansM;
    font-size: 30px;
    line-height: normal;
    background: none;
}

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

.page-modal .btn-history{
    display: block;
    position: absolute;
    top: 5px;
    right: 58px;
    font-size: 26px;
    color: white;
    border: 2px solid white;
    padding: 5px;
}

.page-modal .btn-history:hover {
    color: #11f1df;
    border-color: #11f1df;
}

.page-area {
    height: calc(100% - 50px);
    padding: 20px;
    padding-left: 0;
    overflow-y: auto;
}

.page-area::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, .3);
}

.page-area:hover::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .5);
}

.page-area::-webkit-scrollbar-track {
    background-color: rgba(10, 46, 79, 1);
}

.page-area h3 {
    margin-bottom: 20px;
    padding-top: 30px;
    padding-left: 0;
    color: #11f1df;
    background: none;
}

.page-area h4 {
    margin-bottom: 10px;
    padding-left: 0;
    color: #9cc8f0;
    background: none;
}

.page-area p {
    color: #fff;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 180%;
    text-align: justify;
}

.page-area ol, .page-area ul {
    margin-bottom: 20px;
    padding-left: 15px;
}

.page-area li {
    color: #fff;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 160%;
    text-align: justify;
}

.page-area li ol, .page-area li ul {
    margin-top: 15px;
}

.page-area li li {
    margin-bottom: 10px;
    padding-left: 15px;
    color: rgba(255, 255, 255, .8);
    font-size: 15px;
}

.page-area .orange {
    color: #ffad68;
}

.page-area .table-blue thead {
    background-color: #0a2e4f;
}

.page-area .table-blue th, .page-area .table-blue td {
    border-color: rgba(255, 255, 255, .1);
    color: #fff;
}

.page-area .table-blue tbody tr:nth-child(even) {
    background-color: transparent;
}

/* 팝업 */
.modal-contents {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modal-contents > img {
    cursor: pointer;
}

.modal-contents > img.mobile-type {
    display: none;
}

.modal-contents .btn-img-modal-close {
    display: block;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    padding: 0 !important;
    border: 0;
    border-radius: 20px;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    line-height: 44px;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .5);
    z-index: 10;
}

.one-day-invisible {
    padding: 10px 12px;
}

.one-day-invisible .checking {
    color: #fff;
}

.one-day-invisible .checking .checkmark {
    margin-left: 10px;
    margin-right: 0;
    border-color: #000;
}

.btn-x {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 26px;
    height: 26px;
    transition: all .3s ease-in-out;
    transform: rotate(-45deg);
    cursor: pointer;
}

.btn-x:hover, .btn-x:active {
    transform: rotate(-225deg);
}

.btn-x span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
    transform: translate(-50%, -50%);
}

.btn-x span + span {
    width: 3px;
    height: 22px;
}

#img-modal {
    position: absolute;
    top: 150px;
    left: 100px;
    padding-top: 60px;
    z-index: 69;
}

#img-modal .modal-contents {
    float: left;
    position: static;
    transform: none;
    margin: 5px;
}

#img-modal .modal-contents > img {
    border: solid 3px rgba(255, 255, 255, .3);
    box-shadow: 0 0 20px rgba(0, 0, 0, .6);
}

.modal-btn-area {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 10px;
    position: absolute;
    top: 0;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    min-width: 283px;
    padding: 0 10px;
    border-radius: 30px;
    background-color: rgba(10, 46, 79, .9);
}

.modal-btn-area .modal-close > * {
    vertical-align: middle;
}

.modal-btn-area .modal-close > span {
    display: inline-block;
    padding: 10px 0 10px 10px;
    font-size: 18px;
    color: #fff;
}

.modal-btn-area .btn-img-modal-close {
    display: inline-block;
    position: relative;
    top: auto;
    right: auto;
    width: 40px;
    height: 40px;
}

#text-modal {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: flex-start;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow-y: auto;
    width: 100%;
    background-color: rgba(255, 255, 255, .6);
    z-index: 2000;
}

#text-modal .modal-contents {
    width: 90%;
    min-width: 500px;
    max-width: 700px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.modal-contents-title {
    padding-right: 40px;
    padding-bottom: 20px;
    border-bottom: solid 1px rgba(255, 255, 255, .3);
    color: #11f1df;
    font-family: GmarketSansM;
    font-size: 25px;
    line-height: 130%;
    margin-bottom: 30px;
    letter-spacing: -1px;
}

.modal-contents-text {
    padding: 30px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    color: #fff;
    background: rgba(10, 46, 79, .9);
    overflow: hidden;
}

.modal-contents-text p {
    color: #fff;
    font-size: 16px;
    line-height: 160%;
}

.modal-contents > a.link {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    text-decoration: none;
    display: block;
    height: 55px;
    width: 234px;
    line-height: 55px;
    background-color: #034e9b;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    border-radius: 32px;
    border: 2px solid #fff;
}

.modal-contents > a.link.white {
    bottom: 30px;
    background-color: #fff;
    color: #0d2c4b;
    width: 180px;
    border: 0;
}

/* 모달 로그인 */
.modal-container.modal-login {
    position: relative;
    width: 460px;
    min-height: 360px;
    margin: 30px auto;
    border-radius: 20px;
    padding-top: 40px;
}

.modal-login .gin-logo {
    height: 40px;
    background: url(/res_root/img/common/logo_gin-286222e8fa2a02d21b492ea93d9d4909.svg) no-repeat center 0;
    text-indent: -9999px;
    margin-bottom: 20px;
}

.modal-login > form {
    width: 80%;
    margin: 0 auto;
}

.modal-login input {
    display: block;
    width: 100%;
    height: 60px;
    padding: 0 20px;
    border: 0;
    border-bottom: solid 1px rgba(10, 46, 79, .3);
    border-radius: 0;
    font-family: GmarketSansM;
    font-size: 16px;
    letter-spacing: 0;
    transition: .3s;
}

.modal-login input:focus {
    border-color: #0a2e4f !important;;
    background-color: #f6faff !important;
}

.modal-login .btn-login {
    display: block;
    height: 60px;
    margin-top: 30px;
    padding-top: 3px;
    border-radius: 5px;
    color: #fff;
    font-family: GmarketSansM;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    background-color: #0a2e4f;
    cursor: pointer;
    transition: .3s;
}

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

.modal-login .group {
    width: 80%;
    margin: 0 auto;
    padding: 15px 0;
}

.modal-login .btn-modal-close {
    top: 14px;
    right: 14px;
}

.modal-login .btn-modal-close:hover, .modal-login .btn-modal-close:active {
    background-color: #daf0f1;
}

.modal-login .btn-modal-close::before, .modal-login .btn-modal-close::after {
    background-color: #0a2e4f;
}

/* 해상도 */
.alert-resolution {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, .8);
    z-index: 200;
}

.alert-resolution .alert {
    position: absolute;
    top: 10%;
    left: 50%;
    width: 80%;
    padding: 40px 0;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    transform: translateX(-50%);
    background-color: #fff;
}

.alert-resolution .alert::before {
    content: "";
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto 20px auto;
    background: url(/res_root/img/common/img_dormant_error-999183f10c9154ebed6947baa3079ccf.png) 50%/180px no-repeat;
}

.alert-resolution .alert * {
    justify-content: center;
    text-align: center;
}

.alert-resolution .alert h2 {
    margin-bottom: 10px;
    padding-left: 0;
    background-image: none;
}

.alert-resolution .alert p {
    padding-left: 0;
    padding: 0 20px;
    word-break: keep-all;
    line-height: 150%;
}

.alert-resolution .alert p + p {
    margin-top: 10px;
}

.alert-resolution .alert .btn {
    display: inline-block;
    margin-top: 20px;
    padding: 15px 30px;
}

/* 모달 경고창 */
.modal.alert {
    background-color: rgba(10, 46, 79, .2);
}

.modal-container.modal-alert {
    left: 50%;
    transform: translateX(-50%);
    width: 400px;
    min-height: 250px;
    margin: 0;
}

.modal-alert .btn-modal-close {
    top: 14px;
    right: 14px;
    z-index: 1;
}

.modal-alert .btn-modal-close:hover, .modal-alert .btn-modal-close:active {
    background-color: #daf0f1;
}

.modal-alert .btn-modal-close::before, .modal-alert .btn-modal-close::after {
    background-color: #0a2e4f;
}

.modal-alert .title-wrapper {
    flex-flow: column wrap;
    align-items: center;
    position: relative;
    padding-top: 130px;
    background: none;
}

.modal-alert .title-wrapper::before {
    content: "";
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 80px;
    border-radius: 100%;
    background: url(/res_root/img/common/avatar_male-c0ea4a9473bdbf596943853198d99bd1.png) 50%/contain no-repeat;
}

.modal-alert .title-wrapper h2 {
    width: 100%;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
    background-image: none;
}

.modal-alert .title-wrapper p {
    text-align: center;
    line-height: 130%;
}

.modal-alert .text {
    margin-top: 10px;
    padding: 0 20px;
}

.modal-alert .text p {
    text-align: center;
    line-height: 120%;
}

.modal-alert .text p + p {
    margin-top: 10px;
}

.modal-alert .contents-wrapper {
    padding: 30px 20px;
    background-color: transparent;
}

.alert-btns {
    display: flex;
    gap: 10px;
}

.alert-btns .btn {
    flex: 1;
    height: 50px;
    word-break: keep-all;
}

/* 하단 광고 */
.ad-banner-bottom {
    padding-bottom: 50px;
}

.ad-banner-bottom .inner > article {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ad-banner-bottom .ad-banner {
    width: 580px;
    height: 150px;
}

.ad-banner-bottom .ad-banner a {
    display: block;
    cursor: pointer;
}

.ad-banner-bottom img {
    width: 100%;
}

/* 모달 광고 */
.modal-ad .btn-modal-close {
    width: 40px;
    height: 40px !important;
    background-color: rgba(0, 0, 0, .5);
}

.modal-ad .btn-modal-close:hover, .modal-ad .btn-modal-close:active {
    background-color: #000;
}

.modal-ad .modal-container {
    overflow: hidden;
}

.modal-ad .row {
    padding: 0;
    margin: 0;
    justify-content: center;
}

.modal-ad .row img {
    width: 100%;
}

.modal-ad .row a {
    margin: 0 50px 100px 50px;
}

/*
* legend
*/
.legend {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.legend > .label {
    display: flex;
    align-items: center;
    height: 34px;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    margin-right: 6px;
}

/* color-set */
.color-set {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 34px;
    color: #8997bd;
    font-size: 13px;
    flex-wrap: wrap;
}

.color-set > * {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 34px;
    margin-left: 10px;
}

.color-set > *:first-child {
    margin-left: 0;
}

.color-set > *:before {
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    background-color: #555;
    border-radius: 6px;
    margin-right: 3px;
}

.color-set > *.none:before {
    width: 10px;
    height: 10px;
    border: solid 1px #8997bd;
    background-color: #fff;
}

.color-set > *.blue:before {
    background-color: #80abd7;
}

.color-set > *.green:before {
    background-color: #5ecda2;
}

.color-set > *.yellow:before {
    background-color: #fbca4d;
}

.color-set > *.red:before {
    background-color: #ed6c69;
}

.color-set > *.orange:before {
    background-color: #e68035;
}

.color-set > *.dark:before {
    background-color: #111;
}

.color-set > *.n1:before {
    background-color: #0128f7;
}

.color-set > *.n2:before {
    background-color: #405df9;
}

.color-set > *.n3:before {
    background-color: #8093fb;
}

.color-set > *.n4:before {
    background-color: #bfc9fd;
}

.color-set > *.n5:before {
    background-color: #fdbebe;
}

.color-set > *.n6:before {
    background-color: #fb7e7f;
}

.color-set > *.n7:before {
    background-color: #f93f41;
}

.color-set > *.n8:before {
    background-color: #f70104;
}
.color-set > *.up:before {
    background-color: #ff8c8c;
}
.color-set > *.down:before {
    background-color: #80abd7;
}

.main-update > div img {
    width: 100%;
    height: auto;
    vertical-align: top;
    transition: .3s;
}

@media only all and (max-width: 840px) {
    .color-set > * {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-left: 0;
        margin-right: 10px;
    }
}

/* legend-set */
.legend-set {
    position: relative;
    width: calc(100% - 70px);
    min-height: 22px;
    padding-left: 86px;
    margin-top: -6px;
}

.legend-set:after {
    display: block;
    content: '';
    clear: both;
}

.legend-set > .label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    line-height: 22px;
    padding-left: 8px;
    margin-right: 6px;
}

.legend-set > ul {
    margin-top: -3px;
}

.legend-set > .label:before {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    content: '';
    width: 4px;
    height: 12px;
    background-color: #606060;
    border-radius: 2px;
}

.legend-set > .btn-collapse {
    position: absolute;
    top: 2px;
    left: 40px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    margin-right: 6px;
    outline: none;
    border-radius: 3px;
    background-color: #99bade;
    padding-right: 4px;
    padding-left: 4px;
}

.legend-set .color-set {
    position: relative;
    float: left;
    height: auto;
    color: #7080ad;
    min-height: 22px;
    margin-right: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.legend-set .color-set > * {
    min-width: 66px;
    height: auto;
}

.legend-set .color-set:after {
    position: absolute;
    top: 4px;
    right: -10px;
    display: block;
    content: '';
    width: 1px;
    height: 14px;
    background-color: #cbd2e2;
}

.legend-set .color-set:last-child:after {
    display: none;
}

.legend-set .color-set > .label {
    color: #333;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.4px;
    min-width: 55px;
}

.legend-set .color-set > .label:before {
    display: none;
}

.legend-set .color-set span:nth-child(2) {
    margin-left: 6px;
}

@media only all and (max-width: 1199px) {
    .legend-set .color-set {
        width: 100%;
    }

    .legend-set .color-set:after {
        display: none;
    }
}

@media only all and (max-width: 999px) {
    .legend-set {
        width: 100%;
        padding-top: 30px;
        padding-left: 0;
        padding-bottom: 22px;
    }

    .legend-set.collapsed {
        padding-top: 22px;
        padding-bottom: 0;
    }
}

@media only all and (max-width: 599px) {
    .color-set > * {
        min-width: inherit;
    }

    .color-set > .label {
        width: 100%;
    }

    .legend-set .color-set span:nth-child(2) {
        margin-left: 0;
    }
}


/*
* map-legend
*/
/* 구글 애드센스 광고 */
/*.adsbygoogle{position:fixed;top:50%;left:calc(50% + 650px);transform:translateY(-50%);width:250px;margin:0;padding:0;z-index:5;}*/

/* 주변입주 모달 css */
.ent-map-pin.live-in .apt-ent-map-info > span {
    font-weight: bold;
    margin-right: 1px;
}

.apt-ent-map-info span + span {
    margin-left: 5px;
}

.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;
}

.ent-map-pin.yellow i {
    background-color: rgba(249, 183, 33, .95);
}

.ent-map-pin.green i {
    background-color: rgba(125, 193, 58, .95);
}

i.icon-user {
    -webkit-mask-image: url(/res/img/component/icon_user-e6ed68e58b4e5f616917f276bbb1cb53.svg);
    mask-image: url(/res/img/component/icon_user-e6ed68e58b4e5f616917f276bbb1cb53.svg);
}

i.icon-home {
    -webkit-mask-image: url(/res/img/component/icon_home-01e4fabbaab5650ace52c6a87f5c29ca.svg);
    mask-image: url(/res/img/component/icon_home-01e4fabbaab5650ace52c6a87f5c29ca.svg);
}

.ent-map-pin.live-in .apt-ent-map-name,
.ent-map-pin.move-in .apt-ent-map-name {
    position: relative;
    width: 140px;
    height: 33px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    line-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;
}

.ent-map-pin.live-in label,
.ent-map-pin.move-in label {
    color: #D85452;
    font-weight: bold;
}

.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;
    color: #92949d;
    line-height: 14px;
    text-align: right;
    font-size: 10.5px;
    font-weight: 400;
    padding: 2px 4px 2px 0;
    background-color: #fff;
    border-radius: 6px;
    box-sizing: border-box;
    letter-spacing: -0.4px;
}

.ent-map-pin.live-in .apt-ent-map-info > span {
    display: inline-block;
    position: static;
    transform: rotate(0);
}

.ent-map-pin.live-in::after,
.ent-map-pin.move-in::after {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
}

.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.green .glyphicon {
    font-size: 10px;
    color: #7dc13a;
    margin: 0 3px;
}

.ent-map-pin.move-in .glyphicon:first-child {
    margin-left: 0;
}

.red {
    color: #ed6c69;
}

.meter {
    position: absolute;
    left: -17px;
    top: -9px;
}

.meter span {
    position: static;
    padding: 1px 5px;
    border-style: solid;
    border-width: 1px;
    border-radius: 30px;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1);
    font-size: 11px;
    font-weight: 500;
    text-indent: 0;
    text-shadow: none;
    background-color: #fff;
    transform: none;
}

.meter span::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    vertical-align: -2px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.meter.cho span {
    border-color: #ffc333;
    color: #ffc333;
}

.meter.cho span::before {
    background-image: url(/res/img/component/icon_cho-a1d34f659f27f959dc52777d11fb575a.svg);
}

.meter.cho::before {
    background-color: #ffc333;
}

.meter.subway span {
    border-color: #d968f1;
    color: #d968f1;
}

.meter.subway span::before {
    mask: url(/res/img/component/icon_subway-0b1cf9f1d358ab214b6001ef7417f698.svg) no-repeat 50% 50%;
    -webkit-mask: url(/res/img/component/icon_subway-0b1cf9f1d358ab214b6001ef7417f698.svg) no-repeat 50% 50%;
    background-color: #d968f1;
}

.meter.subway::before {
    background-color: #d968f1;
}

.meter.bus span {
    border-color: #5f9dd5;
    color: #5f9dd5;
}

.meter.bus span::before {
    background-image: url(/res/img/component/icon_bus-4c1202bdaec84c5e2bc51ae535db5454.svg);
}

.meter.bus::before {
    background-color: #5f9dd5;
}

.meter.red span {
    border-color: #ff0606;
    color: #ff0606;
}

.meter.red::before {
    background-color: #ff0606;
}

.meter.red span::before {
    background-image: url(/res/img/component/icon_radius_red-738a4b466733df8f7be1b0d46886f439.svg);
}

/* 반경비교 모달 css */
/*
* grid
*/
div.grid-header-popup-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}

.legend-color-n1 {
    background-color: #0128f7;
    color: white;
}

.legend-color-n2 {
    background-color: #405df9;
    color: white;
}

.legend-color-n3 {
    background-color: #8093fb;
    color: white;
}

.legend-color-n4 {
    background-color: #bfc9fd;
    color: white;
}

.legend-color-n5 {
    background-color: #fdbebe;
    color: white;
}

.legend-color-n6 {
    background-color: #fb7e7f;
    color: white;
}

.legend-color-n7 {
    background-color: #f93f41;
    color: white;
}

.legend-color-n8 {
    background-color: #f70104;
    color: white;
}

.legend-color-l1 {
    background-color: #bfc9fd;
    color: white;
}

.legend-color-l2 {
    background-color: #a9b7fc;
    color: white;
}

.legend-color-l3 {
    background-color: #94a5fb;
    color: white;
}

.legend-color-l4 {
    background-color: #7f93fb;
    color: white;
}

.legend-color-l5 {
    background-color: #6a81fa;
    color: white;
}

.legend-color-l6 {
    background-color: #556ff9;
    color: white;
}

.legend-color-l7 {
    background-color: #405df9;
    color: white;
}

.legend-color-l8 {
    background-color: #2b4bf8;
    color: white;
}

.legend-color-l9 {
    background-color: #1639f7;
    color: white;
}

.legend-color-l10 {
    background-color: #0128f7;
    color: white;
}

.legend-color-h1 {
    background-color: #fdbebe;
    color: white;
}

.legend-color-h2 {
    background-color: #fca9a9;
    color: white;
}

.legend-color-h3 {
    background-color: #fb9494;
    color: white;
}

.legend-color-h4 {
    background-color: #fb7f80;
    color: white;
}

.legend-color-h5 {
    background-color: #fa6a6b;
    color: white;
}

.legend-color-h6 {
    background-color: #f95556;
    color: white;
}

.legend-color-h7 {
    background-color: #f94042;
    color: white;
}

.legend-color-h8 {
    background-color: #f82b2d;
    color: white;
}

.legend-color-h9 {
    background-color: #f71618;
    color: white;
}

.legend-color-h10 {
    background-color: #f70104;
    color: white;
}

.grid-color-n0 {
    background-color: #80abd7;
    color: white;
}

.grid-color-n1 {
    background-color: #6b6f82;
    color: white;
}

.grid-color-n2 {
    background-color: #5ecda2;
    color: white;
}

.grid-color-n3 {
    background-color: #fbca4d;
    color: white;
}

.grid-color-n4 {
    background-color: #e68035;
    color: white;
}

.grid-color-n5 {
    background-color: #ed6c69;
    color: white;
}

.k-virtual-scrollable-wrap::-webkit-scrollbar-thumb {
    background: #9ca1b3;
}

.k-scrollbar.k-scrollbar-vertical::-webkit-scrollbar-thumb {
    background: #9ca1b3;
}

div.k-grid[data-small="1"] tr.k-alt {
    background-color: #fff;
}

div.k-grid[data-small="1"] tr.k-alt:hover {
    background-color: #ffeacd;
}

div.k-grid[data-small="1"] div.k-grid-header {
    border-bottom-width: 1px;
}

div.k-grid[data-small="1"] div.k-grid-header,
div.k-grid[data-small="1"] div.k-grid-content,
div.k-grid[data-small="1"] div.k-grid-content-locked td {
    font-size: 8px;
}

div.k-grid[data-small="1"] th,
div.k-grid[data-big="1"] th {
    padding: 1px 1px;
}

div.k-grid[data-small="1"] div.k-grid-content td,
div.k-grid[data-small="1"] div.k-grid-content-locked td {
    padding: 1px 1px;
    line-height: 16px;
    border-left-color: #d9e0f7;
    font-weight: 500;
}

div.k-grid[data-big="1"] div.k-grid-content td,
div.k-grid[data-big="1"] div.k-grid-content-locked td {
    padding: 1px 1px;
    line-height: 30px;
    border-left-color: #d9e0f7;
    font-weight: 500;
}

:focus {
    outline: none !important;
}

/* .btn-set { */
/*     display: flex; */
/*     flex-direction: row; */
/*     flex-wrap: wrap; */
/*     align-items: center; */
/* } */
/* .btn-set .icon-reset { */
/*     position: relative; */
/*     display: block; */
/*     width: 46px; */
/*     height: 46px; */
/*     background-color: #fff; */
/*     border-top: 1px solid #dadce0; */
/*     border-bottom: 1px solid #dadce0; */
/*     border-left: 1px solid #dadce0; */
/* } */
/* .btn-set .icon-reset:hover { */
/*     background-color: #f7f7f7; */
/* } */

/* 상세검색>아파트검색> 아파트반경비교 모달창 차트 타입 아이콘 */
.chart-type button {
    width: 38px !important;
    height: 38px !important;
    border: 1px solid #dadce0;
    border-radius: 4px;
    text-indent: -9999px;
    background-size: auto 20px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    outline: none;
}

.chart-type button + button {
    margin-left: 5px;
}
.chart-type button[data-value="G"]{background-image:url(https://aptgin.com/cdn/res/icon/common/svg/icon_grid_gin.svg);}
.chart-type button[data-value="C"]{background-image:url(https://aptgin.com/cdn/res/icon/common/svg/icon_chart_gin.svg);}
.chart-type button.active{border-color:#23b3c6;background-color:#23b3c6;}
.chart-type button.active[data-value="G"]{background-image:url(https://aptgin.com/cdn/res/icon/common/svg/icon_grid_white.svg);}
.chart-type button.active[data-value="C"]{background-image:url(https://aptgin.com/cdn/res/icon/common/svg/icon_chart_white.svg);}

/*
* btn-report
*/
.btn-report {
    position: absolute;
    height: 36px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.6px;
    background: #CC492E;
    border-radius: 4px;
    outline: none;
    padding-left: 38px;
    padding-right: 10px;
    top: -115px;
    left: 10px;
}
.btn-report.home {
    position: unset;
}
.btn-report:before {
    position: absolute;
    top: 7px;
    left: 7px;
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    background-image: url(/res/img/component/icon-ppt-d26d4d741d7bdf811ab21bff534285c0.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.btn-report:after {
    position: absolute;
    top: 10px;
    left: 30px;
    display: block;
    width: 1px;
    height: 16px;
    content: '';
    background-color: #fff;
    opacity: .3;
}

.btn-report:hover {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
/*
* btn-excel
*/
.btn-excel {
    position: relative;
    height: 36px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.6px;
    background: rgba(48, 109, 76, 1);
    /*overflow: hidden;*/
    border-radius: 4px;
    outline: none;
    padding-left: 38px;
    padding-right: 10px;
}

.btn-excel:before {
    position: absolute;
    top: 13px;
    left: 12px;
    display: block;
    content: '';
    width: 11px;
    height: 11px;
    background-image: url(/res/img/component/icon_excel_white-98a7e604171b12903b16a9b6950ff257.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.btn-excel:after {
    position: absolute;
    top: 10px;
    left: 30px;
    display: block;
    width: 1px;
    height: 16px;
    content: '';
    background-color: #fff;
    opacity: .3;
}

.btn-excel:hover {
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

/* pre-badge */
.pre-badge {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: -3px;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/symbol_pre.svg) 50%/contain no-repeat;
    position: absolute;
    top: -6px;
    right: -5px;
    z-index: 1;
    text-indent: -9999px;
}
.pre-badge.radio{
    top: 7px;
    margin-left: 3px;
    right: unset;
}
.pre-badge.second {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: -3px;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/symbol_pre.svg) 50%/contain no-repeat;
    position: absolute;
    top: -3px;
    left: 69px;
    z-index: 1;
    text-indent: -9999px;
}

.pre-badge.left {
    right: 5px;
}

.pre-badge.manual {
    position: inherit;
}

.pre-badge.left-fix {
    margin-right: 0;
    margin-left: 5px;
    vertical-align: 0;
}

.pre-badge.tr {
    top: -4px;
    right: -3px;
    margin-right: -3px;
}

ul[data-legend-circle] .pre-badge.order {
    left: 28px;
    top: -16px;
    width: 13px;
    height: 13px;
}

.dropdown-menu .pre-badge.order {
    left: 35px;
    top: -20px;
}

.marker-list .pre-badge.order {
    left: 28px;
    top: -16px;
    width: 13px;
    height: 13px;
}

.pre-span {
    display: inline-block;
    margin-left: 5px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/symbol_pre.svg) 50%/contain no-repeat;
    margin-top: 3px;
}

.apt-extent-ul {
    display: none;
    position: absolute;
    top: 0;
    left: 89px;
    margin: 0 !important;
    border: 1px solid #dfe6ef;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(10, 46, 79, .1);
    box-shadow: 0 0 10px rgba(10, 46, 79, .1);
    z-index: 11;
}

.apt-extent-ul ul {
    overflow: hidden;
    overflow-y: auto;
    max-width: 200px;
    max-height: 200px;
    padding: 7px;
}

.apt-extent-ul::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: -14px;
    width: 0;
    height: 0;
    z-index: 13;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 7px solid transparent;
}

.apt-extent-ul::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: -16px;
    width: 0;
    height: 0;
    z-index: 12;
    border-top: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid #dfe6ef;
    border-bottom: 7px solid transparent;
}

.apt-extent-ul li::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 2px;
    vertical-align: middle;
    background-color: #0b99ac;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_chart_gin.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_chart_gin.svg) 50%/contain no-repeat;
}

.apt-extent-ul.open-popup li::before {
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_open_in_new_purple.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_open_in_new_purple.svg) 50%/contain no-repeat;
}

.apt-extent-ul li span {
    transition: .3s;
}

.apt-extent-ul li:hover span {
    color: #0b99ac;
}

.sidenav-contents .apt-extent-ul li {
    width: auto;
    min-width: 135px;
    padding: 5px;
    font-size: 13px;
    cursor: pointer;
}

.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;
}

.chart-area {
    min-height: 400px;
    padding: 10px;
    border: 1px solid #0a2e4f;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_chart_gin.svg) 50%/150px no-repeat;
}

.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;
}

.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.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 h3 {
    margin-bottom: .5em;
}

.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://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%;
}

.root-modal .menu-content.no-tab {
    top: 10px;
}

.title-box > .icon-delete {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0px;
    font-size: 15px;
}

.title-box > .icon-delete.map {
    right: 110px;
    top: 26px;
}

.title-box > .icon-delete::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    vertical-align: -2px;
    background-color: #0a2e4f;
}

.title-box > .icon-delete:hover {
    color: #0b99ac;
}

/*
* btn-filter-save
*/
.modal-filter .btn-filter-save .icon-group-save, .btn-filter-reset::before {
    transition: .3s;
}

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

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

.modal-filter .btn-filter-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;
}

.modal-filter .icon-group-save {
    display: none;
}

.modal-filter .btn-filter-reset {
    width: 32px;
    height: 32px;
    color: transparent;
    font-size: 0;
    line-height: 0;
}

.modal-filter .btn-filter-reset::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    background-color: #333;
    mask: url(/res/img/common/icon-reset-0680ecf0a1d9e0a43baa873a99ceebc1.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res/img/common/icon-reset-0680ecf0a1d9e0a43baa873a99ceebc1.svg) 50%/contain no-repeat;
}

.modal-filter .btn-filter-reset:hover {
    border-color: #0b99ac;
}

.modal-filter .btn-filter-reset:hover::before {
    background-color: #8934fa;
}

.modal-filter .filter-reset-area {
    position: relative;
    padding-right: 15px;
}

.modal-filter .filter-reset-area::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 17px;
    background-color: #dadce0;
}

/*
* modal-filter
*/
.modal-filter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #dee3ef;
    background: #fff;
    padding-right: 20px;
    min-height: 55px;
}

.modal-filter h3 {
    font-size: 16px;
    margin: 0 20px;
    padding: 0;
    background: none;
    font-family: NotoSansR;
}

.modal-filter ul {
    display: flex;
    flex-flow: row wrap;
    flex: 1;
    align-items: center;
    padding: 0 10px;
}

.modal-filter fieldset {
    position: absolute;
    display: none;
    min-width: 220px;
    margin-top: 2px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #2e2e2e;
    z-index: 10;
}

.modal-filter .btn-filter-list {
    margin-left: auto;
    position: relative;
    height: 36px;
    line-height: 32px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    letter-spacing: -0.6px;
    background-color: #0a2e4f;
    overflow: hidden;
    border-radius: 4px;
    outline: none;
    padding: 0 10px;
    transition: .3s;
}

.modal-filter .btn-filter-list:hover {
    background-color: #23b3c6;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, .2);
}

.filter-save-list {
    position: absolute;
    right: 20px;
    width: 400px;
    height: 470px;
    padding: 0 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background: white;
    z-index: 11;
    background: white;
}

.filter-save-list .group-list {
    padding-bottom: 50px;
}

.filter-save-list .group-list > li {
    position: relative;
}

.filter-save-list .group-list > li > a {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    cursor: pointer;
}

.filter-save-list .group-list > li > a:hover {
    background-color: #f9f9f9;
}

.filter-save-list .group-list > li a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 49px;
    background-image: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 7px;
    outline: none;
    z-index: 0;
}

.filter-save-list .group-list > li.open a::before {
    background-image: url(/res/img/component/icon_arrow03_up_black-380fb67bb9816ee92461d1d90e41f52a.svg);
}

.filter-save-list .group-list > li > a > strong {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    color: #111;
    max-width: calc(100% - 100px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
    margin-left: 35px;
}

.filter-save-list .group-list > li > a > .delete {
    background-color: rgba(0, 0, 0, .05);
    z-index: 1;
}

.filter-save-list ul > li > a > .delete:hover {
    background-color: rgba(35, 179, 198, .1);;
}
.filter-save-list .group-list > li > a > .icon-pen {
    width: 14px;
    height: 14px;
    background-color: rgba(10, 46, 79, .7);
    margin-left: 7px;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pen.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pen.svg) 50%/contain no-repeat;
}

.filter-save-list ul > li > a > .icon-pen:hover {
    background-color: #0b99ac;
}
.filter-save-list > div .scroll-area {
    height: calc(100% - 220px);
    overflow-x: hidden;
    overflow-y: scroll;
    -ms-overflow-style: none;
}

.filter-save-list .group-name-adjust-area {
    display: none;
}

.filter-save-list .group-name-adjust-area .group-input-field {
    display: flex;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 20px;
    background-color: #f7f7f7;
}

.filter-save-list .group-input-field input {
    flex: 1;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    font-size: 14px;
    text-indent: 0;
    caret-color: black;
}

.filter-save-list .group-name-adjust-area .group-input-field .btn-group-save {
    width: 40px;
    height: 34px;
    margin-left: 5px;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    transition: .3s;
    background-color: #8591b1;
}
.filter-save-list .hidden-area {
    display: none;
}

.filter-save-list ul > li > .btn-search-bind {
    position: absolute;
    top: 10px;
    right: 25px;
    z-index: 1;
    height: 28px;
    padding: 0 5px;
    border: solid 1px rgba(240, 133, 68, .2);
    border-radius: 5px;
    color: #111;
    font-size: 13px;
    font-weight: 500;
    transition: .3s;
    background-color: rgba(240, 133, 68, .1);
}

.filter-save-list ul > li > .btn-search-bind::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 2px;
    vertical-align: -1px;
    background: url(/res/img/component/icon_search-c0895c78def83afd19c3572f293e5c2e.svg) 50%/contain no-repeat;
}

.filter-save-list ul > li > .btn-search-bind:hover {
    border-color: rgba(240, 133, 68, .5);
    background-color: rgba(240, 133, 68, .2);
}

.filter-save-list .map-filter-span {
    position: absolute;
    right: 65px;
    top: 28px;
}

.filter-save-list .switch {
    position: absolute;
    top: 50%;
    right: 0;
    padding-left: 38px;
    padding-right: 0;
    transform: translateY(-42%);
}
.filter-save-list .sticker-st01 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
    margin-top: 0;
    padding: 15px 0px;
}
.filter-save-list .scroll-area {
    height: calc(100% - 94px);
    overflow-x: hidden;
    overflow-y: scroll;
}

.filter-save-list .scroll-area::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.filter-save-list .tips-box {
    bottom: auto;
    top: 50px;
    right: auto;
    z-index: 2;
}

.filter-save-list .hidden-area p {
    line-height: 150%;
}

.modal-filter .filter-reset-area {
    margin-left: 10px;
    padding-right: 10px;
}

.modal-filter > ul > li {
    color: #008090;
    font-family: NotoSansR;
    font-size: 15px;
}

.modal-filter > ul > li + li {
    margin-left: 20px;
}

.modal-filter > ul > li .delete {
    margin-left: 0;
    background-color: #f3f6fb;
    vertical-align: -1px;
}

.modal-filter > ul > li .delete:hover {
    background-color: #ffd7d1;
}

.title-box .icon-tips::after {
    margin-left: 0;
    vertical-align: top;
}

.title-box .icon-delete {
    font-size: 13px;
    transition: .3s;
}

.title-box .icon-delete::before {
    transition: .3s;
}

.title-box .icon-delete:hover::before {
    background-color: #0b99ac;
}

.title-box .map-filter-span {
    position: absolute;
    right: 45px;
    top: 26px;
    font-size: 13px;
}

.title-box .map-filter-span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -9px;
    width: 1px;
    height: 10px;
    background-color: #afb7cb;
    transform: translateY(-50%);
}

.multi-state .modal-filter {
    border-left: solid 1px #0a2e4f;
    border-right: solid 1px #0a2e4f;
}

.multi-state .filter-save-list .group-list > li > a {
    padding: 16px;
}

.multi-state .filter-save-list + .chart-area {
    border-top: 0;
}

.switcher-set .switcher fieldset legend {
    overflow: visible;
}

.switcher-set .switcher fieldset legend .icon-tips::after {
    vertical-align: 3px;
}

.switcher-set .switcher fieldset legend .tips-box.top {
    bottom: auto;
    top: 32px;
    right: auto;
    left: 40px;
    width: 400px;
    background-color: #fff;
    z-index: 2;
}

.switcher-set .switcher fieldset legend .tips-box p {
    white-space: normal;
}

.modal-filter .input-field input {
    width: 100%;
    height: 40px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    border: none;
    outline: none;
    background: none;
    padding: 0 5px;
}

.modal-filter .input-field span {
    font-family: NotoSansM;
}

.modal-filter .input-field span:before {
    content: attr(data-placeholder);
    position: absolute;
    top: 50%;
    left: 3px;
    color: #adadad;
    transform: translateY(-50%);
    z-index: -1;
    transition: .3s;
}

.modal-filter .input-field span:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #0b99ac;
    transition: .5s;
}

.modal-filter .input-field input {
    font-family: NotoSansM;
}

.modal-filter .input-field .focus + span:before, .modal-filter .input-field input:focus + span:before {
    top: -10px;
    color: #0b99ac;
    font-size: 14px;
    font-weight: 500;
}

.modal-filter .input-field .focus + span:after, .modal-filter .input-field input:focus + span:after {
    width: 100%;
}

.modal-filter .input-set .btn-pink {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-left: 0;
    border-radius: 4px;
    color: #fff;
    background-color: #0a2e4f;
    transition: .5s;
}

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

/* 우측 팝업 */
.right-popup {
    position: fixed;
    top: 50%;
    right: 90px;
    left: auto;
    transform: translateY(-50%);
    width: 250px;
    z-index: 500;
}

.right-popup .modal-img:not(:nth-child(-n+2)) {
    border-top: solid 2px #ffffff;
}

.right-popup .modal-img img {
    width: 100%;
    height: auto;
    vertical-align: top;
    cursor: pointer;
}

.right-popup .modal-btn-area {
    position: static;
    left: auto;
    right: auto;
    transform: none;
    justify-content: space-between;
    width: 100%;
    min-width: 100%;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.right-popup .one-day-invisible {
    padding: 10px 5px;
}

.right-popup .modal-close > span {
    display: none;
}

/* 환불 담당자 */
.bbs-form {
    margin-bottom: 20px;
    border-top: 2px solid #0b99ac;
}

.bbs-form .dl-table {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-bottom: 20px;
}

.bbs-form .dl-table:not(.smart-editor-area) > * {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 60px;
    border-bottom: solid 1px #dfe6ef;
}

.bbs-form dl:not(.smart-editor-area), .attachment {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}

.bbs-form dl:not(.smart-editor-area):not(.attachment) > * {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    height: 60px;
    border-bottom: solid 1px #dfe6ef;
}

.bbs-form dt > label, .dl-table > dt {
    color: #7e81a6;
    font-family: NotoSansM;
    line-height: 130%;
}

.bbs-form dt, .attachment dt {
    width: 200px;
    justify-content: center;
}

.bbs-form dd, .attachment dd {
    width: calc(100% - 200px);
}

.bbs-form dd .dropdown {
    min-width: 150px;
}

.bbs-form dd .checking + .checking {
    margin-left: 30px;
}

.bbs-form dd input {
    width: 100%;
}

.bbs-form .checking-set {
    flex-direction: row;
}

.bbs-form .btn-area .btn-cancle {
    background-color: #0a2e4f;
}

.bbs-form .btn-area .btn-cancle:hover, .bbs-form .btn-area .btn-cancle:active {
    background-color: #23b3c6;
}

.btn-area .btn-confirm {
    background-color: #0b99ac;
}

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

.modal-container.fixed h4 {
    margin-bottom: 10px;
}

.modal-container .wide {
    padding-right: 0;
    padding-left: 0;
}

.modal-container.fixed .bbs-form {
    width: 100%;
    margin: 0;
    border-top: 0;
}

.modal-container.fixed .bbs-form > .dl-table {
    border-top: solid 2px #0b99ac;
}

.modal-container.fixed .bbs-form > .dl-table dt {
    position: relative;
    justify-content: flex-start;
    width: 130px;
    height: auto;
    min-height: 42px;
    padding: 6px 20px;
    line-height: 36px;
}

.modal-container.fixed .bbs-form > .dl-table dt:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    display: block;
    width: 1px;
    height: calc(100% - 24px);
    background: #dee3eb;
}

.modal-container.fixed .bbs-form > .dl-table dd {
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    width: calc(50% - 130px);
    height: auto;
    padding: 6px 20px;
}

.modal-container.fixed .bbs-form > .dl-table dd.long {
    width: calc(100% - 130px);
}

.modal-container.fixed .bbs-form > .dl-table dd.phone {
    gap: 5px;
}

.modal-container.fixed .bbs-form > .dl-table dd.phone input {
    width: 53px;
}

.modal-container.fixed .bbs-form > .dl-table dd b {
    color: inherit;
}

.modal-container.fixed .bbs-form > .dl-table dd .btn {
    height: 36px;
    margin-left: 5px;
}

.modal-container.fixed .bbs-form .btn-area {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    gap: 10px;
}

.modal-container.fixed .bbs-form .btn-area button {
    padding: 0 20px;
    border-radius: 3px;
    height: 50px;
    color: #fff;
    font-size: 18px;
    transition: .3s;
}

.modal-container.fixed .row + .row {
    margin-top: 0;
}

.modal-container.fixed .access-list {
    width: 100%;
    border-top: solid 2px #0b99ac;
}

.modal-container.fixed .access-list li {
    display: flex;
    justify-content: space-between;
}

.modal-container.fixed .access-list li > p {
    font-size: 16px;
}

.modal-container.fixed .access-list li > p > span {
    font-size: 12px;
}

.modal-container.fixed .access-list li > button {
    width: 80px;
    height: 30px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    line-height: 30px;
    transition: .3s;
}

/* 접속 기기 관리 */
.access-area {
    position: absolute;
    top: 45px;
    left: -60px;
    width: 355px;
    height: 335px;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    background-color: #fff;
    z-index: 200;
}

.access-title {
    display: flex;
    align-items: center;
    padding: 20px 20px 10px 20px;
    margin: 0;
    border-top: 0;
    border-bottom: 2px solid #0b99ac;
}

.access-title h4 {
    padding-left: 24px;
    font-size: 18px;
    line-height: 24px;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_bullet3.svg) 0 50%/auto 18px no-repeat;
}

.access-title div > div {
    margin-left: 20px;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    gap: 10px;
}

.access-title strong {
    font-size: 14px;
}

.access-area .auth-form {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
    margin: 0;
    border-top: 0;
    padding-top: 5px;
}

.access-area .auth-form .dl-table {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    align-items: center;
}

.access-area .auth-form > .dl-table dt {
    position: relative;
    text-align: center;
    width: 75px;
    height: auto;
    min-height: 42px;
    padding: 6px;
    line-height: 36px;
}

.access-area .auth-form > .dl-table dt:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    display: block;
    width: 1px;
    height: calc(100% - 24px);
    background: #dee3eb;
}

.access-area .auth-form > .dl-table dd {
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    width: calc(50% - 115px);
    height: auto;
    padding: 5px 10px;
}

.access-area .auth-form > .dl-table dd input {
    height: 36px;
}

.access-area .auth-form > .dl-table dd.long {
    width: calc(100% - 80px);
}

.access-area .auth-form > .dl-table dd.phone {
    gap: 5px;
}

.access-area .auth-form > .dl-table dd.phone.long input {
    width: 48px;
    padding: 5px;
}

.access-area .auth-form > .dl-table dd.email {
    gap: 5px;
}

.access-area .auth-form > .dl-table dd.email input {
    width: 170px;
}

.access-area .auth-form > .dl-table dd.long input {
    width: 168px;
    padding: 5px;
}

.access-area .auth-form > .dl-table dd b {
    color: inherit;
}

.access-area .auth-form > .dl-table dd .btn {
    height: 36px;
    margin-left: 5px;
}

.access-area .auth-form .btn-area {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 20px 0;
    gap: 10px;
}

.access-area .auth-form .btn-area button {
    padding: 0 20px;
    border-radius: 3px;
    height: 50px;
    color: #fff;
    font-size: 18px;
    transition: .3s;
}

.access-area .timeout {
    margin-left: 20px;
    color: #f45666;
    font-family: GmarketSansM;
    letter-spacing: 0;
    font-size: 16px;
}

.access-area .auth-form > .dl-table dd .auth-confirm {
    border: solid 1px #dfe6ef;
    color: #333;
    background-color: #fff;
}

.access-area .auth-form .btn-border:disabled::before {
    background-color: transparent !important;
}

.access-area .auth-time {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.access-area .auth-time .time {
    color: red;
}

.access-list {
    padding: 10px 20px;
}

.access-list::-webkit-scrollbar {
    width: 3px;
}

.access-list li {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 14px;
}

.access-list li > p {
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.access-list li > p > span {
    display: inline-block;
    width: 20px;
    margin-right: 5px;
    border-radius: 3px;
    vertical-align: 1px;
    font-family: NotoSansM;
    line-height: 20px;
    text-align: center;
    background-color: #f3f6fb;
}

.access-list li > p > b {
    color: #0b99ac;
}

.access-list li > div {
    width: 120px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    position: relative;
    min-height: auto;
    border: 0;
    padding: 0;
}

.access-list li > div > button {
    flex: 1;
    height: 26px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    color: #fff;
    line-height: 26px;
    transition: .3s;
}

.access-list li > p > button {
    flex: 1;
    height: 26px;
    margin: 0;
    padding: 0;
    border-radius: 0;
    color: #fff;
    line-height: 26px;
    transition: .3s;
}

.access-list li .access-delete {
    background-color: #0a2e4f;
}

.access-list li .access-delete:disabled {
    color: #babbcf;
    background-color: #edf1f6;
    cursor: default;
}

.access-list li .access-delete:disabled:hover {
    background-color: #edf1f6;
}

.access-list li .access-delete:hover {
    background-color: #23b3c6;
}

.access-list li .access-modify {
    background-color: #0b99ac;
}

.access-list li .access-modify:disabled {
    color: #babbcf;
    background-color: #edf1f6;
    cursor: default;
}

.access-list li .access-modify:disabled:hover {
    background-color: #edf1f6;
}

.access-list li .access-modify:hover {
    background-color: #ff7240;
}

.access-list li fieldset {
    bottom: auto;
    top: 30px;
    left: -49px;
}

.compare-save-area fieldset {
    position: absolute;
    left: 0;
    bottom: -136px;
    display: none;
    min-width: 220px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #2e2e2e;
    z-index: 10;
}

.input-field span {
    font-family: NotoSansM;
}

.input-field span:before {
    content: attr(data-placeholder);
    position: absolute;
    top: 50%;
    left: 3px;
    color: #adadad;
    transform: translateY(-50%);
    z-index: -1;
    transition: .3s;
}

.input-field span:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #0b99ac;
    transition: .5s;
}

.input-field input {
    width: 100%;
    height: 40px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    border: none;
    outline: none;
    background: none;
    padding: 0 5px;
}

.input-field input {
    font-family: NotoSansM;
}

.input-field .focus + span:before, .input-field input:focus + span:before {
    top: -10px;
    color: #0b99ac;
    font-size: 14px;
    font-weight: 500;
}

.input-field .focus + span:after, .input-field input:focus + span:after {
    width: 100%;
}

.btn-pink {
    display: block;
    min-width: 100px;
    height: 40px;
    font-size: 15px;
    font-weight: 500;
    border: none;
    background: #0a2e4f;
    background-size: 200%;
    color: #fff;
    text-align: center;
    outline: none;
    cursor: pointer;
    transition: .5s;
    border-radius: 4px;
}

fieldset > .input-set > .btn-pink {
    width: 100%;
    margin-top: 10px;
    margin-left: 0;
}

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

@media all and (min-width: 1301px) and (max-width: 1600px) {
    .access-area {
        left: -60px;
    }
}

@media all and (min-width: 1024px) and (max-width: 1300px) {
    .access-area {
        left: -60px;
    }
}

@media all and (min-width: 768px) and (max-width: 1023px) {
    .access-area {
        left: -150px;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    .access-area {
        left: -250px;
    }
}

@media all and (max-width: 479px) {
    .access-area {
        left: -250px;
    }
}

/* 기능소개 커스텀 클래스 */
.customTooltip_center {
    left: 50% !important;
}

.customTooltip_left20 {
    left: 20% !important;
}

.customTooltip_left25 {
    left: 25% !important;
}

.customTooltip_left30 {
    left: 30% !important;
}

.customTooltip_left35 {
    left: 35% !important;
}

.customTooltip_right20 {
    right: 20% !important;
}

.customTooltip_right25 {
    right: 25% !important;
}

.customTooltip_right30 {
    right: 30% !important;
}

.customTooltip_right35 {
    right: 35% !important;
}

.customTooltipW300 {
    max-width: 300px !important;
    width: 300px;
}

.customTooltipW350 {
    max-width: 350px !important;
    width: 350px;
}

.customTooltipW400 {
    max-width: 400px !important;
    width: 400px;
}

.customTooltipW450 {
    max-width: 450px !important;
    width: 450px;
}

.customTooltipW500 {
    max-width: 500px !important;
    width: 500px;
}

.customTooltipW550 {
    max-width: 550px !important;
    width: 550px;
}

.customTooltipW600 {
    max-width: 600px !important;
    width: 600px;
}

.customTooltipW650 {
    max-width: 650px !important;
    width: 650px;
}

.customTooltipW700 {
    max-width: 700px !important;
    width: 700px;
}

.customTooltipW750 {
    max-width: 750px !important;
    width: 750px;
}

.customTooltipW800 {
    max-width: 800px !important;
    width: 800px;
}

.customTooltipW850 {
    max-width: 850px !important;
    width: 850px;
}

.customTooltipW900 {
    max-width: 900px !important;
    width: 900px;
}

.customTooltipW950 {
    max-width: 950px !important;
    width: 950px;
}

.customTooltipW1000 {
    max-width: 1000px !important;
    width: 1000px;
}

.customTooltipW1100 {
    max-width: 1100px !important;
    width: 1100px;
}

.customTooltipW1200 {
    max-width: 1200px !important;
    width: 1200px;
}

.customTooltipImg {
    max-width: 1370px !important;
    top: 25% !important;
    left: 20% !important;
}

.customTooltipImg_big {
    max-width: 1370px !important;
    top: 15% !important;
    left: 15% !important;
}

.customTooltipMapLeft {
    max-width: 400px !important;
    top: 50% !important;
    left: 20% !important;
}

.customTooltipMapRight {
    max-width: 400px !important;
    top: 50% !important;
    left: 70% !important;
}

.introjs-tooltiptext {
    line-height: 130%;
    letter-spacing: 0.5px;
}

#aside_alarm .alarm-setting-container .source-list.alarm > li:not(.index):not(.all-alarm) {
    padding: 10px;
}

#aside_alarm .alarm-setting-container .source-list > li.index {
    display: block;
    color: #333;
    font-weight: 500;
    padding: 5px 10px;
    background: #e0e8f7;
    border-bottom: 0;
    height: 30px;
}

/*공통 flex*/
.as_js_flex_b {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between;
}

.as_js_flex {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-start;
}

.as_jc_flex {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
}

.as_je_flex {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-end;
}

.ac_js_flex {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-start;
}

.ac_js_flex_nw {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
}

.ac_jc_flex {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
    justify-content: center;
}

.ac_je_flex {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-end;
}

.ac_je_flex_nw {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 5px;
    justify-content: flex-end;
}

.as_js_flex_c {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-start;
}

.as_jc_flex_c {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}

.as_je_flex_c {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-end;
}

.as_js_flex_c {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-start;
}

.as_jc_flex_c {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}

.as_je_flex_c {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-end;
}

.ac_js_flex_c {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-start;
}

.ac_jc_flex_c {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}

.ac_je_flex_c {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 5px;
    justify-content: flex-end;
}

.ac_js_flex_b{
	display: flex;align-items: center; justify-content: space-between; flex-direction: row; gap: 5px; padding: 2.5px;
}

.no-flex-wrap {
    flex-wrap: initial
}

.stitle {
    font-weight: bold;
    text-align: left;
}

.stitle_c {
    font-weight: bold;
    text-align: center;
}

.stitle_e {
    font-weight: bold;
    text-align: right;
}

.price_color-set {
    display: block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    background-color: #555;
    color: #fff;
    font-size: 10px !important;
    font-weight: bold;
    border-radius: 6px;
    margin-right: 3px;
}
/* 정부정책 */
#modal_gov_policy .modal-container {
    height: calc(100% - 50px);
}

#modal_gov_policy .modal-container .content-area {
    height: calc(100% - 70px);
    overflow-y: auto;
}

#modal_gov_policy .modal-container .content-area::-webkit-scrollbar {
    display: none;
}

.policy-contents {
    margin: 10px;
}

.policy-contents:not(:first-child) {
    border-top: 5px solid #18a7ba;
}

.policy-contents h3 {
    background-image: url(https://aptgin.com/cdn/res/icon/common/svg/bullet_triangle_blue_svg.svg
);
    background-repeat: no-repeat;
}
.region-info .list.news h3 {
    background-image: url(https://aptgin.com/cdn/res/icon/common/svg/bullet_triangle_blue_svg.svg
);
    background-repeat: no-repeat;
}

.policy-contents > h3:first-child {
    margin: 20px 10px 10px 10px;
}

.policy-contents > h3:not(:first-child) {
    margin: 50px 10px 10px 10px;
}

.policy-contents > p {
    margin: 0 0 22px 20px;
    font-size: 16px;
    font-family: GmarketSansM;
    font-weight: normal;
}

.policy-contents .map-area {
    position: relative;
    top: 0;
    border: solid 1px #dfe6ef;
    border-right: 0;
    background-color: aliceblue;
}

.policy-contents > p span {
    margin-right: 15px;
}

.policy-contents > p span:before {
    display: inline-block;
    content: '';
    width: 6px;
    height: 6px;
    background-color: #19a8bb;
    border-radius: 6px;
    margin-right: 3px;
    margin-bottom: 2px;
}

.policy-contents .legend-info {
    margin: 20px 10px;
}

.policy-contents .legend-text p {
    font-family: GmarketSansM;
    margin: 5px 0;
    font-size: 12px;
}

.policy-contents .legend-text p:before {
    display: inline-block;
    content: '';
    width: 3px;
    height: 3px;
    background-color: #000;
    border-radius: 6px;
    margin-right: 3px;
    margin-bottom: 2px;
}

.policy-contents .level-1 {
    background-color: #99a3bc;
    padding: 17px 15px 17px 0px;
    border-radius: 23px;
    margin: 5px;
    color: white;
    font-size: 13px;
}

.policy-contents .level-2 {
    background-color: #bca799;
    padding: 12px 12px 12px 0px;
    border-radius: 18px;
    margin: 5px 8px 5px 5px;;
    color: white;
    font-size: 13px;
}

.policy-contents .level-3 {
    background-color: #cb7362;
    padding: 8px;
    border-radius: 17px;
    margin: 5px 8px 5px 5px;;
    color: white;
    font-size: 13px;
}

.policy-contents i {
    width: 18px;
    height: 18px;
    background: #0a2e4f;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 5px;
}

.policy-contents .float-legend > p {
    font-family: NotoSansM;
    margin: 3px 0px;
    width: 270px;
    text-align: right;
}

.policy-contents .as_js_flex_b {
    padding: 10px 20px 10px 10px;
}

.policy-contents .row {
    margin-top: 0;
}

.policy-contents .policy-flex {
    width: 49%;
    gap: 20px;
    padding: 0 20px;
}

.policy-contents .policy-flex .as_js_flex_c {
    gap: 10px;
}

.policy-contents .policy-flex .title {
    font-family: GmarketSansM;
    font-size: 18px;
}

.policy-contents .policy-flex span:before {
    display: inline-block;
    content: '';
    width: 6px;
    height: 6px;
    background-color: #19a8bb;
    border-radius: 6px;
    margin-right: 3px;
    margin-bottom: 2px;
}

.policy-contents .adjust-label {
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
    line-height: 100%;
}

.policy-contents .policy-flex .loan-label {
    padding: 3px 5px;
    border: 1px solid #aeb0b4;
    color: #000;
    border-radius: 30px;
    margin-top: -3px;
}

.policy-contents .nowrap {
    flex-wrap: nowrap;
}

.policy-contents .wFull {
    width: 100%;
}

.policy-contents .wHalf {
    width: 50%;
}

.policy-contents .wHalf span {
    font-family: GmarketSansM;
}

.policy-contents .wHalf span:before {
    display: inline-block;
    content: '';
    width: 6px;
    height: 6px;
    background-color: #19a8bb;
    border-radius: 6px;
    margin-right: 3px;
    margin-bottom: 2px;
}

.policy-contents .p10 {
    padding: 10px;
}

.policy-contents .mt30 {
    margin-top: 30px;
    /*border-top: 3px dashed #19a8bb;*/
    padding-top: 10px;
}

.policy-contents table, .policy-contents tr, .policy-contents td, .policy-contents th {
    border: 1px solid black;
    word-wrap: break-word;
}

.policy-contents th {
    background: #d9ecff;
}

.policy-contents .sub-dot:before {
    display: inline-block;
    content: '';
    border-top: 4px solid transparent;
    border-left: 8px solid gray;
    border-bottom: 4px solid transparent;
    margin-bottom: 2px;
    margin-right: 4px;
}

.policy-contents.loan {
    margin-bottom: 90px;
}

.policy-contents.subscribe {
    margin-bottom: 420px;
}

.policy-contents.tax {
    margin-bottom: 490px;
}

.policy-contents.maintenance {
    margin-bottom: 515px;
}

.policy-contents img {
    width: 49%;
}

.modal-container .title-area + .option-set {
    padding-top: 10px;
}

.modal-container .option-set.gap {
    margin-bottom: 20px;
}

.modal-container .option-set.gap .option {
    margin-top: 0;
}

.modal-container .option-set .option.right label + button {
    margin-left: 20px;
}

.modal-container .option-set .option.right label {
    margin-right: 0;
    margin-left: 10px;
    font-weight: normal;
}

.modal-container .option-set > .right {
    margin-left: auto;
}

.modal-container .alert {
    position: relative;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.2px;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 12px 0;
}

.modal-container .alert.alert.red {
    color: #83272f;
    background-color: #fff1f2;
    border-color: #ead5d6;
}

.modal-container .alert > p {
    position: relative;
    padding-left: 10px;
}

.modal-container .alert > p:before {
    background: #c88a8d;
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 2px;
}

.modal-container .option-set .btn-submit {
    display: block;
    min-width: 114px;
    color: #fff;
    font-size: 15px;
    line-height: 38px !important;
    font-weight: 500;
    background: #3d3d3d;
    padding: 0 30px;
    border-radius: 4px !important;
    outline: none;
    transition: background .3s ease-in-out;
    margin-top: 5px;
}

.modal-container .option-set .btn-submit span {
    color: #fff;
}

.watermark:not(.except)::after {
    content: "";
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 80px;
    height: 24px;
    background: url(/res/img/common/logo_aptgin-15c41f4045949ddeb14aaa14a37b56e5.png) 0 0/80px auto no-repeat;
    opacity: .7;
}

a.introjs-button.introjs-nextbutton {
    animation: pulse .6s infinite alternate;
    transform-origin: center;
    background: #08c;
    color: white;
    font-weight: bold;
    text-decoration: initial;
    text-shadow: none;
    box-shadow: none;
}

div.scroll-area button.btn-search-seq {
    position: absolute;
    width: 30px;
    left: 0px;
    z-index: 1;
    height: 28px;
    border: solid 1px rgba(35, 179, 198, .2);
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    transition: .3s;
    background-color: rgba(35, 179, 198, .1);
}

div.scroll-area button.btn-search-seq.groupMaster {
    top: 12px;
}

div.scroll-area button.btn-search-seq.regionList {
    top: 13.5px;
}

div.scroll-area button.btn-search-seq.aptList {
    top: 13px;
}

div.scroll-area ul.btn-search-seq-list {
    display: none;
    overflow-y: auto;
    position: absolute;
    width: 30px;
    height: auto;
    left: 0px;
    z-index: 3;
    border: solid 1px rgba(35, 179, 198, .2);
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    transition: .3s;
    background-color: rgb(255, 255, 255);
}

div.scroll-area ul.btn-search-seq-list.groupMaster {
    max-height: 102px;
    top: 42px;
}

div.scroll-area ul.btn-search-seq-list.aptList {
    max-height: 102px;
    top: 42px;
}

div.scroll-area ul.btn-search-seq-list.regionList {
    max-height: 65px;
    top: 44px;
}

div.scroll-area ul.btn-search-seq-list > li {
    text-align: center;
    margin: 5px 0px;
    cursor: pointer;
}

div.scroll-area ul.btn-search-seq-list > li:hover {
    background-color: #f5f5f5;
}

div.scroll-area ul.btn-search-seq-list.active {
    display: block;
}

div.scroll-area ul.btn-search-seq-list::-webkit-scrollbar {
    width: 2px;
}

div.scroll-area ul.btn-search-seq-list::-webkit-scrollbar-thumb {
    background: #23b3c6;
    border: 0px none #ffffff;
    border-radius: 0;
}

/* 경매모달 */
.auction-fixed {
    padding: 0 20px;
}

.auction-fixed .col-2 {
    margin-bottom: 25px;
}

.auction-scroll {
    flex-grow: 1;
    overflow-y: auto;
    padding: 25px 20px 10px 20px;
    border-top: solid 1px #eee;
}

.auction-photo {
    position: relative;
}

.auction-photo .btn-more {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    font-size: 14px;
}

.auction-photo .btn-more::before {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    width: 17px;
    height: 17px;
    mask: url(../img/component/icon_add_plus.svg) 50%/contain no-repeat;
    -webkit-mask: url(../img/component/icon_add_plus.svg) 50%/contain no-repeat;
    background-color: #444;
}

.auction-photo .btn-more::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 5px;
    border-radius: 100%;
    border: solid 1px #ccd4e1;
    vertical-align: -4px;
    background-color: #f4f8fd;
    transition: .3s;
}

.auction-photo .btn-more:hover {
    color: #6e42d9;
}

.auction-photo .btn-more:hover::before {
    background-color: #fff;
}

.auction-photo .btn-more:hover::after {
    border-color: #6e42d9;
    background-color: #6e42d9;
}

.auction-photo ul {
    display: flex;
    flex-flow: row wrap;
}

.auction-photo li {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    height: 150px;
    border: 2px solid #ccd4e1;
    padding: 2px;
}

.auction-photo li + li {
    margin-left: 10px;
}

.auction-photo li img {
    width: 100%;
}

.auction-photo.public {
    overflow: hidden;
    margin-bottom: 30px;
}

.auction-photo.public li {
    height: 250px;
}

.auction-photo.public li + li {
    margin-left: 50px;
}

.auction-photo.public li img {
    width: auto;
    height: 100%;
}

.modal-auction {
    max-width: 1520px;
    left: 50%;
    bottom: 20px;
    margin-bottom: 0;
    transform: translateX(-50%);
    overflow: hidden;
}

.modal-auction h3 {
    margin-top: 0;
    font-size: 24px;
    font-weight: bold;
    background: none;
    padding: 0;
}

.modal-auction h4 {
    font-weight: 500;
    margin-bottom: 14px;
}

.modal-auction h5 {
    margin-bottom: 10px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
}

.modal-auction .nav-fixed{
    display: flex;
    align-items: center;
    position: relative;
    float: left;
    width: 100%;
}

.modal-auction .nav-fixed h4{
    width: 130px;
    /*margin: auto 0;*/
}

.modal-auction .nav-fixed .title-area{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: none;
}

.modal-auction .nav{
    border-top: 0;
    width: calc(100% - 130px);
}
.modal-auction .nav .ul-header{
    text-align: center;
    margin: 0;
    font-size: 12px;
    padding: 5px 1px 1px 1px;
    width: 55px;
    background-color: #f4f8fd;
    border: 1px solid #ccd4e1;
    border-right: none;
    height: 37px;
    letter-spacing: -.5px;
}

.modal-auction .nav ul{
    width: calc(100% - 55px);
    margin: 10px 0 10px 0;
    background-color: #f4f8fd;
    background-clip: content-box;
    border: 1px solid #ccd4e1;
}

.modal-auction .nav ul li{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    float: left;
    width: 8%;
    height: 35px;
    letter-spacing: -.5px;
    cursor: pointer;
    background-color: #f4f8fd;

}

.modal-auction .nav ul li:last-child{
    border-right: none;
}

.modal-auction .nav ul li{
    border-right: 1px solid #ccd4e1;
}

.modal-auction .nav ul li.hide{
    display: none;
}
.modal-auction .nav ul li.active{
    background-color: white;
    outline: 1px solid white;
    border-left: 1px solid #ccd4e1;
    border-top: 1px solid #ccd4e1;
}

.modal-auction .nav ul li.active:before{
    position: absolute;
    top: -2px;
    display: block;
    content: '';
    width: calc(100% + 2px);
    height: 2px;
    background: #0b99ac;
    z-index: 1;
}

.modal-auction .nav .next{
    width: 10%;
    float: right;
}

.modal-auction .nav .prev{
    width: 10%;
}

.modal-auction .nav .next[disabled]::before, .modal-auction .nav .prev[disabled]::before {
    background-color: #c5c5c5;
}

.modal-auction .nav .next::before, .modal-auction .nav .prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    mask: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg) 50%/contain no-repeat;
    background-color: #999;
    transform: translate(-50%, -50%) rotate(-90deg);
    transition: .3s;
}

.modal-auction .nav .prev::before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.modal-auction .title-area.thick {
    display: flex;
    justify-content: space-between;
    min-height: auto;
    padding: 20px;
}

.modal-auction .title-area.thick .title-sub {
    display: flex;
}

.modal-auction .title-area.thick .title-sub button{
    width: 30px;
    height: 28px;
    border: solid 1px rgba(117, 52, 250, .2);
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    transition: .3s;
    background-color: rgba(117, 52, 250, .1);
    margin-right: 5px;
}

.modal-auction .title-area.thick .title-sub ul{
    display: none;
    overflow-y: auto;
    position: absolute;
    width: 30px;
    max-height: 163px;
    top: 30px;
    z-index: 2;
    border: solid 1px rgba(117, 52, 250, .2);
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    transition: .3s;
    background-color: rgb(255, 255, 255);
}

.modal-auction .title-area.thick .title-sub ul.active{
    display: block;
}
.modal-auction .title-area.thick .title-sub ul::-webkit-scrollbar {
    width: 2px;
}
.modal-auction .title-area.thick .title-sub ul li{
    text-align: center;
    margin: 5px 0px;
}
.modal-auction .title-area.thick .title-sub ul li:hover {
    cursor: pointer;
    background-color: #f5f5f5;
}

.modal-auction .title-area:after {
    display: none;
}

.modal-auction .col-2 {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 30px;
    width: 100%;
    float: none;
}

.modal-auction .col-2 > * {
    width: 50%;
}

.modal-auction .col-2 > div + div {
    padding-left: 50px;
}

.modal-auction .col-2.btn-set > div + div {
    padding-left: 0;
}

.modal-auction .col-2 .table-basic {
    margin-bottom: 0;
}

.modal-auction .caution {
    padding: 10px 20px;
    border-bottom: 1px solid #dbe0ec;
    text-align: center;
    background-color: #f8faff;
}

.modal-auction .caution span {
    font-weight: 500;
}

.modal-auction .nav-container {
    margin-bottom: 20px;
    padding-top: 0;
}

.modal-auction .nav-container.tab {
    background: #fff;
}

.modal-auction .table-basic {
    margin-bottom: 30px;
    border-top: solid 2px #d5dae6;
}

.modal-auction .table-basic th, .info-area .table-basic td {
    font-size: 13px;
}

.modal-auction .table-basic th {
    height: auto;
    padding: 8px 0;
    color: #50649c;
    border: solid 1px #dfe6ef;
}

.modal-auction .table-basic td {
    padding: 5px;
    border: solid 1px #dfe6ef;
}

.modal-auction .table-basic .link {
    display: inline-block;
    color: #6e42d9;
    text-decoration: underline;
    font-weight: 500;
}

.modal-auction .table-basic .bid {
    color: #d80000;
    font-weight: bold;
    background-color: #ffeacd;
}

.modal-auction .table-basic .bid td {
    color: #d80000;
    font-weight: bold;
}

.modal-auction .nav-container.tab {
    background: #fff;
}

.modal-auction .nav-container.tab .nav-tabs {
    max-width: none;
    margin-left: 0;
    justify-content: flex-start;
    border-bottom: solid 1px #dadce0;
}

.modal-auction .nav-container.tab .nav-tabs li {
    border-top: solid 1px #dadce0;
}

.modal-auction .nav-container.tab .nav-tabs li a {
    color: #999;
}

.modal-auction .nav-container.tab .nav-tabs li.active a {
    color: #333;
}

.modal-auction .nav-container.tab .nav-tabs li.active::after{
    background-color: #fff;
}

.modal-auction .nav-container.tab .mulgun-tabs {
    display: flex;
    border-bottom: solid 1px #dadce0;
}

.modal-auction .nav-container.tab .mulgun-tabs li {
    width: 8%;
    margin-top: 1px;
    border-top: solid 1px #dadce0;
    background: #fff;
    border-left: 1px solid #dadce0;
    /*border-right: 1px solid #dadce0;*/
}

.modal-auction .nav-container.tab .mulgun-tabs li.last {
    border-right: 1px solid #dadce0;
}

.modal-auction .nav-container.tab .mulgun-tabs li:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: #dadce0;
}

.modal-auction .nav-container.tab .mulgun-tabs li a {
    position: relative;
    display: block;
    width: 100%;
    color: #999;
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    line-height: 24px;
    letter-spacing: -0.4px;
    height: 48px;
    background: #fff;
    padding: 12px 0;
    cursor: pointer;
}

.modal-auction .nav-container.tab .mulgun-tabs li.active a {
    color: #111;
    font-weight: 600;
    background: #fff;
}

.modal-auction .nav-container.tab .mulgun-tabs li.active a:before {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    content: '';
    width: calc(100% + 2px);
    height: 2px;
    background: #8f55e2;
    z-index: 1;
}

.modal-auction .nav-container.tab .mulgun-tabs li.active::after{
    background-color: #fff;
}
.modal-auction .nav-container.tab .mulgun-tabs li.prev{
    width: calc(10%);
}
.modal-auction .nav-container.tab .mulgun-tabs li.next{
    width: calc(10%);
    border-right: 1px solid #dadce0;
    position: absolute;
    right: 0;
}
.modal-auction .nav-container.tab .mulgun-tabs li.prev a::before, .modal-auction .nav-container.tab .mulgun-tabs li.next a::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    mask: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg) 50%/contain no-repeat;
    background-color: #999;
    transform: translate(-50%, -50%) rotate(-90deg);
    transition: .3s;
}
.modal-auction .nav-container.tab .mulgun-tabs li.prev a::before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.modal-auction .nav-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.modal-auction .nav-tabs li {
    position: relative;
    margin-top: 1px;
    overflow: initial;
}

.modal-auction .nav-tabs li:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background: #dadce0;
}

.modal-auction .nav-tabs li.active:before {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    content: '';
    width: calc(100% + 2px);
    height: 2px;
    background: #0b99ac;
    z-index: 1;
}

.modal-auction .nav-tabs:not([class*=col-5]) li.active::after {
    background-color: #fff;
}

.modal-auction .nav-tabs.col-8 li {
    width: calc(12.5% + 1px);
    background: #fff;
    border-left: 1px solid #dadce0;
    border-right: 1px solid #dadce0;
    margin-left: -1px;
}

.modal-auction .nav-tabs.col-6 li {
    width: calc(16.666% + 1px);
    background: #fff;
    border-left: 1px solid #dadce0;
    border-right: 1px solid #dadce0;
    margin-left: -1px;
}

.modal-auction .nav-tabs.col-5 li {
    width: calc(20% + 1px);
    background: #fff;
    border-left: 1px solid #dadce0;
    border-right: 1px solid #dadce0;
    margin-left: -1px;
}

.modal-auction .nav-tabs.col-4 li {
    width: calc(25% + 1px);
    background: #fff;
    border-left: 1px solid #dadce0;
    border-right: 1px solid #dadce0;
    margin-left: -1px;
}

.modal-auction .nav-tabs.col-3.saveList li {
    width: calc(33.3%);
    background: #fff;
    border-left: 1px solid #dadce0;
    border-right: 1px solid #dadce0;
}

.modal-auction .nav-tabs li.active > a {
    color: #111;
    font-weight: 600;
    background: #fff;
}

.modal-auction .nav-tabs li > a {
    height: auto;
    padding: 5px 0;
    font-size: 14px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 24px;
    letter-spacing: -0.4px;
    cursor: pointer;
}

.modal-auction .icon-pin-purple {
    width: 15px;
    height: 15px;
    margin-left: 3px;
}

.modal-auction .alert {
    margin-bottom: 20px;
}

.modal-auction .alert span {
    padding-left: 5px;
}

.modal-auction .eval-div{
    padding: 20px 10px 10px 10px;
    border: 1px solid #ccd4e1;
}

.modal-auction .eval-title {
    font-weight: 400;
    padding: 0 0 0 10px;
    color: #4fa2c0;
    margin: 5px 0;
}

.modal-auction .eval-content {
    padding: 0 20px;
    line-height: 20px;
    margin-bottom: 5px;
}

.modal-auction .title-btns {
    position: absolute !important;
    top: 10px;
    right: 50px;
}

.modal-auction .title-btns > * {
    display: inline-block;
    height: 34px;
    margin-left: 5px;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    border: solid 1px rgba(255, 255, 255, .3);
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .2);
    vertical-align: middle;
    transition: .3s;
    cursor: pointer;
}

.modal-auction .title-btns > *:hover {
    border-color: #fff;
}

.modal-auction .btn-print, .modal-auction .btn-view {

}

.modal-auction .title-btns .btn-print::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    vertical-align: -1px;
    background: none;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_print.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_print.svg) 50%/contain no-repeat;
    background-color: #fff;
}

.modal-auction .title-btns .star-on, .modal-auction .title-btns .star-off {
    margin-top: 5px;
    vertical-align: -4px;
}

.modal-auction .title-area > * {
    /*position: relative;*/
    margin-right: 10px;
}

.modal-auction .info-head {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
}

.modal-auction .info-head > * {
    font-size: 14px;
}

.modal-auction .info-head dt {
    padding-left: 20px;
    font-weight: normal;
}

.modal-auction .info-head dt::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 5px;
    vertical-align: 3px;
    background-color: #0b99ac;
}

.modal-auction .info-head dd {
    padding-left: 5px;
}

.modal-auction .info-head strong {
    color: #0b99ac;
}

.modal-auction .info-area {
    display: flex;
    flex-flow: column nowrap;
    position: absolute;
    top: 54px;
    left: 0;
    right: 0;
    bottom: 0;
}

.modal-auction .info-area.public {
    top: 172px;
}

.modal-auction .info-head .icon-tel::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 3px;
    vertical-align: -3px;
    background-color: #666;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_tel.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_tel.svg) 50%/contain no-repeat;
}

.modal-auction .button-set {
    display: none;
    clear: both;
    overflow: hidden;
}
.modal-auction .button-set .button-row {
    width: 100%;
    display: inline-block;
}

.modal-auction .button-set.active {
    display: block;
}

.modal-auction .button-set button {
    float: left;
    width: calc(25% - 8px);
    height: 40px;
    margin: 5px 0;
    border: 1px solid #ccd4e1;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .05);
    color: #50649c;
    font-size: 14px;
    background-color: #f4f8fd;
    transition: .2s;
}

.modal-auction .button-set button + button {
    margin-left: 10px;
}

.modal-auction .button-set button:nth-child(4n+1) {
    margin-left: 0;
}

.modal-auction .button-set button:hover, .button-set button:focus, .button-set.blue button:hover {
    color: #fff;
    border-color: #8184dc;
    background-color: #8184dc;
}

.modal-auction .eval-div{
    padding: 20px 10px 10px 10px;
    border: 1px solid #ccd4e1;
}

.modal-auction .eval-title, .modal-auction .eval-ul .law_title {
    font-weight: 400;
    padding: 0 0 0 10px;
    color: #4fa2c0;
    margin: 5px 0;
}

.modal-auction .eval-content{
    padding: 0 20px !important;
    line-height: 20px;
    margin-bottom: 5px;
}

.modal-auction .eval-ul{
    margin-bottom: 10px;
}

.modal-auction .eval-ul ul li{
    padding-left: 20px;
}

.modal-auction .eval-ul ul li span{
    padding: 0 !important;
    line-height: 20px;
    margin-bottom: 5px;
}

.left-blank::before{
    content: "\00a0"; /* 공백 문자 */
    margin-right: 20px; /* 왼쪽 공백 크기 */
}

.apt-env-label{
    display: inline-block;
    margin-right: 1px;
    padding-right: 1px;
    width: 15px;
    height: 15px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px !important;
    font-weight: normal;
    line-height: 15px;
    text-align: center;
}

.icon-up {
    display: inline-block;
    width: 11px;
    height: 11px;
    background-image: url(https://aptgin.com/cdn/res/icon/common/svg/icon_up_small.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}

.icon-down {
    display: inline-block;
    width: 11px;
    height: 11px;
    background-image: url(https://aptgin.com/cdn/res/icon/common/svg/icon_down_small.svg);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: 3px;
    margin-right: 3px;
}
.comparer-area.layout1440 {
    padding-right: 115px;
}
.comparer-area.layout1440-noAd {
    padding-right: 115px;
}
.comparer.left-pad {
    padding-left: 90px;
    margin-right: 0px;
}
.comparer.left-pad > .right {
    position: absolute;
    top: 18px;
    right: 0;
}
.comparer.left-pad h5{
    position: relative !important;
    top:8px;
    left: 0;
}

.comparer .left-area {
    position: absolute;
    top: 10px;
    left: 0;
    display: flex;
}

.chip-set.over-flow {
    height: 46px;
    overflow: hidden;
}

@keyframes arrow_open {
    0% {
        transform: translate(0, -3px);
        opacity: .3;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(0, 1px);
        opacity: 0;
    }
}

@keyframes arrow_close {
    0% {
        transform: rotate(180deg) translate(0, -2px);
        opacity: .3;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(180deg) translate(0, 1px);
        opacity: 0;
    }
}

.comparer .btn-arrow::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #333;
    vertical-align: 3px;
    -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;
}

.comparer .btn-arrow.open::after {
    -webkit-animation: arrow_open 1s infinite;
    animation: arrow_open 1s infinite;
}

.comparer .btn-arrow.close::after {
    -webkit-animation: arrow_close 1s infinite;
    animation: arrow_close 1s infinite;
    vertical-align: 4px;
}

.comparer .btn-arrow:hover::after {
    -webkit-animation: none;
    animation: none;
}

.comparer .btn-arrow.close:hover::after {
    transform: rotate(180deg);
}

.comparer .btn-arrow .btn-arrow-count {
    display: inline-block;
    line-height: 18px;
    color: #333;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    padding: 0 6px;
    vertical-align: 5px;
    transition: .1s;
}

.comparer .btn-arrow .btn-arrow-count span {
    color: #23b3c6;
    font-size: 14px;
}

.comparer .btn-arrow .btn-arrow-count span#count-type {
    color: #000;
    font-size: 12px;
}

.comparer .btn-arrow:hover .btn-arrow-count, .comparer .btn-arrow:hover .btn-arrow-count span {
    color: inherit;
}

.sale-box{
    border: 1px solid #dddddd;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.compare-tag{
    text-align: left;
}
.compare-tag span.tag-nm i{
    font-style: normal;
    padding: 0 4px 2px 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 21px;
    margin-right: 5px;
}
.compare-tag span.tag-nm.ib i{
    background-color: #555555;
}
.compare-tag span.tag-nm.gm i{
    background-color: #FF0060;
}
.compare-tag span.tag-nm.sag i{
    background-color: #0079FF;
}
.compare-tag span.tag-nm.ryd i{
    background-color: #FBA834;
}
.compare-tag span.tag-nm.sl i{
    background-color: #00DFA2;
}

.icon-tel::before, .icon-mobile::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 3px;
    vertical-align: -3px;
    background-color: #666;
}

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

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

.k-grid .icon-tel, .k-grid .icon-mobile{
    width: initial !important;
    height: initial !important;
}

.long-td th, .long-td td {
    line-height: 30px;
}

.beta-badge {
    display: inline-block;
    min-width: 35px;
    margin-left: 5px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    padding: 0 6px;
    background-color: #2b45d4;
    border-radius: 20px;
}

.tippy-backdrop{border-radius:2px !important;}
.tippy-content{text-align: left}

.k-grid-content-locked td button.delete {
    background-color: rgba(0, 0, 0, .05);
    margin-left: -1px;
}

.print-div {display: none;}

@media print{
    .no-print {
        display: none;
    }

    .print-div {
        display: block;
    }

    .print-div h4{
        margin: 10px 0;
    }

    .print-div .title-area.thick {
        display: flex;
        justify-content: space-between;
        min-height: auto;
        padding: 20px;
    }

    .print-div .title-area.thick .title-sub {
        display: flex;
    }

    .print-div .col-2 {
        display: initial;
        margin-bottom: 30px;
    }
    .print-div .col-2 > *{
        width: 100%;
    }

    .print-div .col-2.btn-set > div + div {
        padding-left: 0;
    }

    .print-div .col-2 .table-basic {
        margin-bottom: 0;
    }

    .print-div .table-basic {
        width: 100%;
        margin-bottom: 30px;
        border-top: solid 2px #d5dae6;
    }

    .print-div .table-basic th, .print-div .info-area .table-basic td {
        font-size: 13px;
    }

    .print-div .table-basic th {
        height: auto;
        padding: 8px 0;
        color: #50649c;
    }

    .print-div .table-basic td {
        padding: 5px;
    }

}