/*** 관리자, 서비스 공통 css ***/
@font-face {
    font-family: NanumGothic;
    font-style: normal;
    font-weight: 400;
    src: url('font/NanumGothic.woff2'),
        url('font/NanumGothic.woff');
}
@font-face {
    font-family: NanumGothic;
    font-style: normal;
    font-weight: 600;
    src: url('font/NanumGothicBold.woff2'),
        url('font/NanumGothicBold.woff');
}
@font-face {
    font-family: NanumGothic;
    font-style: normal;
    font-weight: 700;
    src: url('font/NanumGothicExtraBold.woff2'),
        url('font/NanumGothicExtraBold.woff');
}

/* 플로팅 배너 */
.f_quick a {z-index: 999; position: fixed; right: 50px; bottom: 65px;}

@media screen and (max-width:1440px) {
    .f_quick, .pop_service .button {display:none; transition:all 1s ease .05s;}
}
@media screen and (min-width:1440px) {
    .f_quick, .pop_service .button {display:block; transition:all 1s ease .05s;}
}

@keyframes f_quick_1 {
    0% {opacity:1; z-index:9999;}
    45% {opacity:1; }
    55% {opacity:0; z-index:999;}
    100% {opacity:0;}
}

@keyframes f_quick_2 {
    0% {opacity:0; z-index:999;}
    45% {opacity:0;}
    55% {opacity:1; z-index:9999;}
    100% {opacity:1;}
}

.f_quick a:nth-child(1) {
    animation-name: f_quick_1;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    animation-direction: alternate;
}

.f_quick a:nth-child(2) {
    animation-name: f_quick_2;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 10s;
    animation-direction: alternate;
}

.blinking{
    -webkit-animation:blink 2.0s ease-in-out infinite alternate;
    -moz-animation:blink 2.0s ease-in-out infinite alternate;
    animation:blink 2.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/* 기능소개 모달 : 팝업 내용 - common/commonPage/popup_service */
.pop_service {position:absolute;}
.pop_service .hidden {display:none; visibility:hidden;}
.pop_service .button {z-index:999; position: fixed; right:55px; bottom:30px; cursor:pointer;}
.pop_service .box_modal {position:fixed; display:block; z-index:999999; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
}
.pop_service .box_modal .modal_area {position:relative; background:#fff; width:732px; height:90vh; top:10%; left:50%; margin-top:-75px; margin-left:-366px; overflow-x:hidden;}
.pop_service .closer {position:absolute; width:50px; height:50px; top:0; right:0; background:#333;text-align:center; line-height:45px; font-size:1.1rem; font-weight:100; color:#fff; cursor:pointer;}
.pop_service .text { display:inline-block; width:90%; padding:50px 30px;}
.pop_service input#modal[type=checkbox]:checked ~ .box_modal {-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1);}


/* top-banner */
.top-bn {
    position: absolute;
    top: 0;
    width: 100%;
    min-width: 1070px;
    height: 56px;
    background: #fffbd3;
    display: none;
}

.top-bn a {
    display: flex;
    justify-content: center;
    position: relative;
}

.top-bn .top-bn-btn {
    position: absolute;
    right: 50px;
}