/* �먯옣遺� �ы꽭 */
#portal .sub_section {
    width: 100% !important;
}
#portal .portalInfoWrap {
    width: 100%;
}
#portal .portalInfoWrap .portalInfoInner {
    border: 1px solid var(--border-gray);
    border-radius: 6px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 15px 30px;
    box-sizing: border-box;
    display: flex;
}
#portal .portalInfoWrap h3 {
    font-size: 16px;
    color: #777;
    font-weight: normal;
}
#portal .portalInfoWrap .adjstAmntInfoWrap {
    width: 55%;
    padding: 10px 20px;
}
#portal .portalInfoWrap .adjstAmntInfoWrap .adjstAmntInfoSpan {
    color: white;
    background: #2eabff;
    padding: 1px 9px;
    border-radius: 50px;
}
#portal .portalInfoWrap .levelGradeWrap {
    position: relative;
    height: 60px;
}
#portal .portalInfoWrap .levelGradeWrap .levelGradeArea {
    position: relative;
    height: 22px;
    border-radius: 50px;
    background-image: linear-gradient(to right, #F5F4F1, #FFD40C);
}
#portal .portalInfoWrap .levelGradeWrap .levelGradeArea .levelGradeAction {
    background: transparent;
    display: block;
}
#portal .portalInfoWrap .levelGradeWrap .levelGradeArea .levelGradeAction {
    position: absolute;
    left: 0;
    top: 1px;
    display: flex;
    justify-content: flex-end;
}
#portal .portalInfoWrap .levelGradeWrap .levelGradeArea .levelGradeAction:after {
    content: " ";
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background-color: white;
    display: block;
    margin-right: 2px;
}
#portal .portalInfoWrap .levelGradeWrap .levelGradeInfo {
    position: absolute;
    top: 20px;
    right: -23px;
    width: 70px;
    z-index: -1;
    text-align: center;
}
#portal .portalInfoWrap .levelGradeWrap .levelGradeInfo:before {
    display: inline-block;
    content: " ";
    border-top: 1px dashed #c9c9c9;
    transform: rotate(90deg);
    width: 16px;
}
#portal .portalInfoWrap .levelGradeWrap .levelGradeInfo p {
    font-family: 'NanumBarunGothic' !important;
    rotate: 0.05deg;
    color: #333;
    font-weight: 600;
    font-size: 15px;
    padding-top: 6px;
}
#portal .portalInfoWrap .levelGradeWrap .nowLevelText,
#portal .portalInfoWrap .levelGradeWrap .nextLevelText {
    position: absolute;
    top: 30px;
    font-size: 14px;
    color: #666;
}
#portal .portalInfoWrap .levelGradeWrap .nextLevelText {
    right: 0;
}
#portal .portalInfoFooter {
    width: 100%;
    border: 1px solid var(--border-gray);
    border-radius: 6px;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 10px 30px;
    text-align: center;
    box-sizing: border-box;
    background-color: #F7F8FA;
}
#portal .portalInfoWrap .updatedDataInfo {
    width: 45%;
    padding: 10px 0 10px 40px;
}
#portal .portalInfoWrap .updatedDataInfo .updatedDataGraph {
    height: 100%;
}
#portal .portalInfoWrap .updatedDataInfo .updateDataBtnWrap button {
    width: 100%;
    background-color: #2eabff;
    color: #fff;
    padding: 12px 0;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.2s;
}
#portal .portalInfoWrap .updatedDataInfo .updateDataBtnWrap button:hover {
    background-color: #1c92f2;
}
#portal .table1 > table > thead > tr > th {
    padding: 10px !important;
    font-size: 13px;
}
#portal .table > tbody > tr > td {
    padding: 14px 10px;
    color: #555 !important;
    font-size: 13px;
}
#portal .depositWrap {
    display: inline;
    background-color: #f5f5f5;
    padding: 6px 12px;
    border-radius: 50px;
    font-size: 14px;
}
#portal .depositWrap em {
    color: #02BB46;
    font-size: 14px;
}
#portal .depositNone {
    display: inline;
    background-color: #ddd;
    padding: 6px 15px;
    border-radius: 50px;
}
#portal .upIconNone {
    display: inline;
    width: 25px;
    height: 15.38px;
    box-sizing: border-box;
}
#portal .centerLinkBtn {
    color: #555;
    border: 1px solid var(--border-gray);
    padding: 6px 12px;
    border-radius: 50px;
    background-color: #fff;
    transition: all 0.2s;
}
#portal .centerLinkBtn:hover {
    background-color: #f5f5f5;
}
#portal .realTimeIcon {
    padding: 1px 3px;
    font-size: 11px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    font-family: 'dotum'!important;
    display: inline-block;
    background-color: #8799C8;
    border: 1px solid #7C89A2;
}
#portal .spinnerLoading {
    width: 15px;
    height: 15px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    display: inline-block;
    vertical-align: middle;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
#portal .mileTrBb2 {
    height: 50px;
}
#portal .rvnInfrm {
    font-size: 18px;
    font-weight: 600;
}
#portal .notice-info1 {
    margin-top: 5vh;
}
#portal .notice-info1 > div {
    margin-bottom: 5px;
}

@media screen and (max-width: 1160px)
{
    #portal table.portalTable {
        width: 100%;
    } 
    #portal table.portalTable thead {
        display: none;
    }
    #portal table.portalTable td {
        display: flex;
        padding: 10px 5px;
        box-sizing: border-box;
    }
    #portal .main_my_work .contents-inner .myWorkContentsInnerWrap {
        width: 100% !important;
    }
    #portal .fnlClcInfoWrap .fnlClcInfo:last-child:after {
        display: none;
    }
    #portal .fnlClcInfoWrap .fnlClcInfo:after {
        content: "|";
        display: inline-block;
        color: var(--border-gray);
        padding: 0 6px;
    }
    #portal .pdt0m {
        padding-top: 0 !important;
    }
    #portal .pdb5m {
        padding-bottom: 5px !important;
    }
    #portal table span.salesAmount {
        width: 100%;
    }
    #portal table span.amountNum {
        display: inline-block;
        min-width: 34%;
    }
    #portal table em.portalBadge {
        padding: 0 5px;
        border-radius: 50px;
        font-size: 12px;
    }
    #portal table em.portalBadge.cnfrm {
        border: 1px solid #02BB46;
        color: #02bb46;
    }
    #portal .c-green {
        color: #02bb46;
    }
    #portal table em.portalBadge.will {
        border: 1px solid #777;
        color: #777;
    }
    #portal table em.portalBadge.error {
        border: 1px solid red;
        color: red;
    }
    #portal table em.portalBadge.loading {
        border: 1px solid #2eabff;
        color: #2eabff;
    }
    #portal table .platformNm {
        font-size: 20px;
    }
    #portal .mileTrBb2 {
        border-bottom: 5px solid #eee !important;
    }
}
/* �쒕툝由풮C�� */
@media (min-width:768px) and (max-width:1160px)
{
    #portal table span.amountNum {
        min-width: 22% !important;
    }
}
/* 媛ㅻ윮�쒗뤃�쒖슜 */
@media (max-width:300px)
{
    #portal table span.amountNum {
        min-width: 50% !important;
    }
}



/* �붾㈃ �묒쓣 �� 寃쎄퀬李� */
.scrmgRcmnd.disabled {
    display: none;
}
.scrmgRcmnd {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    background-color: rgba(0,0,0,0.7);
}
.scrmgRcmnd .modalContent {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    border-radius: 8px;
    width: 500px;
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: modalTransition;
    -webkit-animation-duration: 0.4s;
    animation-name: modalTransition;
    animation-duration: 0.4s;
    text-align: center;
}
.scrmgRcmnd .modalContent .modalContentInner {
    padding: 30px;
}
.scrmgRcmnd .modalContent .modalContentInner .warningIcon {
    border: 3px solid #2eabff;
    padding: 4px 8px;
    border-radius: 50px;
    color: #2eabff;
}
.scrmgRcmnd .modalContent .modalContentInner h2 {
    font-size: 18px;
}
.scrmgRcmnd .modalContent .modalContentInner p {
    font-size: 14px;
    line-height: 1.5;
}


/* naver �ㅼ씠踰� */
#naver h1,
#naver h2,
#naver h3,
#naver h4,
#naver h5,
#naver h6,
#naver label,
#naver input,
#naver font,
#naver table th,
#naver table td,
#naver b {
    font-family: "�섎닎怨좊뵓", "�뗭�", NanumGothic, Dotum, AppleGothic, sans-serif !important;
}
#naver .header {
    /* display: table-row; */
    height: 46px;
    display: flex;
    margin-top: 40px;
    position: fixed;
    z-index: 1000;
    flex-direction: column;
    width: 100%;
}
#naver .dim-transparent {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: transparent;
}
#naver .hide {
    display: none !important; 
}
#naver .headerArea {
    position: relative;
    padding: 11px 24px 7px;
    background-color: #2E2F34;
    border-bottom: 1px solid #2E2F34;
}
#naver .headerArea .serviceTitle {
    float: left;
    max-width: 38%;
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#naver .headerArea .headerSmallText {
    position: absolute;
    top: 2px;
    left: 6px;
    padding: 7px 5px;
    font-size: 11px;
    color: #fff;
    background: #f00;
    border-radius: 7px;
    height: 2px;
    line-height: 1.4px;
    z-index: 10; 
}
#naver .headerArea .utilArea {
    float: right;
    clear: right;
}
#naver .headerArea .utilArea .userMenu {
    float: left;
    margin-top: 3px;
    margin-right: 20px;
}
#naver .headerArea .utilArea .userMenu > li {
    position: relative;
    float: left;
}
#naver .headerArea .utilArea .userMenu > li > a {
    display: inline-block;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
}
#naver .textPopover {
    position: relative;
    cursor: pointer;
}
#naver .headerArea .utilArea .userMenu > li > a > .fas.fa-list-alt {
    margin: 2px 1px 0 0;
}
#naver .headerArea .utilArea .userMenu > li > a > .fas, 
#naver .headerArea .utilArea .userMenu > li > a > .fa {
    font-size: 18px;
    vertical-align: middle;
}
#naver .headerArea .utilArea .userMenu > li:after {
    display: block;
    position: absolute;
    top: 4px;
    right: -13px;
    width: 1px;
    height: 13px;
    background-color: #58595d;
    content: '';
}
#naver .headerArea .utilArea .userMenu > li:last-child:after {
    display: none;
}
#naver .headerArea .utilArea .userMenu > li + li {
    padding-left: 25px;
}
#naver .headerArea .utilArea .userMenu > li > a span {
    vertical-align: middle;
}
#naver .headerArea .utilArea .btnUserMenu {
    float: left;
    margin-right: 15px;
}
#naver .headerArea .utilArea .btnUserMenu > li {
    position: relative;
    float: left;
}
#naver .headerArea .utilArea .btnArea .btnDefault {
    background-color: #404048;
    border-color: #2c2d31;
    color: #fff;
    text-align: center;
}
#naver .headerArea .utilArea .btnArea {
    float: right;
}
#naver .headerArea .utilArea .btnArea li {
    float: left;
    position: relative;
}
#naver .headerArea .utilArea .btnArea li + li {
    margin-left: 8px;
}
#naver .btn.bookmark {
    background: #deff22;
}
#naver .btn.btnSm.btnIcon {
    width: 26px;
    height: 26px;
    padding: 0;
    font-size: 15px;
    text-align: center;
}
#naver .btn.btnSm.btnText {
    height: 26px;
    padding: 0px 8px 0px;
    font-size: 13px;
    background-color: #404048;
    border-color: #2c2d31;
    color: #fff;
}
#naver .btn.btnSm {
    padding: 6px 8px;
    font-size: 12px;
}
#naver .textPopover {
    position: relative;
    cursor: pointer;
}
#naver .btn {
    padding: 8px 9px;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    line-height: 1;
}
#naver .excelBtn {
    height: 18px !important;
    margin-bottom: 5px;
    margin-right: 5px !important;
    float: right;
    padding: 0 !important;
    width: 92px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
#naver .excelBtn:hover {
    cursor:default;
}

#naver .headerArea .headerSmallText.badgeForRole {
    position: static !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}
#naver .btn .fas,
#naver .btn .fa {
    font-size: 14px;
    vertical-align: top;
}
#naver button span {
    z-index: 0;
}



#naver .memberCenterFixedBar {
    background: #06ad38;
    z-index: 1000;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 15px;
    box-sizing: border-box;
    /* margin-top: 60px; */
}
#naver .memberCenterFixedBarTit a {
    background: #00c73c;
    position: relative;
    display: inline-block;
    padding: 10px 15px 10px 18px;
    height: 40px;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 13px;
    color: #fff;
    display: flex;
    align-items: center;
}
#naver .memberCenterFixedBarTit a:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 40px;
    background-color: #059932;
    content: '';
}
#naver .memberCenterFixedBarBtn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#naver .memberCenterFixedBarBtn a {
    color: white;
    border: 1px solid white;
    border-radius: 50%;
    font-size: 12px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#naver .memberCenterFixedBarBtn a:first-child {
    margin-right: 5px;
}
#naver .memberCenterFixedBarBtn a:hover {
    background: #666;
}

#naver .memberCenterContainerWrap {
    margin-left: 15px;
    padding-top: 155px;
    font-family: "�섎닎怨좊뵓", "�뗭�", NanumGothic, Dotum, AppleGothic, sans-serif !important;
    font-size: 12px;
    word-break: normal;
}
#naver .memberCenterContainer .memberCenterTitWrap h3 {
    margin: 0 0 20px 10px;
    padding: 0 0 0 11px;
    font-size: 16px;
    letter-spacing: -1px;
    word-spacing: 1px;
}
#naver .memberCenterContainer .memberCenterTitWrap h4 {
    margin: 0 0 10px 11px;
    padding: 0 0 0 9px;
    color: #666;
    font-size: 12px;
    letter-spacing: -1px;
}

#naver .memberCenterSearchFormTit {
    margin: 30px 0 10px 11px;
    padding: 0 0 0 9px;
    color: #666;
    font-size: 12px;
    letter-spacing: -1px;
}
.memberCenterSearchFormWrap {
    position: relative;
    padding: 10px 0;
    border-top: 1px solid #dddee2;
    background: #f1f1f3;
}
#naver #memberCenterSearch {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#naver .memberCenterSearchInner > div {
    padding: 6px 0;
}
#naver .memberCenterSearchInner > div > label {
    padding: 0 8px 0 20px;
    color: #666;
    letter-spacing: -1px;
    text-align: left;
    width: 3.5vw;
}
#naver .memberCenterSearchInner .formControl {
    color: #666;
    border: 1px solid #666;
    border-radius: 2px;
    height: 20px;
    box-sizing: border-box;
    padding: 1px 0;
}
#naver .memberCenterSearchInner input.formControl:focus {
    border: 2px solid #000;
    border-radius: 3px;
}
#naver .btnForm {
    padding: 0 10px;
    height: 30px;
    font-family: "dotum" !important;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    word-spacing: -1px;
    text-decoration: none !important;
    border: 1px solid #666;
    border-radius: 2px;
    margin-right: 20px;
    background-color: #efefef;
}
#naver .btnForm:hover {
    background: #dcdcdc;
}

#naver .memberCenterSearchResultWrap {
    width: 100%;
}
#naver .memberCenterSearchResultInner {}
#naver .memberCenterSearchResultInner h4 {
    margin: 30px 0 10px 11px;
    padding: 0 0 0 9px;
    color: #666;
    font-size: 12px;
    letter-spacing: -1px;
}
#naver .memberCenterSearchResultInner .tableWrap {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e5e6e9;
    /* overflow: auto; */
}
#naver .memberCenterSearchResultInner table colgroup col {
    width: 14px;
}
@media (min-width:2500px) and (max-width:2560px) {
    #naver .memberCenterSearchResultInner table colgroup col {
        width: 6px;
    }
}
#naver .memberCenterSearchResultInner table {
    width: 100%;
    margin-bottom: -1px;
    border: 0;
    border-top: 1px solid #e5e6e9;
    border-right: 1px solid #e5e6e9;
    line-height: 16px;
    font-size: 12px;
}
#naver .memberCenterSearchResultInner table tbody tr:hover {
    background-color: #F0F0D0 !important;
}
#naver .memberCenterSearchResultInner table th {
    background: #f4f4f6;
    padding: 6px 0 5px !important;
    vertical-align: middle !important;
    color: #666 !important;
    border: 0 !important;
    border-bottom: 1px solid #e5e6e9 !important;
    border-left: 1px solid #e5e6e9 !important;
}
#naver .memberCenterSearchResultInner table th.item {
    padding: 6px 6px !important;
}
#naver .memberCenterSearchResultInner table th a.down {
    display: inline-block;
    padding-right: 7px;
    color: #003372;
    font-family: "�섎닎怨좊뵓", "�뗭�", NanumGothic, Dotum, AppleGothic, sans-serif !important;
}
#naver .memberCenterSearchResultInner table td {
    padding: 6px 6px 5px !important;
    color: #333 !important;
    text-align: center;
    border-top-style: initial;
    border-right-style: initial;
    border-bottom-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-width: 0px 0px 0px 1px;
    border-image: initial;
    background: url(/img/front/memberCenter/line_tbl_dot.gif) 0px 100% repeat-x;
    border-left: 1px solid rgb(229, 230, 233);
}
#naver .btnUserMenu li.logoutBtnLi:hover .logoutBtnWrap {
    background: #404048;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    left: 1px;
    top: 0;
    z-index: 10000;
}
#naver .logoutBtnWrap {
    display: none;
}
#naver .logoutBtnWrap a {
    color: #fff;
    font-size: 13px;
    display: block;
}


/* ridibooks 由щ뵒遺곸뒪 */
/* Generated by Glyphter (http://www.glyphter.com) on  Tue Aug 16 2016*/
@font-face {
    font-family: 'Glyphter';
    src: url('/fonts/Glyphter.eot');
    src: url('/fonts/Glyphter.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Glyphter.woff') format('woff'),
         url('/fonts/Glyphter.ttf') format('truetype'),
         url('/fonts/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}
#ridibooks .icon {
    display: inline-block;
   font-family: 'Glyphter' !important;
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
#ridibooks .icon-open-book:before{content:'\0041';}
#ridibooks .icon-open-books:before{content:'\0042';}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/fonts/glyphicons-halflings-regular.eot');
    src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
#ridibooks .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings' !important;
    font-style: normal;
    font-weight: normal;
    line-height: 1;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#ridibooks .glyphicon-download-alt:before {
    content: "\e025";
}

#ridibooks {
    margin: 0;
    padding: 0;
    font-size: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    /* font-size: 1.2em / 1.5; */
    color: #666;
    word-break: break-all;
}
#ridibooks * {
    font-family: 'dotum' !important;
}
#ridibooks h4, 
#ridibooks h5, 
#ridibooks h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
#ridibooks .btnNew,
#ridibooks .btnNew:hover, 
#ridibooks .btnNew:active, 
#ridibooks .btnNew:focus {
    color: #fff;
    background: url(/img/front/memberCenter/btn_new.png) no-repeat;
    border: #1E8CE6;
    background-size: 100% 100%;
}
#ridibooks .btn {
    /* font-size: 1em; */
    font-weight: bold;
    display: inline-block;
    margin-bottom: 0;
    /* font-weight: 400; */
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    /* border: 1px solid transparent; */
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 4px;
    /* -webkit-user-select: none; */
    /* -moz-user-select: none; */
    /* -ms-user-select: none; */
    user-select: none;
}
#ridibooks .icon {
    display: inline-block;
    font-family: 'Glyphter';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}
#ridibooks p {
    margin-bottom: inherit;
    /* margin: 0 0 10px; */
    font-size: 12px;
}
#ridibooks button, 
#ridibooks html input[type=button], 
#ridibooks input[type=reset], 
#ridibooks input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
#ridibooks input[type=checkbox], 
#ridibooks input[type=radio] {
    margin: 4px 0 0;
    /* margin-top: 1px\9; */
    line-height: normal;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
#ridibooks input[disabled], 
#ridibooks input[readonly] {
    background: #eee;
}
#ridibooks b {
    font-weight: bold;
}
#ridibooks input.text,
#ridibooks select.selectNickNm {
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 12px;
    min-height: 15px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    outline-style: none;
    color: #555;
    font-family: Arial, Dotum, sans-serif;
    box-sizing: border-box;
}
#ridibooks input.text:hover,
#ridibooks select.selectNickNm:hover {
    border-color: #a8a8a8;
}
#ridibooks input.text:focus,
#ridibooks select.selectNickNm:focus {
    border: 1px solid #7dbf28;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 6px rgba(165, 218, 42, 0.6);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 6px rgba(165, 218, 42, 0.6);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 6px rgba(165, 218, 42, 0.6);
    outline-style: none;
}
#ridibooks textarea {
    padding: 10px;
    border-color: #ccc #e5e5e5 #e5e5e5 #ccc;
    border-style: solid;
    border-width: 1px;
    overflow: auto;
    font-size: 120%;
    -moz-border-radius: 3px; /* only for FF */
    -webkit-border-radius: 3px; /* only for Safari */
    border-radius: 3px;
}
#ridibooks textarea:focus {
    border: 1px solid #7dbf28;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 6px rgba(165, 218, 42, 0.6);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 6px rgba(165, 218, 42, 0.6);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 6px rgba(165, 218, 42, 0.6);
    outline-style: none;
}
#ridibooks a {
    color: #349aff;
    text-decoration: none;
}
#ridibooks a:hover {
    color: #666;
    text-decoration: none;
}
#ridibooks label {
    font-weight: inherit;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}
#ridibooks .goodsNmInputWrapWrap .searchBt {
    position: absolute;
    top: 7px;
    right: 5px;
    background: url(/img/front/memberCenter/ridiSearch.png) no-repeat 0 0;
    text-indent: -9999px;
    border: none;
    width: 20px;
}
#ridibooks .goodsNmInputWrapWrap {
    position: relative;
}
#ridibooks .goodsNmInputWrap .dataTables_filter {
    text-align: right !important;
}
#ridibooks .goodsNmInputWrap label {
    font-size: 0;
    margin-bottom: 0;
}
#ridibooks .goodsNmInputWrap label input {
    padding: 5px 30px 5px 5px !important;
    width: 204px;
    height: 30px;
}
#ridibooks .layoutHeader {
    padding: 61px 0 21px 0;
    background: url(/img/front/memberCenter/bg_header_new.png) repeat-x 0 0;
    margin-bottom: 15px;
}
#ridibooks .layoutHeader .menuWrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
#ridibooks .logoutBtn a {
    display: inline-block;
    font-family: "Noto Sans KR", sans-serif !important;
    color: #FFFFFF;
    font-weight: 400;
    text-decoration: none;
    padding: 5px 16px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: #1E8CE6;
    font-size: 12px;
}
#ridibooks .logoutBtn a:hover {
    background-color: #0B79DA;
}
#ridibooks .layoutHeader .gnb {
    width: 980px;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
}
#ridibooks .layoutHeader .gnb .gnbLogo {
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;
    margin-left: -9px;
}
#ridibooks .layoutHeader .gnb .gnbLogo img {
    width: 184px;
    height: 19px;
}
#ridibooks .layoutHeader .gnb .gnbMenus {
    vertical-align: middle;
    display: inline-block;
    margin-left: 45px;
}
#ridibooks .layoutHeader .gnb .gnbMenus .gnbMenu {
    display: inline-block;
}
#ridibooks .layoutHeader .gnb .gnbMenus .gnbMenu .gnbMenuLink {
    display: inline-block;
    list-style: none;
    padding: 5px 10px;
    margin-right: 6px;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    text-decoration: inherit;
}
#ridibooks .layoutHeader .gnb .gnbMenus .gnbMenuSelected .gnbMenuLink {
    background-color: #1E8CE6;
    border-radius: 5px;
}

#ridibooks #container {
    width: 980px;
    min-width: 980px;
    max-width: 980px;
    margin: 0.4em auto;
}
#ridibooks .companyInfo {
    background: url(/img/front/memberCenter/bg_company_title.gif) repeat 0 0;
    border: 1px solid #c9c9c9;
    padding: 15px;
    border-radius: 5px;
    width: 948px;
    margin: 0 auto;
}
#ridibooks .companyInfo.clearfix {
    display: table;
    content: " ";
}
#ridibooks .companyInfo .cNameWrap {
    width: 240px;
    height: 100px;
    overflow: hidden;
    color: #222;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1px;
}
#ridibooks .companyInfo .gnbDiv {
    float: left;
    background-image: url(/img/front/memberCenter/oblique_divider.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 40px;
    box-sizing: border-box;
}
#ridibooks .companyInfo .gnbDiv:last-child {
    float: right;
    background: none;
    padding-right: 0;
}
#ridibooks .companyInfo .cDetatilInfosWrap dl {
    clear: both;
    margin-top: 0;
    margin-bottom: 20px;
}
#ridibooks .companyInfo .cDetatilInfosWrap dt {
    font-weight: 700;
    font-size: 13px;
    color: #444;
    float: left;
    letter-spacing: -1px;
}
#ridibooks .companyInfo .cDetatilInfosWrap dd {
    float: right;
    text-align: right;
    font-weight: 700;
    font-size: 13px;
}
#ridibooks .companyInfo .cDetatilInfosWrap dd.cntBooks {
    color: #3A8DED;
}
#ridibooks .companyInfo .cNameWrap h2 {
    font-size: 1.1em;
}
#ridibooks .companyInfo .cDetatilInfosWrap {
    width: 270px;
}
#ridibooks .companyInfo .cNameWrap h2 select {
    font-size: 0.8em;
    background-color: #FFF;
    border: 1px solid #CCC;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    font-size: 0.95em;
    outline: none;
}
#ridibooks .companyInfo .cNameWrap span {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    color: #aaa;
}
#ridibooks .companyInfo .listInline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}
#ridibooks .companyInfo .listInline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
#ridibooks h6 {
    font-size: 12px;
}
#ridibooks .companyInfo .cWrap {
    width: 400px;
    height: 90px;
    display: flex;
}
#ridibooks .companyInfo .cWrap .cNotification {
    padding-top: 5px;
}
#ridibooks .companyInfo .cWrap .cNotification li {
    float: left;
    margin-right: 5px;
    position: relative;
}
#ridibooks .companyInfo .cWrap .cNotification li a {
    display: block;
    color: #555;
}
#ridibooks .companyInfo .cWrap .cNotification li a span {
    background: url(/img/front/memberCenter/bg_cnoti_span.gif) no-repeat 0 0;
    background-size: 100% 100%;
    width: 47px;
    margin: 4px 0 0;
    padding: 4px 0 0;
    color: #fff;
    display: block;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
}
#ridibooks .companyInfo .cWrap .cNotification li a strong {
    display: block;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: -1px;
    text-align: center;
}
#ridibooks .companyInfo .cWrap .cNotification button {
    margin-top: 2px;
}
#ridibooks .companyInfo .cWrap .cNotification button i {
    vertical-align: bottom;
}
#ridibooks .statsMenu {
    background: #fff;
    margin: 20px 0 0 0;
}
#ridibooks .statsMenu h2 {
    padding: 5px 0 0;
    overflow: hidden;
    color: #222;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -1px;
}
#ridibooks .calHead {
    background: #444;
    margin-top: 10px;
    border: 1px solid #333;
    border-radius: 5px;
    padding: 20px 10px;
    overflow: hidden;
}
#ridibooks .calHead .btCalHead {
    width: 38px;
    height: 14px;
    display: block;
    /* padding: 5px; */
    float: left;
    margin: 7px 0 0 7px;
    font-size: 12px;
    box-sizing: border-box;
}
#ridibooks .calHead .allIncoming {
    background: url(/img/front/memberCenter/divide_cal.png) repeat-y 0 center;
    color: #dedede;
    margin: 0 10px;
    padding-left: 15px;
    max-width: 150px;
}
#ridibooks .calHead .allIncoming, .calHead .book {
    float: left;
}
#ridibooks .calHead .allIncoming .num {
    font: 600 16px Tahoma, Sans-serif !important;
    color: #fff;
}
#ridibooks .calHead .searchbyMonth {
    float: right;
    margin-right: 10px;
    margin-top: 6px;
}
#ridibooks .calHead .searchbyMonth fieldset {
    float: left;
}
#ridibooks fieldset.inputDesc {
    display: inline-block;
}
#ridibooks div.inputDesc, fieldset.inputDesc {
    position: relative;
}
#ridibooks fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    /* border: 1px solid silver;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; */
}
#ridibooks .greyBt,
#ridibooks #dataTable_wrapper .dt-buttons .buttons-excel,
#ridibooks .excelBtnWrap .buttons-excel {
    background: #cfcfcf url(/img/front/memberCenter/bt_bg.png) repeat-x 0 0 !important;
    border: 1px solid #ababab !important;
    padding: 3px 10px !important;
    cursor: pointer !important;
    font-size: 100% !important;
    border-radius: 3px !important;
    letter-spacing: -1px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    color: black !important;
    font-size: 12px !important;
    height: 26px !important;
    box-sizing: border-box !important;
}
#ridibooks #dataTable_wrapper .dt-buttons .buttons-excel span,
#ridibooks .excelBtnWrap .buttons-excel span {
    z-index: 0 !important;
}
#ridibooks #dataTable_wrapper .dt-buttons,
#ridibooks .excelBtnWrap {
    position: relative !important;
    left: 0 !important;
}
#ridibooks #dataTable_wrapper {
    padding-top: 10px !important;
}
#ridibooks #contents {
    margin: 5px 0 30px;
    background: #fff;
    position: relative;
    clear: both;
}
#ridibooks #contents:after {
    content: '';
    display: block;
    clear: both;
}
#ridibooks .excelSave {
    overflow: hidden;
    margin: 15px 0 10px 0;
    width: 100%;
}
#ridibooks .pullRight {
    float: right !important;
    padding-right: 10px;
}
#ridibooks .pullLeft {
    float: left !important;
}
#ridibooks .textDanger {
    color: #e74c3c;
}
#ridibooks .excelSave .sContainer {
    display: inline;
}
#ridibooks .sContainer {
    overflow: hidden;
}
#ridibooks .sContainer .search {
    width: 210px;
    height: 30px;
    position: relative;
    float: right;
    margin-right: 10px;
}
#ridibooks .sContainer .search input.text,
#ridibooks .sContainer .search select {
    width: 204px;
    padding: 5px;
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
}
#ridibooks .sContainer .search .searchBt {
    position: absolute;
    top: 7px;
    right: 10px;
    background: url(/img/front/memberCenter/search.png) no-repeat 0 0;
    text-indent: -9999px;
    border: none;
    width: 20px;
    cursor: pointer;
}
#ridibooks table.listTable {
    border-collapse: collapse;
    width: 100% !important;
    margin: 20px 0 0;
    border-spacing: 0;
    background-color: transparent;
    font-size: 12px;
}
#ridibooks table.listTable thead.doubleTh th {
    vertical-align: middle;
    padding: 5px 0;
}
#ridibooks table.listTable th {
    background: #fbfbfb;
    border-top: 2px solid #1E8CE6;
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid #aaa;
    letter-spacing: -1px;
}
#ridibooks table.listTable thead.doubleTh th.alt {
    border-bottom: 0 none;
}
#ridibooks table.listTable thead th a {
    color: #666;
}
#ridibooks table.listTable thead th a.sort {
    padding-right: 10px;
    background: url(/img/front/memberCenter/updown.png) no-repeat right center;
}
#ridibooks table.listTable tr:nth-child(even) {
    background: #fbfbfb;
}
#ridibooks table.listTable thead.doubleTh tr.inner th {
    border-top: 0 none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: -1px;
}
#ridibooks table.listTable thead.doubleTh th.incoming {
    background: #f1f1f1;
    color: #666;
    /* width: 90px; */
}
#ridibooks table.listTable td {
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 5px;
    vertical-align: middle;
    font-size: 11px;
}
#ridibooks table.listTable td.bTitle {
    text-align: left;
    font-size: 12px;
    width: 180px;
}
#ridibooks table.listTable td.author {
    width: 105px;
    color: #363636;
}
#ridibooks table.listTable td.company {
    width: 80px;
}
#ridibooks table.listTable .company, 
#ridibooks table.listTable .series, 
#ridibooks table.listTable .free, 
#ridibooks table.listTable .sell, 
#ridibooks table.listTable .borrow {
    color: #999;
}
#ridibooks table.listTable .mediumTd {
    width: 93px;
}
#ridibooks .uiDatepickerTrigger {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
    padding-bottom: 4px;
}
#ridibooks .calHead .searchbyMonth input.text {
    width: 120px;
    height: 30px;
}

#ridibooks input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    color: transparent;
    cursor: pointer;
    z-index: 1;
  }
#ridibooks input[type="date"]::-webkit-clear-button,
#ridibooks input[type="date"]::-webkit-inner-spin-button { 
    display: none;
} 
#ridibooks input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    z-index: 1;
}
#ridibooks .inputDate {
    display: inline-block;
    padding-right: 24px;
    position: relative;
}
#ridibooks .inputDate.inputEndDate {
    padding-right: 30px;
}
#ridibooks .inputStartDate input:after,
#ridibooks .inputEndDate input:after {
    position: absolute;
    top: 5px;
    right: 0;
    content: '';
    width: 18px;
    height: 20px;
    background: url(/img/front/memberCenter/calender_white.png) center center / contain;
}
#ridibooks .inputEndDate input:after {
    right: 6px;
}
#ridibooks .paging {
    padding: 15px;
    text-align: center;
}
#ridibooks .paging li {
    display: inline;
}
#ridibooks .paging li.selected a {
    font-weight: 600;
    border: 1px solid #A2DA2A;
}
#ridibooks .paging li a {
    padding: 5px 9px;
    background: #fff;
    font-size: 12px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    color: #363636;
}
#ridibooks .paging li a:hover {
    border: 1px solid #A1DB2A;
    color: #398eed;
}
#ridibooks #footer {
    width: 980px;
    margin: 50px auto 20px;
    border-top: 1px solid #eee;
    padding-top: 20px;
    font-size: 12px;
    background: none;
}
#ridibooks #footer .fContainer {
    padding: 0 20px;
}
#ridibooks #footer address {
    display: block;
    color: #b2b2b2;
    float: left;
    font-family: sans-serif !important;
    font-size: 0.9em;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}
#ridibooks #footer address strong {
    font-weight: 600;
}
#ridibooks #footer .fContainer address p {
    margin: 0;
}
#ridibooks #footer .fContainer .fMenu {
    float: right;
    overflow: hidden;
}
#ridibooks #footer .fContainer .fMenu li {
    float: left;
    margin-right: 5px;
}
#ridibooks #footer .fContainer .fMenu a {
    background: #fff;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#fefefe));
    background: -webkit-linear-gradient(top, #ffffff, #fefefe);
    background: -moz-linear-gradient(top, #ffffff, #fefefe);
    background: -ms-linear-gradient(top, #ffffff, #fefefe);
    background: -o-linear-gradient(top, #ffffff, #fefefe);
    padding: 10px 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
    line-height: 1em;
    color: #777;
    font-weight: bold;
    display: block;
}
/* 由щ뵒 ��(dataTable) 異쒕젰 */
#ridibooks #dataTable_wrapper .row:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
}
#ridibooks #dataTable_wrapper .row:first-child:before {
    display: none !important;
}
#ridibooks #dataTable_wrapper .row:first-child:after {
    display: none !important;
}
#ridibooks #dataTable_wrapper .row:first-child .col-sm-12.col-md-6:nth-child(2):after {
    display: none !important;
}
#ridibooks .form-control {
    border: 1px solid #ccc !important;
    padding: 5px !important;
    font-size: 12px !important;
    min-height: 15px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    outline-style: none !important;
    color: #555 !important;
    font-family: Arial, Dotum, sans-serif !important;
}
#ridibooks .form-control:hover {
    border-color: #a8a8a8 !important;
}
#ridibooks .form-control:focus {
    border-color: #7dbf28 !important;
    border: 1px solid #7dbf28 !important;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 6px rgba(165, 218, 42, 0.6) !important;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 6px rgba(165, 218, 42, 0.6) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 6px rgba(165, 218, 42, 0.6) !important;
    outline-style: none !important;
}
#ridibooks div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center !important;
}
#ridibooks .pagination li a {
    font-size: 13px;
    box-sizing: border-box;
}
#ridibooks .pagination .active {
    border-left: 0 !important;
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    background-color: #349aff;
}
#ridibooks .pagination .active a {
    color: #fff !important;
}
#ridibooks div.dataTables_wrapper label,
#ridibooks div.dataTables_wrapper .dataTables_info {
    font-size: 13px;
}



/* kakaopage */
#kakaopage {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* overflow: auto; */
    background-color: whitesmoke;
}
#kakaopage * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif !important;
}
#kakaopage label {
    cursor: default;
    font-weight: normal !important;
}
#kakaopage input:focus {
    outline: none;
}
#kakaopage .kakaoHeaderWrap {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 40px;
    height: 5rem;
    background: rgb(0 0 0 / 1);
}
#kakaopage .kakaoHeaderWrap .kakaoHeaderInner {
    width: 100%;
    height: 5rem;
    align-items: center;
    display: flex;
    flex-direction: row;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    background: rgb(0 0 0 / 1);
    justify-content: space-between;
}
#kakaopage .kakaoHeaderWrap .kakaoHeaderInner .kakaoHeaderLogo {
    cursor: pointer;
    height: 33.333333%;
}
#kakaopage .kakaoHeaderWrap .kakaoHeaderInner .kakaoHeaderLogo img {
    width: auto;
    height: 100%;
}
#kakaopage .kakaoHeaderWrap .kakaoHeaderInner .kakaoHeaderRight a {
    cursor: pointer;
    color: rgb(255 255 255 / 1);
    font-size: .875rem;
    letter-spacing: -0.880px;
}
#kakaopage .kakaoNavMainWrap {
    max-width: 1920px;
    min-width: 1280px;
    /* overflow-y: hidden; */
    align-items: flex-start;
    flex-direction: row;
    width: 100%;
    display: flex;
    flex:  1 1 0%;   
    margin: 0 auto;
    height: 100%;
}
#kakaopage .kakaoNavMainWrap .kakaoNav {
    padding: 0.75rem;
    background: rgb(255 255 255 / 1);
    width: 13.125rem;
    box-sizing: border-box;
    height: 100%;
}
#kakaopage .kakaoNavMainWrap .kakaoNav .accountInfo {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    align-items: center;
    flex-direction: row;
    display: flex;
    position: relative;
    width: 176px;
    box-sizing: border-box;
}
#kakaopage .kakaoNavMainWrap .kakaoNav .accountInfo .memberName {
    font-size: .8125rem;
    line-height: normal;
    text-align: left;
    align-items: stretch;
    flex-direction: column;
    flex: 1 1 0%;
    display: flex;
}
#kakaopage .kakaoNavMainWrap .kakaoNav .accountInfo .memberIcon {
    margin-right: 0.625rem;
    width: 34px;
    height: 34px;
}
#kakaopage .kakaoNavMainWrap .kakaoNav .accountInfo .memberName span {
    align-items: center;
    display: flex;
    flex-direction: row;
    color: rgb(58 58 58 / 1);
    font-weight: bold;
    justify-content: space-between;
    margin-right: 2px;
}
#kakaopage .kakaoNavMainWrap .kakaoNav .navMenu {
    border-top: 1px solid rgb(243 243 243 / 1);
}
#kakaopage .kakaoNavMainWrap .kakaoNav .navMenu .navMenuTit {
    color: rgb(58 58 58 / 1);
    font-weight: 700 !important;
    font-size: .75rem;
    line-height: normal;
    padding-top: 1.375rem;
    padding: 1.375rem 0.5rem 0.5rem 0.5rem;
    width: 100%;
}
#kakaopage .kakaoNavMainWrap .kakaoNav .navMenu .navMenuBtnWrap button {
    color: rgb(102 102 102 / 1);
    align-items: center;
    display: flex;
    flex-direction: row;
    font-weight: 500;
    font-size: .8125rem;
    line-height: normal;
    padding: 1rem 0.5rem;
    width: 100%;
    cursor: pointer;
}
#kakaopage .kakaoNavMainWrap .kakaoNav .navMenu .navMenuBtnWrap button.active {
    color: rgb(255 122 0 / 1) !important;
    background-color: rgb(245 245 245 / 1);
}
#kakaopage .kakaoNavMainWrap .kakaoMain {
    background-color: whitesmoke;
    width: 100%;
    height: 100%;
}
#kakaopage .kakaoNavMainWrap .kakaoMain .kakaoMainInner {
    align-items: stretch;
    flex-direction: column;
    display: flex;
}
#kakaopage .kakaoNavMainWrap .kakaoMain .kakaoMainInner .kakaoMainNav {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    background-color: rgb(255 255 255 / 1);
    flex-shrink: 0;
    height: 72px;
}
#kakaopage .kakaoNavMainWrap .kakaoMain .kakaoMainInner .kakaoMainNav .kakaoMainNavTit {
    height: 100%;
}
#kakaopage .kakaoNavMainWrap .kakaoMain .kakaoMainInner .kakaoMainNav h1 {
    font-weight: 700;
    font-size: 1.625rem;
    line-height: 1.31;
    color: #3a3a3a;
    display: flex;
    align-items: center;
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
    height: 100%;
    box-sizing: border-box;
}
#kakaopage .kakaoNavMainWrap .kakaoMain .kakaoMainInner .kakaoMainSearch {
    padding: 2rem 2.5rem;
}
#kakaopage .kakaoNavMainWrap .kakaoMain .kakaoMainInner .kakaoMainSearch .kakaoMainForm {
    padding: 2rem;
    background-color: rgb(255 255 255 / 1);
    border-radius: 1rem;
    flex-direction: column;
    display: flex;
}
#kakaopage .kakaoMainFormInner label {
    display: inline-flex;
    flex-direction: column;
}
#kakaopage .kakaoMainFormInner label span {
    color: rgb(58 58 58 / 1);
    font-weight: 400;
    font-size: .875rem;
    line-height: normal;
    margin-bottom: 0.5rem;
}
#kakaopage .kakaoMainFormInner .kakaoInputWrap {
    display: flex;
    align-items: center;
}
#kakaopage .kakaoMainFormInner .kakaoInputWrap span {
    margin: 0 0.5rem;
    color: rgb(58 58 58);
    font-weight: 400;
    font-size: .8125rem;
    line-height: normal;
}
#kakaopage .kakaoMainFormInner .formControl {
    background-color: rgb(252 252 253 / 1);
    border-width: 0.0625rem;
    border-radius: 0.125rem;
    border: 1px solid rgb(211 211 211 / 1);
}
/* #kakaopage .kakaoMainFormInner .formControl:focus-within,
#kakaopage .kakaoMainFormInner .formControl input:has(div) {
    border: 1px solid rgb(0 0 0/1);
} */
#kakaopage .kakaoMainFormInner .goodsNmInputWrap label {
    width: 100% !important;
    color: rgb(58 58 58 / 1) !important;
    font-weight: 400 !important;
    font-size: .875rem !important;
    line-height: normal !important;
}
#kakaopage .kakaoMainFormInner .goodsNmInputWrap input.form-control {
    margin-top: 0.5rem !important;
    background-color: rgb(252 252 253 / 1) !important;
    border-width: 0.0625rem !important;
    border-radius: 0.125rem !important;
    border: 1px solid rgb(211 211 211 / 1) !important;
    font-size: .8125rem !important;
    height: 42px !important;
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    color: rgb(58 58 58/1) !important;
    padding: 0 0.75rem !important;
    box-sizing: border-box !important;
    width: 100% !important;
    transition: none !important;
}
#kakaopage .kakaoMainFormInner .goodsNmInputWrap input.form-control:hover,
#kakaopage .kakaoMainFormInner .goodsNmInputWrap input.form-control:focus {
    border: 1px solid rgb(0 0 0/1) !important;
}
#kakaopage .kakaoMainFormInner .goodsNmInputWrap input.form-control:focus {
    background-color: white !important;
}

#kakaopage .kakaoMainFormInner .formControl input {
    font-size: .8125rem;
    height: 2.5rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    color: rgb(58 58 58/1);
    padding: 0 0.75rem;
    background: transparent;
    border-style: none;
    box-sizing: border-box;
    width: 100%;
}
#kakaopage .kakaoMainFormInner .formControl:hover,
#kakaopage .kakaoMainFormInner .formControl:focus-within {
    border: 1px solid rgb(0 0 0/1);
}
#kakaopage .kakaoMainFormInner .formControl.dateInput input {
    width: 229px;
}
/* .kakaoInputWrap .inputDate input {

} */ 
#kakaopage .kakaoFormControlWrap {
    display: flex;
    padding-bottom: 2rem;
}
#kakaopage .kakaoMainFormFooter {
    padding-top: 2rem;
    border-top: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
}
#kakaopage .kakaoMainFormFooter .warningMsg {
    line-height: 1.8;
    color: rgb(102 102 102/1);
    font-weight: 400;
    font-size: .8125rem;
}
#kakaopage .kakaoMainFormFooter .btnWrap {
    display: flex;
    flex-direction: row-reverse;
}
#kakaopage .kakaoMainFormFooter .btnWrap .btn {
    font-size: .8125rem;
    height: 2.5rem;
    width: 7.5rem;
    border-radius: .125rem;
    color: rgb(58 58 58 / 1);
}
#kakaopage .kakaoMainFormFooter .btnWrap .btn.downBtn {
    border: 1px solid rgb(211 211 211/1);
    margin-right: 1rem;
}
#kakaopage .kakaoMainFormFooter .btnWrap .btn.downBtn:hover {
    background: rgb(243 245 247/1);
}
#kakaopage .kakaoMainFormFooter .btnWrap .btn.submitBtn {
    border: 1px solid rgb(0 0 0/1);
    color: rgb(255 255 255);
    font-weight: 700;
    background-color: rgb(0 0 0/1);
}
#kakaopage .kakaoMainFormFooter .btnWrap .btn.submitBtn:hover {
    background-color: rgb(51 51 51 / 1);
}
#kakaopage .kakaoMainTableWrap {
    border-radius: 1rem;
    margin-top: 2rem;
}
#kakaopage .kakaoMainTableWrap .kakaoMainTableInner {}
#kakaopage .tableWraningMsg {
    margin-bottom: 1rem;
}
#kakaopage .tableWraningMsg li span {
    font-weight: 400;
    color: rgb(58 58 58 / 1);
    font-size: .8125rem;
    line-height: normal;
}
#kakaopage .kakaoMainTableWrap .tableResultInner {
    padding: 1.5rem;
    align-items: center;
    display: flex;
    flex-direction: column;
    background-color: rgb(255 255 255/ 1);
    height: 100%;
    border-radius: 1rem;
}
#kakaopage .kakaoMainTableWrap .tableResultInner table {
    table-layout: fixed;
    flex: 1 1 0%;
    width: 100%;
    font-size: 14px !important;
    border-collapse: collapse !important;
    border-color: inherit;
    text-indent: 0;
}
#kakaopage .kakaoMainTableWrap .tableResultInner table thead {
    border-bottom: 1px solid rgb(236 236 236 / 1);
}
#kakaopage .kakaoMainTableWrap .tableResultInner table thead th {
    padding: 1rem 0.75rem;
    min-height: 3.25rem;
    color: rgb(58 58 58 / 1);
    font-weight: 700;
    font-size: .8125rem;
    line-height: normal;
    word-break: break-all;
}
#kakaopage .kakaoMainTableWrap .tableResultInner table tbody tr {
    border-bottom: 1px solid rgb(243 243 243 / 1);
}
#kakaopage .kakaoMainTableWrap .tableResultInner table tbody tr td {
    color: rgb(58 58 58 / 1);
    font-size: .8125rem;
    line-height: normal;
    text-align: center;
    padding: 1rem 0.75rem;
    word-break: break-all;
}
#kakaopage .kakaoMainTableWrap .tableResultInner table tbody tr:hover {
    background-color: rgb(248 248 249 / 1);
}
#kakaopage div.dataTables_wrapper div.dataTables_info {
    display: none !important;
}
#kakaopage .dataTables_length {
    display: none !important;
}
#kakaopage div.dataTables_paginate {
    margin-top: 10px;
    display: flex !important;
    justify-content: center !important;
}
#kakaopage div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#kakaopage div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: rgb(255 122 0 / 1) !important;
}
#kakaopage .kakaoMainFormFooter .btnWrap .excelBtnWrap button {
    border: 1px solid rgb(211 211 211/1);
    margin-right: 1rem;
    height: 2.5rem;
    width: 7.5rem;
    border-radius: .125rem;
}
#kakaopage .kakaoMainFormFooter .btnWrap .excelBtnWrap button:hover {
    background: rgb(243 245 247/1);
}
#kakaopage .kakaoMainFormFooter .btnWrap .excelBtnWrap button span {
    font-size: .8125rem;
    color: rgb(58 58 58 / 1);
    z-index: 0 !important;
}

/* YES24 */
#yes24 {
    margin: 0;
    font-family: 'NanumBarunGothic';
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background: #fff;
    padding-top: 40px;
}
#yes24 * {
    box-sizing: border-box;
}
#yes24 .ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
#yes24 h1,#yes24 h2,#yes24 h3,#yes24 h4,#yes24 h5,#yes24 h6 {
    margin: 10px 5px;
    font-family: 'NanumBarunGothic' !important;
    font-weight: bold;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
}
#yes24 .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#yes24.shiftbooks h1,
#yes24.shiftbooks h2,
#yes24.shiftbooks h3,
#yes24.shiftbooks h4,
#yes24.shiftbooks h5,
#yes24.shiftbooks h6 {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
    margin-bottom: 0.5rem !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
}
#yes24 li {
    line-height: 20px;
}
#yes24 h1, #yes24 h2, #yes24 h3 {
    line-height: 40px;
}
#yes24 h1 {
    font-size: 38.5px;
}
#yes24 h2 {
    font-size: 31.5px;
}
#yes24 h3 {
    font-size: 24.5px;
}
#yes24 h4 {
    font-size: 17.5px;
}
#yes24 h5 {
    font-size: 14px;
}
#yes24 h6 {
    font-size: 11.9px;
}

#yes24 header#wrap {
    position: relative;
    clear: both;
    width: 100%;
    height: 110px;
    min-width: 1280px;
}
#yes24 header#wrap a img {
    margin: 0px !important;
}
#yes24 .userInfo {
    position: absolute;
    right: 20px;
    top: 10px;
    color: #9b6827;
    text-align: right;
    line-height: 1.5;
    font-family: 'NanumBarunGothic' !important;
}
#yes24 .userInfo .logoutBtn {
    color:#333;
    cursor:pointer;
    font-family: 'NanumBarunGothic' !important;
}
#yes24 .userName {
    font-size: 20.5px;
    font-weight: 700;
    line-height: 20px;
    text-rendering: optimizelegibility;
    font-family: 'NanumBarunGothic' !important;
}
#yes24 #gnb {
    min-width: 1500px !important; 
    height: 45px !important;
    position: absolute;
    top: 60px;
    height: 45px;
    width: 100%;
    border-top: 1px solid #cccccc;
    border-bottom: 6px solid #333;
    /* z-index: 999; */
    background: #333;
    box-sizing: content-box;
}
#yes24 #gnb.shiftGnb {
    border-bottom: 0;
}
#yes24 #gnb .gnbWrap {
    width: 100%;
    margin: 0 auto;
    background: #fff;
}
#yes24 #gnb .gnbWrap>ul, #gnb .gnbWrap>ul>li div.dep02 .sub_nav, #gnb .gnbWrap>ul>li div.dep02 .sub_nav .subRtNav {
    width: 1004px;
}
#yes24 #gnb .gnbWrap>ul {
    width: 1004px;
    margin: 0 auto;
    clear: both;
}
#yes24.shiftbooks #gnb .gnbWrap>ul {
    width: 1000px;
}
#yes24 #gnb .gnbWrap>ul>li {
    height: 45px;
    line-height: 45px;
    width: 250px;
    /* text-align: center; */
    float: left;
    display: inline-block;
}
#yes24 #gnb .gnbWrap>ul>li a.dep01 {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.5px;
    font-family: 'NanumBarunGothic' !important;
}
#yes24 #gnb .gnbWrap>ul>li a.dep01:hover {
    text-decoration: underline;
    color: #636363;
    cursor: pointer;
}
#yes24 #gnb .gnbWrap>ul:after,
#yes24 #gnb .gnbWrap:after,
#yes24 #gnb:after {
    display: block;
    content: "";
    clear: both;
}
#yes24 #divView {
    max-width:1280px !important; 
    margin:auto !important;
    padding-top: 5px;
}
#yes24.shiftbooks #divView {
    max-width: 1440px !important;
    padding-top: 20px;
}
#yes24 #divView .tableRow {
    display: table;
    width: 99%;
    margin: auto;
    min-width: 1280px;
}
#yes24 #divView .tableRow .tableCell {
    display: table-cell; 
    vertical-align: middle; 
    white-space:nowrap;
    font-family: 'NanumBarunGothic' !important;
    padding: 5px;
}
#yes24 #divView .tableRow .tableCell.left {
    text-align: left;
}
#yes24 #divView .tableRow .tableCell.right {
    text-align: right;
}
#yes24 #divView .tableRow .tableCell h2 {
    display: inline; 
    margin-right:20px;
}
#yes24 .searchHeader {
    font-size: 12px;
    display: block;
    height: 10px;
    font-family: 'NanumBarunGothic' !important;
}
#yes24 select,
#yes24 input {
    width: 220px;
    background-color: #fff;
    border: 1px solid #ccc;
    height: 30px;
    box-sizing: border-box;
}
#yes24 select,
#yes24 textarea,
#yes24 input {
    display: inline-block;
    height: 20px;
    padding: 4px 3px;
    font-size: 14px;
    line-height: 20px;
    color: #000;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: 30px;
    font-family: 'NanumBarunGothic' !important;
}
#yes24 select:focus {
    outline: auto;
}
#yes24 select:hover {
    cursor: pointer;
}
#yes24 .btnStyle,
#yes24 .btnStyle:hover,
#yes24 .btnStyle:focus {
    text-decoration: none;
    background-color: #eaeaea;
    color: #000000;
    border-radius: 3px;
    padding: 5px 7px 5px 7px;
    border: 1px solid #444650;
    font-size: 13px;
    cursor: pointer;
    font-family: 'NanumBarunGothic' !important;
}
#yes24 table {
    width: 100% !important;
    margin-bottom: 20px !important;
    max-width: 100% !important;
    background-color: transparent;
    border-collapse: collapse !important;
    border-spacing: 0;
    color: #000000;
    font-family: 'NanumBarunGothic' !important;
    font-size: 13px;
    line-height: 13px;
}
#yes24.shiftbooks table {
    width: 100% !important;
    border: 1px solid #DEE2E6;
    padding: 10px !important;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    table-layout: fixed !important;
}
#yes24 .table > thead > tr > th {
    border-bottom: none;
}
#yes24.shiftbooks table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
    background: #fff !important;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    height: auto;
    line-height: 0.956;
}
#yes24 .tableStriped thead tr {
    background-color: #EAEAEA;
}
#yes24.shiftbooks .tableStriped tbody tr:nth-child(even) {
    background-color: #fff;
}
#yes24 .tableStriped tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}
#yes24.shiftbooks .tableStriped tbody tr:nth-child(odd) {
    background-color: rgba(0,0,0,.05);
}
#yes24 .tableStriped tbody tr.trHighlight:hover {
    background-color: #FFFACD;
}
#yes24 .table th, 
#yes24 .table td {
    padding: 3px;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    line-height: 20px;
    box-sizing: border-box;
    font-family: 'NanumBarunGothic' !important;
    transform: rotate(0.04deg);
}
#yes24.shiftbooks .table th, 
#yes24.shiftbooks .table td {
    padding: 0.75rem !important;
    line-height: 0.956 !important;
    color: #212529 !important;
    text-align: center;
}
#yes24 .table th {
    font-weight: bold;
    height: 40px;
}
#yes24 .tableStriped {
    border-top: 2px solid #BDBDBD;
    border-bottom: 2px solid #BDBDBD;
} 
#yes24.shiftbooks .tableStriped {
    border: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#yes24 textarea,
#yes24 input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}
#yes24 textarea:focus,
#yes24 input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
        rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
        rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
        rgba(82, 168, 236, 0.6)
}
#yes24 #dataTable_filter {
    display: inline-block !important;
    font-size: 0 !important;
}
#yes24 #dataTable_filter label {
    font-weight: normal !important;
    font-family: 'NanumBarunGothic' !important;
}
#yes24 .excelBtnWrap {
    display: inline-block !important;
}
#yes24 .excelBtnWrap button,
#yes24 .excelBtnWrap button:hover,
#yes24 .excelBtnWrap button:focus {
    text-decoration: none;
    background-color: #eaeaea;
    border-radius: 3px;
    padding: 5px 7px 5px 7px;
    border: 1px solid #444650;
    cursor: pointer;
    height: 27px;
}
#yes24 .excelBtnWrap button span {
    color: #000000;
    font-size: 13px;
    font-family: 'NanumBarunGothic' !important;
    display: block;
    z-index: 0 !important;
}
#yes24 #dateSpan1 {
    font-size: 14px;
    font-family: 'NanumBarunGothic' !important;
}
#yes24 .dataTables_length label {
    font-size: 0 !important;
}
#yes24 .dataTables_length label select {
    width: 66px !important;
    margin-bottom: 0px !important;
    font-family: auto !important;
}
#yes24 .dataTables_info {
    display: none !important;
}
#yes24 #dataTable_paginate {
    display: flex !important;
    justify-content: center !important;
}
#yes24.shiftbooks #dataTable_paginate {
    margin-bottom: 1rem !important;
}

#yes24 input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    color: transparent;
    cursor: pointer;
    z-index: 1;
  }
#yes24 input[type="date"]::-webkit-clear-button,
#yes24 input[type="date"]::-webkit-inner-spin-button { 
    display: none;
} 
#yes24 input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    z-index: 1;
}
#yes24 .inputDate {
    display: inline-block;
    /* padding-right: 24px; */
    position: relative;
}
#yes24 .inputDate input[type="date"] {
    padding: 4px 0;
    background-color: #eee;
}
#yes24.shiftbooks .inputDate input[type="date"] {
    background-color: #fff;
}
#yes24 .textRight {
    text-align: right !important;
}
#yes24 .textLeft {
    text-align: left !important;
}
#yes24 #divView #searchForm .textRight {
    overflow: hidden;
}
#yes24 #divView #searchForm .textRight h4 {
    line-height: 36px;
}
#yes24.shiftbooks .h4,
#yes24.shiftbooks h4 {
    font-size: 1.5rem;
}
#yes24 .col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}
#yes24 #divView #searchForm .textRight .countSection {
    float: right;
    margin-left: 20px;
}
#yes24 #divView #searchForm .textRight .excelSection {
    float: right;
}
#yes24 .btnSecondary,
#yes24 .excelButtonWrap button {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
#yes24 .btnSecondary:hover,
#yes24 .excelButtonWrap button:hover {
    color: #fff !important;
    background-color: #5a6268 !important;
    border-color: #545b62 !important;
}
#yes24 .btn,
#yes24 .excelButtonWrap button {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#yes24 .excelButtonWrap button span {
    z-index: 0 !important;
}
#yes24 #divView .searchSection {
    display: block;
    overflow: hidden;
    padding: 10px 15px 0;
}
#yes24 #divView .searchSection .itemSection:first-child {
    margin-left: 0;
}
#yes24 #divView .searchSection .itemSection {
    margin-left: 20px;
    float: left;
}
#yes24 #divView .searchSection .titleSection {
    height: 28px;
    margin-bottom: 5px;
}
#yes24 #divView .searchSection .titleSection .title {
    font-size: 14px;
    vertical-align: top;
}
#yes24 #divView .searchSection .itemSection {
    margin-left: 20px;
    float: left;
}
#yes24 #divView .searchSection .categorySection .btn {
    height: 28px;
    font-size: 14px;
    line-height: 14px;
    box-sizing: border-box;
}
#yes24 .btnPrimary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
#yes24 .btnPrimary:hover {
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
}
#yes24 #divView .searchSection .keywordSection {
    float: right;
    overflow: hidden;
    margin-top: 33px;
}
#yes24 #divView .searchSection .keywordSection .selectSection {
    float: left;
}
#yes24.shiftbooks .inputTxt2,
#yes24.shiftbooks select,
#yes24.shiftbooks .searchInputWrap input {
    padding: 3px 6px !important;
    font-size: 14px !important;
    border-radius: 5px !important;
    height: 35px !important;
}
#yes24.shiftbooks .searchInputWrap {
    display: inline !important;
}
#yes24.shiftbooks .searchInputWrap label {
    font-size: 0 !important;
}
#yes24.shiftbooks .searchInputWrap input {
    width: 250px !important;
    display: inline !important;
    transform: rotate(0.04deg);
}
#yes24 .pageLengthWrap select {
    width: 80px !important;
    display: inline !important;
}
#yes24.shiftbooks .formControl,
#yes24.shiftbooks .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#yes24 #divView .searchSection .keywordSection .inputSection {
    margin-left: 10px;
    float: left;
}
#yes24 #divView .searchSection .keywordSection .btnSection {
    margin-left: 10px;
    float: left;
}
#yes24 #divView .searchSection .rangeSection {
    margin-left: 10px;
    float: right;
}
#yes24.shiftbooks th, #yes24.shiftbooks td {
    transform: rotate(0.04deg);
    font-family: 'NanumBarunGothic' !important;
}
#yes24.shiftbooks table.totalInfoTable th,
#yes24.shiftbooks table.totalInfoTable td {
    text-align: center;
    padding: 10px;
}
#yes24.shiftbooks table.totalInfoTable th {
    background-color: #f2f2f2;
}
#yes24 div.dataTables_paginate {
    margin-top: 10px;
    display: flex !important;
    justify-content: center !important;
}
#yes24 div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#yes24 div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: #9b6827 !important;
}

/* �먯뒪�좎뼱 */
#onestore {
    font-family: 'Noto Sans KR','Apple SD Gothic Neo','AppleGothic','Apple Gothic','-apple-system',sans-serif !important;
    font-weight: 400;
    color: #181818;
}
#onestore input:focus {
    border: 1px solid #e9464a !important;
}
#onestore a:hover {
    cursor: pointer;
}
#onestore a, #onestore span, #onestore label, #onestore p {
    font-family: 'Noto Sans KR' !important;
}
#onestore .clrfix:after {
    content: '';
    display: block;
    clear: both;
}
#onestore header {
    padding-top: 40px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 400;
    min-width: 1110px;
    width: 100%;
    height: 70px;
    background-color: #fff;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.1);
}
#onestore header .contInner {
    position: relative;
    width: 1200px;
    height: 70px;
    margin: 0 auto;
}
#onestore header .contInner h1 {
    display: inline-block;
    padding: 24px 0 0 60px;
    width: 260px;
}
#onestore header .contInner h1 a {
    display: block;
}
#onestore header .contInner h1 a .logo {
    display: inline-block;
    height: 24px;
    width: 260px;
    text-indent: -999em;
    background: url(/img/front/memberCenter/logoOnstoreBlack.png) center no-repeat;
}
#onestore header .contInner .gnb {
    position: absolute;
    left: 382px;
    top: 24px;
    width: calc(100% - 382px);
}
#onestore header .contInner .gnb > ul {
    position: relative;
}
#onestore header .contInner .gnb > ul > li {
    position: relative;
    float: left;
}
#onestore header .contInner .gnb > ul > li > a {
    display: block;
    padding: 0 8px;
    margin: 0 12px;
    color: #000;
    font-size: 16px;
}
#onestore header .contInner .gnb > ul > li.login {
    position: absolute;
    top: 0;
    right: 60px;
}
#onestore header .contInner .gnb > ul > li.login .linkMy {
    margin-top: -5px;
    font-size: 14px;
}
#onestore header .contInner .gnb > ul > li.login .linkMy img {
    padding-right: 5px;
}
#onestore header .contInner .gnb > ul > li.login .myList {
    display: none;
    position: absolute;
    top: 37px;
    right: 45%;
    min-width: 95px;
    width: auto;
    min-height: 52px;
    background-color: #fff;
    border: 1px solid #b7b7b7;
    border-radius: 3px;
}
#onestore header .contInner .gnb > ul > li.login .myList li {
    display: block;
    margin: 0;
    padding-top: 16px;
}
#onestore header .contInner .gnb > ul > li.login .myList li:last-child {
    padding-bottom: 16px;
}
#onestore header .contInner .gnb > ul > li.login .myList li a {
    display: block;
    margin: 0;
    padding: 0 10px;
    color: #181818;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
}
#onestore header .contInner .gnb > ul > li.login .myList li a:hover {
    font-weight: 700;
}

#onestore header.sub + .headerBlank,
#onestore header.sub ~ .headerBlank {
    width: 100%;
    height: 210px;
}
#onestore .container {
    position: relative;
    min-width: 1100px;
    min-height: calc(100vh - 250px);
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
}
#onestore .lnb {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 300px;
    background-color: #fff;
    z-index: 9;
}
#onestore .lnb:before {
    content: "";
    display: block;
    position: absolute;
    top: 219px;
    left: auto;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #eaeaea;
}
#onestore .lnb .contInner {
    padding: 20px 30px 3px 60px;
    margin: 210px 0 42px 0;
    overflow-y: auto;
    box-sizing: border-box;
}
#onestore .lnb .contInner .textSub {
    color: #181818;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Noto Sans KR' !important;
    line-height: 1.4;
}
#onestore .lnb .contInner .titleLnb a {
    display: inline-block;
    color: #181818;
    font-size: 30px;
    font-weight: 400;
    word-break: keep-all;
    font-family: 'Noto Sans KR' !important;
    line-height: 1.5;
}
#onestore .lnb .contInner > ul {
    margin-top: 10px;
}
#onestore .lnb .contInner > ul > li {
    padding-top: 20px;
}
#onestore .lnb .contInner > ul > li:first-child {
    padding-top: 17px;
}
#onestore .lnb .contInner > ul > li > a {
    display: block;
    word-break: keep-all;
    color: #919191;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    font-family: 'Noto Sans KR' !important;
} 
#onestore .lnb .contInner > ul > li.on > a {
    color: #181818;
    font-weight: 700;
}
#onestore .container .lnb + .content,
#onestore .container .lnb ~ .content {
    position: relative;
    width: calc(100% - 381px);
    margin: 0 0 100px 300px;
    padding: 0 60px 0 60px;
}
#onestore .location {
    padding: 0 !important;
    text-align: right;
}
#onestore .ui.location ul {
    /* margin-right: 60px; */
}
#onestore .ui.location li {
    display: inline-block;
}
#onestore .ui.location li a {
    display: block;
    color: #919191;
    font-size: 14px;
}
#onestore .ui.location li:first-child a:before {
    display: none;
}
#onestore .ui.location li a:before {
    content: ">";
    display: inline-block;
    padding: 0 3px 0 0;
    color: #919191;
    font-size: 14px;
}
#onestore .productAppAccounts.topFixedPd {
    padding-top: 21px;
}
#onestore .appsIframeBox {
    min-width: 750px;
}
#onestore .ui.onestoreTab {
    display: table;
    width: 100%;
}
#onestore .ui.onestoreTab.tab4 li {
    width: 25%;
}
#onestore .ui.onestoreTab li {
    display: table-cell;
    height: 100%;
    background-color: #fbfbfb;
    vertical-align: middle;
    border-bottom: 1px solid #a7a7a7;
}
#onestore .ui.onestoreTab li.on {
    background-color: transparent;
    border: 1px solid #a7a7a7;
    border-bottom: 1px solid #f7f7f7;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
#onestore .ui.onestoreTab li:first-child a {
    margin-left: 0;
}
#onestore .ui.onestoreTab li a {
    display: block;
    color: #919191;
    font-size: 16px;
    line-height: 1.3;
    padding: 13px 5px;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-sizing: border-box;
    word-break: break-all;
    border-left: 2px solid #fff;
}
#onestore .ui.onestoreTab li.on a {
    color: #181818;
    font-weight: 700;
    background-color: transparent;
}
#onestore .appsIframeBox .topAccordionArea {
    position: relative;
    margin-top: 30px;
}
#onestore .appsIframeBox .searchTable {
    table-layout: fixed;
    border-top: 1px solid #e1e1e1;
    margin-top: 15px;
}
#onestore .appsIframeBox .ui.oneForm {
    position: relative;
}
#onestore .ui.oneForm .inputGroup {
    border-bottom: 1px solid #e1e1e1;
}

#onestore .ui.oneForm #salesStatus.on,
#onestore .ui.oneForm #periodOccurrence.on {
    display: table-row;
}
#onestore .ui.oneForm .inputGroup > .oneLabel {
    background-color: #fbfbfb;
    background-clip: padding-box;
    position: relative;
    width: 160px;
    padding: 19px 10px 15px 12px;
    box-sizing: border-box;
}
#onestore .ui.oneForm .inputGroup .oneLabel {
    padding-top: 15px;
    padding-right: 10px;
    vertical-align: middle;
}
#onestore .appsIframeBox .searchTable th,
#onestore .appsIframeBox .searchTable td {
    height: 65px;
    box-sizing: border-box;
}
#onestore .ui.oneForm .inputGroup .oneLabel > label {
    font-size: 15px;
    position: relative;
    color: #444;
    padding-left: 0;
    box-sizing: border-box;
    font-family: 'Noto Sans KR' !important;
    font-weight: 400;
    cursor:default;
}
#onestore table th {
    text-align: left;
    font-style: normal;
    font-weight: 400;
    font-family: 'Noto Sans KR' !important;
}
#onestore .appsIframeBox .searchTable td {
    width: 100%;
    font-size: 14px;
    word-break: break-all;
    height: 65px;
    box-sizing: border-box;
    vertical-align: middle !important;
    padding: 15px;
}
#onestore .searchTable .radioGroup .radio {
    position: relative;
    display: inline-block;
    padding-right: 30px;
    margin: 0;
}
#onestore .searchTable .radioGroup .radio label:before,
#onestore .searchTable .radioGroup .radio label:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    background: url(/img/front/memberCenter/oneImgRadiobox.png) 0 0 no-repeat;
    border: 0;
    border-radius: 0;
}
#onestore .searchTable .radioGroup .radio input:checked ~ label:before {
    background: url(/img/front/memberCenter/oneImgRadiobox.png) 0 -28px no-repeat;
}
#onestore .searchTable .radioGroup .radio input:checked ~ label:after {
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    opacity: 0;
}
#onestore .ui.oneForm .inputGroup input {
    padding: 0 15px;
    width: 100%;
    height: 35px;
    font-size: 13px;
    line-height: 35px;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: 'Noto Sans KR' !important;
}
#onestore .ui.oneForm .radio label {
    position: relative;
    padding-left: 32px;
    color: #181818;
    font-size: 14px;
    line-height: 23px;
    outline: 0;
    opacity: 1;
}
#onestore .ui.checkbox input[type=checkbox], 
#onestore .ui.radio input[type=radio], 
#onestore .ui.toggle input[type=checkbox], 
#onestore .ui input[type=checkbox], 
#onestore .ui input[type=radio], 
#onestore .ui input[type=checkbox] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 23px;
    height: 23px;
    opacity: 0 !important;
    outline: 0;
    z-index: 3;
}
#onestore table {
    width: 100%;
}
#onestore .ui.oneForm .selectGroup .selectBox {
    position: relative;
    z-index: 1;
    width: 148px;
    height: 33px;
    border-radius: 3px;
    border: 1px solid #c8c8c8;
    background-size: 20px;
    cursor: pointer;
}
#onestore .ui.oneForm .selectGroup .selectBox select {
    margin: 0;
    display: flex;
    padding: 0 0 0 15px;
    height: 33px;
    color: #181818;
    font-size: 13px;
    line-height: 33px;
    cursor: pointer;
    font-family: 'Noto Sans KR' !important;
    width: 100%;
    border: 0;
    border-radius: 3px;
    background: url(/img/front/memberCenter/oneImgSelArrowDown.png) 92% no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* #onestore .ui.oneForm .selectGroup .selectBox select:focus {
    
    background: url(/img/front/memberCenter/oneImgSelArrowDown.png) 92% no-repeat;
} */
#onestore .ui.oneForm .selectGroup select::-ms-expand {
    display: none;
}
#onestore .ui.oneForm .selectGroup .selectBox:before {
    content: '��';
    position: absolute;
    right: 0px;
    z-index: -1;
    width: 33px;
    height: 33px;
    background: url(/img/front/memberCenter/oneImgSelArrowDown.png) center no-repeat;
    background-size: 10px 7px;
    border: 0;
    font-size: 0;
}
#onestore .periodOccurrenceTd,
#onestore .textSearchTd {
    display: flex;
}
#onestore .ui.oneForm .selectGroup .selectBox .selectLabel {
    margin: 0;
    display: flex;
    padding: 0 35px 0 15px;
    height: 33px;
    color: #181818;
    font-size: 13px;
    line-height: 33px;
    cursor: pointer;
    font-family: 'Noto Sans KR' !important;
    width: 100%;
}
#onestore .ui.oneForm .selectGroup .selectBox .optionList {
    display: none;
}
#onestore .ui.oneForm .selectGroup .selectBox .optionList.active {
    display: block;
    position: absolute; 
    top: 40px;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #c4c4c4;
    box-shadow: 0 0 10px -6px;
    list-style: none;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    min-height: 20px;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
}
#onestore .ui.oneForm .selectGroup .selectBox .optionList::-webkit-scrollbar { width: 6px; }
#onestore .ui.oneForm .selectGroup .selectBox .optionList::-webkit-scrollbar-track { background: transparent; }
#onestore .ui.oneForm .selectGroup .selectBox .optionList::-webkit-scrollbar-thumb { background: #303030; border-radius: 45px; }
#onestore .ui.oneForm .selectGroup .selectBox .optionList::-webkit-scrollbar-thumb:hover { background: #303030; }
#onestore .ui.oneForm .selectGroup .selectBox.active {
    z-index: 10;
}
#onestore .ui.oneForm .selectGroup .selectBox.active .potionList {
    max-height: 500px;
}
#onestore .ui.oneForm .selectGroup .selectBox .optionItem {
    background: #fff;
    color: #181818;
    padding: 8px 15px;
    font-family: 'Noto Sans KR' !important;
}
#onestore .ui.oneForm .selectGroup .selectBox .optionItem:first-child {
    padding-top: 20px;
}
#onestore .ui.oneForm .selectGroup .selectBox .optionItem:last-child {
    padding-bottom: 20px;
}
#onestore .searchTable .dateGroup {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}
#onestore .searchTable .dateGroup .gubun {
    padding: 0 5px;
}
#onestore .searchTable .dateGroup .calendarWrap {
    border-color: rgb(220, 220, 220);
    display: inline-block;
    width: 150px;
    position: relative;
    min-width: 150px;
}
#onestore .searchTable .dateGroup .calendarWrap input {
    width: 100%;
    height: 35px;
    padding: 0 0 0 12px;
    font-size: 13px;
    line-height: 35px;
    border: 1px solid #c8c8c8;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: 'Noto Sans KR' !important;
    font-size: 13px;
    color: #181818;
}
#onestore .searchTable .dateGroup .calendarWrap input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 1;
    display: block;
    background: url(/img/front/memberCenter/oneImgCalendar.png) no-repeat;
    background-size: 15px 16px;
    background-position: center center;
    width: 33px;
    height: 33px;
    box-sizing: border-box;
    background-color: #f8f8f8;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
}
#onestore .searchTable .inputDisplayInline,
#onestore .searchTable .dataTables_filter {
    border-color: rgb(220, 220, 220);
    min-width: 215px;
    width: 215px;
    margin-left: 10px;
}
#onestore .searchTable .dataTables_filter label {
    font-size: 0;
}
#onestore .searchTable .oneSubmitBtn {
    display: inline-block;
    padding: 0 10px;
    min-width: 80px;
    color: #181818;
    font-size: 13px;
    line-height: 33px;
    border: 1px solid #c8c8c8;
    text-align: center;
    border-radius: 3px;
    box-sizing: border-box;
    margin-left: 25px;
    font-family: 'Noto Sans KR' !important;
}
#onestore .topAccordionArea .fixedToggle {
    text-align: center;
}
#onestore .topAccordionArea .fixedToggle .fixedOpenButton {
    display: inline-block;
    width: 50px;
    height: 20px;
    background: url(/img/front/memberCenter/oneImgArrowDown03.png) #c8c8c8 center 6px no-repeat;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-indent: -999em;
}
#onestore .topAccordionArea .fixedToggle .fixedOpenButton.on {
    background: url(/img/front/memberCenter/oneImgArrowUp03.png) #c8c8c8 center 6px no-repeat;
}
#onestore .topGroup {
    margin-top: 40px;
}
#onestore .topGroup > .clrfix {
    padding-bottom: 15px;
}
#onestore .topGroup .moreBtnWrap {
    float: right;
    position: relative;
}
#onestore .topGroup .moreBtnWrap .moreBtn {
    display: inline-block;
}
#onestore .topGroup .moreBtnWrap .moreBtn button {
    display: inline-block;
    width: 35px;
    height: 35px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    text-indent: -999em;
    background: url(/img/front/memberCenter/oneBtnDot.png) center no-repeat;
    background-size: 18px 4px;
}
#onestore .topGroup .moreBtnDropDownBox.on,
#onestore header .contInner .gnb > ul > li.login .myList.on {
    display: block;
}
#onestore .topGroup .moreBtnDropDownBox {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    width: 99%;
    min-width: 220px;
    border: 1px solid #c4c4c4;
    z-index: 11;
    box-shadow: 0 0 10px -6px;
    background-color: #fff;
    border-radius: 3px;
}
#onestore .topGroup .moreBtnDropDownBox ul {
    min-width: 220px;
}
#onestore .topGroup .moreBtnDropDownBox ul li:first-child {
    padding-top: 20px;
}
#onestore .topGroup .moreBtnDropDownBox ul li:last-child {
    padding-bottom: 20px;
}
#onestore .topGroup .moreBtnDropDownBox ul li {
    padding: 8px 15px;
    color: #181818;
    font-size: 13px;
    line-height: 20px;
    min-height: 20px;
    cursor: pointer;
}
#onestore .topGroup .moreBtnDropDownBox ul li a, 
#onestore .topGroup .moreBtnDropDownBox ul li button {
    display: block;
    width: 100%;
    text-align: left;
}
#onestore .topGroup .moreBtnDropDownBox ul li a:hover,
#onestore .topGroup .moreBtnDropDownBox ul li button:hover {
    color: #e9464a;
}
#onestore .topGroup .resultNumWrap {
    float: left;
}
#onestore .topGroup .resultNumWrap p {
    font-size: 18px;
    font-weight: 700;
}
#onestore .topGroup .currencyInfo {
    float: right;
}
#onestore .topGroup .currencyInfo p {
    padding-top: 10px;
    font-size: 12px;
    text-align: right;
    color: #919191;
}
#onestore .mrl7 {
    margin-left: 7px;
}
#onestore .oneTableWrap .oneTableInner table {
    table-layout: fixed;
    border-top: 1px solid #919191;
    color: #181818;
    width: 100%;
    border-collapse: collapse !important;
    border-spacing: 0;
    margin: 0 !important;
    max-width: 100% !important;
}
#onestore .oneTableWrap .oneTableInner table tr {
    border-bottom: 1px solid #e1e1e1;
}
#onestore .oneTableWrap .oneTableInner table tr.listTotal {
    background-color: #fbfbfb;
    font-weight: bold;
}
#onestore .fontRed3 {
    color: #e9464a !important;
}
#onestore .oneTableWrap .oneTableInner table th {
    background: none;
    text-align: center;
    vertical-align: middle;
    height: 50px;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 500;
    box-sizing: border-box;
    font-family: 'Noto Sans KR' !important;
}
#onestore .oneTableWrap .oneTableInner table td {
    padding: 10px 5px;
    height: 60px;
    font-size: 13px;
    text-align: center;
    box-sizing: border-box;
    word-break: break-all;
    font-family: 'Noto Sans KR' !important;
}
#onestore #dataTable_info {
    display: none;
}
#onestore #dataTable_paginate {
    display: flex;
    justify-content: center;
}
#onestore div.dataTables_paginate {
    margin-top: 10px;
    display: flex !important;
    justify-content: center !important;
}
#onestore div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#onestore div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: #e9464a !important;
}
#onestore #monthlySelectWrap .selectBox {
    margin-left: 10px;
}
#onestore #dailyInputWrap.on,
#onestore #monthlySelectWrap.on {
    display: block !important;
}
#onestore #dailyInputWrap,
#onestore #monthlySelectWrap {
    display: none !important;
}
#onestore footer {
    position: relative;
    min-width: 1170px;
    z-index: 10;
}
#onestore .container + footer:before,
#onestore .container ~ footer:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 40px;
    top: -40px;
    background-color: #fff;
}
#onestore footer .footerTop {
    height: 100px;
    background-color: #181818;
}
#onestore footer .footerTop .contInner {
    text-align: center;
}
#onestore footer .footerTop .contInner {
    padding-top: 40px;
}
#onestore footer .footerTop .contInner ul li:first-child {
    padding-left: 0;
}
#onestore footer .footerTop .contInner ul li {
    position: relative;
    display: inline-block;
    padding-left: 27px;
}
#onestore footer .footerTop .contInner ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 13px;
    top: 3px;
    width: 1px;
    height: 14px;
    background-color: rgba(255, 255, 255, 0.3);
}
#onestore footer .footerTop .contInner ul li .link {
    display: block;
    color: #919191;
    font-size: 13px;
}
#onestore .bold {
    font-weight: 700 !important;
}




/* �뚮씪�� */
#aladdin {
    background-color: #f8fbfe;
    font-size: 0;
    line-height: 0;
    min-width: 1600px;
    padding-top: 41px;
    margin: 0;
    font-family: "�뗭�",Dotum,arial,sans-serif !important;
    font-size: 12px;
    height: 100%;
    color: #666;
}
#aladdin a:hover {
    cursor: pointer;
}
#aladdin h1, 
#aladdin h2, 
#aladdin h3, 
#aladdin h4, 
#aladdin h5, 
#aladdin h6, 
#aladdin span, 
#aladdin a, 
#aladdin p, 
#aladdin strong,
#aladdin label,
#aladdin div,
#aladdin li {
    font-family: "�뗭�",Dotum,arial,sans-serif !important;
}
#aladdin th,
#aladdin td,
#aladdin input,
#aladdin textarea,
#aladdin select {
    font-size: 12px;
    color: #666;
    font-family: "�뗭�",Dotum,arial,sans-serif !important;
}
#aladdin th,
#aladdin td {
    word-break: break-all;
    word-wrap: break-word;
}
#aladdin #headerContainer,
#aladdin #bodyContainer,
#aladdin #footerContainer {
    font-size: 12px;
    line-height: normal;
}
#aladdin #headerContainer {
    clear: both;
    z-index: 2;
    height: 88px;
    position: relative;
    background: url(/img/front/memberCenter/aladdinBgGnb01.png) 0 0 repeat-x;
    margin-bottom: -88px;
}
#aladdin #headerContainer .innerContent {
    height: 100%;
    margin: 0 auto;
    position: relative;
}
#aladdin #headerContainer .logo {
    position: absolute;
    left: 20px;
    top: 40px;
}
#aladdin a:link,
#aladdin a:visited {
    color: #666;
    text-decoration: none;
}
#aladdin a {
    color: #828282;
}
#aladdin #headerContainer .userInfo {
    position: absolute;
    right: 20px;
    top: 3px;
    font-size: 11px;
    color: #f8fbfe;
}
#aladdin #headerContainer .userInfo strong {
    color: #fff;
}
#aladdin #headerContainer .gnb {
    position: absolute;
    left: 180px;
    top: 40px;
}
#aladdin #headerContainer .gnb li {
    float: left;
    padding-left: 51px;
}
#aladdin .gnbButton {
    width: 96px;
    background-color: #225a99;
    border: none;
    color: white;
    padding: 10px 0;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    font-family: "留묒� 怨좊뵓" !important;
    margin: 0px;
    cursor: pointer;
    border-radius: 10px;
    transition-duration: 0.0s;
}
#aladdin #bodyContainer {
    margin: 0 auto;
    min-height: 100%;
    position: relative;
    z-index: 1;
    background: #f8fbfe url(/img/front/memberCenter/aladdinBgLnb01.png) 0 0 repeat-y;
    margin-bottom: 103px;
}
#aladdin #bodyContainer .innerContent {
    padding: 88px 0 103px;
    zoom: 1;
}
#aladdin #bodyContainer .contentHeader {
    padding-left: 180px;
    position: relative;
    border-bottom: 1px solid #dbdbdb;
    background: url(/img/front/memberCenter/aladdinBgLnb01.png) 0 0 repeat-y;
}
#aladdin .locationWrap {
    padding-top: 13px;
    height: 26px;
}
#aladdin .locationWrap p {
    display: block;
}
#aladdin .locationWrap strong {
    color: #225a99;
}
#aladdin #bodyContainer .innerContent .leftContent {
    position: absolute;
    left: 0;
    top: 128px;
    z-index: 100;
    width: 170px;
    padding: 10px 0 0;
    background: url(/img/front/memberCenter/aladdinBgLnb01.png) 0 0 no-repeat;
}
#aladdin .lnbWrap {
    width: 161px;
}
#aladdin .lnbWrap li {
    width: 161px;
    margin-bottom: 10px;
}
#aladdin .lnbWrap li a {
    width: 129px;
    display: block;
    padding: 13px 0 0 20px;
    height: 25px;
    font-weight: bold;
}
#aladdin .lnbWrap li a:hover,
#aladdin .lnbWrap li a.on {
    background-color: #225a99;
    color: #fff;
}
#aladdin #bodyContainer .mainContent {
    padding: 20px 20px 20px 180px;
    zoom: 1;
}
#aladdin .mainTitle {
    height: 50px;
    font-size: 18px;
    color: #2f2f2f;
    font-weight: bold;
    font-family: "留묒� 怨좊뵓" !important;
    letter-spacing: -2px;
}
#aladdin .pointR {
    font-size: 14px;
    color: #e80000 !important;
}
#aladdin .searchFormWrap {
    clear: both;
    border-top: 1px solid #302e2c;
    border-right: 1px solid #e6e5e2;
    border-left: 1px solid #e6e5e2;
    border-bottom: 1px solid #e6e5e2;
    position: relative;
    margin-bottom: 50px;
}
#aladdin .searchFormWrap table {
    width: 100%;
    background-color: #fff;
}
#aladdin .searchFormWrap th {
    background: url(/img/front/memberCenter/aladdinBgDot01.png) 0 0 repeat-x;
    overflow: hidden;
}
#aladdin .searchFormWrap .tit {
    text-align: left;
    background: url(/img/front/memberCenter/aladdinBulBox01.png) 16px center no-repeat;
    padding: 13px 0 13px 24px;
    line-height: 1.1;
}
#aladdin .searchFormWrap td {
    padding: 6px 0;
    background: url(/img/front/memberCenter/aladdinBgDot01.png) 0 0 repeat-x;
    overflow: hidden;
}
#aladdin select {
    height: 22px;
}
#aladdin label {
    cursor: pointer;
    padding: 2px;
    font-weight: normal;
}
#aladdin .searchFormWrap input[type=date] {
    display: inline-block;
    zoom: 1;
    border: 1px solid #dcdcdc;
    padding: 4px 4px 0;
    height: 20px;
    background: #fff;
    vertical-align: middle;
    width: 126px;
}
#aladdin .btnWrap {
    display: inline-block;
    zoom: 1;
    text-align: center;
    background: url(/img/front/memberCenter/aladdinBgBtn01.png) 0 0 no-repeat;
    vertical-align: middle;
    padding-left: 2px;
    font-size: 12px;
}
#aladdin .btnWrap.btnSearch {
    background-position: 0 -105px;
}
#aladdin .btnWrap .bIn,
#aladdin .btnWrap .buttons-excel {
    display: inline-block;
    color: #fff;
    background: url(/img/front/memberCenter/aladdinBgBtn01.png) right 0 no-repeat;
    zoom: 1;
}
#aladdin .btnWrap.btnSearch .bIn {
    height: 22px;
    padding: 6px 15px 0 13px;
    background-position: right -105px;
    color: #fff;
}
#aladdin .btnWrap.btnSearch .bIn.impo {
    font-weight: bold;
    border: 0px solid;
}
#aladdin .btnWrap.btnExcel,
#aladdin .btnWrap.excelBtnWrap {
    background-position: 0 -134px;
}
#aladdin button span {
    z-index: 0 !important;
}
#aladdin .btnWrap.btnExcel .bIn,
#aladdin .btnWrap.excelBtnWrap button {
    height: 22px;
    padding: 6px 12px 0 10px;
    background-position: right -134px;
    color: #333;
    font-weight: bold;
}
#aladdin .btnWrap.excelBtnWrap button {
    display: flex;
    height: 28px;
}
#aladdin .btnWrap.bIn {
    display: inline-block;
    color: #fff;
    background: url(/img/front/memberCenter/aladdinBgBtn01.png) right 0 no-repeat;
    zoom: 1;
}
#aladdin .tableScrollType02 {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 20px;
    border-top: 1px solid #302e2c;
    margin-bottom: 20px;
}
#aladdin .tableScrollType02 table {
    width: 100%;
}
#aladdin .tableScrollType02 thead th {
    background-color: #f5f5f5;
    height: 32px;
    border: 1px solid #e9e9e9;
    line-height: 1.4;
}
#aladdin .tableScrollType02 tbody td {
    border: 1px solid #e9e9e9;
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
}
#aladdin .tableScrollType01 {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 600px;
    padding-bottom: 20px;
    border-top: 1px solid #302e2c;
    position: relative;
    margin-bottom: 20px;
}
#aladdin .tableScrollType01 table {
    width: 100%;
    margin-bottom: -1px;
}
#aladdin .tableScrollType01 thead th {
    background-color: #f5f5f5;
    height: 32px;
    border: 1px solid #e9e9e9;
    line-height: 1.4;
}
#aladdin .tableScrollType01 tbody td {
    border: 1px solid #e9e9e9;
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
}
#aladdin a.pointc01 {
    color: #016ad6;
    text-decoration: underline;
    vertical-align: middle;
}
#aladdin #footerContainer {
    clear: both;
    position: relative;
    border-top: 2px solid #225a99;
    height: 103px;
    margin-top: -103px;
    width: 100%;
    background-color: #f8fbfe;
}
#aladdin #footerContainer .footerInner {
    clear: both;
    width: 800px;
    margin: 0 auto;
    padding-left: 180px;
    height: 103px;
    position: relative;
    float: left;
}
#aladdin #footerContainer .footerInner h3 {
    padding-top: 7px;
    height: 21px;
    font-weight: bold;
    font-size: 100%;
}
#aladdin input[type=date]:focus {
    border: 2px solid #000;
    border-radius: 3px;
}
#aladdin .dNone {
    display: none !important;
}
#aladdin .dataTables_filter {
    display: none !important;
}
#aladdin table.dataTable {
    margin: 0 !important; 
    border-collapse: collapse !important;
}
#aladdin .dataTables_info {
    display: none !important;
}
#aladdin div.dataTables_paginate {
    margin-top: 10px;
    display: flex !important;
    justify-content: center !important;
}
#aladdin div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#aladdin div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: #9a6b38 !important;
}
#aladdin div.dataTables_paginate .pagination a {
    font-size: 12px !important;
}

/* 遺곹뙏 */
#bookpal {
    font-family: "Apple SD Gothic Neo", Helvetica, arial, "留묒� 怨좊뵓", "Malgun Gothic", �섎닎怨좊뵓, "Nanum Gothic", �뗭�, Dotum, Tahoma, Geneva, sans-serif !important; 
    /* background-color: rgb(37, 37, 37); */
    font-size: 13px;
    color: #676a6c !important;
    overflow-x: hidden;
    padding-top: 41px !important;
    line-height: 1.42857143;
}
@font-face {
    font-family: 'FontAwesomeForBookpal';
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/fonts/fontawesome-webfont.woff2') format('woff2'), 
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/fonts/fontawesome-webfont.woff') format('woff'), 
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/fonts/fontawesome-webfont.ttf') format('truetype'), 
    url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/fonts/fontawesome-webfont.svg') format('svg');
}

#bookpal * {
    box-sizing: border-box !important;
    word-break: break-all !important;
}
#bookpal .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesomeForBookpal !important;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#bookpal .fa-list:before {
    content: "\f03a" !important;
}
#bookpal .fa-bars:before {
    content: "\f0c9" !important;
}
#bookpal .fa-calendar:before {
    content: "\f073" !important;
}
#bookpal .fa-user:before {
    content: "\f007" !important;
}
#bookpal .fa-envelope:before {
    content: "\f0e0" !important;
}
#bookpal .fa-sign-out:before {
    content: "\f08b" !important;
}
#bookpal .fa-file-excel-o:before {
    content: "\f1c3" !important;
}
#bookpal a:hover {
    cursor: pointer;
}
#bookpal .col-sm-1,
#bookpal .col-sm-10,
#bookpal .col-sm-11,
#bookpal .col-sm-12,
#bookpal .col-sm-2,
#bookpal .col-sm-3,
#bookpal .col-sm-4,
#bookpal .col-sm-5,
#bookpal .col-sm-6,
#bookpal .col-sm-7,
#bookpal .col-sm-8,
#bookpal .col-sm-9 {
    float: left
}
#bookpal .col-sm-12 {
    width: 100%
}
#bookpal .col-sm-11 {
    width: 91.66666667%
}
#bookpal .col-sm-10 {
    width: 83.33333333%
}
#bookpal .col-sm-9 {
    width: 75%
}
#bookpal .col-sm-8 {
    width: 66.66666667%
}
#bookpal .col-sm-7 {
    width: 58.33333333%
}
#bookpal .col-sm-6 {
    width: 50%
}
#bookpal .col-sm-5 {
    width: 41.66666667%
}
#bookpal .col-sm-4 {
    width: 33.33333333%
}
#bookpal .col-sm-3 {
    width: 25%
}
#bookpal .col-sm-2 {
    width: 16.66666667%
}
#bookpal .col-sm-1 {
    width: 8.33333333%
}
#bookpal .col-md-1,
#bookpal .col-md-10,
#bookpal .col-md-11,
#bookpal .col-md-12,
#bookpal .col-md-2,
#bookpal .col-md-3,
#bookpal .col-md-4,
#bookpal .col-md-5,
#bookpal .col-md-6,
#bookpal .col-md-7,
#bookpal .col-md-8,
#bookpal .col-md-9 {
    float: left
}
#bookpal .col-md-12 {
    width: 100%
}
#bookpal .col-md-11 {
    width: 91.66666667%
}
#bookpal .col-md-10 {
    width: 83.33333333%
}
#bookpal .col-md-9 {
    width: 75%
}
#bookpal .col-md-8 {
    width: 66.66666667%
}
#bookpal .col-md-7 {
    width: 58.33333333%
}
#bookpal .col-md-6 {
    width: 50%
}
#bookpal .col-md-5 {
    width: 41.66666667%
}
#bookpal .col-md-4 {
    width: 33.33333333%
}
#bookpal .col-md-3 {
    width: 25%
}
#bookpal .col-md-2 {
    width: 16.66666667%
}
#bookpal .col-md-1 {
    width: 8.33333333%
}
#bookpal .dFlex {
    display: flex;
}
#bookpal #wrapper {
    width: 100%;
    overflow-x: hidden;
}
#bookpal nav.off {
    display: none;
}
#bookpal nav {
    position: fixed;
    width: 220px;
    z-index: 91;
    height: 100%;
    background-color: transparent;
    border-color: #2f4050;
    display: block;
    box-sizing: border-box;
}
#bookpal nav .slimScrollDiv {
    position: relative;
    overflow: hidden;
    width: auto;
    height: 100%;
}
#bookpal nav .slimScrollDiv .sideBarCollapse {
    overflow: hidden;
    width: auto;
    height: 100%;
    background-color: #252525;
}
#bookpal .nav>li {
    position: relative;
    display: block;
}
#bookpal .nav>li.active {
    border-left: 4px solid #c61215;
    background: #1c1c1c;
}
#bookpal .nav>li.active>a {
    color: #ffffff;
    background: #1c1c1c;
}
#bookpal .nav>li>a {
    color: #ccc;
    font-weight: 600;
    padding: 14px 20px 14px 25px;   
}
#bookpal .nav>li>a i {
    margin-right: 6px;
}
#bookpal .nav.navbarRight>li>a {
    color: #999c9e;
}
#bookpal .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#bookpal .nav:before,
#bookpal .row:before,
#bookpal .navbarHeader:before,
#bookpal .navbar:before,
#bookpal .panelBody:before,
#bookpal .panelBody:after,
#bookpal .formHorizontal .formGroup:before {
    display: table;
    content: " ";
}
#bookpal .row:after,
#bookpal .panelBody:after {
    clear: both;
}
#bookpal .navHeader {
    padding: 28px 25px;
    background: url(/img/front/memberCenter/bookpalHeaderProfile2.png) no-repeat;
    background-size: 100% 100%;
}
#bookpal .navHeader a {
    color: #DFE4ED;
}
#bookpal .navHeader .profileElement h5 {
    margin-bottom: 10px;
    font-size: 12px;
    color: #ececec;
}
#bookpal h1, 
#bookpal h2, 
#bookpal h3, 
#bookpal h4, 
#bookpal h5, 
#bookpal h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    margin-top: 20px;
    margin-bottom: 10px;
}
#bookpal h2 {
    font-size: 24px;
}
#bookpal h3, 
#bookpal h4, 
#bookpal h5 {
    margin-top: 5px;
    font-weight: 600;
    line-height: 1.1;
}
#bookpal .s3profile {
    width: 60px;
    height: 60px;
    border-radius: 20%;
    overflow: hidden;
    float: left;
    margin-bottom: 10px;
}
#bookpal .s3profile img {
    width: 100%;
    height: 100%;
}
#bookpal .s3profileNick {
    display: inline-block;
    width: 90px;
    margin-left: 10px;
    max-height: 34px;
    overflow: hidden;
    line-height: 1.3;
    margin-top: 12px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 600;
}
#bookpal .s3profileNick .textDanger {
    color: #ed5565;
}
#bookpal .m-b-sm {
    margin-bottom: 10px;
}
#bookpal .clear {
    display: block;
    overflow: hidden;
}
#bookpal .s3profileSub {
    clear: both;
    border-left: 3px solid #c62125;
    padding-left: 6px;
    text-align: left;
}
#bookpal .borderBottom {
    border-bottom: 1px solid #e7eaec !important;
}
#bookpal .row {
    margin-right: -15px;
    margin-left: -15px;
}
#bookpal .navbarStaticTop,
#bookpal .navbarFixedTop {
    background: #f3f3f4;
}
#bookpal .navbarStaticTop {
    z-index: 90;
    border: 0;
    border-radius: 0;

}
#bookpal .navbar {
    border: 0;
    position: relative;
    min-height: 50px;
    width: 100%;
    margin-bottom: 0 !important;
}
#bookpal #pageWrapper {
    position: inherit;
    margin: 0 0 0 220px;
    min-height: 1200px;
    padding: 0 15px;
    min-height: 568px;
    position: relative !important;
    background: #f3f3f4;
}
#bookpal #pageWrapper .navbarFixedTop {
    margin-bottom: 0;
}
#bookpal .navbarHeader {
    float: left;
}
#bookpal .btnDefault {
    background-color: #5D5D5D;
    border-color: #5D5D5D;
    color: #FFFFFF;
}
#bookpal .btnDefault:hover,
#bookpal .btnDefault:focus,
#bookpal .btnDefault:active,
#bookpal .btnDefault.active {
    background-color: #484848;
    border-color: #484848;
    color: #FFFFFF;
}
#bookpal .btnSm,
#bookpal .btnGroupSm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
#bookpal .bpBtn {
    border-radius: 3px;
    z-index: 101;
    position: relative;

    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: "Apple SD Gothic Neo", Helvetica, arial, "留묒� 怨좊뵓", "Malgun Gothic", "�섎닎怨좊뵓", "Nanum Gothic", "�뗭�", Dotum, Tahoma, Geneva, sans-serif !important;
}
#bookpal .navbarMinimalize {
    padding: 4px 12px;
    margin: 14px 5px 5px 20px;
    font-size: 14px;
    float: left;
}
#bookpal .navbarRight {
    float: right!important;
    margin-right: -15px;
    display: flex;
}
#bookpal .nav.navbarTopLinks a {
    font-size: 14px;
}
#bookpal .nav.navbarTopLinks li a {
    padding: 20px 10px;
    min-height: 50px;
    box-sizing: border-box;
    min-width: 37px;
}
#bookpal .nav.navbarTopLinks li a:hover {
    background: none;
}
#bookpal .nav.navbarTopLinks li:last-child {
    margin-right: 40px;
}
#bookpal .whiteBg {
    background: #fff;
}
#bookpal .pageHeading {
    border-top: 0;
    padding: 0 10px 20px 10px;
}
#bookpal .wrapper {
    /* padding: 0 5px; */
}
#bookpal .wrapperContent {
    padding: 10px 10px 60px;
}
#bookpal .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
#bookpal .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
#bookpal .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 100;
}
#bookpal .tabsContainer .navTabs {
    border-bottom: 1px solid #e7eaec;
}
#bookpal .nav.navTabs li {
    background: none;
    border: none;
}
#bookpal .navTabs>li>a {
    color: #A7B1C2;
    padding: 10px 20px 10px 25px !important;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
#bookpal .navTabs>li>a:hover,
#bookpal .navTabs>li>a:focus {
    background: none;
    color: #676a6c;
}
#bookpal .tabsContainer .nav.navTabs>li {
    float: left;
    margin-bottom: -1px;
}
#bookpal .tabsContainer .navTabs>li.active>a,
#bookpal .tabsContainer .navTabs>li.active>a:hover,
#bookpal .tabsContainer .navTabs>li.active>a:focus {
    border: 1px solid #e7eaec;
    border-bottom-color: transparent;
    background-color: #fff;
    color: #555;
    cursor: default;
}
#bookpal .tabsContainer .tabContent>.active,
#bookpal .tabsContainer .pillContent>.active {
    display: block;
}
#bookpal .tabsContainer .tabPane .panelBody {
    border-top: none;
    margin-bottom: 30px;
    background: #fff;
    border: 1px solid #e7eaec;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    border-top-color: transparent;
}
#bookpal .mt {
    margin-top: 15px;
}
#bookpal .formGroup {
    box-sizing: border-box;
    margin-bottom: 15px;
}
#bookpal .formHorizontal .formGroup {
    margin-right: -15px;
    margin-left: -15px;
}
#bookpal .formHorizontal .controlLabel {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    box-sizing: border-box;
    color: #676a6c;
}
#bookpal .radio.radioInline {
    margin-top: 0;
}
#bookpal .formHorizontal .checkbox,
#bookpal .formHorizontal .radio {
    min-height: 27px;
}
#bookpal .formHorizontal .checkbox,
#bookpal .formHorizontal .checkboxInline,
#bookpal .formhorizontal .radio,
#bookpal .formHorizontal .radioInline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
    display: inline-block;
}
#bookpal .formHorizontal .radioInline:last-child {
    margin-left: 10px;
}
#bookpal .radio {
    padding-left: 20px;
}
#bookpal .radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
#bookpal .radioInfo input[type="radio"]:checked + label::before {
    border-color: #5bc0de;
}
#bookpal .radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
    box-sizing: border-box;
}
#bookpal .checkbox label,
#bookpal .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
#bookpal .radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
#bookpal .radioInfo input[type="radio"]:checked + label::after {
    background-color: #5bc0de;
}
#bookpal .radio input[type="radio"]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
#bookpal .radioiInfo input[type="radio"] + label::after {
    background-color: #5bc0de;
}
#bookpal .radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
#bookpal :after,
#bookpal :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#bookpal .noPadding {
    padding: 0 !important;
}
#bookpal select.inputSm {
    height: 30px;
    line-height: 30px;
}
#bookpal .formControl,
#bookpal .singleLine {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    font-size: 14px;
}
#bookpal .formControl:focus,
#bookpal .singleLine:focus {
    border-color: #b5b5b5 !important;
}
#bookpal .textLeft {
    text-align: left;
}
#bookpal .textRight {
    text-align: right;
}
#bookpal .textCenter {
    text-align: center;
}
#bookpal .goodsNmInputWrap label {
    font-size: 0 !important;
}
#bookpal .chosenContainer,
#bookpal .goodsNmInputWrap input {
    width: 537px !important;
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    font-size: 13px !important;
    zoom: 1 !important;
    height: 30px !important;
} 
#bookpal input.chosenContainer:focus,
#bookpal .goodsNmInputWrap input:focus {
    border: 1px solid #5897fb !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) !important;
}
#bookpal .inputGroup .formControl:first-child,
#bookpal .inputGroupAddon:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#bookpal .inputGroupAddon:last-child {
    border-left: 0;
}
#bookpal .inputGroup .formControl,
#bookpal .inputGroupAddon,
#bookpal .inputGroupBtn {
    display: table-cell;
}
#bookpal .inputGroup .formControl {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
#bookpal .inputGroupAddon {
    background-color: #fff;
    border: 1px solid #E5E6E7;
    border-radius: 1px;
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 12px;
    text-align: center;
}
#bookpal .inputGroupAddon,
#bookpal .inputGroupBtn {
    width: 2%;
    white-space: nowrap;
    vertical-align: middle;
}
#bookpal .pullLeft {
    float: left !important;
}
#bookpal .pullRight {
    float: right !important;
}
#bookpal .input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}
#bookpal .inputGroup {
    position: relative;
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
}
#bookpal .tableBordered {
    border: 1px solid #EBEBEB;
}
#bookpal .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
#bookpal #dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
}
#bookpal table {
    background: #fff;
}
#bookpal .grayBg {
    background-color: #f3f3f4;
}
#bookpal .table>thead>tr>th,
#bookpal .table>tbody>tr>th,
#bookpal .table>tfoot>tr>th,
#bookpal .table>thead>tr>td,
#bookpal .table>tbody>tr>td,
#bookpal .table>tfoot>tr>td {
    border-top: 1px solid #e7eaec;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
    font-family: "Apple SD Gothic Neo", Helvetica, arial, "留묒� 怨좊뵓", "Malgun Gothic", "�섎닎怨좊뵓", "Nanum Gothic", "�뗭�", Dotum, Tahoma, Geneva, sans-serif !important;
}
#bookpal .tableBordered>thead>tr>th,
#bookpal .tableBordered>tbody>tr>th,
#bookpal .tableBordered>tfoot>tr>th,
#bookpal .tableBordered>thead>tr>td,
#bookpal .tableBordered>tbody>tr>td,
#bookpal .tableBordered>tfoot>tr>td {
    border: 1px solid #e7e7e7;
    font-family: "Apple SD Gothic Neo", Helvetica, arial, "留묒� 怨좊뵓", "Malgun Gothic", "�섎닎怨좊뵓", "Nanum Gothic", "�뗭�", Dotum, Tahoma, Geneva, sans-serif !important;
}
#bookpal .tableBordered>thead>tr>th,
#bookpal .tableBordered>thead>tr>td {
    background-color: #F5F5F6;
    /* border-bottom-width: 1px; */
}

#bookpal .active {
    color: #676a6c !important;
}
.daterangepicker .active {
    color: #fff !important;
}
.daterangepicker .drp-buttons .btn-default {
    width: auto !important;
}
#bookpal .fontBold {
    font-weight: 600;
}
#bookpal .textDanger {
    color: #ed5565;
}
#bookpal .excelBtnWrap .buttons-excel {
    color: #2288CD !important;
    border-color: #2288CD !important;
    background-color: transparent !important;
    transition: all .5s;
    float: right !important;

    border-radius: 3px;
    z-index: 101;
    position: relative;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: "Apple SD Gothic Neo", Helvetica, arial, "留묒� 怨좊뵓", "Malgun Gothic", "�섎닎怨좊뵓", "Nanum Gothic", "�뗭�", Dotum, Tahoma, Geneva, sans-serif !important;
}
#bookpal .excelBtnWrap .buttons-excel:hover,
#bookpal .excelBtnWrap .buttons-excel:focus,
#bookpal .excelBtnWrap .buttons-excel:active,
#bookpal .excelBtnWrap .buttons-excel.active {
    background-color: #157DC3 !important;
    border-color: #157DC3 !important;
    color: #FFFFFF !important;
}
#bookpal .btnSuccess.btnOutline {
    color: #2288CD;
}
#bookpal .btnOutline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}
#bookpal .btnSuccess {
    /* background-color: #2288CD; */
    border-color: #2288CD;
    color: #FFFFFF;
}
#bookpal .btnSuccess:hover,
#bookpal .btnSuccess:focus,
#bookpal .btnSuccess:active,
#bookpal .btnSuccess.active {
    background-color: #157DC3;
    border-color: #157DC3;
    color: #FFFFFF;
}
#bookpal #footer {
    width: 100%;
    min-height: 140px;
    border-top: 1px solid #eaeaea;
    overflow: hidden;
    background: none;
}
#bookpal #footer .cont1,
#bookpal #footer .cont2 {
    float: left;
    height: 140px;
    padding: 12px 0px;
}
#bookpal #footer .cont1 {
    width: 550px;
}
#bookpal #footer .ltLinks {
    margin-bottom: 40px;
    padding-left: 0;
}
#bookpal #footer .ltLinks li {
    float: left;
}
#bookpal #footer .ltLinks li:after {
    content: '|';
    margin: 0 6px;
}
#bookpal #footer .ltLinks li:last-child:after {
    display: none;
}
#bookpal #footer .ltLinks li a {
    font-size: 11px;
    color: #5a5959;
}
#bookpal #footer .infoCorp {
    width: 100%;
    height: 35px;
}
#bookpal #footer .infoCorp p,
#bookpal #footer .txtHelp {
    font-size: 11px;
    color: #9e9e9e;
    font-family: '�뗭�', Dotum !important;
    letter-spacing: -0.5px;
    line-height: 17px;
}
#bookpal #footer .ftCi {
    width: 138px;
    height: 24px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}
#bookpal #footer .linkMail {
    color: #337ab7;
}
#bookpal .dataTables_info {
    display: none !important;
}
#bookpal #dataTable_paginate {
    display: flex;
    align-items: center;
    justify-content: center;
}
#bookpal div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#bookpal div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: #c61215 !important;
}

/* �≪냼�� tocsoda */
#tocsoda {
    position: relative;
    z-index: auto;
    padding-top: 41px;
    font-size: 12px;
    font-weight: normal;
}
#tocsoda * {
    box-sizing: border-box;
}
#tocsoda h1,
#tocsoda h2,
#tocsoda h3,
#tocsoda h4,
#tocsoda h5,
#tocsoda h6 {
    font-size: 100%;
}
#tocsoda input,
#tocsoda th,
#tocsoda td,
#tocsoda textarea,
#tocsoda select {
    font-size: 12px;
    color: #212121;
    font-family: "Nanum Gothic",Dotum,arial,sans-serif;
    -webkit-text-size-adjust: none;
}
#tocsoda #CpHeaderContainer {
    /* position: absolute; */
    left: 0;
    right: 0;
    top: 0;
    z-index: 300;
}
#tocsoda #CpHeaderContainer .globalInner {
    background-color: #ff442c;
}
#tocsoda #CpHeaderContainer .globalInner .inner {
    background-color: #ff442c;
    width: 1000px;
    margin: 0 auto;
    height: 36px;
    position: relative;
}
#tocsoda #CpHeaderContainer .globalInner h1 {
    padding: 4px 0 0 1px;
}
#tocsoda #CpHeaderContainer .globalInner .userWrap {
    position: absolute;
    right: 0;
    top: 7px;
    font-size: 0;
}
#tocsoda #CpHeaderContainer .globalInner .userWrap li {
    padding: 0 15px 0 16px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    color: #fff;
}
#tocsoda #CpHeaderContainer .globalInner .userWrap li:after {
    content: "";
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -5px;
    width: 1px;
    height: 11px;
    background-color: #e03c27;
}
#tocsoda #CpHeaderContainer .globalInner .userWrap li:first-child:after {
    display: none;
}
#tocsoda a {
    color: #212121;
}
#tocsoda a:link,
#tocsoda a:visited {
    color: #212121;
    text-decoration: none;
}
#tocsoda a:hover {
    cursor: pointer;
    text-decoration:underline;
}
#tocsoda #CpHeaderContainer .globalInner .userWrap a {
    color: #fff;
}
#tocsoda #CpHeaderContainer .globalInner .userWrap .login .usrName {
    margin-right: 6px;
    color: #ffb9b0;
}
#tocsoda #CpHeaderContainer .globalInner .userWrap .login .usrName strong {
    margin-right: 2px;
}
#tocsoda #CpHeaderContainer .globalInner .userWrap .login a {
    color: #fff;
    display: inline-block;
    border: 1px solid #ffa296;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 3px;
}
#tocsoda #CpHeaderContainer .gnbWrap {
    background-color: #fafafa;
    border-bottom: 1px solid #d3d3d3;
    display: block;
}
#tocsoda #CpHeaderContainer .gnbWrap .inner {
    background-color: #fafafa;
    width: 1000px;
    margin: 0 auto -1px;
    height: 95px;
    border-bottom: 1px solid #d3d3d3;
}
#tocsoda #CpHeaderContainer .gnbWrap .inner > ul {
    height: 100%;
    position: relative;
    z-index: 10;
    font-size: 0;
    text-align: center;
}
#tocsoda #CpHeaderContainer .gnbWrap .m1 {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    font-size: 12px;
    text-align: left;
    margin-top: 0 !important;
}
#tocsoda #CpHeaderContainer .gnbWrap .m1:first-child > a {
    width: 165px;
    border-left: 1px solid #ededed;
}
#tocsoda #CpHeaderContainer .gnbWrap .m1 > a {
    box-sizing: border-box;
    display: block;
    width: 167px;
    height: 95px;
    padding-top: 15px;
    text-align: center;
    border-right: 1px solid #ededed;
}
#tocsoda #CpHeaderContainer .gnbWrap .m1 > a span {
    display: inline-block;
    padding-top: 66px;
    height: 0;
    overflow: hidden;
}
#tocsoda #CpHeaderContainer .gnbWrap .m1.item01 > a span {width:46px; background:url("/img/front/memberCenter/bookpalGnb01.png") 0 0 no-repeat;}
#tocsoda #CpHeaderContainer .gnbWrap .m1.item02 > a span {width:93px; background:url("/img/front/memberCenter/bookpalGnb02.png") 0 0 no-repeat;}
#tocsoda #CpHeaderContainer .gnbWrap .m1.item03 > a span {width:58px; background:url("/img/front/memberCenter/bookpalGnb03.png") 0 0 no-repeat;}
#tocsoda #CpHeaderContainer .gnbWrap .m1.item04 > a span {width:105px; background:url("/img/front/memberCenter/bookpalGnb04.png") 0 0 no-repeat;}
#tocsoda #CpHeaderContainer .gnbWrap .m1.item06 > a span {width:45px; background:url("/img/front/memberCenter/bookpalGnb06.png") 0 0 no-repeat;}
#tocsoda #CpHeaderContainer .gnbWrap .m1 > a.on span {
    background-position: 0 -66px;
}
#tocsoda #CpHeaderContainer .gnbWrap .m1 > a.on,
#tocsoda #CpHeaderContainer .gnbWrap .m1 > a:hover {
    border-bottom: 2px solid #ff442c;
}
#tocsoda label {
    font-weight: normal;
}
#tocsoda #CpBodyContainer {
    min-width: 1000px;
    min-height: 100%;
    box-sizing: border-box;
    padding: 0 0 39px;
}
#tocsoda #CpBodyContainer > section {
    padding: 40px 0 100px;
    margin: 0 auto;
}
#tocsoda #CpBodyContainer > section.CpSection {
    width: 1000px;
}
#tocsoda .CpSection .mainTitle {
    position: relative;
    padding-bottom: 14px;
    border-bottom: 1px solid #d3d5db;
    margin-bottom: 35px;
}
#tocsoda .CpSection .mainTitle .tit {
    font-size: 24px;
    color: #383d46;
    font-weight: bold;
}
#tocsoda .locationWrap {
    position: absolute;
    right: 0;
    top: 12px;
    color: #75767b;
}
#tocsoda .locationWrap a {
    color: #75767b;
}
#tocsoda .locationWrap strong {
    color: #ff442c;
}
#tocsoda .CpSection .searchFormWrap {
    clear: both;
    border-top: 1px solid #302e2c;
    border-right: 1px solid #e6e5e2;
    border-left: 1px solid #e6e5e2;
    border-bottom: 1px solid #e6e5e2;
    position: relative;
    margin-bottom: 8px;
}
#tocsoda .CpSection .searchFormWrap table {
    width: 100%;
    background-color: #fff;
}
#tocsoda .CpSection .searchFormWrap th {
    background: url(/img/front/memberCenter/tocsodaBgDot01.gif) 0 0 repeat-x;
    overflow: hidden;
}
#tocsoda .CpSection .searchFormWrap td {
    background: url(/img/front/memberCenter/tocsodaBgDot01.gif) 0 0 repeat-x;
    /* overflow: hidden; */
    padding: 6px 0;
}
#tocsoda .CpSection .searchFormWrap tr:first-child td,
#tocsoda .CpSection .searchFormWrap tr:first-child th {
    background: none !important;
}
#tocsoda .CpSection .searchFormWrap .tit {
    text-align: left;
    background: url(/img/front/memberCenter/tocsodaBulBox01.gif) 17px center no-repeat;
    padding: 13px 0 13px 24px;
    line-height: 1.4;
}
#tocsoda .CpSection .searchFormWrap input {
    vertical-align: middle;
}
#tocsoda .CpSection .entryCalendar {
    display: inline-block;
    zoom: 1;
    border: 1px solid #dcdcdc;
    padding: 0 0 0 5px;
    height: 24px;
    background: #fff;
    vertical-align: middle;
}
#tocsoda .CpSection .entryCalendar input {
    vertical-align: middle;
    padding-top: 4px;
    height: 16px;
    border: none;
}
#tocsoda .CpSection .entyCalendar {
    display: inline-block;
    zoom: 1;
    border: 1px solid #dcdcdc;
    padding: 0 0 0 5px;
    height: 26px;
    background: #fff;
    vertical-align: middle;
    position: relative;
}
#tocsoda .CpSection .entyCalendar input {
    vertical-align: middle;
    height: 24px;
    border: none;
    box-sizing: border-box;
}
#tocsoda input[type="text"]:focus,
#tocsoda input[type="date"]:focus,
#tocsoda input[type="search"]:focus,
#tocsoda select:focus {
    outline: 2px solid #000;
    border-radius: 2px;
}
#tocsoda .CpSection .selectBox {
    height: 26px;
    line-height: 26px;
    border-color: #dcdcdc;
    vertical-align: middle;
}
#tocsoda .goodsNmInputWrap label {
    font-size: 0 !important;
}
#tocsoda .CpSection .txtEntry01,
#tocsoda .goodsNmInputWrap input {
    display: inline-block !important;
    zoom: 1 !important;
    border: 1px solid #dcdcdc !important;
    padding: 0 4px !important;
    height: 24px !important;
    background: #fff !important;
    vertical-align: middle !important;
    width: 320px !important;
}
#tocsoda .CpSection .btnAlignWrap01 {
    clear: both;
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}
#tocsoda .CpSection .btnType01,
#tocsoda .excelBtnWrap button {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-left: 10px;
    background: #fff url(/img/front/memberCenter/tocsodaBgBtn01.png) 0 0 no-repeat;
}
#tocsoda .CpSection .btnType01:hover {
    text-decoration: none;
}
#tocsoda .CpSection .btnType01.b01 .bIn,
#tocsoda .excelBtnWrap button span {
    color: #75767b !important;
}
#tocsoda .CpSection .btnType01 img,
#tocsoda .excelBtnWrap button img {
    position: relative !important;
    top: -1px !important;
}
#tocsoda .CpSection .btnType01 .bIn,
#tocsoda .excelBtnWrap button span {
    display: block !important;
    height: 25px !important;
    line-height: 25px !important;
    padding-right: 10px !important;
    background: #fff url(/img/front/memberCenter/tocsodaBgBtn01.png) right 0 no-repeat !important;
    z-index: 1 !important;
}
#tocsoda .CpSection .btnType02 {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-left: 10px;
    background: #fff url(/img/front/memberCenter/tocsodaBgBtn02.png) 0 0 no-repeat;
}
#tocsoda .CpSection .btnType02.b01 .bIn {
    color: #fff;
    font-weight: bold;
}
#tocsoda .CpSection .btnType02 .bIn {
    display: block;
    height: 30px;
    line-height: 30px;
    padding-right: 10px;
    min-width: 45px;
    background: #fff url(/img/front/memberCenter/tocsodaBgBtn02.png) right 0 no-repeat;
}
#tocsoda .CpSection .theadWrap {
    clear: both;
    text-align: center;
    position: relative;
    overflow: hidden;
    zoom: 1;
    padding-bottom: 10px;
}
#tocsoda .CpSection .theadWrap:after,
#tocsoda .CpSection .tfootWrap:after {
    content: "";
    display: block;
    clear: both;
}
#tocsoda .CpSection .theadWrap .ltr {
    float: left;
}
#tocsoda .CpSection .theadWrap .rtl {
    float: right;
}
#tocsoda .CpSection .titType01 {
    font-size: 16px;
    color: #212121;
    font-weight: bold;
    line-height: 1.8;
    display: inline-block;
    vertical-align: middle;
}
#tocsoda .CpSection .titType01 .imp {
    color: #ec4e31;
}
#tocsoda .CpSection .theadWrap .excelBtnWrap {
    float: right;
}
#tocsoda .CpSection .theadWrap .excelBtnWrap button {
    
}
#tocsoda .CpSection .tableListType01 {
    border-top: 2px solid #ff442c;
    overflow-x: auto;
    position: relative;
    margin-bottom: 15px;
}
#tocsoda .CpSection .tableListType01 table {
    width: 100%;
    table-layout: fixed;
    border-bottom: 2px solid #d3d5db;
}
#tocsoda .CpSection .tableListType01 thead tr th:first-child,
#tocsoda .CpSection .tableListType01 thead tr td:first-child {
    border-left: 0;
}
#tocsoda .CpSection .tableListType01 thead th {
    background-color: #f7f8f8;
    padding: 12px 0;
    line-height: 1.4;
    color: #75767b;
    border-left: 1px solid #d3d5db;
    border-bottom: 1px solid #d3d5db;
    font-size: 11px;
}
#tocsoda .CpSection .tableListType01 tbody td {
    border-left: 1px solid #d3d5db;
    border-bottom: 1px solid #d3d5db;
    text-align: center;
    background-color: #fff;
    line-height: 1.4;
    padding: 6px 0;
    font-size: 11px;
}
#tocsoda .CpSection .tableListType01 .tal {
    text-align: left !important;
    padding: 0 10px;
    display: inline-block;
    width: 100%;
}
#tocsoda .CpSection .tableListType01 tr.sum th,
#tocsoda .CpSection .tableListType01 tr.sum td {
    background-color: #fff5e3;
}
#tocsoda .CpSection .tableListType01 tr th:first-child,
#tocsoda .CpSection .tableListType01 tr td:first-child {
    border-left: 0;
}
#tocsoda .CpSection .tableListType01 tr.sum td:nth-child(n+2):nth-child(-n+13){
    border-right: 0;
    border-left: 0;
}
#tocsoda #CpFooterContainer {
    /* margin-top: -109px; */
    height: 108px;
    border-top: 1px solid #e3e3e3;
    overflow: hidden;
    background-color: #f5f5f5;
}
#tocsoda #CpFooterContainer .footerInner {
    width: 1000px;
    margin: -1px auto 0;
    height: 100%;
    border-top: 1px solid #e3e3e3;
    text-align: center;
}
#tocsoda #CpFooterContainer .about {
    font-size: 0;
    padding-top: 30px;
}
#tocsoda #CpFooterContainer .about a {
    display: block;
    font-size: 12px;
    color: #666;
    padding: 0 10px;
    font-weight: bold;
}
#tocsoda #CpFooterContainer .about li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1px;
    position: relative;
    font-size: 0;
}
#tocsoda #CpFooterContainer .about li:first-child {
    background: none;
    margin-left: 0;
}
#tocsoda #CpFooterContainer .about li:after {
    content: "";
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -5px;
    width: 1px;
    height: 10px;
    background-color: #adadad;
}
#tocsoda #CpFooterContainer .about li:first-child:after {
    display: none;
}
#tocsoda #CpFooterContainer .cp {
    color: #7a7a7a;
    font-size: 11px;
    padding-top: 20px;
}
#tocsoda table.dataTable {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
}
#tocsoda .dataTables_info {
    display: none !important;
}
#tocsoda .dataTables_paginate {
    width: 1000px !important;
} 
#tocsoda .dataTables_paginate .pagination {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#tocsoda div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center !important;
}
#tocsoda div.dataTables_paginate {
    margin-top: 10px;
    display: flex !important;
    justify-content: center !important;
}
#tocsoda div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#tocsoda div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: #ff6956 !important;
}
#tocsoda div.dataTables_paginate .pagination a {
    color: #75767b !important;
    font-size: 13px;
}
#tocsoda div.dataTables_paginate .pagination a:hover,
#tocsoda div.dataTables_paginate .pagination a:focus,
#tocsoda div.dataTables_paginate .pagination a:active,
#tocsoda div.dataTables_paginate .pagination .active a:hover, 
#tocsoda div.dataTables_paginate .pagination .active a:focus {
    text-decoration: none !important;
}
#tocsoda input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    color: transparent;
    cursor: pointer;
    z-index: 1;
}
#tocsoda input[type="date"]::-webkit-clear-button,
#tocsoda input[type="date"]::-webkit-inner-spin-button { 
    display: none;
} 
#tocsoda input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    z-index: 1;
}
#tocsoda .entyCalendarStart input:after,
#tocsoda .entyCalendarEnd input:after {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #dcdcdc;
    content: '';
    width: 24px;
    height: 24px;
    background: url(/img/front/memberCenter/tocsodaBtnCalendar01.gif) center center / contain;
}

/* �쇱슦由� piuri */
#piuri {
    padding-top: 61px;
    width: 1300px;
    min-width: 1000px;
    text-align: center;
    clear: both;
    margin: 0 auto;
    box-sizing: border-box !important;
}
#piuri b {
    font-weight: bold !important;
}
#piuri tr {
    text-align: left !important;
}
#piuri div,
#piuri span,
#piuri th,
#piuri td,
#piuri h1,
#piuri h2,
#piuri h3,
#piuri h4,
#piuri h5,
#piuri h6,
#piuri p,
#piuri a,
#piuri b,
#piuri ul,
#piuri li,
#piuri form,
#piuri label,
#piuri button {
    font-family: '�뗭�',dotum, tahoma !important;
    font-size: 12px;
    color: #444;
    font-weight: inherit;
    font-style: inherit;
    outline: 0;
    padding: 0px;
    margin: 0px;
    /* border: 0 none; */
    line-height: 16px;
}
#piuri select,
#piuri input {
    font-family: '�뗭�',dotum, tahoma !important;
    vertical-align: unset !important;
}
#piuri a:link {
    color: #666;
    text-decoration: none;
}
#piuri a {
    font-family: verdana,'�뗭�',dotum !important;
    color: #666;
    text-decoration: none;
}
#piuri a:hover {
    text-decoration: underline;
    cursor: pointer;
}
#piuri .piuriTable {
    width: 100%;
    border-bottom: 5px #f15b3d solid;
    margin-top: 5px;
}
#piuri .piuriTable .headerLeft {
    width: 342.16px;
}
#piuri .piuriTable .headerLeft,
#piuri .piuriTable .headerRight {
    padding: 20px 0 20px 0;
}
#piuri .piuriTable .headerBtn {
    font-size: 18px;
    font-weight: bold;
    margin-right: 20px;
}
#piuri .piuriTable .logoutBtnWrap {
    border: 1px #e9e9e9 solid;
    background-color: #f6f6f6;
    padding: 5px 10px 3px 10px;
    text-align: center;
    width: 225.86px;
    box-sizing: border-box;
}
#piuri .piuriTable .logoutBtnWrap a {
    font-weight: bold;
}
#piuri .piuriTit {
    clear: both;
    width: 100%;
    margin-top: 20px;
}
#piuri .piuriTit .mainTitle {
    font-size: 24px;
    color: #94795d;
    font-weight: bold;
    letter-spacing: -2px;
    line-height: 30px;
    font-family: '�뗭�', dotum, tahoma !important;
    text-align: left;
}
#piuri #piuriForm .piuriFormInner {
    clear: both;
    width: 100%;
    margin-top: 20px;
}
#piuri .btnBox {
    border: 1px #ccc solid;
    background-color: #f3f3f3;
    padding: 5px 10px;
    width: 80px;
}
#piuri select#selectYear {
    height:23px; 
    width:80px;
}
#piuri select#selectMonth {
    height:23px; 
    width:50px;
}
#piuri select#selectSite {
    height:23px;
    width:100px;
}
#piuri .searchInputWrap {
    width: 40%;
    text-align: left;
}
#piuri .excelBtnWrap {
    text-align: right;
    width: 164.06px;
}
#piuri .excelBtnWrap > button {
    display: table-cell !important;
    width: 102px !important;
    border: 1px #999 solid !important;
    padding: 5px 10px !important;
    text-align: center !important;
}
#piuri .excelBtnWrap > button > span {
    font-family: verdana,'�뗭�',dotum !important;
    color: #666;
    text-decoration: none;
}
#piuri .excelBtnWrap > button:hover > span {
    text-decoration: underline;
}
#piuri .totalInfoWrap {
    clear: both;
    width: 100%;
    margin-top: 20px;
    padding: 9px 10px;
    border: 1px #ccc solid;
    display: block;
}
#piuri .calctitle,
#piuri .calctitle2 {
    color: #94795d;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 22px;
    font-family: '�뗭�',dotum,tahoma !important;
}
#piuri .calctitle {
    font-size: 16px;
}
#piuri .calctitle2 {
    font-size: 20px;
}
#piuri .salesDtlsTit {
    clear: both;
    width: 100%;
    margin-top: 20px;
}
#piuri #dataTable {
    width: 100% !important;
    margin-top: 20px !important;
    border-top: 2px #999 solid;
}
#piuri #dataTable .tdu1,
#piuri #dataTable td {
    padding: 10px;
    border-bottom: 1px #ccc solid;
    text-align: center;
}
#piuri #dataTable .tdu2 {
    padding: 10px;
    border-bottom: 2px #ccc solid;
    background-color: #f3f3f3;
    text-align: center;
    font-size: 14px;
}
#piuri .footer {
    width: 100%;
    margin-top: 50px;
    padding: 20px;
    background-color: #fff;
}
#piuri .small {
    font-size: 11px;
    color: #666;
    font-family: '�뗭�',dotum !important;
    line-height: 14px;
    letter-spacing: -1px;
}
#piuri .sepm {
    color: #ccc;
    letter-spacing: normal;
    padding: 0 5px;
}
#piuri .dtSearchInputWrap {
    display: inline-block;
}
#piuri .dtSearchInputWrap .dataTables_filter label {
    font-size: 0 !important;
    display: inline-flex;
}
#piuri .dtSearchInputWrap .dataTables_filter input {
    width: 272px;
    height: 35px;
    padding: 5px 10px;
    border: 1px #ccc solid;
}
#piuri .dataTables_info {
    display: none !important;
}
#piuri div.dataTables_paginate {
    margin-top: 10px;
    display: flex !important;
    justify-content: center !important;
}
#piuri div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#piuri div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: rgb(220, 20, 60) !important;
    font-weight: bold !important;
}

/* 援먮낫臾멸퀬 : kyobo */
#kyobo {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;
    font-size: 14px;
    color: #333;
}
#kyobo * {
    box-sizing: border-box;
}
#kyobo header,
#kyobo section,
#kyobo footer,
#kyobo div,
#kyobo p {
    margin: 0;
    padding: 0;
}
#kyobo h1,
#kyobo h2,
#kyobo h3,
#kyobo h4,
#kyobo h5,
#kyobo h6 {
    margin: 0;
    padding: 0;
    font-size: 100%;
    line-height: 100%;
}
#kyobo h1,
#kyobo h2,
#kyobo h3,
#kyobo h4,
#kyobo h5,
#kyobo h6,
#kyobo a,
#kyobo p,
#kyobo span,
#kyobo strong,
#kyobo ul,
#kyobo li,
#kyobo button,
#kyobo em,
#kyobo b,
#kyobo div,
#kyobo input,
#kyobo textarea,
#kyobo td,
#kyobo th,
#kyobo select,
#kyobo label {
    font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;
}
#kyobo a {
    color: #333;
    text-decoration: none;
}
#kyobo a:hover {
    cursor: pointer;
}
#kyobo a:hover,
#kyobo a:focus {
    color: #23527c;
    text-decoration: underline;
}
#kyobo a:active,
#kyobo a:hover {
    outline: 0;
}
#kyobo #kyoboWrap {
    display: flex;
    flex-direction: column;
    min-width: 1440px;
    height: 100%;
}
#kyobo header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    background-color: #5055b1;
    margin-top: 41px;
}
#kyobo header .inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    white-space: nowrap;
}
#kyobo header .logoWhite {
    flex: 0;
    position: relative;
}
#kyobo header .logoWhite img {
    height: 40px;
    vertical-align: middle;
}
#kyobo header ul.menuDiv {
    flex-shrink: 0;
    position: relative;
    display: flex;
    z-index: 2;
}
#kyobo header ul.menuDiv li {
    position: relative;
    padding: 0 30px;
    height: 100%;
}
#kyobo header ul.menuDiv li > a {
    position: relative;
    display: block;
    height: 100%;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    line-height: 60px;
}
#kyobo header ul.menuDiv li > a:after {
    position: absolute;
    display: block;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 4px;
    background-color: #4dac27;
    transform: translateX(-50%);
    transition: all 0.15s linear;
    content: "";
}
#kyobo header ul.menuDiv li:hover > a:after {
    width: 100%;
    content: "";
}
#kyobo header ul.menuDiv li > div.depth2 {
    display: flex;
    position: absolute;
    left: 30px;
    top: 60px;
    height: 0;
    overflow: hidden;
    z-index: 2;
}
#kyobo header ul.menuDiv li > div.depth2 a {
    margin-right: 40px;
    font-weight: 500;
    font-size: 14px;
    color: #767676;
    line-height: 45px;
}
#kyobo header .kyoboInfo {
    flex: 0;
    position: relative;
    margin-left: auto;
}
#kyobo header .kyoboInfo > span {
    display: inline-block;
    padding-left: 32px;
    font-weight: 500;
    font-size: 13px;
    color: rgba(255, 255, 255, .8);
    line-height: 24px;
    background: url(/img/front/memberCenter/kyoboProfileCircle.png) no-repeat left center;
    cursor: pointer;
}
#kyobo header .kyoboInfo .kyoboLoginUserDtInfo {
    display: none;
}
#kyobo header .kyoboInfo .kyoboLoginUserDtInfo.on {
    display: block;
    position: absolute;
    left: -14px;
    top: 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px;
    width: 130px;
    height: auto;
    border-radius: 20px;
    box-sizing: border-box;
    border: solid 1px #eaeaea;
    background-color: #fff;
    opacity: 1;
    transition: all .3s ease;
    z-index: 5;
}
#kyobo header .kyoboInfo .kyoboLoginUserDtInfo:before {
    position: absolute;
    left: 20px;
    top: -9px;
    width: 11px;
    height: 9px;
    background: url(/img/front/memberCenter/kyoboIconInfoArrow.png);
    content: "";
}
#kyobo header .kyoboInfo .kyoboLoginUserDtInfo .kyoboAcesDateTit {
    font-size: 13px;
    color: rgba(89, 89, 89, .8);
    font-weight: 300;
}
#kyobo header .kyoboInfo .kyoboLoginUserDtInfo .kyoboAcesDateInfo {
    margin: 2px 0 10px;
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    color: rgba(89, 89, 89, .8);
}
#kyobo header .kyoboInfo .kyoboLoginUserDtInfo .kyoboLogoutBtn {
    margin: 2px 0 10px;
    width: 100%;
    font-weight: 500;
    font-size: 12px;
    color: rgba(89, 89, 89, .8);
    text-decoration: none;
}
#kyobo header .kyoboInfo .kyoboLoginUserDtInfo a {
    font-weight: 500;
    font-size: 12px;
    color: rgba(80, 85, 177, .8);
    text-decoration: underline;
}
#kyobo header .kyoboInfo .kyoboLoginUserDtInfo .kyoboClose {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    text-indent: -1000px;
    background: url(/img/front/memberCenter/kyoboBtnInfoClose.png) no-repeat center;
    overflow: hidden;
    opacity: .2;
}
#kyobo header .kyoboInfo .kyoboLoginUserDtInfo .kyoboClose:hover {
    opacity: .5;
}
#kyobo section {
    position: relative;
    padding: 60px 0 150px;
    width: 100%;
    box-sizing: border-box;
    background-color: #f7f7f7;
}
#kyobo section .pageTab {
    margin: 0 auto;
    width: 90%;
    box-sizing: border-box;
}
#kyobo section .pageTab ul {
    display: flex;
}
#kyobo section .pageTab li {
    position: relative;
    margin-left: -1px;
    height: 50px;
    border-radius: 20px 20px 0 0;
    border: 1px solid #eaeaea;
    border-bottom: 0;
    box-sizing: border-box;
    background-color: #fff;
    overflow: hidden;
}
#kyobo section .pageTab ul li.home {
    margin-left: 0;
    width: 60px;
}
#kyobo section .pageTab li a {
    display: block;
    padding: 0 40px 0 24px;
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #666;
    line-height: 50px;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #ddd;
}
#kyobo section .pageTab ul li.home a {
    display: block;
    padding: 0;
    text-indent: -1000px;
    background: #ddd url(/img/front/memberCenter/kyoboIconHome.png) no-repeat center;
}
#kyobo section .pageTab li.active a {
    background: transparent;
    color: #5055b1;
    font-weight: bold;
}
#kyobo section .pageTab li button {
    position: absolute;
    right: 10px;
    top: 12px;
    width: 24px;
    height: 24px;
    background: url(/img/front/memberCenter/kyoboBtnTabDelOff.png);
    text-indent: -1000px;
    overflow: hidden;
}
#kyobo section .pageTab li.active button {
    border-radius: 0;
    width: 24px;
    height: 24px;
    top: 12px;
    background-image: url(/img/front/memberCenter/kyoboBtnTabDelOn.png);
}
#kyobo section .cont {
    margin: 0 auto;
    padding: 40px 30px;
    width: 90%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 20px;
    border-top-left-radius: 0;
    border: solid 1px #eaeaea;
    background-color: #fff;
}
#kyobo div.schWrap {
    margin-bottom: 70px;
}
#kyobo div.tbSch {
    padding: 15px 0;
    border-radius: 20px;
    background-color: #f7f7f7;
}
#kyobo div.tbSch table {
    width: 100%;
}
#kyobo div.tbSch table th {
    padding-left: 32px;
    color: #000;
    text-align: left;
}
#kyobo div.tbSch table td {
    padding: 8px 30px 8px 0;
    height: 38px;
}
#kyobo .dateStartEnd {
    font-size: 0;
    display: flex;
    align-items: center;
}
#kyobo div.tbSch table input[type=text],
#kyobo .dataTables_filter label input,
#kyobo div.tbSch table input[type=date],
#kyobo div.tbSch table input[type=month],
#kyobo div.tbSch table select,
#kyobo table.tbIpt input[type=text], 
#kyobo table.tbIpt select {
    padding: 0 14px;
    min-width: 150px;
    height: 38px;
    border-radius: 6px;
    border: solid 1px #d5d5d5;
    box-sizing: border-box;
}
#kyobo div.tbSch table input[type=text]:focus,
#kyobo .dataTables_filter label input:focus,
#kyobo div.tbSch table input[type=date]:focus,
#kyobo div.tbSch table input[type=month]:focus,
#kyobo div.tbSch table select:focus,
#kyobo table.tbIpt input[type=text]:focus, 
#kyobo table.tbIpt select:focus {
    outline: auto;
    outline-style: auto;
    outline-color: #000;
}
#kyobo .dateStartEnd input.date {
    width: calc( 50% - 21px ) !important;
    min-width: inherit !important;
    font-size: 14px;
}
#kyobo input.date {
    width: 155px !important;
    /* background: #fff url(../images/icon_date.png) no-repeat right 7px center; */
}
#kyobo input.date + em,
#kyobo select + em {
    display: inline-block;
    width: 42px;
    font-weight: 500;
    color: #000;
    text-align: center;
}
#kyobo .dateStartEnd em {
    font-size: 14px;
    height: 38px;
    line-height: 38px;
}
#kyobo div.tbSch table input[type=text]:only-child,
#kyobo div.tbSch table select:only-child,
#kyobo table.tbIpt input[type=text]:only-child,
#kyobo table.tbIpt select:only-child {
    width: 100%;
}
#kyobo select {
    padding: 0 36px 0 14px !important;
    border: solid 1px #d5d5d5;
    box-sizing: border-box;
    appearance: none;
    background: #fff url(/img/front/memberCenter/kyoboSelectboxArrowDef.png) no-repeat right 14px center;
}
#kyobo .newInputStyle {
    display: table;
    font-size: 0 !important;
}
#kyobo .newInputStyle * {
    font-size: 13px !important;
}
#kyobo .newInputStyle .firstObj {
    vertical-align: middle;
    padding-right: 5px;
    display: table-cell;
    width: 1%;
    white-space: nowrap;
}
#kyobo .newInputStyle .firstObj input {
    text-align: center;
}
#kyobo .newInputStyle .firstObj.size3 * {
    width: 130px !important;
    min-width: inherit !important;
}
#kyobo .formControl {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}
#kyobo .formControl:hover,
#kyobo .formControl:focus {
    
}
#kyobo button,
#kyobo input,
#kyobo select,
#kyobo textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
#kyobo input {
    line-height: normal;
}
#kyobo input:disabled {
    cursor: not-allowed;
}
#kyobo .newInputStyle .btnSearchs {
    vertical-align: middle;
    margin-right: 5px;
    display: table-cell;
    width: 1%;
}
#kyobo .newInputStyle .btnSearchs button {
    border: 0;
    width: 34px;
    height: 34px;
    line-height: 31px;
    color: #fff;
    display: block;
    font-size: 13px;
    border-radius: 3px;
    background: #acacac;
}
#kyobo div.tbSch table button,
#kyobo table.tbIpt button {
    padding: 0 14px;
    min-width: 50px;
    height: 38px;
    font-size: 12px;
    color: #000;
    border-radius: 6px;
    border: solid 1px #d5d5d5;
    background-color: #fff;
}
#kyobo .hiddenTxt {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 0;
}
#kyobo button {
    padding: 0;
    font-family: 'Roboto', 'Noto Sans KR', sans-serif !important;
    font-size: 14px;
    border: 0;
    color: #666;
    box-sizing: border-box;
    cursor: pointer;
    background: none;
}
#kyobo span.form {
    display: inline-block;
}
#kyobo .checkbox,
#kyobo .radio {
    margin: 5px 0 0 0px;
    position: relative;
    display: block;
}
#kyobo span.form label {
    color: #000;
    cursor: pointer;
    font-weight: 400;
    padding-left: 0px;
}
#kyobo .checkbox label,
#kyobo .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
#kyobo input[type="radio"]:disabled + label,
#kyobo select:disabled {
    cursor: not-allowed !important;
}
#kyobo label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
#kyobo span.form.radio input:checked + label:before {
    background-image: url(/img/front/memberCenter/kyoboRadioBtnChk.png);
}
#kyobo span.form.radio label:before {
    background-image: url(/img/front/memberCenter/kyoboRadioBtn.png);
}
#kyobo span.form label:before {
    display: inline-block;
    margin-right: 6px;
    width: 22px;
    height: 22px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    content: "";
}
#kyobo .checkbox input[type=checkbox], 
#kyobo .checkbox-inline input[type=checkbox],
#kyobo .radio input[type=radio],
#kyobo .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}
#kyobo span.form input {
    left: 0;
    top: 50%;
    width: 1px;
    height: 1px;
    z-index: -1;
}
#kyobo input:read-only {
    background-color: #f7f7f7;
}
#kyobo input[type=checkbox], 
#kyobo input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
#kyobo span.form + .form {
    margin-left: 24px;
}
#kyobo .checkbox+.checkbox, 
#kyobo .radio+.radio {
    margin-top: -5px;
}
#kyobo div.btnWrap {
    margin-top: 50px;
    font-size: 0;
    text-align: center;
}
#kyobo div.btnWrap .btnMd {
    padding: 0 23px;
    min-width: 140px;
    height: 44px;
    font-weight: 600;
    font-size: 15px;
}
#kyobo div.btnWrap .btnPrimary {
    color: #fff;
    border: 1px solid #5055b1;
    background-color: #5055b1;
}
#kyobo div.btnWrap .btnPrimary:hover {
    border-color: #2c307c;
    background-color: #2c307c;
}
#kyobo div.btnWrap .btnLightGray {
    color: #fff;
    border: 1px solid #767676;
    background-color: #767676;
}
#kyobo div.btnWrap .btnLightGray:hover {
    background-color: #595959;
}
#kyobo div.btnWrap button,
#kyobo div.btnWrap a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    letter-spacing: -.01em;
    box-sizing: border-box;
    transition: background-color .2s ease-out, border-color 0.2s ease-out;
}
#kyobo div.btnWrap [class^=btn] + [class^=btn] {
    margin-left: 6px;
}
#kyobo .txtC {
    text-align: center !important;
}
#kyobo .txtL {
    text-align: left !important;
}
#kyobo .txtR {
    text-align: right !important;
}
#kyobo thead th {
    background-color: #fff;
}
#kyobo div.tbHead {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
#kyobo div.tbHead h6 {
    margin-right: auto;
    font-weight: 600;
    font-size: 20px;
    color: #000;
}
#kyobo div.tbHead button {
    padding: 0 10px;
    height: 30px;
    font-weight: 500;
    font-size: 12px;
    color: #fff;
    vertical-align: top;
    border-radius: 4px;
    background-color: #767676;
}
#kyobo div.tbHead button.ex,
#kyobo .exBtn1 .buttons-excel > span {
    padding-left: 15px;
    background: #767676 url(/img/front/memberCenter/kyoboIconExDown.png) no-repeat left 0px center;
}
#kyobo table.tbl {
    width: 100% !important;
    border-top: 1px solid #000;
}
#kyobo table.tbl thead th {
    height: 48px;
    font-weight: 500;
    font-size: 14px;
    color: #767676;
    border-bottom: 1px solid #d5d5d5;
    text-align: center;
    padding-left: 0px;
}
#kyobo table.tbl tr:nth-child(odd) {
    background-color: #f9f9f9;
}
#kyobo table.tbl tbody td {
    word-break: break-all;
    height: 48px;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #d5d5d5;
    padding: 0 10px;
    line-height: 1.42857143;
    box-sizing: content-box;
}
#kyobo table.tbl tr:nth-child(even) td {
    background-color: #fff;
}
#kyobo footer {
    padding: 20px 0 50px;
    width: 100%;
    border-top: 1px solid #eaeaea;
}
#kyobo footer > ul {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 20px;
    width: 1200px;
}
#kyobo footer > ul li {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100px;
}
#kyobo footer > ul li strong {
    margin-bottom: auto;
    color: #000;
}
#kyobo footer > ul li span {
    line-height: 20px;
}
#kyobo footer .footer {
    border-top: 1px solid #eaeaea;
}
#kyobo footer .footer .ebookInfo {
    margin: 0 auto;
    padding: 30px 0;
    width: 1200px;
}
#kyobo footer .footer .ebookInfo a {
    display: inline-block;
    padding: 12px 20px 10px;
    font-weight: 600;
    color: #000;
    line-height: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
}
#kyobo footer .footer .ebookInfo a + a {
    margin-left: 20px;
}
#kyobo footer .copyright {
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: 1200px;
}
#kyobo footer .copyright strong {
    margin-right: 100px;
    padding: 23px 0 0 154px;
    color: #000;
    background: url(/img/front/memberCenter/kyoboFooterLogo.png) no-repeat left bottom;
}
#kyobo footer .copyright div {
    display: flex;
    flex-wrap: wrap;
    width: 550px;
}
#kyobo footer .copyright span {
    font-size: 13px;
    color: #595959;
}
#kyobo footer .copyright span.bar:before {
    display: inline-block;
    margin: 0 6px;
    width: 1px;
    height: 9px;
    background-color: #d5d5d5;
    content: "";
}
#kyobo footer .copyright .bold {
    font-weight: 600;
}
#kyobo footer .copyright p {
    margin-top: 10px;
    font-size: 12px;
    color: #767676;
}
#kyobo .dataTables_filter label {
    font-size: 0 !important;
    margin-bottom: 0 !important;
    width: 100%;
}
#kyobo .exBtn1 .buttons-excel > span {
    color: #fff !important;
    z-index: 1 !important;
}
#kyobo .dataTables_info {
    display: none !important;
}
#kyobo #dataTable_paginate {
    display: flex !important;
    justify-content: center !important;
}
#kyobo div.dataTables_paginate {
    margin-top: 10px;
    display: flex !important;
    justify-content: center !important;
}
#kyobo div.dataTables_paginate a {
    color: #808991 !important;
    font-weight: 500;
}
#kyobo div.dataTables_paginate a:hover {
    text-decoration: none !important;
}
#kyobo div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#kyobo div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: #5055b1 !important;
}

/* 誘몄뒪�곕툝猷� mrblue */
#mrblue {
    position: relative;
    min-height: 100%;
    padding-top: 41px;
    background: #eef5f9;
}
#mrblue * {
    font-family: 'Nanum Gothic', sans-serif !important;
    box-sizing: border-box !important;
    color: #607188;
}
#mrblue:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    display: block;
    width: inherit;
    background-color: #eef5f9;
    border: inherit;
    content: "";
}
#mrblue #topnavbarWrapper {
    background-color: #28bebd !important;
    color: #688696;
    height: 65px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: fixed;
    z-index: 85;
    width: 100%;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
#mrblue #topnavbarWrapper .mrNavbar {
    border: none;
    min-height: 65px;
    margin-bottom: 0;
}
@media (min-width:768px) {
    #mrblue .mrNavbar {
        border-radius: 4px;
    }
    #mrblue .mrNavbarNav {
        float: left;
        margin: 0;
    }
    #mrblue .mrNavbarNav>li {
        float: left;
    }
    #mrblue .mrNavbarNav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
#mrblue .mrNavbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
#mrblue .btnGroupVertical>.btnGroup:after, 
#mrblue .btnGroupVertical>.btnGroup:before, 
#mrblue .btnToolbar:after, 
#mrblue .btnToolbar:before, 
#mrblue .clearfix:after, 
#mrblue .clearfix:before, 
#mrblue .containerFluid:after, 
#mrblue .containerFluid:before, 
#mrblue .container:after, 
#mrblue .container:before, 
#mrblue .dlHorizontal dd:after, 
#mrblue .dlHorizontal dd:before, 
#mrblue .formHorizontal 
#mrblue .formGroup:after, 
#mrblue .formHorizontal 
#mrblue .formGroup:before, 
#mrblue .modalFooter:after, 
#mrblue .modalFooter:before, 
#mrblue .modalHeader:after, 
#mrblue .modalHeader:before, 
#mrblue .nav:after, 
#mrblue .nav:before, 
#mrblue .navbarCollapse:after, 
#mrblue .navbarCollapse:before, 
#mrblue .navbarHeader:after, 
#mrblue .navbarHeader:before, 
#mrblue .navbar:after, 
#mrblue .navbar:before, 
#mrblue .pager:after, 
#mrblue .pager:before, 
#mrblue .panelBody:after, 
#mrblue .panelBody:before, 
#mrblue .row:after, 
#mrblue .row:before {
    display: table;
    content: " ";
}
#mrblue *,
#mrblue :after,
#mrblue :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#mrblue *,
#mrblue :active,
#mrblue :focus {
    outline: none;
}
#mrblue #topnavbarWrapper .mrNavbarNav.leftMenu {
    padding-left: 200px!important;
}
#mrblue .mrNavbarNav {
    /* margin: 7.5px 15px; */
}
#mrblue .mrNav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
#mrblue ol,
#mrblue ul {
    margin-top: 0;
    margin-bottom: 10px;
}
#mrblue .titleCms {
    font-size: 22px;
    transform: rotate(0.04deg);
}
#mrblue .avatarMenu a,
#mrblue .titleCms {
    color: #fff;
}
#mrblue .dropDownMenu li {
    padding: 0 10px;
    display: block;
}
#mrblue .dropDownMenu li i {
    color: #fff !important;
}
#mrblue .dropDownMenu li a {
    color: #fff !important;
    padding: 12px 10px;
    display: inline-block;
}
#mrblue .dropDown.open .dropDownMenu {
    background-color: #28bebd!important;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    background: #fff;
}
#mrblue .dropDown.open .dropDownMenu {
    opacity: 1;
    visibility: visible;
    margin-top: 1px;
    background: #fff;
}
#mrblue .avatarMenu .dropDownMenu {
    width: 150px;
    position: absolute;
}
#mrblue .dropDown .dropDownMenu {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    background: #fff;
    display: block;
}
#mrblue .dropDownMenu.dropdownMenuRight {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    top: 64px;
    right: 0;
}
#mrblue .w150 {
    width: 150px;
}
#mrblue .dropDownMenu {
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 150px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0;
    border-radius: 2px;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
    box-shadow: 0 2px 5px rgba(0,0,0,.2);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    color: #a5b5cb;
}
#mrblue .dropDownMenu {
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
    box-shadow: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
}
#mrblue .btn.btnPrimary:active,
#mrblue .btn.btnPrimary:focus,
#mrblue .btn.btnPrimary:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(100,181,246,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(100,181,246,.2);
    box-shadow: 0 14px 26px -12px rgba(100,181,246,.42), 0 4px 23px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(100,181,246,.2);
}
#mrblue .excelBtnWrap button:active,
#mrblue .excelBtnWrap button:focus,
#mrblue .excelBtnWrap button:hover,
#mrblue .btn.btnDefault:active,
#mrblue .btn.btnDefault:focus,
#mrblue .btn.btnDefault:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(157,174,196,.14), 0 4px 23px 0 rgba(157,174,196,.2), 0 8px 10px -5px rgba(157,174,196,.12);
    box-shadow: 0 14px 26px -12px rgba(157,174,196,.14), 0 4px 23px 0 rgba(157,174,196,.2), 0 8px 10px -5px rgba(157,174,196,.12);
}
#mrblue .btnPrimary.active,
#mrblue .btnPrimary:active, 
#mrblue .btnPrimary:hover, 
#mrblue .open>.dropdownToggle.btnPrimary {
    color: #fff;
    /* background-color: #286090; */
    border-color: #204d74;
}
#mrblue .mrNavbarNav>li>a {
    position: relative;
    max-height: 65px;
    min-height: 65px;
    text-align: center;
    padding: 10px 15px 10px 20px;
    line-height: 3.4em;
    font-size: 14px;
    cursor: pointer;
    transform: rotate(0.04deg);
}
#mrblue .mrNav>li>a, 
#mrblue .mrNav>li {
    position: relative;
    display: block;
}
#mrblue .mrNav>li>a:hover,
#mrblue .mrNav>li>a:focus {
    text-decoration: none;
    background-color: transparent!important;
}
#mrblue .pullRight {
    float: right !important;
}
#mrblue .pullLeft {
    float: left !important;
}
#mrblue #appSidebarLeft {
    background-color: #222f3c;
    position: fixed;
    width: 200px;
    height: 100%;
    min-height: 100%;
    z-index: 88;
}
#mrblue article,
#mrblue aside,
#mrblue details,
#mrblue figcaption,
#mrblue figure,
#mrblue footer,
#mrblue header,
#mrblue hgroup,
#mrblue main,
#mrblue nav,
#mrblue section,
#mrblue summary,
#mrblue menu {
    display: block;
}
#mrblue #appSidebarLeft:before {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    width: inherit;
    background-color: inherit;
    border: inherit;
    content: "";
}
#mrblue #appSidebarLeft #logoWrapper {
    background-color: #1c2732;
}
#mrblue #logoWrapper {
    cursor: pointer;
    line-height: 65px;
    height: 65px;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
#mrblue .logoImg {
    float: left;
    margin-left: 32px;
}
#mrblue .logoText {
    display: inline-block;
    margin: 2px 0 0 4px;
    font-size: 20px;
    letter-spacing: .07em;
    font-weight: 300;
    color: #fff;
    transform: rotate(0.04deg);
}
#mrblue .sidebarInner {
    margin-bottom: 75px;
}
#mrblue #appMainMenuWrapper .navPills {
    padding: 5px 0 0;
}
#mrblue #appMainMenuWrapper {
    background-color: #222f3c;
    display: block;
    width: 200px;
    position: fixed;
    height: 100%;
    min-height: 100%;
    z-index: 10;
    -webkit-box-shadow: 5px 0 6px 0 rgba(0,0,0,.1);
    box-shadow: 5px 0 6px 0 rgba(0,0,0,.1);
    z-index: 95;
}
#mrblue .navStacked>li {
    float: none;
}
#mrblue .navPills>li {
    float: left;
    width: 100%;
    cursor: pointer;
}
#mrblue #appMainMenuWrapper .navPills>li>a {
    color: #91a6bb;
    position: relative;
    border-radius: 0!important;
    font-size: 15px;
    border-left: 3px solid transparent;
    padding: 10px 15px;
    width: 100%;
    transform: rotate(0.04deg);
    display: inline-block;
}
#mrblue #appMainMenuWrapper .navPills>li>a i {
    width: 22px;
    height: 20px;
    font-size: 18px;
    display: inline-block;
    position: relative;
}
#mrblue i,
#mrblue .fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important;
}
#mrblue .top-1 {
    top: 1px !important;
}
#mrblue .fontSize15 {
    font-size: 15px !important;
}
#mrblue #appMainMenuWrapper .navPills>li.active>a {
    color: #fff;
    border-left-color: #64b5f6;
    background: #1c2732;
}
#mrblue #contentOuterWrapper {
    padding-bottom: 0 !important;
    padding-left: 200px;
    min-height: 100%;
}
#mrblue #contentOuterWrapper #conentWrapper {
    padding-top: 65px;
    min-height: 100%;
    position: relative;
}
#mrblue .mrNavTabs {
    border: none;
    background: #eef5f9;
    list-style: none;
    padding: 0;
    white-space: nowrap;
    margin: 0;
    width: 100%;
    padding-top: 0;
    -webkit-box-shadow: inset 0 -2px 0 0 #e6edf1;
    box-shadow: inset 0 -2px 0 0 #e6edf1;
    border-bottom: 1px solid #ddd;
}
#mrblue .mrNavTabs2 {
    border: none;
    background: #fff;
    list-style: none;
    white-space: nowrap;
    margin: 0;
    width: 100%;
    -webkit-box-shadow: inset 0 -2px 0 0 #e6edf1;
    box-shadow: inset 0 -2px 0 0 #e6edf1;
    padding-left: 20px;
    height: 51.43px;
}
#mrblue .mrNavTabs>li {
    float: left;
    margin-bottom: -1px;
}
#mrblue .mrNavTabs>li>a>span {
    font-size: 15px;
    transform: rotate(0.04deg);
}
#mrblue .mrNavTabs>li.active>a {
    color: #516073;
    cursor: default;
    background-color: transparent;
    border-top: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
#mrblue .mrNavTabs.mrNavTabs2>li.active>a>span {
    color: #64b5f6!important;
}
#mrblue .mrNavTabs>li.active a:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
#mrblue .mrNavTabs li a:after {
    content: "";
    left: 0;
    height: 2px;
    position: absolute;
    width: 100%;
    bottom: 0;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
#mrblue .mrNavTabs li.active a.navHq:after,
#mrblue .mrNavTabs>li.active a:after {
    background: #64b5f6;
}
#mrblue .mrNavTabs li a {
    border: none;
    border-radius: 0;
    font-size: .8125em;
    padding: 15px;
}
#mrblue #contentOuterWrapper #conentWrapper #mrContent {
    padding: 15px 20px;
}
#mrblue .mrSearchFormTable {
    width: 100%;
    background: #fff;
}
#mrblue .mrSearchFormTable th,
#mrblue .mrSearchFormTable td {
    margin-bottom: 15px;
    border-bottom: thin solid #d7e4f4;
    border-right: thin solid #d7e4f4;
    font-size: 13px;
}
#mrblue .mrSearchFormTable th {
    text-align: left;
    padding-left: 30px;
    font-weight: 600;
    color: #607188;
    padding: 15px;
}
#mrblue .mrSearchFormTable th div {
    transform: rotate(0.04deg);
}
#mrblue .mrSearchFormTable th.noBorder {
    border-right: 0 !important;
}
#mrblue .mrSearchFormTable td {
    padding: 5px 10px;
}
#mrblue .goodsNmInputWrap label {
    font-size: 0 !important;
}
#mrblue .formControl,
#mrblue .formGroup .formControl,
#mrblue .goodsNmInputWrap .form-control {
    margin-bottom: 7px;
}
#mrblue .formControl,
#mrblue .formGroup .formControl,
#mrblue .goodsNmInputWrap .form-control {
    border: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#42a5f5),to(#42a5f5)),-webkit-gradient(linear,left top,left bottom,from(rgba(165,181,203,.5)),to(rgba(165,181,203,.5)));
    background-image: linear-gradient(#42a5f5,#42a5f5),linear-gradient(rgba(165,181,203,.5),rgba(165,181,203,.5));
    background-size: 0 2px,100% 1px;
    background-repeat: no-repeat;
    background-position: bottom,50% calc(100% - 1px);
    background-color: transparent;
    -webkit-transition: background 0.2s ease-out;
    transition: background 0.2s ease-out;
    float: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
#mrblue .formControl:focus,
#mrblue .formGroup .formControl:focus,
#mrblue .goodsNmInputWrap .form-control:focus {
    background-size: 100% 2px,100% 1px;
}

#mrblue .formControl,
#mrblue .goodsNmInputWrap .form-control {
    height: 36px;
    padding: 7px 0;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
}
#mrblue .goodsNmInputWrap .form-control {
    width: 400px !important;
}
#mrblue input::placeholder {color:#c3cbdf;}
#mrblue input::-webkit-input-placeholder {color:#c3cbdf;}
#mrblue input:-ms-input-placeholder {color:#c3cbdf;}
#mrblue textarea::placeholder {color:#c3cbdf;}
#mrblue textarea::-webkit-input-placeholder {color:#c3cbdf;}
#mrblue textarea:-ms-input-placeholder {color:#c3cbdf;}
#mrblue .clearBoth {
    display: block !important;
    clear: both !important;
}
#mrblue p {
    margin: 0;
    font-size: 12px;
    line-height: 1.9em;
    color: #607188;
    transform: rotate(0.04deg);
}
#mrblue .rightBox,
#mrblue .rightCol {
    float: right;
}
#mrblue .btn.btnPrimary,
#mrblue .mrNavbar .mrNavbarNav>li>a.btn.btnPrimary {
    -webkit-box-shadow: 0 2px 2px 0 rgba(100,181,246,.14), 0 3px 1px -2px rgba(100,181,246,.2), 0 1px 5px 0 rgba(100,181,246,.12);
    box-shadow: 0 2px 2px 0 rgba(100,181,246,.14), 0 3px 1px -2px rgba(100,181,246,.2), 0 1px 5px 0 rgba(100,181,246,.12);
}
#mrblue .btn,
#mrblue .excelBtnWrap button,
#mrblue .mrNavbar .mrNavbarNav>li>a.btn {
    border: none;
    border-radius: 3px;
    position: relative;
    padding: 9.57px 15px;
    margin: 10px 1px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    will-change: box-shadow,transform;
    -webkit-transition: background-color .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);
    transition: background-color .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1);
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1);
    outline: none;
}
#mrblue button.btn span {
    color: #fff;
    transform: rotate(0.04deg);
    display: inline-block;
}
#mrblue .btnPrimary {
    background-color: #64b5f6;
    color: #fff;
    border-color: #2e6da4;
}
#mrblue .btnDefault,
#mrblue .excelBtnWrap button {
    background-color: #9daec4;
    color: #fff;
}
#mrblue .excelBtnWrap button span {
    color: #fff !important;
    transform: rotate(0.04deg);
    display: inline-block !important;
}
#mrblue .min-w-60 {
    min-width: 60px !important;
}
#mrblue .min-w-70 {
    min-width: 70px !important;
}
#mrblue .borderDefault {
    border: 1px solid #d7e1ed;
}
#mrblue .mrblueTable {
    font-size: 12px;
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
}
#mrblue .mrblueTable>thead:first-child>tr:first-child>th {
    border-top: 0;
}
#mrblue .mrblueTable>thead>tr>th {
    vertical-align: middle!important;
    border-bottom: 1px solid #d7e1ed;
    background-color: #f9f9f9;
    min-height: 50px;
}
#mrblue .mrblueTable>tbody>tr>td,
#mrblue .mrblueTable>tfoot>tr>td,
#mrblue .mrblueTable>tfoot>tr>th,
#mrblue .mrblueTable>thead>tr>td,
#mrblue .mrblueTable>thead>tr>th {
    text-align: center;
    border-right: 1px solid #d7e1ed;
    vertical-align: middle;
    text-overflow: ellipsis;
}
#mrblue .mrblueTable>tbody>tr>td,
#mrblue .mrblueTable>tbody>tr>th,
#mrblue .mrblueTable>tfoot>tr>td,
#mrblue .mrblueTable>tfoot>tr>th,
#mrblue .mrblueTable>thead>tr>td,
#mrblue .mrblueTable>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
#mrblue .mrblueTable th {
    font-weight: 600;
}
#mrblue .nowrap {
    white-space: nowrap;
}
#mrblue .align-left {
    padding-left: 10px !important;
}
#mrblue .align-left,
#mrblue .txt-align-left {
    text-align: left !important;
}
#mrblue .align-right {
    text-align: right !important;
}
#mrblue .mrCard {
    border: none;
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 1px 1px rgba(0,0,0,.1);
    margin-bottom: 30px;
}
#mrblue .mrCard .cardBody {
    padding: 15px 20px;
}
#mrblue #footerWrapper {
    bottom: 0;
    width: 100%;
    margin: 0;
    padding-top: 5px;
}
#mrblue #footerWrapper,
#mrblue #appWrapper,
#mrblue #contentWrapper,
#mrblue #headerWrapper {
    background: #28bebd;
}
#mrblue #footerWrapper .footerContent {
    text-align: left;
    padding: 0 30px 21px 30px;
}
#mrblue #footerWrapper .footerContent .copyWrapper {
    width: 100%;
    padding: unset;
    border-top: 0!important;
    margin: 20px 0 0;
}
#mrblue #footerWrapper .footerContent .copyWrapper .copy {
    color: hsla(0,0%,100%,.6);
    font-weight: 200;
}
#mrblue #footerWrapper .footerContent span {
    font-size: 0.75em;
    color: #fff;
    transform: rotate(0.04deg);
    display: inline-block;
}
#mrblue .floatRight {
    float: right !important;
}
#mrblue .row:after {
    clear: both;
}
#mrblue .mrblueTable th > span,
#mrblue .mrblueTable td > span {
    transform: rotate(0.04deg);
    display: inline-block;
}
#mrblue .dataTables_info {
    display: none !important;
}
#mrblue .excelBtnWrap {
    display: inline-block !important;
}
#mrblue .dataTables_paginate {
    display: flex !important;
    justify-content: center !important;
}
#mrblue div.dataTables_paginate .pagination {
    margin-bottom: 0 !important;
}
#mrblue div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#mrblue div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: rgb(255 122 0 / 1) !important;
}
#mrblue div.dataTables_paginate .pagination a {
    color: #888;
    font-size: 13px;
}
#mrblue .br0 {
    border-right: 0 !important;
}
#mrblue .mrblueTableSumTr {
    background-color: #f9f9f9!important;
}

/* 濡쒕쭩�좊걚 romantique */
#romantique {
    background-color: #797979;
    padding-top: 46px;
    min-height: 100vh;
}
#romantique .romInner {
    padding-right: 5px;
    padding-left: 4px;
}
#romantique .romInner .romCenter {
    display: table;
}
#romantique .romTopBlank,
#romantique .romFootBlank {
    height: 8px;
    display: flex;
}
#romantique .romTopBlank .topLeftImg,
#romantique .romTopBlank .topRightImg,
#romantique .romFootBlank .footLeftImg,
#romantique .romFootBlank .footRightImg {
    width: 7px;
    height: 8px;
    display: inherit;
}
#romantique .romTopBlank .topCenterImg {
    background-image: url(/img/front/memberCenter/romantiqueTopCenter.png);
    width: 99.5%;
    height: 8px;
    margin: 0 auto;
}
#romantique .romFootBlank .footCenterImg {
    background-image: url(/img/front/memberCenter/romantiqueFootCenter.png);
    width: 99.5%;
    height: 8px;
    margin: 0 auto;
}
#romantique .romTopBlank .topRightImg,
#romantique .romFootBlank .footRightImg {
    float: right;
}
#romantique .romCenter .centerLeftImg {
    background-image: url(/img/front/memberCenter/romantiqueCenterLeft.png);
    display: table-cell;
    width: 7px;
}
#romantique .romCenter .centerRightImg {
    background-image: url(/img/front/memberCenter/romantiqueCenterRight.png);
    display: table-cell;
    width: 7px;
}
#romantique .romCenter .romCenterInner {
    padding: 10px;
    font-size: 8pt;
    display: table-cell;
    background: #fff;
}
#romantique .romBorder {
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    height: 10px;
}
#romantique .romCenterTit {
    font-size: 12pt;
    font-weight: bold;
}
#romantique .romCenterSubtit {
    font-size: 11pt;
    font-weight: bold;
    padding-bottom: 2px;
}
#romantique table.tableForm {
    border-bottom: #cbcdcf 1px solid;
    border-left: #cbcdcf 1px solid;
    border-collapse: collapse;
    border-top: #cbcdcf 1px solid;
    border-right: #cbcdcf 1px solid;
}
#romantique table.tableForm th {
    border-bottom: #cbcdcf 1px solid;
    text-align: left;
    border-left: 0px;
    padding-bottom: 3px;
    background-color: #f0f0f0;
    padding-left: 10px;
    padding-right: 4px;
    font-size: 9pt;
    empty-cells: hide;
    color: #000000;
    border-top: 0px;
    border-right: 0px;
}
#romantique table.tableForm td {
    border-bottom: #cbcdcf 1px solid;
    text-align: left;
    border-left: 0px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 9pt;
    line-height: 20px;
    empty-cells: hide;
    border-top: 0px;
    border-right: 0px;
    padding-top: 6px;
}
#romantique .romTableInfo {
    width: 100%;
    display: flex;
}
#romantique .romTableInfo .tableTotal {
    width: 50%;
    font-weight: bold;
    font-size: 12px;
}
#romantique .romTableInfo .tableTotal span.userInfo {
    color: #339900;
    font-weight: bold;
}
#romantique .romTableInfo .tableNumSetting {
    width: 50%;
    text-align: right;
}
#romantique .excelBtnWrap {
    text-align: right;
}
#romantique label {
    cursor: pointer;
    font-weight: normal;
}
#romantique select {
    font-size: 9pt;
    font-family: "留묒� 怨좊뵓", "�뗭�", "�뗭�泥�", "諛뷀깢";
    margin-top: 5px;
    width: 72px;
    display: inline-block;
    height: 20px !important;
    padding: 0 !important;
}
#romantique input,
#romantique .dataTables_length select {
    border: 1px solid #CCCCCC;
    font-size: 9pt;
    height: 15px;
    /* background: #fafafa; */
    padding-left: 2px;
    padding-top: 2px;
    font-family: "留묒� 怨좊뵓", "�뗭�", "�뗭�泥�", "諛뷀깢";
    display: inline-block;
}
#romantique thead {
    background-image: url(/img/front/memberCenter/romantiqueBarTableCenter.gif);
}
#romantique thead th {
    font-weight: normal;
}
#romantique .sumTr {
    border-top: 2px solid #ccc;
    border-bottom: none !important;
    font-size: 12px;
}
#romantique .romDataTable {
    border-collapse: collapse !important;
}
#romantique .romDataTable td,
#romantique .romDataTable th {
    font-size: 12px;
}
#romantique .romDataTable tbody tr {
    border-bottom: 1px solid #ccc;
}
#romantique .tableNumSetting {
    font-size: 12px;
}
#romantique .romanFooter .romanFooterInner {
    padding: 10px 0;
    font-size: 12px;
    text-align: center;
}
#romantique .romanFooter .romanFooterCopyright {
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 11px verdana;
    color: #fff;
    background-image: url(/img/front/memberCenter/romantiqueFooterBg.gif);
}
#romantique .romanBlue {
    color: #2FAEFF;
    padding: 0 4px;
}
#romantique button span {
    z-index: 1 !important;
}
#romantique .goodsNmInputWrap {
    display: inline-block;
}
#romantique .goodsNmInputWrap .dataTables_filter label {
    font-size: 0 !important;
    cursor:auto;
    margin-top: 5px;
}
#romantique .goodsNmInputWrap .dataTables_filter label input {
    width: 204px;
    height: 19px;
}
#romantique .dataTables_info {
    display: none !important;
}
#romantique .dataTables_paginate {
    display: flex;
    justify-content: center;
}
#romantique div.dataTables_paginate .pagination a {
    font-size: 12px !important;
    height: 24px !important;
}
#romantique div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#romantique div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: red !important;
}


/* �좎쁺誘몃뵒�� sybook */
#sybook {
    padding-top: 41px;
}
#sybook * {
    font-size: 12px;
    box-sizing: border-box;
}
#sybook header * {
    font-family: '�뗭�' !important;
}
/* #sybook a {
    color: blue;
    cursor: pointer;
}
#sybook a:active,
#sybook a:focus {
    color: red;
} */
#sybook header {
    position: relative;
    height: 48px;
    background: url(/img/front/memberCenter/syBgTop.png) repeat-x;
}
#sybook header .logo {
    padding: 8px 15px;
    background: url(/img/front/memberCenter/syBgHeader.png) no-repeat left top;
    color: #6a6967;
}
#sybook header .btnLogout {
    position: absolute;
    right: 10px;
    top: 5px;
    padding: 5px 0;
}
#sybook aside#leftWrap {
    padding: 0;
    margin: 0;
    min-height: 90vh;
    float: left;
    background: url(/img/front/memberCenter/syBgSide.gif) repeat-y left top;
}
#sybook aside#leftWrap .left {
    width: 190px;
}
#sybook aside#leftWrap .left ul {
    list-style: none;
    padding: 20px;
    margin: 0;
}
#sybook aside#leftWrap .left ul li {
    background: url(/img/front/memberCenter/syBulletPs.gif) no-repeat 0px 12px;
    padding: 10px 0px 10px 11px;
}
#sybook aside#leftWrap .left ul li a {
    text-decoration: none;
    color: #33312d;
}
#sybook aside#leftWrap .left ul li a:hover {
    text-decoration: underline;
}
#sybook #stMain {
    width: 850px;
    font-size: 12px;
    float: left;
    padding: 8px;
}
#sybook #stMain .b {
    font-weight: bold;
}
#sybook #stMenu,
#sybook #stBody {
    margin-top: 20px;
}
#sybook #sySearchTable {
    width: 100%;
    border: 1px solid #ddd;
    border-collapse: separate !important;
    border-spacing: 2px !important;
}
#sybook #sySearchTable tr th {
    text-align: right;
    background: #A4C639;
    color: #fff;
    width: 12.8%;
    padding-right: 2px;
}
#sybook #stMain select {
    width: 120px;
    color: #000;
    font-size: 13px;
    margin-left: 2px;
}
#sybook input {
    border: 1px solid #767676;
    height: 20px;
    border-radius: 2px;
    font-size: 13px;
    color: #000;
}
#sybook .ml2 {
    margin-left: 2px;
}
#sybook #sySearchTable .submit {
    background: #A4C639;
    text-align: center;
    width: 94.33px;
}
#sybook #sySearchTable .submit input {
    padding: 0 6px !important;
    font-size: 13px !important;
    height: 24px !important;
}
#sybook #syDataTable {
    border-collapse: separate !important;
    border-spacing: 2px !important;
    width: 100% !important;
}
#sybook #syDataTable tbody tr td {
    border: 1px solid #ddd;
}
#sybook #syDataTable tr th {
    background: #A4C639;
    color: #fff;
    height: 25px;
}
#sybook #syDataTable tfoot tr td {
    padding-top: 20px;
    border-bottom: 2px solid #ddd;
    text-align: right;
}
#sybook .right {
    text-align: right !important;
}
#sybook .center {
    text-align: center !important;
}
#sybook .excelBtnWrap button {
    color: blue !important;
    text-decoration: underline;
}
#sybook .excelBtnWrap button:active,
#sybook .excelBtnWrap button:focus {
    color: red !important;
}
#sybook .searchInputWrap,
#sybook .dataTables_filter {
    display: inline !important;
}
#sybook .dataTables_filter label {
    font-size: 0 !important;
}
#sybook .dataTables_filter label input {
    width: 171px;
    padding: 1px 2px;
}
#sybook .dataTables_info {
    display: none !important;
}
#sybook .dataTables_paginate  {
    display: flex !important;
    justify-content: center !important;
}
#sybook div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#sybook div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: rgb(255 122 0 / 1) !important;
}



/* 遊꾪댆 bomtoon */
#bomtoon {
    padding-top: 61px;
    font-size: 12px;
    background-color: #e7e7e7;
    color: #333;
    line-height: 18px;
    min-height: 100vh;
}
#bomtoon header#topWrap {
    width: 100%;
    height: 45px;
    background-image: url(/img/front/memberCenter/bomtoonBgTop.jpg);
    background-repeat: repeat-x;
}
#bomtoon header#topWrap #topInner {
    position: relative;
    width: 1580px;
    height: 45px;
    margin: auto;
}
#bomtoon header#topWrap #topInner .logo {
    width: 106px;
    height: 18px;
    position: absolute;
    top: 0px;
    left: 0;
}
#bomtoon .topMenuRight {
    height: 20px;
    position: absolute;
    top: 13px;
    right: 0;
    text-align: center;
    font-size: 12px;
    font-family: tahona, arial, sans-serif;
}
#bomtoom a.topsmenu:link,
#bomtoom a.topsmenu {
    color: #ccc;
    text-decoration: none;
}
#bomtoon .topMenuRight > a {
    margin-left: 20px;
    color: #ccc;
}
#bomtoon .topMenuRight > a:hover {
    text-decoration: underline;
}
#bomtoon #mid {
    width: 100%;
    margin-top: 50px;
    float: left;
}
#bomtoon #midWrap {
    width: 1580px;
    margin: auto;
    position: relative;
}
#bomtoon #menu {
    width: 225px;
    float: left;
    margin-right: 15px;
}
#bomtoon #cssmenu {
    width: 260px;
    font-family: Helvetica, Arial, sans-serif;
    color: #ffffff;
}
#bomtoon #cssmenu,
#bomtoon #cssmenu ul,
#bomtoon #cssmenu ul li,
#bomtoon #cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#bomtoon .bomMenu1 {
    width: 225px;
    margin-bottom: 20px;
    padding: 10px 20px 20px 20px;
    background-color: #f6f6f6;
}
#bomtoon ul {
    padding: 0;
    margin: 0;
    line-height: 18px;
    margin-left: 17px;
}
#bomtoon #cssmenu ul li a {
    padding: 15px 20px;
    border-left: 1px solid #32373e;
    border-right: 1px solid #32373e;
    border-top: 1px solid #32373e;
    cursor: pointer;
    z-index: 2;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
    background: #49505a;
    background: -webkit-linear-gradient(#49505a, #32373e);
    background: -moz-linear-gradient(#49505a, #32373e);
    background: -o-linear-gradient(#49505a, #32373e);
    background: -ms-linear-gradient(#49505a, #32373e);
    background: linear-gradient(#49505a, #32373e);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}
#bomtoon #cssmenu ul li a:hover,
#bomtoon #cssmenu ul li.active > a,
#bomtoon #cssmenu ul li.open > a {
    color: #eeeeee;
    background: #32373e;
    background: -webkit-linear-gradient(#1fa0e4, #1992d1);
    background: -moz-linear-gradient(#1fa0e4, #1992d1);
    background: -o-linear-gradient(#1fa0e4, #1992d1);
    background: -ms-linear-gradient(#1fa0e4, #1992d1);
    background: linear-gradient(#1fa0e4, #1992d1);
}
#bomtoon .holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
}
#bomtoon .holder::before {
    top: 18px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit;
}
#bomtoon .holder::after,
#bomtoon .holder::before {
    display: block;
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    right: 20px;
    z-index: 10;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#bomtoon #cssmenu ul ul {
    display: none;
}
#bomtoon #cssmenu ul ul li:first-child > a {
    box-shadow: none;
}
#bomtoon #cssmenu ul ul li:hover > a, 
#bomtoon #cssmenu ul ul li.open > a, 
#bomtoon #cssmenu ul ul li.active > a {
    color: #eeeeee;
    background: #32373e;
    background: -webkit-linear-gradient(#1fa0e4, #1992d1);
    background: -moz-linear-gradient(#1fa0e4, #1992d1);
    background: -o-linear-gradient(#1fa0e4, #1992d1);
    background: -ms-linear-gradient(#1fa0e4, #1992d1);
    background: linear-gradient(#1fa0e4, #1992d1);
}
#bomtoon #cssmenu ul ul li a {
    cursor: pointer;
    border-bottom: 1px solid #32373e;
    border-left: 1px solid #32373e;
    border-right: 1px solid #32373e;
    padding: 10px 20px;
    z-index: 1;
    text-decoration: none;
    font-size: 11px;
    color: #eeeeee;
    background: #49505a;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#bomtoon #bodyWrap {
    width: 1280px;
    min-height: 500px;
    float: right;
    background-color: #f6f6f6;
    padding: 0 10px 20px;
}
#bomtoon .conTxt {
    width: 1280px;
}
#bomtoon h1 {
    font-size: 22px;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
}
#bomtoon input,
#bomtoon select {
    color: #333;
}
#bomtoon .searchBox {
    width: 100%;
    margin-bottom: 10px;
    text-align: right;
}
#bomtoon .bomInput2 {
    width: 320px;
    height: 25px;
    border: 1px #ccc solid;
    background-color: #f9f9f9;
    font-family: nanum gothic, malgun gothic, dotum, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding: 2px 2px 7px 10px;
}
#bomtoon .bomInputBtn {
    border: 1px #ccc solid;
    background-color: #f9f9f9;
    padding: 10px;
    cursor: pointer;
}
#bomtoon .conBox {
    width: 1280px;
}
#bomtoon .bomTbl {
    border: 0px #BBB solid;
    background-color: #BBB;
}
#bomtton table {
    border-collapse: separate;
    text-indent: initial;
    border-spacing: 2px;
}
#bomtoon .bomTbl .tr1 {
    height: 40px;
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #49505A), color-stop(1, #32373e) );
    background: -moz-linear-gradient( center top, #49505A 5%, #32373e 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#49505A', endColorstr='#32373e');
    background-color: #49505A;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    border-left: 1px solid #A3A3A3;
}
#bomtoon .bomTbl .tr1 td {
    text-align: center;
}
#bomtoon .bomTbl .tr1 th span:before {
    content: "";
    background-image: url(http://cp-new.bomtoon.com/assets/images/admin/arrow1.gif);
    width: 4px;
    height: 7px;
    display: inline-block;
    margin: 0 10px;
}
#bomtoon .bomTbl tr th,
#bomtoon .bomTbl tr td {
    border: 1px #BBB solid;
}
#bomtoon .bomTbl .tr2 {
    background-color: #f6f6f6;
}
#bomtoon .bomTbl .tr2 td {
    padding: 10px;
}
#bomtoon .bomTbl .tr2:hover {
    background-color: #EEE;
}
#bomtoon #bottom {
    width: 1580px;
    height: 100px;
    margin: auto;
    clear: both;
    font-size: 11px;
}
#bomtoon .height1 {
    height: 1px !important;
}
#bomtoon .line2 {
    background-color: #ccc !important;
    padding: 0 !important;
}
#bomtoon .b {
    font-weight: bold !important;
}


/* �좊땲�� anytoon */
#anytoon {
    margin: 0;
    padding: 0;
    font-size: 12px;
    padding-top: 41px;
}
#anytoon a {
    cursor: pointer;
}
#anytoon .clear {
    float: none;
    clear: both;
}
#anytoon #layoutTop {
    background-color: #3b3c41;
}
#anytoon #layoutTop #btnLogo {
    display: block;
    padding: 40px;
    float: left;
    color: white;
    font-size: 20px;
    text-decoration: underline;
}
#anytoon #layoutTop .txtWelcome {
    display: block;
    padding: 45px 20px;
    float: left;
    color: white;
    font-size: 14px;
}
#anytoon #layoutTop .btnLogout {
    display: block;
    padding: 40px;
    float: right;
    color: white;
    text-decoration: underline;
}
#anytoon .layoutGnb {
    box-sizing: border-box;
    float: left;
    background-color: dimgray;
    width: 200px;
    min-height: 900px;
    padding: 0 20px 20px 20px;
}
#anytoon .layoutGnb * {
    box-sizing: border-box;
}
#anytoon p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
#anytoon .layoutGnb > a {
    display: block;
    margin-bottom: 20px;
    color: #fff;
    text-decoration: none;
}
#anytoon #layoutMain {
    box-sizing: border-box;
    overflow: hidden;
    padding: 20px;
}
#anytoon .basicCont {
    margin: auto;
    max-width: 1400px;
    min-width: 1040px;
}
#anytoon h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
#anytoon .basicFormTable {
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
}
#anytoon .basicFormTable > tbody > tr > th,
#anytoon .basicFormTable > tbody > tr > td {
    /* border-bottom: 1px solid #E7E7E7; */
}
#anytoon .basicFormTable > tbody > tr > th {
    background-color: #EEE;
}
#anytoon input.basicBtn,
#anytoon .excelBtnWrap button {
    margin: 0;
    padding: 8px 10px 12px 10px !important;
}
#anytoon .basicBtn,
#anytoon .excelBtnWrap button {
    display: inline-block;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    border: 1px solid #cccccc;
    padding: 10px;
    vertical-align: middle;
    font-size: 9pt;
    line-height: 9pt;
    color: #444444;
    cursor: pointer;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #ffffff;
    background: -webkit-linear-gradient(top, #ffffff, #eeeeee);
    background: -moz-linear-gradient(top, #ffffff, #eeeeee);
    background: -o-linear-gradient(top, #ffffff, #eeeeee);
    background: -ms-linear-gradient(top, #ffffff, #eeeeee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#eeeeee);
}
#anytoon .basicBtn:hover,
#anytoon .excelBtnWrap button:hover {
    background:orange; 
    color:white;
}
#anytoon input[type="text"],
#anytoon input[type="date"],
#anytoon .dataTables_filter input {
    color: #000;
    border: 1px solid #666;
    border-radius: 2px;
    height: 20px;
    box-sizing: border-box;
    padding: 1px 0;
    font-size: 0.85rem;
}
#anytoon input[type="text"]:focus,
#anytoon input[type="date"]:focus,
#anytoon .dataTables_filter input:focus {
    outline: 1px solid #000;
    border-radius: 3px;
}
#anytoon .basicFormTable th, 
#anytoon .basicFormTable td {
    padding: 10px;
}
#anytoon .basicListTable td {
    text-align: center;
}
#anytoon .basicListTable > thead > tr > th {
    border-top: 1px solid #BDBDBD;
    border-bottom: 1px solid #BDBDBD;
    padding: 10px 0;
    background-color: #E7E7E7;
    background: -webkit-linear-gradient(top, #EFEFEF, #E7E7E7);
    background: -moz-linear-gradient(top, #EFEFEF, #E7E7E7);
    background: -o-linear-gradient(top, #EFEFEF, #E7E7E7);
    background: -ms-linear-gradient(top, #EFEFEF, #E7E7E7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#EFEFEF, endColorStr=#E7E7E7);
}
#anytoon .basicListTable > tbody > tr > th,
#anytoon .basicListTable > tbody > tr > td {
    padding: 10px 0;
    border-bottom: 1px solid #E7E7E7;
}
#anytoon div.excelBtnWrap {
    display: inline !important;
} 
#anytoon .excelBtnWrap button > span {
    z-index: 1 !important;
}
#anytoon .dataTables_filter label {
    font-size: 0 !important;
}
#anytoon .dataTables_info {
    display: none !important;
}
#anytoon div.dataTables_paginate {
    margin-top: 10px;
    display: flex !important;
    justify-content: center !important;
}
#anytoon div.dataTables_paginate .pagination a {
    font-size: 12px !important; 
    box-sizing: border-box !important;
    color: #000 !important;
}
#anytoon div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#anytoon div.dataTables_paginate .pagination .active a {
    background-color: #3d3d3d !important;
    color: #fff !important;
}



/* 遺곹걧釉� bookcube */
#bookcube {
    padding-top: 41px;
}
#bookcube * {
    font-family: 'Dotum' !important;
    color: #666;
    box-sizing: border-box;
}
#bookcube h1,
#bookcube h2,
#bookcube h3,
#bookcube h4,
#bookcube h5,
#bookcube h6,
#bookcube th,
#bookcube td,
#bookcube table,
#bookcube input,
#bookcube button,
#bookcube select,
#bookcube textarea,
#bookcube sub {
    font-size: 1em;
}
#bookcube header {
    height: 45px;
    background: url(/img/front/memberCenter/bookcubeHeadBg.gif) repeat-x;
}
#bookcube header .headerInner {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    background: url(/img/front/memberCenter/bookcubeHeadBg.gif) repeat-x;
}
#bookcube header .headerInner .logo {
    margin-left: 20px;
}
#bookcube #contents {
    width: 1200px;
    padding-top: 22px;
    margin: 0 auto;
}
#bookcube .cLeft {
    float: left;
    width: 180px;
    height: 500px;
}
#bookcube .userInfo {
    padding: 13px 10px;
    border: 1px solid #d5d5d5;
    text-align: center;
}
#bookcube .userInfo p {
    line-height: 18px;
    font-size: 11px;
}
#bookcube .userName {
    color: #676767;
    font-weight: bold;
}
#bookcube .userName span {
    color: #999;
}
#bookcube .userHello {
    color: #999;
    font-weight: bold;
}
#bookcube .userInfo input[type='button'] {
    margin-top: 3px;
    width: 72px;
    height: 25px;
    border: none;
    cursor: pointer;
    background: url(/img/front/memberCenter/bookcubeBtn01.gif) no-repeat left center;
    color: #fff;
    text-align: center;
    font-size: 11px;
}
#bookcube .lnbBox {
    margin-top: 10px;
    border: 1px solid #d5d5d5;
}
#bookcube .lnbBox h2.joo {
    color: #f26434;
}
#bookcube .lnbBox h2 {
    padding-left: 20px;
    line-height: 30px;
    border-bottom: 1px solid #d5d5d5;
    color: #111;
    font-size: 0.75rem;
    background: url(/img/front/memberCenter/bookcubeArrowDot.gif) no-repeat 10px center #f4f4f4;
}
#bookcube .lnb {
    padding: 15px 21px;
}
#bookcube .lnb li {
    margin: 10px 0;
}
#bookcube a {
    text-decoration: none;
    color: #666;
    cursor: pointer;
}
#bookcube .lnb li a {
    font-size: 0.75rem;
}
#bookcube .lnb li.on a {
    color: #f26434;
    font-weight: bold;
}
#bookcube .cRight {
    padding-bottom: 100px;
    float: left;
    margin-left: 20px;
    width: 1000px;
}
#bookcube .hide {
    position: absolute;
    left: -9999px;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}
#bookcube .titleBox {
    padding: 25px 0 0 25px;
    width: 975px;
    height: 56px;
    background: url(/img/front/memberCenter/bookcubeTitleBg.gif) no-repeat left center;
    box-sizing: content-box;
}
#bookcube .titleBox h3 {
    font-size: 30px;
    color: #000;
    letter-spacing: -2px;
}
#bookcube .dayBox {
    padding: 5px 0;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background: #f4f4f4;
}
#bookcube .dayBox p {
    text-align: center;
    font-weight: bold;
    color: #333;
    line-height: 20px;
    font-size: 0.75em;
}
#bookcube .searchBox {
    margin-top: 10px;
    margin-bottom: 30px;
    border: 1px solid #d5d5d5;
    border-left: none;
    border-right: none;
}
#bookcube .searchBox th {
    height: 40px;
    background: #f5f5f5;
    font-weight: bold;
    border-bottom: 1px solid #e5e5e5;
    font-size: 0.75em;
}
#bookcube .searchBox td {
    padding-top: 7px;
    padding-bottom: 2px;
    height: 30px;
    border-bottom: 1px solid #e5e5e5;
}
#bookcube select {
    -webkit-appearance:none; /* �щ＼ �붿궡�� �놁븷湲� */
    -moz-appearance:none; /* �뚯씠�댄룺�� �붿궡�� �놁븷湲� */
    appearance:none /* �붿궡�� �놁븷湲� */
}
#bookcube table {
    width: 100%;
}
#bookcube .selBox {
    position: relative;
    height: 28px;
    border: 1px solid #d4d5d6;
    line-height: 28px;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    padding-left: 10px;
}
#bookcube .selBox1 {
    margin-left: 15px;
    width: 79px;
    background: url(/img/front/memberCenter/bookcubeArrSelect.gif) no-repeat 50px center;
}
#bookcube .selBox2 {
    margin-left: 5px;
    width: 62px;
    background: url(/img/front/memberCenter/bookcubeArrSelect.gif) no-repeat 33px center;
}
#bookcube .searchBox span {
    margin-right: 5px;
    display: inline-block;
    line-height: 35px;
    font-size: 0.75em;
    vertical-align: top;
}
#bookcube .searchBtn {
    margin-top: 1px;
    border: none;
    background: url(/img/front/memberCenter/bookcubeBtn02.gif) no-repeat;
    width: 41px;
    height: 25px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    cursor: pointer;
    vertical-align: top;
}
#bookcube .excelBtn,
#bookcube .excelBtnWrap button {
    margin-top: 1px;
    display: inline-block;
    width: 90px;
    height: 25px;
    background: url(/img/front/memberCenter/bookcubeBtn03.gif) no-repeat left center;
    line-height: 25px;
    text-align: center;
    color: #fff !important;
    vertical-align: top;
}
#bookcube .excelBtnWrap button span {
    color: #fff !important;
    z-index: 1 !important;
    font-size: 0.75rem !important;
    text-align: center !important;
    height: 25px !important;
    width: 100% !important;
    line-height: 25px !important;
}
#bookcube .tbl {
    margin-top: 20px;
    margin-bottom: 40px;
    width: 100%;
    border: 1px solid #000;
    font-size: 0.75em;
}
#bookcube .tbl thead th {
    background: #555;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    line-height: 30px;
    font-weight: normal;
}
#bookcube .tbl tbody td {
    border-right: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    text-align: center;
    height: 40px;
}
#bookcube .tbl tbody td.noBorder {
    border-right: 0 !important;
}
#bookcube .excelBtnWrap {
    display: inline !important;
}
#bookcube .dataTables_info {
    display: none !important;
}
#bookcube .dataTables_paginate {
    display: flex !important;
    justify-content: center !important;
}
#bookcube div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#bookcube div.dataTables_paginate .pagination a {
    font-size: 12px;
    font-weight: normal;
}
#bookcube div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: #f26434 !important;
    font-weight: bold;
}
#bookcube .dataTables_filter {
    display: none !important;
}



/* �쇳뵆�ㅼ뒪�좊━ pnstory */
#pnstory {
    padding-top: 41px;
}
#pnstory * {
    font-family: 'Nanum Gothic' !important;
    font-size: 10pt;
}
#pnstory a {
    text-decoration: none;
    color: #404040; 
}
#pnstory header {
    width: 100%;
    overflow: hidden;
    background-color: #FFFFFF;
    border-bottom: 1px solid rgba(125,125,125,0.2);
}
#pnstory header .headerWrap {
    width: 1600px;
    height: 50px;
}
#pnstory header .headerWrap .logo {
    width: 149px;
    height: 50px;
    float: left;
    border-right: 1px solid #F1C40F;
    background: url(/img/front/memberCenter/pnstorySprite.png) no-repeat 0 0;
    background-color: #fff!important;
    background-position: 0px -3px;
}
#pnstory header .headerWrap ul {
    width: 1150px;
    height: 50px;
    float: left;
    background-color: #FFFFFF;
}
#pnstory header .headerWrap ul li {
    float: left;
    height: 52px;
}
#pnstory header .headerWrap ul li > button:first-child,
#pnstory header .headerWrap ul li.on > button:first-child {
    border-left: 0;
}
#pnstory header .headerWrap ul li.on {
    background-color: #f9f9f9;
}
#pnstory header .headerWrap ul li > button {
    width: 100%;
    height: 100%;
    padding: 0 25px;
    font-weight: bold;
    color: #909090;
    background-color: transparent;
    border-right: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    border-bottom: 4px solid #FFFFFF;
}
#pnstory header .headerWrap ul li.on > button {
    color: #202020;
    border-bottom: 4px solid #FFDC4E;
}
#pnstory header .headerWrap .account {
    width: 300px;
    float: right;
    padding-top: 10px;
}
#pnstory header .headerWrap .account div:first-child {
    width: 45%;
    padding: 7px 5% 0 0;
}
#pnstory header .headerWrap .account div {
    width: 25%;
}
#pnstory header .headerWrap .account div button {
    width: 100%;
    height: 100%;
    padding: 7px 0;
    font-size: 0.9em;
}
#pnstory header .headerWrap .account div:last-child button {
    width: 100%;
    height: 100%;
    padding: 7px 0;
    font-size: 0.9em;
}
#pnstory .bold {
    font-weight: bold !important;
}
#pnstory .ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
#pnstory .aliL {
    text-align: left !important;
}
#pnstory .aliR {
    text-align: right !important;
}
#pnstory .aliC {
    text-align: center !important;
}
#pnstory .flL {
    float: left !important;
}
#pnstory .flR {
    float: right !important;
}
#pnstory .col80 {
    color: #808080 !important;
}
#pnstory .btnLgy {
    background-color: #f5f5f5;
    border: 1px solid #eaeaea;
}
#pnstory .btnLgy:hover {
    background-color: #eaeaea;
}
#pnstory #container {
    display: inline-block;
    clear: both;
    width: 1600px;
    height: 100%;
    background-color: #404040;
}
#pnstory #container > ul.lnb {
    width: 149px;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    float: left;
    background-color: #404040;
    border-right: 1px solid #202020;
}
#pnstory #container > ul.lnb li.on > button,
#pnstory #container > ul.lnb li > button:hover {
    color: #FFDC4E;
    background-color: #202020;
    border-bottom: 1px solid #101010;
}
#pnstory #container > ul.lnb li > button {
    width: 100%;
    height: 100%;
    padding: 15px 0 15px 20px;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 0.95em;
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #303030;
}
#pnstory #container > #body {
    width: 1390px;
    min-height: 400px;
    padding: 30px;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #F5F5F5;
}
#pnstory #container > #body #contents {
    width: 1390px;
}
#pnstory h1 {
    width: 100%;
    font-size: 1.15em;
    font-weight: bold;
    border-bottom: 2px solid #FFDC4E;
    padding-bottom: 5px;
    overflow: hidden;
}
#pnstory h1>.ttl {
    padding: 3px 0 7px 0;
    font-size: 1em;
}
#pnstory h2 {
    width: 100%;
    font-weight: bold;
    padding: 7px 0;
    overflow: hidden;
}
#pnstory table {
    border-collapse: collapse !important;
    border-spacing: 0;
    background-color: #FFFFFF;
    border: 1px solid #EAEAEA;
}
#pnstory table tr.cate,
#pnstory table td.cate, 
#pnstory table th.cate {
    background-color: #F9F9F9;
    font-weight: bold;
    text-align: center;
    height: 31px;
}
#pnstory table tr:hover {
    background-color: #f9f9f9;
}
#pnstory table td, 
#pnstory table th {
    border: 1px solid #EAEAEA;
    padding: 5px;
}
#pnstory .bgF9 {
    background-color: #f9f9f9;
}
#pnstory .col60 {
    color: #606060;
}
#pnstory select {
    width: 100%;
    padding: 6px 0 6px 5px;
    border: 1px solid #EAEAEA;
    font-size: 0.9em;
    font-weight: bold;
}
#pnstory .txtDate {
    width: 20%;
    margin-right: 10px;
}
#pnstory input[type='text'],
#pnstory input[type='date'] {
    width: 100%;
    height: 100%;
    padding: 7px 5px;
    border: 1px solid #EAEAEA;
    background-color: #FFFFFF;
    box-sizing: border-box;
    color: #000;
}
#pnstory table td .searchSpc {
    width: 20px;
    padding-top: 5px;
    color: #909090;
}
#pnstory .btnDate {
    width: 15%;
    margin-right: 10px;
    padding-top: 3px;
}
#pnstory button.btnSml {
    width: 100%;
    padding: 4px 0;
    font-size: 0.8em;
}
#pnstory .colFf {
    color: #ffffff !important;
}
#pnstory .col40 {
    color: #404040 !important;
}
#pnstory .btnGy {
    background-color: #909090 !important;
    border: 1px solid #808080 !important;
}
#pnstory .btnGy:hover {
    background-color: #808080 !important;
}
#pnstory .btnRound {
    border-radius: 0.3em !important;
}
#pnstory .btnWrapBtm {
    width: 100%;
    padding: 10px 0;
    overflow: hidden;
}
#pnstory .btnWrapTop {
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #EAEAEA;
    overflow: hidden;
}
#pnstory .mrgC {
    margin: 0 auto !important;
}
#pnstory .mrgR {
    margin-right: 10px !important;
}
#pnstory .w10 {
    width: 10% !important;
}
#pnstory button.btnBig {
    width: 100%;
    height: 100%;
    padding: 6px 0;
}
#pnstory .btnYl {
    background-color: #FFDC4E !important;
    border: 1px solid #F1C40F !important;
}
#pnstory .btnYl:hover {
    background-color: #F1C40F !important;
}
#pnstory table.fixed {
    table-layout: fixed;
}
#pnstory table.sml td, 
#pnstory table.sml th {
    font-size: 0.8em;
    padding: 10px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}
#pnstory table td {
    border: 1px solid #EAEAEA;
    padding: 5px;
}
#pnstory .col90 {
    color: #909090 !important;
}
#pnstory .w04 {
    width: 4% !important;
}
#pnstory .btnGr {
    background-color: #47BF68 !important;
    border: 1px solid #37A856 !important;
}
#pnstory .btnGr:hover {
    background-color: #37A856 !important;
}
#pnstory table td.noBorder {
    border: none !important;
}
#pnstory .excelBtnWrap button {
    width: 100%;
    height: 100%;
    padding: 6px 0;
    background-color: #47BF68 !important;
    border: 1px solid #37A856 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}
#pnstory .excelBtnWrap button:hover {
    background-color: #37A856 !important;
}
#pnstory .excelBtnWrap button span {
    z-index: 1 !important;
}
#pnstory .dataTables_filter label {
    font-size: 0 !important;
    width: 100% !important;
}
#pnstory .dataTables_filter label input {
    width: 100%;
    height: 100%;
    padding: 7px 5px;
    border: 1px solid #EAEAEA;
    background-color: #FFFFFF;
    box-sizing: border-box;
}
#pnstory .dataTables_info {
    display: none !important;
}
#pnstory div.dataTables_paginate {
    margin-top: 10px;
    display: flex !important;
    justify-content: center !important;
}
#pnstory div.dataTables_paginate .pagination li {
    background-color: #fff !important;
}
#pnstory div.dataTables_paginate .pagination a {
    font-size: 12px !important;
}
#pnstory div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#pnstory div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: rgb(255 122 0 / 1) !important;
}



/* �먰뵾猷⑥뒪 epyrus */
#epyrus {
    padding-top: 41px;
}
#epyrus * {
    font-size: 12px;
    vertical-align: baseline;
    box-sizing: border-box;
}
#epyrus header {
    background-color: #FBB44C;
    display: flex;
    justify-content: space-between;
}
#epyrus header .logoWrap {
    width: 350px;
}
#epyrus header .headerTit {
    display: flex;
    align-items: center;
}
#epyrus header .headerTit h1 {
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    padding: 7px 0 0 0;
}
#epyrus header .userInfo {
    width: 350px;
    padding: 5px;
    text-align: right;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
#epyrus header .userInfo .userName {
    font-size: 12px;
    padding: 2px 8px;
    background-color: #fff;
    border-radius: 4px;
    margin-right: 8px;
    display: inline-block;
}
#epyrus .btnLogout {
    width: 53px;
    height: 19px;
    background: url(/img/front/memberCenter/epyrusBtnLogout.png) no-repeat;
    border: none;
}
#epyrus .topsearch {
    background-color: #5c5c5c;
    color: #ffffff;
    padding: 10px;
    margin: 0px 0px 15px 0px;
    text-align: center;
}
#epyrus .topsearch select {
    background-color: #8d8d8d;
    color: #ffffff;
    border: none;
    padding: 0px 5px;
}
#epyrus .topsearch input,
#epyrus .topsearch .goodsNmInputWrap input {
    background-color: #8d8d8d;
    color: #ffffff;
    padding: 2px;
    height: 19px;
}
#epyrus .topsearch .goodsNmInputWrap {
    display: inline;
}
#epyrus .topsearch .goodsNmInputWrap .dataTables_filter {
    display: inline !important;
}
#epyrus .topsearch .goodsNmInputWrap label {
    font-size: 0 !important;
}
#epyrus .topsearch .goodsNmInputWrap input {
    width: 204px !important;
    border: 0 !important;
}
#epyrus .btnMint {
    width: 53px;
    height: 20px !important;
    /* background: url(/img/front/memberCenter/epyrusBtnMint.png) no-repeat; */
    border: none;
    font-size: 12px;
    cursor: pointer;
    color: #ffffff;
    line-height: 16px;
    background-color: #3db9b9 !important;
    border-radius: 4px;
}
#epyrus .btnOrangeW,
#epyrus .excelBtnWrap button {
    width: 63px;
    height: 20px !important;
    /* background: url(/img/front/memberCenter/epyrusBtnOrangeW.png) no-repeat; */
    border: none;
    font-size: 12px;
    cursor: pointer;
    color: #ffffff;
    line-height: 16px;
    background-color: #f68155 !important;
    border-radius: 4px;
}
#epyrus .excelBtnWrap button span {
    z-index: 1 !important;
}
#epyrus .epySearchResult {
    padding: 0px 0px 2px 0px;
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
#epyrus .epyTableWrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
#epyrus .epyTableWrap .epyTableInner {
    display: inline-block;
    zoom: 1;
    border: solid 1px #626262;
    border-top: solid 4px #626262;
}
#epyrus .epyTableInner table {
    border-collapse: collapse !important;
    margin: 0 auto;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#epyrus .epyTableInner table th.tdh {
    background-color: #D2D2D2;
    color: #555555;
    font-weight: bold;
    text-align: center;
    border: solid 1px #bcbcbc;
}
#epyrus .epyTableInner table th,
#epyrus .epyTableInner table td {
    padding: 7px;
}
#epyrus .epyTableInner table td {
    border: solid 1px #d6d6d6;
}
#epyrus .dataTables_info {
    display: none !important;
}
#epyrus div.dataTables_paginate {
    margin-top: 10px;
    display: flex !important;
    justify-content: center !important;
}
#epyrus div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#epyrus div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: rgb(255 122 0 / 1) !important;
}



/* 議곗븘�� joara */
#joara {
    width: 100%;
    background: #f1f1f1;
    min-height: 100%;
    padding-top: 41px;
}
#joara * {
    vertical-align: baseline;
    font-family: "�뗭�",dotum,"援대┝",gulim,Arial,Helvetica,sans-serif !important;
    font-size: 12px;
}
#joara header {
    width: 100%;
    background: url(/img/front/memberCenter/joaraBgHeader.gif) repeat-x;
    height: 17px;
}
#joara #container {
    position: relative;
    width: 100%;
    top: -17px;
}
#joara #container #content {
    margin: 0 auto;
    width: 1010px;
    background: #fff;
    overflow: hidden;
}
#joara #content .nav {
    background: url(/img/front/memberCenter/joaraBgMenubar.gif) no-repeat;
    width: 1010px;
    height: 86px;
}
#joara #content .nav h1 {
    float: left;
    margin: 9px 0 0 30px;
}
#joara #content .nav h1 a {
    margin-right: 20px;
}
#joara #content .nav ul {
    float: left;
    margin: 33px 0 0 105px;
}
#joara #content .nav ul li {
    display: inline;
    float: left;
}
#joara #content .nav ul li a {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    cursor: pointer;
}
#joara #content .nav ul li a.disabled {
    cursor: not-allowed;
}
#joara .btnOrange {
    color: #fff;
    width: 87px;
    height: 18px;
    background: #df6100;
    border: 1px solid #d15800;
    text-align: center;
    padding-top: 7px;
    display: inline-block;
}
#joara .btnOrange a {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
#joara #content .work {
    margin: 30px 0 0 10px;
    position: relative;
}
#joara #content .work h2 {
    font-size: 14px;
    font-weight: bold;
    color: #333;
    background: url(/img/front/memberCenter/joaraBgH2.gif) no-repeat left 3px;
    padding-left: 14px;
}
#joara .tapTab {
    float: left;
    margin-top: 10px;
}
#joara .tapTab ul {
    height: 41px;
    float: left;
}
#joara .tapTab ul li:first-child {
    margin-left: 0px;
}
#joara .tapTab li.on {
    background-color: #e06300;
}
#joara .tapTab li.on a,
#joara .tapTab li.on a:hover,
#joara .tapTab li.on a:active,
#joara .tapTab li.on a:visited {
    color: #fff !important;
}
#joara .tapTab ul li {
    display: inline-block;
    float: left;
    margin-left: 5px;
}
#joara .tapTab li {
    background: #eeeded;
    border: 1px solid #e0e0e0;
    text-align: center;
    color: #666 !important;
    font-weight: bold;
    padding: 10px 30px;
}
#joara .tapTab li a {
    cursor: pointer;
}
#joara .tapTab li a.disabled {
    cursor: not-allowed;
}
#joara .tapTab li a,
#joara .tapTab li a:hover,
#joara .tapTab li a:active,
#joara .tapTab li a:visited {
    color: #666 !important;
}
#joara #content .work .writerAdd {
    border: 5px solid #eeeded;
    height: 36px;
    width: 930px;
    margin-top: 10px;
    padding: 12px 0 0 50px;
}
#joara #content .work .writerAdd ul {
    margin-top: 10px;
}
#joara #content .work .writerAdd li {
    color: #666;
    background: url(/img/front/memberCenter/joaraH3Dot.gif) 0 8px no-repeat;
    padding-left: 20px;
    line-height: 18px;
}
#joara .accountTab {
    float: left;
    width: 100%;
    margin-top: 25px;
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;
}
#joara .accountTab ul {
    float: left;
    margin-left: 10px;
}
#joara .accountTab ul li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}
#joara .accountTab ul li a {
    cursor: pointer;
}
#joara .accountTab ul li a.disabled {
    cursor: not-allowed;
}
#joara .accountTab select {
    float: right;
    margin-top: 20px;
    margin-right: 10px;
    color: #000000;
    border-color: #767676;
    border-radius: 2px;
}
#joara .accountTab span {
    color: #666;
    font-weight: bold;
    float: left;
    margin-top: 23px;
}
#joara .excelBtnWrap {
    display: inline;
}
#joara .excelBtnWrap button {
    display: inline !important;
}
#joara .btnGray1,
#joara .excelBtnWrap button span {
    color: #fff;
    width: 87px;
    height: 18px;
    background: #bcbcbc;
    border: 1px solid #b4b4b4;
    text-align: center;
    padding-top: 7px;
    display: inline-block;
    z-index: 1 !important;
    margin-top: 10px !important;
}
#joara #content .work .tableWrap {
    margin-top: 13px;
    width: 990px;
    border-top: 2px solid #999;
    border-bottom: 2px solid #f1f1f1;
}
#joara #content .work .tableWrap table {
    width: 100% !important;
    margin: 0 !important;
}
#joara #content .work .tableWrap table th {
    height: 35px;
    font-weight: bold;
    background: #f5f5f5;
    color: #666;
    border-bottom: 1px solid #eee;
    text-align: center;
    vertical-align: middle;
}
#joara #content .work .tableWrap table td {
    height: 28px;
    border-bottom: 1px solid #eee;
    color: #666;
    vertical-align: middle;
}
#joara #content .work .tableWrap table td span {
    padding-left: 45px;
    font-weight: bold;
    word-break: break-all;
    white-space: normal;
}
#joara #footer {
    float: left;
    border-top: 1px solid #dadada;
    margin-top: 10px;
    width: 990px;
    margin-left: 10px;
    text-align: center;
    background: none;
}
#joara #footer address {
    margin: 20px 0 20px 0;
    font-size: 11px;
    color: #999;
}
#joara #footer address span {
    font-family: arial !important;
}
#joara .dataTables_info {
    display: none !important;
}
#joara .tableInfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#joara .tableInfo .goodsNmInputWrap {
    display: inline !important;
}
#joara .tableInfo .goodsNmInputWrap label {
    /* font-size: 0 !important; */
    display: flex;
    font-weight: normal;
    align-items: center;
}
#joara .tableInfo .goodsNmInputWrap label input {
    color: #000000 !important;
    border-color: #767676 !important;
    border-radius: 2px !important;
    width: auto;
    margin-left: 5px;
}
#joara div.dataTables_paginate {
    display: flex !important;
    justify-content: center !important;
}
#joara div.dataTables_paginate .pagination a {
    font-size: 12px !important;
    box-sizing: border-box;
}
#joara div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#joara div.dataTables_paginate .pagination .active a {
    background-color: rgb(245 245 245 / 1) !important;
    color: rgb(255 122 0 / 1) !important;
}



/* 移댁뭅�� �뚰듃�� - KakaoPartner */
#kakaoPartner * {
    font-family: Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif !important;
}
#kakaoPartner a {
    cursor: pointer;
}
#kakaoPartner .kakaoPartnerInner {
    display: flex;
    flex-direction: column;
    min-width: 1280px;
    position: relative;
}
#kakaoPartner .kakaoPartnerInner .kakaoPartnerHeader {
    background-color: rgb(26 26 26 / 1);
    align-items: center;
    flex-direction: row;
    width: 100%;
    height: 72px;
    display: flex;
    z-index: 50;
    left: 0;
    top: 0;
    position: sticky;
    padding-top: 41px;
}
#kakaoPartner .kakaoPartnerHeader .kakaoPartnerHeaderInner {
    width: 100%;
    display: flex;
    margin-left: 32px;
    margin-right: 32px;
    height: 28px;
}
#kakaoPartner .kakaoPartnerHeader .kakaoPartnerLogo {
    align-items: center;
    flex-direction: row;
    display: flex;
}
#kakaoPartner .kakaoPartnerHeader .kakaoPartnerLogo a {
    width: 64px;
}
#kakaoPartner .kakaoPartnerHeader .kakaoPartnerLogo img {
    transform: translate(-15.997px);
}
#kakaoPartner .s15RegularWhite {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
#kakaoPartner .s14RegularWhite {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}
#kakaoPartner .partnerBadge {
    background-color: rgb(255 255 255/1);
    border-radius: 2px;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 17px;
    display: flex;
    margin-left: 8px;
}
#kakaoPartner .s10BoldGray10 {
    color: #1a1a1a;
    font-size: 10px;
    font-weight: 700;
}
#kakaoPartner .kakaoPartnerHeader .kakaoPartnerAccountInfo {
    align-items: center;
    flex-direction: row;
    display: flex;
    margin-left: auto;
}
#kakaoPartner .kakaoPartnerHeader .kakaoPartnerAccountInfo a {
    margin-left: 16px;
}
#kakaoPartner .kakaoPartnerContentWrap {
    overflow: auto;
    flex-direction: row;
    flex: 1 1 0%;
    display: flex;
}
#kakaoPartner .kakaoPartnerContentWrap aside {
    border-color: rgb(250 250 250/1);
    border-right-width: 1px;
    border-bottom-width: 1px;
    width: 240px;
    min-height: calc(100vh - 72px);
    box-sizing: border-box;
}
#kakaoPartner .kakaoPartnerContentWrap nav {
    white-space: nowrap;
    overflow: hidden;
}
#kakaoPartner .kakaoPartnerContentWrap nav ul {
    display: flex;
    flex-direction: column;
    width: 240px;
}
#kakaoPartner .kakaoPartnerContentWrap nav ul .goHome {
    border-color: rgb(250 250 250/1);
    border-bottom-width: 1px;
    justify-content: center;
    align-items: center;
    height: 80px;
    display: flex;
    box-sizing: border-box;
}
#kakaoPartner .s16RegularGray10 {
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 400;
}
#kakaoPartner .kakaoPartnerContentWrap nav ul .sideMenuLi {
    padding: 0 20px;
    border-color: rgb(250 250 250/1);
    border-bottom-width: 1px;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
    height: 50px;
    display: flex;
    box-sizing: border-box;
}
#kakaoPartner .kakaoPartnerContentWrap nav ul .sideMenuLiInner {
    padding-left: 46px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgb(250 250 250/1);
    flex-direction: column;
    width: 100%;
    display: flex;
}
#kakaoPartner .kakaoPartnerContentWrap nav ul .sideMenuLiInner .s13MediumGray10 {
    padding-bottom: 1px;
    border-bottom: 1px solid rgb(76 76 76/1);
}
#kakaoPartner .mlAuto {
    margin-left: auto !important;
}
#kakaoPartner .s13MediumGray10 {
    color: #1a1a1a;
    font-size: 13px;
    font-weight: 500;
}
#kakaoPartner .s13RegularGray30 {
    color: #4c4c4c;
    font-size: 13px;
    font-weight: 400;
}
#kakaoPartner .kakaoPartnerContentWrap .kakaoPartnerContentInner {
    overflow: auto;
    flex-direction: column;
    width: 100%;
    display: flex;
}
#kakaoPartner .kakaoPartnerContentInner .nowLinkWrap {
    margin-bottom: 32px;
    margin-top: 56px;
    margin-left: 32px;
    margin-right: 32px;
}
#kakaoPartner .nowLinkWrap .nowLinkInner {
    flex-wrap: wrap;
    width: 976px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}
#kakaoPartner .nowLinkText {
    letter-spacing: -0.5px;
    line-height: 1.5;
    font-weight: 500;
    font-size: 12px;
}
#kakaoPartner .nowLinkFirst {
    color: rgb(153 153 153/1);
}
#kakaoPartner .nowLinkSecond {
    color: rgb(76 76 76/1);
}
#kakaoPartner .kakaoPartnerContentWrap main {
    flex: 1 1 0%;
    min-width: 976px;
    margin: 0 auto;
    width: 976px;
}
#kakaoPartner main .kakaoPartnerMainInner,
#kakaoPartner main .kakaoPartnerMainInner02 {
    width: 976px;
    margin-left: auto;
    margin-right: auto;
}
#kakaoPartner main .kakaoPartnerMainTit {
    letter-spacing: -0.5px;
    line-height: 1.5;
    width: 976px;
    height: 42px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}
#kakaoPartner .s24MediumGray10 {
    color: #1a1a1a;
    font-size: 24px;
    font-weight: 500;
}
#kakaoPartner main .kakaoPartnerFormWrap {
    width: 100%;
    margin-bottom: 56px;
}
#kakaoPartner main .kakaoPartnerFormInner {
    flex-direction: column;
    display: flex;
    position: relative;
}
#kakaoPartner main .kakaoPartnerFormInner .formBox {
    padding-left: 24px;
    padding-right: 24px;
    flex-direction: column;
    min-width: 495px;
    display: flex;
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgb(229 229 229/1);
}
#kakaoPartner main .kakaoPartnerFormInner .formBox .formBoxInner {
    align-items: center;
    flex-direction: row;
    display: flex;
}
#kakaoPartner main .kakaoPartnerFormInner .formBox .formBoxInner:first-child {
    margin-bottom: 16px;
}
#kakaoPartner main .kakaoPartnerFormInner .formBox .formBoxInner .formLabel {
    width: 90px;
}
#kakaoPartner .goodsInfoBtnWrap {
    border-bottom: 1px solid rgb(229 229 229/1);
    width: 100%;
    display: flex;
}
#kakaoPartner .goodsInfoBtnWrap .goodsInfoBtn {
    text-align: center;
    padding-bottom: 11px;
    padding-top: 10px;
    padding-left: 24px;
    padding-right: 24px;
    margin-bottom: -1px;
    box-sizing: border-box;
    border-bottom: 2px solid transparent;
}
#kakaoPartner .goodsInfoBtnWrap .goodsInfoBtn.on,
#kakaoPartner .goodsInfoBtnWrap .goodsInfoBtn.on:hover {
    border-bottom: 2px solid rgb(26 26 26/1);
}
#kakaoPartner .goodsInfoBtnWrap .goodsInfoBtn:hover {
    border-bottom: 2px solid #999;
}


#kakaoPartner .ml16 {
    margin-left: 16px;
}
#kakaoPartner select {
    position: relative;
    border-color: rgb(229 229 229/1);
    border-width: 1px;
    border-radius: 4px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    height: 100%;
    display: flex;
    color: rgb(26 26 26/1);
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 16px;
    font-size: 13px;
    font-weight: 400;
    width: 292px;
    height: 34px;
    /* �붿궡�쒕컮袁멸린 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/img/front/memberCenter/kakaoPartnerSelectIcon.svg) 97% no-repeat;
}
#kakaoPartner select:hover,
#kakaoPartner select:focus,
#kakaoPartner input[type="text"]:hover,
#kakaoPartner input[type="text"]:focus,
#kakaoPartner input[type="date"]:hover,
#kakaoPartner input[type="date"]:focus,
#kakaoPartner input[type="month"]:hover,
#kakaoPartner input[type="month"]:focus,
#kakaoPartner .goodsNmInputWrap input:hover, 
#kakaoPartner .goodsNmInputWrap input:focus {
    border-color: rgb(76 76 76/1);
}
#kakaoPartner select::-ms-expand {
    display: none;
}
#kakaoPartner .goodsNmInputWrap label {
    font-size: 0;
}
#kakaoPartner input[type="date"],
#kakaoPartner input[type="month"] {
    width: 134px !important;
    color: #000 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding-left: 16px !important;
    padding-right: 8px !important;
}
#kakaoPartner input[type="date"]:hover,
#kakaoPartner input[type="month"]:hover {
    color: rgb(153 153 153/1) !important;
}
#kakaoPartner input[type="text"],
#kakaoPartner input[type="date"],
#kakaoPartner input[type="month"],
#kakaoPartner .goodsNmInputWrap input {
    outline: 2px solid transparent !important;
    outline-offset: 2px !important;
    color: rgb(26 26 26/1);
    font-size: 13px;
    padding-left: 16px;
    padding-right: 16px;
    border-color: rgb(229 229 229/1);
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    width: 292px;
    height: 34px;
    display: inline-block;
    box-sizing: border-box;
}
#kakaoPartner .formBtn {
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    display: flex;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}
#kakaoPartner .btnBasicPrimaryLarge {
    min-width: 120px;
    min-height: 44px;
    padding: 0 16px;
    line-height: 1.5;
    letter-spacing: -0.5px;
    background-color: #4c4c4c;
}
#kakaoPartner .btnBasicPrimaryLarge:hover {
    background-color: #333;
}
#kakaoPartner .formBtn span {
    width: 100%;
    z-index: 1 !important;
}
#kakaoPartner .formBtn span.s16BoldWhite {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
#kakaoPartner .kakaoPartnerResult {
    overscroll-behavior-x: none;
}
#kakaoPartner .h40 {
    height: 40px;
}
#kakaoPartner .s14RegularBlack {
    color: #000;
    font-size: 14px;
    font-weight: 400;
}
#kakaoPartner .w76 {
    width: 76px;
}
#kakaoPartner .w34 {
    height: 34px;
}
#kakaoPartner .relative {
    position: relative;
}
#kakaoPartner .flexRow {
    flex-direction: row;
}
#kakaoPartner #dataTable,
#kakaoPartner #dataTable2,
#kakaoPartner #dataTable3,
#kakaoPartner #dataTable4 {
    border-collapse: collapse !important;
}
#kakaoPartner #dataTable th,
#kakaoPartner #dataTable2 th,
#kakaoPartner #dataTable3 th,
#kakaoPartner #dataTable4 th {
    border-left-width: 0 !important;
    padding: 0;
    background-color: rgb(250 250 250/1);
    white-space: nowrap;
    height: 44px;
    box-sizing: border-box;
    border: 1px solid rgb(229 229 229/1);
}
#kakaoPartner #dataTable th:last-child,
#kakaoPartner #dataTable2 th:last-child,
#kakaoPartner #dataTable3 th:last-child,
#kakaoPartner #dataTable4 th:last-child {
    border-right-width: 0 !important;
}
#kakaoPartner .s13RegularGray40 {
    color: #666;
    font-size: 13px;
    font-weight: 400;
}
#kakaoPartner .s12RegularGray60 {
    color: #999;
    font-size: 12px;
    font-weight: 400;
}
#kakaoPartner .lh1dot5 {
    line-height: 1.5;
}
#kakaoPartner .breakWords {
    overflow-wrap: break-word;
}
#kakaoPartner #dataTable td,
#kakaoPartner #dataTable2 td,
#kakaoPartner #dataTable3 td,
#kakaoPartner #dataTable4 td {
    border-left-width: 0 !important;
    border-top-width: 0 !important;
    padding: 0;
    border: 1px solid rgb(229 229 229/1);
    height: 52px;
    font-size: 13px;
}
#kakaoPartner #dataTable td:last-child,
#kakaoPartner #dataTable2 td:last-child,
#kakaoPartner #dataTable3 td:last-child,
#kakaoPartner #dataTable4 td:last-child {
    border-right-width: 0 !important;
}
#kakaoPartner #dataTable td > div,
#kakaoPartner #dataTable2 td > div,
#kakaoPartner #dataTable3 td > div,
#kakaoPartner #dataTable4 td > div {
    line-height: 2;
    font-weight: 400;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    color: rgb(0 0 0/1);
    text-align: center;
}
#kakaoPartner #dataTable tbody tr:hover {
    cursor: pointer;
}
#kakaoPartner #dataTable tbody tr:hover,
#kakaoPartner #dataTable2 tbody tr:hover,
#kakaoPartner #dataTable3 tbody tr:hover,
#kakaoPartner #dataTable4 tbody tr:hover {
    background-color: rgb(255 253 242/1);
}
#kakaoPartner .lengthMenuWrap label {
    font-size: 0;
}
#kakaoPartner .lengthMenuWrap select {
    width: 76px !important;
    height: 34px !important;
}
#kakaoPartner div.dataTables_wrapper div.dataTables_info {
    display: none !important;
}
#kakaoPartner div.dataTables_paginate {
    margin-top: 10px;
    display: flex !important;
    justify-content: center !important;
}
#kakaoPartner div.dataTables_paginate .pagination a {
    font-size: 13px;
    font-weight: normal;
    color: #333;
}
#kakaoPartner div.dataTables_paginate .pagination .active {
    border-right: 1px solid #d1d5d9 !important;
    border-bottom: 1px solid #d1d5d9 !important;
    border-top: 1px solid #d1d5d9 !important;
    border-left: 0 !important;
}
#kakaoPartner div.dataTables_paginate .pagination .active a {
    background-color: rgb(255 248 204 / 1) !important;
}
#kakaoPartner footer {
    padding-left: 32px;
    padding-right: 32px;
    align-items: center;
    height: 72px;
    display: flex;
    margin-top: 64px;
}
#kakaoPartner footer .kakaoPartnerFooterInner {
    width: 100%;
    display: flex;
    margin-left: 32px;
    margin-right: 32px;
}
#kakaoPartner footer .kakaoPartnerFooterInner .footerLeft {
    align-items: center;
    flex-direction: row;
    display: flex;
}
#kakaoPartner .s13RegularGray60 {
    color: #999;
    font-size: 13px;
    font-weight: 400;
}
#kakaoPartner .bgGray98 {
    background-color: rgb(250 250 250/1);
}

/* 移댁뭅�ㅽ뙆�몃꼫 : �뚯감�꾩쟻議고쉶�� */
#kakaoPartner #acmltVwsep {}
#kakaoPartner #acmltVwsep .acmltVwsepNotice {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-right: 8px;
    margin-left: auto;
}
#kakaoPartner #acmltVwsep .acmltVwsepChartWrap {
    justify-content: center;
    width: 100%;
    height: auto;
    display: flex;
}
#kakaoPartner #acmltVwsep .acmltVwsepChartInner {
    width: 100%;
    height: 300px;
}
#kakaoPartner #acmltVwsep .acmltVwsepTableWrap {
    margin-top: 50px;
}

/* 移댁뭅�ㅽ뙆�몃꼫 : �묓뭹二쇨컙議고쉶�� */
#kakaoPartner #wkvcnWorks {}
#kakaoPartner #wkvcnWorks .wkvcnWorksFormWrap {
    width: 100%;
    margin-bottom: 20px;
}
#kakaoPartner #wkvcnWorks .wkvcnWorksFormInner {
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgb(229 229 229/1);
    width: 100%;
    display: flex;
}
#kakaoPartner #wkvcnWorks .wkvcnWorksFormInner .formBoxWrap {
    padding-left: 24px;
    padding-right: 24px;
    flex-direction: column;
    min-width: 495px;
    display: flex;
}
#kakaoPartner #wkvcnWorks .wkvcnWorksFormInner .formBoxInner {
    margin-bottom: 0;
    align-items: center;
    flex-direction: row;
    display: flex;
}
#kakaoPartner #wkvcnWorks .wkvcnWorksFormInner .formLabel {
    width: 90px;
}
#kakaoPartner #wkvcnWorks .wkvcnWorksFormInner .formBoxInner .formBox {
    margin-left: 16px;
    display: flex;
}
#kakaoPartner #wkvcnWorks .wkvcnWorksFormInner .formBoxInner .formBox span {
    margin: 0 8px;
}
#kakaoPartner .btnFilterSearch {
    min-width: 64px;
    min-height: 34px;
    font-size: 13px;
    background-color: #4c4c4c;
    border-radius: 3px;
    margin-left: 8px;
}
#kakaoPartner .btnFilterSearch span {
    z-index: 1 !important;
}
#kakaoPartner .s13RegularWhite {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}
#kakaoPartner #wkvcnWorks .wkvcnWorksNoticeWrap {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    margin-right: 8px;
    margin-left: auto;
}
#kakaoPartner #wkvcnWorks .wkvcnWorksChartWrap {
    justify-content: center;
    width: 100%;
    height: auto;
    display: flex;
}
#kakaoPartner #wkvcnWorks .wkvcnWorksChartInner {
    justify-content: center;
    width: 100%;
    max-height: 300px;
    height: 300px;
    display: flex;
}
#kakaoPartner .wkvcnWorksTableWrap {
    margin-top: 50px;
}

/* 移댁뭅�ㅽ뙆�몃꼫 : �붽컙�깆뿰�� */
#kakaoPartner #monthlyGenderAge {}
#kakaoPartner #monthlyGenderAge .monthlyGenderAgeFormWrap {
    width: 100%;
    margin-bottom: 20px;
}
#kakaoPartner #monthlyGenderAge .monthlyGenderAgeFormInner {
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgb(229 229 229/1);
    width: 100%;
    display: flex;
}
#kakaoPartner #monthlyGenderAge .monthlyGenderAgeFormInner .formBoxWrap {
    padding-left: 24px;
    padding-right: 24px;
    flex-direction: column;
    min-width: 495px;
    display: flex;
}
#kakaoPartner #monthlyGenderAge .monthlyGenderAgeFormInner .formBoxInner {
    margin-bottom: 0;
    align-items: center;
    flex-direction: row;
    display: flex;
}
#kakaoPartner #monthlyGenderAge .monthlyGenderAgeFormInner .formBoxInner .formLabel {
    width: 90px;
}
#kakaoPartner #monthlyGenderAge .monthlyGenderAgeFormInner .formBoxInner .formBox {
    margin-left: 16px;
    display: flex;
}
#kakaoPartner #monthlyGenderAge .monthlyGenderAgeNoticeWrap {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    margin-right: 8px;
    margin-left: auto;
}
#kakaoPartner #monthlyGenderAge .monthlyGenderAgeChartWrap {
    justify-content: center;
    width: 100%;
    height: auto;
    display: flex;
}
#kakaoPartner #monthlyGenderAge .monthlyGenderAgeChartWrap .mgaChart01Wrap,
#kakaoPartner #monthlyGenderAge .monthlyGenderAgeChartWrap .mgaChart02Wrap {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex: 1 1 0%;
    max-height: 300px;
    height: 300px;
    display: flex;
}
#kakaoPartner #monthlyGenderAge .monthlyGenderAgeTableWrap {
    margin-top: 50px;
}



/* 諛섏쓳�� 肄붾뱶 */
@media screen and (max-width: 1160px) {
    /* �먯옣遺� �곷떒諛� centerMenu 諛섏쓳�� CSS */
    #mheader.centerMenuMHeader {
        overflow-y: scroll;
    }
    #mheader.centerMenuMHeader .section_left {
        display: block;
    }
    #mheader.centerMenuMHeader .section {
        width: max-content;
        padding: 10px 5px;
    }
    #mheader.centerMenuMHeader .section .section_inner .section_left ul.centerList li {
        margin-bottom: 0;
    }
    #mheader.centerMenuMHeader .left_menu,
    #mheader.centerMenuMHeader .media_query_h_logo,
    #mheader.centerMenuMHeader .media_query_my_page
    {
        display: none !important;
    }

    /* 紐⑤컮�쇱뿉�� �ㅽ겕濡� �대룞 �덉슜 */
    #ridibooks,
    #naver,
    #kakaopage,
    #yes24,
    #aladdin,
    #anytoon,
    #bookpal,
    #mrblue,
    #onestore,
    #tocsoda,
    #romantique,
    #sybook,
    #pnstory,
    #piuri,
    #kyobo,
    #bookcube,
    #epyrus,
    #joara,
    #kakaoPartner
    {
        overflow-y: scroll;
    }
    #ridibooks .ridibooksInner,
    #yes24 .yes24Inner,
    #aladdin .aladdinInner,
    #anytoon .anytoonInner,
    #onestore .onestoreInner,
    #tocsoda .tocsodaInner,
    #romantique .romInner,
    #sybook .sybookInner,
    #piuri .piuriInner,
    #kyobo .kyoboWrapper,
    #mrblue .mrblueInner,
    #bookcube .bookcubeInner,
    #epyrus .epyrusInner,
    #joara .joaraInner
    {
        max-width: 1920px;
        min-width: 1440px;
    }
    #naver .naverInner,
    #kakaopage .kakaopageInner,
    #kakaoPartner .kakaoPartnerInner
    {
        max-width: 1920px;
        min-width: 1920px;
    }
    #pnstory .pnstoryInner {
        max-width: 1920px;
        min-width: 1620px;
    }


    #ridibooks .layoutHeader {
        padding: 81px 0 21px 0;
    }
    #naver .header {
        margin-top: 62px;
        position: unset;
    }
    #naver .memberCenterSearchInner > div > label {
        width: 95px;
        box-sizing: border-box;
    }
    #kakaopage .kakaoHeaderWrap {
        margin-top: 60px;
    }
    #kakaopage .kakaoMainTableWrap .tableResultInner table {
        width: 100% !important;
    }
    #kakaopage .kakaoMainTableWrap .tableResultInner {
        padding: 24px;
    }
    #aladdin {
        min-width: auto;
        padding-top: 62px;
    }
    #anytoon,#bookpal,#mrblue,#tocsoda,#sybook,#pnstory,.shiftbooks,#bookcube,#epyrus,#joara,#kakaoPartner .kakaoPartnerInner .kakaoPartnerHeader {
        padding-top: 61px !important;
    }
    #bookpal .dataTable_wrapper td{
        display: table-row !important;
    }
    #bookpal #wrapper {
        width: auto !important;
        overflow-x: auto !important;
    }
    #bookpal .col-sm-12,
    #bookpal .col-sm-11,
    #bookpal .col-sm-10,
    #bookpal .col-sm-9,
    #bookpal .col-sm-8,
    #bookpal .col-sm-7,
    #bookpal .col-sm-6,
    #bookpal .col-sm-5,
    #bookpal .col-sm-4,
    #bookpal .col-sm-3,
    #bookpal .col-sm-2,
    #bookpal .col-sm-1 {
        width: auto !important;
    }
    #bookpal .col-md-1,
    #bookpal .col-md-10,
    #bookpal .col-md-11,
    #bookpal .col-md-12,
    #bookpal .col-md-2,
    #bookpal .col-md-3,
    #bookpal .col-md-4,
    #bookpal .col-md-5,
    #bookpal .col-md-6,
    #bookpal .col-md-7,
    #bookpal .col-md-8,
    #bookpal .col-md-9 {
        width: auto !important;
    }
    #bookpal nav {
        z-index: 101 !important;
    }
    #bookpal .navbar {
        z-index: 89 !important;
    }
    #bookpal #pageWrapper {
        width: 1660px !important;
    }    
    #mrblue .mrblueTable>tbody>tr>td,
    #mrblue .mrblueTable>thead>tr>th {
        display: table-cell !important;
    }
    #mrblue #appSidebarLeft {
        display: none;
    }
    #mrblue #contentOuterWrapper,
    #mrblue #topnavbarWrapper .mrNavbarNav.leftMenu {
        padding-left: 0 !important;
    }
    #mrblue #topnavbarWrapper .mrNavbar .navWrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    #onestore .container .lnb + .content, #onestore .container .lnb ~ .content {
        width: auto !important;
    }
    #onestore .lnb {
        position: absolute;
    }
    #onestore header {
        position: unset;
        padding-top: 62px;
    }
    #romantique {
        padding-top: 66px;
    }
    #romantique .romanFooter {
        width: 1448px;
    }
    #yes24.shiftbooks .table th, #yes24.shiftbooks .table td {
        padding: 0.75rem 0 !important;
    }
    #piuri {
        width: auto !important;
        min-width: auto !important;
    }
    #kyobo header {
        margin-top: 61px;
    }
    #yes24 {
        padding-top: 62px;
    }


    .moreCenterMobile {
        display: none;
    }
    .moreCenterMobile.on {
        display: block;
    }
    .moreCenterMobile.on ul li a {
        padding: 0 10px !important;
        border: 1px solid #ccc!important;
        border-radius: 5px !important;
        font-size: 13px !important;
        background: white;
        vertical-align: middle;
        font-weight: 600;
        min-width: 102px;
        height: 36px !important;
        display: inline-flex;
        align-items: center;
    }
    
}