/*공통*/

* {margin:0; padding:0; box-sizing: border-box; }
ul, li {list-style: none; font-weight: 600;}
a {text-decoration: none;}
img {vertical-align: top; 
    /* max-width: 100%; height: auto; */}


/*리딩게이트란*/

.p-6
{
    padding:4em !important;
}

.pt-6{
    padding-top: 4em !important;
}

.pb-6{
    padding-bottom: 4em !important;
}

.container {
    font-size: 1em;
    color: #616161;
}

.dd_top {
    margin-top: 4em;
}

@media (max-width: 575px){
    .dd_top {
        margin-top: 1.5em;
    }   
}

.top_title {
    font-size: 2em;
    color: #565751;
    font-family: 'Sandoll Gyeokdonggulim'; 
    font-style: normal;
    font-weight: 400;
}

.top_title_s {
    font-size: 2em;
    color: #565751;
    font-family: 'Sandoll Gyeokdonggulim'; 
    font-style: normal;
    font-weight: 400;
}

@media (max-width: 767px){
    .top_title_s {
        font-size: calc(0.5em + 2vw);   
    }

    .top_title_p_s {
        font-size: calc(0.1em + 2vw) !important;
    }

}

.top_title_p {
    font-size: 1.1em;
    font-weight: 600;
    color:rgb(126,126,126);
}

.top_title_p_s {
    font-size: 1.1em;
    font-weight: 600;
    color:rgb(126,126,126);
}


.dd_top_books {
    display: flex;
    justify-content: center;
}

.dd_top_books_s {
    display: flex;
    justify-content: center;
    gap: 0em 2em;
}


.dd_top_books li {
    width: 230px;
    height: 230px;
    background-position: center;
    background-repeat: no-repeat;
}

.dd_top_books_s li {
    width: 40%;
    height: 10em;
    background-position: center;
    background-repeat: no-repeat;
}

.dd_top_books li:nth-child(1) {
    background-image: url(../../image/homepage/contents/04_about_reading/large/004_top_circle01.png);    
}


.dd_top_books li:nth-child(2) {
    background-image: url(../../image/homepage/contents/04_about_reading/large/004_top_circle02.png);
}


.dd_top_books li:nth-child(3) {
    background-image: url(../../image/homepage/contents/04_about_reading/large/004_top_circle03.png);
}

.dd_top_books_s li:nth-child(1) {
    background-image: url(../../image/homepage/contents/04_about_reading/large/004_top_circle01.png);
    background-size: contain;
}


.dd_top_books_s li:nth-child(2) {
    background-image: url(../../image/homepage/contents/04_about_reading/large/004_top_circle02.png);    
    background-size: contain;
}


.dd_top_books_s li:nth-child(3) {
    background-image: url(../../image/homepage/contents/04_about_reading/large/004_top_circle03.png);    
    background-size: contain;
}

.dd_top_books p:nth-child(1) {
    padding: 1.32em 0 0em;
    font-size: 1.4em;
    color: #fff;
}

.dd_top_books p:nth-child(2) {
    font-size: 1.5em;
    font-family: 'Sandoll Gyeokdonggulim'; 
    margin-top: 1em;
    padding: 0.2em 0 0;
    font-weight: 400;
}

.dd_top_books p:nth-child(3) {
    padding: 0 1.8em;
    word-break: keep-all;
}

.dd_top_books_s p:nth-child(1) {
    font-size: 1em;
    color: #fff;
    margin-bottom: 0rem;
    margin-top: 1.8em;
}

@media (max-width:500px) and (min-width:376px){
    .dd_top_books_s p:nth-child(1) {
        font-size: 1em;
        color: #fff;
        margin-bottom: 0rem;
        margin-top: 2.2em;
    }
}

.dd_top_books_s p:nth-child(2) {
    font-size: 1.2em;
    font-family: 'Sandoll Gyeokdonggulim'; 
    margin-top: 0.5em;
    font-weight: 400;
    margin-bottom: 0.3rem;
}

.dd_top_books_s p:nth-child(3) {
    word-break: keep-all;
    font-size: 0.5em;
    margin-bottom: 0rem;
    margin-left: 2em;
    margin-right: 2em;
}

.dodo-lib{
    background-color: rgb(206,187,187);
    position:relative; 
    top:-30px;
    border-radius: 1.5em 1.5em 0em 0em;
    height:170px;
}

.dodo-lib_s{
    background-color: rgb(206,187,187);
    position:relative; 
    top:-30px;
    border-radius: 1.5em 1.5em 0em 0em;
    padding-top: 2em;
    height:160px;
}

@media (max-width:500px){
    .dodo-lib_s{
        height:120px;
    }   
}

.dodo-lib-font{
    color:rgb(135,88,88);
    font-weight: 600;
    font-size: clamp(0.3em, 0.3em + 1vw, 1.2em);
}

.dodo-lib-font_s{
    color:rgb(135,88,88);
    font-weight: 600;
    font-size: clamp(0.7em, 0.5em + 1vw, 1em);
    /* font-size: 0.5em; */
    word-break: keep-all;
}

@media (max-width: 400px){
    /* .dodo-lib-font_s{
    font-size: 0.8em;
    } */
}

@media (max-width: 991px) and (min-width: 768px){
    .dd_top_books_s {
        display: flex;
        justify-content: center;
        gap: 0em 0em;
    }

    .dd_top_books_s li{
        width: 34%;
    }
}

@media (max-width: 375px){
    .dd_top_books_s {
        display: flex;
        justify-content: center;
        gap: 0em;
    }
    
    .dd_top_books_s li {
        width: 50%;
        height: 30vw;
        background-position: center;
        background-repeat: no-repeat;
    }

    .dd_top_books_s li:nth-child(1) {
        background-image: url(../../image/homepage/contents/04_about_reading/large/004_top_circle01.png);
        background-size: contain;
    }


        .dd_top_books_s li:nth-child(2) {
            background-image: url(../../image/homepage/contents/04_about_reading/large/004_top_circle02.png);
            background-size: contain;
        }


        .dd_top_books_s li:nth-child(3) {
            background-image: url(../../image/homepage/contents/04_about_reading/large/004_top_circle03.png);
            background-size: contain;
        }

    .dd_top_books_s p:nth-child(1) {
        font-size: 0.8em;
        color: #fff;
        margin-bottom: 0rem;
        margin-top: 1em;
    }
    
    .dd_top_books_s p:nth-child(2) {
        font-size: 0.7em;
        font-family: 'Sandoll Gyeokdonggulim'; 
        margin-top: 1em;
        font-weight: 400;
        margin-bottom: 0rem;
    }
    
    .dd_top_books_s p:nth-child(3) {
        word-break: keep-all;
        font-size: 0.5em;
        margin-bottom: 0rem;
        margin-left: 2em;
        margin-right: 2em;
    }
}

.dodo_lib_img{
    position:relative; 
    z-index: 2; 
    top:-70px;
}

.dodo_lib_img_s{
    position:relative; 
    z-index: 2; 
    top:-50px;
}

.info-font{
    color:rgb(165,151,151);
    height: 3em;
    margin-bottom : 0rem !important;
    display: flex;
    align-items: center;
    font-size: 1.4em;    
}

.info-font-active{
    color:rgb(254,244,239);
    height: 3em;
    margin-bottom : 0rem !important;
    display: flex;
    align-items: center;
    font-size: 1.4em;
    position:absolute;
    margin-top : 0.2em;    
}

.info-font-active-all{
    color:rgb(254,244,239);
    margin-bottom : 0rem !important;
    font-size: 2em;
    position : absolute;
    top: 0.3em;
    right: 30%;
}

.info-font-active-pb{
    color:rgb(254,244,239);
    margin-bottom : 0rem !important;
    font-size: 2em;
    position : absolute;
    top: 0.3em;
    right: 10%;
}

.info{
    border-radius: 0.5em 0.5em 0em 0em;
    background-color: rgb(130,117,117);
}

.info-menu{
    display:flex;
    justify-content :space-between;
    padding-left: 3em;
    width: 80%;
}

.info-menu_s{
    display:flex;
    padding-left: 5%;
}

.menu-active{
    width: 25%;
    padding-left: 7%;
    margin-top : -0.2em;
    position : relative;
    border-bottom: 4.5em solid rgb(243,110,0);
    border-left: 0.5em solid transparent;
}

.menu-active_s{
    width: 35%;
    margin-top : -0.5em;
    position : relative;
    border-bottom: 4.5em solid rgb(243,110,0);
    border-left: 0.5em solid transparent;
}

.menu-active_s_pb{
    width: 35%;
    margin-top : -0.5em;
    position : relative;
    border-bottom: 4.5em solid rgb(243,110,0);
    border-left: 0.5em solid transparent;
}

@media (max-width: 767px){
    .info-menu_s{
        display:flex;
        padding-left: 7%;
    }   
    
    .menu-active_s{
        width: 35%;
        margin-top : -0.3em;
        position : relative;
        border-bottom: 2.5em solid rgb(243,110,0);
        border-left: 0.5em solid transparent;
    }

    .menu-active_s_pb{
        width: 55%;
        margin-top : -0.5em;
        position : relative;
        border-bottom: 2.5em solid rgb(243,110,0);
        border-left: 0.5em solid transparent;
    }

    .info-font-active-all{
        color:rgb(254,244,239);
        margin-bottom : 0rem !important;
        font-size: 1em;
        position : absolute;
        top: 0.5em;
        left: 20%;
    }

    .info-font-active-pb{
        color:rgb(254,244,239);
        margin-bottom : 0rem !important;
        font-size: 1em;
        position : absolute;
        top: 0.5em;
        left: 5%;
        right: 7%;
    }
}

.eb-contents{
    background-color: rgb(249,244,226);    
}

.eb-contents_pb{
    background-color: rgb(249,244,226);
    padding-bottom: 10%
}

.contents-font{
    color:rgb(115,77,48);
    font-weight : 600;
    font-size: clamp(1rem, 0.88rem + 0.3999999999999999vw, 1.4rem);
    padding-top : 6rem;
    padding-bottom : 6rem;
    letter-spacing: -1px;
    margin-bottom: 0em
}

.contents-font_s{
    color:rgb(115,77,48);
    font-weight : 600;
    font-size : clamp(0.1em, 0.1em + 3vw, 1.3em); 
    padding: 10%;
    letter-spacing: -1px;
    word-break: keep-all;
}

@media (max-width: 767px){
    .contents-font_s{        
        font-size : clamp(0.5em, 0.2em + 2vw, 1em);  
    }   
}

.contents-circle{
    background-color:rgb(243,110,0);
    border-radius: 100%;
    width : 3em;
    height : 3em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle-font{
    color:white;
    margin : 0px;
}

.font-orange{
    color:rgb(243,110,0);
    font-weight: 600;
    font-size:1.2em;
}

.font-orange_s{
    color:rgb(243,110,0);
    font-weight: 600;
    font-size : clamp(0.1em, 0.1em + 3vw, 1.3em); 
}

.font-black{
    color:rgb(149,131,130);
    font-weight:600;
    font-size:1.2em;
    word-break: keep-all;
}

.font-black_s{
    color:rgb(149,131,130);
    font-weight:600;
    font-size : clamp(0.1em, 0.1em + 3vw, 1.3em); 
    word-break: keep-all;
}

.level-font{
    font-size: 2em;
    color: rgb(111,72,42);
    font-family: 'Sandoll Gyeokdonggulim'; 
    font-style: normal;
    font-weight: 400;
}

.level-font_s{
    font-size : clamp(0.8em, 0.6em + 3vw, 1.5em);
    color: rgb(111,72,42);
    font-family: 'Sandoll Gyeokdonggulim'; 
    font-style: normal;
    font-weight: 400;
}

.orangebox-font{
    background-color: rgb(243,110,0);
    color:rgb(252,227,214);
    width:7em;
    font-size: 1.5em;
    text-align: center;
}

.orangebox-font_s{
    background-color: rgb(243,110,0);
    color:rgb(252,227,214);
    width:7em;
    font-size : clamp(0.8em, 0.4em + 2vw, 1.5em);
    text-align: center;
}

.background-color-1{
    background-color: rgb(241,231,217);
}

.background-color-2{
    background-color: rgb(248,239,226);
}

.book-study-1{
    background-color: rgb(232,160,73);
    width: 16.5em; 
    padding-bottom: 1rem;
    margin-bottom: 1rem !important;
}

.book-study-2{
    background-color: rgb(255,196,56);
    width: 16.5em; 
    padding-bottom: 1rem;
    margin-bottom: 1rem !important;
}

.book-study-1_s{
    background-color: rgb(232,160,73);
    width: 30%;
    border: 1em solid rgb(232,160,73);
    border-top: 0em solid black;
    border-bottom: 0.1em solid rgb(232,160,73);
}

.book-study-2_s{
    background-color: rgb(255,196,56);
    width: 30%;
    border: 1em solid rgb(255,196,56);
    border-top: 0em solid black;
    border-bottom: 0.1em solid rgb(255,196,56);
}

.book-study-1_s img, .book-study-2_s img{
    width: 100%;
}

.mt-wb-title{
    text-align: left;
    padding-left: 16%;
    margin-top: 3%;
    margin-bottom: 3%;
    letter-spacing: -0.5px;
}

.mt-wb-title_s{
    text-align: left;
    padding-left: 7%;
    margin-top: 3%;
    margin-bottom: 3%;
    letter-spacing: -0.5px;
    font-size: 0.5em;
}

.mt-wb-text{
    text-align: left;
    padding-left: 23%;
    font-size: 1em;
    color: rgb(124, 122, 120);
    font-weight: 600;
    letter-spacing: -0.5px;
}

.mt-wb-text_s{
    text-align: left;
    padding-left: 17%;
    font-size: 0.5em;
    color: rgb(124, 122, 120);
    font-weight: 600;
    letter-spacing: -0.5px;
}

@media (max-width: 991px) and (min-width:350px){
    .mt-wb-title_s{
        font-size: calc(0.5em + 1vw);
    }

    .mt-wb-text_s{
        font-size: calc(0.5em + 1vw);
    }
}