@charset "utf-8";

/* filter */
/* .book-content .filter-area{ position:relative; display:flex; }
.book-content .filter-area::after{ content:''; display:block; position:absolute; bottom:0; left:0; right:0; border-bottom:1px solid #ededed; } */
/*.book-content .filter-area::before{ content:''; display:block; position:absolute; top:0; left:0; right:0; border-top:1px solid #ededed; } */
/* .book-content .filter-area .btn-area{ width:50%; }
.book-content .filter-area .btn-area > button{ width:100%; padding:0 24px; display:flex; position:relative; background-repeat:no-repeat; font-size:12px; font-weight:400; color:#000; border-right:1px solid #ededed; box-sizing:border-box; }
.book-content .filter-area .btn-area .btn{ border:1px solid #ededed; border-top:0; border-left:0; }
.book-content .filter-area .btn-area .btn::after{ content:''; width:11px; height:11px; display:inline-block; position:absolute; top:50%; right:24px; transform:translate(0, -50%); }
.book-content .filter-area .btn-area .btn.vertical::after{ background-image:url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H3L3 2L11 2L11 3L3 3L3 5H2L2 3L0 3V2L2 2L2 0ZM9 11H8V9L0 9V8L8 8V6L9 6L9 8L11 8V9L9 9V11Z' fill='black' fill-opacity='0.93'/%3E%3C/svg%3E%0A"); }
.book-content .filter-area .btn-area .btn.horizontal::after{ background-image:url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 10H8L8 2L7 2L7 1L8 1V0H9V1L10 1V2H9L9 10ZM10 2L11 2V3H10V2ZM7 2L7 3L6 3V2L7 2ZM2 1H3V9H4V10H3V11H2V10H1V9H2V1ZM1 9H0V8H1V9ZM4 9V8H5V9H4Z' fill='black' fill-opacity='0.93'/%3E%3C/svg%3E%0A"); }
.book-content .filter-area .btn-area > button > .ico{ position:absolute; top:50%; right:0; transform: translate(0,-50%); }
.book-content .filter-area .btn-area > button::afeter{ content:''; display:inline-block; }
.book-content .filter-area .btn-area:last-child .btn{ border-right:0; }
.book-content .filter-area .select-area .drop-area{ width:100%; position:absolute; display:none; left:-1px; border:1px solid #ededed; border-top:0; background-color:#fff; z-index:2; }
.book-content .filter-area .select-area .drop-area .btn{ width:100%; padding:0 24px; display:block; border-bottom:1px solid #ededed; font-size:12px; color:#000; text-align:left; }
.book-content .filter-area .select-area .drop-area .btn:last-child{ border-bottom:0; }
.book-content .filter-area .select-area .drop-area .btn:hover{ font-weight:700; }
.book-content .filter-area .select-area.selected .drop-area{ display:block; } */
.book-content .gallery_area {margin-top:24px;}
.book-content .filter-area {padding: 0 16px; display: flex; justify-content: space-between; align-items: center;}
.book-content .filter-area .btn-area {}
.book-content .filter-area .btn-area .btn {border: none; height: 52px;}
.book-content .filter-area .btn {border: none; width: auto; font-size: 14px; line-height: 1.6; font-weight: 400; letter-spacing: -1px; color: #9F9F9F;}
.book-content .filter-area .btn.vertical { color: #222;}
.book-content .filter-area .btn.selected {color: #222;}
.book-content .filter-area .ico-filter {margin-right: 2px;}
.book-content .filter-area .select-list {display: flex;}
.book-content .filter-area .select-list .btn {position: relative;}
.book-content .filter-area .select-list .btn:not(:first-child) {margin-left: 10px; padding-left: 9px;}
.book-content .filter-area .select-list .btn:not(:first-child):before {margin-top: -5px; position: absolute; left: 0; top: 50%; display: block; content: ''; width: 1px; height: 10px; background-color: #D4D4D4;}
.book-content .btn-border {border-color: #222 !important; font-size: 14px; font-weight: 500; letter-spacing: -1px; color: #222 !important;}
.book-content .btn-border .ico-more {margin-left: 2px;}
.book-content .sort-area {}
.book-content .filter-area .btn-area.btn-modal {}
.book-content .filter-area .btn-area.btn-modal .btn { padding-left: 22px; background-position: left; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7.75' r='1.75' stroke='black'/%3E%3Cpath d='M7.5 17H6.5V9.94141C6.66099 9.97799 6.82793 10 7 10C7.17207 10 7.33901 9.97799 7.5 9.94141V17ZM7.5 5.55762C7.33907 5.52107 7.17199 5.5 7 5.5C6.82801 5.5 6.66093 5.52107 6.5 5.55762V3H7.5V5.55762Z' fill='black'/%3E%3Ccircle cx='13' cy='12.25' r='1.75' stroke='black'/%3E%3Cpath d='M13.5 17H12.5V14.4414C12.661 14.478 12.8279 14.5 13 14.5C13.1721 14.5 13.339 14.478 13.5 14.4414V17ZM13.5 10.0576C13.3391 10.0211 13.172 10 13 10C12.828 10 12.6609 10.0211 12.5 10.0576V3H13.5V10.0576Z' fill='black'/%3E%3C/svg%3E%0A");}

/* dim */
/* .dim-count .btn.selected{ border-color:#fff; } */
.dim-count .btn .num{ width:16px; height:16px; line-height:16px; margin-left:2px; display:none; position:relative; top:0; text-align:center; vertical-align:baseline; }
.dim-count .btn.selected .num{ display:inline-block; }

/* sticker */
/* .book-content .sticker-area{ margin-left:25px; } */
.book-content .sticker-area > ul li{ width:auto; }
.book-content .sticker-area > ul li a{ display:block; }
.book-content .sticker-area .sticker{ margin-right:8px; padding:3px 10px 5px 8px; }
.book-content .sticker-area .sticker .ico{ width:9px; height:9px; margin-top:5px; margin-left:5px; }
.book-content .sticker-area .sticker.sticker-skyblue{ background-color:#E8F2F2; }
.book-content .sticker-area .sticker.sticker-skyblue > * { display:inline-block; background-color:transparent; vertical-align:middle; }
.book-content .sticker-area .sticker.sticker-skyblue > button{ height:20px; line-height:18px; }
.book-content .sticker-area .sticker.sticker-skyblue > button > span{ font-size:11px; color:rgba(0, 0, 0, 0.4); }

/* 도서 메인 */
#content.book-content {padding-bottom: 120px;}
.book-content .bestten_area {padding: 24px 16px 80px; overflow: hidden;}
.book-content .besttenSlide {}
.book-content .besttenSlide .tag-wrap {margin-bottom: 8px;}
/* .book-content .content-layout {padding: 0 16px;} */
.book-content .sort-list {display: flex; padding: 14px 0 14px 16px;}
.book-content .sort-list dt {position: relative; width: 40px; margin-right: 16px; padding-right: 16px;}
.book-content .sort-list dt:after {margin-top: -4px; position: absolute; right: 0; top: 50%; display: block; content: ''; width: 1px; height: 8px; background-color: #D4D4D4;}
.book-content .sort-list dt span {padding: 4px 0; font-size: 16px; line-height: 30px; font-weight: 400; letter-spacing: -1px;}
.book-content .sort-list dd {width: calc(100% - 73px);}
.book-content .sort-list .tab-menu1 {padding: 0;}

/* detail */
/* .detail-content .package-layout{ margin:0 0 0 25px; }
.detail-content .package-layout .tit-dep3{ width:100%; margin:30px 0 16px; display:inline-block; } */
.detail-content .package-layout{ margin-top: 16px; display: flex; }
.detail-content .package-layout .tit-dep3{ width:80px; display:inline-block;color: #222;font-size: 16px;font-weight: 600;line-height: 1.4;letter-spacing: -1px; }
.detail-content .package-layout ul {width: calc(100% - 80px); display: flex; flex-direction: column; gap: 8px;}
.detail-content .package-layout ul li {color: #767676;font-size: 16px;font-weight: 400;line-height: 1.4;letter-spacing: -1px;}
/* .detail-content .info-area{ padding:20px 0; } */
	
/* content slide */
.detail-content .slide-pick{ margin-bottom:30px; }
.detail-content .slide-pick .swiper-wrapper .swiper-slide{ max-width:142px; padding-bottom:10px; }
.detail-content .slide-pick .swiper-wrapper .swiper-slide a { max-width:122px; }
.detail-content .slide-pick .swiper-wrapper .swiper-slide .book{ padding:10px; display:block; position:relative; }
.detail-content .slide-pick .swiper-wrapper .swiper-slide .book .ico{ position:absolute; left:0; top:0; }
.detail-content .slide-pick .swiper-wrapper .swiper-slide .img-area{ border:1px solid #ddd; }
.detail-content .slide-pick .swiper-wrapper .swiper-slide .img-area img{ max-width:100%; height:auto; }
.detail-content .slide-pick .swiper-wrapper .swiper-slide .txt-area{ line-height:20px; margin-top:10px; letter-spacing:-.02em; text-align:left; }
.detail-content .slide-pick .swiper-wrapper .swiper-slide .txt-area .tit{ font-size:14px; color:rgba(0, 0, 0, 0.93); }
.detail-content .slide-pick .swiper-wrapper .swiper-slide .txt-area .txt{ font-size:12px; color:rgba(0, 0, 0, 0.6); }
.detail-content .slide-pick .swiper-pagination-progressbar { width:calc(100% - 25px); left:0; background-color:rgba(0, 0, 0, 0.08); }
.detail-content .slide-pick .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color:rgba(0, 0, 0, 0.5); }

/* ���� �Ұ� ���� */
.detail-content .content-layout > .book{ margin-bottom:30px; }
.detail-content .content-layout > .book .img-area{ width:220px; height:312px; margin:0 auto 20px; }
.detail-content .content-layout > .book .img-area a{ position:relative; display:block; border:1px solid rgba(0, 0, 0, 0.08); box-sizing:border-box; }
.detail-content .content-layout > .book .img-area a img{ max-width:100%; height:auto }
.detail-content .content-layout > .book .img-area span.sticker{ top:1px; right:1px; border:0; background-color:rgba(0, 0, 0, 0.3); color:#fff; font-size:12px; font-weight:300; }
.detail-content .content-layout > .book .img-area span.new .ico{ top:-15px; left:-5px; z-index:1; }
.detail-content .content-layout > .book .info-area{ text-align:left; }
.detail-content .content-layout > .book .info-area li.sticker-area{ margin-bottom:10px; }
.detail-content .content-layout > .book .info-area li.tit-area{ line-height:22px; margin-bottom:10px; font-size:20px; font-weight:500; letter-spacing:-0.02em; color: #000000ED;}
.detail-content .content-layout > .book .info-area li.txt-area{ line-height:22px; font-size:14px; font-weight:400; color:rgba(0, 0, 0, 0.6); }
.detail-content .content-layout > .book .info-area li.txt-area .tit > .txt{ padding:0 7px 0 8px; display:inline-block; position:relative; }
.detail-content .content-layout > .book .info-area li.txt-area .tit > .txt:first-child{ padding-left:0; }
.detail-content .content-layout > .book .info-area li.txt-area .tit > .txt:first-child::before{ width:0; }
.detail-content .content-layout > .book .info-area li.txt-area .tit > .txt::before{ content:''; width:1px; height:12px; display:inline-block; position:absolute; top:5px; left:0; background-color:rgba(0, 0, 0, 0.4);  }
.detail-content .content-layout > .book .info-area li.txt-area .tit > .sticker-gray{ padding:2px 6px; background-color:#F7F6F6; }
.detail-content .content-layout > .book .info-area li.price-area{ margin-top:22px; }
.detail-content .content-layout > .book .info-area li.price-area .price{ margin-right:6px; color: #000000ED; font-size: 20px; line-height: 24px;}
.detail-content .content-layout > .book .info-area li.price-area .price strong{ font-weight:700; } 
.detail-content .content-layout > .book .info-area li.price-area .txt-through{ line-height:12px; font-size:12px; color:rgba(0, 0, 0, 0.4); }

.detail-content .border-layout{ border-top:1px solid rgba(0, 0, 0, 0.08); border-bottom:1px solid rgba(0, 0, 0, 0.08); }
.detail-content .border-layout .info-area li{ margin-bottom:12px; display:block; }
.detail-content .border-layout .info-area li:last-child{ margin-bottom:0; }
.detail-content .border-layout .info-area li dl{ font-size:14px; text-align:left; }
.detail-content .border-layout .info-area li dl dt{ width:75px; font-weight:700; float:left; }
.detail-content .border-layout .info-area li dl dd{ width:calc(100% - 80px); float:right; }
.detail-content .border-layout .info-area li dl dd span { display: block; padding-bottom: 4px; }
.detail-content .border-layout .info-area li dl dd:last-child span:last-child { padding-bottom: 0; }
.detail-content .border-layout .info-area .fc95 { color: #959595; font-size: 14px; font-weight: 300; }
.detail-content .border-layout:last-child{ border-bottom:0; }

/* select */
.detail-content .filter-area{ padding:0 16px 25px; /* border-top:8px solid rgba(0, 0, 0, 0.05); */ }
.detail-content .filter-area .btn-area > button{ width:100%; line-height:1.5; height:auto; padding:10px 40px 10px 24px; display:flex; position:relative; background-repeat:no-repeat; font-size:14px; font-weight:500; color:#000; text-align:left; border:1px solid rgba(0, 0, 0, 0.6); box-sizing:border-box; }
.detail-content .filter-area .btn-area > button:after{ content:''; width:0.5rem; height:0.5rem; display:block; position:absolute; top:50%; right:14px; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg) translate(0, -90%); }
.detail-content .filter-area .btn-area > button > .ico{ position:absolute; top:50%; right:0; transform: translate(0, -50%); }
.detail-content .filter-area .btn-area > button::afeter{ content:''; display:inline-block; }
.detail-content .filter-area .btn-area > a{ width:100%; line-height:1.5; height:auto; padding:10px 40px 10px 24px; display:flex; position:relative; background-repeat:no-repeat; font-size:14px; font-weight:500; color:#000; text-align:left; border:1px solid rgba(0, 0, 0, 0.6); box-sizing:border-box; }
.detail-content .filter-area .btn-area > a:after{ content:''; width:0.5rem; height:0.5rem; display:block; position:absolute; top:50%; right:14px; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(-45deg) translate(0, -90%); }
.detail-content .filter-area .btn-area > a > .ico{ position:absolute; top:50%; right:0; transform: translate(0, -50%); }
.detail-content .filter-area .drop-area{ width:100%; position:absolute; display:none; left:0; border:1px solid rgba(0, 0, 0, 0.6); border-top:0; background-color:#fff; z-index:2; box-sizing:border-box; }
.detail-content .filter-area .drop-area .btn{  width:100%; line-height:1.5; height:auto; padding:10px 24px; display:block; border:0; border-bottom:1px solid rgba(0, 0, 0, 0.6); font-size:14px; font-weight:500; color:#000; text-align:left; }
.detail-content .filter-area .drop-area .btn:last-child{ border-bottom:0; }
.detail-content .filter-area .select-area .drop-area .btn:hover { background-color:rgba(0, 0, 0, 0.08); }
.detail-content .filter-area .select-area.selected .drop-area{ display:block; }

/* event-slide */
/* .event-slide{ margin-bottom:40px; } */
.event-slide .swiper-pagination{ right:25px; top:24px; font-size:0; }
.event-slide .swiper-pagination span{ width:0.5rem; height:0.5rem; margin:0 1px; display:inline-block; background-color:rgba(0, 0, 0, 0.5); }
.event-slide .swiper-pagination span.swiper-pagination-bullet-active{ background:rgba(0, 0, 0, 0.9); }

/* book */
.detail-content .wide-layout .book-area{ padding:25px 25px 25px 25px; }
.detail-content .wide-layout .book-area.ser{ padding:5px 0 0 0; }
.detail-content .wide-layout .book-area .tit-dep4{ margin-bottom:20px; }
.detail-content .wide-layout .book-area .table-area table{ width:100%; border-top:1px solid rgba(0, 0, 0, 0.08); }
.detail-content .wide-layout .book-area .table-area table tr{ border:1px solid rgba(0, 0, 0, 0.08); border-top:0; }
.detail-content .wide-layout .book-area .table-area table tr td{ border-left:1px solid rgba(0, 0, 0, 0.08); }
.detail-content .wide-layout .book-area .table-area table tr th, .detail-content .wide-layout .book-area .table-area table tr td{ padding:7px 16px; font-size:11px; line-height: 1; font-weight:400; color:rgba(0, 0, 0, 0.6); }

.detail-content .wide-layout .book-area .read-more{ margin-top:15px; }
.detail-content .wide-layout .book-area p.tit{ margin-top:20px; font-size:20px; font-weight:300; }

.detail-content .wide-layout .book-area .read-more{ position:relative; }
.detail-content .wide-layout .book-area .read-more .content{ height:260px; line-height:22px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; /* -webkit-line-clamp:4; */ -webkit-box-orient:vertical; }
.detail-content .wide-layout .book-area .read-more .content > *{ height:auto; display:block; }
.detail-content .wide-layout .book-area .read-more .content:after{ content:''; height:120px; position:absolute; left:0; right:0; bottom:0; background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 55.29%); background:-webkit-linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 55.29%); background:linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 55.29%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0 ); opacity:1; transition:all .5s ease-in; }
.detail-content .wide-layout .book-area .read-more .content p,
.detail-content .wide-layout .book-area .read-more .content span { font-size:16px; line-height: 1.4; letter-spacing: -1px; color:#222; font-family: "Pretendard Variable" !important; }
.detail-content .wide-layout .book-area .read-more .btn-more{ display: flex; align-items: center; justify-content: center; width:100%; padding:10px; position:absolute; left:0; bottom:0; font-size:14px; line-height: 1.6; font-weight: 500; letter-spacing: -1px; z-index:10; box-sizing:border-box; }
.detail-content .wide-layout .book-area .read-more .btn-more.btn-gray{ border:1px solid #222; color:#222 !important; background-color:#fff; }
.detail-content .wide-layout .book-area .read-more .btn-more .ico {margin-left: 2px;}
.detail-content .wide-layout .book-area .read-more.on .btn-more .ico {transform: rotateX(180deg);}

.detail-content .wide-layout .book-area .read-more.on .content{ height:auto; padding-bottom:50px; overflow:visible; -webkit-line-clamp:inherit; }
.detail-content .wide-layout .book-area .read-more.on .content table, .detail-content .wide-layout .book-area .read-more.on .content img{ max-width:100% !important; height:auto !important; }
.detail-content .wide-layout .book-area .read-more.on .content:after{ opacity:0; transition:all .5s ease-in; }
.detail-content .wide-layout .book-area .read-more.on .btn-more{ margin-bottom:0; }

/* list-toggle */
.detail-content .list-toggle dd .info{ font-size:14px; }

.bookInfo {border-top:5px solid #ededed}
.bookInfo .tab__menu {margin: 0 0 37px;}
/* review-area */
.review-area{ padding:25px; border-top:1px solid #ededed; }
/* .review-area:first-of-type{border-top:5px solid #ededed} */
.review-area.ser {padding-top: 0; border: none;}
.tab-bookinfo{ margin: 18px 0 0; background-color:#fff; }
.tab-bookinfo > ul li{ position: relative; width:auto; margin: 0 2px; padding:4px 10px; border-radius: 100px; font-size:14px; line-height: 1.6; letter-spacing: -1px; font-weight:400; color: #9F9F9F;}
.tab-bookinfo > ul li.selected{ background-color: #222; color: #FFF; }
.review-area .btn-group{ margin-bottom:0; }
.review-area .reply-area{ border-top:1px solid #9F9F9F; }
.review-area .reply-area ul{ line-height:1.4; font-size:16px; }
.review-area .reply-area ul li { padding:16px 0; border-bottom:1px solid #EFEFEF; }
.review-area .reply-area .info-txt .name{ margin-right:12px; }
.review-area .reply-area .info-txt .date{ line-height:18px; font-size:12px; color:rgba(0, 0, 0, 0.4); }


/* 2025 개편 추가 */
.wide-layout .flex-tit {display: flex; justify-content: space-between; align-items: center;}
.wide-layout .flex-tit h4 {margin: 0; font-size: 20px; line-height: 1.3; font-weight: 400; letter-spacing: -1px;}
.wide-layout .flex-tit h5 {margin: 0; font-size: 18px; line-height: 1.35; font-weight: 400; letter-spacing: -1px;}
.wide-layout .flex-tit .btn {width: auto; height: auto; font-size: 14px; line-height: 1.6; font-weight: 500; letter-spacing: -1px; color: #222; border: none;}
.wide-layout .flex-tit .ico.more-link {margin-left: 2px; width: 10px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8584 7.99902L6.08008 12.7773L5.37305 12.0703L9.44434 7.99902L5.37305 3.92773L6.08008 3.2207L10.8584 7.99902Z' fill='%23222222'/%3E%3C/svg%3E%0A"); }

/* 도서 상세 시리즈 하단 설명 */
.wide-layout.ser {}
.wide-layout.ser .bookInfo {border: none;}
.wide-layout.ser .review-area {margin: 0 16px; padding: 40px 0 40px;}
.wide-layout.ser .review-area .info-area {padding: 0;}
.wide-layout.ser .review-area .info-area p,
.wide-layout.ser .review-area .info-area span {width: 100%; word-break: break-all;}
.wide-layout.ser #bookErrata {}
.wide-layout.ser #bookErrata ul {border-top: 1px solid #222;}
.wide-layout.ser #bookErrata ul li a {padding: 20px 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EFEFEF;}
.wide-layout.ser #bookErrata ul li a p {width: calc(100% - 40px); font-size: 16px; line-height: 1.4; font-weight: 400; letter-spacing: -1px; color: #222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.wide-layout.ser #bookErrata ul li a .ico-download {}
.wide-layout #authInfo .flex-tit {margin-bottom:  24px;}
.wide-layout #bookReview {}
.wide-layout #bookReview .flex-tit {}
.wide-layout #bookReview .flex-tit .btn {padding: 7px 13px; font-size: 13px;}
.wide-layout #bookReview .list {margin: 20px 0; padding: 20px; background-color: #F5F5F5;}
.wide-layout #bookReview .list li {font-size: 13px; line-height: 20px; font-weight: 400; color: #767676; letter-spacing: -0.5px;}
.wide-layout #bookReview .btn-group .btn {margin: 60px 0 0; font-size: 14px; font-weight: 500; letter-spacing: -1px; color: #222 !important; border-color: #222 !important;}
.wide-layout #bookReview .btn-group .btn .ico-more {margin-left: 2px;}
.info-area .book-introduce {margin-bottom: 10px; display: flex; flex-direction: column; gap: 8px;}
.info-area .book-introduce dl {display: flex; gap: 20px;}
.info-area .book-introduce dt {width: 50px; font-size: 16px; line-height: 1.4; font-weight: 600; letter-spacing: -1px; color: #222;}
.info-area .book-introduce dd { font-size: 14px; line-height: 1.6; font-weight: 400; letter-spacing: -1px; color: #9F9F9F; }
/* inquiry */
.inquiry-area {margin: 40px 0;}
.inquiry-area .flex-tit button {font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: -0.5px; color: #222; background-color: transparent;}
.inquiry-area .txt{margin-top:20px; font-size:13px; line-height: 20px; font-weight:500; letter-spacing: -0.5px; color:#767676; }

/* btn 
.book-content .btn-group, .detail-content .btn-group{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;  }
.book-content .btn-group .btn, .detail-content .btn-group .btn{ padding:0.4375rem; line-height:1.5rem; font-size:14px; -webkit-box-flex: 1; -ms-flex:1; flex:1; }
.book-content .btn-group .btn-gray, .detail-content .btn-group .btn-gray{ border:1px solid rgba(0, 0, 0, 0.2); color:rgba(0, 0, 0, 0.4); background-color:#fff; }
*/

/* list-dotted-gray */
.list-dotted{ padding:15px 0; }
.list-dotted > li{ line-height:18px; font-size:12px; font-weight:400; color:rgba(0, 0, 0, 0.4); }

.content-layout .event-area{display: flex; font-size: 12px;margin-bottom: 10px;}
.content-layout .event-area dt{width: 75px; font-weight: 700;}
.book-area.ser .filter-area{padding: 0 0 20px 0;}
.book-area.ser .table-area{padding-bottom: 20px;}
.book-area.ser .list-area{padding: 10px;}
.book-area.ser .list-area:not(:last-child) {margin-bottom: 10px;}
.book-area.ser .list-area dt{padding-bottom: 20px; font-size: 20px; line-height: 1.3; font-weight: 400; letter-spacing: -1px; }

/* tag */
.detail-content .tag {display: flex; flex-wrap: wrap; gap: 2px; min-height: 18px; }
.detail-content .tag span { padding: 0 4px; height: 18px; font-size: 11px; line-height: 18px; font-weight: 500; letter-spacing: -0.5px; color: #FFF; }
.detail-content .tag-n { background-color: #0027E8; }
.detail-content .tag-yellow { background-color: #947238; }
.detail-content .tag-green { background-color: #4B6256; }
.detail-content .tag-blue { background-color: #455371; }
.detail-content .tag-gray { background-color: #767676; }
.detail-content span.tag-line-blue { background-color: #FFF; line-height: 16px; color: #002F98; border: 1px solid #002F98; }


/* 시리즈 개편 */
.ser-layout{padding: 50px 0 0 0; background-color: #F5F5F5; backdrop-filter: blur(25px); color: #111;}
.ser-swiper__area{position: relative; display: flex; flex-direction: column; row-gap: 50px; overflow: hidden;}
.ser-swiper__area .ser-swiper{position: relative; width: 100%; margin: 0 auto;}
/* .ser-swiper__area .swiper-pagination-fraction{display: inline-block; left: 50%;bottom: -118px;transform: translateX(-50%); width: 52px;border-radius: 10px; background-color: #ccc;color: #fff;font-size: 12px; line-height: 22px;} */
.ser-swiper__area .swiper-pagination-progressbar {position: absolute; left: -25px; right: -25px; bottom: -118px; width:  calc(100% + 50px); background-color: #E1E1E1;}
.ser-swiper__area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {height: 2px; color: #222;}
.ser-swiper__area .ser-swiper .swiper-slide {display: flex; justify-content: center; align-items: center;}
.ser-swiper__area .ser-swiper .swiper-slide img{width: 200px;height: auto; vertical-align: top; margin: 0 auto; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.10);}
.ser-swiper__area .book-title {display: flex; align-items: center; height: 68px; padding: 0 16px; border-top: 1px solid #E1E1E1; }
.ser-swiper__area .book-title p{margin: 0; text-align: left; width: calc(100% - 104px); font-size: 14px;line-height: 1.6; font-weight: 500; letter-spacing: -1px; color: #9F9F9F; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.ser-info__area{position: relative; padding: 24px 16px 80px;}
.ser-info__area .ser-info .title-wrap {width: calc(100% - 95px);}
.ser-info__area .ser-info .title-wrap span {font-size: 16px; line-height: 1.4; font-weight: 400; letter-spacing: -1px; color: #606060;}
.ser-info__area .ser-info .ser-title{margin-top: 4px; font-size: 20px; line-height: 1.3; font-weight: 400; letter-spacing: -1px; color: #222;}
.ser-info__area .ser-info{display: flex;flex-direction: column;}
.ser-info__area .ser-info .ser-text {margin-top: 16px;}
.ser-info__area .ser-info .ser-text p, 
.ser-info__area .ser-info .ser-text span{font-size: 16px;line-height: 1.4;color: #767676; letter-spacing: -1px;}
.ser-info__area .ser-info .tag {margin-top: 6px;}
.ser-info__area .ser-info .sale-num {margin-top: 16px; font-size: 14px; line-height: 1.6; font-weight: 400; letter-spacing: -1px;}
.ser-info__area .ser-info .sale-num .tit {margin-right: 4px; color: #767676;}
.ser-info__area .ser-info .sale-num .txt {color: #9F9F9F;}
.ser-info__area .ser-info .benefit__area{display: flex; align-items: center;column-gap: 4px; margin: 12px 0; font-size: 14px; line-height: 24px; font-weight: 500;}
.ser-info__area .ser-info .benefit__area .badge{display: inline-block;padding: 0 8px; height: 24px; background-color: #aec3c3; border-radius: 4px; font-size: 12px;font-weight: 300; line-height: 24px; color: #fff;}
.ser-info__area .ml-auto{display: flex;}
.ser-info__area .ml-auto .btn__bookreview{position: absolute; right: 0; top: 28px; border: none; font-size: 13px; line-height: 20px; font-weight: 500; letter-spacing: -0.5px; color: #222;}
.ser-info__area .ml-auto .btn__bookreview .new-icon.file2 {margin-right: 2px;}
.ser-info__area  .dropbox-wrap {position: relative; height: 46px; display: flex; margin: 16px -16px 0; padding: 16px 16px 0; overflow: hidden; border-top: 1px solid #EFEFEF;}
.ser-info__area  .dropbox-wrap.active {height: auto;}
.ser-info__area  .dropbox-wrap .dropbox-btn {display: block; content: ''; width: 20px; height: 20px; overflow: hidden; position: absolute; right: 16px; top: 16px; text-indent: -9999px; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.53223 13.3789L9.95703 13.8037L10.3809 13.3789L15.9121 7.84766L15.4883 7.42383L15.0635 7L9.95605 12.1055L4.84961 7L4.00195 7.84766L9.53223 13.3789Z' fill='%23222222'/%3E%3C/svg%3E%0A");}
.ser-info__area  .dropbox-wrap.active .dropbox-btn {transform: rotateX(180deg);}
.ser-info__area  .dropbox-wrap .dropbox-tit {margin-right: 12px; width: 68px;}
.ser-info__area  .dropbox-wrap .dropbox-tit span {display: block; font-size: 16px; line-height: 1.4; font-weight: 600; letter-spacing: -1px; color: #222;}
.ser-info__area  .dropbox-wrap .dropdown-body {width: calc(100% - 112px);}
.ser-info__area  .dropbox-wrap .date-list {display: flex; flex-direction: column; gap: 8px;}
.ser-info__area  .dropbox-wrap .date-list li {display: flex; flex-direction: column; gap: 2px;}
.ser-info__area  .dropbox-wrap .date-list span {font-size: 16px; line-height: 1.4; font-weight: 400; letter-spacing: -1px; color: #767676;}
.ser-info__area  .dropbox-wrap .date-list .book-tit {color: #222;}-
.detail-content .wide-layout .book-area.ser{padding: 0;}
.review-area .ser-review{display: flex; gap: 20px;}
.review-area .ser-review > div{display: flex; flex-direction: row; column-gap: 12px;}
.review-area .ser-review .book-thumb{width: 68px; height: 96px;}
.review-area .ser-review .book-thumb img{width: 100%;height: 100%;vertical-align: top;}
.review-area .ser-review .review-rgt{display: flex; flex-direction: column;width: calc(100% - 88px);}
.review-area .ser-review .book-name{font-size: 13px; line-height: 1.5; font-weight: 600; letter-spacing: -0.5px; color: #767676;}
.review-area .ser-review .user-info .name{font-size: 13px; line-height: 1.5; font-weight: 500;letter-spacing: -0.5px; color: #222;}
.review-area .ser-review .date{position: relative; margin-left: 8px; padding-left: 9px; font-size: 13px; line-height: 1.5; font-weight: 500;letter-spacing: -0.5px; color: #222;}
.review-area .ser-review .date::before {position: absolute; left: 0; top: 50%; margin-top: -4px; display: block; content: ''; width: 1px; height: 8px; background-color: #D4D4D4;}
.review-area .ser-review .text {margin-top: 8px; word-break: break-all; font-size: 16px; line-height: 1.4; font-weight: 400; letter-spacing: -1px; color: #222;}
.ser-swiper__area .swiper-button-prev, .ser-swiper__area .swiper-button-next{top: 50%;left: 50%; transform: translate(-50%,-50%);}
.ser-swiper__area .swiper-button-prev {width: 32px; height: 32px;margin-left: -135px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%236F7373' fill-opacity='0.2'/%3E%3Cpath d='M19.2 8.7998L12.8 15.9998L19.2 23.1998' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");}
.ser-swiper__area .swiper-button-next {width: 32px; height: 32px;margin-left: 135px; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' transform='matrix(-1 0 0 1 32 0)' fill='%236F7373' fill-opacity='0.2'/%3E%3Cpath d='M12.8 8.7998L19.2 15.9998L12.8 23.1998' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");}
/* .ser-layout .btn-group { position: relative; margin-top: 20px; display: flex; justify-content: center; gap: 4px; }
.ser-layout .btn-group .btn { flex: none; margin: 0; width: 108px; height: 29px; font-size: 12px; line-height: 27px; }
.ser-layout .btn-group .dropdown-menu { left: -16px !important; right: 16px; } */
.ser-layout .btn-group {position: absolute; right: 16px; bottom: 16px;}
.ser-layout .btn-group .btn {margin: 0; width: 84px; height: 34px; font-size: 13px; line-height: 34px; border-color: #9F9F9F; color: #9F9F9F; background-color: transparent;}

/* 도서 미리 보기 */
.ser .book-preview{width: 100%; margin: 0 auto 30px;}
.ser .book-preview img{width: 100%; height: auto; vertical-align: top;}


/* float-layer */
.float-layer { border: 2px solid #000; background-color: #fff; }
.float-layer .head { padding: 25px; position: relative; }
.float-layer .head h5 { font-size: 16px; line-height: 24px; color: #000; letter-spacing: -.03em; font-weight: 500; }
.float-layer .head .text-hide { display: block; text-indent: -9999px; }
.float-layer .head .close01 { background-image: url("../img/close01.png"); width: 24px; height: 24px; position: absolute; top: 16px; right: 16px; background-size: 24px; border: none; }
.float-layer .body { padding: 0 25px 25px; }
.float-layer .body:last-child { padding-bottom: 25px; }
.float-layer .body .date-list li {display: flex; flex-direction: column; gap: 4px; font-size: 14px; line-height: 19.6px; font-weight: 400; }
.float-layer .body .date-list li:not(:last-child) {margin-bottom: 20px;}
.float-layer .body .date-list .fc95 { color: #959595; font-size: 14px; font-weight: 300;}

.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; }
.dropdown-menu.show { display: block; }

/* 메인개편 - 패키지, 일반도서 상세 */
.content-layout.book {}
.content-layout.book .book {margin: 0;}
.detail-content .content-layout.book .img-area {margin: 0; width: 100%;height: auto;background: #F5F5F5;backdrop-filter: blur(25px);}
.detail-content .content-layout.book .img-area a {margin: 0 auto; padding: 80px 0 55px; width: 200px; border:none;}
.detail-content .content-layout.book .img-area img {width: 100%; box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.10);}
.content-layout.book .book-title {display: flex; align-items: center; justify-content: space-between; height: 68px; padding: 0 16px; border-top: 1px solid #E1E1E1; background: #F5F5F5;}
.content-layout.book .book-title p{margin: 0; text-align: left; width: calc(100% - 104px); font-size: 14px;line-height: 1.6; font-weight: 500; letter-spacing: -1px; color: #9F9F9F; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
.content-layout.book .book-title .btn-group {}
.content-layout.book .book-title  .btn-group .btn {margin: 0; width: 84px; height: 34px; font-size: 13px; line-height: 34px; border-color: #9F9F9F; color: #9F9F9F; background-color: transparent;}