/* @charset "UTF-8"; */
/*@import url("base.css");*/

.main_content{padding-top:138px;min-height: 500px;overflow-x:hidden;}
.main_content *{box-sizing: border-box;}
.main_content button{cursor: pointer;outline: none;}
.main_content .tit_wrap{display:flex;align-items:center;margin-bottom:50px;}
.main_content .tit_wrap .btn-more{display:block;margin-left:auto;width:100px;height:40px;line-height:38px;border:1px solid #707070;font-size:16px;font-weight:700;text-align:center;}
.main_content .main_tit{font-size:34px; color:#000000;font-weight:700;}
@media (max-width:1240px) {
    .main_content .tit_wrap{margin-bottom:30px;}
    .main_content .tit_wrap .btn-more{width:72px;height:29px;line-height:27px;font-size:12px;}
    .main_content .main_tit{font-size:22px;}    
}

.book_visual{padding-bottom:60px;}
.book_visual .swiper-container{padding:50px 0;}
.book_visual .swiper-slide:first-child{padding-left:50px;}
.book_visual .swiper-slide:last-child{padding-right:50px;}
.book_visual .swiper-slide ~ .swiper-slide{padding-left:30px;}
.book_visual .swiper-slide{width:507px;height:477px;}
.book_visual .wide{width:1431px;height:477px;}
.book_visual .swiper-slide a{display:block;width:100%;height:100%;overflow:hidden;border-radius:0 40px 40px 0;border:5px solid transparent;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.book_visual .swiper-slide img{width:100%;height:100%;}
.book_visual .swiper-slide a:hover{border:5px solid #326a2b;box-shadow: 0px 0 10px rgba(0, 0, 0, 0.5);transform: scale(1.04);}
.book_visual .swiper-pagination{position:relative;bottom:0 !important;display:flex;width:1280px;margin:0 auto;height:6px;border-radius:6px;overflow:hidden;max-width: 80vw;}
.book_visual .swiper-pagination > *{height:100%;flex:1;border-radius:0;opacity: 1;background:#d5d5d5;margin:0 !important;}
.book_visual .swiper-pagination-bullet-active{background:#326a2b;}

@media (max-width:1240px) {
    .main_content{padding-top:60px;}
    .book_visual{padding-bottom:30px;}
    .book_visual .swiper-container{padding:25px 0 30px;}
    .book_visual .swiper-slide ~ .swiper-slide{padding-left:20px;}
    .book_visual .swiper-slide:first-child{padding-left:25px;}
    .book_visual .swiper-slide:last-child{padding-right:25px;}
    .book_visual .swiper-slide{width:267px;height:267px;}
    .book_visual .wide{width:801px;height:267px;}
    .book_visual .swiper-slide a{border-radius:0 28px 28px 0;border:4px solid transparent;}
    .book_visual .swiper-slide a:hover{border-width:4px;box-shadow: 0px 0 7px rgba(0, 0, 0, 0.5);transform: scale(1.04);}
    .book_visual .swiper-pagination{height:4px;border-radius:4px;}
}

/* 공지사항 칼럼 */
.notice-wrap{background:#f4f8f9;padding:70px 0;}
.notice-wrap .inner-wrap {width:1440px;margin:0 auto;display:flex;}
.notice-wrap .inner-wrap .notice-list-wrap {flex:1; max-width:730px;}
.notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li ~ li{margin-top:30px; max-width: 730px}
.notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li a {display:flex;align-items:center;border:1px solid #4DAF36;height:100px;padding:20px;border-radius: 0px 25px 25px 0px;background:#fff;}
.notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li a > * ~ *{margin-left:18px;}
.notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li a .label {height:36px;font-weight:700;font-size:16px;width:80px;display:flex;justify-content:center;align-items:center;background:#4DAF36;border-radius:15px; color:#fff;}
.notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li a .tit {font-size:18px;flex:1;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li a .date {font-size:12px; color:#707070;}
.notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li a:hover{text-decoration: underline;}

.notice-wrap .inner-wrap .event-list-wrap {flex:1;margin-left:40px;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul:after{content:'';display:block;clear: both;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li {width:332px;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li:nth-child(odd){float:left;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li:nth-child(even){float:right;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li:nth-child(3),
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li:nth-child(4){margin-top:37px;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li a {display:block;background:#fff;position:relative;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li a:after{content:'+';display:flex;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(77, 175, 54, 0.7);font-size:100px; color:#fff;font-weight:500;justify-content:center;align-items:center;opacity: 0;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li a:hover:after{opacity: 1;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li a .img {height:236px;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li a .desc {height:236px;padding:40px;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li a .desc .label {display:block;font-size:14px; color:#4DAF36;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li a .desc .tit {margin-top:20px;font-size:20px; color:#333333;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.4em;height:4.2em;}
.notice-wrap .inner-wrap .event-list-wrap .event-list ul li a .desc .date {display:block;margin-top:20px;font-size:14px; color:#707070;}

@media (max-width:1240px) {
    .notice-wrap{padding:50px 20px;}
    .notice-wrap .inner-wrap {width:100%;display:block;}
    .notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li ~ li{margin-top:10px;}
    .notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li a {height:60px;padding:15px;}
    .notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li a > * ~ *{margin-left:14px;}
    .notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li a .label {height:27px;font-size:12px;width:60px;border-radius:11px;}
    .notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li a .tit {font-size:14px;}
    .notice-wrap .inner-wrap .notice-list-wrap .notice-list ul li a .date {font-size:11px;}
    .notice-wrap .inner-wrap .event-list-wrap {margin-left:0;margin-top:50px;}
    .notice-wrap .inner-wrap .event-list-wrap .event-list ul li {width:100%;float:none;margin-top:28px !important;}
    .notice-wrap .inner-wrap .event-list-wrap .event-list ul li:first-child{margin-top:0 !important;}
    .notice-wrap .inner-wrap .event-list-wrap .event-list ul li a:after{content:'+';background:rgba(77, 175, 54, 0.7);font-size:75px;}
    .notice-wrap .inner-wrap .event-list-wrap .event-list ul li a .img {height:177px;}
    .notice-wrap .inner-wrap .event-list-wrap .event-list ul li a .desc {height:177px;padding:30px;}
    .notice-wrap .inner-wrap .event-list-wrap .event-list ul li a .desc .label {font-size:11px;}
    .notice-wrap .inner-wrap .event-list-wrap .event-list ul li a .desc .tit {margin-top:15px;font-size:15px;}
    .notice-wrap .inner-wrap .event-list-wrap .event-list ul li a .desc .date {margin-top:15px;font-size:11px;}
}


.book_calendar{max-width: 1440px;margin:0 auto;}
.book_calendar .calendar{display:flex;align-items:center;max-width: 1130px;margin:0 auto;height:130px;justify-content: center;}
.book_calendar .calendar .calendar_header{margin-right:30px;display:flex;align-items:center;width:100px;}
.book_calendar .calendar .calendar_header .year_month{text-align:center;display:flex;flex-direction: column;justify-content:center;align-items:center;}
.book_calendar .calendar .calendar_header .prev,
.book_calendar .calendar .calendar_header .next{width:30px;height:30px;border:none;}
.book_calendar .calendar .calendar_header .prev{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.684' height='14.082' viewBox='0 0 8.684 14.082'%3E%3Cpath d='M12.427,0,7.041,5.367,1.655,0,0,1.652,7.041,8.684l7.041-7.031Z' transform='translate(8.684) rotate(90)'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 12px;}
.book_calendar .calendar .calendar_header .next{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.684' height='14.082' viewBox='0 0 8.684 14.082'%3E%3Cpath d='M12.427,0,7.041,5.367,1.655,0,0,1.652,7.041,8.684l7.041-7.031Z' transform='translate(0 14.082) rotate(-90)'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;background-size:auto 12px;}
.book_calendar .calendar .calendar_header .month{font-size:38px;font-weight:700;line-height:1em;}
.book_calendar .calendar .calendar_header .year{font-size:14px;line-height:1em;}
.book_calendar .calendar .calendar_body{display:flex;align-items:center;flex:1;}
.book_calendar .calendar .calendar_body .date{width:30px;height:30px;background:#fff;font-size:16px;border:none;margin:0 1px;border-radius:30px;font-weight:bold; color:#000; cursor: pointer;}
.book_calendar .calendar .calendar_body .date.on{background:#4DCFE0; color:#fff;}
@media (max-width:1240px) {
    .book_calendar{max-width:100%;padding:0 20px;}
    .book_calendar .calendar{max-width: 100%;height:80px;}
    .book_calendar .calendar .calendar_header{margin-right:15px;width:80px;}
    .book_calendar .calendar .calendar_header .next{width:24px;height:24px;}
    .book_calendar .calendar .calendar_header .prev,
    .book_calendar .calendar .calendar_header .next{background-size:auto 10px;}
    .book_calendar .calendar .calendar_header .month{font-size:30px;}
    .book_calendar .calendar .calendar_header .year{font-size:11px;}
    .book_calendar .calendar .calendar_body{overflow:hidden;overflow-x:auto;}
    .book_calendar .calendar .calendar_body .date{width:28px;height:28px;font-size:15px;border-radius:28px;}
    .book_calendar .calendar .calendar_body::-webkit-scrollbar,
    .book_calendar .calendar .calendar_body::-webkit-scrollbar-thumb,
    .book_calendar .calendar .calendar_body::-webkit-scrollbar-track{display:none;background-color:rgba(0,0,0,.0);}
}


.book_list_wrap{background:#f5f5f5;}
.book_list_wrap .inner-wrap{display:flex;align-items:stretch;max-width: 1440px;margin:0 auto;}
.book_list_wrap .area{width:158px;padding-top:150px;background:#666666 url('../images/00/pin.svg') no-repeat 50% 65px;background-size:auto 47px; padding-bottom:32px;}
.book_list_wrap .area li a{display:block;color:#fff;font-size:26px;padding:5px 0;text-align:center;}
.book_list_wrap .area li a:hover span,
.book_list_wrap .area li.on a span{color:#4dcfe0;border-bottom:1px solid #4dcfe0;}
.book_list_wrap .book_list{flex:1;padding:60px 0;padding-left:80px;overflow:hidden;background:#f5f5f5;}
.book_list_wrap .book_list .swiper-container{height:700px;}
.book_list_wrap .book_list .swiper-container .no_carlendar{font-size: 24px; text-align: center; padding-top: 300px; display:none;}
.book_list_wrap .book_list .swiper-container .swiper-wrapper{height:100%;padding:2px 3px 5px;display:flex;flex-wrap: wrap;flex-direction: column;}
.book_list_wrap .book_list .swiper-container .swiper-slide{height:300px; margin-top:50px;}
/* .book_list_wrap .book_list .swiper-container .swiper-slide:nth-child(even){margin-top:50px;} */
.book_list_wrap .book_list .list .box{position:relative;height:300px;padding:0 20px;padding-top:100px;display:block;box-shadow: 0px 3px 6px #00000029;border-radius: 0px 35px 35px 0px;box-sizing: border-box;background:#fff;}
.book_list_wrap .book_list .list .box .label_o{position:absolute;top:40px;left:0;font-size:16px;padding:0 20px;min-width: 140px;background:#ffae1c;height:45px;line-height:43px; color:#fff;border-radius:0 20px 20px 0;}
.book_list_wrap .book_list .list .box .label_g{position:absolute;top:40px;left:0;font-size:16px;padding:0 20px;min-width: 140px;background:#4DAF36;height:45px;line-height:43px; color:#fff;border-radius:0 20px 20px 0;}
.book_list_wrap .book_list .list .box .tag{position:absolute;top:0;right:28px;font-size:18px;width:60px;height:70px;padding-top:18px;color:#fff;text-align:center;background:url('../images/00/bg-book-tag.png') no-repeat 50% 0;background-size: auto 100%;box-sizing: border-box;}
.book_list_wrap .book_list .list .box .tit{font-size:24px;font-weight:700; color:#333;margin-bottom:35px;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.2em;height:2.4em;}
.book_list_wrap .book_list .list .box .txt{font-size:16px; color:#707070;}
.book_list_wrap .book_list .list .box .txt ~ .txt{margin-top:8px;}
.book_list_wrap .slider_menu{display:flex;flex-direction:row;align-items:center;width:100%;margin-top:38px;}
.book_list_wrap .slider_menu .swiper-pagination{flex:1;}
.book_list_wrap .slider_menu .btns{margin-left:35px;display:flex;align-items:center;}
.book_list_wrap .slider_menu .btns button{width:68px;opacity:1;height:68px;border-radius:68px;    position: relative; top: 0; left: 0;border:none;margin-top:0;}
.book_list_wrap .slider_menu .btns button:after{display:none;}
.book_list_wrap .slider_menu .btns button ~ button{margin-left:10px;}
.book_list_wrap .slider_menu .btns [aria-disabled="true"]{opacity: 0.6;}
.book_list_wrap .slider_menu .btns .swiper-button-prev{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='68' height='68' viewBox='0 0 68 68'%3E%3Cdefs%3E%3Cfilter id='teal_circle' x='0' y='0' width='68' height='68' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='2' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeFlood flood-color='%23d9dbdf'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(59 7) rotate(90)'%3E%3Cg transform='matrix(0, -1, 1, 0, -7, 59)' filter='url(%23teal_circle)'%3E%3Cpath id='teal_circle-2' data-name='teal circle' d='M25,0A25,25,0,1,1,0,25,25,25,0,0,1,25,0Z' transform='translate(59 7) rotate(90)' fill='%23fff'/%3E%3C/g%3E%3Cg id='ic_refresh' transform='translate(10.826 10.826)'%3E%3Crect id='rectangle' width='28.348' height='28.348' fill='none'/%3E%3Cpath d='M0,0,11.549,11.432,23.1,0' transform='translate(2.625 10.561)' fill='none' stroke='%234dcfe0' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;background-size:auto 100%;}
.book_list_wrap .slider_menu .btns .swiper-button-next{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='68' height='68' viewBox='0 0 68 68'%3E%3Cdefs%3E%3Cfilter id='teal_circle' x='0' y='0' width='68' height='68' filterUnits='userSpaceOnUse'%3E%3CfeOffset dy='2' input='SourceAlpha'/%3E%3CfeGaussianBlur stdDeviation='3' result='blur'/%3E%3CfeFlood flood-color='%23d9dbdf'/%3E%3CfeComposite operator='in' in2='blur'/%3E%3CfeComposite in='SourceGraphic'/%3E%3C/filter%3E%3C/defs%3E%3Cg transform='translate(9 57) rotate(-90)'%3E%3Cg transform='matrix(0, 1, -1, 0, 57, -9)' filter='url(%23teal_circle)'%3E%3Cpath id='teal_circle-2' data-name='teal circle' d='M25,0A25,25,0,1,1,0,25,25,25,0,0,1,25,0Z' transform='translate(9 57) rotate(-90)' fill='%23fff'/%3E%3C/g%3E%3Cg transform='translate(10.826 10.826)'%3E%3Crect id='rectangle' width='28.348' height='28.348' fill='none'/%3E%3Cpath d='M0,0,11.549,11.432,23.1,0' transform='translate(2.625 10.561)' fill='none' stroke='%234dcfe0' stroke-width='3'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat 0 0;background-size:auto 100%;}
.book_list_wrap .swiper-pagination{position:relative;bottom:0 !important;display:flex;width:100%;margin:0 auto;height:6px;border-radius:6px;overflow:hidden;}
.book_list_wrap .swiper-pagination > *{height:100%;flex:1;border-radius:0;background:#e5e4e4;opacity: 1;margin:0 !important;}
.book_list_wrap .swiper-pagination-bullet-active{background:#50b8c1;}
@media (max-width:1240px) {
    .book_list_wrap .inner-wrap{max-width: 100%;display:block;}
    .book_list_wrap .area{width:auto;padding-top:0;padding-left:80px;background-position:20px 50%;background-size:auto 30px; padding-bottom:0;}
    .book_list_wrap .area ul{display:flex;align-items:center;height:80px;overflow:auto;}
    .book_list_wrap .area ul::-webkit-scrollbar,
    .book_list_wrap .area ul::-webkit-scrollbar-thumb,
    .book_list_wrap .area ul::-webkit-scrollbar-track{display:none;background-color:rgba(0,0,0,.0);}
    .book_list_wrap .area li a{font-size:16px;padding:5px 8px;white-space: nowrap;}

    .book_list_wrap .book_list{padding:35px 20px;}
    .book_list_wrap .book_list .swiper-container{height:550px;}
    .book_list_wrap .book_list .swiper-container .no_carlendar{font-size: 20px; padding-top: 250px; }
    .book_list_wrap .book_list .swiper-container .swiper-wrapper{padding:2px 2px 4px;}
    .book_list_wrap .book_list .swiper-container .swiper-slide{height:240px;}
    .book_list_wrap .book_list .swiper-container .swiper-slide{margin-top:15px;}
    .book_list_wrap .book_list .list .box{height:240px;padding:0 16px;padding-top:80px;}
    .book_list_wrap .book_list .list .box .label{top:32px;font-size:13px;padding:0 16px;min-width: 100px;height:36px;line-height:34px;border-radius:0 16px 16px 0;}
    .book_list_wrap .book_list .list .box .label_o{top:42px;min-width: 96px;height:33px;line-height:33px; font-size:15px;}
    .book_list_wrap .book_list .list .box .label_g{top:42px;min-width: 96px;height:33px;line-height:33px; font-size:15px;}
    .book_list_wrap .book_list .list .box .tag{right:18px;font-size:13px;width:40px;height:40px;padding-top:12px;}
    .book_list_wrap .book_list .list .box .tit{font-size:18px;margin-bottom:28px;}
    .book_list_wrap .book_list .list .box .txt{font-size:13px;}
    .book_list_wrap .book_list .list .box .txt ~ .txt{margin-top:6px;}
    .book_list_wrap .book_list .list .box .date{font-size:12px;}
    .book_list_wrap .slider_menu{margin-top:20px;}
    .book_list_wrap .slider_menu .btns{margin-left:28px;}
    .book_list_wrap .slider_menu .btns button{width:40px;height:40px;border-radius:40px;}
    .book_list_wrap .slider_menu .btns button ~ button{margin-left:8px;}
    .book_list_wrap .swiper-pagination{height:5px;border-radius:5px;}
    
}

/* 독서in TV */
.book-tv-wrap{background:#f4f8f9;padding:70px 0;}
.book-tv-wrap .inner-wrap {margin:0 auto;max-width: 1440px;}
.book-tv-wrap .inner-wrap .tv-list-wrap {display:flex;}
.book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv{flex:1;}
.book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .movie > img{display:none;}
.book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .movie {height:450px;}
.book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .movie iframe {height:100%;width:100%;}
.book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .desc {display:block;background:#fff;padding:20px 28px;height:149px;box-sizing: border-box;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .desc{height:238px;}
   }
.book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .desc{overflow:hidden;}
.book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .desc .tit {display:block;font-size:24px; color:#000;font-weight:700;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .desc .txt {font-size:20px; color:#000;margin-top:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.4em;height:2.8em;}
.book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .desc .date {font-size:14px; color:#707070;margin-top:30px;}

.book-tv-wrap .inner-wrap .tv-list-wrap .tv-list {flex:1;margin-left:18px;overflow:hidden;}
.book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul {display:flex;flex-wrap: wrap;margin-left:-20px;}
.book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li{width:50%;padding-left:20px;}
.book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li:nth-child(2) ~ li{margin-top:20px;}
.book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li .box {display:block;}
.book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li .box .img {height:194px;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
.book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li .box .img img {height:100%;width:100%;}
.book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li .box .desc {background:#fff;padding:15px 20px;}
.book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li .box .desc .tit {display:block;font-size:18px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li .box .desc .txt {font-size:16px;margin-top:12px;overflow:hidden;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li .box .desc .date {font-size:14px; color:#707070;margin-top:12px;}

@media (min-width:1241px) {
    .book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv{max-width: calc(50% - 9px);}
}
@media (max-width:1240px) {
    .book-tv-wrap{padding:50px 20px;}
    .book-tv-wrap .inner-wrap {max-width: 100%;display:block;}
    .book-tv-wrap .inner-wrap .tv-list-wrap{display:block;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .movie {position:relative;height:auto;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .movie > img{display:block;width:100%;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .movie iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index: 10;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .desc {padding:15px 21px;height:176px;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .desc .tit {font-size:18px;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .desc .txt {font-size:15px;margin-top:23px;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .mian-tv .desc .date {font-size:11px;margin-top:23px;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .tv-list {margin-left:0;margin-top:25px;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li .box .img {height:162px;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li .box .desc {padding:11px 15px;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li .box .desc .tit {font-size:14px;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li .box .desc .txt {font-size:12px;margin-top:9px;}
    .book-tv-wrap .inner-wrap .tv-list-wrap .tv-list ul li .box .desc .date {font-size:11px;margin-top:9px;}
    
}

/* 칼럼, 인터뷰 */
.book-column-interview{padding:70px 0;}
.book-column-interview .inner-wrap{margin:0 auto;max-width: 1440px;display:flex;}
.book-column-interview .inner-wrap .book-column-wrap {flex:1;}
.book-column-interview .inner-wrap .book-column-wrap .column-list ul {display:flex;flex-wrap: wrap;margin-left:-50px;margin-top:-50px;}
.book-column-interview .inner-wrap .book-column-wrap .column-list ul li{width:33.3333%;padding-left:50px;margin-top:50px;}
.book-column-interview .inner-wrap .book-column-wrap .column-list ul li a {display:block;}
.book-column-interview .inner-wrap .book-column-wrap .column-list ul li a .img {width:150px;height:150px;margin:0 auto;border:5px solid transparent;border-radius:150px;overflow:hidden;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.book-column-interview .inner-wrap .book-column-wrap .column-list ul li a .img img{width:100%;height:100%;border-radius:150px;outline:1px solid #000;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.book-column-interview .inner-wrap .book-column-wrap .column-list ul li a:hover .img{border:5px solid #4DAF36;}
.book-column-interview .inner-wrap .book-column-wrap .column-list ul li a:hover .img img{outline:1px solid #4DAF36;}
.book-column-interview .inner-wrap .book-column-wrap .column-list ul li a .desc {margin-top:20px;text-align:center;}
.book-column-interview .inner-wrap .book-column-wrap .column-list ul li a .desc .tit {font-size:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.4em;height:2.8em;}
.book-column-interview .inner-wrap .book-column-wrap .column-list ul li a .desc .writer {font-size:16px; color:#999999;margin-top:10px;}

.book-column-interview .inner-wrap .book-interview {flex:1;margin-left:40px;}
.book-column-interview .inner-wrap .book-interview .interview-wrap {position:relative;height:648px;background:url('../images/00/bg-interview_new.png') no-repeat 0 0;background-size:auto 100%;}
.book-column-interview .inner-wrap .book-interview .interview-wrap .book-desc {cursor:pointer;position:absolute;top:120px;left:28px;width:325px; color:#fff;}
.book-column-interview .inner-wrap .book-interview .interview-wrap .book-desc strong {display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.4em;height:4.6em;font-weight:700;font-size:28px;}
.book-column-interview .inner-wrap .book-interview .interview-wrap .book-desc .writer {margin-top:30px;font-size:16px;}
.book-column-interview .inner-wrap .book-interview .interview-wrap .book-desc .img {/*height:210px; padding:15px 15px; */}
.book-column-interview .inner-wrap .book-interview .interview-wrap .book-desc .img img {width:100%;height:100%;max-width: 330px; max-height: 280px;}
.book-column-interview .inner-wrap .book-interview .interview-wrap .book-extract {cursor:pointer;position:absolute;top:170px;left:410px;width:260px; color:#fff;}
.book-column-interview .inner-wrap .book-interview .interview-wrap .book-extract strong {display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.4em;height:5.6em;font-weight:700;font-size:24px;}
.book-column-interview .inner-wrap .book-interview .interview-wrap .book-extract .writer {margin-top:30px;font-size:14px;}
.book-column-interview .inner-wrap .book-interview .interview-wrap .book-extract .img {/*height:190px; padding:15px 5px; */}
.book-column-interview .inner-wrap .book-interview .interview-wrap .book-extract .img img {width:100%;height:100%;max-width: 300px; max-height: 280px;}
.book-column-interview .inner-wrap .book-interview .interview-wrap .book-extract .txt {margin-top:24px;font-size:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.5;height:9em; color:#fff;}
.pmonth{font-size: 45px; z-index: 1; position: absolute; color: #326a2b; margin-left: 380px; margin-top: 39px;}
.tmonth{font-size: 45px; z-index: 1; position: absolute; color: #4daf36; margin-top: -10px;}

@media (max-width:1240px) {
    .book-column-interview{padding:50px 20px;}
    .book-column-interview .inner-wrap{max-width: 100%;display:block;}
    .book-column-interview .inner-wrap .book-column-wrap .column-list ul {margin-left:-15px;margin-top:-15px;}
    .book-column-interview .inner-wrap .book-column-wrap .column-list ul li{width:50%;padding-left:15px;margin-top:15px;}
    .book-column-interview .inner-wrap .book-column-wrap .column-list ul li a .img {width:113px;height:113px;border:4px solid transparent;border-radius:113px;}
    .book-column-interview .inner-wrap .book-column-wrap .column-list ul li a .img img{border-radius:113px;}
    .book-column-interview .inner-wrap .book-column-wrap .column-list ul li a:hover .img{border:4px solid #4DAF36;}
    .book-column-interview .inner-wrap .book-column-wrap .column-list ul li a .desc {margin-top:15px;}
    .book-column-interview .inner-wrap .book-column-wrap .column-list ul li a .desc .tit {font-size:15px;}
    .book-column-interview .inner-wrap .book-column-wrap .column-list ul li a .desc .writer {font-size:12px;margin-top:8px;}
    .book-column-interview .inner-wrap .book-interview {margin-left:0;margin-top:50px;}
    .book-column-interview .inner-wrap .book-interview .interview-wrap {height:auto;background:none;}
    .book-column-interview .inner-wrap .book-interview .interview-wrap .book-desc {top:20px;left:0;width:100%;position:relative;background:#4daf36;padding:30px;border-radius:40px 0 40px 0;}
    .book-column-interview .inner-wrap .book-interview .interview-wrap .book-desc strong {font-size:21px; height: auto;}
    .book-column-interview .inner-wrap .book-interview .interview-wrap .book-desc:before{content:'이번달';display:block;font-size:35px; color:#4daf36;position:absolute;top:-26px;font-weight:700;}
    .book-column-interview .inner-wrap .book-interview .interview-wrap .book-desc .img {height:215px;}
    .book-column-interview .inner-wrap .book-interview .interview-wrap .book-desc .writer {margin: 20px 0 10px 0; font-size:14px;}
    .book-column-interview .inner-wrap .book-interview .interview-wrap .book-extract {top:20px;left:0;width:100%;position:relative;background:#326a2b;padding:30px;border-radius:0 40px 0 40px;border-radius:40px 0 40px 0;}
    .book-column-interview .inner-wrap .book-interview .interview-wrap .book-extract strong {font-size:21px; height: auto;}
    .book-column-interview .inner-wrap .book-interview .interview-wrap .book-extract:before{content:'지난달';display:block;font-size:35px; color:#326a2b;position:absolute;top:-26px;right:30px;font-weight:700;}
    .book-column-interview .inner-wrap .book-interview .interview-wrap .book-extract .img {height:215px;}
    .book-column-interview .inner-wrap .book-interview .interview-wrap .book-extract .txt {margin-top:18px;font-size:14px;}
    .pmonth{display:none;}
    .tmonth{display:none;}
    
}


/* 뉴스레터 */
.newsletter-wrap{padding:70px 0;background:#f4f8f9;}
.newsletter-wrap .inner-wrap{margin:0 auto;max-width: 1440px;}
.newsletter-wrap .inner-wrap .newsletter-ilst ul {display:flex;}
.newsletter-wrap .inner-wrap .newsletter-ilst ul li ~ li{margin-left:42px;}
.newsletter-wrap .inner-wrap .newsletter-ilst ul li .img {display:block;width:450px;height:370px;}
.newsletter-wrap .inner-wrap .newsletter-ilst ul li .img img {width:100%;height:100%;}

@media (max-width:1240px) {
    .newsletter-wrap{padding:50px 20px;}
    .newsletter-wrap .inner-wrap{max-width: 100%;}
    .newsletter-wrap .inner-wrap .newsletter-ilst ul{max-width: 100%;overflow:hidden;overflow-x:auto;}
    .newsletter-wrap .inner-wrap .newsletter-ilst ul li ~ li{margin-left:30px;}
    .newsletter-wrap .inner-wrap .newsletter-ilst ul li .img {width:288px;height:237px;}
    .newsletter-wrap .inner-wrap .newsletter-ilst ul::-webkit-scrollbar,
    .newsletter-wrap .inner-wrap .newsletter-ilst ul::-webkit-scrollbar-thumb,
    .newsletter-wrap .inner-wrap .newsletter-ilst ul::-webkit-scrollbar-track{display:none;background-color:rgba(0,0,0,.0);}
}