@charset "UTF-8";

/* NanumSquareNeo */
@font-face {
    font-family:'Nanum Square Neo';
    font-weight:400;
    font-style:normal;
    font-display:swap;
    src:url('../../font/NanumSquareNeo/NanumSquareNeo-bRg.eot') format('embedded-opentype');
    src:url('../../font/NanumSquareNeo/NanumSquareNeo-bRg.woff') format('woff');
    src:url('../../font/NanumSquareNeo/NanumSquareNeo-bRg.ttf') format('truetype');
}
/* NanumSquareNeo */
@font-face {
    font-family:'Nanum Square Neo';
    font-weight:600;
    font-style:normal;
    font-display:swap;
    src:url('../../font/NanumSquareNeo/NanumSquareNeo-cBd.eot') format('embedded-opentype');
    src:url('../../font/NanumSquareNeo/NanumSquareNeo-cBd.woff') format('woff');
    src:url('../../font/NanumSquareNeo/NanumSquareNeo-cBd.ttf') format('truetype');
}

/* NanumSquareNeo */
@font-face {
    font-family:'Nanum Square Neo';
    font-weight:700;
    font-style:normal;
    font-display:swap;
    src:url('../../font/NanumSquareNeo/NanumSquareNeo-dEb.eot') format('embedded-opentype');
    src:url('../../font/NanumSquareNeo/NanumSquareNeo-dEb.woff') format('woff');
    src:url('../../font/NanumSquareNeo/NanumSquareNeo-dEb.ttf') format('truetype');
}


/* common */
.pc-only {
    display: block;
}
.mo-only {
    display: none;
}
.readingLibraryWrap {
	font-family: 'Nanum Square Neo';
	font-weight: 400;
    color: #000;
}

.readingLibraryWrap img {
	width: 100%;
	height: auto;
    /* image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges; 
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges; */
}
.readingLibraryWrap a {
    /* image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges; 
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges; */
}
.readingLibraryWrap .tab.md {
    margin: 50px 0 10px 0;

}
.readingLibraryWrap .tab.md > li {
    position: relative;
    margin-right: 40px;
}
.readingLibraryWrap .tab.md > li:last-child {
    margin-right: 0;
}
.readingLibraryWrap .tab.md > li a {
	font-size: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 237px;
    height: 69px;
    padding: 0;
    border: 0;
}
.readingLibraryWrap .tab.md > li::after {
    content: '';
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(../images/tab_shape.png) no-repeat;
    top: 50%;
    transform: translate(100%, -50%);
    right: -10px;
}
.readingLibraryWrap .tab.md > li:last-child:after {
    display: none;
}
.readingLibraryWrap .tab.md > li.active a {
    background-color: transparent;
}
.readingLibraryWrap .tab.md > li:nth-child(1) a {
    background-image: url(../images/tab1.png);
}
.readingLibraryWrap .tab.md > li:nth-child(2) a {
    background-image: url(../images/tab2.png);
}
.readingLibraryWrap .tab.md > li:nth-child(3) a {
    background-image: url(../images/tab3.png);
}
.readingLibraryWrap .tab.md > li.active:nth-child(1) a {
    background-image: url(../images/tab1_active.png);
}
.readingLibraryWrap .tab.md > li.active:nth-child(2) a {
    background-image: url(../images/tab2_active.png);
}
.readingLibraryWrap .tab.md > li.active:nth-child(3) a {
    background-image: url(../images/tab3_active.png);
}

.readingLibraryWrap .section_container {
    max-width: 1380px;
    padding: 0 100px;
    text-align: center;
    margin: 0 auto;
}

.readingLibraryWrap .sub_cont {
    overflow: hidden;
    /* margin-top: calc(150px + 17px); */
    margin-top: 150px;
}


/* .readingLibraryWrap .tab_cont > .cont{
    display: block;
    visibility: hidden;
    position: absolute;
    opacity: 0;    
}
.readingLibraryWrap .tab_cont > .cont.active{
    display: block;
    visibility: visible;
    position: relative;
    opacity: 1;    
} */

/* visual fixed */
.readingLibraryWrap .sub_visual {
    position: fixed;
    top: 140px;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: top .2s linear;   
}
#header.top_hide + .readingLibraryWrap .sub_visual {
    top: 99px;
}
.scroll #header:not(.top_hide) + .readingLibraryWrap .sub_visual {
    top: 98px;
}
.readingLibraryWrap .sub_visual .reading_contents > a {
    display: block;
    background-color: #65ece5;
}
.readingLibraryWrap .sub_visual .reading_contents > a > picture {
    display: block;
    max-width: 1380px;
    margin: 0 auto;
}


/* 1. 리딩클럽 브랜드 */
.readingLibraryWrap .readingBrand .section_01 {
    padding: 124px 0;
}
.readingLibraryWrap .readingBrand .section_01 figure {
    max-width: 708px;
    margin: 0 auto;
}
.readingLibraryWrap .readingBrand .section_01 p {
    font-size: 25px;
    font-weight: 700;
    margin-top: 45px;
    line-height: 1.6;
    word-break: keep-all;
}
.readingLibraryWrap .readingBrand .section_02 {
    padding: 90px 0;
    background-color: #fbfcf6;
}
.readingLibraryWrap .readingBrand .section_02 .section_container > p.sub_tit {
    font-size: 35px;
    margin-bottom: 30px;
}
.readingLibraryWrap .readingBrand .section_02 .tit {
    display: block;
}
.readingLibraryWrap .readingBrand .section_02 .tit img {
    max-width: 842px;
}
.readingLibraryWrap .readingBrand .section_02 .context {
    margin-top: 104px;
    display: flex;
    gap: 0 26px;
}
.readingLibraryWrap .readingBrand .section_02 .context > li:first-child {
    width: 314px;
}
.readingLibraryWrap .readingBrand .section_03 {
    padding: 108px 0;
    position: relative;
}
.readingLibraryWrap .readingBrand .section_03::after {
    content: '';
    display: inline-block;
    width: 3px;
    height: 92px;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.readingLibraryWrap .readingBrand .section_03 p {
    font-weight: 400;
    font-size: 35px;
    word-break: keep-all;
}
.readingLibraryWrap .readingBrand .section_03 .point_txt {
    display: inline-block;
    padding: 0 16px;
    border-radius: 6px;
    background-color: #26ccc3;
    color: #fff;
    font-size: 45px;
    line-height: 1.4;
    margin-top: 14px;
    word-break: keep-all;
}
.readingLibraryWrap .readingBrand .section_03 .point_txt b {
    font-weight: 600;
}
.readingLibraryWrap .readingBrand .section_04 {
    background-color: #e0fbfa;
    padding: 100px 0;
}
.readingLibraryWrap .readingBrand .section_04 h5 {
    font-size: 50px;
    font-weight: 700;
    word-break: keep-all;
}
.readingLibraryWrap .readingBrand .section_04 p {
    font-size: 30px;
    font-weight: 400;
    margin-top: 40px;
    line-height: 1.6;
    word-break: keep-all;
}
.readingLibraryWrap .readingBrand .section_04 .bottom_logo {
    max-width: 820px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 18px;
    padding: 50px 50px 86px;
    margin-top: 50px;
}
.readingLibraryWrap .readingBrand .section_04 .bottom_logo > img {
    max-width: 459px;
}

/* 2. 1%독서습관 프로그램 */
.readingLibraryWrap .readingProgram .section_01 {
    padding: 110px 0;
}
.readingLibraryWrap .readingProgram .section_01 figure {
    max-width: 527px;
    margin: 0 auto;
}
.readingLibraryWrap .readingProgram .section_01 .program_info.pc-only {
    display: flex;
}
.readingLibraryWrap .readingProgram .section_01 .program_info.mo-only {
    display: none;
}
.readingLibraryWrap .readingProgram .section_01 .program_info {
    display: flex;
    gap: 0 80px;
    margin-top: 80px;
}
.readingLibraryWrap .readingProgram .section_01 .program_info > li {
    width: 33.3333%;
}
.readingLibraryWrap .readingProgram .section_01 .program_info > li .img_wrap {
    display: block;
}
.readingLibraryWrap .readingProgram .section_01 .program_info > li .img_wrap img {
    max-width: 257px;
}
.readingLibraryWrap .readingProgram .section_01 .program_info > li h6.tit {
    display: none;
}
.readingLibraryWrap .readingProgram .section_01 .program_info > li p.txt {
    margin-top: 45px;
    font-size: 25px;
    letter-spacing: -0.05em;
    line-height: 1.7;
    color: #211c12;
    word-break: keep-all;
}
.readingLibraryWrap .readingProgram .section_tit {
    display: flex;
    gap: 0 40px;
    align-items: center;
}
.readingLibraryWrap .readingProgram .section_tit::after,
.readingLibraryWrap .readingProgram .section_tit::before {
    content: '';
    display: inline-block;
    height: 3px;
    flex: 1 0 auto;
    background-color: #201f14;
}
.readingLibraryWrap .readingProgram .section_tit h4 {
    font-size: 60px;
    font-weight: 700;
    position: relative;
}
.readingLibraryWrap .readingProgram .section_tit h4 > span {
    display: block;
    font-size: 40px;
    font-weight: 700;
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 100%;
}
.readingLibraryWrap .readingProgram h5.tit {
    margin-top: 40px;
    font-size: 32px;
    font-weight: 700;
    word-break: keep-all;
}
.readingLibraryWrap .readingProgram p.txt {
    margin-top: 20px;
    font-size: 25px;
    font-weight: 600;
    word-break: keep-all;
}
.readingLibraryWrap .readingProgram .program_list_box {
    margin-top: 44px;
    display: flex;
    gap: 0 18px;
}
.readingLibraryWrap .readingProgram .section_02 {
    background-color: #fdfcf0;
    padding: 110px 0;
}
.readingLibraryWrap .readingProgram .section_02 figure {
    max-width: 624px;
    margin: 60px auto 0;
}
.readingLibraryWrap .readingProgram .section_02 .program_info.pc_prog_info {
    display: flex;
}
.readingLibraryWrap .readingProgram .section_02 .program_info.mo_prog_info {
   	display: none;
}
.readingLibraryWrap .readingProgram .section_02 .program_info.mo_prog_info li {
 	width: 100%;
    max-width: 624px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.readingLibraryWrap .readingProgram .section_02 .program_info.mo_prog_info li:last-child {
 	margin-bottom: 0px;
}
.readingLibraryWrap .readingProgram .section_02 .program_info {
    display: flex;
    gap: 0 55px;
    margin-top: 60px;
}
.readingLibraryWrap .readingProgram .section_02 .program_info > li {
    width: 33.3333%;
}
.readingLibraryWrap .readingProgram .section_03 {
    background-color: #f3f9ff;
    padding: 110px 0;
}
.readingLibraryWrap .readingProgram .section_03 h5.tit {
    margin-top: 100px;
}
.readingLibraryWrap .readingProgram .section_03 .literacy_wrap {
    position: relative;
    padding-left: 30px;
}
.readingLibraryWrap .readingProgram .section_03 .literacy_wrap > img {
    width: 353px;
    margin: 55px auto 0;
    position: relative;
    z-index: 1;
}
.readingLibraryWrap .readingProgram .section_03 .literacy_wrap .round_txt_box {
    position: absolute;
    text-align: center;
    font-size: 24px;
    line-height: 1.6;
    background-color: #fff;
    border-radius: 20px;
}
.readingLibraryWrap .readingProgram .section_03 .literacy_wrap .round_txt_box b {
    font-weight: 700;
}
.readingLibraryWrap .readingProgram .section_03 .literacy_wrap .round_txt_box.box_1 {
    top: 42%;
    left: 16%;
    /* transform: translateX(-50%); */
    /* padding-right: 125px; */
    padding: 23px 63px;
}
.readingLibraryWrap .readingProgram .section_03 .literacy_wrap .round_txt_box.box_2 {
    top: 90%;
    right: 14%;
    padding: 18px 58px;
    /* transform: translate(-50%, 100%); */
}
.readingLibraryWrap .readingProgram .section_03 .arrow_dn {
    max-width: 159px;
    margin: 100px auto 0;
}
.readingLibraryWrap .readingProgram .section_03 figure {
	max-width: 506px;
    margin: 60px auto 0;
}
.readingLibraryWrap .readingProgram .section_03 .ico_book {
    position: relative;
    max-width: 386px;
    margin: 140px auto 0;
}
.readingLibraryWrap .readingProgram .section_03 .ico_book img {
    position: relative;
    z-index: 1;
}
.readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li {
    position: absolute;
}
.readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li:nth-child(1) {
    top: 7%;
    left: 50%;
    transform: translate(-50%, -100%);
}
.readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li:nth-child(2) {
    top: 37%;
    right: 8%;
    transform: translate(100%, -100%);
}
.readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li:nth-child(3) {
    bottom: 37%;
    right: 8%;
    transform: translate(100%, 100%);
}
.readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li:nth-child(4) {
    bottom: 7%;
    right: 50%;
    transform: translate(50%, 100%);
}
.readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li:nth-child(5) {
    bottom: 37%;
    left: 8%;
    transform: translate(-100%, 100%);
}
.readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li:nth-child(6) {
    top: 37%;
    left: 8%;
    transform: translate(-100%, -100%);
}
.readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li picture {
    display: block;
}
.readingLibraryWrap .readingProgram .section_03 .program_table {
    margin-top: 50px;
    text-align: left;
}
.readingLibraryWrap .readingProgram .section_03 .program_table h6 {
    font-size: 36px;
    font-weight: 700;
    padding: 0 24px;
    color: #fff;
    background-color: #769bd1;
    border-radius: 18px;
    display: inline-block;
    line-height: 64px;
}
.readingLibraryWrap .readingProgram .section_03 .program_table picture {
    margin-top: 17px;
    display: block;
}
.readingLibraryWrap .readingProgram .section_04 {
    padding: 64px 0 70px;
}
.readingLibraryWrap .readingProgram .section_04 picture {
    display: inline-block;
    max-width: 921px;
    margin: 0 auto;
}

/* 3. 리딩클럽 사업 안내 */
.readingLibraryWrap .readingInfo .section_01 {
    padding: 130px 0;
}
.readingLibraryWrap .readingInfo .section_01 figure {
    max-width: 527px;
    margin: 0 auto;
}
.readingLibraryWrap .readingInfo .section_02 {
    background-color: #f0f9f8;
    padding: 80px 0 85px;
}
.readingLibraryWrap .readingInfo .section_02 h5 {
    font-size: 48px;
    font-weight: 700;
    word-break: keep-all;
}
.readingLibraryWrap .readingInfo .section_02 h5 b {
    color: #f4453a;
}
.readingLibraryWrap .readingInfo .section_02 .section_container .sec02_slide {
   	position: relative;
   	margin-top: 45px;
}
.readingLibraryWrap .readingInfo .section_02 .section_container .sec02_slide .slide_1  {
    overflow: hidden;
}
.readingLibraryWrap .readingInfo .section_02 .section_container .sec02_slide .swiper-pagination {
    position: relative;
    margin-top: 35px;
    bottom: 0;
}
.readingLibraryWrap .readingInfo .section_02 .section_container .sec02_slide .swiper-pagination .swiper-pagination-bullet-active {
	background: #f4453a !important;
    width: 40px !important;
    border-radius: 8px;
}
.readingLibraryWrap .readingInfo .section_02 .section_container .sec02_slide .swiper-pagination .swiper-pagination-bullet {
	background: #909090;
	width: 12px;
	height: 12px;
	opacity: 1;
}
.readingLibraryWrap .readingInfo .section_02 .section_container > ul {
    display: flex;
    gap: 0 22px;
    margin-top: 40px;
}
.readingLibraryWrap .readingInfo .section_02 .section_container > ul .round_box {
    border-radius: 20px;
    background-color: #fff;
    overflow: hidden;
    width: 50%;
}
.readingLibraryWrap .readingInfo .section_02 .section_container > ul .box_title {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -0.025em;
    padding: 16px;
    word-break: keep-all;
}
.readingLibraryWrap .readingInfo .section_02 .section_container > ul > li:nth-child(1) .box_title {
    background-color: #26ccc3;
}
.readingLibraryWrap .readingInfo .section_02 .section_container > ul > li:nth-child(2) .box_title {
    background-color: #f4453a;
}
.readingLibraryWrap .readingInfo .section_02 .round_box .box_cont {
    display: flex;
    gap: 0 25px;
    padding: 40px 30px;
    align-items: center;
}
.readingLibraryWrap .readingInfo .section_02 .round_box .box_cont .txt {
    font-size: 20px;
    color: #211c12;
    letter-spacing: -0.05em;
    flex: 1;
    text-align: left;
    word-break: keep-all;
}
.readingLibraryWrap .readingInfo .section_02 .round_box:nth-child(1) .box_cont .img {
    max-width: 200px;
    width: 38%;
}
.readingLibraryWrap .readingInfo .section_02 .round_box:nth-child(2) .box_cont .img {
    max-width: 300px;
    width: 58%;
}
.readingLibraryWrap .readingInfo .section_02 .sec02_zoom {
	max-width: 500px;
	margin: 0 auto ;
}
.readingLibraryWrap .readingInfo .section_02 .sec02_zoom div {
	margin-top: 2.4rem;
}
.readingLibraryWrap .readingInfo .section_02 .sec02_zoom div:first-child {
	margin-top: 3rem;
}
.readingLibraryWrap .readingInfo .section_02 .sec02_zoom div:last-child {
	margin-bottom: 0;
}
.readingLibraryWrap .readingInfo .section_tit.tyle_02 {
    display: flex;
    gap: 0 20px;
    align-items: center;
}
.readingLibraryWrap .readingInfo .section_tit.tyle_02::after {
    content: '';
    display: inline-block;
    height: 3px;
    background-color: #201f14;
    flex: 1 0 auto;
}
.readingLibraryWrap .readingInfo .section_tit.tyle_02 h4 {
    font-size: 48px;
    font-weight: 700;
    word-break: keep-all;
}
.readingLibraryWrap .readingInfo .section_tit.tyle_02 h4 b {
    color: #f4453a;
}

.readingLibraryWrap .readingInfo .section_03 {
    padding: 80px 0;
}
.readingLibraryWrap .readingInfo .section_03 .sec03_sq {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    gap: 3%;
}
.readingLibraryWrap .readingInfo .section_03 .tab_sec03_m {
	max-width: 500px;
	margin: 0 auto;
}
.readingLibraryWrap .readingInfo .section_03 .sec03_sq_m {
	margin-top: 1.7rem; 
}
.readingLibraryWrap .readingInfo .section_03 .sec03_sq_m div {
	margin-bottom: 1.3rem;
}
.readingLibraryWrap .readingInfo .section_03 .sec03_sqb {
	display: flex;
   	justify-content: space-between;
   	gap: 3%;
}
.readingLibraryWrap .readingInfo .section_03 .round_table_box {
    margin-top: 30px;
    border-radius: 30px;
    padding: 40px 110px;
    text-align: center;
}

.readingLibraryWrap .readingInfo .section_03 .round_table_box.type_y {
    background-color: #fdfcf0;
}
.readingLibraryWrap .readingInfo .section_03 .round_table_box.type_c {
    background-color: #f0f9f8;
}
.readingLibraryWrap .readingInfo .section_03 .round_table_box > p {
    font-size: 32px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    z-index: 1;
}
.readingLibraryWrap .readingInfo .section_03 .round_table_box > p:after {
    display: inline-block;
    content: '';
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.readingLibraryWrap .readingInfo .section_03 .round_table_box.type_y > p:after {
    background-color: #fff582;
}
.readingLibraryWrap .readingInfo .section_03 .round_table_box.type_c > p:after {
    background-color: #adf7ed;
}
.readingLibraryWrap .readingInfo .section_03 .round_table_box picture {
    display: block;
    font-size: 0;
    margin-top: 35px;
}
.readingLibraryWrap .readingInfo .section_04 {
    background-color: #f8f8f8;
    padding: 80px 0;
}
.readingLibraryWrap .readingInfo .section_04 .box_inner_cont {
    background-color: #fff;
    border-radius: 30px;
    padding: 40px 100px 56px;
    margin-top: 44px;
}
.readingLibraryWrap .readingInfo .section_04 .box_inner_cont .tit_wrap {
    text-align: left;
}
.readingLibraryWrap .readingInfo .section_04 .box_inner_cont .tit_wrap > h6 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.025em;
}
.readingLibraryWrap .readingInfo .section_04 .box_inner_cont .tit_wrap > p {
    margin-top: 10px;
    font-size: 25px;
    color: #211c12;
    letter-spacing: -0.05em;
    line-height: 1.7;
    word-break: keep-all;
}
.readingLibraryWrap .readingInfo .section_04 .box_inner_cont .benefit_list {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 140px;
    align-items: start;
    margin-top: 46px;
    justify-content: center;
}
.readingLibraryWrap .readingInfo .section_04 .box_inner_cont .benefit_list > li {
    width: calc(33.3333% - 94px);
}
.readingLibraryWrap .readingInfo .section_04 .box_inner_cont .benefit_list > li picture {
    display: inline-block;
}
.readingLibraryWrap .readingInfo .section_05 {
    padding: 80px 0;
}
.readingLibraryWrap .readingInfo .section_05 .section_container > ul {
    margin-top: 56px;
}
.readingLibraryWrap .readingInfo .section_05 .section_container > ul > li {
    display: flex;
    gap: 0 30px;
    align-items: center;
}
.readingLibraryWrap .readingInfo .section_05 .section_container > ul > li > figure {
    max-width: 242px;
}
.readingLibraryWrap .readingInfo .section_05 .section_container > ul > li:nth-child(1) {
    padding: 0 68px;
}
.readingLibraryWrap .readingInfo .section_05 .section_container > ul > li:nth-child(1) > P {
    text-align: left;
    color: #65b52a;
}
.readingLibraryWrap .readingInfo .section_05 .section_container > ul > li:nth-child(2) {
    padding: 0 84px;
    justify-content: end;
    margin-top: -20px;
}
.readingLibraryWrap .readingInfo .section_05 .section_container > ul > li:nth-child(2) > P {
    text-align: right;
    color: #b435be;
}
.readingLibraryWrap .readingInfo .section_05 .section_container > ul > li > p {
    font-size: 27px;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: -0.025em;
    word-break: keep-all;
}
.readingLibraryWrap .readingInfo .section_06 {
    background-color: #edfbfa;
    padding: 42px 0 32px;
}
.readingLibraryWrap .readingInfo .section_06 .section_container > ul {
    display: flex;
    justify-content: center;
    gap: 0 100px;
}
.readingLibraryWrap .readingInfo .section_06 .section_container > ul picture {
    display: inline-block;
    max-width: 230px;
}
.readingLibraryWrap .readingInfo .section_07 {
    background-color: #50d6ce;
    padding: 80px 0 109px;
}
.readingLibraryWrap .readingInfo .section_07 .section_container > figure {
    max-width: 264px;
    margin: 0 auto;
}

.readingLibraryWrap .readingInfo .section_07 .section_container > ul {
    margin-top: 48px;
    padding: 0 64px;
}
.readingLibraryWrap .readingInfo .section_07 .section_container > ul > li > div {
    display: flex;
}
.readingLibraryWrap .readingInfo .section_07 .section_container > ul > li > div > p {
    background-color: #fff;
    flex: 1 0 auto;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    vertical-align: middle;
    font-size: 27px;
    text-align: left;
    padding: 0 30px 0 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    line-height: 1.7;
    letter-spacing: -0.01em;
    width: calc(100% - 158px);
    word-break: keep-all;
}
.readingLibraryWrap .readingInfo .section_07 .section_container > ul > li > div > figure {
    position: relative;
    z-index: 1;
    width: 158px;
}
.readingLibraryWrap .readingInfo .section_07 .section_container > ul > li > div > figure::after {
    content: '';
    display: inline-block;
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    z-index: -1;
}
.readingLibraryWrap .readingInfo .section_07 .section_container > ul > li + li {
    margin-top: 66px;
    position: relative;
}
.readingLibraryWrap .readingInfo .section_07 .section_container > ul > li + li::after {
    content: '';
    display: inline-block;
    top: -12px;
    left: 50%;
    transform: translate(-50%, -100%);
    position: absolute;
    width: 36px;
    height: 43px;
    background-image: url(../images/business_img_23.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}



@media (max-width: 1380px) {
    .readingLibraryWrap .sub_cont {
        /* margin-top: calc(10.86vw + 15px); */
        margin-top: 10.86vw;
    }
    .readingLibraryWrap .section_container {
        padding: 0 30px;
    }
    .readingLibraryWrap .readingBrand .section_01 p {

    }
    .readingLibraryWrap .readingProgram .section_03 .literacy_wrap .round_txt_box.box_1 {
        left: 8%;
        padding: 20px;
        font-size: clamp(15px, 2.4vw, 30px);
    }
    .readingLibraryWrap .readingProgram .section_03 .literacy_wrap .round_txt_box.box_2 {
        white-space: nowrap;
        top: 42%;
        right: 6%;
        padding: 20px;
        font-size: clamp(15px, 2.4vw, 30px);
    }
    .readingLibraryWrap .readingInfo .section_05 .section_container > ul > li:nth-child(1) {
        padding: 0;
    }
    .readingLibraryWrap .readingInfo .section_05 .section_container > ul > li:nth-child(2) {
        margin-top: 3rem;
        padding: 0;
    }
    .readingLibraryWrap .readingInfo .section_02 .section_container > ul {
        flex-direction: column;
        gap: 20px 0;
        align-items: center;
    }
    .readingLibraryWrap .readingInfo .section_02 .section_container > ul .round_box {
        width: 80%;
        max-width: 800px;
    }
    .readingLibraryWrap .readingInfo .section_07 .section_container > ul > li > div > p br {
        display: none;
    }
}

@media (max-width: 1200px) {
	.readingLibraryWrap .readingInfo .section_04 .box_inner_cont .tit_wrap > p {
    	word-break: break-word;
	}
	.res-only {
		display: none;
	}
}

@media (max-width: 1023px) {
    .readingLibraryWrap .sub_visual {
        top: 9.87rem;
    }
    .readingLibraryWrap .tab_area {
        margin: 0;
    }
    .readingLibraryWrap .tab.md {
        width: 100%;
        margin: 2.5rem auto 0.714285714285714rem;
        display: block;
        border-bottom: 0;
        max-width: 1380px;
        padding: 0 30px;
    }
    .readingLibraryWrap .tab.md > li {
        padding: 0;
        margin: 0;
        border-bottom: 2px solid #eeeeee;
        width: 33.3333%;
    }
    .readingLibraryWrap .tab.md > li.active {
        border-bottom: 2px solid #50d6ce;
    }
    .readingLibraryWrap .tab.md > li a {
        background-image: none !important;
        font-size: 15px;
        font-family: 'Pretendard', Malgun Gothic, '맑은고딕', Dotum, '굴림', Gulim, Helvetica, sans-serif;
        width: auto;
        height: auto;
        padding-bottom: 10px;
    }
    .readingLibraryWrap .tab.md > li::after {
        display: none;
    }

}
@media (max-width: 1023px) {
    .readingLibraryWrap .sub_cont {
        margin-top: 10.86vw;
    }
    .readingLibraryWrap .tab_cont {
        padding: 0;
    }
}
@media (max-width: 890px) {
    .pc-only {
        display: none;
    }
    .mo-only {
        display: block;
    }
    .readingLibraryWrap .readingProgram .section_02 .program_info.pc_prog_info {
    	display: none;
	}
	.readingLibraryWrap .readingProgram .section_02 .program_info.mo_prog_info {
    	display: block;
	}
	.readingLibraryWrap .readingProgram .section_02 .program_info {
		margin-top: 25px;
	}
	.readingLibraryWrap .readingProgram .section_03 figure {
    	margin: 25px auto;
    	width: 90%;
	}
    .readingLibraryWrap .sub_visual .reading_contents > a {
        background-color: #62e6dc;
    }
    .readingLibraryWrap .sub_visual .reading_contents > a > picture {
        max-width: 26.7857142857143rem;
    }
    .readingLibraryWrap .sub_cont {
        /* margin-top: 30.79vw; */
        margin-top: 8.57142857142857rem;
    }
    .readingLibraryWrap .tab.md {
        padding: 0;
        text-align: center;
        position: relative;
        border-bottom: none;
    }
    .readingLibraryWrap .tab.md:after {
        content: '';
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        border-bottom: 2px solid #eeeeee;
    }
    .readingLibraryWrap .tab.md > li {
        min-width: 8.92857142857143rem;
        z-index: 1;
    }
    .readingLibraryWrap .tab.md > li a {
        font-size: 0.928571428571429rem;
    }
    .readingLibraryWrap .section_container {
        padding: 0 1.42857142857143rem;
    }
    .readingLibraryWrap .cont > [class*="section"] {
        padding: 3.21428571428571rem 0;
    }
    .readingLibraryWrap .readingBrand .section_02 .section_container > p.sub_tit {
        font-size: 1.42857142857143rem;
        margin-bottom: 0.928571428571429rem;
    }
    .readingLibraryWrap .readingBrand .section_01 figure {
        min-width: 22.6428571428571rem;
        width: 60%;
    }
    .readingLibraryWrap .readingBrand .section_01 p {
        margin-top: 2.14285714285714rem;
        font-size: 1.07142857142857rem;
    }
    .readingLibraryWrap .readingBrand .section_02 .tit img {
        max-width: 20.3571428571429rem;
    }
    .readingLibraryWrap .readingBrand .section_02 .context {
        display: block;
        margin-top: 2.42857142857143rem;
    }
    .readingLibraryWrap .readingBrand .section_02 .context > li:first-child {
        /* max-width: 11.6428571428571rem; */
        width: 48%;
        margin: 0 auto;
    }
    .readingLibraryWrap .readingBrand .section_02 .context > li:nth-child(2) {
        margin-top: 2.14285714285714rem;
    }
    .readingLibraryWrap .readingBrand .section_02 .context > li:nth-child(2) img {
        max-width: 22.9642857142857rem;
    }
    .readingLibraryWrap .readingBrand .section_03::after {
        width: 0.14rem;
        height: 3.57rem;
    }
    .readingLibraryWrap .readingBrand .section_03 p {
        font-size: 1.07142857142857rem;
    }
    .readingLibraryWrap .readingBrand .section_03 .point_txt {
        font-size: 1.78571428571429rem;
        padding: 1.07142857142857rem 1.78571428571429rem;
        margin-top: 0.857142857142857rem;
    }
    .readingLibraryWrap .readingBrand .section_04 h5 {
        font-size: 2.14285714285714rem;
    }
    .readingLibraryWrap .readingBrand .section_04 p {
        font-size: 1.03571428571429rem;
        margin-top: 1.42857142857143rem;
    }
    .readingLibraryWrap .readingBrand .section_04 .bottom_logo {
        margin: 0 auto;
        max-width: 400px;
        margin-top: 2.5rem;
        padding: 2.14285714285714rem 3.35714285714286rem;
    }
    .readingLibraryWrap .readingBrand .section_04 .bottom_logo > img {
        max-width: 15.2142857142857rem;
    }

    .readingLibraryWrap .readingProgram .section_01 figure {
        min-width: 16.9285714285714rem;
        width: 50%;
    }
    .readingLibraryWrap .readingProgram .section_01 .program_info.pc-only {
        display: none;
    }
    .readingLibraryWrap .readingProgram .section_01 .program_info.mo-only {
        display: flex;
    }
    .readingLibraryWrap .readingProgram .section_01 .program_info {
        margin: 0 auto;
        max-width: 500px;
        margin-top: 2.57142857142857rem;
        flex-direction: column;
        gap: 1.28571428571429rem 0;
    }
    .readingLibraryWrap .readingProgram .section_01 .program_info > li {
        width: 100%;
        background-color: #fdfaeb;
        border-radius: 0.571428571428571rem;
        display: flex;
        align-items: center;
        gap: 0 1.78571428571429rem;
        padding: 1.64285714285714rem 1.42857142857143rem;
    }
    .readingLibraryWrap .readingProgram .section_01 .program_info > li:nth-child(1) .img_wrap img {
        max-width: 6.57142857142857rem;
    }
    .readingLibraryWrap .readingProgram .section_01 .program_info > li:nth-child(2) .img_wrap img {
        max-width: 5.285714285714290rem;
    }
    .readingLibraryWrap .readingProgram .section_01 .program_info > li:nth-child(3) .img_wrap img {
        max-width: 5.928571428571430rem;
    }
    .readingLibraryWrap .readingProgram .section_01 .program_info > li .img_wrap {
        width: 34%;
    }
    .readingLibraryWrap .readingProgram .section_01 .program_info > li .txt_wrap {
        width: 66%;
        text-align: left;
    }
    .readingLibraryWrap .readingProgram .section_01 .program_info > li .txt_wrap h6.tit {
        display: block;
        font-size: 1.35714285714286rem;
    }
    .readingLibraryWrap .readingProgram .section_01 .program_info > li .txt_wrap p.txt {
        margin-top: 0;
        font-size: 1rem;
        margin-top: 0.857142857142857rem;
    }
    .readingLibraryWrap .readingProgram .section_tit {
        gap: 0 1.07142857142857rem;
        justify-content: center;
    }
    .readingLibraryWrap .readingProgram .section_tit h4 {
        font-size: 2.28571428571429rem;
    }
    .readingLibraryWrap .readingProgram .section_tit::after, 
    .readingLibraryWrap .readingProgram .section_tit::before {
        width: 0.714285714285714rem;
        height: 0.714285714285714rem;
        background-color: transparent;
        background-image: url(../../../ClientUI/reading_library/images/habit_shape_1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        flex: none;
    }
    .readingLibraryWrap .readingProgram h5.tit {
        margin-top: 1.78571428571429rem;
        font-size: 1.28571428571429rem;
    }
    .readingLibraryWrap .readingProgram h5.tit + p.txt {
        font-size: 1rem;
        margin-top: 1.28571428571429rem;
        font-weight: 500;
        letter-spacing: -0.01em;
    }
    .readingLibraryWrap .readingProgram .program_list_box {
        flex-direction: column;
        gap: 1.42857142857143rem 0;
        margin: 0 auto;
        margin-top: 1.78571428571429rem;
        max-width: 400px;
    }
    .readingLibraryWrap .readingProgram .section_tit h4 > span {
        font-size: 1.57142857142857rem;
        bottom: 5%;
    }
    .readingLibraryWrap .readingProgram .section_03 h5.tit {
        margin-top: 4.28571428571429rem;
    }
    .readingLibraryWrap .readingProgram .section_03 .literacy_wrap {
        padding: 0;
    }
    .readingLibraryWrap .readingProgram .section_03 .literacy_wrap .round_txt_box {
        border-radius: 0.357142857142857rem;
        font-size: 1rem;
        line-height: 1.4;
        word-break: keep-all;
        letter-spacing: -0.05em;
        max-width: 500px;
        margin: 0 auto;
    }
    .readingLibraryWrap .readingProgram .section_03 .literacy_wrap .round_txt_box.box_1 {
        padding: 1.07142857142857rem 0.571428571428571rem;
        position: static;
        margin-top: 1.07142857142857rem;
    }
    .readingLibraryWrap .readingProgram .section_03 .literacy_wrap .round_txt_box.box_2 {
        padding: 1.07142857142857rem 0.571428571428571rem;
        position: static;
        white-space: wrap;
        margin-top: 0.642857142857143rem;
    }
    .readingLibraryWrap .readingProgram .section_03 .literacy_wrap > img {
        max-width: 10.2142857142857rem;
        width: 100%;
        transform: translateX(10%);
        margin-top: 1.78571428571429rem;
    }
    .readingLibraryWrap .readingProgram .section_03 .arrow_dn {
        max-width: 5.14285714285714rem;
        margin-top: 1.92857142857143rem;
    }
    .readingLibraryWrap .readingProgram .section_03 .ico_book {
        margin-top: 7.07142857142857rem;
        max-width: 12.5rem;
    }
    .readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li {
        max-width: 5.71428571428571rem;
    }
    .readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li:nth-child(1) {
        top: 7%;
        left: 50%;
    }
    .readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li:nth-child(2) {
        top: 40%;
        right: 10%;
    }
    .readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li:nth-child(3) {
        bottom: 40%;
        right: 10%;
    }
    .readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li:nth-child(4) {
        bottom: 7%;
        right: 50%;
    }
    .readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li:nth-child(5) {
        bottom: 40%;
        left: 10%;
    }
    .readingLibraryWrap .readingProgram .section_03 .hexagon_shape .ico_book > ul > li:nth-child(6) {
        top: 40%;
        left: 10%;
    }    
    .readingLibraryWrap .readingProgram .section_03 .program_table {
        margin-top: 2.5rem;
        text-align: center;
    }
    .readingLibraryWrap .readingProgram .section_03 .program_table h6 {
        font-size: 1.64285714285714rem;
        line-height: 2.85714285714286rem;
        border-radius: 0.357142857142857rem;
        padding: 0 1.21428571428571rem;
    }
    .readingLibraryWrap .readingProgram .section_03 .program_table picture {
        margin: 0 auto;
        margin-top: 1.28571428571429rem;
        max-width: 500px;
    }
    .readingLibraryWrap .readingProgram .section_04 {
        padding: 2.42857142857143rem 0 1.92857142857143rem;
    }
    .readingLibraryWrap .readingProgram .section_04 picture {
        max-width: 21.7142857142857rem;
    }


    .readingLibraryWrap .readingInfo .section_01 figure {
        min-width: 16.9285714285714rem;
        width: 50%;
    }
    .readingLibraryWrap .readingInfo .section_02 h5 {
        font-size: 1.92857142857143rem;
        letter-spacing: -0.025em;
    }
    .readingLibraryWrap .readingInfo .section_02 .section_container > ul {
        max-width: 500px;
        margin: 0 auto;
        margin-top: 1.78571428571429rem;
        gap: 1.28571428571429rem 0;
    }
    .readingLibraryWrap .readingInfo .section_02 .section_container > ul .round_box {
        width: 100%;
        max-width: none;
        border-radius: 0.714285714285714rem;
    }
    .readingLibraryWrap .readingInfo .section_02 .section_container > ul .box_title {
        font-size: 1.14285714285714rem;   
        padding: 0.857142857142857rem;
    }
    .readingLibraryWrap .readingInfo .section_02 .round_box .box_cont {
        padding: 1.785714285714290rem 1.071428571428570rem;
        gap: 0 0.785714285714286rem;
    }
    .readingLibraryWrap .readingInfo .section_02 .round_box .box_cont .txt {
        font-size: 0.928571428571429rem;
        line-height: 1.6;
    }
    .readingLibraryWrap .readingInfo .section_02 .round_box:nth-child(1) .box_cont .img {
        max-width: none;
        min-width: 8.35714285714286rem;
    }
    .readingLibraryWrap .readingInfo .section_02 .round_box:nth-child(2) .box_cont .img {
        max-width: none;
        min-width: 12.5rem;
    }
    .readingLibraryWrap .readingInfo .section_tit.tyle_02::after {
        display: none;
    }
    .readingLibraryWrap .readingInfo .section_tit.tyle_02 h4 {
        font-size: 2rem;
    }
    .readingLibraryWrap .readingInfo .section_tit.tyle_02 {
        justify-content: center;
    }
    .readingLibraryWrap .readingInfo .section_03 .round_table_box {
        margin: 0 auto;
        margin-top: 1.78571428571429rem;
        padding: 1.785714285714290rem 0.857142857142857rem;
        border-radius: 0.714285714285714rem;
        max-width: 500px;
    }
    .readingLibraryWrap .readingInfo .section_03 .round_table_box > p {
        font-size: 1.35714285714286rem;
        letter-spacing: -0.025em;
    }
    .readingLibraryWrap .readingInfo .section_03 .round_table_box > p:after {
        height: 0.857142857142857rem;
    }
    .readingLibraryWrap .readingInfo .section_03 .round_table_box picture {
        margin-top: 1.78571428571429rem;
    }
    .readingLibraryWrap .readingInfo .section_03 .round_table_box + .round_table_box {
        margin-top: 1.14285714285714rem;
    }
    .readingLibraryWrap .readingInfo .section_04 .box_inner_cont {
        border-radius: 0.714285714285714rem;
        padding: 1.785714285714290rem 1.428571428571430rem 2.14285714285714rem;
        margin-top: 1.785714285714290rem;
    }
    .readingLibraryWrap .readingInfo .section_04 .box_inner_cont .tit_wrap > h6 {
        text-align: center;
        font-size: 1.42857142857143rem;
    }
    .readingLibraryWrap .readingInfo .section_04 .box_inner_cont .tit_wrap > p {
        text-align: center;
        font-size: 1rem;
        margin-top: 1.42857142857143rem;
        word-break: keep-all;
    }
    .readingLibraryWrap .readingInfo .section_04 .box_inner_cont .benefit_list {
        max-width: 320px;
        margin: 0 auto;
        gap: 1.64285714285714rem 3.21428571428571rem;
        margin-top: 2.5rem;
        padding: 0 0.714285714285714rem;
    }
    .res-only {
    	display: block;
    }
    .readingLibraryWrap .readingInfo .section_04 .box_inner_cont .benefit_list > li {
        width: calc(50% - 1.607142857142860rem);
    }
    .readingLibraryWrap .readingInfo .section_05 .section_container > ul {
        margin-top: 2.5rem;
    }
    .readingLibraryWrap .readingInfo .section_05 .section_container > ul > li {
        flex-direction: column;
    }
    .readingLibraryWrap .readingInfo .section_05 .section_container > ul > li > p {
        text-align: center !important;
        font-size: 1.14285714285714rem;
        margin-top: 1.92857142857143rem;
    }
    .readingLibraryWrap .readingInfo .section_05 .section_container > ul > li:nth-child(2) {
        margin-top: 3.214285714285710rem;
    }
    .readingLibraryWrap .readingInfo .section_05 .section_container > ul > li:nth-child(2) > P {
        order: 1;
    }
    .readingLibraryWrap .readingInfo .section_05 .section_container > ul > li > figure {
        max-width: 10.2857142857143rem;
    }

    .readingLibraryWrap .readingInfo .section_06 {
        padding: 1.928571428571430rem 0;
    }
    .readingLibraryWrap .readingInfo .section_06 .section_container > ul {
        gap: 0 6%;
        max-width: 400px;
        margin: 0 auto;
    }
    .readingLibraryWrap .readingInfo .section_07 .section_container > figure {
        max-width: 11.8571428571429rem;
    }
    .readingLibraryWrap .readingInfo .section_07 .section_container > ul {
        margin: 0 auto;
        max-width: 500px;
        margin-top: 2rem;
        padding: 0;
    }
    .readingLibraryWrap .readingInfo .section_07 .section_container > ul > li > div > figure {
        width: 5.571428571428570rem;
    }
    .readingLibraryWrap .readingInfo .section_07 .section_container > ul > li > div > p {
        font-size: 0.928571428571429rem;
        padding: 0 0.642857142857143rem;
        line-height: 1.6;
        letter-spacing: -0.05em;
    }
    .readingLibraryWrap .readingInfo .section_07 .section_container > ul > li + li::after {
        width: 1.571428571428570rem;
        height: 1.785714285714290rem;
        top: -0.285714285714286rem;
    }
    .readingLibraryWrap .readingInfo .section_07 .section_container > ul > li + li {
        margin-top: 2.35714285714286rem;
    }
}
@media (max-width: 374px) {
    .scroll #header:not(.top_hide) + .readingLibraryWrap .sub_visual { 
        top: 91px;
    }
    .readingLibraryWrap .sub_cont {
        margin-top: 30.405vw;
    }
}