/* customizing css with bst ver1 (2021.12.5.) */


.logo-wrap { line-height:35px; }
section .title-wrapper { margin-bottom:10px; padding:20px 0; }
section .title { font-size:20px; line-height:1.3; text-transform:uppercase; color:#000; }
/* new front page */
/*section .title .r-btn { font-size:15px; line-height:20px; padding:4px 12px;  border-radius:15px; }*/
@media(min-width:768px) {
    section .title-wrapper { padding-top:40px; }
}
@media(min-width:992px) {
    .col-banner-wrapper .bg-img { background-size:contain; background-color:#fff;}
}

/*** font ***/
.noto-eng-c { font-family:'Noto Sans', sans-serif; }
/*** color ***/
.bg-lightgrey { background-color:#e7e7e7; }
/*** utility ***/
.mx-n10 { margin-left:-10px; margin-right:-10px; }

/*** Nav Area Style ***/
.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; }
}

/*** 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; }
/*.book-item .img-wrapper { margin:0 10px;} -- book-item 에서 padding 처리*/ 
button.slick-arrow { font-size:0; line-height:1; position:absolute; top:0; bottom:0; width:60px; z-index:99; color:#bbb; background:rgba(255,255,255,0.1); }
button.slick-arrow:hover { background:rgba(255,255,255,0.5); color:#222; transition:.5s ease; }
.slick-arrow.slick-prev { left:-1px}
.slick-arrow.slick-prev:before { font-size:20px; font-family:tri-o!important; content:"\e901"; }
.slick-arrow.slick-next { right:-1px;}
.slick-arrow.slick-next:before { font-size:20px; font-family:tri-o!important; content:"\e900"; }
.slick-slider .slick-dots { margin-top:10px /*20px*/;}
.slick-slider .slick-dots li.slick-active { background-color:#222; border-color:#222; }
/* 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 a:hover { color:#fff; }*/
.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; }

/*** Slick Sliders ***/
/*.bst-slick-slider, .main-slick-slider { margin-left:-10px; margin-right:-10px; } : mx-n10 class 이용*/ 

.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;}
}


/** Modal: book-detail **/
.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 Main ***/
#book_main .ticker { padding:10px 0; border-bottom:1px solid #d6d6d6; }
.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;}

section.video { position:relative; }
section.video .intro-movie2 { width:85%; max-width:500px; position:relative; margin: 30px auto;}

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; }
#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:80px;line-height:80px;color:#fff;width:80px;height:80px;border-radius:50%; text-align:center;transition: transform .3s ease;z-index:2; }

.modal.utube .modal-dialog { width:calc(100% - 16px); max-width:900px; margin:auto; display:inline-block; vertical-align:middle; }
.modal.utube:before { content:''; display:inline-block; height:100%; vertical-align:middle; }
.modal.utube .modal-header { position:relative; min-height:0; padding:0; border-bottom: 0; }
.modal.utube .modal-header .close { position:absolute; top:-30px; right:0; z-index:99; opacity:1; font-size:30px; }
.modal.utube .modal-content { background:transparent; border-radius:0; padding:30px 0; border:none; }
.modal.utube .modal-body { padding:0; padding-top:56.25%; }
.modal.utube .modal-body iframe { position:absolute; top:0;	left:0;	width:100%;	height:100%; }


/*** 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 { 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; }