@charset "utf-8";
/* 공통  */
.details_cbox {padding:25px 20px; border-bottom:10px solid #f6f6f6;}
.details_cbox_t{padding:25px 20px;  border-bottom:10px solid #f6f6f6;}
.details_cbox_b{padding:0px 20px 25px;}
.writer_txt{display:inline-block; font-size:13px; color:#666; line-height:19px;}
.s_tit_box{position: relative;}
.s_tit_box .btn_outline.btn_sm{position: absolute; right:0; top:15px; }
.picks{font-size:12px; color:#666; padding: 4px 5px 4px; border-radius: 2px; border: solid 1px #dddddd;}
.picks .ico_heart{margin-right:6px;}

/* 작가 - 위치 - 출판사 (언더라인 및 오른쪽 라인)*/
.rlinebot_none{position: relative; margin-right: 7px; padding-right: 9px; line-height: 25px; font-size:13px; color:#767676;}
.rline_bot{position: relative; margin-right: 7px; padding-right: 9px; line-height: 25px; font-size:13px; color:#767676; text-decoration: underline; text-underline-position: under;}
.rline_bot:after{content: ''; position: absolute; bottom:3px; right:0px; background:#ddd; width:1px; height:10px; }
.rline{position: relative; margin-right: 7px; padding-right: 9px; line-height: 25px; font-size:13px; color:#767676;}
.rline:after{content: ''; position: absolute; bottom:3px; right:0px; background:#ddd; width:1px; height:10px; }

/* 상세 고정구매버튼 */
.detail_fixd_box .detail_btn_box .sale_btn_box .sale_btn_sale{display:none;}
/* .sale_btn_box .sale_btn_sale .choice_box .choice_list_box ul{overflow-y: auto; max-height: 200px;}  */
.detail_fixd_box.selected .detail_btn_box .sale_btn_box .sale_btn_sale{display:block;}
.detail_fixd_box.selected .detail_btn_box .img_box{background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/detail_fixd_off.png);}
.detail_fixd_box.selected .detail_btn_box .sale_btn_box::after{content:''; top:-5px;}
.sale_btn_box .sale_btn_sale .choice_box .choice_list_box ul li{width:100%; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis;}
.detail_fixd_box{position:fixed; width:100%; bottom:0; left:0; z-index:101;}
.detail_btn_box{position: relative;} 
.detail_btn_box::after{content:''; position: absolute; top:-5px; left:0; width:100%; height:5px; background:#fff; box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.15);}
/* .detail_btn_box .img_box{position:absolute; top:-13px; left:50%; z-index: 9; width:80px; height:25px; transform: translate(-50%, -50%);  background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/detail_fixd_on.png); background-size:100%;} */
/* 크롬 구버전 */
.detail_btn_box .img_box{position:absolute; top:-12px; left:50%; z-index: 9; width:80px; height:25px; margin: -13px 0 0 -40px;  background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/detail_fixd_on.png); background-size:100%;}
.sale_btn_box{position:relative;}
.sale_btn_box .sale_btn_sale{height:auto; background:#fff; padding:18px 20px 30px;}
.sale_btn_box .sale_btn_sale .txt{display:block; font-size:12px; color:#5a68a1; font-weight:400;}
.sale_btn_box .sale_btn_sale .choice_box{width:100%; padding:0 0 10px 0;}

.sale_btn_box .sale_btn_sale .sel_engrave{display:block; height:40px; margin-bottom:12px; line-height:40px; font-size:13px; font-weight:700; color:#5a68a1; text-align:center; border:1px solid #5a68a1;}

.detail_btn_box .detail_btn{display:flex;}
.detail_btn_box .detail_btn a{flex:1;}

.selected .detail_btn {display:none;}
.selected .futures_box {display:flex;}
.futures_box{display:flex; background:#fff; display:none; border-top: 1px solid #eee; box-sizing: border-box;}
.futures_box .btn_futures{width:50px; height:50px; background-color:#fff; font-size:0; background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_color.png); background-size:32px 32px; background-repeat: no-repeat; background-position: center;}
.futures_box .btn_futures.disabled{background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_color_off.png);}
.futures_box .btn_secondary,
.futures_box .btn_primary{width:50%; height:50px; flex:1;}
.detail_btn a + .disabled,
.futures_box a + .disabled {border-left:1px solid #ddd !important;}

/* 비쥬얼 배너 */
.dat_visual_box{position: relative; padding-bottom:35px; overflow: hidden; background-color: rgba(0, 0, 0, 0.2); -webkit-border-radius: 0 0 20px 20px; border-radius: 0 0 20px 20px;}
.dat_visual_box .visual_banner{position: absolute; left:-10%; top:-10%; right:-10%; bottom:-10%; z-index:-1; background-repeat:no-repeat; background-position:center center; background-size: 100%; opacity: .8; -webkit-filter: blur(15px);}

.dat_visual_box .visual_inner{flex:1; }
.dat_visual_box .img_box{width:190px; margin:0px auto; margin-top:35px; box-shadow: 4px 6px 10px 0 rgba(0, 0, 0, 0.25);}
.dat_visual_box .img_box img{max-height:265px;}
.dat_visual_box .klover_box{text-align:center; margin-top:-20px;}
.dat_visual_box .klover_box .score_num{position:relative; display:inline-block; margin:0 auto; padding:0 10px 0 34px; height:30px; line-height:30px; font-size:14px; color:#fff; font-weight:700; background:#20b389; border-radius: 50px;  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.1);}
.dat_visual_box .klover_box .score_num .ico_klover_l{ z-index: 9; position: absolute; left:12px; top:5px; width:15px; height:22px; }
.dat_visual_box .klover_box .score_num .ico_klover_l.level00 {background-position:left 1px;}
.dat_visual_box .klover_box .score_num .ico_klover_l.level01 {background-position:left -22px;}
.dat_visual_box .klover_box .score_num .ico_klover_l.level02 {background-position:left -44px;}
.dat_visual_box .klover_box .score_num .ico_klover_l.level03 {background-position:left -64px;}
.dat_visual_box .klover_box .score_num .ico_klover_l.level04 {background-position:left -88px;}
.dat_visual_box .klover_box .score_num .ico_klover_l.level05 {width:26px; height:22px; left:8px; }
.dat_visual_box .klover_box .score_num em{font-size:12px; color:#fff; font-weight:400;}

.dat_visual_box .visual_icon_box{display: flex; justify-content: center; margin-top:25px;}
.dat_visual_box .visual_icon_box .visual_icon{display:inline-block; min-width: 65px; height: 28px; margin-right:5px; padding:0 8px; box-sizing: border-box; font-size:12px; color:#222; text-align:center; line-height:28px; font-weight:700; border-radius: 2px; background-color:rgba(255, 255, 255, .8); background-size: 100%;}
.dat_visual_box .visual_icon_box .visual_icon:last-child{margin:0;}

.dat_visual_box .visual_share{position: absolute; top:15px; right:15px;}
.dat_visual_box .visual_share a{display:block; width: 40px; height: 40px; border-radius: 50px; background-color: rgba(0,0,0,.2);}
.dat_visual_box .visual_share a:first-child{margin-bottom:10px;}
.dat_visual_box .visual_share a .share{display:block; position:relative; font-size:0;}
.dat_visual_box .visual_share a .share::after{content:''; position: absolute; left:8px; top:10px; width:20px; height:20px; background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_wshare.png); background-size:100%;}
.dat_visual_box .visual_share a .down{display:block; position:relative; font-size:0;}
.dat_visual_box .visual_share a .down::after{content:''; position: absolute; left:8px; top:6px; width:24px; height:24px; background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_down.png); background-size:100%;}

/* 도서상세 타이틀 */
.detail_title{padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee;}
.detail_title .title_label{padding-bottom:15px;}
.detail_title .det_title{display:block; font-size:22px; color:#222; font-weight:700; word-break:break-all;}
.detail_title .det_text{display:block; padding-top:5px; font-size:14px; color:#666; font-weight:400;}

/* 상세 금액 할일 살명 */
.publisher_box{padding-bottom:10px; }
.publisher_box .date{display:inline-block; font-size:13px; color:#767676; line-height:25px;}
.publisher_box .author {position:relative; display:inline-block; margin-right:7px; padding-right:9px;}
.publisher_box .author:after {content:''; position:absolute; top:50%; right:0; margin-top:-5px; background:#ddd; width:1px; height:10px;}
.publisher_box .author a {color:#767676; font-size:13px; line-height:25px; text-decoration:underline; text-underline-position:under;}
.publisher_box .author span {position:relative;}
.publisher_box .author span + span:before {content:','; margin:0 4px 0 2px;}
.publisher_box .author button {position:relative; display:none; width:25px; height:25px; margin-left:2px; background-color:transparent; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_down_s.png); background-repeat:no-repeat; background-position:center center; background-size:12px 12px; font-size:0; line-height:0; vertical-align:middle;}
.publisher_box .author button:after {content:''; position:absolute; top:50%; right:0; margin-top:-5px; background:#ddd; width:1px; height:10px;}
.publisher_box .author.more_author {display:block; margin:0; padding:0;}
.publisher_box .author.more_author:after {display:none;}
.publisher_box .author.more_author button {display:inline-block;}
.publisher_box .author .author_box {display:none; position:absolute; left:0; top:30px; width:265px; padding:10px 15px; border:1px solid #aaa; background:#fff; box-shadow:4px 6px 6px 0 rgba(0, 0, 0, 0.1); z-index:2; box-sizing:border-box;}
.publisher_box .author .author_box a {line-height:22px;}
.publisher_box .author.selected .author_box {display:block;}
.publisher_box .author.selected button {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_up_s.png);}

.tag_box{padding-bottom:20px;}
.tag_box .label_outline01{margin-right:10px; text-decoration: none;}
.tag_box .bar{position: relative; display:inline-block; margin-right: 7px; padding-right: 9px; font-size:13px; color:#666;  text-decoration: underline; text-underline-position: under;}
.tag_box .bar:after{content: ''; position: absolute; bottom:3px; right:0px; background:#ddd; width:1px; height:10px; }
.tag_box .bar:last-child:after{display:none;}
.tag_box .bar em{font-size:13px; color:#5a68a1; font-weight:700;}
.tag_box em{color:#ca6e18}

.sale_box{position: relative; padding-bottom:20px;}
.sale_box .cost_box span{font-size:14px; font-weight:400; color:#767676;}
.sale_box .cost_box span:first-child::after{content:''; display:inline-block; width:12px; height:12px; margin: 0 1px 0 5px; vertical-align:middle; background-image:url(https://simage.kyobobook.co.kr/mimages/static2//images/ui2020/ico_cost.png); background-position: center; background-size:cover; background-repeat:no-repeat;}
.sale_box .cost_box span em{font-size:14px; font-weight:400; color:#767676;}
.sale_box .cost{font-size:14px; color:#767676; text-decoration: line-through;}
.sale_box strong{font-size:16px; font-weight:bold;  padding-right:2px; }
.sale_box .percent{font-size:20px; font-weight:700; color:#4bac27;}
.sale_box .sale{position:relative; font-size:20px; color:#fd6d4c; font-weight:700;}
.sale_box .sale .day_rank{margin-left:3px;}
.sale_box .sale span{ font-size: 14px; color:#767676; font-weight:400;}
.sale_box .point{display: block; font-size:12px; color:#767676;}
.sale_box .coupon{position: absolute; right:0; top:20px; width:63px; height:24px; background-color:#4cac26; font-size:12px; font-weight:400; border-radius:2px; color:#fff; text-align:center; line-height: 24px;}
.sale_box .point_txt{padding-top:15px;}
.sale_box .point_txt p{font-size:13px; color:#666; line-height: 22px;}

.pay_inner{display: flex; justify-content: space-between; align-items: center; padding-bottom:12px;}
.pay_inner .number_box{display: flex; justify-content: center; align-items: center; width:90px; height:32px; border-radius: 50px; border:1px solid #ccc; box-sizing: border-box; }
.pay_inner .number_box button{font-size:0; width:22px; height:22px; background:#fff; line-height:12px; background-size:12px 12px; background-position:center center; background-repeat:no-repeat; }
.pay_inner .number_box button:first-child{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_minus_pop.png);}
.pay_inner .number_box button:last-child{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_plus_pop.png);}
.pay_inner .number_box input{width:25px; height:30px; padding:0; font-size:13px; color:#222; font-weight:700; line-height: 30px; border:none; text-align: center; }
.pay_inner .pay{font-size: 17px; color:#fd6d4c;}
.pay_inner .pay span{color:#222;}

.benefit_box{display: flex; justify-content: space-between; align-items: center; margin-top:20px;}
.benefit_box strong{font-size:13px; color:#222;}

/*  취소/ 반품에 대한 안내(필수) */
.details_cbox .sub_title .s_tit{margin-top: 0px;}
.necessary{display:block; font-size:13px; color:#666; padding:10px 0 17px; }
.necessary em {color:#5a68a1; font-weight:700;}

/* 배송지 주소지 판매상태 */
.details_address{position:relative;}
.details_address li{display: flex; padding:18px 0 0;}
.details_address li.add_box{padding:9px 0 0;}
.details_address li:first-child{padding:0;}
.details_address li .add_tit{font-size:13px; color:#222; width:80px;}
.details_address li .add_box {display:flex; flex:1; justify-content:space-between; flex-wrap:wrap; font-size:13px; color:#666;}
.details_address li .add_box .add_text {flex:1; padding-right:3px;}
.details_address li .add_subbox{display:flex; justify-content:space-between; width:100%; margin-top:14px;}
.details_address li .add_subbox .add_point{margin:0; flex:1;}
.details_address li .add_point{width:100%; display:block; margin-top:10px;}
.details_address li .day_rank{margin-left:5px; vertical-align: middle;}
.details_address li .btn_outline.btn_sm{margin-top:-4px;}
.details_address li .bn_barodream_event{position: absolute; top:82%; right: 0px; width: 60%; max-width: 388px; max-height:102px; z-index: 15;}
.details_address li .bn_barodream_event img{width:100%;}
/* 알립니다 */
.details_tip .s_tit{padding-bottom:15px;}
.details_tip span{display:block; font-size:13px; color:#666;}

/* 이벤트 */
.details_goods_event{height:130px; border-top:none !important; border-bottom:10px solid #f6f6f6;}
.details_goods_event.selected{height:auto;}
.details_goods_event.selected .goods_event_box .music_event:first-child{border-bottom:1px solid #eee;}
.details_goods_event .goods_event_box .music_event:first-child{border-bottom:none;}
.details_goods_event .goods_event_box .music_event{padding:17px 0; border-bottom:1px solid #eee;}
.details_goods_event .goods_event_box .music_event span{display:block; font-size:14px; color:#222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.details_goods_event .goods_event_box .music_event em{display:block; padding-top:8px; font-size:12px; color:#aaa;}
.details_goods_event.selected .goods_event_box{padding:0 0 10px;}
.details_goods_event .goods_event_box .music_event:last-child{border-bottom: none;}

/* 이 책의 개정정보 */
.details_tip .btn_default{position:relative; display: block;  margin-top:15px; font-size:13px; color:#222; font-weight:700; border:1px solid #aaa; box-sizing: border-box; }
.details_tip .btn_default::after{content:''; position:absolute; right:14px; top:50%; width:12px; height:12px; margin-top:-6px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_right_btn.png); background-size: 100%;}

/* 이 책의 이벤트 */
.details_event .s_tit{padding:0 0 15px;}
.details_event ul{display: flex;}
.details_event ul li{flex-shrink:0; -webkit-transform: translateZ(0); margin-right:15px;}
.details_event ul li:last-child{margin-right:0px;}
.details_event .details_event_book{padding-bottom:30px;}
.details_event .details_event_book .img_box{width:300px; height:133px; border-radius: 5px;}

/* 이 책의 관련 상품 */
.details_relation{padding-bottom:30px;}
.details_relation .ico_tab_detail{display:flex; justify-content: end;}
.details_relation .ico_tab_detail li {width:25%; margin-right:0px; min-height:112px;}
.details_relation .ico_tab_detail li a {display: block; text-align: center;}
.details_relation .ico_tab_detail li span {display:flex; justify-content:center; align-items:center; width:60px; height:60px; margin:0 auto 10px; border-radius:30px; font-size:0; line-height:0; background-color:#f6f6f9;}
.details_relation .ico_tab_detail li.selected span{background-color: #5a68a1;}
.details_relation .ico_tab_detail li span:before{content:''; width:42px; height:42px; background-size:100% auto; background-repeat:no-repeat;}
.details_relation .ico_tab_detail li.selected strong{ text-decoration: underline; text-underline-position: under;}
.details_relation .ico_tab_detail li strong{display:block; font-size:14px; color:#aaa; font-weight:400; line-height:19px; }
.details_relation .ico_tab_detail li.selected strong{color:#222;}
.details_relation .ico_tab_detail li span.on:before{content: ''; background-position:left -42px;}
.details_relation .ico_tab_detail li.selected span:before{content: ''; background-position:left -42px;}
.details_relation .ico_tab_detail li .ico_shopping_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_shopping_img.png);}
.details_relation .ico_tab_detail li .ico_application_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_application_img.png);}
.details_relation .ico_tab_detail li .ico_ebook_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_ebook_img.png);}
.details_relation .ico_tab_detail li .ico_audiobook_img:before{background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_audiobook_img.png);}
.details_relation .ico_tab_detail li p{display:none; padding-top:5px; font-size:13px; color:#aaa; font-weight:700;}
.details_relation .ico_tab_detail li.selected p{display:block;}
.details_relation .ico_tab_detail li p em{font-size:13px; color:#aaa;font-weight:400;}
.details_relation .ico_tab_detail li.selected p{padding-top:5px; font-size:13px; color:#222; font-weight:700;}
.details_relation .ico_tab_detail li.selected p em{font-size:13px; color:#222;font-weight:400;}

/* 구성내역 */
.details_construction .product_box{padding-bottom:20px;}
.details_construction .product_box:last-child{padding-bottom:30px;}

/* 함께 구매하신 상품 */
.details_event .s_tit em{font-size:15px; font-weight:400; color:#222;}
.details_group_buying {margin:0 -20px 20px;}
.details_group_buying ul{display: flex; padding-bottom:15px;}
.details_group_buying ul li{width:33.333%; flex-shrink:0; -webkit-transform: translateZ(0); margin:0; text-align:center; box-sizing: border-box; }
.details_group_buying .img_box{display:flex; flex-direction: column-reverse; overflow:visible; vertical-align:top; width:90px; height:130px; margin:0 auto;}
.details_group_buying .img_box img{height:auto; max-height:100%; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1);}
.details_group_buying ul li:nth-child(3n + 1) {padding-left:20px; text-align:left;}
.details_group_buying ul li:nth-child(3n + 1) .img_box {margin-left:initial; margin-right:auto;}
.details_group_buying ul li:nth-child(3n + 3) {padding-right:20px; text-align:right;}
.details_group_buying ul li:nth-child(3n + 3) .img_box {margin-left:auto; margin-right: initial;}
.details_event .compare_btn .btn_default{width:100%; font-weight:700;}

/* 상세 텝 리스트 */
.tablist_box{ display:flex; height:50px; background-color: #5a68a1; text-align:center; width:100%; box-sizing: border-box;}
.tablist_box li{flex:1; height:50px;  line-height: 50px; }
.tablist_box li a{position: relative; display:inline-block; font-size:16px; font-weight:400; padding:0 10px; color:#fff; text-align: center; font-weight:400;}
.tablist_box li:first-child a {margin-left:0px;}
.tablist_box li:last-child a {margin-right:0px; }
.tablist_box li.selected a{font-weight:700;}
.tablist_box li.selected a::after{content: ''; position:absolute; bottom: -2px; left:0; right:0; height:4px; background:#353f67; border-radius: 5px; }

/* 도서 상품정보 */
.details_book_skinny .details_outline_Pick{padding:15px 0 15px;}
.details_outline_Pick .keyword_list_box{margin:0 -20px;}
.details_outline_Pick .keyword_list_box li{margin-right:5px; padding:0;}
.details_outline_Pick .keyword_list_box li:first-child a{margin-left:20px;}
.details_outline_Pick .keyword_list_box li:last-child a{margin-right:20px;}
.details_book_skinny .details_cbox{border-bottom:none; padding-bottom:0;}
.details_book_skinny .details_cbox + .details_cbox{padding-top:0;}
.details_book_skinny .details_cbox:last-child{padding-bottom:20px;}
.details_book_skinny .category_box {padding:15px 0 30px;}
.details_book_skinny .category_box .category{padding:3px;}
.details_book_skinny .day_rank{display:inline-block; padding:0; vertical-align: middle;}
.details_book_skinny .s_tit span{display:inline-block; margin-right:6px;}
.details_book_skinny .s_tit .btn_outline_r{margin-right:6px;}

/* 이 책의 키워드 Pick */
.details_book_skinny ul{display: flex; padding-bottom:15px;}
.details_book_skinny ul li{flex-shrink:0; -webkit-transform: translateZ(0); box-sizing: border-box; }
.details_book_skinny .details_titles{padding:0;}

.details_keyword_push {padding:15px 0 5px; margin:0 -20px;}
.details_keyword_push ul li {display:flex; justify-content: space-between;}
.details_keyword_push ul li .img_box:nth-child(3n + 1){padding-left:20px; text-align:left;}
.details_keyword_push ul li .img_box:nth-child(3n + 3){padding-right:20px; text-align:right;}
.details_keyword_push ul li .img_box {display:flex; flex-direction: column-reverse; width:90px; height:130px; text-align:center;  overflow: inherit;}
.details_keyword_push ul li .img_box img{height:auto; max-height:100%; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1);}

/* 책소개 */
[class^="introbook_"]{position:relative; overflow:hidden; box-sizing:border-box; padding:30px 20px 0;}
[class^="introbook_"].selected{height:auto;}
[class^="introbook_"].selected.scroll_bg::after{display: none;}
[class^="introbook_"].selected .btn_more{display: none;}
[class^="introbook_"]:last-child{margin:0 0 25px;}
[class^="introbook_"] .btn_more{z-index: 2; position: absolute; left:50%; bottom:0; -webkit-transform: translate(-50%, 0%);}
[class^="introbook_"] .introbook_txt{line-height:1.7; font-size:16px; color:#666; margin:0; padding:0;}
[class^="introbook_"] strong{display:block; line-height:1.7; font-size:16px; color:#222; padding-bottom:15px;}
[class^="introbook_"] .dvd_info_txt em{display:block; font-size:13px; font-weight:400; color:#666;}
[class^="introbook_"] img {width:100%;}
[class^="introbook_"] .img_box{width: calc(100% + 40px); height:auto; margin:-30px -20px 0;}
.introbook_h220{height:220px;}
.introbook_h200{height:200px;}
.introbook_h144{height:144px;}
.introbook_subject{height:200px;}
.introbook_subject strong{display:inline; padding:0;}
.introbook_subject span{font-size:13px; color:#666; font-weight:400; line-heighT:19px;}
.introbook_subject img{width:100%;}

/* 상품 규격정보 */
[class^="details_goods_"]:first-child{border-top:10px solid #f6f6f6;}
.details_series_info,
[class^="details_goods_"] {position: relative; overflow: hidden; padding:0 20px; border-top:10px solid #f6f6f6;}
.details_series_info .details_btn,
[class^="details_goods_"] .details_btn {position: absolute; right:0; top:0; width:56px; height:50px; background-color:transparent; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_arrow_down.png); background-repeat:no-repeat; background-size:24px 24px; background-position:center center;}
.details_series_info.selected .details_btn,
[class^="details_goods_"].selected .details_btn {background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_arrow_up.png);}
.details_series_info.selected .day_rank,
[class^="details_goods_"].selected .day_rank{background-position: left top;}
.details_series_info .s_tit,
[class^="details_goods_"] .s_tit{height:50px; line-height:50px;}
.details_series_info .goods_series_book,
[class^="details_goods_"] .goods_library_book,
[class^="details_goods_"] .goods_kstory_book,
[class^="details_goods_"] .goods_kstory_book,
[class^="details_goods_"] .goods_book_review,
[class^="details_goods_"] .goods_info_box {display:none;}
.details_series_info.selected .goods_series_book,
[class^="details_goods_"].selected .goods_library_book,
[class^="details_goods_"].selected .goods_kstory_book,
[class^="details_goods_"].selected .goods_book_review,
[class^="details_goods_"].selected .goods_info_box {display:block;}

.goods_info_box .btn_outline_r{margin-bottom:5px; pointer-events: none;}
.details_goods_info .goods_info_box{height:auto; padding-bottom:15px;}
.details_goods_info .goods_info_box > div{display:flex; justify-content: start; padding-bottom: 15px;}
.details_goods_info .goods_info_box strong{ padding:0; width:75px; font-size:13px; margin-right: 13px; color:#222;}
.details_goods_info .goods_info_box span{flex: 1; font-size:13px; color:#665;}
.details_goods_info .goods_info_box .kc_mark{display: block; width:62px; background: url(https://simage.kyobobook.co.kr/mimages/static2/images/common/bg/bg_kc_mark.png) 0 top no-repeat; background-size: auto 16px; padding-left: 15px;}
.details_goods_info .goods_library_book{margin-bottom:30px;}

/* 저자소개 */
.details_goods_h160 .goods_info_box .writer_txt{margin:12px 0;}
.details_goods_h160.selected .writer_intro_box {padding-bottom:15px;}
.details_goods_h160.selected .writer_intro_box .img_box{width:60px; height:76px;}
.writer_intro_box{display: flex; padding:10px 0 30px; align-items: center;}
.writer_intro_box .img_box{width:60px; height:76px; border-radius: 5px;}
.writer_intro_box .myself_intro{padding-left:20px; flex:1;}
.writer_intro_box .myself_intro .picks{padding:3px 5px 3px;}
.writer_intro_box .myself_intro .btn_outline.btn_sm{vertical-align:inherit;}
.writer_intro_box .myself_intro .writer{font-size:13px; color:#666; font-weight:400; padding-bottom:10px;}
.writer_intro_box .myself_intro .writer strong{position: relative; padding-left:16px; vertical-align: text-top;}
.writer_intro_box .myself_intro .writer strong:before{content:''; position: absolute; left:7px; top:0px; width:1px; height:12px; background:#ddd;}

.writer_books{margin:20px 0 25px;}
.writer_books ul{display: flex; }
.writer_books ul li{flex-shrink:0; -webkit-transform: translateZ(0); box-sizing: border-box; margin-right:15px;}
.writer_books ul li:last-child{margin-right:0;}
.writer_books ul li .img_box{overflow: visible; display: flex; flex-direction: column-reverse;width:120px; height:175px;}
.writer_books ul li .img_box img{height:auto; max-height:100%; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1);}

.relation_books {margin:15px 0 25px;}
.relation_books ul{display: flex; }
.relation_books ul li{flex-shrink:0; -webkit-transform: translateZ(0); box-sizing: border-box; margin-right:15px;}
.relation_books ul li:last-child{margin-right:0;}
.relation_books ul li .img_box{display:flex; flex-direction:column-reverse; overflow:visible; width:120px; height:175px;}
.relation_books ul li .img_box img{height:auto; max-height:100%; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1);}
.relation_books .bok_sale,
.relation_books .bok_name{ width:120px; padding-top:20px; height:36px; font-size:14px; color:#222; font-weight:700; display:block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}
.relation_books .bok_sale{padding-top:10px; font-size:17px; color:#222; letter-spacing: normal;}
.relation_books .bok_sale em{font-size:12px; color:#222; font-weight:400;}

/* 역자 */
.translator_intro {border-top:1px solid #eee;}
.translator_intro .translator_intro_box{padding:30px 0 15px; display:flex; align-items: center;}
.translator_intro .translator_intro_box .img_box{width:60px; height:76px; border-radius: 5px;}
.translator_intro .translator_intro_box .myself_intro{padding-left:20px; }
.translator_intro .translator_intro_box .myself_intro .writer{font-size:13px; color:#666; font-weight:400;}
.translator_intro .translator_intro_box .myself_intro .writer strong{position: relative; padding-left:16px; vertical-align: text-top;}
.translator_intro .translator_intro_box .myself_intro .writer strong:before{content:''; position: absolute; left:7px; top:0px; width:1px; height:12px; background:#ddd;}

/* 작가의 책 */
.penman_books{padding:30px 0 30px;}
.penman_books ul{display: flex;}
.penman_books ul li{flex-shrink:0; -webkit-transform: translateZ(0); box-sizing: border-box; margin-right:15px;}
.penman_books ul li:last-child{margin-right:0;}
.penman_books ul li .img_box{ display:flex; flex-direction:column-reverse; overflow:visible; width: 120px; height: 175px;}
.penman_books ul li .img_box img{ height:auto; max-height:100%; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1);}

/* 출판사 서평 */
.goods_book_review{padding:0px 0 30px;}

/* 스토리:K */
.goods_kstory_book{padding:0 0 30px;}
.goods_kstory_book li{border-bottom:1px solid #eee; box-sizing: border-box;}
.goods_kstory_book li a{position: relative; display: block; color: #222; font-size: 14px; font-weight: 400; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.goods_kstory_book li a span{font-size:14px; color:#5a68a1}

/* 이책의 시리즈 */
.details_series_info .picks{z-index: 2; margin-left:20px;}
.goods_series_book {position: relative; margin:10px 0 30px; padding:0 0 20px;}
.goods_series_book ul{display: flex;}
.goods_series_book ul li{flex-shrink:0; -webkit-transform: translateZ(0); box-sizing: border-box; margin-right:15px;}
.goods_series_book ul li:last-child{margin-right:0;}
.goods_series_book ul li .img_box{display:flex; flex-direction:column-reverse; overflow:visible; width:120px; height:175px;}
.goods_series_book ul li .img_box img{height:auto; max-height:100%; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1);}
.goods_series_book .bok_sale,
.goods_series_book .bok_name{ width:120px; display:block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}
.goods_series_book .bok_name{padding-top:20px; height:36px; font-size:14px; color:#222; font-weight:700;}
.goods_series_book .bok_sale{padding-top:10px; font-size:17px; color:#222; letter-spacing: normal;}
.goods_series_book .bok_sale em{font-size:12px; color:#222; font-weight:400;}
.goods_series_book .swiper-scrollbar {left:0px; right:0px;}

/* 이 책의 총서 */
.goods_library_book{position: relative; margin:10px 0 0px;  padding:0 0 20px;}
.goods_library_book ul{display: flex;}
.goods_library_book ul li{flex-shrink:0; -webkit-transform: translateZ(0); box-sizing: border-box; margin-right:15px;}
.goods_library_book ul li:last-child{margin-right:0;}
.goods_library_book ul li .img_box{display:flex; flex-direction:column-reverse; overflow:visible; width:120px; height:175px;}
.goods_library_book ul li .img_box img{height:auto; max-height:100%; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1);}
.goods_library_book .bok_sale,
.goods_library_book .bok_name{ width:120px; display:block; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}
.goods_library_book .bok_name{padding-top:20px; height:33px; font-size:14px; color:#222; font-weight:700;}
.goods_library_book .bok_sale{padding-top:10px; font-size:17px; color:#222; letter-spacing: normal;}
.goods_library_book .bok_sale em{font-size:12px; color:#222; font-weight:400;}
.goods_library_book .swiper-scrollbar {left:0px; right:0px;}

/* klover 리뷰 시작 */
.details_klover_review{padding:26px 20px;}
.details_klover_review p{padding:18px 0 20px; font-size:13px; color:#5a68a1;}
.details_klover_review .btn_outline.writing{width:100%; font-weight:700; }
.details_klover_review .klover_total_box {padding:30px 0;}
.details_klover_review .klover_total_box .total_txt{display:inline-block; padding-right:10px; font-size:14px; color:#333; }
.details_klover_review .klover_total_box .total_num{font-size:14px; color:#333;}
.details_klover_review .klover_total_box .total_nums{font-size:14px; color:#888;}
.details_klover_review .klover_total_box .total_bar{position:relative; height:30px;}

.details_klover_review .klover_total_box .total_bar .ico_klover_l{ z-index: 9; position: absolute; left:0; top:-8px; width:24px; height:35px; }
.details_klover_review .klover_total_box .total_bar .ico_klover_l.level00 {background-position:left 0;}
.details_klover_review .klover_total_box .total_bar .ico_klover_l.level01 {background-position:left -34px;}
.details_klover_review .klover_total_box .total_bar .ico_klover_l.level02 {background-position:left -70px;}
.details_klover_review .klover_total_box .total_bar .ico_klover_l.level03 {background-position:left -105px;}
.details_klover_review .klover_total_box .total_bar .ico_klover_l.level04 {background-position:left -141px;}
.details_klover_review .klover_total_box .total_bar .ico_klover_l.level05 {width:36px; height:29px;}

.details_klover_review .klover_total_box .total_bar .progressbar {position:relative; overflow:hidden; display:block; width:100%; height:8px; margin-top:13px; border-radius: 4px;}
.details_klover_review .klover_total_box .total_bar .progressbar::-webkit-progress-bar {background-color: #f1f3f5; border-radius: 4px;}
.details_klover_review .klover_total_box .total_bar .progressbar::-webkit-progress-value {background: linear-gradient(to left, rgb(10,211,102), rgb(148,231,188)); border-radius:4px;}

.details_klover_review .klover_total_box .happy_box{display:flex; justify-content: space-around; align-items: center; text-align: center;}
.details_klover_review .klover_total_box .happy_box li .img_box{display:block; width:36px; height:36px; margin:0 auto;}
.details_klover_review .klover_total_box .happy_box li .img_box img{height:auto; margin-top:-36px;}
.details_klover_review .klover_total_box .happy_box li .happy_txt{display:block; font-size:12px; color:#767676; font-weight:400; margin-top:8px;}
.details_klover_review .klover_total_box .happy_box li .happy_num{display:block; font-size:15px; color:#333; margin-top:8px;}
.details_klover_review .klover_total_box .happy_box li .happy_num em{font-size:10px; font-weight:400;}

/* 리뷰 작성*/
.details_review_box .review_tab_box{position: relative; display:flex; justify-content:space-between; }
.details_review_box .review_tab_box > ul {display:flex;}
.details_review_box .review_tab_box .review_tab{text-align: center;}
.details_review_box .review_tab_box .review_tab li{overflow:hidden; width: 76px; height:35px; line-height:35px; border:1px solid #c9c9c9; border-radius:8px 8px 0 0;}
.details_review_box .review_tab_box .review_tab li.selected{border-bottom:none; border-radius:8px 8px 0 0;}
.details_review_box .review_tab_box .review_tab li:first-child.selected{border-right:none;}
.details_review_box .review_tab_box .review_tab li:last-child.selected{border-left:none;}
.details_review_box .review_tab_box .review_tab li a{display:block; font-size:14px; color:#aaa; background-color: #f6f6f6;}
.details_review_box .review_tab_box .review_tab li.selected a{display:block; font-size:14px; color:#222; background-color: #fff;}

.details_review_box .review_tab_box .review_detach{width: 100%; justify-content: flex-end; border-bottom:1px solid #c9c9c9; box-sizing: border-box;}
.details_review_box .review_tab_box .review_detach li {line-height:35px;}
.details_review_box .review_tab_box .review_detach li a{font-size:13px; color:#aaa; font-weight:400;}
.details_review_box .review_tab_box .review_detach li.selected a{font-weight: 700; color:#222;}
.details_review_box .review_tab_box .review_detach li:first-child{position: relative; padding-right:22px;}
.details_review_box .review_tab_box .review_detach li:first-child a::after{content: ''; position: absolute; bottom:12px; right:10px; background:#ddd; width:1px; height:11px;}

.review_box{padding:20px 0; border-bottom:1px dashed #eee;}
.details_tab_review .review_usertok{position: relative; margin-top:0px; display: flex; flex-wrap: wrap; align-items: center;}

.review_usertok .delete_btn{height:24px;}
.review_usertok .love_btn{height:24px; line-height:24px; border:1px solid #ddd; padding:0 10px; box-sizing:border-box;}
.details_tab_review .details_klover_review{border-bottom: 10px solid #f6f6f6;}

.details_review_box .btn_more_box{text-align: center; margin-top:20px;}
.details_review_box .btn_outline{display:block; margin-top:20px;}

/* 문장수집 도서상세 리뷰 */
.record_textbox{text-align: center; padding:44px 0 30px;}
.record_textbox .record_title{font-size:14px; font-weight: 700; color:#222;}
.record_textbox .record_txt{display:inline-block; padding-top:15px; font-size:13px; color:#666; font-weight:400;}
.record_textbox .record_txt em{color:#5a68a1; font-weight:700;}
.details_cbox .btn_outline.writing{width:100%;}
.details_cbox .btn_more_box{text-align: center; margin-top:20px;}

.writing_list_box{position: relative;  margin: 24px -20px 34px;}
.writing_list_box ul{display: flex;}
.writing_list_box ul li{flex-shrink:0; -webkit-transform: translateZ(0); width: 300px; margin-right:8px; box-sizing: border-box;}
.writing_list_box ul li:first-child{margin-left:20px;}
.writing_list_box ul li:last-child{margin-right:20px;}
.writing_list_box ul li .writing_box{margin:0;}
.writing_box{position:relative; width:300px; height:240px; margin:50px auto; padding: 25px;  box-sizing: border-box; border-radius: 10px; -webkit-backdrop-filter: blur(30px); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);}
.writing_box:after{content: ''; position: absolute; bottom: -10px; left: 0px; z-index: -10; width: 100%; height: 20px; border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);}
.writing_box:before{content: ''; position: absolute; bottom: -5px; left: 0px; z-index: -5; width: 100%; height: 20px; border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);}
.writing_box .review_usertok{margin:0; border:none; padding-bottom:20px;}
.writing_box .writing_txt{overflow:hidden; height:95px; text-align:center; padding-bottom:8px; font-size:13px; color:#222; font-weight:700; line-height:20px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break:break-all;}
.writing_box .writing_txting{height:95px; padding-bottom:8px; text-align:center; font-size:13px; color:#222; font-weight:700; line-height:20px; }
.writing_box .writing_name{display:block; text-align:center; font-size:12px; color:#767676;}
.writing_box .writing_page{display:block; text-align:center; font-size:12px; color:#767676;}
.writing_box .writing_kyobo{position:absolute; bottom:25px; right:25px; text-align:center; font-size:12px; color:#222; font-weight:700;}
.writing_box.writing_bg01{background-image: linear-gradient(153deg, #efeef4 15%, #fde9e7 85%);} 
.writing_box.writing_bg02{background-image: linear-gradient(122deg, #e4eefe 31%, #faeee5 98%);} 
.writing_box.writing_bg03{background-image: linear-gradient(122deg, #f4fae9 31%, #fdeaed 98%);} 
.writing_box.writing_bg04{background-image: linear-gradient(122deg, #f3f2ee 31%, #eafaf3 98%);} 
.writing_box.writing_bg05{background-image: linear-gradient(123deg, #eff0fb 37%, #ecfbf1 98%);} 
.writing_box .writing_btn_box{position: absolute; bottom:0; left:0; width:100%; height: 40px; border-radius:0 0 10px 10px; background-color: #ffffff; overflow: hidden; display:flex; justify-content: space-between; align-items: center; padding:0 20px; box-sizing: border-box;}
.writing_box .writing_btn_box .capture_btn{display:flex;}
.writing_box .writing_btn_box .capture_btn .img_box{width:24px; height:24px;}
.writing_box .writing_btn_box .capture_btn .img_box:first-child{margin-right:9px;}

.details_record{padding:20px 0; border-bottom:1px dashed #eee;}
/* 구매관련 시작 */
[class^="details_purchase_"] {position: relative; overflow: hidden; height:50px; padding:0 20px; border-top:10px solid #f6f6f6;}
[class^="details_purchase_"] .details_btn::after{content:''; position: absolute; right:20px; top:0; width:50%; height:50px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_arrow_down.png); background-repeat:no-repeat; background-size:24px 24px; background-position: 100%;}
[class^="details_purchase_"].selected .details_btn:after{content:''; position: absolute; right:20px; top:0; width:50%; height:50px; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_arrow_up.png); background-repeat:no-repeat; background-size:24px 24px; background-position: 100%;}
[class^="details_purchase_"].selected .day_rank{background-position: left top;}
[class^="details_purchase_"].selected{height:auto;}
[class^="details_purchase_"] .s_tit{margin-top:15px;}
.details_tab_purchase .details_purchase_info:first-child{border-top:none;}
.details_tab_purchase .details_cbox{border-top:10px solid #f6f6f6; border-bottom:none;}
.goods_purchase_box .pur_tit{display:flex; justify-content: end; font-size:13px; color:#222; padding-bottom:18px;}
.goods_purchase_box .pur_tit:last-child{padding-bottom:30px;}
.goods_purchase_box .pur_tit .day_rank{display:inline-block; margin-left:5px;}
.goods_purchase_box .pur_tit .pur_txt{flex:1; font-size:13px; color:#666; font-weight:400; padding-left:18px;}

.goods_purchase_box li {display: flex;}
.goods_purchase_box li:first-child{padding:0 0 20px; margin-bottom:20px; border-bottom:1px solid #eee;}
.goods_purchase_box li:last-child{ border-bottom:1px solid #eee;}
.goods_purchase_box li .guidance_txt{font-size:13px; color:#666;}
.goods_purchase_box li .pur_title{width:86px; font-size:13px; line-height:18px; color:#222;}
.goods_purchase_box li .pur_text{flex:1; padding-left:14px;}
.goods_purchase_box li .pur_text strong{display: inline-block; padding-bottom:8px; padding-left:8px; font-size:13px; line-height:19px;}
.goods_purchase_box li .pur_text span{display: inline-block; position: relative; padding-left:8px; padding-bottom:15px; font-size:13px; line-height:18px; color:#666; font-weight:400;}
.goods_purchase_box li.pur_text_style .pur_text span{display: inline-block; position: relative; padding-left:8px; padding-bottom:15px; font-size:13px; line-height:18px; color:#666; font-weight:400;}
.goods_purchase_box li.pur_text_style .pur_text span::before{content:'·'; position: absolute; left:0; top:0; color:#666; }

/* 기프트 gift */

/* 비쥬얼 배너 */
.gift_visual_box {position:relative;}
.gift_visual_box ul {display:flex;}
.gift_visual_box ul li {flex-shrink:0; -webkit-transform: translateZ(0); width:100%; box-sizing: border-box;}
.gift_visual_box .img_box{width:100%; border-radius: 0 0 20px 20px;}
.gift_visual_box .img_box img{height:auto;}
.gift_visual_box .visual_share{position: absolute; top:15px; right:15px;}
.gift_visual_box .visual_share a{display:block; width: 40px; height: 40px; border-radius: 50px; background-color: rgba(0,0,0,.2)}
.gift_visual_box .visual_share a:first-child{margin-bottom:10px;}
.gift_visual_box .visual_share a .share{display:block; position:relative; font-size:0;}
.gift_visual_box .visual_share a .share::after{content:''; position: absolute; left:8px; top:10px; width:20px; height:20px; background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_wshare.png); background-size:100%;}
.gift_visual_box .visual_share a .down{display:block; position:relative; font-size:0;}
.gift_visual_box .visual_share a .down::after{content:''; position: absolute; left:8px; top:6px; width:24px; height:24px; background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_down.png); background-size:100%;}
.gift_visual_box .swiper-button-prev,
.gift_visual_box .swiper-button-next {position:absolute; top:45%; width:22px; height:38px; background-repeat:no-repeat; background-size:22px 38px; background-position:center center; background-color:transparent; font-size:0; line-height:0;}
.gift_visual_box .swiper-button-prev {left:10%;background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_arrow_L.png);}
.gift_visual_box .swiper-button-next {right:10%; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_arrow_R.png);}
.gift_visual_box .control_group {position:absolute; left:45%; bottom:30px; display:flex; justify-content:space-between;}
.gift_visual_box .control_group .all_banner_btn {position:relative; height:22px; background:rgba(255,255,255,.3); border-radius:11px; text-align:center; box-sizing:border-box;}
.gift_visual_box .control_group .all_banner_btn .swiper-pagination {display:block; width:52px; color:#000; font-size:11px; line-height:22px; vertical-align:top;}
.gift_visual_box .control_group .all_banner_btn .swiper-pagination .swiper-pagination-current {font-weight:700;}

/* 기프트 타이틀 가격 */
.coupon_sale_box{position: relative; padding-bottom:20px;}
.coupon_sale_box .coupon{position: absolute; right:0; top:-2px; width:63px; height:24px; background-color:#4cac26; font-size:12px; font-weight:400; border-radius:2px; color:#fff; text-align:center; line-height: 24px;}
.coupon_sale_box .coupon_sale{font-size:13px; color:#222;}
.coupon_sale_box .cost{display:inline-block; padding:0 3px 0 20px; font-size:14px; color:#767676; text-decoration: line-through;}
.coupon_sale_box .sale{padding-right:24px; font-size:14px; color:#fd6d4c; font-weight:700; }
.coupon_sale_box .sale em{color:#767676; font-weight:400; }

.gift_sale .pay_inner{padding-bottom:20px;}

.gifts_box{display: flex; padding-bottom:20px;}
.gifts_box .coupon_sale{width:67px; font-size:13px; color:#222;}
.gifts_box .gifts_type{flex:1; display:inline-block; padding:0 3px 0 20px;}
.gifts_box .gifts_type .gifts_title{display:block; font-size:13px; color:#5a68a1; font-weight: 700;}
.gifts_box .gifts_type .gifts_time{display:block; font-size:13px; color:#666; font-weight: 400;}

.gift_sale .publisher_box{padding-bottom:0;}

/* 상품상세정보 */
.gift_book_skinny .details_cbox{border-top:none; border-bottom:none;}
.castle_info{padding-top:10px;}
.castle_info li{display: flex; position:relative; margin-bottom: 10px; }
.castle_info li:last-child{margin-bottom:0;}
.castle_info li strong{display:inline-block; margin-right:13px; width:108px; font-size:13px; color:#222;}
.castle_info li span{flex:1; font-size:13px; color:#666;}

/* 리뷰 */
.gift_book_review .details_cbox{border-top:none; border-bottom:none;}
.gift_my_record {position: relative; padding-bottom:18px;}
.gift_my_record .s_tit span{color:#666; font-weight: 400;}
.gift_my_record .s_tit span em{font-size:13px; color:#fd6d4c; font-weight: 700;}
.gift_my_record .s_tit .day_rank{margin-left: 23px;}

/* 구매 관련 */
.gift_tab_purchase .details_purchase_info{border-top:none;}
.gift_tab_purchase .details_cbox{border-top: 10px solid #f6f6f6; }
.gift_purchase_best{position:relative; padding-top:15px;}
.gift_purchase_best ul{display: flex;}
.gift_purchase_best ul li{flex-shrink:0; -webkit-transform: translateZ(0); box-sizing: border-box; width:135px;}
.gift_purchase_best ul li:last-child{margin-right:0;}
.gift_purchase_best ul li .gift_box{display:inline-block; padding-bottom:20px;}
.gift_purchase_best ul li .img_box{display:flex; flex-direction:column-reverse; width:120px; height:120px; overflow: visible; }
.gift_purchase_best ul li .img_box img{height:auto; max-height:100%; box-shadow: 3px 4px 7px 0 rgba(0, 0, 0, 0.1); border-radius: 5px;}
.gift_purchase_best .gift_box .bok_name{position:initial; max-width: 110px; height:33px; margin-top:20px; overflow: hidden;  font-size:14px; color:#222; font-weight:normal; text-overflow: ellipsis; white-space: normal; line-height:17px; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:break-all;}
.gift_purchase_best .gift_box .bok_value{display:block; overflow: hidden; margin-top:10px;}
.gift_purchase_best .gift_box .bok_value .value_sale{ font-size: 17px; color: #4cac26; font-weight:700;}
.gift_purchase_best .gift_box .bok_value strong{font-size: 17px; color: #222; line-height:17px; font-weight:700;}
.gift_purchase_best .gift_box .bok_value strong em{font-size: 12px; font-weight:400;}
.gift_purchase_best .swiper-scrollbar {left:0px; right:0px;}

/* DVD상세 MOVIE */
.movie_sale .publisher_box{padding-bottom:15px;}
.movie_sale .coupon_sale_box .sale{padding-left:18px;}

/* DVD 배너 */
.movie_visual_box{position: relative; height:335px; overflow: hidden;  border-radius: 0 0 20px 20px;}
.movie_visual_box .img_box{width:180px; height:265px; margin:0px auto; margin-top:30px;}
.movie_visual_box .visual_share{position: absolute; top:15px; right:15px;}
.movie_visual_box .visual_share a{display:block; width: 40px; height: 40px; border-radius: 50px; background-color: rgba(0,0,0,.2);}
.movie_visual_box .visual_share a:first-child{margin-bottom:10px;}
.movie_visual_box .visual_share a .share{display:block; position:relative; font-size:0;}
.movie_visual_box .visual_share a .share::after{content:''; position: absolute; left:8px; top:10px; width:20px; height:20px; background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_wshare.png); background-size:100%;}
.movie_visual_box .visual_share a .down{display:block; position:relative; font-size:0;}
.movie_visual_box .visual_share a .down::after{content:''; position: absolute; left:8px; top:6px; width:24px; height:24px; background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_down.png); background-size:100%;}

/* MOVIE 상품 점보 */
.movie_book_skinny .details_cbox{border-top:none; border-bottom:none;}
.movie_book_skinny .category_box {padding:15px 0 10px;}
.movie_book_skinny .category_box .category{padding:3px;}
.movie_book_skinny .category_box .category span{font-size:13px; color:#666; font-weight:400;}
.movie_book_skinny .category_box .category span a{text-decoration: dashed;}
.movie_book_skinny .category_box .category span:last-child a{text-decoration: underline; text-underline-position: under;}
.movie_book_skinny .question_mark{display:inline-block; width:17px; height:17px; margin-left:3px; background:#fff; font-size:0; background-image:url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/question_mark.png); background-repeat: no-repeat; background-size:100% auto; vertical-align:middle;}

/* 리뷰 */
.movie_book_review .details_cbox{border-top:none; border-bottom:none;}
.movie_my_record {position: relative; padding-bottom:18px;}
.movie_my_record .s_tit span{color:#666; font-weight: 400;}
.movie_my_record .s_tit span em{font-size:13px; color:#fd6d4c; font-weight: 700;}
.movie_my_record .s_tit .day_rank{margin-left: 23px;}
.movie_my_record .my_record{position: absolute; right: 0; top: -4px; border: 1px solid #ddd; box-sizing: border-box; padding: 0px 10px 0px; height: 24px; line-height: 24px; border-radius: 2px; font-size: 12px; color: #666;}
.movie_book_review .btn_more_box{text-align: center; margin-top:20px;}

/* 구매 관련 */
.movie_tab_purchase .details_purchase_info{border-top:none; border-bottom:none;}
.movie_tab_purchase .details_cbox{border-top: 10px solid #f6f6f6;}
/* 음반상세 music */

/* 음반 배너 */
.music_visual_box{position: relative; height:280px; overflow: hidden;  border-radius: 0 0 20px 20px;}
.music_visual_box .img_box{width:210px; height:210px; margin:0px auto; margin-top:30px;}
.music_visual_box .visual_share{position: absolute; top:15px; right:15px;}
.music_visual_box .visual_share a{display:block; width: 40px; height: 40px; border-radius: 50px; background-color: rgba(0,0,0,.2);}
.music_visual_box .visual_share a:first-child{margin-bottom:10px;}
.music_visual_box .visual_share a .share{display:block; position:relative; font-size:0;}
.music_visual_box .visual_share a .share::after{content:''; position: absolute; left:8px; top:10px; width:20px; height:20px; background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_wshare.png); background-size:100%;}
.music_visual_box .visual_share a .down{display:block; position:relative; font-size:0;}
.music_visual_box .visual_share a .down::after{content:''; position: absolute; left:8px; top:6px; width:24px; height:24px; background-image: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_down.png); background-size:100%;}

/* 음반소개 */
.music_info{padding:30px 20px 0;}
.music_info .music_title{display:block;  margin-bottom:8px; font-size:15px; color:#222; font-weight:700;}
.music_info .music_txt{display:block; margin-bottom:5px; font-size:13px; color:#666; font-weight:400;}
.music_info .music_txt a{margin-left:5px;}

/* Klover 리뷰 */
.details_cbox_t.details_cbox_del{padding-bottom: 0; border-bottom:none;}

.review_header{ display: flex; flex-direction: column; justify-content: center; overflow: hidden; position: relative; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box;}
.review_header{position:relative; width: 100%; height: 50px; text-align: center; line-height: 52px; background-color: #fff; z-index: 100; border-bottom: 1px solid #ddd; box-sizing: border-box;}
.review_header h2{ font-size: 16px; font-weight: 700; color: #222;}
.review_header .back_layer{position: absolute; top: 12px; left: 15px; overflow: hidden; width: 24px; height: 24px; color: transparent; background: url(https://simage.kyobobook.co.kr/mimages/static2/images/ui2020/ico_left_n.png) no-repeat 50% 50%; background-size: 100% 100%; z-index: 110;}

.title_wrap{display:flex; justify-content: space-between;}
.title_wrap .img_box{width:24px; height:24px; vertical-align: middle;}
.title_wrap .s_tit{line-height:1.5; width:90%; height:24px; overflow: hidden; -webkit-line-clamp: 1; display: -webkit-box; -webkit-box-orient: vertical; word-break: break-all;}

.details_tab_review  .details_cbox:last-child{border-bottom:none;}
.data_review_box{border-top:1px solid #eee; margin:10px 0 20px; padding-top:20px;}
.data_review_list{position: relative;}
.data_review_list .details_my_record .s_tit em{font-size:13px; color:#767676;}
.data_review_list .review_usertok{border-bottom:1px dashed #eee; padding-bottom:20px;}
.data_review_list .delete_btn{position: absolute; right:0; top:0;}
.data_review_list .img_box{width:24px; height:24px; padding:0;}
.data_review_list .review_usertok .time,
.data_review_list .review_usertok .user{vertical-align: sub;}
.data_review_list + .rowse_box {margin-top:30px;}

.data_review_btn{display:flex; justify-content: space-between; padding:0 20px; margin-top:50px;} 
.data_review_btn a{flex:1; padding:0;}
.data_review_btn a + a{margin-left: 4px;}