@charset "utf-8";

.p-login{
    color: #00a888;
    border: 2px solid #00a888;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 16px;
    font-weight: bold;
}

.p-logout{
    color: #00a888;
    border: 2px solid #00a888;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 16px;
    font-weight: bold;
}


.add-btn.new_main {
    margin-bottom: 40px;
}

.add-btn.new_main .go-art {
    margin-left: 0 !important;
}

.composition-sub_title {
    display: none !important;
}

.contents-composition_wrap {
    overflow: hidden !important;
    margin-top: 30px !important;
}

.situation-tit {
    padding: 42px 32px;
    font-size: 32px;
    color: #fff;
    text-align: left;
    margin-top: 60px;
    margin-bottom: 40px;
    font-weight: bold;
}

.bookList-all {
    margin-bottom: 40px;
}

img.ebook-icon-list {
    position: absolute !important;
    top: 30px !important;
}

.tab-list_contents .booklist-wrap {
    position: relative;
}

.main-select {
    padding: 26px;
    background: #f4f4f4;
    width: 100%;
    position: relative;
}

.main-select select {
    margin-right: 80px;
}

.main-select .line {
    width: 1px;
    height: 44px;
    background: #c4c4c4;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 255px;
}

.after::after {
    content: "";
    display: block;
    clear: both;
}

.guide-popup .popup_close {
    top: 20px;
    right: 20px;
}

.banner_box .main_tit .more_bt {
    margin-top: 9px !important;
}

.main-popup {
    width: 1200px;
    height: 780px;
}

.sc_pop {
    height: 720px;
    padding: 40px 150px;
    overflow-y: scroll;
}

.sc_pop ul {
    width: 890px;
}

.sc_pop li {
    width: 430px;
    height: 300px;
    border: 1px solid #c2c2c2;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

.sc_pop li:nth-of-type(2n) {
    margin-right: 0;
}

.sc_pop li img {
    width: 100%;
    height: 100%;
}

.mb60 {
    margin-bottom: 60px;
}

.mt20 {
    margin-top: 20px;
}

.search_m_pop {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
    top: 0;
    left: 0;
    display: none;
}

.search_m_pop .top {
    width: 100%;
    height: 80px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #e8e8e8;
}

.search_m_pop .top .logo {
    float: unset;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.search_m_pop .top .logo img {
    width: auto;
}

.search_m_pop .search_box {
    background: #fff;
    border-top: unset;
}

.search_m_pop .search_wrap {
    margin: 20px;
    height: calc(100% - 80px);
}

.search_m_pop .header-search[type='text'] {
    width: 100%;
    height: 40px;
    /*border: 1px solid #b4b4b4;*/
}

.search_result::after {
    content: "";
    display: block;
    clear: both;
}

.title-sub.exp{
    border-bottom: unset;
}

    .title-sub .tab li {
        width: 78px;
        float: left;
        border-radius: 20px;
        text-align: center;
        background: #f4f4f4;
        margin-left: 5px;
        cursor: pointer;
    }

.title-sub .tab li.on{
    background: #83b09e;
    color: #fff;
}

.stuation-text_title{
    border-top: 1px solid #cdcdcd;
}

.stuation-tag{
    /*border-bottom: 1px solid #cdcdcd;*/
    padding: 20px !important;
}

.text-area{
    width: 100% !important;
    background: #edf6f1 !important;
    padding: 20px !important;
}
.card-area{
    width: 100% !important;
    height: auto !important;
    margin-bottom: 30px;
}

.artist.exp{
    background: #fff;
    padding-bottom: 243px;
}

.mb10{
    margin-bottom: 10px;
}


.extracto-text {
    width: 100% !important;
    margin-top: 20px;
}

.extracto-text::after {
    display: none;
}

.ex-title {
    float: unset !important;
    font-size: 20px !important;
    background: unset !important;
    color: #000 !important;
    margin: 0 !important;
    text-align: left !important;
    line-height: 50px !important;
    height: 50px !important;
}


.extracto-number {
    display: block !important;
    float: unset !important;
    margin-left: 0px !important;
    height: 70px !important;
    width: 100% !important;
}

.extracto {
    position: relative;
}

.extracto-number_selected {
    display: inline !important;
    float: left !important;
    width: 41px !important;
    margin-right: 0 !important;
    position: absolute !important;
    left: 0px !important;
    top: 0 !important;
}

.number-no_select.on {
    background:url('/resources/img/artbooks/extracto_on.png') no-repeat;
    color:#a897e8;
    background-size: 41px;
}


.layer{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0, 0.7);
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
}


/* -------------------------------------------------------DESKTOP------------------------------------------------------- */
@media all and (max-width: 1400px) {

    div.quick {
        display: none;
    }


}


@media all and (max-width: 1200px) {


    .mHide {
        display: none !important;
    }


    section {
        padding-top: 80px !important;
    }


    body, section {
        min-width: unset !important;
    }

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

    .tof2 {
        white-space: normal;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.5;
    }

    .tof3 {
        white-space: normal;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.5;
    }

    .banner-bottom {
        display: none !important;
    }

    .after::after {
        content: "";
        display: block;
        clear: both;
    }

    .header {
        width: 100% !important;
        padding: 0 20px;
        position: unset !important;
        left: unset !important;
        margin-left: unset !important;
    }

    /*.header-right{*/
    /*    margin-right: 20px;*/
    /*}*/
    section {
        width: 100% !important;
        min-width: unset;
    }

    .inner {
        width: 100%;
    }

    .banner-content {
        width: 100% !important;
        left: unset !important;
        margin-left: unset !important;
    }

    .contents-title {
        width: 100% !important;
    }


    .content-text img {
        display: none;
    }

    .banner-top {
        height: 90px !important;
    }

    .content-text p {
        display: none !important;
    }

    .content-text {
        width: 100% !important;
        top: 17px !important;
        left: 10px !important;
    }

    .content-text h2 {
        font-size: 30px !important;
        margin-top: 10px !important;
    }

    .main-contents1 {
        width: 100% !important;
        padding: 0 20px;
    }

    .logo img {
        margin-right: 0;
    }

    .full-header .logo img {
        margin-right: 0;
    }


    .inner {
        padding: 0 20px !important;
    }

    .select-thema_wrap {
        display: inline-block;
    }

    .select-thema {
        float: unset !important;
    }

    .thema-btn {
        float: unset !important;
        font-size: 20px !important;
        height: 50px !important;
        line-height: 50px !important;
        width: 250px !important;
        background: url(/resources/img/kidsbooks/right_arrow.png) no-repeat 220px center #fcb95a !important;
    }

    .thema-btn:hover {
        background: url(/resources/img/kidsbooks/right_arrow.png) no-repeat 220px center #a0a0a0 !important;
    }

    .contents-thema_wrap li {
        margin-right: 10px !important;
        margin-bottom: 10px !important;
        width: calc((100% - 50px) / 6) !important;
    }

    .contents-thema_wrap li:nth-of-type(6n) {
        margin-right: 0px !important;
    }


    .thema-text {
        display: block !important;
        width: unset !important;
        height: unset !important;
        padding: 0 !important;
        background: unset !important;
        top: 80% !important;
    }

    .thema-text em {
        color: #000 !important;
        font-size: 17px !important;
        margin-bottom: 0 !important;
    }

    .thema-text span {
        display: none;
    }


    .thema_story .thema-text span {
        display: block;
    }

    #select14 .thema-img img {
        width: 30px;
    }

    .main-contents2 {
        width: 100% !important;
        padding: 0 20px;
        overflow: hidden;
    }

    .main-contents2 .clearfix {
        width: 100% !important;
    }

    .list-num {
        float: unset !important;
        margin: 0 auto !important;
        width: 90px !important;
        padding-top: 50px !important;
    }

    .list-num li {
        text-align: center;
    }

    .kids-book_slide_list_wrap {
        width: 800px !important;
        margin: 0 auto !important;
    }


    .list {
        width: 100% !important;
    }

    .list li {
        width: calc((100% - 30px) / 4) !important;
        margin-bottom: 10px !important;
    }

    .list li:nth-of-type(4n) {
        margin-right: 0 !important;
    }

    .kids-book_slide_wrap {
        width: 100% !important;
    }

    .main-contents3 {
        width: 100% !important;
        padding: 0 20px;
    }

    .main-contents4 {
        width: 100% !important;
        padding: 0 20px;
        height: 660px !important;
    }

    .sc_box {
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .sc_box::-webkit-scrollbar {display: none !important; }


    .main-book_info li {
        border: unset !important;
        height: 430px !important;
    }

    .main-book_info li img {
        border: 1px solid #cdcdcd;
        height: 334px;
    }

    .main-book_info li .ebook-icon {
        height: 34px !important;
        border: unset !important;
    }

    .main-book_info .book_info-bg {
        display: block !important;
        background: unset !important;
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        bottom: 0px !important;
        left: unset !important;
        transition: unset !important;
        top: unset !important;
    }

    .main-book_info .book_info-wrap {
        width: 100% !important;
        height: auto !important;
        vertical-align: unset !important;
        position: absolute !important;
        bottom: 0px !important;
        display: block !important;
        left: 0 !important;
        top: 344px !important;
    }

    .book-title {
        color: #000 !important;
    }

    .book-writer {
        color: #000 !important;
    }


    .main-contents5 {
        width: 100% !important;
        padding: 0 20px;
    }

    .main-btn {
        width: 200px !important;
        height: 50px !important;
        line-height: 50px !important;
        font-size: 20px !important;
        margin-left: 0 !important;
        transform: translateX(-50%);
    }

    .main-keyword {
        width: 100% !important;
    }

    .main-keyword li {
        margin-right: 10px !important;
        margin-top: 10px !important;
        width: calc((100% - 70px) / 8) !important;
        height: 105px !important;
    }

    .main-keyword li:nth-of-type(8n) {
        margin-right: 0px !important;
    }

    .main-keyword a {
        width: 100% !important;
        height: 100% !important;
        font-size: 18px !important;
        padding: 0 !important;
        display: block !important;
        line-height: 105px;
    }


    .footer-wrap {
        width: 100% !important;
        padding: 0 20px;
        text-align: center;
        height: 300px !important;
    }


    .footer-logo {
        float: unset !important;
        margin-top: 30px !important;
        width: 194px !important;
        display: inline-block !important;
    }

    address {
        float: unset !important;
        margin-left: unset !important;
        margin-top: 20px !important;
    }

    .footer-util {
        float: unset !important;
        margin-top: 20px !important;
    }

    /* 카테고리별 독서 페이지 */
    .breadcrumbs-bg {
        width: 100% !important;
        padding: 0 20px;
    }

    .breadcrumbs {
        left: unset !important;
        bottom: unset !important;
        top: 50%;
        transform: translateY(-50%);
    }


    article {
        width: 100% !important;
        padding: 0 20px !important;
    }

    .tc {
        text-align: center !important;
    }

    .thema {
        margin-bottom: 40px;
    }


    .thema-select {
        width: 584px !important;
        margin-left: 0px !important;
    }

    .select_box {
        width: 584px !important;
    }


    .return-btn {
        top: -40px;
        right: unset !important;
        left: 50%;
        transform: translateX(-50%);
    }

    .age_wrap {
        height: 54px;
        /*width: 178px !important;*/
    }

    .age:last-child {
        margin-right: 0 !important;
    }

    .age {
        width: 50px !important;
    }

    .tab-contents .age {
        width: 100% !important;
        height: auto !important;
    }

    .age-select {
        width: 100% !important;
        overflow-x: scroll !important;
        white-space: nowrap;
        font-size: 0;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .age-select::-webkit-scrollbar {display: none !important; }

    .age-select li {
        float: unset !important;
        display: inline-block;
        min-width: 112px;
    }

    .main-title {
        font-size: 29px !important;
    }

    .searchlist-tab {
        display: none !important;
    }

    /*.select-115{*/
    /*    display: none !important;*/
    /*}*/
    .category-title {
        text-align: center;
    }

    .thema li {
        height: 89px !important;
    }

    .thema li span {
        transform: unset !important;
        transition: unset !important;
        background: unset !important;
    }

    .thema li em {
        color: #000 !important;
        width: 100% !important;
        position: absolute;
        bottom: 0;
        font-size: 14px !important;
        left: 0;
        height: 20px !important;
        display: block !important;
    }

    .thema li.on em {
        color: #fff;
    }


    /*    책 상세페이지 */
    .book_detail-img {
        float: unset !important;
        margin: 0 auto;
    }

    .book_detail-info {
        float: unset !important;
        margin: 0 auto;
        width: 100% !important;
        margin-top: 30px;
        padding-left: 0 !important;
        height: auto !important;
    }


    .info-wrap {
        width: 100% !important;
        padding-right: 0px !important;
        text-align: center !important;
        float: unset !important;
        position: unset !important;
        height: auto !important;
    }

    .info-box {
        position: unset !important;
        margin: 20px 0;
    }

    .info-btn_wrap {
        width: 100% !important;
        float: unset !important;
        text-align: center;
        height: auto !important;
    }

    .info-btn_wrap button {
        margin-left: 10px !important;
    }

    .info-btn_wrap button:last-child {
        margin-right: 0 !important;
    }

    .book_detail-info .age_wrap {
        width: 100% !important;
        margin-top: 20px !important;
    }

    .book-comment_wrap {
        position: unset !important;
        text-align: right;
        margin-top: 20px;
    }

    .write_btn {
        position: unset !important;
    }

    .write_btn.exp {
        margin-bottom: 50px !important;
    }


    .thema_story .thema-list {
        float: unset !important;
        height: 100px;
        width: 100%;
    }

    .thema_story .thema-body {
        float: unset !important;
        width: 100% !important;
    }

    .thema_story .thema-body::before {
        content: unset !important;
    }

    .thema_story .thema-text em {
        padding-top: 20px;
        font-size: 20px !important;
    }

    .thema_story .thema-text {
        height: 100% !important;
        padding-right: 15px !important;
    }

    .info-keyword {
        border-top: unset !important;
        overflow: auto !important;
    }

    .info-keyword li {
        margin-bottom: 10px;
    }

    .popbook_slide_wrap .prev_btn, .popbook_slide_wrap .next_btn {
        display: none !important;
    }

    .popbook_slide-box {
        overflow-x: scroll !important;
        width: 100% !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .popbook_slide-box::-webkit-scrollbar {display: none !important; }

    .popbook_silde li:last-child {
        margin-right: 0 !important;
    }

    .star-average {
        width: calc(100% - 768px) !important;
    }

    .star-analysis {
        width: 768px !important;
    }

    .own-tbl {
        width: 100% !important;
    }

    .breadcrumbs-bg {
        background: unset !important;
    }


    .popbook_silde-bg {
        left: 0 !important;
        background: unset !important;
        padding: 0 !important;
    }

    .popbook_silde_info-wrap {
        display: block !important;
        position: absolute !important;
        bottom: 0 !important;
        width: 100% !important;
        height: auto !important;
    }

    .popbook_silde li {
        height: 360px !important;
        border: unset !important;
    }

    .popbook_silde li img {
        height: 270px !important;
        border: 1px solid #cdcdcd;
    }

    .popbook_silde li img.ebook-icon {
        top: 5px !important;
        left: 5px !important;
        width: 34px !important;
        height: 34px !important;
        border: unset !important;
    }

    .popbook_silde-title {
        color: #000 !important;
    }

    .popbook_silde-writer {
        color: #000 !important;
    }


    /*  청소년 북스   */
    .banner-content {
        width: 100% !important;
    }

    .main-contents2_bg {
        background: unset !important;
        width: 100% !important;
    }

    .main-contents4_bg {
        background: unset !important;
        width: 100% !important;
        height: 100% !important;
    }

    .keyword_mark {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .main-contents1 .main-prev, .main-contents1 .main-next {
        display: none !important;
    }

    .slide5 {
        overflow-x: scroll !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .slide5::-webkit-scrollbar {display: none !important; }

    .main-contents2 {
        height: auto !important;
        padding-bottom: 90px !important;
        margin-bottom: 0px !important;
    }

    .main-contents2_bg {
        height: auto !important;
    }


    .contents2-title {
        font-size: 24px !important;
    }

    .contents-title strong {
        font-size: 24px;
    }

    .slide5 .teenager.contents-composition_wrap li {
        width: 120px !important;
    }

    footer {
        bottom: -260px !important;
    }

    .main-contents3 .contents-title {
        margin-top: 0px !important;
    }

    .composition-title {
        font-size: 18px !important;
    }

    .book-title {
        font-size: 18px !important;
        padding-bottom: 0;
        margin-bottom: 10px;
        white-space: normal;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.5;
    }

    .book-writer {
        font-size: 14px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    .title-sub {
        font-size: 20px !important;
    }

    .recommend-friend_info em {
        font-size: 16px !important;
    }

    .recommend-friend_info span {
        font-size: 14px !important;
    }


    .card_contents-wrap .next_btn {
        right: 200px !important;
    }

    .card_contents-wrap .prev_btn {
        left: 200px !important;
    }

    .kids-main-book-info.main-book_info {
        width: 100% !important;
        min-width: unset !important;
    }

    .main-book_info.kids-main-book-info li {
        width: calc((100% - 60px) / 4) !important;
        margin-right: 20px !important;
    }

    .kids-main-book-info.main-book_info li:nth-of-type(4n) {
        margin-right: 0 !important;
    }

    .kids-main-book-info.main-book_info li img {
        width: 100% !important;
    }

    .thema-friend {
        height: auto !important;
        text-align: center !important;
        padding: 15px !important;
    }

    .friend-profile {
        float: unset !important;
        margin: 0 auto !important;
        margin-bottom: 10px !important;
    }

    .friend-img {
        float: unset !important;
        margin: 0 auto !important;
        margin-bottom: 10px !important;
    }

    .friend-info {
        margin: 0 !important;
        float: unset !important;
        margin-bottom: 10px !important;
    }

    .friend-tag {
        margin: 0 !important;
        float: unset !important;
        width: auto !important;
        height: auto !important;
        display: block !important;
        margin-bottom: 10px !important;
    }

    .friend-tag p {
        height: auto !important;
        display: block !important;
    }

    .thema-friend .thema-text {
        position: unset !important;
    }


    .result-box input {
        width: calc(100% - 259px) !important;
    }

    .main-thema.editor {
        width: 100% !important;
        overflow-x: unset !important;
        white-space: unset !important;
    }

    #orderType {
        margin-top: 10px;
    }

    .main-thema.editor li {
        width: calc((100% - 60px) / 3) !important;
    }

    .main-thema.solution-worry {
        width: 100% !important;
    }

    .main-thema.solution-worry li {
        width: calc((100% - 60px) / 4) !important;
        margin-right: 20px !important;
    }

    .main-thema.solution-worry li:nth-of-type(4n) {
        margin-right: 0 !important;
    }

    .main-thema.solution-worry .thema-situation {
        display: block !important;
        width: 100% !important;
    }

    .solution_banner {
        background-size: 100% !important;
    }

    .solution_banner p {
        width: 100% !important;
        display: block !important;
        padding: 0 20px !important;
    }

    .solution-list {
        width: 1200px !important;
    }

    .solution .card_contents-box {
        margin-left: 0 !important;
    }

    .solution .card_contents-wrap {
        float: unset !important;
        margin: 0 auto;
        width: 400px !important;
    }

    .solution .card_contents-wrap {
        float: unset !important;
        margin: 0 auto;
        width: 400px !important;
        margin-bottom: 20px;
    }


    .solution .booklist-wrap {
        float: unset !important;
        margin: 0 auto;
        width: 180px !important;
        padding-left: 0 !important;
        padding-top: 40px !important;
    }

    .solution .card_contents-wrap .prev_btn {
        left: -50px !important;
    }


    .solution .card_contents-wrap .next_btn {
        right: -50px !important;
    }

    .solution .booklist-title {
        display: none !important;
    }

    .solution .booklist-author {
        display: none !important;
    }

    .solution .booklist-info {
        display: none !important;
    }

    .solution .booklist-txt {
        float: unset !important;
        width: 167px !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    .solution a.booklist-img {
        float: unset !important;
        margin-bottom: 30px;
        width: 180px !important;
        height: 270px !important;
    }

    .solution .booklist-btn_wrap {
        position: unset !important;
        text-align: center !important;
        margin-bottom: 50px !important;
    }

    .solution .ebook-btn, .solution .interest-btn {
        display: inline-block !important;
    }

    .main-bg {
        height: auto !important;
    }

    .main-banner {
        width: 100% !important;
        height: auto !important;
        /*padding-top: 80px !important;*/
    }

    .main-banner-title {
        margin-top: 50px !important;
    }

    .thema-menu {
        width: 100% !important;
    }

    .w-main-title {
        width: 100% !important;
        font-size: 24px !important;
        font-weight: bold !important;
    }

    .w-main-title::before {
        display: none !important;
    }

    .w-main-title::after {
        display: none !important;
    }

    .all-thame a {
        width: 160px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 16px !important;
    }

    .tab-contents01 {
        height: auto !important;
    }

    .banner-tab-title {
        text-align: center;
    }

    .banner-tab-title::after {
        display: none !important;
    }

    .banner-tab-title strong {
        padding-left: 0 !important;
    }

    .card-wrap {
        width: 494px !important;
        margin: 0 auto !important;
        float: unset !important;
    }

    .main-book-box {
        float: unset !important;
        width: 620px !important;
        margin: 0 auto !important;
    }

    .tab-number {
        position: unset !important;
        margin: 0 auto !important;
        margin-top: 40px !important;
        margin-bottom: 40px !important;
    }


    .thema-nav {
        width: 100% !important;
        padding-top: 20px !important;
    }

    .thema-nav > li {
        width: calc((100% - 180px) / 4) !important;
        margin-right: 60px !important;
    }

    .thema-nav > li:last-child {
        margin-right: 0 !important;
    }

    .thema-nav > li i {
        margin: 0 auto !important;
    }

    .thema-tab {
        padding: 0 20px !important;
    }

    .thema-nav > li span {
        font-size: 18px !important;
    }

    .banner-tab01 {
        padding: 0 20px;
    }

    .sub-menu {
        display: none !important;
    }

    .thema-nav > li.on::after {
        display: none !important;
    }

    .recommend a span {
        font-size: 14px !important;
    }

    .recommend a {
        font-size: 16px !important;
    }

    .keyword .thema-keyword {
        font-size: 20px !important;
    }

    .keyword li span {
        font-size: 20px !important;
    }

    .artist-thema span {
        font-size: 24px !important;
    }

    .card-txt {
        font-size: 22px !important;
    }

    .card-btn {
        width: 110px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 16px !important;
    }


    .card-tab li {
        height: 12px !important;
    }

    .tab-number li {
        height: 12px !important;
    }

    .today-music-book li {
        width: 140px !important;
        height: 200px !important;
    }

    .today-music-book li.on {
        width: 180px !important;
        height: 250px !important;
    }

    .main-book-box {
        width: 490px !important;
    }

    /*.keyword_container{*/
    /*    overflow-x: scroll;*/
    /*}*/
    /*.keyword_wrap{*/
    /*    width: 1200px !important;*/
    /*}*/
    .main-tab.music-tab {
        width: 100% !important;
    }

    .main-tab.music-tab > li {
        height: 120px !important;
        line-height: 170px !important;
        padding-left: 0 !important;
    }

    .music-tab-box > li {
        height: 120px !important;
        line-height: 170px !important;
        padding-left: 0 !important;
    }

    .tab-li1 {
        background: url('/resources/img/musicbooks/menu01.png') no-repeat top+20px center #fff !important;
    }

    .tab-li2 {
        background: url('/resources/img/musicbooks/menu02.png') no-repeat top+20px center #fff !important;
    }

    .tab-li3 {
        background: url('/resources/img/musicbooks/menu03.png') no-repeat top+20px center #fff !important;
    }

    .tab-li4 {
        background: url('/resources/img/musicbooks/menu04.png') no-repeat top+20px center #fff !important;
    }

    .tab-li5 {
        background: url('/resources/img/musicbooks/menu05.png') no-repeat top+20px center #fff !important;
    }

    .tab-li6 {
        background: url('/resources/img/musicbooks/menu06.png') no-repeat top+20px center #fff !important;
    }

    .tab-li7 {
        background: url('/resources/img/musicbooks/menu07.png') no-repeat top+20px center #fff !important;
    }

    .tab-li8 {
        background: url('/resources/img/musicbooks/menu08.png') no-repeat top+20px center #fff !important;
    }

    .tab-li9 {
        background: url('/resources/img/musicbooks/menu09.png') no-repeat top+20px center #fff !important;
    }

    .tab-li10 {
        background: url('/resources/img/musicbooks/menu10.png') no-repeat top+20px center #fff !important;
    }

    .tab-li11 {
        background: url('/resources/img/musicbooks/menu11.png') no-repeat top+20px center #fff !important;
    }

    .tab-li12 {
        background: url('/resources/img/musicbooks/menu12.png') no-repeat top+20px center #fff !important;
    }

    .tab-li13 {
        background: url('/resources/img/musicbooks/menu13.png') no-repeat top+20px center #fff !important;
    }

    .tab-li14 {
        background: url('/resources/img/musicbooks/menu14.png') no-repeat top+20px center #fff !important;
    }

    .tab-li15 {
        background: url('/resources/img/musicbooks/menu15.png') no-repeat top+20px center #fff !important;
    }

    .tab-li1:hover {
        background: url('/resources/img/musicbooks/menu01.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li2:hover {
        background: url('/resources/img/musicbooks/menu02.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li3:hover {
        background: url('/resources/img/musicbooks/menu03.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li4:hover {
        background: url('/resources/img/musicbooks/menu04.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li5:hover {
        background: url('/resources/img/musicbooks/menu05.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li6:hover {
        background: url('/resources/img/musicbooks/menu06.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li7:hover {
        background: url('/resources/img/musicbooks/menu07.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li8:hover {
        background: url('/resources/img/musicbooks/menu08.png') no-repeat top+20px center #fff !important;
    }

    .tab-li9:hover {
        background: url('/resources/img/musicbooks/menu09.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li10:hover {
        background: url('/resources/img/musicbooks/menu10.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li11:hover {
        background: url('/resources/img/musicbooks/menu11.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li12:hover {
        background: url('/resources/img/musicbooks/menu12.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li13:hover {
        background: url('/resources/img/musicbooks/menu13.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li14:hover {
        background: url('/resources/img/musicbooks/menu14.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li15:hover {
        background: url('/resources/img/musicbooks/menu15.png') no-repeat top+20px center #ebecef !important;
    }

    .tab-li1.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu01.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li2.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu02.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li3.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu03.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li4.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu04.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li5.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu05.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li6.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu06.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li7.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu07.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li8.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu08.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li9.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu09.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li10.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu10.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li11.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu11.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li12.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu12.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li13.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu13.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li14.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu14.png') no-repeat top+20px center #28292c !important;
    }

    .tab-li15.on {
        color: #fff;
        font-weight: bold;
        background: url('/resources/img/musicbooks/menu15.png') no-repeat top+20px center #28292c !important;
    }

    .recommend-wrap {
        width: 100% !important;
        max-width: unset !important;
        padding: 0 20px !important;
    }

    button.ebook_show_btn {
        margin-left: 0 !important;
        margin-top: 10px !important;
    }


    .recommend-thema {
        overflow-x: scroll;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .recommend-thema::-webkit-scrollbar {display: none !important; }

    .recommend-thema li {
        float: unset !important;
        display: inline-block !important;
    }


    .keyword-thema {
        overflow-x: scroll;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .keyword-thema::-webkit-scrollbar {display: none !important; }

    .keyword-thema li {
        float: unset !important;
        display: inline-block !important;
    }

    .artist-thema {
        overflow-x: scroll;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: 100% !important;
    }

    .artist-thema::-webkit-scrollbar {display: none !important; }

    .cd-list {
        overflow-x: scroll;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .cd-list::-webkit-scrollbar {display: none !important; }

    .cd-list li {
        float: unset !important;
        display: inline-block !important;
    }

    .thema-card-wrap .artist-thema {
        overflow: unset;
        white-space: unset;
    }

    .artist-thema li {
        float: unset !important;
        display: inline-block !important;
    }

    .detail-cd-list {
        overflow-x: scroll;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .detail-cd-list::-webkit-scrollbar {display: none !important; }

    .detail-cd-list li {
        float: unset !important;
        display: inline-block !important;
    }


    .detail-book-list {
        width: 100% !important;
        overflow-x: scroll;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .detail-book-list::-webkit-scrollbar {display: none !important; }

    .detail-book-list li {
        float: unset !important;
        display: inline-block !important;
    }

    .see-music {
        width: 564px;
        margin: 0 auto !important;
        margin-top: 30px !important;
    }

    .music-card_contents {
        float: unset !important;
    }

    .card_contents-wrap.music-card_contents .prev_btn {
        left: 0 !important;
    }

    .card_contents-wrap.music-card_contents .next_btn {
        right: 0 !important;
    }

    .bubble-box {
        width: 525px !important;
        padding-left: 0 !important;
        float: unset !important;
        margin: 0 auto !important;
        margin-top: 30px !important;
    }

    .gallery_box .ex-wrap {
        width: 1200px;
    }


    .recommend-book .main-book_info li::after {
        display: none !important;
    }

    .tab-img_contents .main-book_info {
        width: 100% !important;
        min-width: unset !important;
    }

    .tab-img_contents .main-book_info li {
        width: calc((100% - 60px) / 4) !important;
        margin-right: 20px !important;
    }

    .tab-img_contents .main-book_info li:nth-of-type(4n) {
        margin-right: 0 !important;
    }

    .recommend-book h2 {
        font-size: 19px;
    }

    .recommend-book h2 strong {
        font-size: 24px !important;
    }

    .result-text {
        font-size: 16px !important;
    }

    .category-title {
        font-size: 24px !important;
    }


    .plus_btn {
        width: 120px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 16px !important;
    }

    .recommend-thema.recommend-thema-list {
        width: 100% !important;
    }

    .recommend-thema-list li {
        margin-right: 20px !important;
        width: calc((100% - 40px) / 3) !important;
        margin-bottom: 20px !important;
        height: 260px !important;
    }

    .recommend-thema-list li:nth-of-type(3n) {
        margin-right: 0 !important;
    }

    .recommend-thema li img {
        height: 100% !important;
    }

    .slide {
        width: 100% !important;
    }

    .slide ul {
        width: auto !important;
        overflow-x: scroll !important;
        white-space: nowrap !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .slide ul::-webkit-scrollbar {display: none !important; }

    .contents-composition_wrap li {
        float: unset !important;
        display: inline-block !important;
    }

    .main-thema {
        overflow-x: scroll !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
        white-space: nowrap !important;
        width: 100% !important;
    }

    .main-thema::-webkit-scrollbar {display: none !important; }

    .integrated-search-theme {
        width: 100% !important;
    }

    .integrated-search-theme li {
        margin-right: 20px;
        width: calc((100% - 40px) / 3);
        margin-bottom: 20px !important;
        float: left !important;
        height: auto !important;
    }

    .integrated-search-theme li:nth-of-type(3n) {
        margin-right: 0 !important;
    }

    .integrated-search-theme .worry-situation {
        width: 100% !important;
    }

    .nonsc.main-thema li {
        margin-right: 20px !important;
        width: calc((100% - 40px) / 3) !important;
        margin-bottom: 20px !important;
        float: left !important;
        height: auto !important;
    }

    .nonsc.main-thema li:nth-of-type(3n) {
        margin-right: 0 !important;
    }

    .nonsc.main-thema .worry-situation {
        width: 100% !important;
    }

    .nonsc.main-thema .worry-situation small {
        white-space: normal;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
        line-height: 1.5;
    }

    /*.nonsc.main-thema .scale-img{*/
    /*    height: auto !important;*/
    /*}*/
    .main-thema.exp {
        overflow-x: unset !important;
        white-space: unset !important;
    }

    .main-thema.exp li {
        float: left !important;
        display: block !important;
    }

    .main-thema li {
        float: unset !important;
        display: inline-block !important;
    }

    .popbook_silde {
        overflow-x: scroll !important;
        white-space: nowrap !important;
        width: 100% !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .popbook_silde::-webkit-scrollbar {display: none !important; }

    .popbook_silde li {
        float: unset !important;
        display: inline-block !important;
    }

    .keyword-box i {
        float: unset !important;
        margin: 0 auto !important;
        display: block !important;
    }


    .keyword-box strong {
        padding-top: 0 !important;
        text-align: center !important;
        float: unset !important;
        margin-left: 0 !important;
        font-size: 30px !important;
    }

    .keyword-box strong span {
        margin-left: 0 !important;
        font-size: 18px !important;
    }

    .main-book_info {
        overflow-x: scroll;
        white-space: nowrap;
        overflow-y: hidden;
        width: 100% !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }


    .main-book_info::-webkit-scrollbar {display: none !important; }

    .main-book_info.exp {
        overflow: unset;
        white-space: unset;
    }

    .contents-composition_wrap {
        overflow-x: scroll !important;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .contents-composition_wrap::-webkit-scrollbar {display: none !important; }

    .contents-composition_wrap li {
        min-width: 200px !important;
    }

    .nonsc {
        overflow: unset !important;
        white-space: unset !important;
    }


    .sc {
        overflow-x: scroll;
        white-space: nowrap;
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .sc::-webkit-scrollbar {display: none !important; }

    .scexp {
        overflow-x: scroll;
        /*white-space: nowrap;*/
        overflow-y: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .scexp::-webkit-scrollbar {display: none !important; }

    .rec_book_box {
        left: 50%;
        transform: translateX(-50%);
        float: unset;
    }

    .card-story {
        left: 50%;
        transform: translateX(-50%);
        float: unset;
        padding-bottom: 40px;
    }

    .storytop {
        width: 480px !important;
    }

    .swiper-story {
        width: 400px !important;
    }

    .storytop .swiper-button-prev {
        left: 200px !important;
    }

    .storytop .swiper-button-next {
        right: 200px !important;
    }

    .new_bk_box {
        width: 100% !important;
        padding: 0 24px;
    }

    .header-search {
        display: none;
    }

    .logo {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        top: 50%;
        margin-top: 0 !important;
    }

    .mymenu-open {
        display: none !important;
    }

    .header-right {
        padding-top: 20px;
        width: 30px !important;
    }

    .search_icon {
        right: 0;
        background: url(/resources/img/search2.png) no-repeat;
        width: 34px;
        height: 35px;
        top: 0;
        margin-top: 0;
    }

    .mtab {
        display: block;
        background: url("../img/mtab.png") no-repeat;
        width: 50px;
        height: 50px;
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    header {
        height: 80px;
    }

    .logo img {
        width: auto;
    }

    nav {
        display: none;
    }

    .m_box {
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 999;
    }

    .mmenu {
        position: absolute;
        width: 80%;
        height: 100%;
        background: #fff;
    }

    .m_shadow {
        position: absolute;
        width: 20%;
        height: 100%;
        right: 0;
        background: rgba(0, 0, 0, 0.8);
    }

    .mmenu .top {
        height: 80px;
        background: #00a888;
        color: #fff;
        padding: 23px;
        font-size: 20px;
    }

    .mmenu .top p{
        border: 2px solid #fff;
        border-radius: 20px;
        padding: 0px 10px;
    }

    .mmenu button {
        background: url("../img/m_close.png") center no-repeat;
        width: 28px;
        height: 28px;
        margin-top: 3px;
    }

    .mlist {
        height: 100%;
        overflow-y: scroll;
    }

    .mlist > li {
        border-bottom: 1px solid #c8c8c8;
        font-size: 20px;
        line-height: 80px;
        position: relative;
    }

    .mlist > li.on {
        background: #00a888;
        color: #fff;
    }

    .mlist > li p.exp {
        background: none !important;
    }

    .mlist > li p {
        padding: 0 20px;
        background: url("../img/m_down.png") right+20px center no-repeat;
    }

    .mlist > li.on p {
        background: url("../img/m_up.png") right+20px center no-repeat;
    }

    .msublist {
        background: #e8e8e8;
        /*position: absolute;*/
        /*width: 100%;*/
        display: none;
        color: #000;
    }

    .msublist > li {
        font-size: 18px;
        line-height: 60px;
    }

    .msublist li.on {
        color: #00a888;
    }

    .msublist li a {
        padding: 0 40px;
        display: block;
    }

    .main-btn.exp {
        bottom: 20px;
    }

    .situation-tit {
        font-size: 20px;
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 20px;
    }

    .situation-title {
        font-size: 24px !important;
    }

    .searchlist-tab {
        display: none !important;
    }

    .tab-list_contents {
        display: block !important;
    }

    .tab-img_contents {
        display: none !important;
    }


    .booklist-txt {
        width: calc(100% - 265px) !important;
    }

    .booklist-title {
        font-size: 24px !important;
    }

    .booklist-author {
        font-size: 18px !important;
    }

    .add-btn.new_main .go-art {
        margin-right: 20px !important;
        background-size: 100%;
    }

    .add-btn.new_main .go-music {
        background-size: 100%;
    }

    .add-btn.new_main a {
        width: 330px !important;
    }

    #order {
        float: right;
        margin-top: 10px;
    }

    .star-analysis em {
        font-size: 14px !important;
    }

    .comment-profile {
        width: 100% !important;
    }

    .comment-text {
        width: 100% !important;
    }

    .profile-info {
        width: auto !important;
    }

    .friend-wrap {
        width: 100% !important;
    }

    .text-body {
        width: 100% !important;
    }

    .solution-list li {
        display: inline-block !important;
        float: unset !important;
    }

    .solution-list {
        width: 100% !important;
        white-space: nowrap !important;
        overflow-x: scroll !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .solution-list::-webkit-scrollbar {display: none !important; }

    .intro-profile {
        width: 150px !important;
        height: 150px !important;
        float: unset;
        margin: 0 auto !important;
    }

    .intro-info_wrap {
        float: unset !important;
        margin: 20px auto !important;
        width: 90% !important;
    }

    .friend-intro_wrap {
        width: 90% !important;
        height: auto !important;
        margin: 20px auto !important;
    }

    .info-level, .info-friend {
        font-size: 20px !important;
        text-align: center !important;
    }

    .info-level em, .info-friend em {
        font-size: 28px !important;
    }

    .intro-move_btn {
        margin: 20px auto;
    }

    .collection-select {
        width: 100% !important;
        overflow-x: scroll !important;
        white-space: nowrap;
        font-size: 0;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .collection-select::-webkit-scrollbar {display: none !important; }

    .collection-select li {
        min-width: 109px;
        display: inline-block;
        float: unset !important;
    }

    .mymenu {
        right: 0 !important;
        height: 500px !important;
        overflow-y: scroll !important;
    }

    .book_info-thema img {
        display: none !important;
    }

    .main-book_info.exp li {
        width: calc((100% - 60px) / 4) !important;
        margin-right: 20px !important;
    }

    .main-book_info.exp li:nth-of-type(4n) {
        margin-right: 0 !important;
    }

    .main-book_info.exp {
        width: 100% !important;
    }

    .result-box .select-115 {
        float: unset !important;
        width: 90px !important;
        background: url(/resources/img/select_icon.png) no-repeat 60px #fff !important;
        font-size: 16px !important;
        margin-top: 10px !important;
    }

    .extracto-text {
        width: 100% !important;
        margin-top: 20px;
    }

    .extracto-text::after {
        display: none;
    }

    .ex-title {
        float: unset !important;
        font-size: 20px !important;
        background: unset !important;
        color: #000 !important;
        margin: 0 !important;
        text-align: left !important;
        line-height: 50px !important;
        height: 50px !important;
    }

    .gallery_box .ex-wrap {
        width: 100% !important;
    }

    .plate {
        white-space: nowrap !important;
        font-size: 0 !important;
        overflow: unset !important;
        overflow-x: scroll !important;
        float: unset !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .plate::-webkit-scrollbar {display: none !important; }

    .plate li {
        display: inline-block !important;
        float: unset !important;
    }

    .keyword_thema, .writer_thema, .special_thema {
        float: unset !important;
        white-space: nowrap !important;
        font-size: 0 !important;
        overflow: unset !important;
        overflow-x: scroll !important;
        width: auto !important;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .keyword_thema::-webkit-scrollbar, .writer_thema::-webkit-scrollbar, .special_thema::-webkit-scrollbar {display: none !important; }

    .ex-wrap .mini_page {
        display: none;
    }

    .ex_art-artist-list {
        float: unset !important;
        width: auto !important;
    }

    .ex_art-keyword-list {
        width: auto !important;
        float: unset !important;
    }

    .keyword_thema li, .writer_thema li, .special_thema li {
        display: inline-block !important;
        float: unset !important;
    }

    .nonsc.writer_thema li {
        float: left !important;
    }

    .gallery_bg {
        display: none !important;
    }

    .plate_search {
        display: none !important;
    }

    .gallery_wrap {
        width: 100% !important;
        height: 100% !important;
    }

    .gallery_container {
        height: auto;
    }

    .gallery_container img {
        width: 100%;
    }

    .gallery {
        width: 100% !important;
    }

    .writer-info {
        width: 100% !important;
    }

    .keyword_wrap, .writer_wrap {
        margin-top: 30px !important;
    }

    .writer-name {
        font-size: 40px !important;
    }

    .keyword_img {
        margin-left: 0 !important;
    }

    .tag-banner {
        display: none;
    }

    .stuation-text_title {
        padding: 10px !important;
    }

    .text-area {
        width: 100% !important;
        /*padding: 0 !important;*/
        font-size: 17px !important;
    }


    span.thema-category {
        width: 60px;
        height: 60px;
    }

    span.thema-category span {
        width: 60px;
        height: 60px;
        font-size: 16px;
    }

    .scale-img img {
        height: 100%;
    }



    .solution-list img.on {
        border: 4px solid #3ab499;
        width: 107.4px !important;
        height: 107.4px !important;
    }

    .thema_bottom_wrap {
        display: block;
        white-space: nowrap;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        width: 100%;
    }

    .thema_bottom_wrap::-webkit-scrollbar {display: none !important; }

    .thema_bottom_wrap .art-thema {
        width: 368px !important;
    }


    .order-box {
        display: none;
    }

    .nonsc .thema-situation {
        width: 100% !important;
    }

    .notice-search {
        padding: 20px !important;
    }

    .notice-search strong {
        display: block !important;
        text-align: center;
        padding-bottom: 20px;
    }

    .notice-search_bar {
        width: calc(100% - 120px) !important;
    }

    .notice-list_tbl td:nth-child(2) {
        padding-left: 10px !important;
    }

    .faq-search {
        padding: 20px !important;
    }

    .faq-search strong {
        display: block !important;
        text-align: center;
        padding-bottom: 20px;
    }


    .faq-search_bar {
        width: calc(100% - 260px) !important;
    }

    .qna-search {
        padding: 20px !important;
    }

    .qna-search_bar {
        width: calc(100% - 260px) !important;
    }

    .qna-search strong {
        display: block !important;
        text-align: center;
        padding-bottom: 20px;
    }

    .tbl-answer {
        padding: 20px !important;
        font-size: 16px !important;
    }

    .tbl-question {
        margin-right: 20px !important;
        padding-right: 60px !important;
        font-size: 16px !important;
    }

    .top-heading {
        width: 100% !important;
        padding: 10px !important;
    }

    .view-box {
        padding: 10px !important;
        font-size: 16px !important;
    }

    .view-box img {
        width: 100% !important;
        margin-right: 0;
        margin-bottom: 10px !important;
    }

    .top-date {
        width: auto !important;
        margin-right: 10px !important;
    }

    .bottom-title {
        width: 100% !important;
        font-size: 16px !important;
    }

    .bottom-heading {
        padding: 20px 10px !important;
        font-size: 16px !important;
    }

    .ask-list_tbl td {
        font-size: 16px !important;
    }

    .title-q {
        font-size: 16px !important;
        padding-left: 60px !important;
        background-size: 30px !important;
    }

    .top-title {
        width: 100% !important;
    }

    .top-title_write.ask-title {
        width: calc(100% - 200px) !important;
        margin-right: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .open_wrap {
        margin: 10px 0;
    }

    #attach-label {
        width: 100% !important;
        height: 60px !important;
        line-height: 60px !important;
    }

    .attach-wrap {
        width: 100% !important;
    }

    #attach-container {
        display: block !important;
    }

    .top-title_write {
        width: calc(100% - 190px) !important;
        margin: 10px 0;
    }

    .attach-wrap > p {
        margin-right: 20px !important;
        margin-bottom: 10px !important;
    }

    .search-bar {
        width: 100% !important;
        margin: 10px 0 !important;
    }

    .result-text {
        width: 100% !important;
        float: unset !important;
    }

    .bar-search_btn {
        width: 80px !important;
    }

    .bar-text {
        width: calc(100% - 100px) !important;
        margin-left: 0 !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }

    .main-popup {
        width: 100%;
        height: 100%;
    }

    .sc_pop {
        height: calc(100% - 60px);
        padding: 20px;
    }

    .sc_pop ul {
        width: 890px;
        margin: 0 auto;
    }

    .search_m_pop .header-search {
        display: block;
    }

    .search_m_pop .search_box {
        display: block;
        padding: 0;
    }

    .search_m_pop .search_icon {
        background: url(/resources/img/search.png) no-repeat 50%;
        width: 28px;
        height: 28px;
        position: absolute;
        display: inline-block;
        top: 10px;
        margin-top: -4px;
        right: 10px;
        cursor: pointer;
    }

    .search_m_pop {
        display: block;
    }

    .m_back {
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .book-comment {
        margin-bottom: 10px !important;
    }

    .star span {
        display: block !important;
    }

    .info-star span {
        display: block !important;
    }

    .new-cd{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 40px;
    }

    .tag-list{
        width: 100% !important;
    }

    .artist.exp{
        padding-bottom: 100px;
    }

    .solution-worry.exp .worry-situation{
        display: block !important;
        width: 100% !important;
    }

    span.worry-situation strong{
        font-size: 14px !important;
    }

    span.worry-situation small{
        font-size: 16px !important;
    }
}

@media all and (max-width: 960px) {

    .main-contents5 {
        height: auto !important;
        padding-bottom: 30px !important;
    }

    .main-contents5 .contents2-title {
        padding: 20px 0 10px !important;
    }

    .select-thema_name {
        font-size: 16px !important;
    }

    .contents-thema_wrap li {
        width: calc((100% - 30px) / 4) !important;
    }

    .contents-thema_wrap li:nth-of-type(6n) {
        margin-right: 10px !important;
    }

    .contents-thema_wrap li:nth-of-type(4n) {
        margin-right: 0px !important;
    }


    .main-keyword li {
        width: calc((100% - 50px) / 6) !important;
    }

    .main-keyword li:nth-of-type(n+7) {
        display: none;
    }

    .main-keyword li:nth-of-type(6) {
        margin-right: 0 !important;
    }

    .contents-title img {
        width: 200px;
    }

    .contents2-title img {
        width: 170px;
    }

    .main-contents4 {
        height: 560px !important;
    }


    .recommend-book .main-book_info {
        width: 920px !important;
        min-width: unset !important;
    }

    .main-book_info li {
        width: 200px !important;
        height: 370px !important;
        margin-right: 40px !important;
    }

    .main-book_info li img {
        height: 270px !important;
    }

    .main-book_info .book_info-wrap {
        top: 280px !important;
    }


    .main-book_info li:last-child {
        margin-right: 0 !important;
    }

    .popbook-rank {
        background: url(/resources/img/rank.png) no-repeat bottom !important;
        width: 46px !important;
        height: 60px !important;
        font-size: 30px !important;
    }

    .main-btn {
        width: 160px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 18px !important;
    }

    .thema-btn {
        height: 40px !important;
        line-height: 40px !important;
        font-size: 18px !important;
        width: 220px !important;
        background: url(/resources/img/kidsbooks/right_arrow.png) no-repeat 190px center #fcb95a !important;
    }

    .thema-btn:hover {
        background: url(/resources/img/kidsbooks/right_arrow.png) no-repeat 190px center #a0a0a0 !important;
    }

    /* 키즈북스 상세 페이지 */
    .breadcrumbs li {
        font-size: 14px !important
    }

    .breadcrumbs-home {
        background-size: 14px !important;
        width: 14px !important;
        height: 14px !important;
        vertical-align: baseline !important;
    }

    .wrap {
        margin-top: 30px !important;
    }

    .book_detail-img {
        width: 180px !important;
        height: 240px !important;
    }

    .info-title {
        font-size: 20px !important;
    }

    .info-author {
        font-size: 14px !important;
    }

    .ebook-btn, .interest-btn {
        width: 130px !important;
        height: 40px !important;
        font-size: 16px !important;
        padding-left: 20px !important;
    }

    .cd-btn {
        width: 130px !important;
        height: 40px !important;
        font-size: 16px !important;
        padding-left: 45px !important;
    }

    .ebook-btn {
        background-size: 18px !important;
        background-position: 10px !important;
    }

    .ebook-btn.ebookview {
        background: url(/resources/img/ebook_view.png) no-repeat 10px #1c2782 !important;
        background-size: 18px !important;
    }

    .interest-btn {
        background-position: 6px !important;
        background-size: 18px !important;
    }


    .interest-btn.added {
        background-position: 6px !important;
        background-size: 18px !important;
    }


    .info-keyword li {
        width: unset !important;
        height: 30px !important;
        line-height: 30px !important;
        font-size: 14px !important;
        /*padding: 0 !important;*/
        padding: 0 20px !important;
    }

    .info-heart, .info-review, .info-star_count {
        font-size: 14px !important;
    }

    .age_wrap {
        margin-top: 10px !important;
        /*float: unset !important;*/
    }

    .age {
        height: 44px !important;
    }

    .age em {
        font-size: 14px !important;
    }

    .age span {
        font-size: 14px !important;
    }

    button.ebook_show_btn {
        vertical-align: super !important;
        /*float: unset !important;*/
        display: block;
        margin: 0 auto !important;
        margin-top: 15px !important;
    }

    .search-box {
        margin: 0 auto !important;
        margin-top: 20px !important;
    }

    .search-box select {
        float: unset !important;
        width: 90px !important;
        background: url(/resources/img/select_icon.png) no-repeat 60px #fff !important;
        font-size: 16px !important;
    }


    .search-box input {
        float: unset !important;
        width: calc(100% - 187px) !important;
        font-size: 16px !important;
    }

    .result-box select {
        float: unset !important;
        width: 90px !important;
        background: url(/resources/img/select_icon.png) no-repeat 60px #fff !important;
        font-size: 16px !important;
    }


    .result-box input {
        float: unset !important;
        width: calc(100% - 188px) !important;
        font-size: 16px !important;
    }


    .search-btn {
        float: unset !important;
        width: 70px !important;
        font-size: 16px !important;
    }

    .main-tab li {
        width: 33.333% !important;
        font-size: 18px !important;
    }

    .music-tab-box > li {
        font-size: 14px !important;
        width: 20% !important;
    }

    .main-tab.music-tab > li {
        width: 25% !important;
        font-size: 13px !important;
    }

    .title-sub img {
        height: 20px !important;
    }

    .text-body {
        padding: 20px !important;
        font-size: 16px !important;
        width: 100% !important;
    }

    .extracto-text {
        padding: 20px !important;
    }

    .thema_story .thema-list {
        margin-top: 10px !important;
    }

    .thema-list li {
        width: 50px !important;
        margin-right: 10px !important;
    }

    .thema-list li:last-child {
        margin-right: 0;
    }

    .thema-body {
        height: auto !important;
        padding: 10px;
    }

    .thema_story .thema-text em {
        padding-top: 0 !important;
        font-size: 16px !important;
        margin-top: 0 !important;
    }

    .thema_story .thema-text span {
        font-size: 14px !important;
    }

    .thema-body .thema-img {
        width: 40px !important;
    }

    .thema_story .thema-img img {
        width: 40px;
    }

    .thema_story .thema-text {
        margin-left: 90px !important;
    }


    .popbook_silde li {
        width: 140px !important;
        height: 260px !important;
        margin-right: 10px !important;
    }

    .popbook_silde li img {
        height: 190px !important;
    }

    strong.popbook_silde-title {
        font-size: 16px !important;
    }

    .popbook_silde-writer {
        font-size: 14px !important;
    }

    .info-star {
        margin-left: 20px !important;
    }


    .review-num {
        display: block !important;
        position: unset !important;
        margin-top: 0 !important;
        font-size: 14px !important;
    }

    .star_count-wrap {
        height: auto !important;
    }

    .star-average {
        width: 100% !important;
        margin-bottom: 20px;
    }

    .star-analysis {
        float: unset !important;
        margin: 0 auto !important;
        width: 304px !important;
    }

    .bar {
        width: 110px !important;
        margin-left: 0px !important;
        margin-right: 10px !important;
    }

    .star-average strong {
        font-size: 40px !important;
    }

    .star-average small {
        font-size: 14px !important;
    }

    .write_btn {
        width: 100px !important;
        height: 34px !important;
        line-height: 32px !important;
        font-size: 14px !important;
    }

    .write-cancel_btn, .write-save_btn {
        width: 100px !important;
        height: 34px !important;
        line-height: 32px !important;
        font-size: 14px !important;
    }

    .text-list_btn {
        width: 100px !important;
        height: 34px !important;
        line-height: 32px !important;
        font-size: 14px !important;
    }

    .main-thema li {
        width: 300px !important;
        height: 290px !important;
        margin-right: 20px !important;
        margin-bottom: 0px !important;
    }

    .thema-situation {
        height: 82px !important;
        width: 100% !important;
        display: block !important;
    }


    span.thema-situation em {
        font-size: 16px !important;
        margin-top: 0px !important;
    }


    .card_contents-wrap .next_btn {
        right: 90px !important;
    }

    .card_contents-wrap .prev_btn {
        left: 90px !important;
    }

    .friend-wrap {
        width: 100% !important;
    }

    .category-title img {
        height: 23px !important;
    }

    .no-select {
        font-size: 20px !important;
        padding-top: 160px !important;
    }


    .friend-info em {
        font-size: 20px !important;
    }

    .thema-friend .thema-text {
        font-size: 16px !important;
    }

    .main-thema.editor li {
        width: calc((100% - 20px) / 2) !important;
        margin-right: 20px !important;
        margin-bottom: 20px !important;
    }

    .main-thema.editor li:nth-of-type(2n) {
        margin-right: 0px !important;
    }

    .main-thema.editor .thema-situation {
        width: 100% !important;
        display: block;
        overflow: hidden;
    }

    .main-thema.solution-worry li {
        width: calc((100% - 20px) / 2) !important;
        margin-right: 20px !important;
        height: auto !important;
        margin-bottom: 20px !important;
    }

    .main-thema.solution-worry li:nth-of-type(2n) {
        margin-right: 0px !important;
    }


    .solution_banner p {
        font-size: 20px !important;
    }

    .solution_banner {
        background: unset !important;
    }


    .main-worry li {
        width: 300px !important;
        margin-right: 20px !important;
    }


    .worry-situation {
        width: 300px !important;
        padding: 10px !important;
    }

    .scale-img {
        margin-bottom: -12px !important;
    }

    span.worry-title {
        width: 60px;
        height: 60px;
        top: 10px;
        left: 10px;
    }

    span.worry-title span {
        width: 60px;
        height: 60px;
        font-size: 14px;
    }


    .friend-popup {
        width: 100% !important;
        height: auto !important;
    }

    .friend-popup01 .friend-popup {
        height: auto !important;
    }

    .friend-popup h3 {
        text-align: left !important;
        padding-right: 60px !important;
        padding-left: 10px !important;
        font-size: 20px !important;
    }

    .reading-mind {
        width: 100% !important;
        padding: 0 10px !important;
        margin: 20px auto !important;
    }

    .reading-mind li {
        height: auto !important;
        font-size: 16px !important;
        line-height: 20px !important;
        padding: 5px !important;
    }

    .filter {
        position: unset !important;
        margin-top: 20px;
    }

    .filter select ~ select {
        margin-top: 10px !important;
    }

    .popup-card {
        width: 100% !important;
        height: 100% !important;
    }

    .main-worry {
        width: 960px !important;
    }

    .nonsc.main-worry {
        width: 100% !important;
    }

    .thema_bottom_wrap .art-thema, .thema_bottom_wrap .art-writer, .thema_bottom_wrap .art-keyword {
        width: 300px !important;
        height: 290px !important;
        margin-right: 20px !important;
    }

    .thema_bottom_wrap .art-thema li {
        margin-right: 0 !important;
    }

    .thema_bottom_wrap .art-thema .scale-img {
        margin-bottom: -5px !important;
    }

    .thema_bottom_wrap .art-writer_text {
        padding-top: 225px !important;
        font-size: 20px !important;
    }

    .thema_bottom_wrap .art-keyword li {
        width: 149px !important;
        height: 144px !important;
        font-size: 20px !important;
    }

    .thema_bottom_wrap .art-keyword li:hover a {
        width: 149px !important;
        height: 144px !important;
    }

    .thema_bottom_wrap .art-writer:hover .art-writer_hover {
        width: 300px !important;
        height: 290px !important;
    }

    .integrated-search-theme {
        width: 100% !important;
    }


    .integrated-search-theme li {
        margin-right: 20px !important;
        width: calc((100% - 40px) / 3) !important;
        margin-bottom: 20px !important;
        float: left !important;
        height: auto !important;
    }

    .integrated-search-theme li:nth-of-type(3n) {
        margin-right: 0 !important;
    }


    .sc_pop ul {
        width: 430px;
        margin: 0 auto;
    }

    .sc_pop li {
        width: 430px;
        height: 300px;
        margin-right: 0px;
        margin-bottom: 20px;
    }



}

@media all and (max-width: 720px) {

    .select-thema li {
        width: calc((100% - 20px) / 3) !important;
        margin-right: 10px !important;
    }

    .select-thema li:last-child {
        margin-right: 0px !important;
    }

    .thema-text em {
        font-size: 14px !important;
    }

    .thema-friend .thema-text em {
        font-size: 16px !important;
    }

    .main-keyword a {
        font-size: 14px !important;
        line-height: 80px !important;
    }

    .main-keyword li {
        height: 80px !important;
    }

    .main-contents4 {
        height: 500px !important;
    }

    .pop_book {
        margin-top: 40px !important;
    }

    /*.main-book_info {*/
    /*    min-width: 720px;*/
    /*}*/
    .recommend-book .main-book_info {
        width: 720px !important;
        min-width: unset !important;
    }


    .main-book_info li {
        width: 160px !important;
        height: 310px !important;
        margin-right: 25px !important;
        margin-bottom: 20px !important;
    }

    .main-book_info li img {
        height: 210px !important;
    }

    .main-book_info .book_info-wrap {
        top: 220px !important;
    }

    .popbook-rank {
        background: url(/resources/img/rank.png) no-repeat bottom !important;
        width: 40px !important;
        height: 50px !important;
        font-size: 25px !important;
    }

    .guide-popup {
        width: 100% !important;
        min-width: unset !important;
    }

    .guide-popup h3 {
        padding-left: 10px !important;
    }

    .guide-popup .popup_close {
        top: 20px !important;
        right: 10px !important;
    }

    .guide-popup p {
        padding: 20px 40px;
        font-size: 18px;
    }

    .card_contents-box {
        width: 200px !important;
        height: 200px !important;
    }

    .guide-popup-btn {
        width: 120px;
        height: 40px;
        line-height: 40px;
    }

    .card_contents li {
        width: 200px !important;
        height: 200px !important;
    }

    .card_contents-wrap .next_btn {
        right: 110px !important;
    }

    .card_contents-wrap .prev_btn {
        left: 110px !important;
    }


    .thema {
        width: 100% !important;
    }

    .thema li {
        width: calc((100% - 30px) / 4) !important;
        margin-right: 10px !important;
    }

    .thema li:nth-of-type(4n) {
        margin-right: 0px !important;
    }

    .thema-select {
        width: 100% !important;
        height: auto !important;
    }

    .select_box {
        width: 100% !important;
        display: block !important;
        height: auto !important;
    }

    .mythema {
        width: 100% !important;
        height: auto !important;
        float: unset !important;
        margin-bottom: 20px !important;
    }

    .mythema:last-child {
        margin-bottom: 0px !important;
    }

    .mythema .icon-box {
        width: 60px !important;
    }

    .mythema .icon-box em {
        font-size: 16px !important;
    }

    .mythema .icon-box img {
        width: 40px !important;
        margin-left: 0;
    }

    .mythema .text-box {
        font-size: 14px !important;
        width: calc(100% - 120px) !important;
    }

    .select_wrap {
        padding: 10px !important;
        height: auto !important;
    }

    .main-book_info.kids-main-book-info li {
        width: calc((100% - 20px) / 2) !important;
        margin-right: 20px !important;
        height: 380px !important;
    }

    .kids-main-book-info.main-book_info li:nth-of-type(2n) {
        margin-right: 0 !important;
    }

    .main-book_info.kids-main-book-info li img {
        height: 310px !important;
    }

    .solution .card_contents-wrap {
        width: 200px !important;
    }

    .thema-nav > li {
        width: calc((100% - 30px) / 4) !important;
        margin-right: 10px !important;
    }

    .thema-nav > li:last-child {
        margin-right: 0 !important;
    }

    .thema-nav > li i {
        display: block;
        height: 146px;
    }

    .thema-nav > li:nth-child(1) i {
        background-size: contain !important;
        width: 100px !important;
    }

    .thema-nav > li:nth-child(2) i {
        background-size: contain !important;
        width: 100px !important;
    }

    .thema-nav > li:nth-child(3) i {
        background-size: contain !important;
        width: 100px !important;
    }

    .thema-nav > li:nth-child(4) i {
        background-size: contain !important;
        width: 100px !important;
    }

    .thema-nav > li:nth-child(1).on i {
        background: url('/resources/img/musicbooks/main_menu01.png') no-repeat center !important;
        background-size: contain !important;
        width: 100px !important;
    }

    .thema-nav > li:nth-child(2).on i {
        background: url('/resources/img/musicbooks/main_menu02.png') no-repeat center !important;
        background-size: contain !important;
        width: 100px !important;
    }

    .thema-nav > li:nth-child(3).on i {
        background: url('/resources/img/musicbooks/main_menu03.png') no-repeat center !important;
        background-size: contain !important;
        width: 100px !important;
    }

    .thema-nav > li:nth-child(4).on i {
        background: url('/resources/img/musicbooks/main_menu04.png') no-repeat center !important;
        background-size: contain !important;
        width: 100px !important;
    }


    .tab-img_contents .main-book_info li {
        width: calc((100% - 20px) / 2) !important;
        margin-right: 20px !important;
        height: 364px !important;
    }

    .tab-img_contents .main-book_info li:nth-of-type(2n) {
        margin-right: 0 !important;
    }

    .tab-img_contents .main-book_info li img {
        height: 300px !important;
    }

    .tab-img_contents .main-book_info li .ebook-icon {
        height: 34px !important;
    }

    .banner_box .main_tit {
        padding-top: 30px !important;
    }


    .main_tit {
        font-size: 24px !important;
        padding-top: 20px !important;
    }

    .main_tit.exp {
        padding-top: 100px;
    }

    .main_stit {
        font-size: 17px !important;
        margin-top: 10px !important;
        margin-bottom: 30px !important;
    }

    .storybk li {
        margin-right: 20px !important;
    }

    .storybk li:last-child {
        margin-right: 0px !important;
    }

    .storybk li.on .bk_box {
        width: 150px !important;
        height: 210px !important;
        border: 2px solid #3ab499 !important;
    }

    .storybk li {
        width: 150px !important;
    }

    .storybk li.on {
        width: 150px !important;
    }

    .storybk li .bk_box {
        width: 150px !important;
        height: 210px !important;
    }

    .storybk li button {
        width: 90px !important;
    }


    .tab li {
        margin-right: 10px !important;
    }

    .swiper-keyword .swiper-slide a {
        font-size: 16px !important;
    }

    .keyword_mark span {
        font-size: 16px !important;
    }

    .main_stit.exp {
        padding-bottom: 40px !important;
    }

    .swiper-main {
        height: 300px !important;
    }

    .swiper-container {
        height: 336px !important;
        margin-bottom: 50px !important;
    }

    .menu_list li .img_box {
        width: 80px;
        height: 80px;
        background-size: cover !important;
    }

    .swiper-story {
        width: 300px !important;
    }

    .swiper-story .swiper-slide {
        width: 300px !important;
        height: 300px !important;
    }

    .rec_list li {
        width: 300px !important;
        margin-right: 20px !important;
    }

    .rec_list li:last-child {
        margin-right: 0px !important;
    }

    .card-story {
        width: 490px !important;
    }

    .swiper-story-one {
        width: 400px !important;
        height: 400px !important;
    }

    .card-story .swiper-pagination-fraction {
        width: 400px !important;
    }

    .rec_book_box div .img_box {
        width: 150px !important;
        height: 220px !important;
    }

    .rec_book_box div {
        width: 150px !important;
    }

    .rec_book_box div.on {
        width: 175px !important;
    }

    .rec_book_box div.on .img_box {
        width: 175px !important;
        height: 250px !important;
    }

    .rec_book_box {
        width: 350px !important;
        height: 400px !important;
    }

    .rec_book_box div .img_box img {
        top: 60px !important;
    }

    .rec_book_box div .img_box .shadow {
        top: 60px !important;
    }

    .rec_book_box div.on .img_box img {
        top: 0 !important;
    }

    .new_bk_box .swiper-slide {
        padding: 20px !important;
    }

    .new_bk_box .swiper-slide .left {
        width: 130px !important;
        height: 180px !important;
        margin-right: 20px !important;
    }

    .new_bk_box .swiper-slide .right {
        font-size: 16px !important;
        width: calc(100% - 150px) !important;
    }

    .new_bk_box .swiper-slide .right .book_tit {
        margin-bottom: 15px !important;
    }

    .new_bk_box .swiper-slide .right .book_tit {
        font-size: 18px !important;
    }

    .contents-composition_wrap a {
        padding: 0 !important;
    }

    .contents-composition_wrap li {
        min-width: unset !important;
        width: 120px !important;
        margin-right: 10px !important;
    }

    .contents-composition_wrap li:last-child {
        margin-right: 0px !important;
    }

    .composition-img img {
        width: 50px !important;
    }

    .composition-img {
        width: 100px !important;
        height: 100px !important;
    }


    #friendTitle {
        padding-bottom: 50px;
    }

    .friend-popup_btn {
        left: 0;
        bottom: 0;
    }


    .booklist-img {
        width: 150px !important;
        height: 220px !important;
    }

    .booklist-txt {
        margin-left: 20px !important;
        width: calc(100% - 170px) !important;
        height: 220px !important;
    }

    .booklist-title {
        font-size: 20px !important;
    }

    .booklist-author {
        font-size: 16px !important;
    }


    .main-select .line {
        display: none;
    }

    .main-select select {
        width: 100%;
        background: url(/resources/img/select_icon.png) no-repeat right+20px center #fff;
        margin-right: 0;
    }

    .main-select select:nth-of-type(1) {
        margin-bottom: 10px;
    }

    .popup-review {
        width: 100% !important;
        margin-top: unset !important;
        margin-left: unset !important;
        transform: translate(-50%, -50%) !important;
        height: 100% !important;
        overflow-y: scroll !important;
    }

    .popup-review textarea {
        width: 90% !important;
    }

    .letter_number {
        width: 90% !important;
    }

    .yolo-popup_btn {
        width: 120px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 20px !important;
    }

    .popup-review h3 {
        padding-left: 20px;
    }

    .banner_box .main_tit .more_bt {
        margin-top: 2px !important;
    }

    .nonsc.main-thema li {
        margin-right: 20px !important;
        width: calc((100% - 20px) / 2) !important;
        margin-bottom: 20px !important;
        float: left !important;
        height: auto !important;
    }

    .nonsc.main-thema li:nth-of-type(3n) {
        margin-right: 20px !important;
    }


    .nonsc.main-thema li:nth-of-type(2n) {
        margin-right: 0 !important;
    }

    .nonsc.main-thema .thema-situation {
        width: 100% !important;
        display: block !important;
    }

    .nonsc.main-thema .thema-situation em {
        white-space: normal !important;
        word-wrap: break-word !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        line-height: 1.5 !important;
    }


    .thema-card-wrap {
        width: 960px !important;
    }


    .recommend-thema-list li {
        margin-right: 20px !important;
        width: calc((100% - 20px) / 2) !important;
    }

    .recommend-thema-list li:nth-of-type(2n) {
        margin-right: 0 !important;
    }


    .recommend-thema-list li:nth-of-type(3n) {
        margin-right: 20px !important;
    }

    .recommend-thema-list li:nth-of-type(6n) {
        margin-right: 0 !important;
    }

    .see-music {
        width: 100% !important;
    }

    .music-card_contents {
        width: 300px !important;
        margin: 0 auto !important;
    }

    .bubble-box {
        width: 100% !important;
    }

    .bubble-wrap {
        width: 100% !important;
        background: #8a8a91 !important;
        border-radius: 20px;
        padding: 10px !important;
        height: auto !important;
    }

    .bubble {
        height: auto !important;
        overflow: unset !important;
    }

    .bubble p {
        height: auto !important;
    }


    .solutionDiv.solution .card_contents-wrap {
        width: 200px !important;
    }


    .integrated-search-theme li {
        margin-right: 20px !important;
        width: calc((100% - 20px) / 2) !important;
        margin-bottom: 20px !important;
        float: left !important;
        height: auto !important;
    }

    .integrated-search-theme li:nth-of-type(3n) {
        margin-right: 20px !important;
    }


    .integrated-search-theme li:nth-of-type(2n) {
        margin-right: 0 !important;
    }


    .booklist-btn_wrap li {
        width: 100px !important;
    }


    .booklist-btn_wrap a {
        height: 30px !important;
        line-height: 30px !important;
        font-size: 16px !important;
    }

    .add-btn.new_main .go-art {
        margin-right: 0px !important;
    }

    .add-btn.new_main {
        width: 330px !important;
        margin: 0 auto !important;
    }

    .title-sub .tab li{
        margin-right: 0 !important;
        width: 50px !important;
    }
}


@media all and (max-width: 550px) {

    .inner {
        padding: 0 10px !important;
    }

    .mtab {
        left: 10px !important;
    }

    .header {
        padding: 0 10px !important;
    }

    .full-header .header {
        padding-top: 20px !important;
    }

    .main-contents1 {
        padding: 0 10px !important;
    }

    .main-contents2 {
        padding: 0 10px !important;
        padding-bottom: 90px !important;
    }

    .main-contents3 {
        padding: 0 10px !important;
    }

    .main-contents4 {
        padding: 0 10px !important;
    }

    .main-contents5 {
        padding: 0 10px !important;
        padding-bottom: 30px !important;
    }

    .select-thema_name {
        font-size: 14px !important;
    }

    .contents-thema_wrap {
        margin-bottom: 40px;
    }

    .contents-thema_wrap li {
        width: calc((100% - 20px) / 3) !important;
    }

    .contents-thema_wrap li:nth-of-type(6n) {
        margin-right: 10px !important;
    }

    .contents-thema_wrap li:nth-of-type(4n) {
        margin-right: 10px !important;
    }

    .contents-thema_wrap li:nth-of-type(3n) {
        margin-right: 0px !important;
    }


    .main-keyword li {
        width: calc((100% - 30px) / 4) !important;
    }

    .main-keyword li:nth-of-type(4) {
        margin-right: 0 !important;
    }

    .main-keyword li:nth-of-type(n+5) {
        display: none;
    }

    .footer-wrap {
        height: 315px !important;
    }

    .footer-util, .footer-util a {
        font-size: 16px !important;
    }


    .select-thema li.select span {
        height: 140px;
    }

    .select-thema li.select img {
        width: 50px;
    }

    /* 카테고리별 독서 서브 페이지 */
    article {
        padding: 0 10px !important;
    }

    .breadcrumbs-bg {
        padding: 0 10px;
    }

    footer {
        bottom: -280px !important;
    }

    .card_contents-wrap .next_btn {
        right: 60px !important;
    }

    .card_contents-wrap .prev_btn {
        left: 60px !important;
    }


    .thema li {
        width: calc((100% - 20px) / 3) !important;
    }

    .thema li:nth-of-type(6n) {
        margin-right: 10px !important;
    }

    .thema li:nth-of-type(4n) {
        margin-right: 10px !important;
    }

    .thema li:nth-of-type(3n) {
        margin-right: 0px !important;
    }

    .main-book_info.kids-main-book-info li {
        height: 320px !important;
    }

    .main-book_info.kids-main-book-info li img {
        height: 240px !important;
    }

    .pagination {
        min-width: unset !important;
        margin-top: 40px !important;
        margin-bottom: 50px !important;
    }

    .main-thema.editor li {
        width: calc((100% - 10px) / 2) !important;
        margin-right: 10px !important;
    }

    .main-thema.solution-worry li {
        width: calc((100% - 10px) / 2) !important;
        margin-right: 10px !important;
    }


    .thema-tab {
        padding: 0 10px !important;
    }

    .banner-tab01 {
        padding: 0 10px;
    }

    .thema-card {
        padding: 15px !important;
    }

    .main-thema .thema-card {
        padding: 0px !important;
    }

    .card-wrap {
        width: 100% !important;
    }

    .card {
        width: 200px !important;
        margin: 0 auto !important;
        height: 200px !important;
    }

    .card li {
        width: 200px !important;
        height: 200px !important;
    }


    .today-music-book li.on {
        width: 110px !important;
        height: 170px !important;
    }

    .today-music-book li {
        width: 80px !important;
        height: 130px !important;
    }

    .main-book-box {
        width: 300px !important;
    }

    .recommend-wrap {
        padding: 0 10px !important;
    }

    .plus_btn {
        width: 120px !important;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 16px !important;
    }

    .tab-img_contents .main-book_info li {
        height: 320px !important;
    }

    .tab-img_contents .main-book_info li img {
        height: 260px !important;
    }


    .artist-thema li {
        margin-right: 20px !important;
    }

    .recommend-thema li {
        margin-right: 20px !important;
        height: 220px !important;
    }

    .artist-thema {
        width: 988px;
    }

    .recommend-thema {
        width: 1062px;
    }


    .detail-cd-list li {
        margin-right: 20px !important;
    }

    .main_tit {
        font-size: 20px !important;
    }

    .main_tit .select-140 {
        margin-left: 0 !important;
        margin-top: 10px !important;
        float: left !important;
    }

    .main_tit p {
        width: 100% !important;
    }

    .main_tit.exp {
        position: relative;
    }

    .main_tit.exp button {
        position: absolute;
        bottom: -80px;
    }

    .main_tit.exp button.more_bt {
        right: 0;
    }

    .main_tit.exp button.rec_bt {
        right: 80px;
    }

    .swiper-button-next, .swiper-button-prev {
        display: none !important;
    }

    .new_bk_box {
        padding: 0 !important;
    }

    .header-right > li {
        margin-left: 20px;
    }

    .booklist-txt {
        margin-left: 20px !important;
        width: calc(100% - 130px) !important;
        height: 220px !important;
    }


    .booklist-img {
        width: 110px !important;
        height: 160px !important;
    }

    .booklist-info-review {
        background-size: 20px !important;
        padding-left: 25px !important;
        margin-left: 20px !important;
        width: calc(100% - 55px) !important;
    }

    .booklist-info-star {
        margin-left: 0 !important;
    }

    .booklist-info-heart {
        background-size: 20px !important;
        padding-left: 25px !important;
    }

    .main-book_info.exp li {
        width: calc((100% - 20px) / 2) !important;
        margin-right: 20px !important;
    }

    .main-book_info.exp li:nth-of-type(2n) {
        margin-right: 0 !important;
    }

    .keyword_img {
        width: 200px !important;
        height: 200px !important;
    }

    .keyword_name strong {
        font-size: 40px !important;
    }

    .keyword_name {
        font-size: 20px !important;
    }

    .thema-nav > li i {
        height: 100px;
    }

    .thema-nav > li:nth-child(1) i {
        width: 70px !important;
    }

    .thema-nav > li:nth-child(2) i {
        width: 70px !important;
    }

    .thema-nav > li:nth-child(3) i {
        width: 70px !important;
    }

    .thema-nav > li:nth-child(4) i {
        width: 70px !important;
    }

    .thema-nav > li:nth-child(1).on i {
        width: 70px !important;
    }

    .thema-nav > li:nth-child(2).on i {
        width: 70px !important;
    }

    .thema-nav > li:nth-child(3).on i {
        width: 70px !important;
    }

    .thema-nav > li:nth-child(4).on i {
        width: 70px !important;
    }

    .main-tab.ft16 li {
        font-size: 16px !important;
    }

    .faq-search_btn {
        width: 60px !important;
    }

    .faq-search_bar {
        width: calc(100% - 80px) !important;
        margin-top: 10px !important;
    }

    .qna-search_btn {
        width: 60px !important;
    }

    .qna-search_bar {
        width: calc(100% - 80px) !important;
        margin-top: 10px !important;
    }

    .ask-list_tbl td {
        word-break: break-word;
    }


    .sc_pop ul {
        width: 100%;
    }

    .sc_pop li {
        width: 100%;
        height: auto;
    }

    .pagination {
        font-size: 0;
    }

    .next {
        margin-left: 5px !important;
    }

    .page-head, .prev, .next, .page-back {
        width: 25px !important;
        border: unset !important;
    }

    .prev {
        margin-right: 5px !important;
    }

    .number {
        font-size: 18px !important;
        line-height: 38px !important;
    }

    .friend-popup {
        width: 100% !important;
        height: 100% !important;
    }

}

@media all and (max-width: 420px) {


    .logo img {
        width: 130px !important;
    }

    .mtab {
        width: 30px;
        background-size: contain;
        height: 30px;
    }


    .mymenu-open {
        width: 30px;
        height: 30px;
        background-size: 30px;
    }

    .search_icon {
        width: 30px;
        height: 30px;
        background-size: 30px;
    }

    .full-header .mymenu-open {
        width: 30px;
        height: 30px;
        background-size: 30px;
    }

    .full-header .search_icon {
        width: 30px;
        height: 30px;
        background-size: 30px;
    }

    .header-right > li {
        margin-left: 10px;
    }

    .full-header .header-right {
        padding-top: 4px;
    }

    .header-right {
        padding-top: 24px;
    }

    .card_contents-wrap .next_btn {
        right: 30px !important;
    }

    .card_contents-wrap .prev_btn {
        left: 30px !important;
    }

    .main-book_info.kids-main-book-info li {
        height: 270px !important;
    }

    .main-book_info.kids-main-book-info li img {
        height: 200px !important;
    }

    .main-thema.editor li {
        width: 100% !important;
        margin-right: 0px !important;
        margin-bottom: 10px !important;
    }


    .main-thema.solution-worry li {
        width: 100% !important;
        margin-right: 0px !important;
        margin-bottom: 10px !important;
    }

    .tab-img_contents .main-book_info li {
        height: 270px !important;
    }

    .tab-img_contents .main-book_info li img {
        height: 210px !important;
    }


    .ebook-btn {
        margin-bottom: 10px !important;
    }

    .booklist-txt {
        height: 240px !important;
    }

    .add-btn.new_main {
        width: 300px !important;
    }

    .add-btn.new_main a {
        width: 300px !important;
    }

    .nonsc.main-thema li {
        margin-right: 0px !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .recommend-thema-list li {
        margin-right: 0px !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }


    .integrated-search-theme li {
        margin-right: 0px !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }


    .m_back {
        width: 36px;
        top: 55%;
    }

    .m_back img {
        width: 100%;
    }

}


@media all and (max-width: 370px) {


    .card_contents-wrap .next_btn {
        right: 10px !important;
    }

    .card_contents-wrap .prev_btn {
        left: 10px !important;
    }

    .swiper-story-one {
        width: 300px !important;
        height: 300px !important;
    }

    .rec_book_box div .img_box {
        width: 130px !important;
        height: 200px !important;
    }

    .rec_book_box div {
        width: 130px !important;
    }

    .rec_book_box div.on {
        width: 150px !important;
    }

    .rec_book_box div.on .img_box {
        width: 150px !important;
        height: 220px !important;
    }

    .rec_book_box {
        width: 300px !important;
        height: 370px !important;
    }

    .rec_book_box div .img_box img {
        top: 60px !important;
    }

    .rec_book_box div .img_box .shadow {
        top: 60px !important;
    }

    .rec_book_box div.on .img_box img {
        top: 0 !important;
    }

    .new_bk_box .swiper-slide .left {
        width: 100px !important;
        height: 140px !important;
        margin-right: 15px !important;
    }

    .new_bk_box .swiper-slide .right {
        width: calc(100% - 115px) !important;
    }

    .new_bk_box .swiper-slide {
        border-radius: 12px !important;
    }

    .new_bk_box .swiper-slide {
        padding: 15px !important;
    }

    .grade {
        width: 310px;
    }

    .grade li {
        width: 90px;
    }


}