@charset "UTF-8";

/* 해외발간도서 */
.inp_sub_title_area {margin: 0 0 18px;}
.inp_sub_title_area .title {font-weight: 700; font-size: 20px; line-height: 30px; color: #683493;}
.inp_sub_title_area .text { font-weight: 400; font-size: 16px; line-height: 24px; color: #212121;}
.inp_sub_title_area .row {display: flex; justify-content: space-between; align-items: center;}
.inp_sub_title_area .row .cont_btn_list_area {margin: 0;}

/* 츨판 수출 도서 - 수출도서 아카이브 */
.archive_cont_area {}
.archive_cont_area .archive_list_box {}
.archive_cont_area .archive_list_box > .list {font-size: 0;}
.archive_cont_area .archive_list_box > .list > li {display: inline-block; width: calc(50% - 12px); margin: 24px 24px 0 0; vertical-align: top;}
.archive_cont_area .archive_list_box > .list > li:nth-child(-n+2) {margin: 0 24px 0 0;}
.archive_cont_area .archive_list_box > .list > li:nth-child(2n) {margin: 24px 0 0;}
.archive_cont_area .archive_list_box > .list > li:nth-child(2) {margin: 0;}
.archive_cont_area .archive_list_box > .list > li .link_box {position: relative; display: block; width: 100%; padding: 25px 28px; border-radius: 15px;}
.archive_cont_area .archive_list_box > .list > li .link_box::before {display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #e4e4e4; transition: all 0.3s; border-radius: 15px;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box {font-size: 0;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .img_area {position: relative; display: inline-block; width: 201px; margin: 0 34px 0 0; height: 268px; vertical-align: top; overflow: hidden;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .img_area .img_inner {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .img_area .img_inner img {display: block; width: 100%; height: 100%; transition: ease-in 0.3s;}

.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area {display: inline-block; width: calc(100% - 235px); padding: 10px 0 0; vertical-align: top;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .mark_box {margin: 0 0 9px; font-size: 0;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .mark_box .mark {display: inline-block; margin: 0 5px 0 0; padding: 0 17px; font-weight: 500; font-size: 15px; line-height: 25px; color: #ffffff; border-radius: 12.5px;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .mark_box .mark:last-child {margin: 0;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .mark_box .mark.clr1 {background-color: #6d3593;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .mark_box .mark.clr2 {background-color: #903593;}

.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .title_box {margin: 0 0 17px;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .title_box .title {font-weight: 700; font-size: 20px; line-height: 30px; color: #1b1b1b; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; transition: all 0.2s;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .title_box .sub_tit {font-weight: 500; font-size: 16px; line-height: 24px; color: #1b1b1b; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}

.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .info_list_box {}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .info_list_box > .list {}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .info_list_box > .list > li {font-size: 0;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .info_list_box > .list > li > * {display: inline-block; font-weight: 500; font-size: 16px; line-height: 30px; vertical-align: top;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .info_list_box > .list > li .type {width: 123px; margin: 0 5px 0 0; color: #9a9a9a;}
.archive_cont_area .archive_list_box > .list > li .link_box .inner_box .text_area .info_list_box > .list > li .text {width: calc(100% - 128px); color: #1b1b1b;}

.archive_cont_area .archive_list_box > .list > li .link_box:hover::before,
.archive_cont_area .archive_list_box > .list > li .link_box:focus::before {border: 3px solid #6d3593; box-shadow: 5px 5px 18px rgba(0, 0, 0, 0.1)}
.archive_cont_area .archive_list_box > .list > li .link_box:hover .inner_box .img_area .img_inner img,
.archive_cont_area .archive_list_box > .list > li .link_box:focus .inner_box .img_area .img_inner img {transform: scale(1.15);}
.archive_cont_area .archive_list_box > .list > li .link_box:hover .inner_box .text_area .title_box .title,
.archive_cont_area .archive_list_box > .list > li .link_box:focus .inner_box .text_area .title_box .title {text-decoration: underline;}

/*  츨판 수출 도서 - 수출도서 아카이브 - 상세페이지 */
.archive_view_cont {}
.archive_view_top {margin: 0 0 78px; border-bottom: 1px solid #2b2b2b; padding: 0 0 56px;}
.archive_view_top .top_cont {position: relative; padding: 0 83px; overflow: hidden;}
.archive_view_top .top_cont .page_link_btn {position: absolute; top: 50%; display: block; width: 51px; height: 51px; background-image: url('/images/home/eng/user/sub/big_arr_ico.png'); background-size: cover; background-repeat: no-repeat; transform: translateY(-50%); transition: all 0.3s;}
.archive_view_top .top_cont .page_link_btn:focus,
.archive_view_top .top_cont .page_link_btn:hover {background-image: url('/images/home/eng/user/sub/big_arr_ico_on.png');}
.archive_view_top .top_cont .page_link_btn.prev {left: 0;}
.archive_view_top .top_cont .page_link_btn.next {right: 0; transform: translateY(-50%) rotateZ(180deg);}
.archive_view_top .top_cont .view_info_box {display: flex; font-size: 0; align-items: stretch; font-size: 0;}
.archive_view_top .top_cont .view_info_box .img_area {display: inline-block; width: 200px; margin: 0 43px 0 0; vertical-align: top;}
.archive_view_top .top_cont .view_info_box .img_area .img_box {position: relative; display: block; width: 100%; padding: 0 0 133.5%; overflow: hidden}
.archive_view_top .top_cont .view_info_box .img_area .img_box .img_inner {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.archive_view_top .top_cont .view_info_box .img_area .img_box .img_inner img {display: block; width: 100%; height: 100%; transition: all 0.3s;}
.archive_view_top .top_cont .view_info_box .img_area .img_box .icon {position: absolute; top: 50%; left: 50%; width: 76px; height: 76px; background-image: url('/images/home/eng/user/sub/pop_img_btn.png'); background-size: cover; background-repeat: no-repeat; transform: translateY(-50%) translateX(-50%); z-index: 2;}
.archive_view_top .top_cont .view_info_box .img_area .img_box:focus::before,
.archive_view_top .top_cont .view_info_box .img_area .img_box:hover::before {display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 1; transition: all 0.3s;}
.archive_view_top .top_cont .view_info_box .img_area .img_box:focus .img_inner img,
.archive_view_top .top_cont .view_info_box .img_area .img_box:hover .img_inner img {transform: scale(1.15);}
.archive_view_top .top_cont .view_info_box .info_area {display: flex; flex-direction: column; width: calc(100% - 243px); justify-content: space-between; padding: 10px 0; vertical-align: top;}
.archive_view_top .top_cont .view_info_box .info_area .txt_box {}
.archive_view_top .top_cont .view_info_box .info_area .txt_box .title {margin: 0 0 5px; font-weight: 700; font-size: 34px; line-height: 51px; color: #1b1b1b;}
.archive_view_top .top_cont .view_info_box .info_area .txt_box .sub_tit {margin: 0 0 30px; font-weight: 500; font-size: 24px; line-height: 36px; color: #1b1b1b;}
.archive_view_top .top_cont .view_info_box .info_area .txt_box .nation_box {font-size: 0;}
.archive_view_top .top_cont .view_info_box .info_area .txt_box .nation_box .nation {display: inline-block; font-size: 0;}
.archive_view_top .top_cont .view_info_box .info_area .txt_box .nation_box .nation .flag {display: inline-block; width: 33px; height: 21px; margin: 0 12px 0 0; border-radius: 5px; overflow: hidden; vertical-align: middle;}
.archive_view_top .top_cont .view_info_box .info_area .txt_box .nation_box .nation .txt {display: inline-block; font-weight: 700; font-size: 18px; line-height: 27px; color: #1b1b1b; vertical-align: middle;}
.archive_view_top .top_cont .view_info_box .info_area .etc_box {display: flex; justify-content: space-between; align-items: center; font-size: 0;}
.archive_view_top .top_cont .view_info_box .info_area .etc_box .tag_area {display: flex; gap: 5px; flex: 1; flex-wrap: wrap; font-size: 0;}
.archive_view_top .top_cont .view_info_box .info_area .etc_box .tag_area .tag {display: inline-block; padding: 0 20px; font-weight: 500; font-size: 16px; line-height: 33px; border-radius: 16.5px;}
.archive_view_top .top_cont .view_info_box .info_area .etc_box .tag_area .tag.clr1 {background-color: rgba(109, 53, 147, 0.1); color: #6d3593;}
.archive_view_top .top_cont .view_info_box .info_area .etc_box .tag_area .tag.clr2 {background-color: rgba(181, 60, 163, 0.1); color: #942c98}
.archive_view_top .top_cont .view_info_box .info_area .etc_box .tag_area .tag.clr3 {background-color: rgba(91, 74, 191, 0.1); color: #5940b5}
.archive_view_top .top_cont .view_info_box .info_area .etc_box .tag_area .tag.clr4 {background-color: rgba(109, 109, 109, 0.1); color: #545454}
.archive_view_top .top_cont .view_info_box .info_area .etc_box .link_btn {display: inline-block; padding: 0 21px; background-color: #58237c; font-size: 0; border-radius: 7px; overflow: hidden;}
.archive_view_top .top_cont .view_info_box .info_area .etc_box .link_btn::before {background-color: #6d3593;}
.archive_view_top .top_cont .view_info_box .info_area .etc_box .link_btn .text {display: inline-block; padding: 0 24px 0 0; background-image: url('/images/home/eng/user/sub/link_btn_arr.png'); background-position: right center; background-repeat: no-repeat; font-weight: 700; font-size: 16px; line-height: 52px; color: #ffffff;}
.archive_view_top .top_cont .view_info_box .info_area .etc_box .link_btn:focus,
.archive_view_top .top_cont .view_info_box .info_area .etc_box .link_btn:hover {background-color: #58237c;}

.archive_view_info {}
.archive_view_info .info_cont_list {}
.archive_view_info .info_cont_list > .list {}
.archive_view_info .info_cont_list > .list > li {margin: 0 0 73px;}
.archive_view_info .info_cont_list > .list > li:last-child {margin: 0;}
.archive_view_info .info_cont_list > .list > li .title_area {font-size: 0;}
.archive_view_info .info_cont_list > .list > li .title_area .title_box {display: inline-block; width: 15%; padding: 10px 15px; background-color: #313131; border-radius: 0 20px 0 0;}
.archive_view_info .info_cont_list > .list > li .title_area .title_box .title {font-weight: 700; font-size: 18px; line-height: 27px; color: #ffffff;}
.archive_view_info .info_cont_list > .list > li .com_input_cont {}
.archive_view_info .info_cont_list > .list > li .com_input_cont .input_table_cont {}
.archive_view_info .info_cont_list > .list > li .com_input_cont .input_table_cont .table_inner_box {}
.archive_view_info .info_cont_list > .list > li .com_input_cont .input_table_cont .table_inner_box .table_area {border-top: 1px solid #2b2b2b;}
.archive_view_info .info_cont_list > .list > li .com_input_cont .input_table_cont .table_inner_box .table_area caption {position: absolute; left: -9999px; text-indent: inherit; overflow: hidden;}
/* 마이페이지 대시보드 */
.dashboard_cont {}
.dashboard_top_box {margin: 0 0 67px;}
.dashboard_top_box > .list {display: flex; align-items: stretch; font-size: 0;}
.dashboard_top_box > .list > li {display: inline-block; width: calc(14.2857% - 8.5714px); margin: 0 10px 0 0; vertical-align: top;}
.dashboard_top_box > .list > li:last-child {margin: 0;}
.dashboard_top_box > .list > li .sch_box {position: relative;display: flex; justify-content: center; width: 100%; height: 100%; padding: 24px 5px 29px; border-radius: 10px;}
.dashboard_top_box > .list > li .sch_box::before {display: block; content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: 1px solid #d8d8d8;  border-radius: 10px;}
.dashboard_top_box > .list > li .sch_box:hover,
.dashboard_top_box > .list > li .sch_box:focus {box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.dashboard_top_box > .list > li .sch_box:hover::before,
.dashboard_top_box > .list > li .sch_box:focus::before  {border: 3px solid #683493;}
.dashboard_top_box > .list > li .sch_box .text_box {display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 67px; font-size: 0;}
.dashboard_top_box > .list > li .sch_box .text_box .text {display: inline-block; margin: 0 0 9px; font-weight: 500; font-size: 15px; line-height: 24px; color: #000000; vertical-align: middle; word-break: break-all;}
.dashboard_top_box > .list > li .sch_box .text_box .num {display: inline-block; font-weight: 500; font-size: 18px; line-height: 24px; color: #000000; vertical-align: middle;}
.dashboard_top_box > .list > li .sch_box .text_box .num .now {font-weight: 700; font-size: 34px;}
.dashboard_top_box > .list > li .sch_box.on {background-color: #683493;}
.dashboard_top_box > .list > li .sch_box.on::before {border: 1px solid #683493;}
.dashboard_top_box > .list > li .sch_box.on:hover::before,
.dashboard_top_box > .list > li .sch_box.on:focus::before {border: 1px solid #683493;}
.dashboard_top_box > .list > li .sch_box.on .text_box {}
.dashboard_top_box > .list > li .sch_box.on .text_box .text {color: #ffffff;}
.dashboard_top_box > .list > li .sch_box.on .text_box .num {color: #ffffff;}
.dashboard_top_box > .list > li .sch_box.on .text_box .num .now {}
.dashboard_top_box > .list > li .sch_box .text_box.icon {padding: 0 0 0 66px; background-position: left center; background-size: 56px auto; background-repeat: no-repeat; align-items: flex-start;}
.dashboard_top_box > .list > li .sch_box .text_box.icon .text {}
.dashboard_top_box > .list > li .sch_box .text_box.icon .num {}
.dashboard_top_box > .list > li .sch_box .text_box.icon .num .now {}
.dashboard_top_box > .list > li .sch_box .text_box.icon.ico1 {background-image: url('/images/home/eng/user/board/dashboard_top_icon1.png');}
.dashboard_top_box > .list > li .sch_box .text_box.icon.ico2 {background-image: url('/images/home/eng/user/board/dashboard_top_icon2.png');}
.dashboard_top_box > .list > li .sch_box .text_box.icon.ico3 {background-image: url('/images/home/eng/user/board/dashboard_top_icon3.png');}
.dashboard_top_box > .list > li .sch_box .text_box.icon.ico4 {background-image: url('/images/home/eng/user/board/dashboard_top_icon4.png');}
.dashboard_top_box > .list > li .sch_box .text_box.icon.ico5 {background-image: url('/images/home/eng/user/board/dashboard_top_icon5.png');}
.dashboard_top_box > .list > li .sch_box .text_box.icon.ico6 {background-image: url('/images/home/eng/user/board/dashboard_top_icon6.png');}
.dashboard_top_box > .list > li .sch_box.on .text_box.icon.ico1 {background-image: url('/images/home/eng/user/board/dashboard_top_icon_on1.png');}
.dashboard_top_box > .list > li .sch_box.on .text_box.icon.ico2 {background-image: url('/images/home/eng/user/board/dashboard_top_icon_on2.png');}
.dashboard_top_box > .list > li .sch_box.on .text_box.icon.ico3 {background-image: url('/images/home/eng/user/board/dashboard_top_icon_on3.png');}
.dashboard_top_box > .list > li .sch_box.on .text_box.icon.ico4 {background-image: url('/images/home/eng/user/board/dashboard_top_icon_on4.png');}
.dashboard_top_box > .list > li .sch_box.on .text_box.icon.ico5 {background-image: url('/images/home/eng/user/board/dashboard_top_icon_on5.png');}
.dashboard_top_box > .list > li .sch_box.on .text_box.icon.ico6 {background-image: url('/images/home/eng/user/board/dashboard_top_icon_on6.png');}
/* 마이페이지 대시보드 */

/* 마이페이지 매칭서비스 리스트 */
.top_info_box {margin: 0 0 50px;}
.top_info_box .inner {padding: 29px 32px; background-color: #f8f8f8; border-radius: 10px;}
.top_info_box .inner .text_box {display: flex; align-items: center; width: 100%; min-height: 83px; padding: 0 0 0 110px; background-image: url('/images/home/eng/user/sub/top_info_icon.png'); background-position: center left; background-repeat: no-repeat;}
.top_info_box .inner .text_box .text {font-weight: 700; font-size: 18px; line-height: 27px; color: #000000;}

.top_info_box .inner .text_box .text .sub_txt_list {margin: 5px 0 0;}
.top_info_box .inner .text_box .text .sub_txt_list > .list {}
.top_info_box .inner .text_box .text .sub_txt_list > .list > li {position: relative; margin: 0 0 3px; padding: 0 0 0 10px; font-weight: 500; font-size: 16px; line-height: 24px;}
.top_info_box .inner .text_box .text .sub_txt_list > .list > li::before {display: block; content: '-'; position: absolute; top: 0; left: 0; }
.top_info_box .inner .text_box .text .sub_txt_list > .list > li:last-child {margin: 0;}
.top_info_box .inner .text_box .text .sub_txt_list > .list > li .ft_c {color: var(--com-main-color);}

.top_index_list_box {margin: 0 0 32px;}
.top_index_list_box > .list {font-size: 0;}
.top_index_list_box > .list > li {position: relative; display: inline-block; margin: 0 40px 0 0; padding: 0 0 0 15px; vertical-align: top;}
.top_index_list_box > .list > li::before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 24px; background-color: #e8e8e8; transform: translateY(-50%); }
.top_index_list_box > .list > li:last-child {margin: 0;}
.top_index_list_box > .list > li .text {font-weight: 500; font-size: 18px; line-height: 27px; color: #a2a2a2;}
.top_index_list_box > .list > li .text .num {display: inline-block; margin: 0 0 0 13px; font-weight: 700; color: #000000;}
/* 마이페이지 매칭서비스 리스트 */

/* 사업공고 - 출판수출 사업공고 */
.announce_com_cont_area {border-top: 2px solid #041f3a;}
.announce_com_cont_area > .list {}
.announce_com_cont_area > .list > li {display: flex; width: 100%; align-items: stretch; border-bottom: 1px solid #f1f1f1; font-size: 0;}
.announce_com_cont_area > .list > li .area {display: inline-block; padding: 36px 17px; vertical-align: middle;}
.announce_com_cont_area > .list > li .sort_area {width: 13%; font-size: 0; text-align: center;}
.announce_com_cont_area > .list > li .sort_area .sort {display: inline-block; max-width: 125px; width: 100%; padding: 8px 12px; border-radius: 10px;}
.announce_com_cont_area > .list > li .sort_area .sort .text {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; min-height: 40px; font-weight: 500; font-size: 16px; line-height: 20px; color: #1b1b1b;}
.announce_com_cont_area > .list > li .sort_area .sort.clr1 {background-color: #e6f6e2;}
.announce_com_cont_area > .list > li .sort_area .sort.clr2 {background-color: #f9eedd;}
.announce_com_cont_area > .list > li .sort_area .sort.clr3 {background-color: #ddf1f9;}
.announce_com_cont_area > .list > li .sort_area .sort.clr4 {background-color: #efe6f8;}
.announce_com_cont_area > .list > li .sort_area .sort.clr5 {background-color: #ffeaf1;}

.announce_com_cont_area > .list > li .tit_area {width: 62%;}
.announce_com_cont_area > .list > li .tit_area .tit {margin: 0 0 7px; font-weight: 700; font-size: 20px; line-height: 30px; color: #1b1b1b; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.announce_com_cont_area > .list > li .tit_area .tit:focus,
.announce_com_cont_area > .list > li .tit_area .tit:hover {text-decoration: underline;}
.announce_com_cont_area > .list > li .tit_area .info_list {}
.announce_com_cont_area > .list > li .tit_area .info_list > .list {display: flex; align-items: center; font-size: 0;}
.announce_com_cont_area > .list > li .tit_area .info_list > .list > li {display: inline-block; margin: 0 64px 0 0; vertical-align: middle;}
.announce_com_cont_area > .list > li .tit_area .info_list > .list > li:last-child {margin: 0;}
.announce_com_cont_area > .list > li .tit_area .info_list > .list > li .text {font-weight: 500; font-size: 16px; line-height: 24px; color: #9a9a9a; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}

.announce_com_cont_area > .list > li .state_area {width: 12%;}
.announce_com_cont_area > .list > li .state_area .inner { text-align: center;}
.announce_com_cont_area > .list > li .state_area .inner .state {margin: 6px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #1b1b1b;}
.announce_com_cont_area > .list > li .state_area .inner .state .count {font-weight: 700; color: #f73257;}

.announce_com_cont_area > .list > li .btn_area {width: 13%; font-size: 0; text-align: center;}
.announce_com_cont_area > .list > li .btn_area .btn {display: inline-block; max-width: 125px; width: 100%; padding: 0 15px; text-align: center; border-radius: 8px}
.announce_com_cont_area > .list > li .btn_area .btn .txt {display: inline-block; font-weight: 500; font-size: 16px; line-height: 52px;}
.announce_com_cont_area > .list > li .btn_area .btn.icon {}
.announce_com_cont_area > .list > li .btn_area .btn.icon .txt {padding: 0 0 0 23px; background-position: left center; background-repeat: no-repeat;}
.announce_com_cont_area > .list > li .btn_area .btn.icon .txt.ico1 {background-image: url('/images/home/eng/user/sub/apply_icon.png');}
.announce_com_cont_area > .list > li .btn_area .btn.clr1 {border: 1px solid #6d3593; background-color: #6d3593;}
.announce_com_cont_area > .list > li .btn_area .btn.clr1::before {background-color: #6d3593;}
.announce_com_cont_area > .list > li .btn_area .btn.clr1 .txt {color: #ffffff;}
.announce_com_cont_area > .list > li .btn_area .btn.clr2 {border: 1px solid #e9e1ef; background-color: #e9e1ef;}
.announce_com_cont_area > .list > li .btn_area .btn.clr2::before {background-color: #e9e1ef;}
.announce_com_cont_area > .list > li .btn_area .btn.clr2 .txt {color: #6d3593;}
.announce_com_cont_area > .list > li .btn_area .btn.clr3 {border: 1px solid #a9a6ad; background-color: #a9a6ad;}
.announce_com_cont_area > .list > li .btn_area .btn.clr3::before {background-color: #a9a6ad;}
.announce_com_cont_area > .list > li .btn_area .btn.clr3 .txt {color: #ffffff;}

.announce_com_cont_area > .list > li .btn_area .btn.clr1:hover,
.announce_com_cont_area > .list > li .btn_area .btn.clr1:focus {border: 1px solid #58237c; background-color: #58237c;}
.announce_com_cont_area > .list > li .btn_area .btn.clr2:hover,
.announce_com_cont_area > .list > li .btn_area .btn.clr2:focus {border: 1px solid #d3c2de; background-color: #d3c2de;}
.announce_com_cont_area > .list > li .btn_area .btn.clr2:hover .txt,
.announce_com_cont_area > .list > li .btn_area .btn.clr2:focus .txt {color: #58237c;}
.announce_com_cont_area > .list > li .btn_area .btn.clr3:hover,
.announce_com_cont_area > .list > li .btn_area .btn.clr3:focus {border: 1px solid #000000; background-color: #000000;}
/* 사업공고 - 출판수출 사업공고 */

/* 사업공고 - 출판수출 사업공고 신청 페이지 */
.announce_title_area {margin: 0 0 48px; text-align: center;}
.announce_title_area .title {font-weight: 700; font-size: 34px; line-height: 51px; color: #212121;}

.announce_step_cont_area {margin: 0 0 70px;}
.announce_step_cont_area > .list { margin: 0 auto; font-size: 0; text-align: center;}
.announce_step_cont_area > .list > li {position: relative; display: inline-block; max-width: 281px; width: 100%; margin: 0 82px 0 0; vertical-align: middle;}
.announce_step_cont_area > .list > li::before {display: block; content: ''; position: absolute; top: 50%; width: 50px; right: -66px; border-top: 1px dashed #dedede; transform: translateY(-50%); z-index: -1;}
.announce_step_cont_area > .list > li:last-child { margin: 0;}
.announce_step_cont_area > .list > li:last-child::before {display: none;}
.announce_step_cont_area > .list > li .box {border: 1px solid #dadada; font-size: 0; text-align: center;}
.announce_step_cont_area > .list > li .box .text {display: inline-block; padding: 0 0 0 51px; background-position: left center; background-repeat: no-repeat; font-weight: 500; font-size: 16px; line-height: 67px; color: #191919;}
.announce_step_cont_area > .list > li .box .text.icon1 {background-image: url('/images/home/eng/user/common/com_step_icon02.png');}
.announce_step_cont_area > .list > li .box .text.icon2 {background-image: url('/images/home/eng/user/common/com_step_icon04.png');}
.announce_step_cont_area > .list > li .box .text.icon3 {background-image: url('/images/home/eng/user/common/com_step_icon05.png');}

.announce_step_cont_area > .list > li.on .box {}
.announce_step_cont_area > .list > li.on .box .text {}
.announce_step_cont_area > .list > li.on .box .text.icon1 {background-image: url('/images/home/eng/user/common/com_step_icon02_on.png');}
.announce_step_cont_area > .list > li.on .box .text.icon2 {background-image: url('/images/home/eng/user/common/com_step_icon04_on.png');}
.announce_step_cont_area > .list > li.on .box .text.icon3 {background-image: url('/images/home/eng/user/common/com_step_icon05_on.png');}
/* 사업공고 - 출판수출 사업공고 신청 페이지 */

/* 마이페이지 - 사업공고 신청내역 */
.sort {display: inline-block; max-width: 125px; width: 100%; padding: 8px 12px; border-radius: 10px;}
.sort .text {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; min-height: 40px; font-weight: 500; font-size: 16px; line-height: 20px; color: #1b1b1b;}
.sort.clr1 {background-color: #e6f6e2;}
.sort.clr2 {background-color: #f9eedd;}
.sort.clr3 {background-color: #ddf1f9;}
.sort.clr4 {background-color: #efe6f8;}
.sort.clr5 {background-color: #ffeaf1;}
/* 마이페이지 - 사업공고 신청내역 */

/* K-Book 소개 - 통계 */
.statistics_cont {}
.statistics_top_area {margin: 0 0 43px; font-size: 0; }
.statistics_top_area .map_box {position: relative; display: inline-block; width: calc(100% - 267px); margin: 0 42px 0 0; padding: 0 0 0 82px; font-size: 0; vertical-align: middle;}
.statistics_top_area .map_box .color_info {position: absolute; top: 50%; left: 52px;}
.statistics_top_area .map_box .color_info > .list {}
.statistics_top_area .map_box .color_info > .list > li {font-size: 0;}
.statistics_top_area .map_box .color_info > .list > li .mark {display: inline-block; width: 12px; height: 12px; margin: 0 0 0 5px; border: 1px solid #bfbfbf; vertical-align: middle;}
.statistics_top_area .map_box .color_info > .list > li .mark:first-child {margin: 0;}
.statistics_top_area .map_box .color_info > .list > li .mark.pink {background-color: #ffdcf0;}
.statistics_top_area .map_box .color_info > .list > li .mark.blue {background-color: #b8e6eb;}
.statistics_top_area .map_box .color_info > .list > li .mark.purple {background-color: #cec6fc;}
.statistics_top_area .map_box .color_info > .list > li .mark.green {background-color: #cfe87e;}
.statistics_top_area .map_box .color_info > .list > li .text {display: inline-block; margin: 0 0 0 9px; font-weight: 500; font-size: 15px; line-height: 21px; color: #202020; vertical-align: middle;}
.statistics_top_area .map_box svg {display: inline-block; max-width: 1051px; width: 100%;}
.statistics_top_area .map_box svg g {}
.statistics_top_area .map_box svg g .area_btn {}
.statistics_top_area .map_box svg g .area_btn .normal {}
.statistics_top_area .map_box svg g .area_btn.on {}
.statistics_top_area .map_box svg g .area_btn.on .light {display: none;}
.statistics_top_area .count_box {display: inline-block; width: 225px; vertical-align: middle;}
.statistics_top_area .count_box .count_area {display: flex; justify-content: center; align-items: center; width: 177px; height: 177px; margin: 0 0 21px; border-radius: 50%;}
.statistics_top_area .count_box .count_area:last-child {margin: 0;}
.statistics_top_area .count_box .count_area.all {background-color: #f9f5ff;}
.statistics_top_area .count_box .count_area.sphere {background-color: #fff6fd;}
.statistics_top_area .count_box .count_area .text_box {padding: 0 10px; text-align: center;}
.statistics_top_area .count_box .count_area .text_box .text {margin: 0 0 5px; font-weight: 700; font-size: 16px; line-height: 24px; color: #212121;}
.statistics_top_area .count_box .count_area .text_box .count {font-weight: 700; font-size: 30px; line-height: 45px;}
.statistics_top_area .count_box .count_area .text_box .count.clr1 {color: #6d3593;}
.statistics_top_area .count_box .count_area .text_box .count.clr2 {color: #c825ac;}

.statistics_btm_area {}
.statistics_btm_area > .list {font-size: 0;}
.statistics_btm_area > .list > li {display: inline-block; width: calc(33.3333% - 36px); margin: 0 54px 0 0; vertical-align: top;}
.statistics_btm_area > .list > li:last-child {margin: 0;}
.statistics_btm_area > .list > li .cont_box {height: 481px;}
.statistics_btm_area > .list > li .cont_box .edit_area {height: 100%; border: 1px solid #e4e4e4;}
.statistics_btm_area > .list > li .cont_box .table_basics_com_cont_area {height: 100%;}
.statistics_btm_area > .list > li .cont_box .table_basics_com_cont_area .mCSB_inside>.mCSB_container {margin-right: 5px;}
/* K-Book 소개 - 통계 */

/* K-Book search - Books */
.kbooks_cont {}
.book_search_top_area {position: relative; padding: 0 0 75px;}
.book_search_top_area::before {display: block; content: ''; position: absolute; top: -80px; right: calc(100% - 313px - 40px); bottom: 0; width: 100vw; background-color: #f9f9f9; }
.book_search_top_area .row_box {display: flex; justify-content: space-between; align-items: stretch; font-size: 0;}
.book_search_top_area .row_box .area {display: inline-block; height: 100%; vertical-align: top;}
.book_search_top_area .row_box .area.left {width: 313px;}
.book_search_top_area .row_box .area.left .inner_box {position: relative; min-height: 336px; padding: 55px 0 52px;}
.book_search_top_area .row_box .area.left .inner_box .title {font-weight: 700; font-size: 36px; line-height: 45px; color: #1b1b1b;}
.book_search_top_area .row_box .area.left .inner_box .control_btn_box {position: absolute; bottom: 0; left: 0; font-size: 0;}
.book_search_top_area .row_box .area.left .inner_box .control_btn_box .slide_btn {display: inline-block; width: 52px; height: 52px; margin: 0 12px 0 0; background-size: cover; background-repeat: no-repeat; border-radius: 50%; opacity: 0.5; transition: all 0.3s;}
.book_search_top_area .row_box .area.left .inner_box .control_btn_box .slide_btn:not(.slick-disabled) {opacity: 1;}
.book_search_top_area .row_box .area.left .inner_box .control_btn_box .slide_btn.slick-hidden {display: none;}
.book_search_top_area .row_box .area.left .inner_box .control_btn_box .slide_btn:last-child {margin: 0;}
.book_search_top_area .row_box .area.left .inner_box .control_btn_box .slide_btn.prev {background-image: url('/images/home/eng/user/sub/books_top_slide_btn_prev.png');}
.book_search_top_area .row_box .area.left .inner_box .control_btn_box .slide_btn.next {background-image: url('/images/home/eng/user/sub/books_top_slide_btn_next.png');}
.book_search_top_area .row_box .area.left .inner_box .control_btn_box .slide_btn:not(.slick-disabled):hover,
.book_search_top_area .row_box .area.left .inner_box .control_btn_box .slide_btn:not(.slick-disabled):focus {opacity: 1;}
.book_search_top_area .row_box .area.left .inner_box .control_btn_box .slide_btn:not(.slick-disabled).prev:hover,
.book_search_top_area .row_box .area.left .inner_box .control_btn_box .slide_btn:not(.slick-disabled).prev:focus {background-image: url('/images/home/eng/user/sub/books_top_slide_btn_prev_on.png');}
.book_search_top_area .row_box .area.left .inner_box .control_btn_box .slide_btn:not(.slick-disabled).next:hover,
.book_search_top_area .row_box .area.left .inner_box .control_btn_box .slide_btn:not(.slick-disabled).next:focus {background-image: url('/images/home/eng/user/sub/books_top_slide_btn_next_on.png');}

.book_search_top_area .row_box .area.right {width: calc(100% - 313px);}
.book_search_top_area .row_box .area.right .books_slide_box {}
.book_search_top_area .row_box .area.right .books_slide_box > .list {font-size: 0; overflow: hidden;}
.book_search_top_area .row_box .area.right .books_slide_box > .list .slick-list {margin: 0 -26px 0 0;}
.book_search_top_area .row_box .area.right .books_slide_box > .list li {display: inline-block; width: calc(25% - 19.5px); margin: 0 26px 0 0; vertical-align: top;}
.book_search_top_area .row_box .area.right .books_slide_box > .list li:last-child {margin: 0;}
.book_search_top_area .row_box .area.right .books_slide_box > .list li .link_btn {display: block; width: 100%;}
.book_search_top_area .row_box .area.right .books_slide_box > .list li .link_btn .img_box {position: relative; padding: 0 0 132.81%;}
.book_search_top_area .row_box .area.right .books_slide_box > .list li .link_btn .img_box .img_inner {position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.book_search_top_area .row_box .area.right .books_slide_box > .list li .link_btn .img_box .img_inner img {display: block; width: 100%; height: 100%; object-fit: cover;}
.book_search_top_area .row_box .area.right .books_slide_box > .list li .link_btn .text_box {margin: 15px 0 0; text-align: center;}
.book_search_top_area .row_box .area.right .books_slide_box > .list li .link_btn .text_box .title {font-weight: 700; font-size: 18px; line-height: 22px; color: #000000;}

.book_search_top_area.sty2 .row_box .area.left { width: 388px;}
.book_search_top_area.sty2::before { right: calc(100% - 388px - 40px);}
.book_search_top_area.sty2 .row_box .area.right {width: calc(100% - 388px);}
.book_search_top_area.sty2 .row_box .area.right .books_slide_box > .list { font-size: inherit; overflow: inherit;}
.book_search_top_area.sty2 .row_box .area.right .books_slide_box > .list .slick-list { margin: 0;}
.book_search_top_area.sty2 .row_box .area.right .books_slide_box > .list li { display: inherit; width: inherit; margin: 0;}
.book_search_top_area.sty2 .row_box .area.right .books_slide_box > .list li .box { display: block;}
.book_search_top_area.sty2 .row_box .area.right .books_slide_box > .list li .box .img_area {position: relative; padding: 0 0 41.859%;}
.book_search_top_area.sty2 .row_box .area.right .books_slide_box > .list li .box .img_area .img_inner {position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.book_search_top_area.sty2 .row_box .area.right .books_slide_box > .list li .box .img_area .img_inner img {display: block; width: 100%; height: 100%; object-fit: cover;}

.book_board_area {border-top: 2px solid var(--com-bor-top-color);}
.book_board_area .gallery_list_box {padding: 45px 0 0;}
.book_board_area.sty2 {border-top: none;}
.book_board_area.sty2 .gallery_list_box {padding: 0;}
.book_board_area .gallery_list_box > .list {display: flex; align-items: stretch; flex-wrap: wrap; font-size: 0;}
.book_board_area .gallery_list_box > .list > li {width: calc(20% - 29px); margin: 36.25px 36.25px 0 0;}
.book_board_area .gallery_list_box > .list > li:nth-child(-n+5) {margin: 0 36.25px 0 0;}
.book_board_area .gallery_list_box > .list > li:nth-child(5n) {margin: 36.25px 0 0;}
.book_board_area .gallery_list_box > .list > li:nth-child(5) {margin: 0;}
.book_board_area .gallery_list_box > .list > li .book_box {display: block; width: 100%; height: 100%;}
.book_board_area .gallery_list_box > .list > li .book_box .img_box {position: relative; width: 100%; margin: 0 0 12px; padding: 0 0 133.07%;}
.book_board_area .gallery_list_box > .list > li .book_box .img_box .img_top {position: absolute; top: 10px; left: 0; right: 0; display: flex; justify-content: space-between; align-items: center; padding: 0 9px; font-size: 0; z-index: 1;}
.book_board_area .gallery_list_box > .list > li .book_box .img_box .img_top .tag {display: inline-block; padding: 0 9px; background-color: #6d3593; font-weight: 500; font-size: 15px; line-height: 25px; color: #ffffff; text-align: center; border-radius: 12.5px; vertical-align: middle;}
.book_board_area .gallery_list_box > .list > li .book_box .img_box .img_top .btn_box {display: inline-block; font-size: 0; vertical-align: middle;}
.book_board_area .gallery_list_box > .list > li .book_box .img_box .img_top .btn_box .func_btn {display: inline-block; width: 25px; height: 25px; margin: 0 3px 0 0; background-size: cover; background-repeat: no-repeat; vertical-align: middle; border-radius: 50%; transition: 0.3s all;}
.book_board_area .gallery_list_box > .list > li .book_box .img_box .img_top .btn_box .func_btn:last-child {margin: 0;}
.book_board_area .gallery_list_box > .list > li .book_box .img_box .img_top .btn_box .func_btn.recommend {background-image: url('/images/home/eng/user/sub/recommend_icon.png');}
.book_board_area .gallery_list_box > .list > li .book_box .img_box .img_top .btn_box .func_btn.scrap {background-image: url('/images/home/eng/user/sub/scrap_icon.png');}
.book_board_area .gallery_list_box > .list > li .book_box .img_box .img_top .btn_box .func_btn.on.recommend {background-image: url('/images/home/eng/user/sub/recommend_icon_on.png');}
.book_board_area .gallery_list_box > .list > li .book_box .img_box .img_top .btn_box .func_btn.on.scrap {background-image: url('/images/home/eng/user/sub/scrap_icon_on.png');}
.book_board_area .gallery_list_box > .list > li .book_box .img_box .img_inner {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block;}
.book_board_area .gallery_list_box > .list > li .book_box .img_box .img_inner img {display: block; width: 100%; height: 100%; object-fit: cover;}
.book_board_area .gallery_list_box > .list > li .book_box .text_box {}
.book_board_area .gallery_list_box > .list > li .book_box .text_box .title {margin: 0 0 17px; font-weight: 700; font-size: 20px; line-height: 30px; color: #1b1b1b; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.book_board_area .gallery_list_box > .list > li .book_box .text_box .title:hover,
.book_board_area .gallery_list_box > .list > li .book_box .text_box .title:focus {text-decoration: underline;}
.book_board_area .gallery_list_box > .list > li .book_box .text_box .info_list {}
.book_board_area .gallery_list_box > .list > li .book_box .text_box .info_list > .list {}
.book_board_area .gallery_list_box > .list > li .book_box .text_box .info_list > .list > li {font-size: 0;}
.book_board_area .gallery_list_box > .list > li .book_box .text_box .info_list > .list > li .tit,
.book_board_area .gallery_list_box > .list > li .book_box .text_box .info_list > .list > li .txt {display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; vertical-align: top;}
.book_board_area .gallery_list_box > .list > li .book_box .text_box .info_list > .list > li .tit {width: 83px; padding: 0 5px 0 0; color: #9a9a9a;}
.book_board_area .gallery_list_box > .list > li .book_box .text_box .info_list > .list > li .txt {width: calc(100% - 83px); color: #1b1b1b;}

.book_board_area .board-list_box {padding: 20px 0 0;}
.book_board_area .board-list_box > .list {}
.book_board_area .board-list_box > .list > li {margin: 0 0 25px; border-bottom: 1px solid #e8e8e8; padding: 0 0 26px;}
.book_board_area .board-list_box > .list > li:last-child {margin: 0;}
.book_board_area .board-list_box > .list > li .board_box {font-size: 0;}
.book_board_area .board-list_box > .list > li .board_box .cont_area {display: inline-block; font-size: 0; vertical-align: middle;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left {width: calc(100% - 300px); padding: 0 5px 0 0;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .img_box {position: relative; display: inline-block; width: 191px; margin: 0 39px 0 0; font-size: 0; vertical-align: middle;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .img_box .img_top {position: absolute; top: 10px; left: 0; display: inline-block; padding: 0 10px; font-size: 0;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .img_box .img_top .category {display: inline-block; padding: 0 12px; background-color: #6d3593; font-weight: 500; font-size: 15px; line-height: 25px; color: #ffffff; text-align: center; border-radius: 12.5px; vertical-align: middle;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .img_box .img_inner {display: table; width: 100%; table-layout: fixed;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .img_box .img_inner .inner_box {display: table-cell; width: 100%; height: 254px; font-size: 0; vertical-align: middle;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .img_box .img_inner .inner_box img {}

.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box {display: inline-block; width: calc(100% - 230px); vertical-align: middle;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .title {display: block; width: 100%; margin: 0 0 30px; font-weight: 700; font-size: 22px; line-height: 33px; color: #1b1b1b;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .title:hover,
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .title:focus {text-decoration: underline;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .info_list {margin: 0 0 26px;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .info_list > .list {font-size: 0;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .info_list > .list > li {position: relative; display: inline-block; margin: 0 34px 0 0; padding: 0 35px 0 0; vertical-align: top; font-size: 0;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .info_list > .list > li:last-child {position: inherit;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .info_list > .list > li::before {display: block; content: ''; position: absolute; top: 2px; right: 0; width: 1px; height: 20px; background-color: #e4e4e4; }
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .info_list > .list > li:last-child::before {display: none;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .info_list > .list > li .tit,
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .info_list > .list > li .txt {display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; vertical-align: top;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .info_list > .list > li .tit {margin: 0 19px 0 0; color: #9a9a9a;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .info_list > .list > li .txt {color: #1b1b1b;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.left .text_box .text {max-height: 48px; font-weight: 500; font-size: 16px; line-height: 24px; color: #9a9a9a; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}

.book_board_area .board-list_box > .list > li .board_box .cont_area.right {width: 300px;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.right .btn_box {display: flex; align-items: center; font-size: 0;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.right .btn_box .func_btn {display: flex; align-items: center; justify-content: center; width: 144px; height: 144px; margin: 0 12px 0 0; background-color: #f5f5f5; vertical-align: middle; border-radius: 50%; transition: all 0.3s;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.right .btn_box .func_btn:last-child {margin: 0;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.right .btn_box .func_btn .text_box {padding: 31px 5px 0; background-position: top center; background-repeat: no-repeat;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.right .btn_box .func_btn .text_box .text {font-weight: 500; font-size: 15px; line-height: 21px; color: #1b1b1b;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.right .btn_box .func_btn .text_box .num {font-weight: 700; font-size: 28px; line-height: 42px; color: #6d3593;}
.book_board_area .board-list_box > .list > li .board_box .cont_area.right .btn_box .func_btn.recommend .text_box {background-image: url('/images/home/eng/user/sub/recommend_icon2.png');}
.book_board_area .board-list_box > .list > li .board_box .cont_area.right .btn_box .func_btn.scrap .text_box {background-image: url('/images/home/eng/user/sub/scrap_icon2.png');}
.book_board_area .board-list_box > .list > li .board_box .cont_area.right .btn_box .func_btn.recommend.on .text_box {background-image: url('/images/home/eng/user/sub/recommend_icon2_on.png');}
.book_board_area .board-list_box > .list > li .board_box .cont_area.right .btn_box .func_btn.scrap.on .text_box {background-image: url('/images/home/eng/user/sub/scrap_icon2_on.png');}
/* K-Book search - Books */

/* K-Book search - Books_view */
.books_view_top_cont {margin: 0 0 97px;}
.top_lang_btn_list {margin: 0 0 12px;}
.top_lang_btn_list.sty2 {margin: 0 0 24px;}
.top_lang_btn_list > .list {display: flex; font-size: 0; gap: 5px 0;}
.top_lang_btn_list > .list > li {display: inline-block; margin: 0 5px 0 0; vertical-align: top;}
.top_lang_btn_list > .list > li:last-child {margin: 0;}
.top_lang_btn_list > .list > li .btn {display: block; width: 100%; border: 1px solid #6d3593; padding: 0 14px; font-size: 0; border-radius: 3px; transition: all 0.3s;}
.top_lang_btn_list > .list > li .btn .text {display: inline-block; font-weight: 500; font-size: 15px; line-height: 29px; color: #6d3593;}
.top_lang_btn_list > .list > li .btn:hover,
.top_lang_btn_list > .list > li .btn:focus {background-color: #6d3593;}
.top_lang_btn_list > .list > li .btn:hover .text,
.top_lang_btn_list > .list > li .btn:focus .text {color: #ffffff;}
.top_lang_btn_list > .list > li .btn.on {background-color: #6d3593;}
.top_lang_btn_list > .list > li .btn.on .text {color: #ffffff;}

.books_view_top {display: flex; align-items: stretch; font-size: 0;}
.books_view_top .area {display: inline-block; vertical-align: top;}
.books_view_top .area.left {width: 362px; margin: 0 60px 0 0;}
.books_view_top .area.left .books_thumb_list {margin: 0 0 12px;}
.books_view_top .area.left .books_thumb_list > .list {}
.books_view_top .area.left .books_thumb_list > .list li {}
.books_view_top .area.left .books_thumb_list > .list li .img_box {position: relative; width: 100%; height: 483px;}
.books_view_top .area.left .books_thumb_list > .list li .img_box .img_inner {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.books_view_top .area.left .books_thumb_list > .list li .img_box .img_inner img {display: block; width: 100%; height: 100%; object-fit: cover;}
.books_view_top .area.left .books_thumb_controll_box {margin: 0 0 18px; font-size: 0; text-align: center;}
.books_view_top .area.left .books_thumb_controll_box .books_thumb_btn {display: inline-block; width: 12px; height: 12px; background-position: center; background-repeat: no-repeat; vertical-align: middle;}
.books_view_top .area.left .books_thumb_controll_box .books_thumb_btn.prev {background-image: url('/images/home/eng/user/sub/books_thumb_btn_prev.png');}
.books_view_top .area.left .books_thumb_controll_box .books_thumb_btn.next {background-image: url('/images/home/eng/user/sub/books_thumb_btn_next.png');}
.books_view_top .area.left .books_thumb_controll_box .slide_index {display: inline-block; margin: 0 22px; font-size: 0; vertical-align: middle;}
.books_view_top .area.left .books_thumb_controll_box .slide_index .text {display: inline-block; font-weight: 500; font-size: 16px; line-height: 24px; color: #1b1b1b;}
.books_view_top .area.left .books_thumb_controll_box .slide_index .text .now {}
.books_view_top .area.left .books_thumb_controll_box .slide_index .text .total {}

.books_view_top .area.right {width: calc(100% - 422px);}
.books_view_top .area.right .area_inner {display: flex; justify-content: space-between; flex-direction: column; height: 100%;}
.books_view_top .area.right .area_inner .book_info_area {}
.books_view_top .area.right .area_inner .book_info_area .top_box {margin: 0 0 10px; font-size: 0;}
.books_view_top .area.right .area_inner .book_info_area .top_box .mark {display: inline-block; margin: 0 10px 0 0; padding: 0 12px; background-color: #6d3593; font-weight: 500; font-size: 15px; line-height: 25px; color: #ffffff; vertical-align: middle; border-radius: 12.5px;}
.books_view_top .area.right .area_inner .book_info_area .top_box .recommend_count {display: inline-block; padding: 0 0 0 20px; 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; vertical-align: middle;}
.books_view_top .area.right .area_inner .book_info_area .top_box .recommend_count .num {color: #c825ac;}
.books_view_top .area.right .area_inner .book_info_area .title {margin: 0 0 22px; font-weight: 700; font-size: 34px; line-height: 51px; color: #1b1b1b;}
.books_view_top .area.right .area_inner .book_info_area .info_list {margin: 0 0 33px;}
.books_view_top .area.right .area_inner .book_info_area .info_list > .list {}
.books_view_top .area.right .area_inner .book_info_area .info_list > .list > li {font-size: 0;}
.books_view_top .area.right .area_inner .book_info_area .info_list > .list > li .tit,
.books_view_top .area.right .area_inner .book_info_area .info_list > .list > li .info_text {display: inline-block; font-weight: 500; font-size: 18px; line-height: 38px; vertical-align: top;}
.books_view_top .area.right .area_inner .book_info_area .info_list > .list > li .tit {width: 144px; padding: 0 5px 0 0; color: #9a9a9a;}
.books_view_top .area.right .area_inner .book_info_area .info_list > .list > li .info_text {width: calc(100% - 144px); color: #1b1b1b;}
.books_view_top .area.right .area_inner .book_info_area .info_list > .list > li .info_text.item {font-size: 0;}
.books_view_top .area.right .area_inner .book_info_area .info_list > .list > li .info_text.item .keywords {display: inline-block; margin: 0 9px 0 0; font-weight: 500; font-size: 18px; line-height: 38px; color: #6d3593; vertical-align: middle;}
.books_view_top .area.right .area_inner .book_info_area .info_list > .list > li .info_text.item .keywords:last-child {margin: 0;}
.books_view_top .area.right .area_inner .book_info_area .info_list > .list > li .info_text.item .overseas {display: inline-block; margin: 0 7px 0 0; border: 1px solid #e5e5e5; padding: 0 18px; font-weight: 500; font-size: 16px; line-height: 29px; color: #1b1b1b; vertical-align: middle; border-radius: 15.5px; transition: all 0.3s;}
.books_view_top .area.right .area_inner .book_info_area .info_list > .list > li .info_text.item .overseas:last-child {margin: 0;}
.books_view_top .area.right .area_inner .book_info_area .info_list > .list > li .info_text.item .overseas:hover,
.books_view_top .area.right .area_inner .book_info_area .info_list > .list > li .info_text.item .overseas:focus {border: 1px solid #1b1b1b; background-color: #1b1b1b; color: #ffffff;}
.books_view_top .area.right .area_inner .book_info_area .info_table_box {font-size: 0;}
.books_view_top .area.right .area_inner .book_info_area .info_table_box .info_table_area {display: inline-block; width: calc(50% - 25px); margin: 0 50px 0 0; vertical-align: top;}
.books_view_top .area.right .area_inner .book_info_area .info_table_box .info_table_area:last-child {margin: 0;}
.books_view_top .area.right .area_inner .book_info_area .info_table_box .info_table_area.left {}
.books_view_top .area.right .area_inner .book_info_area .info_table_box .info_table_area.right {}
/* K-Book search - Books_view */

/* 에디터 등록 */
.edit_cont {}
.edit_cont .edit_title_area {margin: 0 0 18px;}
.edit_cont .edit_title_area .title {font-weight: 700; font-size: 24px; line-height: 36px; color: var(--com-main-color);}
.edit_cont .editor_list_area {}
.edit_cont .editor_list_area > .list {}
.edit_cont .editor_list_area > .list > li {margin: 0 0 28px;}
.edit_cont .editor_list_area > .list > li:last-child {margin: 0;}
.edit_cont .editor_list_area > .list > li .edit_sub_title_area {margin: 0 0 10px;}
.edit_cont .editor_list_area > .list > li .edit_sub_title_area .sub_title {font-weight: 700; font-size: 18px; line-height: 27px; color: #313131;}
.edit_cont .editor_list_area > .list > li .editor_area {border: 1px solid #eeeeee; padding: 24px; border-radius: 10px;}
.edit_cont .editor_list_area > .list > li .editor_area .cont_box {}