.series_number{
  margin-top: 30px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.219);
  padding: 20px 20px;
  display: flex;
  align-items:center;
}
.copywriter_time{
  width: 80%;
    margin: 0 auto;
    font-size: 12px !important;
    color: #b9b9b9;
    text-align: center;
    margin-top: 0px !important;
}

.series_number a{
  font-size: 18px;
  line-height: 1.8;
  color: #195ae6;
}
.icon_si{
  width: 30px !important;
  height: 30px;
  margin: 0 10px !important;
}


.sns_flex{
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.sns_flex span{
  font-size: 14px !important;
  line-height: 30px !important;
  color: #686868;
}
.sns_flex_box{
  display: flex;
  height: 30px;
}
.social-icon{
  margin: 0 5px;
}
i.icon-facebook{
  background-image: url("../../images/booktip/sns_fa_c.png");
  width: 30px;
  height: 30px;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
i.icon-twitter{
  background-image: url("../../images/booktip/sns_tw_c.png");
  width: 30px;
  height: 30px;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
i.icon-email3{
  background-image: url("../../images/booktip/sns_mail_c.png");
  width: 30px;
  height: 30px;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
i.icon-kakao{
  background-image: url("../../images/booktip/sns_kakao_c.png");
  width: 30px;
  height: 30px;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
i.icon-insta{
  background-image: url("../../images/booktip/sns_in.png");
  width: 30px;
  height: 30px;
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}


i.icon-facebook:hover{
  background-image: url("../../images/booktip/sns_fa_o.png");
}
i.icon-twitter:hover{
  background-image: url("../../images/booktip/sns_tw_o.png");
}
i.icon-email3:hover{
  background-image: url("../../images/booktip/sns_mail_o.png");
}
i.icon-kakao:hover{
  background-image: url("../../images/booktip/sns_kakao_o.png");
}
i.icon-insta:hover{
  background-image: url("../../images/booktip/sns_in_o.png");
}

/* 작가의 팁 이미지 처리 */
.news_wrap>ul>li>a{
  height: 110px;
    overflow: hidden;
    min-width: 170px;
}


.view_top {
  width          : 1000px;
  height: 500px;
  display        : flex;
  margin         : 0 auto;
  padding        : 80px 0;
  border-bottom  : 1px solid #e0e0e0;
  justify-content: space-between;
}

.view_top_text_box {
  padding : 40px 0;
  position: relative;
  min-width: 500px;
}

.category_text {
  color           : #fff;
  background-color: #464E54;
  font-size       : 12px;
  line-height     : 18px;
  padding         : 5px 10px;
  border-radius   : 20px;
  display         : inline-block;
}

.category_text02 {
  color           : #8d99a1;
  font-size       : 14px;
  line-height     : 18px;
  padding         : 5px 5px;
  margin: 0 5px;
  display         : inline-block;
  font-family   : 'Noto Serif KR', serif;
  font-weight: 700;
  border-bottom: 1px solid #8d99a188;
}

.title_text {
  width: 100%;
  margin-top    : 20px;
  font-size     : 2.286rem;
  line-height   : 1.6;
  letter-spacing: -.64px;
  font-family   : 'Noto Serif KR', serif;
  font-weight   : 600;
  padding-right: 20px;

}

.view_top_writer {
  position: absolute;
  bottom  : 0;
}

.view_top_writer li {
  display    : flex;
  font-size  : 12px !important;
  line-height: 22px;
  height     : 20px;
  margin-top: 20px;
}

.bspan {
  width: 80px;
}
.bbbbbbb{
  visibility: hidden;
}
.gspan {
  max-width: 300px;
  color      : #878787;
}
li.h40{
  height: 40px;
  padding-top: 20px;
}
.gspan a{
  line-height: 40px;
}

.writer_images {
  width : 40px;
  height: 40px;
  border-radius: 50%;
  background-size    : cover;
  background-position: center;
  background-repeat  : no-repeat;
  margin-right: 20px;
}


.a_btn{
  padding: 0em 0.8em;
    text-decoration: none;
    color:  #333;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-left: 10px;
    height: 25px;
    margin-top: 8px;
    font-size: 12px;
}
.follow_btn {
    color: #333;
    border: 1px solid #888;
}
.follow_btn:hover {
    color:  #fff;
    background: #333;
    transition: 0.3s all;
}
.follow_btn-o{
  color: #fff;
    background: #333;
}


.view_top_img_box {
  display: flex;
  justify-content: center;
  align-items: center;

}
.view_top_img{
  width              : 480px;
  height             : 290px;
  background-size    : cover;
  background-position: top;
  background-repeat  : no-repeat;
}


/* ============================================================ */
/* ============================================================*/
/* ============================================================ */

/* sub_05_01_list.css 시작*/

/* ============================================================ */
/* ============================================================*/
/* ============================================================ */


/* 슬라이더 */
.wrap>.mainWrap02 {
  background-image: none !important;
  background-color: #fff;
}

.slick-prev:before,
.slick-next:before {
  color: #333 !important;
}

.slick-slide img {
  width: 60%;
}

.center {
  width : 62%;
  margin: 0 auto;
}


.slider {
  width : 50%;
  margin: 100px auto;
}

.slick-dots {
  color: #fff;
}

.mainWrap .slick-dotted.slick-slider {
  margin-bottom: 80px;
}

.slick-slide img {
  /* border: #333 solid 1px; */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}


.wrap>.mainWrap {
  background-color: #fff;
}

.book_nav {
  padding-bottom: 40px;
}

.book_nav .series_title {
  font-size     : 40px;
  text-align    : center;
  font-family   : "TmonMonsori";
  color         : #333;
  line-height   : 80px;
  text-transform: uppercase;
  font-style    : italic;
}

.book_nav .center {
  margin-top: 80px;
}


.book_benner {
  width   : 100%;
  overflow: hidden;
  position: relative;
}

.benner_title {
  font-size  : 36px;
  position   : absolute;
  top        : 30px;
  color      : rgba(51, 51, 51, 0.278);
  left       : 50%;
  transform  : translateX(-50%);
  text-align : center;
  line-height: 40px;
  width      : 80%;
}

.book_benner img {
  width     : 100%;
  max-height: 300px;
}

.book_editor {
  width         : 800px;
  margin        : 0 auto;
  padding-bottom: 80px;
}

.book_editor .editor_title {
  font-size     : 50px;
  text-align    : center;
  font-family   : "TmonMonsori";
  color         : #333;
  line-height   : 80px;
  text-transform: uppercase;
  margin-top    : 80px;
}


.book_editor p {
  font-size  : 1.286rem;
  line-height: 1.7;
  margin:15px 0;
  font-family: 'Noto Serif KR';
}

.board_col_03 {
  line-height: 30px;
  margin-left: 10px;
}

.board_col_03 span {
  font-family: 'S-CoreDream-3Light';
}


.book_editor span {
  font-size  : 18px;
  line-height: 40px;
  margin-top : 40px;

}

.book_editor img {
  /* 꽉찬거 풀기 */
  /* width: 100%; */
  max-width: 100%;
  margin-top: 40px;
  display   : block;
  margin    : 0 auto;
}

.book_editor .editor_sub_title {
  font-size  : 36px;
  font-weight: 600;
  line-height: 40px;
  margin-top : 40px;
}

.book_editor .back_btn {
  width              : 220px;
  height             : 50px;
  background-image   : url('../../images/collection/book_btn.png');
  background-position: center;
  background-size    : contain;
  background-repeat  : no-repeat;
  margin             : 80px auto;
  position           : relative;
  display            : inline-block;
}

.book_editor .back_btn a {
  width   : 100%;
  height  : 100%;
  display : inline-block;
  cursor  : pointer;
  position: absolute;
  top     : 0;
  left    : 0;
}

.book_editor .back_btn p {
  width      : 100%;
  height     : 100%;
  color      : #fff;
  text-align : center;
  line-height: 50px;
  font-size  : 14px;
}

.series_btn {
  width     : 60%;
  margin    : 0px auto;
  overflow  : hidden;
  text-align: center;
}

.series_btn li {
  width              : 80px;
  height             : 80px;
  margin             : 0 10px;
  display            : inline-block;
  background-position: center;
  background-size    : contain;
  background-repeat  : no-repeat;
  position           : relative;
}

.series_btn li:hover {
  border-radius   : 50%;
  background-color: #30af62;
}

.series_btn .shop_01 {
  background-image: url("../../images/collection/shop_btn01.png");
}

.series_btn .shop_02 {
  background-image: url("../../images/collection/shop_btn02.png");
}

.series_btn .shop_03 {
  background-image: url("../../images/collection/shop_btn03.png");
}

.series_btn .shop_04 {
  background-image: url("../../images/collection/shop_btn04.png");
}

.series_btn .shop_05 {
  background-image: url("../../images/collection/shop_btn05.png");
}

.series_btn .shop_01:hover {
  background-image: url("../../images/collection/shop_btn01_hover.png");
}

.series_btn .shop_02:hover {
  background-image: url("../../images/collection/shop_btn02_hover.png");
}

.series_btn .shop_03:hover {
  background-image: url("../../images/collection/shop_btn03_hover.png");
}

.series_btn .shop_04:hover {
  background-image: url("../../images/collection/shop_btn04_hover.png");
}

.series_btn .shop_05:hover {
  background-image: url("../../images/collection/shop_btn05_hover.png");
}

.series_btn a {
  width   : 100%;
  height  : 100%;
  position: absolute;
  display : inline-block;
  top     : 0;
  left    : 0;
}

/* mediaquery */

/* 화면 너비 0~1825px */

@media (max-width: 1825px) {}

/* 화면 너비 0~1720px */

@media (max-width: 1720px) {}

/* 화면 너비 0~1620px */

@media (max-width: 1620px) {
  .series_btn li {
    width : 60px;
    height: 60px;
    margin: 0 10px;
  }
}

/* 화면 너비 0~1220px */

@media (max-width: 1220px) {
  .series_btn {
    width: 100%;
  }

  .benner_title {
    font-size  : 24px;
    line-height: 40px;
  }

  .book_editor {
    width: 85%;
  }
}

/* 화면 너비 0~1024px */

@media (max-width: 1024px) {
  .center {
    width : 80%;
    margin: 0 auto;
  }
}


@media (max-width: 890px) {
  .book_nav .series_title {
    font-size  : 5vw;
    line-height: 150%;
    margin-top : 40px;
  }

  .book_editor .editor_title {
    font-size  : 5vw;
    line-height: 150%;
    margin-top : 80px;
  }


  .book_editor p {
    font-size:14px;
    line-height: 1.7;
    margin:15px 0;
  }

  .book_editor span {
    font-size  : 2vw;
    line-height: 1.7;
    margin:15px 0;
  }

  .book_editor .editor_sub_title {
    font-size  : 4vw;
    line-height: 1.7;
    margin:15px 0;
  }
}

/* 화면 너비 0~768px */

@media (max-width: 740px) {
  .book_editor .back_btn {
    margin    : 0;
    margin-top: 20px;
  }

  .series_btn li {
    width : 50px;
    height: 50px;
    margin: 20px 5px 0px 5px;
  }

  .benner_title {
    font-size  : 18px;
    position   : absolute;
    top        : 20px;
    color      : rgba(51, 51, 51, 0.178);
    left       : 50%;
    transform  : translateX(-50%);
    line-height: 20px;
  }
}

/* 화면 너비 0~600px */

@media (max-width: 600px) {


  .book_editor span {
    font-size  : 18px;
    line-height: 1.7;
    margin:15px 0;
  }

  .benner_title {
    font-size  : 14px;
    position   : absolute;
    top        : 5px;
    line-height: 20px;
  }
}

/* 화면 너비 0~480px 모바일*/

@media (max-width: 480px) {}


/* ============================================================ */
/* ============================================================*/
/* ============================================================ */

/* booktip_view 시작*/

/* ============================================================ */
/* ============================================================*/
/* ============================================================ */


.btn--secondary {
  display           : inline-block;
  padding           : .5em 1.5em;
  outline           : 0;
  border            : 0;
  border            : 2px solid #39df7f;
  border-radius     : 4px;
  background        : none;
  box-shadow        : none;
  color             : #39df7f;
  text-align        : center;
  text-decoration   : none;
  font-weight       : 400;
  font-size         : 1em;
  line-height       : 1.65em;
  cursor            : pointer;
  -webkit-appearance: none;
}

.big-link {
  display   : block;
  margin-top: 100px;
  text-align: center;
  font-size : 70px;
  color     : #06f;
}

.tingle-modal-box__content {
  padding: 3rem 3rem;
}


@font-face {
  font-family: 'S-CoreDream-6Bold';
  src        : url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
  font-weight: normal;
  font-style : normal;
  font-family: 'S-CoreDream-3Light';
  src        : url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
}


.modal {
  position        : absolute;
  top             : 0;
  width           : 350px;
  height          : 500px;
  background-color: #1f93f2;
  z-index         : 9999;
  display         : none;

}

.visible {
  visibility: visible;
}

.book_editor .back_btn {
  display: block;
}

.book_info_wrap {
  width           : 1080px;
  margin          : 0 auto;
  /* background-color: rgb(248, 248, 248); */
  padding         : 20px 40px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}
.book_info_box{
  display: flex;
}
.book_info_title{
  font-size: 26px;
  line-height: 1.8;
  font-weight: bold;
  height: 40px;
  margin-bottom: 40px;
  
}
.book_info_title i{
  color: #268e6c;
  font-size: 30px;
}
.book_img {
  width: 30%;
}

.book_img img {
  width: 75%;
}

.info_text_box {
  padding-left: 5%;

}

.info_text_box div {
  margin-top: 10px;
}

.book_title {
  color    :#268e6c;
  font-size: 18px;
}

.info_text_box .price {
  margin-top: 40px;
}

.cred {
  color: #FF6633;
}

.line_text {
  color          : #6B6B6B;
  text-decoration: line-through;
}

.bold_red {
  color      : #FF6633;
  font-weight: bold;
}

.cblue {
  color: #0066CC;
}

.publisher {
  color: #555;
}

.author {
  color: #555;
}

.date {
  color: #555;
}

.isbn {
  color: #555;
}

.book_btnG {
  display: flex;
}

.book_btnG div {
  margin-right: 20px;
}

.news_wrap {
  width          : 1080px;
  margin         : 0 auto;
  display        : block;
  justify-content: space-between;
  margin-top: 40px;
}
.hori{
  display: flex;
  flex-wrap: wrap;
}
.hori li{
  width: 48%;
  margin: 0 1%;
}
.news_wrap ul {
  width     : 100%;
  margin    : 0 auto;
  margin-top: 40px;
}

.xi-library-add {
  font-size   : 24px;
  color       :#268e6c;
  margin-right: 10px;
  line-height : 25px;
}

.news_menu {
  font-size  : 18px;
  margin-top : 20px;
  font-family: 'S-CoreDream-6Bold';
  line-height: 25px;
  color      : #555;
}

.news_menu:hover {
  color     :#268e6c;
  transition: all 0.3s;
}

.news_wrap ul img {
  width: 170px;
  min-width: 170px;
  min-height: 110px;
  object-fit: cover;
}

.news_wrap ul>li {
  height    : 160px;
  padding   : 20px 0;
  margin-top: 20px;
  display   : flex;
  border-top: 1px dashed rgba(0, 0, 0, 0.3);
}

.news_title {
  margin-left: 20px;
  font-size  : 18px;
  line-height: 140%;
}

.news_title:hover {
  color:#268e6c;
}

.tip_date {
  color      : #6B6B6B;
  margin-left: 20px;
  margin-top : 20px;
  font-style : italic;
}
.writer_name {
  color      : #6B6B6B;
  margin-left: 20px;
  margin-top : 10px;
}

.book_editor span {
  margin-top: 0;
}


/* 시리즈 이동 버튼 */
.prev_next_btn_wrap {
  margin-top     : 40px;
  display        : flex;
  justify-content: center;
}

.prev_next_btn_wrap div {
  width           : 60px;
  height          : 60px;
  border-radius   : 50%;
  background-color: #fff;
  box-shadow      : 0px 0px 5px rgba(0, 0, 0, 0.3);
  margin          : 0 20px;

}

.prev_next_btn_wrap a {
  font-size : 40px;
  text-align: center;
}

.prev_next_btn_wrap i {
  width      : 100%;
  height     : 100%;
  line-height: 58px;
  color      : rgb(150, 150, 150);
}


/* 유료 목차 리스트 */
@font-face {
  font-family: 'ChosunKm';
  src        : url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunKm.woff') format('woff');
  font-weight: normal;
  font-style : normal;
}

.grid-item {
  max-height: 700px;
}

.index_section {
  width     : 100%;
  margin-top: 80px;
}

.series_preview {
  width        : 270px;
  display      : flex;
  flex-wrap    : wrap;
  margin       : 0 auto;
  margin-bottom: 40px;
}

.series_buy_button {
  width           : 270px;
  height          : 40px;
  line-height     : 40px;
  background-color: #1f93f2;
  color           : #fff;
  text-align      : center;
  border-radius   : 0.5em;
  position        : relative;
}

.series_buy_button a {
  display : inline-block;
  width   : 100%;
  height  : 100%;
  position: absolute;
  left    : 0;
  top     : 0;
}

.index {
  font-size    : 18px;
  line-height  : 60px;
  text-indent  : 20px;
  border-top   : 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  margin-top   : 40px;
  margin-bottom: 20px;
}

.tip_series {
  display: flex;
}

.tip_list_wrap {
  width     : 100%;
  max-height: 500px;
  overflow-y: scroll;
  padding   : 0 20px;

}

.flex_wrap {
  /* display: flex;
  justify-content: space-between; */
  display: block;
  font-size    : 18px;
  line-height  : 40px;
  border-bottom: 1px solid #e7e7e7;
  position     : relative;
}

.flex_title {
  display: flex;
}

.flex_wrap li {
  padding: 5px 10px;
}

.board_col_01 {
  width           : 50px;
  height          : 20px;
  line-height     : 10px;
  font-size       : 12px;
  background-color:#268e6c;
  color           : #fff;
  border-radius   : 0.2em;
  text-align      : center;
  vertical-align  : middle;
  margin-top      : 7px;
  margin-left     : 10px;
}

.blind {
  position        : absolute;
  left            : 0;
  right           : 0;
  top: 0;
  width           : 100%;
  height          : 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 500;
}

.blind span {
  position   : absolute;
  line-height: 100%;
  left       : 50%;
  top        : 50%;
  transform  : scale(-50% -50%);
  color      : #fff;
  font-size  : 24px;
  cursor     : pointer;
}

.board_col_02 {
  width      : 100%;
  font-family: 'ChosunKm';
  line-height: 20px;
}

ul.flex_wrap>.board_col_03 {
  width         : 100%;
  text-align    : end;
  vertical-align: middle;
  color         : #333;
  line-height   : 20px;
  font-family   : 'S-CoreDream-3Light';
  font-size     : 12px;
  padding       : 0 10px;
}

ul.flex_wrap>.board_col_04 {
  display        : flex;
  justify-content: flex-end;
  padding        : 0 10px;
  width: 100%;
}

.board_col_04 i {
  font-size  : 24px;
  margin-left: 5px;
  color: #888;

}


.xi-eye {
  color: #4C83FF !important;
}
.xi-heart{
  color: #cc3e4f !important;
}
.xi-bookmark{
  color: #268e6c !important;
}


/* 모달 관련 */

.reveal-modal h1 {
  font-size    : 18px;
  line-height  : 150%;
  margin-bottom: 40px;
}

.reveal-modal p {
  font-size  : 14px;
  line-height: 40px;
  margin-top : 0;
  border-top : 1px solid #d6d6d6;
}

.modal_btn_wrap {
  width          : 100%;
  display        : flex;
  justify-content: center;
  margin-top     : 40px;
}

.modal_btn_wrap li {
  width        : 100px;
  line-height  : 40px;
  color        : #fff;
  margin       : 0 10px;
  border-radius: 0.3em;
  text-align   : center;
}

.modal_cancel {
  background-color: #b8432f;
}

.modal_purchase {
  background-color: #1f93f2;
}


/* 에디터 하단 */
.editor_bootom {
  margin-top: 80px;
  position  : relative;
}

.editor_hidden {
  text-align        : center;
  position          : absolute;
  bottom            : 0;
  left              : 0;
  right             : 0;
  width             : 100%;
  margin            : 0 auto;
  padding           : 240px 0 80px;
  box-sizing        : border-box;
  -webkit-box-sizing: border-box;
  background        : -webkit-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 30%, #ffffff);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 30%, #ffffff);
}

.copywriter {

  width      : 80%;
  margin     : 20px auto;
  font-size  : 14px;
  line-height: 150%;
  color      : #b9b9b9;
  text-align : center;
}

.book_editor .back_btn {
  margin: 40px 10px 80px 10px;
  height: 40px;
}

.book_editor .back_btn p {
  line-height: 40px;
}


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


/* 태그 부분 */


.tip_tag ul {
  display        : flex;
  justify-content: center;
  width          : 100%;
  margin         : 0 auto;
  flex-wrap: wrap;
}


.tip_tag a {
  text-align   : center;
  padding      : 2px 10px;
  margin       : 0 10px;
  height       : 32px;
  line-height  : 32px;
  border-radius: 0.5em;
  border       : 1px solid #e0e0e0;
  color        : #ccc;
  cursor       : pointer;
}

.tip_tag a:hover {
  border: 1px solid #9b9595;
  color : #9b9595;
}

/* 
[data-tooltip-text]:hover {
  position: relative;
  color:#268e6c;
}

[data-tooltip-text]:hover:after {
	content: attr(data-tooltip-text);
  position: absolute;
	bottom: 100%;
	left: 0;
  background-color: rgba(0, 0, 0, 0.8);
	color: #FFFFFF;
	font-size: 12px;
	z-index: 9999;
} */


/* 미디어 쿼리  */
@media (max-width: 1280px) {
  .tip_series {
    display  : flex;
    flex-wrap: wrap;
  }

  .grid-item {
    margin       : 0 auto;
    margin-bottom: 20px;
  }
}

/* 화면 너비 0~1024px */

@media (max-width: 1080px) {
  .book_info_wrap {
    width: 100%;
  }

  .news_wrap {
    width    : 100%;
    flex-wrap: wrap;
  }

  .news_wrap ul {
    width: 90%;
  }
  .w90p{
    width: 90%;
    margin: 0 auto;
  }
}

/* 화면 너비 0~960px */

@media (max-width: 960px) {}

/* 화면 너비 0~890px */

@media (max-width: 890px) {}

/* 화면 너비 0~768px */

@media (max-width: 740px) {
  .book_info_wrap {
    width    : 100%;
    margin   : 0 auto;
    display  : block;
    flex-wrap: wrap;
  }

  .book_img {
    width       : 50%;
    padding-left: 15%;
  }

  .info_text_box {
    padding-left: 15%;
  }

  .book_img img {
    width : 80%;
    margin: 0 auto;
  }

  .book_editor img {
    width: 100%;

  }
  .board_col_02 {
    display: block;
}
.view_top{
  display: block;
  width: 100%;
}
.view_top_img_box{
  display: block;
  margin-top: 20px;
}
.view_top_img{
width: 100%;
padding: 80px 0 20px 0;
}
.view_top_text_box{
  padding: 20px 20px;
  min-width: 0px;
  width: 100%;
}
.view_top_writer{
  margin-top: 40px;
  margin-bottom: 20px;
}
.view_top{
  height: auto;
}
.title_text{
  /* margin-bottom: 60px; */
  padding-bottom: 100px;
}
.hori li {
  width: 95%;
  
}
}

/* 화면 너비 0~600px */

@media (max-width: 600px) {
  .book_img {
    width: 100%;
    padding-left: 0%;
}
  .book_info_box{
    display: flex;
    flex-wrap: wrap;
  }
  .book_img img {
    width: 80%;
    margin: 0 auto;
    display: block;
}
.info_text_box {
  padding-left: 0;
}

.info_text_box {
    padding-left: 0;
    width: 80%;
    margin: 0 auto;
    margin-top: 40px;
}
}

/* 화면 너비 0~480px 모바일*/

@media (max-width: 480px) {}