-/* layout */

-.admin-wrap {

-    display: grid;

-    grid-template-columns: 215px minmax(1020px, 1fr);

-    grid-template-rows: 66px minmax(527px, auto);

-    grid-template-areas:

-        "header header "

-        "nav  main  ";

-    height: 100%;

-    /* min-height: 100vh; */

-}

-

-.admin-wrap header {

-    background-color: var(--gray-dark);

-    grid-area: header;

-}

-

-.admin-wrap header * {

-    color: var(--white);

-}

-

-.admin-wrap header .logo {

-    font-size: 2.4rem;

-    font-weight: bold;

-}

-

-

-.admin-wrap header nav .admin-main-menu li {

-    font-size: 1.2rem;

-    padding: .5rem 2rem;

-}

-

-.admin-wrap header nav .admin-main-menu li.main-active{

-    background-color: #292929;

-    border-radius: 5rem;

-}

-

-.admin-wrap .admin-sub-menu {

-    height: 100%;

-    background-color: var(--secondary);

-    box-shadow: 5px 0 5px var(--light);

-    grid-area: nav;

-}

-

-

-

-

-.side-menu {

-    border-top: 0.5px solid var(--gray);

-    height: calc(100% - 122px);

-    overflow-y: auto;

-}

-

-.side-menu li.sub-active {

-    background-color: var(--blue);

-}

-

-.side-menu li.sub-active a,

-.side-menu li.sub-active span {

-    color: var(--white);

-}

-

-.side-menu li a,

-.side-menu li span {

-    display: block;

-    width: 100%;

-    font-size: 1.2rem;

-    position: relative;

-    padding-left: 1.5rem;

-}

-

-.side-menu li a::after,

-.side-menu li span::after {

-    content: "";

-    position: absolute;

-    width: 5px;

-    height: 5px;

-    border-radius: 5px;

-    top: 50%;

-    left: 0;

-    transform: translateY(-50%);

-    background-color: var(--gray-dark);

-}

-

-.side-menu li.sub-active a::after,

-.side-menu li.sub-active span::after {

-    background-color: var(--white);

-}

-

-

-.admin-wrap .main-warp {

-    grid-area: main;

-}

-

-.admin-wrap .main-warp>div.router-wrap {

-    height: 100%;

-    padding: 5rem 2rem;

-}

-

-

-/* admin pagination */

-.admin-pagination .pagination-button-type a.active {

-	background-color: var(--blue);

-	color: white;

-	cursor: default !important;

-}

-

-

-

-/* admin style */

-.admin-style details{

-    border-top: 2px solid var(--gray-dark);

-    border-bottom: 1px solid var(--gray-dark);

-}

-

-.admin-style summary{

-    padding: 1rem;

-    background-color: var(--light);

-    font-size: 1.8rem;

-    color: var(--blue);

-}

-

-.admin-style .summary-style {

-    font-size: 1.6rem;

-    position: relative;

-}

-

-.admin-style .summary-style::before{

-    content: "";

-    position: absolute;

-    top: 50%;

-    left: 0;

-    width: 5px;

-    height: 5px;

-    border-radius: 5px;

-    background-color: var(--blue);

-}

-

-.summary-style::before{

-    transform: translateY(-50%);

-}

-

-

-.admin-info{

-    background-color: var(--gray-dark);

-    border-radius: 1rem;

-    box-shadow: 0 0 5px var(--gray);

-}

-

-.admin-name{

-    font-size: 1.8rem;

-    font-weight: 800;

-    color: var(--light);

-}

-.admin-btn{

-    color: var(--light);   

-     position: relative;

-     font-size: 1.2rem;

-}

-.admin-btn:first-child::after{

-    content: "";

-    width: 1px;

-    height: 10px;

-    position: absolute;

-    top: 50%;

-    right: 0;

-    transform: translateY(-50%);

-    background-color: var(--light);

-}

-

-

-.full-page{

-    width: 100%;

-    height: calc(100% - 66px);

-}

-

-.tree-zone{

-    background-color: var(--light);

-    border-radius: 1rem;

-}

-.tree{

-    width: 100%;

-    /* height: calc(100% - 56px); */

-    height: calc(100% - 115px);

-}

-.btn-zone{

-    border-top: 1px solid var(--dark);

-}

-

-

-.admin-style .detail-table {

-    border-top: 2px solid var(--gray-dark);

-    border-bottom: 1px solid var(--gray-dark);

-    table-layout: fixed;

-    width: 100%;

-}

-

-.admin-style .detail-title {

-    background-color: var(--light);

-    border-bottom: 1px solid var(--gray-dark);

-}

-

-.admin-style .detail-title td {

-    padding: 2rem 1.5rem;

-}

-

-.admin-style .detail-table th{

-    background-color: var(--light);

-}

-

-.admin-style .detail-table-title {

-    font-size: 1.8rem;

-}

-

-/* 약관 상세보기 */

-.title-zone{

-    background-color: var(--light);

-}

-

-.title-zone p{

-    font-size: 2rem;

-    color: var(--blue);

-    font-weight: 700;

-}

-

-.viewer{

-    border-top: 1px solid var(--dark);

-    border-bottom: 1px solid var(--dark);

-}

-

-

-/* 팝업 */

-.popup-container{

-    background: #fff; 

-    border-radius: 5px;

-    overflow: hidden;

-}

-

-.popup-container .img-link{

-    display: block;

-    width: 100%;

-    height: 100%;

-}

-

-.iframe-container{

-  position: relative;

-  width: 100%;

-  height: 0;

-  padding-top: calc(9/16 * 100%);

-}

-

-.iframe-container iframe{

-  position: absolute;

-  top: 0;

-  left: 0;

-  width: 100%;

-  height: 100%;

-}

-

-/* 영상게시판 */

-.video-zone,

-.gall-zone{

-    width: 70%;

-    margin: 0 auto;

-    margin-bottom: 3rem;

-}

-.gall-zone{

-    width: 100%;

-}

-

-.sticy{

-    position: sticky;

-    top: 0;

-}

-@charset "utf-8";

-

-

-/* 마진 - 왼쪽 */

-.ml0 { margin-left: 0rem; }

-.ml5 { margin-left: 0.5rem; }

-.ml10 { margin-left: 1rem; }

-.ml15 { margin-left: 1.5rem; }

-.ml20 { margin-left: 2rem; }

-.ml25 { margin-left: 2.5rem; }

-.ml30 { margin-left: 3rem; }

-.ml35 { margin-left: 3.5rem; }

-.ml40 { margin-left: 4rem; }

-.ml45 { margin-left: 4.5rem; }

-.ml50 { margin-left: 5rem; }

-.ml55 { margin-left: 5.5rem; }

-.ml60 { margin-left: 6rem; }

-.ml65 { margin-left: 6.5rem; }

-.ml70 { margin-left: 7rem; }

-.ml75 { margin-left: 7.5rem; }

-.ml80 { margin-left: 8rem; }

-.ml85 { margin-left: 8.5rem; }

-.ml90 { margin-left: 9rem; }

-.ml95 { margin-left: 9.5rem; }

-.ml100 { margin-left: 10rem; }

-/* 마진 - 오른쪽 */

-.mr0 { margin-right: 0rem; }

-.mr5 { margin-right: 0.5rem; }

-.mr10 { margin-right: 1rem; }

-.mr15 { margin-right: 1.5rem; }

-.mr20 { margin-right: 2rem; }

-.mr25 { margin-right: 2.5rem; }

-.mr30 { margin-right: 3rem; }

-.mr35 { margin-right: 3.5rem; }

-.mr40 { margin-right: 4rem; }

-.mr45 { margin-right: 4.5rem; }

-.mr50 { margin-right: 5rem; }

-.mr55 { margin-right: 5.5rem; }

-.mr60 { margin-right: 6rem; }

-.mr65 { margin-right: 6.5rem; }

-.mr70 { margin-right: 7rem; }

-.mr75 { margin-right: 7.5rem; }

-.mr80 { margin-right: 8rem; }

-.mr85 { margin-right: 8.5rem; }

-.mr90 { margin-right: 9rem; }

-.mr95 { margin-right: 9.5rem; }

-.mr100 { margin-right: 10rem; }

-/* 마진 - 위쪽 */

-.mt0 { margin-top: 0rem; }

-.mt5 { margin-top: 0.5rem; }

-.mt10 { margin-top: 1rem; }

-.mt15 { margin-top: 1.5rem; }

-.mt20 { margin-top: 2rem; }

-.mt25 { margin-top: 2.5rem; }

-.mt30 { margin-top: 3rem; }

-.mt35 { margin-top: 3.5rem; }

-.mt40 { margin-top: 4rem; }

-.mt45 { margin-top: 4.5rem; }

-.mt50 { margin-top: 5rem; }

-.mt55 { margin-top: 5.5rem; }

-.mt60 { margin-top: 6rem; }

-.mt65 { margin-top: 6.5rem; }

-.mt70 { margin-top: 7rem; }

-.mt75 { margin-top: 7.5rem; }

-.mt80 { margin-top: 8rem; }

-.mt85 { margin-top: 8.5rem; }

-.mt90 { margin-top: 9rem; }

-.mt95 { margin-top: 9.5rem; }

-.mt100 { margin-top: 10rem; }

-/* 마진 - 아래쪽 */

-.mb0 { margin-bottom: 0rem; }

-.mb5 { margin-bottom: 0.5rem; }

-.mb10 { margin-bottom: 1rem; }

-.mb15 { margin-bottom: 1.5rem; }

-.mb20 { margin-bottom: 2rem; }

-.mb25 { margin-bottom: 2.5rem; }

-.mb30 { margin-bottom: 3rem; }

-.mb35 { margin-bottom: 3.5rem; }

-.mb40 { margin-bottom: 4rem; }

-.mb45 { margin-bottom: 4.5rem; }

-.mb50 { margin-bottom: 5rem; }

-.mb55 { margin-bottom: 5.5rem; }

-.mb60 { margin-bottom: 6rem; }

-.mb65 { margin-bottom: 6.5rem; }

-.mb70 { margin-bottom: 7rem; }

-.mb75 { margin-bottom: 7.5rem; }

-.mb80 { margin-bottom: 8rem; }

-.mb85 { margin-bottom: 8.5rem; }

-.mb90 { margin-bottom: 9rem; }

-.mb95 { margin-bottom: 9.5rem; }

-.mb100 { margin-bottom: 10rem; }

-/* 패딩 - 전체 */

-.pd0 { padding: 0rem; }

-.pd5 { padding: 0.5rem; }

-.pd10 { padding: 1rem; }

-.pd15 { padding: 1.5rem; }

-.pd20 { padding: 2rem; }

-.pd25 { padding: 2.5rem; }

-.pd30 { padding: 3rem; }

-.pd35 { padding: 3.5rem; }

-.pd40 { padding: 4rem; }

-.pd45 { padding: 4.5rem; }

-.pd50 { padding: 5rem; }

-.pd55 { padding: 5.5rem; }

-.pd60 { padding: 6rem; }

-.pd65 { padding: 6.5rem; }

-.pd70 { padding: 7rem; }

-.pd75 { padding: 7.5rem; }

-.pd80 { padding: 8rem; }

-.pd85 { padding: 8.5rem; }

-.pd90 { padding: 9rem; }

-.pd95 { padding: 9.5rem; }

-.pd100 { padding: 10rem; }

-

-/* 패딩 - 왼쪽 */

-.pl0 { padding-left: 0rem; }

-.pl5 { padding-left: 0.5rem; }

-.pl10 { padding-left: 1rem; }

-.pl15 { padding-left: 1.5rem; }

-.pl20 { padding-left: 2rem; }

-.pl25 { padding-left: 2.5rem; }

-.pl30 { padding-left: 3rem; }

-.pl35 { padding-left: 3.5rem; }

-.pl40 { padding-left: 4rem; }

-.pl45 { padding-left: 4.5rem; }

-.pl50 { padding-left: 5rem; }

-.pl55 { padding-left: 5.5rem; }

-.pl60 { padding-left: 6rem; }

-.pl65 { padding-left: 6.5rem; }

-.pl70 { padding-left: 7rem; }

-.pl75 { padding-left: 7.5rem; }

-.pl80 { padding-left: 8rem; }

-.pl85 { padding-left: 8.5rem; }

-.pl90 { padding-left: 9rem; }

-.pl95 { padding-left: 9.5rem; }

-.pl100 { padding-left: 10rem; }

-/* 패딩 - 오른쪽 */

-.pr0 { padding-right: 0rem; }

-.pr5 { padding-right: 0.5rem; }

-.pr10 { padding-right: 1rem; }

-.pr15 { padding-right: 1.5rem; }

-.pr20 { padding-right: 2rem; }

-.pr25 { padding-right: 2.5rem; }

-.pr30 { padding-right: 3rem; }

-.pr35 { padding-right: 3.5rem; }

-.pr40 { padding-right: 4rem; }

-.pr45 { padding-right: 4.5rem; }

-.pr50 { padding-right: 5rem; }

-.pr55 { padding-right: 5.5rem; }

-.pr60 { padding-right: 6rem; }

-.pr65 { padding-right: 6.5rem; }

-.pr70 { padding-right: 7rem; }

-.pr75 { padding-right: 7.5rem; }

-.pr80 { padding-right: 8rem; }

-.pr85 { padding-right: 8.5rem; }

-.pr90 { padding-right: 9rem; }

-.pr95 { padding-right: 9.5rem; }

-.pr100 { padding-right: 10rem; }

-/* 패딩 - 위쪽 */

-.pt0 { padding-top: 0rem; }

-.pt5 { padding-top: 0.5rem; }

-.pt10 { padding-top: 1rem; }

-.pt15 { padding-top: 1.5rem; }

-.pt20 { padding-top: 2rem; }

-.pt25 { padding-top: 2.5rem; }

-.pt30 { padding-top: 3rem; }

-.pt35 { padding-top: 3.5rem; }

-.pt40 { padding-top: 4rem; }

-.pt45 { padding-top: 4.5rem; }

-.pt50 { padding-top: 5rem; }

-.pt55 { padding-top: 5.5rem; }

-.pt60 { padding-top: 6rem; }

-.pt65 { padding-top: 6.5rem; }

-.pt70 { padding-top: 7rem; }

-.pt75 { padding-top: 7.5rem; }

-.pt80 { padding-top: 8rem; }

-.pt85 { padding-top: 8.5rem; }

-.pt90 { padding-top: 9rem; }

-.pt95 { padding-top: 9.5rem; }

-.pt100 { padding-top: 10rem; }

-/* 패딩 - 아래쪽 */

-.pb0 { padding-bottom: 0rem; }

-.pb5 { padding-bottom: 0.5rem; }

-.pb10 { padding-bottom: 1rem; }

-.pb15 { padding-bottom: 1.5rem; }

-.pb20 { padding-bottom: 2rem; }

-.pb25 { padding-bottom: 2.5rem; }

-.pb30 { padding-bottom: 3rem; }

-.pb35 { padding-bottom: 3.5rem; }

-.pb40 { padding-bottom: 4rem; }

-.pb45 { padding-bottom: 4.5rem; }

-.pb50 { padding-bottom: 5rem; }

-.pb55 { padding-bottom: 5.5rem; }

-.pb60 { padding-bottom: 6rem; }

-.pb65 { padding-bottom: 6.5rem; }

-.pb70 { padding-bottom: 7rem; }

-.pb75 { padding-bottom: 7.5rem; }

-.pb80 { padding-bottom: 8rem; }

-.pb85 { padding-bottom: 8.5rem; }

-.pb90 { padding-bottom: 9rem; }

-.pb95 { padding-bottom: 9.5rem; }

-.pb100 { padding-bottom: 10rem; }

-

-:root {

-    --krds-white: #fff;

-    --krds-black: #000;

-    --krds-primary: #246BEB;

-    --krds-secondary: #003675;

-    --krds-point: #E71825;

-    --krds-danger: #EB003B;

-    --krds-warning: #FFB724;

-    --krds-success: #008A1E;

-    --krds-information: #2768FF;

-    --krds-primary-5: #EFF5FF;

-    --krds-primary-10: #D3E1FB;

-    --krds-primary-20: #A7C4F7;

-    --krds-primary-30: #7CA6F3;

-    --krds-primary-40: #5089EF;

-    --krds-primary-60: #1D56BC;

-    --krds-primary-70: #16408D;

-    --krds-primary-80: #0E2B5E;

-    --krds-primary-90: #07152F;

-    --krds-secondary-5: #EDF1F5;

-    --krds-secondary-10: #CDD7E4;

-    --krds-secondary-20: #B4C4D6;

-    --krds-secondary-30: #99B0CB;

-    --krds-secondary-40: #2A5C96;

-    --krds-secondary-60: #002B5E;

-    --krds-secondary-70: #002046;

-    --krds-secondary-80: #00162F;

-    --krds-secondary-90: #000B17;

-    --krds-point-5: #FDF2F3;

-    --krds-point-10: #FAD1D3;

-    --krds-point-20: #F5A3A8;

-    --krds-point-30: #F1747C;

-    --krds-point-40: #EC4651;

-    --krds-point-60: #B9131E;

-    --krds-point-70: #8B0E16;

-    --krds-point-80: #5C0A0F;

-    --krds-point-90: #2E0507;

-    --krds-gray-5: #F8F8F8;

-    --krds-gray-10: #F0F0F0;

-    --krds-gray-20: #E4E4E4;

-    --krds-gray-30: #D8D8D8;

-    --krds-gray-40: #C6C6C6;

-    --krds-gray-50: #8E8E8E;

-    --krds-gray-60: #717171;

-    --krds-gray-70: #555555;

-    --krds-gray-80: #2D2D2D;

-    --krds-gray-90: #1D1D1D;

-    --krds-fz-display-sm: 4rem;

-    --krds-fz-display-md: 5rem;

-    --krds-fz-display-lg: 6.6rem;

-    --krds-fz-heading-sm: 3.2rem;

-}

-

-/* 너비 */

-.w1400{

-    width: 1400px;

-    margin: 0 auto;

-}

-

-

-/* background-color */

-.pink{

-    /* background-color: var(--sky-pink); */

-    color: var(--pink);

-}

-

-.green{

-    /* background-color: var(--sky-green); */

-    color: var(--green);

-}

-

-.orange{

-    /* background-color: var(--sky-orange); */

-    color: var(--orange);

-}

-

-.red{

-    color: var(--red);

-}

-

-.dark-gray{

-    color: var(--gray-dark);

-}

-

-.gray{

-    color: var(--gray);

-}

-

-.blue{

-    color: var(--blue);

-}

-

-.white{

-    color: var(--white);

-}

-

-

-/* text 정렬 */

-.text-lf {

-    text-align: left;

-}

-

-.text-ct {

-    text-align: center;

-}

-

-.text-rg {

-    text-align: right;

-}

-

-

-/* 폰트 */

-.fw-bold{

-    font-weight: 700;

-}

-

-.point-font{

-    font-family: "yungju";

-}

-.point-font2{

-    font-family: "GmarketSans-M";

-}

-

-

-/* 기타 공용 */

-.cursor {

-    cursor: pointer;

-}

-

-.border-none{

-    border: none;

-}

-

-.border{

-    border: 1px solid var(--dark);

-    border-radius: 0.5rem;

-}

-

-.border-top{

-    border-top: 1px solid var(--sky-green);

-}

-.border-b{

-    border-bottom: 1px solid var(--dark);

-}

-

-.border-r{

-    border-right: 1px solid var(--sky-green);

-}

-

-.shortcuts{

-    font-size: 1.4rem;

-    font-weight: normal;

-    color: var(--green);

-}

-

-.chart-wrap{

-    width: 100%;

-    height: 363px;

-    border-radius: 10px;

-}

-

-.overflow-y{

-    overflow-y: auto;

-}

-

-.block{

-    display: block;

-}

-

-.inline{

-    display: inline;

-}

-.inline-block{

-    display: inline-block;

-}

-

-.red-text{

-    color: var(--red);

-}

-

-.err-border{

-    border: 2px solid var(--red);

-}

-

-.radius{

-    border-radius: 1rem;

-}

-

-.file-item{

-    height: 4rem;

-    line-height: 4rem;

-}

-

-.background{

-    background-color: var(--sky-green);

-}

-

-.ellipsis {

-    width: 100%;

-    text-overflow: ellipsis;

-    white-space: nowrap;

-    overflow: hidden;

-  }

-@charset "utf-8";

-

-/* box */

-

-

-.row {

-    padding-top: 5px;

-    padding-bottom: 5px;

-}

-

-.box {

-    background-color: var(--white);

-    height: 100%;

-    padding: 2rem;

-    border-radius: 10px;

-    border: 0.1rem solid var(--krds-gray-40);

-

-}

-

-.page-title {

-    font-size: 3rem;

-    font-weight: bold;

-    color: var(--green);

-}

-

-.admin-page-title {

-    font-size:1.8rem;

-    font-weight: bold;

-    color: var(--blue);

-}

-

-.admin-sec-title {

-    font-size: 1.8rem;

-    font-weight: bold;

-    color: var(--blue);

-}

-

-.box-title {

-    font-size: 1.3rem;

-

-}

-

-.box-inner-title {

-    font-size: 1.8rem;

-    font-weight: bold;

-    padding-bottom: 1rem;

-    border-bottom: 1px solid var(--dark);

-}

-

-.box-content {

-    font-size: 2rem;

-    color: var(--blue);

-    font-family: "GmarketSans-B";

-}

-

-.chart-title {

-    font-size: 1.4rem;

-    font-weight: bold;

-}

-

-.content-box {

-    height: calc(100% - 48px);

-    /* background-color: aliceblue; */

-}

-

-.detail-bold {

-    font-size: 1.6rem;

-    font-weight: 700;

-}

-

-.detail-text {

-    font-size: 1.6rem;

-    font-weight: 400;

-}

-

-.date-text {

-    font-size: 1.4rem;

-    font-weight: 400;

-}

-

-/* btn */

-.small-btn {

-    width: 120px;

-    padding: 0.7rem 1rem;

-    border-radius: 0.5rem;

-    font-size: 1.5rem;

-}

-

-.large-btn {

-    width: 100%;

-    padding: 0.5rem 0;

-    border-radius: 0.5rem;

-}

-

-.icon-btn {

-    padding: 0.5rem;

-    border-radius: 50%;

-}

-

-.close-btn {

-    font-size: 1.6rem;

-    font-weight: 900;

-}

-

-.logout-btn {

-    padding: 0.5rem 1rem;

-    color: var(--dark);

-    position: relative;

-    font-size: 1.6rem;

-}

-

-.logout-btn::before {

-    content: "";

-    width: 1px;

-    height: 10px;

-    position: absolute;

-    top: 50%;

-    left: 0;

-    transform: translateY(-50%);

-    background-color: #aaa;

-}

-

-.close-btn {

-    color: #d6def6;

-}

-

-.comment-btn {

-    width: 100%;

-    height: 6.5rem;

-    max-height: 6.5rem

-}

-

-.blue-btn,

-.blue-border-btn:hover {

-    background-color: var(--blue);

-    color: var(--white);

-    transition: all 0.3s ease-in-out;

-}

-

-.red-btn,

-.red-border-btn:hover {

-    background-color: var(--red);

-    color: var(--white);

-    transition: all 0.3s ease-in-out;

-}

-

-.green-btn,

-.green-border-btn:hover {

-    background-color: var(--green);

-    color: var(--white);

-    transition: all 0.3s ease-in-out;

-}

-

-.orange-btn,

-.orange-border-btn:hover {

-    background-color: var(--orange);

-    color: var(--white);

-    transition: all 0.3s ease-in-out;

-}

-

-.darkg-btn,

-.darkg-border-btn:hover {

-    background-color: var(--gray-dark);

-    color: var(--white);

-    transition: all 0.3s ease-in-out;

-}

-

-.gray-btn,

-.gray-border-btn:hover {

-    background-color: #eee;

-    color: #333;

-    transition: all 0.3s ease-in-out;

-}

-

-

-.blue-border-btn {

-    border: 1px solid var(--blue);

-    color: var(--blue);

-    background-color: var(--white);

-}

-

-.red-border-btn {

-    border: 1px solid var(--red);

-    color: var(--red);

-    background-color: var(--white);

-}

-