@charset "UTF-8";
.sub_cont {width: 100%; max-width: 1400px; height: 100%; min-height: 700px; margin: 0 auto; padding: 80px 0 100px;}

/* 공통 스크롤 바 */
.mCSB_inside>.mCSB_container { margin-right: 5px;}
.mCSB_scrollTools { width: 5px;}
.mCSB_scrollTools .mCSB_draggerRail { width: 5px; background-color: #eeeeee;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: var(--com-main-color);}
/* 공통 스크롤 바 */

/* 서브페이지 제목 */
.com_title_area { margin: 0 0 17px;}
.com_title_area .title { padding: 0 0 0 20px; background-image: var(--com-title-img); background-position: left top 6px; background-repeat: no-repeat; font-weight: 700; font-size: 24px; line-height: 36px; color: #2f2f2f;}
.com_title_area .dis_f {display: flex; justify-content: space-between; align-items: center; font-size: 0;}
.com_title_area .dis_f .link_btn {display: inline-block; min-width: 100px; border: 1px solid #1c1c1c; padding: 0 19px; font-size: 0; text-align: center; border-radius: 16.5px;}
.com_title_area .dis_f .link_btn .text {display: inline-block; font-weight: 400; font-size: 15px; line-height: 32px; color: #181818;}
.com_title_area .dis_f .link_btn .text.ico1 {position: relative; padding: 0 13px 0 0;}
.com_title_area .dis_f .link_btn .text.ico1::before {display: block; content: '+'; position: absolute; top: 0; right: 0;}
.com_title_area .dis_f .link_btn:hover,
.com_title_area .dis_f .link_btn:focus {background-color: #1c1c1c;}
.com_title_area .dis_f .link_btn:hover .text,
.com_title_area .dis_f .link_btn:focus .text {color: #ffffff;}

/* 서브페이지 제목 */
/* 서브페이지 서브 제목 */
.com_sub_title_area { margin: 0 0 10px;}
.com_sub_title_area .title { font-weight: 700; font-size: 18px; line-height: 27px; color: var(--com-main-color);}
/* 서브페이지 서브 제목 */

/* 서브페이지 본문 텍스트 */
.text_list_area {}
.text_list_area > .list {}
.text_list_area > .list > li { position: relative; margin: 0 0 15px 0; padding: 0 0 0 35px; font-weight: 500; font-size: 17px; line-height: 32px; color: #212121;}
.text_list_area > .list > li:last-child { margin: 0;}
.text_list_area > .list > li .num { position: absolute; top: 0; left: 0; font-weight: 700; color: #0079df; text-decoration: underline; text-underline-position: under;}
.text_list_area > .list > li .etc_list {}
.text_list_area > .list > li .etc_list > li { position: relative; padding: 0 0 0 10px; font-weight: 400; color: #6c6c6c;}
.text_list_area > .list > li .etc_list > li .etc { position: absolute; top: 0; left: 0;}
.text_list_area > .list.sty2 { display: flex; justify-content: space-between; align-items: stretch; flex-wrap;}
.text_list_area > .list.sty2 > li { flex: 0 0 auto;}
/* 서브페이지 본문 텍스트 */

/* 공통 서브 리스트 */
.sub_list_area {}
.sub_list_area > .list {}
.sub_list_area > .list > li { padding: 45px 0; border-bottom: 1px solid #e5e5e5;}
.sub_list_area > .list > li:first-child { padding-top: 0;}
.sub_list_area > .list > li > .box {}
.sub_list_area > .list > li > .box > .inner_box { display: flex; justify-content: space-between; align-items: stretch;}
.sub_list_area > .list > li > .box > .inner_box .title_area { width: 230px;}
.sub_list_area > .list > li > .box > .inner_box .title_area .title { display: inline-block; position: relative; padding: 0 7px 0 0; font-weight: 700; font-size: 24px; line-height: 32px; color: #191919;}
.sub_list_area > .list > li > .box > .inner_box .title_area .title::before { display: inline-block; content: ''; position: absolute; top: 0; right: 0; width: 5px; height: 5px; background-color: var(--com-main-color); border-radius: 50%;}
.sub_list_area > .list > li > .box > .inner_box .cont_area { width: calc(100% - 230px);}
.sub_list_area > .list > li > .box > .inner_box .cont_area .row_f { display: flex; justify-content: space-between; align-items: stretch;}
.sub_list_area > .list > li > .box > .inner_box .cont_area .row_f > * { padding: 0 15px 0 0;}
.sub_list_area > .list > li > .box > .inner_box .cont_area .row_f > *:last-child { padding: 0;}
/* 공통 서브 리스트 */

/* 제목 및 본문 */
.cont_title_area {margin: 0 0 26px;}
.cont_title_area .title {font-weight: 700; font-size: 32px; line-height: 48px; color: #212121;}

.sub_title_area {margin: 0 0 14px;}
.sub_title_area .title {font-weight: 700; font-size: 24px; line-height: 36px; color: #212121;}

.cont_text_area {}
.cont_text_area > .list {}
.cont_text_area > .list li {font-weight: 400; font-size: 16px; line-height: 24px; color: #212121;}
.cont_text_area > .list li .ft_b {font-weight: 700;}
.cont_text_area > .list li .etc {color: #797979;}

/* 마이페이지 - 매칭서비스 상세 댓글 */
.com_input_form_area.comment {margin: 50px 0 0;}
.com_input_form_area.comment:first-child {margin: 0;}
.com_input_cont .input_table_cont.comment {}
.com_input_cont .input_table_cont.comment .table_inner_box {}
.com_input_cont .input_table_cont.comment .table_inner_box .table_area {}
.com_input_cont .input_table_cont.comment .table_inner_box .table_area tbody {}
.com_input_cont .input_table_cont.comment .table_inner_box .table_area tbody tr {}
.com_input_cont .input_table_cont.comment .table_inner_box .table_area tbody tr th {background-color: inherit;}
.com_input_cont .input_table_cont.comment .table_inner_box .table_area tbody tr td {}

.comment_area {margin: 78px 0 0;}
.comment_area .comment_info_box {margin: 0 0 29px;}
.comment_area .comment_info_box .info_box {display: inline-block; margin: 0 7px 0 0; padding: 0 20px; font-size: 0; vertical-align: middle; border-radius: 10px;}
.comment_area .comment_info_box .info_box:last-child {margin: 0;}
.comment_area .comment_info_box .info_box .text {display: inline-block; font-weight: 700; font-size: 18px; line-height: 48px; color: #333333;}
.comment_area .comment_info_box .info_box.clr1 {border: 1px solid #f5f5f5; background-color: #f5f5f5;}
.comment_area .comment_info_box .info_box.clr2 {border: 1px solid #ececec;}

.comment_area .comment_list_box {}
.comment_area .comment_list_box > .list {}
.comment_area .comment_list_box > .list > li {margin: 0 0 25px; border-bottom: 1px solid #eeeeee;}
.comment_area .comment_list_box > .list > li:last-child {margin: 0;}
.comment_area .comment_list_box > .list > li .comment_data_box {font-size: 0;}
.comment_area .comment_list_box > .list > li .comment_data_box .data_text {position: relative; display: inline-block; margin: 0 17px 0 0; padding: 0 18px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #888888; vertical-align: middle;}
.comment_area .comment_list_box > .list > li .comment_data_box .data_text:last-child {position: inherit; margin: 0; padding: 0;}
.comment_area .comment_list_box > .list > li .comment_data_box .data_text::before {display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; background-color: #ececec; transform: translateY(-50%); }
.comment_area .comment_list_box > .list > li .comment_data_box .data_text:last-child::before { display: none;}
.comment_area .comment_list_box > .list > li .comment_data_box .data_text.sty2 {font-weight: 700;}
.comment_area .comment_list_box > .list > li .comment_data_box .data_text.sty2.clr1 {color: #6d3593;}
.comment_area .comment_list_box > .list > li .comment_data_box .data_text.sty2.clr2 {color: #c825ac;}
.comment_area .comment_list_box > .list > li .comment_text_box {padding: 23px 0;}
.comment_area .comment_list_box > .list > li .comment_text_box .comment_text {font-weight: 500; font-size: 16px; line-height: 26px; color: #333333;}

.btn_row_f {display: flex; justify-content: space-between; align-items: center; margin: 28px 0 0;}
.btn_row_f .txt {font-weight: 400; font-size: 16px; line-height: 24px;}
.btn_row_f .cont_btn_list_area {margin: 0;}
/* 마이페이지 - 매칭서비스 상세 댓글 */

/* About K-Book - Q&A */
.qna_cont { background-image: url('/images/home/eng/user/sub/qna_cont_bg.png'); background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 5px;}
.qna_cont .inner_box { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 628px; padding: 15px;}
.qna_cont .inner_box .text_box { margin: 0 0 40px 0; text-align: center;}
.qna_cont .inner_box .text_box .title { margin: 0 0 20px 0; font-weight: 700; font-size: 65px; line-height: 1; color: #ffffff;}
.qna_cont .inner_box .text_box .text { font-weight: 500; font-size: 20px; line-height: 30px; color: #ffffff;}
.qna_cont .inner_box .cont_btn_list_area { margin: 0;}
.qna_cont .inner_box .cont_btn_list_area .list li .btn { min-width: 150px;}
/* About K-Book - Q&A */

/* Promotion - Curation */
.curation_list_cont {}
.curation_list_cont > .list {}
.curation_list_cont > .list > li { margin: 0 0 40px 0;}
.curation_list_cont > .list > li:last-child { margin: 0;}
.curation_list_cont > .list > li > .box { border: 1px solid #eeeeee; padding: 44px 37px 45px; border-radius: 15px;}
.curation_list_cont > .list > li > .box .inner_box {}
.curation_list_cont > .list > li > .box .inner_box .top_cont { margin: 0 0 40px 0;}
.curation_list_cont > .list > li > .box .inner_box .top_cont .title_box { margin: 0 0 20px 0;}
.curation_list_cont > .list > li > .box .inner_box .top_cont .title_box .inner { display: flex; justify-content: space-between; align-items: center;}
.curation_list_cont > .list > li > .box .inner_box .top_cont .title_box .inner .title_area { flex: 1; padding: 0 30px 0 0;}
.curation_list_cont > .list > li > .box .inner_box .top_cont .title_box .inner .title_area .title { font-weight: 700; font-size: 24px; line-height: 30px; color: #1b1b1b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.curation_list_cont > .list > li > .box .inner_box .top_cont .title_box .inner .cont_btn_list_area { margin: 0;}
.curation_list_cont > .list > li > .box .inner_box .top_cont .title_box .inner .cont_btn_list_area .list li .btn { min-width: 85px;}
.curation_list_cont > .list > li > .box .inner_box .top_cont .text_box {}
.curation_list_cont > .list > li > .box .inner_box .top_cont .text_box .text { font-weight: 400; font-size: 16px; line-height: 24px; color: #1b1b1b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont {}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area {}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider {position: relative; padding: 0 45px;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list { margin: 0 -22px 0 0;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list .slick-slide { margin: 0 22px 0 0;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list .slick-slide .view_box { display: block;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list .slick-slide .view_box .inner {}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list .slick-slide .view_box .inner .img_area { position: relative; overflow: hidden; padding: 0 0 133.33% 0;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list .slick-slide .view_box .inner .img_area .img_inner { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list .slick-slide .view_box .inner .img_area .img_inner img { display: block; width: 100%; height: 100%; transition: all .8s ease; object-fit: cover;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list .slick-slide .view_box:hover .inner .img_area .img_inner img,
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list .slick-slide .view_box:focus .inner .img_area .img_inner img { transform: scale(1.2);}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list .slick-slide .view_box .inner .title_area { margin: 10px 0 0 0;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list .slick-slide .view_box .inner .title_area .title { font-weight: 700; font-size: 18px; line-height: 27px; color: #1b1b1b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list .slick-slide .view_box:hover .inner .title_area .title,
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-list .slick-slide .view_box:focus .inner .title_area .title { text-decoration: underline;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-arrow { display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 35px; height: 35px; font-size: 0; background-color: #ececec; background-position: center; background-repeat: no-repeat; text-align: center; border-radius: 50%; transition: all 0.3s;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-arrow:not(.slick-disabled):hover,
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-arrow:not(.slick-disabled):focus { background-color: #000000;}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-arrow.slick-prev { left: 0; background-image: url('/images/home/eng/user/sub/curation_slide_prev.png');}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-arrow.slick-next { right: 0; background-image: url('/images/home/eng/user/sub/curation_slide_next.png');}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-arrow:not(.slick-disabled).slick-prev:hover,
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-arrow:not(.slick-disabled).slick-prev:focus { background-image: url('/images/home/eng/user/sub/curation_slide_prev_on.png');}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-arrow:not(.slick-disabled).slick-next:hover,
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-arrow:not(.slick-disabled).slick-next:focus { background-image: url('/images/home/eng/user/sub/curation_slide_next_on.png');}
.curation_list_cont > .list > li > .box .inner_box .bot_cont .curation_slide_area .slick-slider .slick-arrow.slick-disabled { opacity: 0.5;}

.curation_view_cont {}
.curation_view_cont .inner_box {}
.curation_view_cont .inner_box .top_cont { margin: 0 0 105px 0;}
.curation_view_cont .inner_box .top_cont .title_area { margin: 0 0 30px 0; text-align: center;}
.curation_view_cont .inner_box .top_cont .title_area .title { font-weight: 700; font-size: 24px; line-height: 30px; color: #1b1b1b;}
.curation_view_cont .inner_box .top_cont .cont_area { border-top: 2px solid var(--com-bor-top-color);}
.curation_view_cont .inner_box .top_cont .cont_area .view_text_area {}
.curation_view_cont .inner_box .top_cont .cont_area .view_text_area .view_text_inner { padding: 20px 0;}
.curation_view_cont .inner_box .top_cont .cont_area .view_text_area .view_text_inner .text { overflow: hidden; height: 52px; font-weight: 400; font-size: 16px; line-height: 26px; color: #1b1b1b;}
.curation_view_cont .inner_box .top_cont .cont_area .view_text_area.on .view_text_inner .text { height: 100%;}
.curation_view_cont .inner_box .top_cont .cont_area .view_text_area .view_more_btn_area {}
.curation_view_cont .inner_box .top_cont .cont_area .view_text_area .view_more_btn_area .view_more_btn { display: block; width: 100%; border: 1px solid #f8f8f8; background-color: #f8f8f8; border-radius: 8px; transition: all 0.3s;}
.curation_view_cont .inner_box .top_cont .cont_area .view_text_area .view_more_btn_area .view_more_btn:hover,
.curation_view_cont .inner_box .top_cont .cont_area .view_text_area .view_more_btn_area .view_more_btn:focus { border: 1px solid var(--com-main-color); background-color: #ffffff;}
.curation_view_cont .inner_box .top_cont .cont_area .view_text_area .view_more_btn_area .view_more_btn .txt { display: inline-block; position: relative; padding: 0 15px 0 0; font-weight: 500; font-size: 16px; line-height: 28px; color: #1b1b1b;}
.curation_view_cont .inner_box .top_cont .cont_area .view_text_area .view_more_btn_area .view_more_btn .txt::before { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 8px; height: 5px; background-image: url('/images/home/eng/user/sub/view_more_btn_arrow.png'); background-position: center; background-size: 100%; background-repeat: no-repeat; transition: all 0.3s;}
.curation_view_cont .inner_box .top_cont .cont_area .view_text_area .view_more_btn_area .view_more_btn.on .txt::before { transform: translateY(-50%) rotate(180deg);}
.curation_view_cont .inner_box .top_cont .cont_area .editor_view_area { margin: 30px 0 0;}
.curation_view_cont .inner_box .bot_cont {}
.curation_view_cont .inner_box .bot_cont .title_area { margin: 0 0 15px;}
.curation_view_cont .inner_box .bot_cont .title_area .title_inner { display: flex; justify-content: space-between; align-items: center;}
.curation_view_cont .inner_box .bot_cont .title_area .title_inner .title { flex: 1; padding: 0 15px 0 0; font-weight: 700; font-size: 24px; line-height: 30px; color: var(--com-main-color);}
.curation_view_cont .inner_box .bot_cont .title_area .title_inner .cont_btn_list_area { margin: 0;}
.curation_view_cont .inner_box .bot_cont .books_list_area { border-top: 2px solid var(--com-bor-top-color); padding: 40px 0 0 0;}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list { display: flex; justify-content: space-between; align-items: stretch;}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li {}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li:not(:nth-child(-n+4)) { display: none;}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box { display: inline-block; position: relative; padding: 0 0 0 65px;}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box .num_area { position: absolute; top: 0; left: 0;}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box .num_area .num { font-weight: 700; font-size: 100px; line-height: 75px; color: #ededed; transition: all 0.3s;}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box:hover .num_area .num,
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box:focus .num_area .num { color: var(--com-main-color);}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box .inner { width: 224px;}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box .inner .img_area { position: relative; overflow: hidden; padding: 0 0 133.33% 0;}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box .inner .img_area .img_inner { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box .inner .img_area .img_inner img { display: block; width: 100%; height: 100%; object-fit: cover;}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box .inner .tit_area { margin: 10px 0 0 0;}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box .inner .tit_area .tit { font-weight: 700; font-size: 18px; line-height: 30px; color: #1b1b1b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box:hover .inner .tit_area .tit,
.curation_view_cont .inner_box .bot_cont .books_list_area > .list > li > .box:focus .inner .tit_area .tit { text-decoration: underline;}
/* Promotion - Curation */

/* 공통 즐겨찾기 버튼 */
.facorites_btn_area {}
.facorites_btn_area > .list { font-size: 0;}
.facorites_btn_area > .list > li { display: inline-block; margin: 0 0 0 3px; vertical-align: middle;}
.facorites_btn_area > .list > li:first-child { margin: 0;}
.facorites_btn_area > .list > li .btn { display: block; width: 28px; height: 28px; background-color: rgba(27, 27, 27, 0.6); background-position: center; background-repeat: no-repeat; font-size: 0; border-radius: 50%;}
.facorites_btn_area > .list > li .btn.recommended { background-image: url('/images/home/eng/user/sub/recommended_btn_icon.png');}
.facorites_btn_area > .list > li .btn.bookmark { background-image: url('/images/home/eng/user/sub/bookmark_btn_icon.png');}
.facorites_btn_area > .list > li .btn.recommended.on { background-image: url('/images/home/eng/user/sub/recommended_btn_icon_on.png');}
.facorites_btn_area > .list > li .btn.bookmark.on { background-image: url('/images/home/eng/user/sub/bookmark_btn_icon_on.png');}
/* 공통 즐겨찾기 버튼 */

/* 공통 book 리스트 */
.com_book_list_area { border-top: 2px solid var(--com-bor-top-color); padding: 34px 0 0;}
.com_book_list_area > .list { font-size: 0;}
.com_book_list_area > .list > li { display: inline-block; position: relative; width: 50%; margin: 34px 0 0; padding: 0 25px; border-right: 1px solid #ededed; vertical-align: top;}
.com_book_list_area > .list > li:nth-child(-n+2) { margin: 0;}
.com_book_list_area > .list > li:nth-child(2n) { border-right: none;}
.com_book_list_area > .list > li:nth-child(2) { margin: 0;}
.com_book_list_area > .list > li > .box { border-top: 1px solid #ededed; padding: 34px 0 0 0;}
.com_book_list_area > .list > li:nth-child(-n+2) > .box { border-top: none; padding: 0;}
.com_book_list_area > .list > li > .box .inner {}
.com_book_list_area > .list > li > .box .inner .info_cont {}
.com_book_list_area > .list > li > .box .inner .info_cont .title_box { margin: 0 0 15px;}
.com_book_list_area > .list > li > .box .inner .info_cont .title_box .title_inner { display: flex; justify-content: space-between; align-items: stretch;}
.com_book_list_area > .list > li > .box .inner .info_cont .title_box .title_inner .title_area { flex: 1; padding: 0 15px 0 0;}
.com_book_list_area > .list > li > .box .inner .info_cont .title_box .title_inner .title_area .title { margin: 0 0 5px; font-weight: 700; font-size: 30px; line-height: 1; color: #1b1b1b;}
.com_book_list_area > .list > li > .box .inner .info_cont .title_box .title_inner .title_area .text { font-weight: 500; font-size: 16px; line-height: 24px; color: #9a9a9a;}
.com_book_list_area > .list > li > .box .inner .info_cont .title_box .title_inner .facorites_btn_area {}
.com_book_list_area > .list > li > .box .inner .info_cont .text_box {}
.com_book_list_area > .list > li > .box .inner .info_cont .text_box .text { height: 48px; font-weight: 500; font-size: 16px; line-height: 24px; color: #9a9a9a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.com_book_list_area > .list > li > .box .inner .info_cont .cont_btn_list_area { margin: 12px 0 0 0;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont { margin: 15px 0 0;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area { margin: 0 0 10px;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area .title_inner { display: flex; justify-content: space-between; align-items: center;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area .title_inner .title { flex: 1; padding: 0 15px 0 0; font-weight: 700; font-size: 16px; line-height: 30px; color: #1b1b1b;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area .title_inner .control_btn_area {}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area .title_inner .control_btn_area > .list { font-size: 0;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area .title_inner .control_btn_area > .list > li { display: inline-block; margin: 0 0 0 5px; vertical-align: middle;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area .title_inner .control_btn_area > .list > li:first-child { margin: 0;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area .title_inner .control_btn_area > .list > li .slide_btn { display: block; width: 28px; height: 28px; background-color: #ececec; border-radius: 50%; transition: all 0.3s;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area .title_inner .control_btn_area > .list > li .slide_btn i { font-weight: 400; font-size: 16px; line-height: 1; color: #000000; transition: all 0.3s;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area .title_inner .control_btn_area > .list > li .slide_btn:hover,
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area .title_inner .control_btn_area > .list > li .slide_btn:focus { background-color: #000000;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area .title_inner .control_btn_area > .list > li .slide_btn:hover i,
.com_book_list_area > .list > li > .box .inner .featured_works_cont .title_area .title_inner .control_btn_area > .list > li .slide_btn:focus i { color: #ffffff;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area {}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list {}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list .slick-list { margin: 0 -20px 0 0;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list .slick-list li { width: calc(20% - 15px); margin: 0 20px 0 0;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list .slick-list li .view_box { display: block;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list .slick-list li .view_box .img_area { position: relative; overflow: hidden; padding: 0 0 133.07%;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list .slick-list li .view_box .img_area .img_inner { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list .slick-list li .view_box .img_area .img_inner img { display: block; width: 100%; height: 100%; transition: all .8s ease; object-fit: cover;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list .slick-list li .view_box:hover .img_area .img_inner img,
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list .slick-list li .view_box:focus .img_area .img_inner img { transform: scale(1.2);}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list .slick-list li .view_box .text_area { text-align: center;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list .slick-list li .view_box .text_area .title { font-weight: 500; font-size: 16px; line-height: 30px; color: #1b1b1b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list .slick-list li .view_box:hover .text_area .title,
.com_book_list_area > .list > li > .box .inner .featured_works_cont .image_slide_area > .list .slick-list li .view_box:focus .text_area .title { text-decoration: underline;}
/* 공통 book 리스트 */

/* 공통 book 상세 */
.com_view_info_area { margin: 0 0 25px;}
.com_view_info_area .inner_box { display: flex; justify-content: space-between; align-items: center;}
.com_view_info_area .inner_box .box {}
.com_view_info_area .inner_box .box.left { flex: 1; padding: 0 15px 0 0;}
.com_view_info_area .inner_box .box.left .text_area {}
.com_view_info_area .inner_box .box.left .text_area .title_area { margin: 0 0 15px;}
.com_view_info_area .inner_box .box.left .text_area .title_area .title { font-weight: 700; font-size: 50px; line-height: 1; color: #1b1b1b;}
.com_view_info_area .inner_box .box.left .text_area .info_txt_area {}
.com_view_info_area .inner_box .box.left .text_area .info_txt_area > .list { font-size: 0;}
.com_view_info_area .inner_box .box.left .text_area .info_txt_area > .list > li { display: inline-block; position: relative; margin: 0 25px 0 0; padding: 0 26px 0 0; vertical-align: middle;}
.com_view_info_area .inner_box .box.left .text_area .info_txt_area > .list > li::after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 19px; background-color: #e4e4e4;}
.com_view_info_area .inner_box .box.left .text_area .info_txt_area > .list > li:last-child { margin: 0; padding: 0;}
.com_view_info_area .inner_box .box.left .text_area .info_txt_area > .list > li:last-child::after { display: none;}
.com_view_info_area .inner_box .box.left .text_area .info_txt_area > .list > li .txt { font-weight: 700; font-size: 18px; line-height: 27px; color: #9a9a9a;}
.com_view_info_area .inner_box .box.left .text_area .info_txt_area > .list > li .recommended { padding: 0 0 0 22px; background-image: url('/images/home/eng/user/sub/recommend_icon3.png'); background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 24px; color: #1b1b1b;}
.com_view_info_area .inner_box .box.left .text_area .info_txt_area > .list > li .recommended .num { display: inline-block; color: #c825ac;}
.com_view_info_area .inner_box .box.left .row  { display: flex; justify-content: space-between; align-items: center;}
.com_view_info_area .inner_box .box.left .row .logo_area { width: 197px; height: 95px; border: 1px solid #ededed; border-radius: 8px;}
.com_view_info_area .inner_box .box.left .row .logo_area .logo_inner { display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; padding: 10px 20px;}
.com_view_info_area .inner_box .box.left .row .logo_area .logo_inner img { display: inline-block; width: 100%; height: auto; object-fit: cover;}
.com_view_info_area .inner_box .box.left .row .text_area { flex: 1; padding: 0 0 0 25px;}
.com_view_info_area .inner_box .box.right {}
.com_view_info_area .inner_box .box.right .cont_btn_list_area { margin: 0;}

.com_view_cont_area { margin: 65px 0 0 0;}
.com_view_cont_area .inner_box { display: flex; justify-content: space-between; align-items: stretch;}
.com_view_cont_area .inner_box .box {}
.com_view_cont_area .inner_box .box.left { width: 425px; padding: 0 53px 0 0; border-right: 1px solid #eaeaea;}
.com_view_cont_area .inner_box .box.right { width: calc(100% - 425px); padding: 0 0 0 58px;}
.com_view_cont_area .inner_box .box .tit_area { margin: 0 0 10px;}
.com_view_cont_area .inner_box .box .tit_area .tit { font-weight: 700; font-size: 24px; line-height: 30px; color: #6d3593;}
.com_view_cont_area .inner_box .box .tit_area .row { display: flex; justify-content: space-between; align-items: center;}
.com_view_cont_area .inner_box .box .tit_area .row .tit { flex: 1; padding: 0 15px 0 0;}
.com_view_cont_area .inner_box .box .tit_area .row .control_btn_area {}
.com_view_cont_area .inner_box .box .tit_area .row .control_btn_area {}
.com_view_cont_area .inner_box .box .tit_area .row .control_btn_area > .list { font-size: 0;}
.com_view_cont_area .inner_box .box .tit_area .row .control_btn_area > .list > li { display: inline-block; margin: 0 0 0 5px; vertical-align: middle;}
.com_view_cont_area .inner_box .box .tit_area .row .control_btn_area > .list > li:first-child { margin: 0;}
.com_view_cont_area .inner_box .box .tit_area .row .control_btn_area > .list > li .slide_btn { display: block; width: 28px; height: 28px; background-color: #ececec; border-radius: 50%; transition: all 0.3s;}
.com_view_cont_area .inner_box .box .tit_area .row .control_btn_area > .list > li .slide_btn i { font-weight: 400; font-size: 16px; line-height: 1; color: #000000; transition: all 0.3s;}
.com_view_cont_area .inner_box .box .tit_area .row .control_btn_area > .list > li .slide_btn:hover,
.com_view_cont_area .inner_box .box .tit_area .row .control_btn_area > .list > li .slide_btn:focus { background-color: #000000;}
.com_view_cont_area .inner_box .box .tit_area .row .control_btn_area > .list > li .slide_btn:hover i,
.com_view_cont_area .inner_box .box .tit_area .row .control_btn_area > .list > li .slide_btn:focus i { color: #ffffff;}

.com_view_cont_area .inner_box .box .photo_area { width: 371px;}
.com_view_cont_area .inner_box .box .photo_area .img_inner { position: relative; padding: 0 0 75.23%;}
.com_view_cont_area .inner_box .box .photo_area .img_inner .img { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.com_view_cont_area .inner_box .box .photo_area .img_inner .img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}

.com_view_cont_area .inner_box .box .txt_list_area {}
.com_view_cont_area .inner_box .box .txt_list_area > .list {}
.com_view_cont_area .inner_box .box .txt_list_area > .list > li { font-weight: 500; font-size: 16px; line-height: 28px; color: #1b1b1b;}

.com_view_cont_area .inner_box .box .image_slide_area {}
.com_view_cont_area .inner_box .box .image_slide_area > .list {}
.com_view_cont_area .inner_box .box .image_slide_area > .list .slick-list { margin: 0 -28px 0 0;}
.com_view_cont_area .inner_box .box .image_slide_area > .list .slick-list li { margin: 0 28px 0 0;}
.com_view_cont_area .inner_box .box .image_slide_area > .list .slick-list li .view_box { display: block;}
.com_view_cont_area .inner_box .box .image_slide_area > .list .slick-list li .view_box .img_area { position: relative; overflow: hidden; padding: 0 0 133.07%;}
.com_view_cont_area .inner_box .box .image_slide_area > .list .slick-list li .view_box .img_area .img_inner { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
.com_view_cont_area .inner_box .box .image_slide_area > .list .slick-list li .view_box .img_area .img_inner img { display: block; width: 100%; height: 100%; object-fit: cover; transition: all .8s ease;}
.com_view_cont_area .inner_box .box .image_slide_area > .list .slick-list li .view_box:hover .img_area .img_inner img,
.com_view_cont_area .inner_box .box .image_slide_area > .list .slick-list li .view_box:focus .img_area .img_inner img { transform: scale(1.2);}
.com_view_cont_area .inner_box .box .image_slide_area > .list .slick-list li .view_box .text_area { margin: 5px 0 0; text-align: center;}
.com_view_cont_area .inner_box .box .image_slide_area > .list .slick-list li .view_box .text_area .title { font-weight: 500; font-size: 16px; line-height: 30px; color: #1b1b1b; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.com_view_cont_area .inner_box .box .image_slide_area > .list .slick-list li .view_box:hover .text_area .title,
.com_view_cont_area .inner_box .box .image_slide_area > .list .slick-list li .view_box:focus .text_area .title { text-decoration: underline;}

.com_view_btn_area { margin: 80px 0 0 0;}
.com_view_btn_area .inner_box { display: flex; justify-content: space-between; align-items: center;}
.com_view_btn_area .inner_box .post_btn { display: block; position: relative; width: 174px; height: 70px; border: 1px solid #313131; border-radius: 8px; transition: all 0.3s;}
.com_view_btn_area .inner_box .post_btn:hover,
.com_view_btn_area .inner_box .post_btn:focus { border: 1px solid var(--com-main-color);}
.com_view_btn_area .inner_box .post_btn.prev { padding-left: 10px; padding-right: 18px; text-align: right;}
.com_view_btn_area .inner_box .post_btn.next { padding-left: 18px; padding-right: 10px; text-align: left;}
.com_view_btn_area .inner_box .post_btn .inner { display: flex; justify-content: space-between; align-items: center; height: 100%;}
.com_view_btn_area .inner_box .post_btn .inner i { font-weight: 400; font-size: 17px; line-height: 1; color: #313131;}
.com_view_btn_area .inner_box .post_btn .inner .text_area { flex: 1;}
.com_view_btn_area .inner_box .post_btn .inner .text_area .tit { font-weight: 500; font-size: 14px; line-height: 24px; color: #8e8e8e;}
.com_view_btn_area .inner_box .post_btn .inner .text_area .txt { font-weight: 500; font-size: 16px; line-height: 24px; color: #313131; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.com_view_btn_area .inner_box .cont_btn_list_area { margin: 0;}
/* 공통 book 상세 */

/* K-Book introduction - About grant */
.grant_cont {}
.grant_cont .com_title_area { margin: 0 0 40px;}
.grant_cont .cont_area {}
.grant_cont .cont_area > .list {}
.grant_cont .cont_area > .list > li { margin: 0 0 30px;}
.grant_cont .cont_area > .list > li:last-child { margin: 0;}
.grant_cont .cont_area > .list > li .inner_box { display: flex; justify-content: space-between; align-items: center;}
.grant_cont .cont_area > .list > li .inner_box .icon_area { width: 137px;}
.grant_cont .cont_area > .list > li .inner_box .icon_area img { display: block; width: 100%;}
.grant_cont .cont_area > .list > li .inner_box .text_area { flex: 1; padding: 0 0 0 30px;}
.grant_cont .cont_area > .list > li .inner_box .text_area .tit { font-weight: 700; font-size: 18px; line-height: 27px; color: #212121;}
.grant_cont .cont_area > .list > li .inner_box .text_area .txt { font-weight: 500; font-size: 16px; line-height: 27px; color: #212121;}
/* K-Book introduction - About grant */

.noti_txt_area { border: 1px solid #E1E1E1; margin: 0 0 40px; padding: 24px; border-radius: 8px;}
.noti_txt_area .inner_box {}
.noti_txt_area .inner_box .text_list_box {}
.txt_list_box {}
.txt_list_box > .list {}
.txt_list_box > .list > li { margin: 0 0 24px;}
.txt_list_box > .list > li:last-child { margin: 0;}
.txt_list_box > .list > li .tit { font-weight: 700; font-size: 18px; line-height: 27px; color: #212121;}
.txt_list_box > .list > li .txt_list { margin: 12px 0 0;}
.txt_list_box > .list > li .txt_list.ma0 { margin: 0;}
.txt_list_box > .list > li .txt_list > li { margin: 0 0 4px; font-weight: 400; font-size: 16px; line-height: 24px; color: #767676;}
.txt_list_box > .list > li .txt_list > li:last-child { margin: 0;}
.txt_list_box > .list > li .txt_list > li.li2 { position: relative; padding: 0 0 0 15px;}
.txt_list_box > .list > li .txt_list > li.li2::before { content: ''; position: absolute; top: calc((24px - 4px) / 2); left: 0; width: 4px; height: 4px; background-color: #767676; border-radius: 50%;}
.txt_list_box > .list > li .txt_list > li.row { display: flex; color: #212121;}
.txt_list_box > .list > li .txt_list > li.row .s_tit { margin: 0 15px 0 0; color: #767676;}