body {
    font-family:'Noto Sans KR', sans-serif;
    font-weight:300;
    color:#222222;
    font-size:16px;
}

/*** font ***/
.noto-eng-c { font-family:'Noto Sans', sans-serif; }
*.eng-sora, .eng-sora * { font-family:'Sora', sans-serif; }


a {
    color:inherit;
}
a:hover {
    color:#48c0c1;
}

.container-fluid {
    padding-left:15px;
    padding-right:15px;
}

@media(min-width:768px) {
    .container.md-max {
        max-width:660px !important;
    }
}

@media(min-width:992px) {
    .container.md-max {
        max-width:880px !important;
    }
}

.nowrap {
    white-space:nowrap;
}

.logo-wrap { line-height:35px; }

.logo-wrap img {
    max-height:24px;
}

/*** utility ***/
.mx-n10 { margin-left:-10px; margin-right:-10px; }

.px-10 {
    padding-left:10px !important;
    padding-right:10px !important;
}

@media(max-width:575.9px) {
    .mx-xs-auto {   /* 2020.10.5.*/
        margin-left:auto!important;
        margin-right:auto!important;
    }
}

@media(min-width:576px) {
    .px-sm-15 { padding-left:15px!important; padding-right:15px!important; }
}

.font-weight-300 {
    font-weight:300!important;
}
.font-weight-400 {
    font-weight:400!important;
}
.font-weight-500 {
    font-weight:500!important;
}
.font-weight-600 {
    font-weight:600!important;
}

/* Navigation Tool */
.scroll-top {
    bottom:30px;
    right:30px;
}
.scroll-top.show {
    opacity:0.6;
}
.scroll-top.show:hover { 
    opacity:1; 
}

a.scroll-top { transition-duration:0s; }

.navigate-back { 
    position:fixed;
    left:30px;
    bottom:30px;
    background-color:#fff;
    border:1px solid #c7c7c7;
    opacity:0.5;
    font-size:20px;
    text-align:center;
    line-height:38px;
    width:40px;
    height:40px;
    color:#222;
    z-index:999;
}
.navigate-back:hover {
    opacity:1;
    color:#222;
}
.navigate-back:focus {
    color:#222;
}
@media(max-width:767.9px) {
    .navigate-back {
        bottom:20px;
        left:20px;
    }
    .scroll-top.show {
        bottom:20px;
        right:20px;
    }
}

/*** menu & title *****/
.main-menu li a {
    font-weight:500; 
}

.off-canvas-content .slicknav_menu {
    font-family:'Sora', sans-serif;
    font-weight:400;
    color:#222222;
}
.slicknav_menu .slicknav_item > a {
    font-weight:500;
}

.off-canvas-search-box.show .off-canvas-overlay {
    background-color:rgba(128,128,128,0.8) !important;
}

section .title-wrapper { padding:20px 0; }  /* for front page as for now */
section .title { font-size:20px; font-weight:400; line-height:1.3; text-transform:uppercase; color:#000; }

.ticker a:first-child { padding-right:10px; font-weight:normal;font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ticker a { font-size:14px; font-weight:300; }

.single-widget-wrap .widget-title {
    font-family:'Sora', sans-serif;
}

.single-widget-wrap.front-menu .widget-title {
    color:#222222;
    font-size:26px;
    text-transform:unset;
    font-weight:500;
}

.single-widget-wrap.front-menu .about-text {
    font-size:20px;
    font-weight:400;
}

.single-widget-wrap.front-menu .about-text:hover, .single-widget-wrap.front-menu .about-text:focus, .single-widget-wrap.front-menu .about-text:visited {
    color:#222;
}

a:hover .about-text {
    color:#222;
}

@media(max-width:767.9px) {
    .category-widget-wrapper .col-6:nth-child(odd) {
        padding-right:5px;
    }
    .category-widget-wrapper .col-6:nth-child(even) {
        padding-left:5px;
    }
    .single-widget-wrap.front-menu .widget-title {
        font-size:20px;
    }
    .single-widget-wrap.front-menu .about-text {
        font-size:16px;
    }
    .single-widget-wrap.front-menu .about-text .small {
        font-size:90%;
        line-height:1.4;
        margin-top:3px!important;
    }
}

/*
.monthly.single-post-details__footer .single-post-details__footer__item {
    max-width:100%;
    flex-basis:100%;
    border-right:none;
}
.monthly.single-post-details__footer .single-post-details__footer__item:nth-child(even) {
    padding-left:0;
    border-bottom:1px solid #e7e7e7;
}
.monthly.single-post-details__footer .single-post-details__footer__item:nth-child(odd) {
    padding-right:0;
}*/


/**** heaer ****/

header.scrollable { position:absolute; top:0; left:0; right:0; }

.sticky-header, .sticky-header .main-menu>li a {
    font-family: "Sora", sans-serif;
}
.sticky-header .main-menu>li a:hover {
    opacity:0.6;
}
.sticky-header.gradient:not(.sticky) {
    /*background:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));*/
    background:linear-gradient(rgba(10,10,10,0.25),rgba(0,0,0,0.1) 60%,rgba(0,0,0,0));
}

.sticky-header.gradient:not(.sticky) .off-canvas-btn, .sticky-header.gradient:not(.sticky) .search-box-open, .sticky-header.gradient:not(.sticky) .mobile-menu {
    text-shadow:0.5px 0.5px 0.5px #6d6d6d;
} 

.sticky-header.gradient:not(.sticky) .main-menu>li>a {
    text-shadow:0.5px 0.5px 0.5px #6d6d6d;
}

.off-canvas-responsive-menu .off-canvas-content-wrap {
    transform: translateX(100%)!important;
    -webkit-transform: translateX(100%)!important;
    margin-left:auto !important;
    max-width:400px !important;
}
@media(max-width:575.98px) {
    .off-canvas-responsive-menu .off-canvas-content-wrap {
        max-width:300px!important;
    }
}

.off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li {
    border:none;
}
.off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li a {
    font-size:16px;
    padding-left:40px;
}

.off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav>li:first-of-type a {
    font-size:18px;
    font-weight:600;
    padding-left:25px;
    padding-top:20px;
    padding-bottom:20px;
    color:#222;
}

.slicknav_nav .slicknav_parent>a {
    padding-left:25px !important;
}

.off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li ul {
    background-color:inherit;
}
.off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li ul li a {
    font-size:15px;
}

.slicknav_nav li ul li a > span {
    margin-left:8px;
    font-weight:600;
    color:#48c0c1;
    font-size:14px;
}

@media(min-width:992px) {
    .main-menu>li a.nav-title-mobile {
        display:none;
    }
}

.off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav .slicknav_open>.slicknav_item .slicknav_arrow {
    background-color:inherit;
    color:#222;
}

.off-canvas-responsive-menu .off-canvas-content-wrap .btn-close {
    right:0;
    left:auto;
    margin-top:14px;
    margin-right:5px;
    font-size:24px;
    color:#222;
}

.slicknav_item > a > span {
    display:none;
}

.main-menu .mn-new, .main-menu .mn-up {
    margin-left:5px;
    font-weight:600;
    color:#fff;
    background-color:#48c0c1;
    padding:2px 4px;
    border-radius:3px;
    font-size:12px;
}
.main-menu .mn-up {
    background-color:#ff6601;
}


/*** Nav Area Style ***/
.main-menu li:first-child { margin-right:5px; }
.off-canvas-content { background:#f5f5f5;}
.slicknav_menu { background:none; }
.slicknav_nav>li:first-child { border-bottom:1px solid #e7e7e7 !important; }
.slicknav_parent { border-bottom:1px solid #e7e7e7 !important; }
.slicknav_parent>ul>li:last-child { margin-bottom:10px;}

/*** Search Box Area ***/
.search-form { border-bottom:1px solid #222;}
.btn-search { padding:10px 15px; line-height:24px; font-size:20px; border-width:0; }
.search-form .nice-select { font-size:16px; border:none; line-height:30px; padding:8px 30px 8px 12px; z-index:100; background:transparent; }
.search-form .nice-select span.current { font-size:16px; font-weight:500; }
.search-form .nice-select .list .option { line-height:40px; }
.search-form input[name="keyword"] { font-size:16px; border:none; line-height:30px; height:46px; padding-top:8px; padding-bottom:8px; background:transparent; } 
.search-form input[name="keyword"]:focus { outline:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;}

.sticky-header.gradient:not(.sticky) .search-form { border-bottom: 1px solid #fff; color:#fff; text-shadow:0.5px 0.5px 0.5px #6d6d6d; box-shadow:0 0.5px 0 #6d6d6d; -webkit-box-shadow:0 0.px 0 #6d6d6d; -moz-box-shadow:0 0.5px 0 #6d6d6d; }
.sticky-header.gradient:not(.sticky) .search-box-show { color:#fff; text-shadow:0.5px 0.5px 0.5px #6d6d6d;}
.sticky-header.gradient:not(.sticky) .search-form input { color:#fff; }
.sticky-header.gradient:not(.sticky) .search-form input::-webkit-input-placeholder { color:#efefef; }
.sticky-header.gradient:not(.sticky) .search-form input::-moz-placeholder { color:#efefef; }
.sticky-header.gradient:not(.sticky) .search-form input::-ms-placeholder { color:#efefef; }
.sticky-header.gradient:not(.sticky) .search-form input::placeholder { color:#efefef; }
.sticky-header.gradient:not(.sticky) .search-form input:-webkit-autofill { -webkit-text-fill-color:#fff!important; }
.sticky-header.gradient:not(.sticky) .nice-select:after { border-color:#fff; }
.sticky-header.gradient:not(.sticky) .nice-select .list { background:rgba(196,196,196,0.3); }
.sticky-header.gradient:not(.sticky) .nice-select .option.selected.focus { background:rgba(255,255,255,0.5); }
.header-area-wrapper.search-mode .logo-background-non-sticky { width:100%; }
.logo-background-non-sticky { transition:width 0.3s ease;}


/* search mode in Nav Bar*/
@media(max-width:991.9px) {
    .header-area-wrapper.search-mode .logo-area { display:none; }
    .header-area-wrapper.search-mode .nav-area { flex-basis:540px; max-width:100%; }
    .header-area-wrapper.search-mode .search-box-area-wrap { flex-grow:1; }
}

/* 자동완성 선택 후 인풋박스 배경색이 변하는 문제 수정 */
.search-form input:-webkit-autofill, .search-form input:-webkit-autofill:focus, .search-form input:-webkit-autofill:active { 
    background-clip:text; 
    -webkit-background-clip: text!important; 
}

/*** View(Single Post) ***/

.single-post-details {
    line-height:1.75;
}

.single-post-details .post-author {
    margin-bottom:25px;
}
.single-post-details .post-author i.fa {
    /*color:#48c0c1;*/
    color:#aaa;
    margin-right:5px;
}

blockquote--2, .blockquote--2 {
    line-height:1.75;
    font-weight:400;
}



/*** Main Slider ***/

.single-product-slide .product-content {
    min-height:100px;
}

.single-product-slide .product-content .price-group .old-price {
    color:#666666;
}
.single-product-slide .product-content .price-group .price {
    color:#ff1d1d;
}

.product-slider-area .ht-slick-nav {
    display:block;
}
.product-slider-area .ht-slick-nav button {
    left:20px;
    color:#d6d6d6;
}
.product-slider-area .ht-slick-nav button.next-arrow {
    left:auto;
    right:20px;
}

@media(max-width:991.9px) {
    .product-slider-area .slick-dots {
        bottom:30px;
    }    
}
@media(max-width:575.9px) {
    .product-slider-area .slick-dots {
        bottom:16px;
    }    
}

/*** Book Gallery ***/

/*.collection .single-blog-post-wrap.layout--2.layout-blog-page {
    margin-left:15px;
    margin-right:15px;
}*/

.collection .single-blog-post-wrap .post-type {
    right:auto;
    left:10px;
    top:10px;
}

.collection .blog-thumbnail {
    margin-left:10px;
    margin-right:10px;
}

.collection .blog-thumbnail img {
    height:100%;
    object-fit:cover;
}

.collection .blog-post-details, .collection .portfolio-details .port-info {
    display:flex;
    flex-direction:column;
}

.collection .blog-post-details.book-meta {
    height:110px;
}

.collection .blog-post-details h2 {
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.4;
    /*flex-basis:46px;*/
    flex-shrink:0;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.collection .blog-post-details .post-meta {
    margin:10px 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:20px;
}

.collection .blog-post-details .post-meta i.fa {
    color:#48c0c1;
    margin-right:5px;
}

.collection .blog-post-details p {
    display:none;
}

.single-blog-post-wrap.layout--2 .blog-post-details a.btn-read-more {
    font-weight:400;
    margin-top:auto;
}

.collection .portfolio-thumb {
    border: 1px solid #c7c7c7;
    margin-left:10px;
    margin-right:10px;
}

.collection .portfolio-thumb img {
    height:100%;
    object-fit:cover;
}

.collection .portfolio-details .port-info {
    margin-left:10px;
    margin-right:10px; 
}

.collection .portfolio-details .port-info i.fa {
    color:#48c0c1;
    margin-right:5px;
}

.collection .portfolio-details h3 {
    font-size:18px !important;
    font-weight:400!important;
    line-height:1.3!important;
    flex-basis:48px;
    
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

@media(max-width:767.9px) {

    .collection .portfolio-details h3 {  
        font-size:16px !important;
        flex-basis:42px;
    }

}

#gdx_top3 .bookcover-nr, #editor_col .bookcover-nr {
    height:210px;
    width:140px;
}

img.bookcover-nr, img.bookcover-mt, .thumbnail-wrap img {
    border:1px solid #e7e7e7;
}

.bookcover-nr + .pick-sticker, .bookcover-nr .pick-sticker {
    position:absolute;
    width:40%;
    height:0;
    padding-top:50%;
    top:0;
    left:5%;
}
.bookcover-nr + .pick-sticker.reader, .bookcover-nr .pick-sticker.reader {
    background:url('../img/readerspick2.png') no-repeat left top;
    background-size:contain;
}
.bookcover-nr + .pick-sticker.editor, .bookcover-nr .pick-sticker.editor {
    background:url('../img/editorspick2.png') no-repeat left top;
    background-size:contain;
}
.bookcover-nr + .pick-sticker.newly, .bookcover-nr .pick-sticker.newly {
    background:url('../img/newpick.png') no-repeat left top;
    background-size:contain;
}

.bcode-overlay {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    height:0;
    width:100%;
    background-color:rgba(0,0,0,0.6);
    overflow:hidden;
    transition:.3s ease;
}
.bcode-overlay i {
    color:#eee;
    font-size:40px;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    text-align:center;
}

.coll-thumbnail { position:relative; }
.coll-thumbnail:hover > .bcode-overlay,
.bookcover-nr:hover .bcode-overlay, .bookcover-nr:hover + .bcode-overlay/*, .bookcover-mt:hover + .bcode-overlay*/ { 
    height:100%; 
}

/*** Breadcrumb Type Header ***/

.page-breadcrumb-wrapper.new-releases {
    background: url("../img/themes/bookcafe.jpg") no-repeat center center;
    background-size:cover;
}
.page-breadcrumb-wrapper.playbook {
    background: url("../img/themes/playbook_subheader.jpg") no-repeat center center;
    background-size:cover;
}

.page-breadcrumb-wrapper.monthly-themes .breadcrumb li a,
.page-breadcrumb-wrapper.monthly-themes .breadcrumb li:before,
.page-breadcrumb-wrapper.new-releases .breadcrumb li a,
.page-breadcrumb-wrapper.new-releases .breadcrumb li:before {
    color:#d6d6d6;
}
.page-breadcrumb-wrapper.monthly-themes .breadcrumb li a.active,
.page-breadcrumb-wrapper.new-releases .breadcrumb li a.active {
    color:#e7e7e7;
}

.page-breadcrumb-wrapper.new-releases h1 {
    color:#e7e7e7;
}
.page-breadcrumb-wrapper.new-releases h4 {
    color:#d6d6d6;
}

/** newsletter or mailchimp **/
.nl-form input {
    background-color:#fff;
    padding:20px;
    color:#222222;
    border:none;
    display:block;
    outline:none;
    width:100%;
}
.nl-form2 input {
    background-color:#444;
    border:none;
    color:#ccc;
    display:block;
    padding:12px 40px 13px 15px;
    outline:none;
    width:100%;
}

.nl-form .btn-newsletter {
    border:none;
    padding:25px 40px;
    text-transform:uppercase;
    font-weight:600;
    letter-spacing:1px;
    position:static;
    -webkit-transform:none;
    -ms-transform:none;
    transform:none;
}

.nl-form2 .btn-newsletter {
    font-size:14px;
    line-height:1;
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    right:10px;
}
@media(max-width:767.98px) {
    .nl-form .btn-newsletter {
        padding:25px;
    }
}
@media(max-width:575.98px) {
    .nl-form .btn-newsletter {
        margin-top:15px;
        padding:15px 20px;
        width:100%;
    }
}
#cb_subscription .modal-content { background:transparent; border:none; }
#cb_subscription .modal-body { padding:0; }
#cb_subscription .modal-header { border:none; padding:0.5rem; }
#cb_subscription .modal-header .close { color:white; opacity:1;}

#mail_subscription .modal-content { background:transparent; border:none; }
#mail_subscription .modal-body { padding:0; }
#mail_subscription .modal-header { border:none; padding:0.5rem; }
#mail_subscription .modal-header .close { color:white; opacity:1;}

#stb_subscribe .stb_form_policy label input {
    margin-top:3.5px !important;
}

#stb_subscribe .stb_form_result.success + .stb_form_set_submit #stb_form_submit_button {
    display:none;
}
#stb_subscribe .stb_form_result + .stb_form_set_submit .stb_form_submit_button.close {
    display:none;
    background-color:#ffffff;
    border:1px solid #4e3936;
    color:#4e3936;
}

#stb_subscribe .stb_form_result.success + .stb_form_set_submit .stb_form_submit_button.close {
    display:block;
}

.mailchimp-alerts .mailchimp-error,
.mailchimp-alerts .mailchimp-submitting,
.mailchimp-alerts .mailchimp-success,
.newsletter-form-wrap.layout--2 .mailchimp-alerts .mailchimp-error,
.newsletter-form-wrap.layout--2 .mailchimp-alerts .mailchimp-submitting,
.newsletter-form-wrap.layout--2 .mailchimp-alerts .mailchimp-success {
    font-weight:400;
    color:#fff;
}

/*** pagination ***/
@media(max-width:991.9px) {
    .pagination-content ul li:not(.btn-arrow) {
        margin:0 5px;
    }
    .pagination-content ul li a {
        font-size:15px;
        line-height:24px;
        height:30px;
        width:30px;
    }
}

@media(max-width:575.9px) {
    .pagination-content ul {
        justify-content:center;
    }
    .pagination-content ul li.btn-arrow {
        display:none;
    }
}


/* ------------- New ------------*/


.transparent-header:not(.sticky) .logo-background-non-sticky {
    /*background-color:#4e3936;*/
    background-color:#222;
    position:absolute;
    /*top:0;
    bottom:0; --- w 1400px 이상일 때  row position이 relative로 설정되어 있어서 위치 어긋남 */
    width:186px;
    height:117px;
}
@media(max-width:991.9px) {
    .transparent-header:not(.sticky) .logo-background-non-sticky {
        height:116px;
    }
}
@media(max-width:767.9px) {
    .transparent-header:not(.sticky) .logo-background-non-sticky {
        height:84px;
    }
}

.chapter-description {
    font-size:16px;
    text-align:justify;
    line-height:1.75;
}

.chapter-description .post-author {
    font-size:18px;
    color:#707070;
}

.chapter-intro p {
    margin-top:0;
    margin-bottom:1em;
}
.paragraphs {
    text-align:justify;
}
.paragraphs p {
    margin-bottom:1em;
}

.coll-tmpl-mt {
    margin-bottom:50px;
}

.book-cover {
    width:200px;
}
.book-cover img {
    width:100%
}

.head-text-left {
    text-align:left;
    margin-right:auto;
    margin-top:auto;
    z-index:99;
}
.head-text-right {
    text-align:right;
    margin-left:auto;
    margin-top:auto;
    z-index:99;
}
.monthly-themes-head-text, .themes-head-text {
    color:#222222;
    font-size:16px;
    line-height:2;
    padding-bottom:30px;
}
/*.monthly-themes-head-text {
    text-shadow:1px 1px 3px #555;
}*/
.monthly-themes-head-text h2, .themes-head-text h2 {
    font-size:40px;
    font-weight:500;
}
.monthly-themes-head-text h3, .themes-head-text h3 {
    font-weight:400;
}
.booktamin .themes-head-text h2 {
    font-size:38px;
}
.booktamin .themes-head-text h3 {
    font-size:28px;
}
.ed-hero-area .themes-head-text h2 {
    font-size:40px;
    font-weight:500;
}

@media(max-width:991.9px) {
        
    .monthly-themes-head-text h2 {
        font-size:30px;
    }
    .monthly-themes-head-text h3 {
        font-size:22px;
    }
    .booktamin .themes-head-text h2 {
        font-size:28px;
    }
    .booktamin .themes-head-text h3 {
        font-size:20px;
    }
    .ed-hero-area .themes-head-text h2 {
        font-size:36px;
    }
}

@media(max-width:767.9px) {
    .monthly-themes-head-text h2 {
        font-size:20px;
    }
    .monthly-themes-head-text h3 {
        font-size:16px;
    }
    .booktamin .themes-head-text h2 {
        font-size:20px;
    }
    .booktamin .themes-head-text h3 {
        font-size:15px;
    }
    .ed-hero-area .themes-head-text h2 {
        font-size:30px;
    }
        
}

@media(max-width:575.9px) {
    .about-hero-area .row,  .mt-hero-area .row {
        flex-direction:column;
        -ms-flex-direction: column;
        justify-content:flex-end;
        flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
    }
    .head-text-left, .head-text-right {
        text-align:center;
        margin-top:0;
    }
    
    .about-hero-area .head-text-left {
        flex:none;
        margin:auto;
    }
    .monthly-themes-head-text, .themes-head-text {
        margin-top:0 !important;
        padding-bottom:0;
    }
    .mt-hero-area .head-text-left {
        flex:none;
        margin-top:auto;
    }
    .ed-hero-area .head-text-left {
        margin-top:auto;
    }
    
    .monthly-themes-head-text h2, .themes-head-text h2 {
        font-size:20px;
        margin-bottom:8px;
    }
    .monthly-themes-head-text h3, .themes-head-text h3 {
        font-size:16px;
    }

    .new-releases-head-text h1 {
        font-size:25px;
    }
    .ed-hero-area .themes-head-text h2 {
        padding-bottom:20px;
    }
    

}

/* ------- BOOK META DATA --------*/

.book-meta .book-title {
    font-size:16px;    color: #222222;

}

.book-meta .normal-price {
    text-decoration:line-through;
    font-size:14px;
    color:#c7c7c7;
    border-left:1px solid #d6d6d6;
}

.book-meta .sale-price {
    color:#222222;
    font-weight:400;
}

.single-book-metadata-wrap .book-meta {
    display:flex;
    flex-flow:column;
    justify-content:flex-start;
}

.single-book-metadata-wrap {
    margin-bottom:50px;
}

.single-book-metadata-wrap .call-to-action {
    margin-top:20px;
    padding:8px 0;
} 

.single-book-metadata-wrap .btn-buy {
    /*color:#707070;*/
    color:#fff;
    background-color:#4e3936;
    /*border:1px solid #d6d6d6;*/
    padding:8px 12px;
    font-size:13px;
    position:relative;
    left:-2px;
}

.book-entry-wrapper {
    display:flex;
    flex-direction:column;
}
@media(max-width:991.9px){
    .book-entry-wrapper {
        flex-direction:row;
    }
    /*.coll-thumbnail {
        width:41.666667%;
    }*/
    .book-entry-wrapper .book-meta {
        flex:0 0 70%;
        margin-left: 1.5rem;
        /*justify-content:flex-end;*/
    }
}
@media(max-width:575.9px){
    .book-entry-wrapper .book-meta {
        flex-basis: 58%;
    }
}

.book-entry-wrapper img {
    border:1px solid #d6d6d6;
    object-fit:fill;
    border-radius:1px;
}

.book-entry-wrapper .btn-buy {
    color:#fff;
    background-color:#4e3936;
    border:1px solid #4e3936;
    padding:3px 6px;
    font-size:13px;
}

#gdx_top3 .book-entry-wrapper .book-meta, #editor_col .book-entry-wrapper .book-meta {
    line-height:1.75;
}
#gdx_top3 .book-entry-wrapper .book-publisher, #editor_col .book-entry-wrapper .book-publisher {
    font-size:14px;
}

.coll-thumbnail img {
    width:100%;
    height:100%;
    object-fit:cover;
}

/*.book-review-head {
    font-size:22px;
    font-weight:500;
    line-height:1.5;
}*/
.book-review-head h3 {
    font-size:24px;
    font-weight:400;
}
@media(max-width:575.9px) {
    .book-review-head h3 {
        font-size:20px;
    }
}


/* video clip */

section.video { position:relative; }
section.video .item { padding-left:10px; padding-right:10px;}
section.video .intro-movie2 { position:relative; margin-bottom:10px;}

section.video .intro-movie2 img { width:100%;}
section.video .intro-movie2:before { background-color:rgba(0,0,0,0.27);content:''; top:0; left:0; position:absolute;width:100%;height:100%;z-index:1; }

.rcp_caption { font-size:15px; font-weight:300; line-height:1.4; }
#book_rcp button.slick-arrow { background:transparent; }
.play-icon { cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);display:block;font-size:70px;line-height:70px;color:#fff;width:70px;height:70px;border-radius:50%; text-align:center;transition: transform .3s ease;z-index:2; }
@media(max-width:479.9px) {
    .rcp_caption { font-size:14px; }
    .play-icon { width:50px; height:50px; font-size:50px; line-height:50px; }
}


/*** Slick Sliders ***/

.bst-thumbnails .sale-sticker { position:absolute; width:40%; height:0; padding-top:40%; border-radius:50%; top:67%; left:56%; transform:translateX(-10%); -webkit-transform:translateX(-10%); -ms-transform:translateX(-10%); background-color:#48c0c1; display:flex; box-shadow:0.5px 1px 2px #000;}
.sale-sticker>.sale-rate { position:absolute; top:0; left:0; bottom:0; right:0; display:flex; }
.sale-rate>.percent { margin:auto; color:#fff;line-height:1; font-size:16px;}
@media(min-width:768px) and (max-width:991.9px) {
    .sale-rate>.percent { font-size:13px;}
}

/* ------- BOOK-DETAIL MODAL STYLE --------*/

#book_detail .modal-dialog {
    max-width:646px;
}

#book_detail .modal-header {
   /* position:relative;
    min-height:0;*/
    padding:0.6rem 1rem;
    border-bottom: 0;
}
#book_detail .modal-header .close {
    font-size:30px;
    line-height:26px;
}

#book_detail .modal-body {
    padding:16px 20px 60px;
}

#book_detail .book_thumbnail {
    overflow:hidden;
}

#book_detail .thumbnail_image img {
    border: 1px solid #d6d6d6;
    height:298px; /* 오른쪽 메타데이터와 일치하게 */
}

#book_detail .book_barcode div {
    font-size:1rem;
}

#book_detail .book_barcode img.qr {
    width:102px;
    height:102px;
}
#book_detail .book_barcode svg {
    width:230px;
    height:102px;
}

#book_detail .buttons {
    margin-top:20px;
}

#book_detail .buttons a.buy {
    padding:6px 18px;
    font-size:14px;
    font-weight:400;
    border:1px solid #aaa;
}

#book_detail .book_detail_wrapper h5 {
    font-size:16px;
    margin-bottom:5px;
    font-weight:500;
}

#book_detail .book_metadata {
    display:inline-block;
    margin-bottom:5px;
    position:relative;
    font-size:13px;
    line-height:17px;
}

#book_detail .book_metadata.sale_price {
    font-size:15px;
    font-weight:500;
    line-height:17px;
}

.book_metadata.normal_price {
    text-decoration:line-through;
}

#book_detail .book_metadata.book_description {
    margin-top:5px;
    font-size:13px;
    line-height:20px;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.book_metadata.book_description p {
    margin-bottom:0;
}

#book_detail .book_metadata.publisher, #book_detail .book_metadata.pubdate, #book_detail .book_metadata.normal_price, #book_detail .book_metadata.sale_rate {
    margin-left:5px;
}
.book-thumbnail img { border:1px solid #d6d6d6; }
.book-meta h5 { font-weight:500; }
.book-metadata { margin-bottom:5px; font-size:14px; line-height:18px; color:#707070; }
.book-metadata >.author, .book-metadata >.author>b { font-weight:400; color:#222; }

.price-info .normal-price { border-left:none;}
.price-info>span { font-size:15px; line-height:18px; }
#book_detail .book-barcode svg { width:230px; height:102px; }

@media(max-width:767.9px) { 
    #book_detail .book-thumbnail img { height:200px; }
    #book_detail .book-meta { max-width:360px; margin:20px auto 0; }

    #book_detail .thumbnail_image img {
        height:200px;
    }
    #book_detail .book_detail_wrapper {
        max-width:320px;
        margin:20px auto 0; 
    }
}






.single-product-slide {
    position:relative;
}

.bg-overlay {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:10;
}

.txt-overlay {
    position:static;
    flex:none;
    /*margin-right:auto!important;*/
    z-index:11;
}

.bg-overlay.right, .txt-overlay.right {
    text-align:right;
    margin-left:auto!important; /* replace .ml-auto class */
    margin-right:0!important;   /* replace .ml-auto class */
}
.bg-overlay.center, .txt-overlay.center {
    text-align:cener;
}

.single-product-slide .product-content {
    z-index:20;
}

.single-product-slide .product-content .header-copy {
    color:#ffffff;
}
.single-product-slide .product-content .sub-header-copy {
    font-weight:500;
    font-size:1.3rem;
    color:#ffffff;
}

@media(max-width:768px) {
    .sub-header-copy.font-size-18 {
        font-size:18px !important; 
    }
}

.single-product-slide .header-copy.shad-txt, .single-product-slide .sub-header-copy.shad-txt {
    /*text-shadow:2px 3px 5px #555;*/
    text-shadow:2px 2px 1px #555;
}
/*.single-product-slide.shad-txt .bg-overlay.highlight {
    background-color:transparent;
}*/

/*@media(min-width:768px){
    .single-product-slide.third .sub-header-copy {
        font-size:40px;
    }
}*/

/* 2020.8.7.
.single-product-slide.third .bg-overlay.highlight {
    background-color:transparent;
    position:relative;
    flex-basis: 50%;
} 

.single-product-slide.third a.btn-see {
    position:absolute;
    bottom:30px;
    right:20px;
    color:#3c4a55;
} */

a.btn-see {
    font-size:18px;
    font-weight:500;
    text-transform:uppercase;
    color:#d6d6d6;
}

a.btn-see:hover {
    color:#fff !important;
}

@media(max-width:575.9px) {
    a.btn-see {
        font-size:16px;
    }
}


/*** booksaetong collection page ***/

/*** bst section title: 1 line clamping ***/
.title-trunc { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; }

/*** book item ***/
.book-item { padding-left:10px; padding-right:10px; }
.book-item.frame { display:none; }

button.slick-arrow { font-size:0; line-height:1; position:absolute; top:50%; width:40px; height:40px; z-index:99; color:#d6d6d6; background:transparent; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);}
button.slick-arrow:hover { color:#707070; transition:.5s ease; }
.slick-arrow.slick-prev { left:-36px}
/*.slick-arrow.slick-prev:before { font-size:20px; font-family:tri-o!important; content:"\e901"; }*/
.slick-arrow.slick-prev:before { font-size:34px; font-family:FontAwesome!important; content:"\f137"; }
.slick-arrow.slick-next { right:-36px;}
/*.slick-arrow.slick-next:before { font-size:20px; font-family:tri-o!important; content:"\e900"; }*/
.slick-arrow.slick-next:before { font-size:34px; font-family:FontAwesome!important; content:"\f138"; }
.slick-slider .slick-dots { margin-top:10px /*20px*/;}

/* item이 화면에 가득차지 않을 때 좌측 정렬 */
.slick-slider .slick-track { margin-left:0; }
/* 이웃 슬라이더의 경계면이 보이는 문제 방지 */
.slick-slider .bg-img { border: 2px solid #fff; }

.btn-cover img { border:1px solid #d6d6d6; width:100%;  }
.img-wrapper.pic-menu { position:relative; }

.bcode-overlay { z-index:98; }
.overlay-v { position:absolute; bottom:0; left:0; right:0; height:0; overflow:hidden; z-index:98; background-color:rgba(0,0,0,0.5); transition:.3s ease;}
.img-wrapper.pic-menu:hover .overlay-v, .img-wrapper.pic-menu:hover .bcode-overlay { height:100%; } 

.overlay-v .v-center { font-size:14px; position:absolute; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); padding:10px; }

.overlay-v div .action { display:block; font-size:13px; text-decoration:underline; color:#48c0c1; }
.img-wrapper img.bookcover { border:1px solid #d6d6d6; }
.overlay-v .book-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }

@media(min-width:992px) {
    .col-banner-wrapper .bg-img { background-size:contain; background-color:#fff;}
}

/*** Search Result (body id: book_result) ***/

/*.main-menu li:first-child { margin-right:5px; }*/
.sticky-header .search-area { margin-top:4px; }
#book_result .btn-search { padding:4px 0; }
#book_result .search-form .nice-select { padding:5px 30px 3px 12px; line-height:24px; }
#book_result .search-form input[name="keyword"] { height:32px; padding-top:4px; padding-bottom:4px; }

@media(max-width:575.9px) {
	#book_result .sticky-header.sticky .logo-area { display:none; }
	.sticky-header.sticky .nav-area { order:2; }
	.sticky-header.sticky .search-area { order:1; flex:0 0 83.333333%; max-width:83.333333%; }
	.sticky-header:not(.sticky) .search-area { margin-top:20px; }
	#book_result .search-form .nice-select { padding-left:4px; }
}
.off-canvas-area-wrap { margin-left: 50px; }  /* see if global */

.book-result-item-wrapper { border-bottom:1px solid #d6d6d6; }
/*.book-result-item-wrapper:nth-last-of-type(2) { border-bottom:none; }*/
book-result-item-wrapper:last-of-type { border-bottom:none; }
.book-result-item { display:flex; width:100%; }
.book-thumbnail-wrapper { padding:20px 15px; flex:0 0 140px; }
.book-result-item .book-thumbnail img { max-height:167px; border:1px solid #d6d6d6; }

.book-result-item .book-meta { flex:1 1 auto; padding:20px 15px; font-weight:300;  }
.book-meta h5 { font-weight:500; }
.book-metadata { margin-bottom:5px; font-size:14px; line-height:18px; color:#707070; }
.book-metadata >.author, .book-metadata >.author>b { font-weight:400; color:#222; }
#search_result .book-meta .normal-price { color:#707070; }
.book-meta .isbn { font-size:14px; line-height:20px; }

#search_result .buttons a.buy, #search_result .buttons a.share { padding:5px 10px; font-size:12px; border:1px solid #ccc; border-radius:1px; font-weight:500; } 
#search_result .img-wrapper img { width:100%; }

@media(max-width:575.9px) {
	.book-thumbnail-wrapper { flex-basis:120px; }
}

/* search result share dialog box */
.modal-helper { background-color:#f5f5f5; border-radius:1px; font-size:0.9em; margin:0 20px; }
.modal-helper p:first-of-type { padding-top:20px; }
.modal-helper p:last-of-type { padding-bottom:20px; }
#modal-share .modal-helper p { white-space:nowrap; overflow:auto; }





/* ----------- Colors ------------*/

.book_metadata {
    color:#222222;
}

.book_metadata.publisher {
    color:#707070;
}
.book_metadata.pubdate {
    color:#aaaaaa;
}
.book_metadata.sale_rate {
    color:#ff1d1d;
}

.book_metadata.sale_price {
    color:#222;
}

/*.bg-overlay, .txt-overlay.highlight {*/
.bg-overlay, .txt-overlay {
    background-color:rgba(0,0,0,0.3);
}
.bg-overlay.t30, .txt-overlay.t30 {
    background-color:rgba(0,0,0,0.3);
}
.bg-overlay.t50, .txt-overlay.t50 {
    background-color:rgba(0,0,0,0.5);
}
.bg-overlay.t70, .txt-overlay.t70 {
    background-color:rgba(0,0,0,0.7);
}
.txt-overlay.transparent {
    background-color:transparent!important;
}
/* 2020.8.21. Booktamin */
.single-product-slide.lighter .bg-overlay {
    background-color:rgba(0,0,0,0.03);
}
/*.single-product-slide.lighter .txt-overlay.highlight {*/
.single-product-slide.lighter .txt-overlay {
    background-color:rgba(0,0,0,0.1);
}

/*.new-releases .bg-overlay {
    background-color:rgba(255, 255, 255, 0.1);
}*/

.text-color-white {
    color: #ffffff!important;
}

.text-color-black {
	color:#000!important;
}

.text-color-dark {
    color:#272727!important;
}

.text-color-grey {
    color:#707070!important;
}

.text-color-lightgrey {
    color:#c7c7c7!important;
}

.text-color-green {
	color:#48c0c1!important;
}

.text-color-red {
    color: #e60020!important; 
}

.text-color-orange {
    color:#ff6601 !important;
}

.text-color-gbb {
    color:#493938!important;
}

a.btn-see.text-hover-color-grey:hover {
    color:#707070!important;
}

.bg-white {
    background: #fff!important;
}
.bg-black {
    background-color:#000000!important;
}

.bg-gbb {
    background-color:#4e3936!important;
}

.bg-green {
    background-color:#48c0c1!important;
}

.text-color-white.shad-txt {
    text-shadow:1px 1px 2px #555;
}

.colored-line {
    z-index:1;
    display:block;
    width:165px;
    height:1px;
    margin:auto;
    background-color:#d6d6d6;
}
    @media(min-width:992px) {
        .colored-line.left {
            margin-left:0;
            margin-right:auto;
        }
    }

.slick-slider .slick-dots li {
    background-color:#aaa;
    border-color:#aaa;
    margin-left:5px;
    margin-right:5px;
}

.slick-slider .slick-dots li.slick-active {
    background-color:#222;
    border-color:#222;
}

.issue-selector-wrapper {
    font-size:18px;
}

.issue-selector-wrapper .selector-title {
    flex:0 0 140px;
    color:#222;
    font-weight:400;
    line-height:30px;
}

.issue-selector-wrapper .nice-select {
    float:none;
    width:180px;
    padding:0 38px 0 0;
    border:none;
    text-align:right!important;
}
.issue-selector-wrapper .nice-select .list {
    max-height:360px;
    overflow:auto;
}
.issue-selector-wrapper .nice-select > .current {
    font-size:18px;
    line-height:1.6;
    font-weight:500;
}
.issue-selector-wrapper .nice-select .list .option {
    font-size:15px;
    line-height:40px;
}
.issue-selector-wrapper .nice-select:after {
    height:8px;
    width:8px;
    right:18px;
    margin-top:-6px; 
}


/* isotope filter */

.product-filter-item ul li {
    font-weight:300;
    cursor:pointer;
    -webkit-transition:0.4s;
    -o-transition:0.4s;
    transition:0.4s;
    margin-right:10px;
    margin-bottom:10px;
    padding:3px 16px;
    /*background-color:#d6d6d6;*/
    border:1px solid #c7c7c7;
    border-radius:20px;
}

.product-filter-item ul li:hover ,
.product-filter-item ul li.active {
    /*background-color:#48c0c1;*/
    border:1px solid #222;
    font-weight:500;
}
.product-filter-item ul li.new {
    /*background-color:#ffd1b3;*/
    color:#ff6601;
    border:1px solid #ff6601;
}
.product-filter-item ul li.new:hover {
    background-color:#ff6601;
    color:#fff;
}