.company .visual{background: #efefef; padding: 120px 0 70px; text-align: center; letter-spacing: -1px;}
.company .con1, .company .con2, .company .con3{padding: 120px 0 0; letter-spacing: -1px;}
.company .tit{position: relative; font-size: 45px; line-height: 1.2em;}
.company .tit strong{font-weight: 900;}
.company .sub_txt{font-size: 19px; line-height: 1.5em; padding: 30px 0 50px; color: #555;}
.company .line_top{border-top: 3px solid #333;}
.company .dot{background: #000; width: 15px; height: 15px; border-radius: 50%; position: absolute; bottom: 5px; margin-left: 10px;}

.kimyoung{text-align: center; overflow: hidden; border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px;}
.kimyoung strong{color: #000;}
.kimyoung li{margin:0 7px; display: inline-flex;}
.kimyoung .cross{position: relative; width: 30px; height: 30px;}
.kimyoung .cross::before,
.kimyoung .cross::after{position: absolute; left: 15px; top: 8px; content: ''; width: 1px; height: 30px; background: #ccc;}
.kimyoung .cross::before { transform: rotate(45deg);}
.kimyoung .cross::after { transform: rotate(-45deg);}
.kimyoung li strong{font-size: 30px; padding-left: 15px;}

/* book rolling */
.company .swiper-container{width: 1032px; margin: 0 auto; padding-top: 0 !important;}
.company .swiper-wrapper {height: 210px;}
.book_rolling{background: url('//d1pa7smv3eokg1.cloudfront.net/book/img/company/bg_book.png') no-repeat 0 center; height: 300px;}

.company ul.step{overflow: hidden; padding: 2.2em 0 2em; border-bottom: 0.08em solid #eaeaea;}
.company ul.step > li{float: left; display: grid; width: 202px; margin-left: 20px;}
.company ul.step > li:first-child{margin-left: 0;}
.company ul.step > li > em{color: #00b5c0; font-size: 1.2em; padding: 0.8em 0 1em; font-weight: 700; border-bottom: 1px solid #e0e0e0; margin-bottom: 0.8em; display: block;}
.company .bnr{background: url('//d1pa7smv3eokg1.cloudfront.net/book/img/company/bg_bnr.png') no-repeat right; height: 305px; display: flex; align-items: center;}

.company ul.valu{padding-top: 70px;}
.company ul.valu > li {position: relative; padding: 75px 0 60px; margin-left: 230px; border-bottom: 1px solid #eaeaea;}
.company ul.valu > li:nth-child(2){margin-left: 380px}

.company ul.valu > li > div:first-child{position: absolute; top: 35px; left: -230px; width: 100px; height: 100px; background: #fff; border-radius: 50%; box-shadow: 0px 2px 10px 8px rgb(0, 0, 0, 0.06); text-align: center; font-size: 40px; font-weight: 900;  line-height: 1.1em; padding: 50px; border: 1px solid #efefef;}
.company ul.valu > li:first-child > div:first-child{top: 20px;}
.company ul.valu > li > div:first-child > span{position: absolute; right: 50px; bottom: 55px; width: 30px; height: 30px; border-radius: 50%; z-index:1; opacity: 0.2;}
.company ul.valu > li > div:last-child{padding-left: 35px; font-size: 20px; color: #555;}

.company ul.valu > li:first-child > div:first-child > em{color: #00b5c0; z-index:2;}
.company ul.valu > li:nth-child(2) > div:first-child > em{color: #7c50c6; z-index:2;}
.company ul.valu > li:last-child > div:first-child > em{color: #649ee3; z-index:2;}

.company ul.valu > li:first-child > div:first-child > span{background: #00b5c0;}
.company ul.valu > li:nth-child(2) > div:first-child > span{background: #7c50c6;}
.company ul.valu > li:last-child > div:first-child > span{background: #649ee3;}

.company div.con3 .tit,.company div.con3 .sub_txt{text-align: center;}
ul.f_logo{border-bottom: 1px solid #eaeaea; text-align: center; /* 롤링시 스타일 풀고 height:120px; overflow:hidden; 옆에 padding은 막기 */ padding: 30px 0;}
ul.f_logo li{display: inline-block; text-align: center; padding:10px 0;}
ul.f_logo li div{float: left; display: flex; align-items: center; padding: 0 23px; /* 롤링시 높이 변경 height:110px */ height:60px;}

/* search book list */
.search-tab{font-size: 23px; padding-top: 35px;}
.search-tab ul{overflow: hidden;}
.search-tab li{float: left; border-left: 1px solid #d6d6d6; padding:0 30px; font-size: 20px; height: 24px; line-height: 22px; color: #c7c7c7;  cursor: pointer;}
.search-tab li:first-child{padding:0 30px 0 0; border-left:0;}
.search-tab li:hover,
.search-tab li.on{color: #000; font-weight: 600;}

.book-main.sch{padding-top:30px;}
.book-main.sch .book_list{border-top: 1px solid #333; margin-top: 16px; min-height: auto;}
.book-main.sch .book_list > ul {padding-left: 20px;}
.book-main.sch .book_list > ul > li{margin: 0 35px;}

/* book info */
.book_navi{padding: 25px 0 10px; border-bottom: 1px solid #e9e9e9; font-size: 14px;}
.book_navi strong{padding: 0 30px 0 10px}
.book_navi span{color: #c4c4c4; padding: 0 10px;}
.book_navi img{vertical-align: middle; margin-top: -5px;}

.book-info{overflow: hidden; height: 545px; margin:50px auto 60px; padding-bottom: 20px;}
.book-store,
.book-detail, 
.book-cover{float: left;}

.book-cover{width:320px; position: relative;}
.book-cover .cover{width: 320px; height: 420px; box-shadow:0px 3px 15px -2px rgb(0 0 0 / 50%)}
.book-cover > .cover > img{width: 100%; height: 100%;}
.book-cover .btn{margin: 56px 0 0; width: inherit;}
.book-cover button img{margin-left:10px;}
.bookout-cover{position: absolute; top: 0; left: 0; width: inherit; height: inherit; background: rgba(0,0,0,0.6); color: #fff; font-size: 30px; text-align: center; display: grid; align-items: center;}

.book-detail{width: 445px; margin: 0 30px; position: relative;}
.book-detail .book_tit{color: #777; font-size: 13px; max-height: 115px; height:100px; margin-bottom: 14px;}
.book-detail .book_tit em{font-size: 20px; font-weight: 800; color: #000; padding-bottom: 10px; min-height:30px; max-height: 70px; display:block;}
.book-detail .book_tit p{padding:10px 0 15px;}

/* 펼쳐보기 */
.detail_btn.open{width: 100%; background:linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 20%, rgba(255, 255, 255, 1) 45%, rgba(255, 255, 255, 1) 100%, #ffffff); text-align: center; z-index: 1; position: absolute; bottom: 0; padding-top: 80px; left:0;}
.detail_btn.close{width: 100%; margin: 50px auto 0;  text-align: center; background: none;}
.detail_btn span{cursor: pointer; border-radius: 50px; background: #00b5c0; text-align: center; padding: 9px 0; width:120px; color: #fff; font-size: 15px; display: block; margin:0 auto;}

.detail{width: 100%; height: auto;}
.detail.folded{width: 100%; height: 150px; overflow: hidden;}
.detail p img{width: 100%;}

/* book-info mobile */ 
.mbtn-wp,
.m-popup{display: none;}

.book-buy{width: 300px !important; display: inline-flex !important; align-items: center;}
.book-buy button{background: none; border: 1px solid #e9e9e9; font-size: 15px; font-weight: 900; width:35px; height: 35px; vertical-align: middle;}
.num{width: 35px; text-align: center; margin: 0 5px;}

.book-detail > ul{padding: 18px 0 74px; height: 208px; border-top: 1px solid #e9e9e9; margin-top: 10px;}
.book-detail li{font-size:15px; padding: 3px 0;}
.book-detail li span{display: inline-table; width: 100px; color: #777; font-weight: 700;}
.info_price{margin:15px 0; padding:18px 0 0; border: 1px solid #e9e9e9; border-left: 0; border-right: 0; height: 100px;}
.info_price li{float: left; font-weight: 600;}
.info_price span{display: inline-flex !important; align-items: center; height: 80px;}
.info_price s{color: #777; padding-left: 10px;}
.info_price strong{font-size: 45px;}
.info_price div{font-size: 25px; letter-spacing: -2px;}
.btn_buy{text-align: center; overflow: hidden; padding-top:62px; padding-bottom:10px; padding-right:5px;}
.btn_buy .btn{margin: 0;}
.btn_buy .submit{box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 0.20); margin-left: 3px;}

.book-store{width: 230px; /* height:-webkit-fill-available; */ background: #f7f7f7; padding: 30px 20px; font-size: 17px; position: absolute; top: 0; right: 50%;  margin-right: -545px; height: 485px;}
/*  quick 고정 */
.book-store.fix{position: fixed; top: 90px; left: 50%;  height: 425px !important; margin-left: 275px; z-index:2;}
.book-detail.quick.fix{position: fixed; top: 90px; left: 50%; margin-left: 265px;}

.book-store ul{margin-top: 20px;}
.book-store li{background: #fff; padding: 15px; font-size: 12px; text-align: right; display: inline-flex;  border-radius: 5px; box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 0.05); margin-bottom: 15px; width: -webkit-fill-available;}
.book-store em{display: inline-table; color: #494949; font-size: 14px; width:120px; border-right: 1px solid #e7e7e7; text-align: left; margin-right: 10px; font-weight: 600;}
.book-store span{padding-right:15px;}
.book-store a{width:70px;}
.book-store a:hover{color: #09aab3; font-weight: 600;}
.book-store a:hover .arrow-more::after{border-top: 2px solid #09aab3; border-right: 2px solid #09aab3;}

.txt_notiR{text-align: right; font-size: 13px !important; position:absolute; right:10px; bottom:90px;}
.txtLayer {text-align: center; font-size: 18px; position: absolute; right: 8px; bottom: 10px; background: rgba(0,0,0,0.8); color: yellow; font-weight: 500; padding: 19px 0; border-radius: 5px; width: 435px; border: 1px solid #000; box-shadow: 0px 0px 7px 2px rgb(0 0 0 / 0.2);}    

.book-info::after{clear: both; content: ''; display: block;}
.book-tab{background: #efefef; padding-top:4px;}
.book-tab.fix{width:100%; position:fixed; top:0; left:0; z-index:2;}
.book-tab ul{overflow: hidden;}
.book-tab li{float:left; padding:20px 66px; text-align: center; font-size: 18px; color: #777; margin-left:1px;}
.book-tab a:first-child li{margin-left: 0;}
.book-tab li:hover,
.book-tab li.on{background: #fff; font-weight: 600; color: #000;}

.info_section{padding-top:135px;}
.info_section .board .btn{position: absolute; right:-10px; top:-70px; padding:3px 10px; font-size:13px;}

.info-detail{width: 795px; padding-bottom: 260px;}
.info-detail em{ font-size: 22px; font-weight: 700; display: block; width: 555px;}
.info_conts{margin-top:20px; font-size: 16px; line-height: 28px;color: #555; border-top: 1px solid #aaa; padding-top: 20px; position: relative;}

div#info1{padding-top:80px;}

/* 우측 바로구매 퀵 */
.book-detail.quick{position: absolute; top: 80px; right:-20px; width: 230px; padding:30px 20px 15px; border:1px solid #e0e0e0;}
.quick ul{height: auto;}
.quick .book_tit{border:0; padding:0; height: auto;}
.quick .book_tit em{padding:0}
.quick .info_price{border: 0; padding:0; height: auto;}
.quick_buy{background: #eff7f8; padding:15px 20px; border-radius: 5px;}
.quick_buy div{padding: 5px 0;}
.quick_buy .book-buy{width: 125px !important;}
.quick_buy span{width: 62px; display: inline-table; font-size: 15px; color: #899b9d;}
.quick_buy button,
.quick_buy input{background:#fff; border:1px solid #979797;}
.quick_buy input{margin:0; border-left: 0; border-right: 0;}
.quick .btn_buy{width:100%; padding:20px 8px 20px 3px; margin-left: -5px;}
.quick .btn_buy .btn{width: -webkit-fill-available; padding: 20px;}
.quick .submit{margin-top: 10px;}

/* 도서 상세 시리즈 추천 도서 */
.info_conts.reading_box{width: auto; height:140px; padding:20px 7px 0;border-left: 0; border-right: 0;}
.info_conts.reading_box > ul{float: left; width: 240px; border-bottom: 0 !important;  margin-right: 20px; height: auto; padding:0 !important;}
.info_conts.reading_box ul li:first-child{background: none; margin: 0; padding: 0;}
.info_conts.reading_box ul li:last-child{padding-top: 14px;}
.info_conts.reading_box ul li img{width: 65%;}

/* 도서 상세 자료 다운로드 */
.info_conts.board table{border-top: 0; margin-top: -20px; width: -webkit-fill-available;}
.info_conts.board table th{padding:6px 0; width: 368px;}
.info_conts.board table td{padding:12px 7px;}
.info_conts.board table td:nth-child(3){padding-left: 30px;}
.info_conts.board table  .sort{padding: 0;}

div.info_conts.board table.file col:nth-child(1){width: 7%;}
div.info_conts.board table.file col:nth-child(2){width: 10%;}
div.info_conts.board table.file col:nth-child(3){width: 45%;}
div.info_conts.board table.file col:nth-child(4){width: 7%;}