@charset "utf-8";

/*
=============================== common ===============================
*/

.body-wrap{box-sizing: border-box; position: relative; padding-top: 50px; min-width: 320px; overflow:hidden;}
.body-wrap[aria-hidden="true"]{display: none;}
.body-wrap[data-role="page"]{}
.body-wrap[data-role="popup"] .container{ background-color: #fff;}
.body-wrap .contents{background-color: #f2f2f2;}
.headers{position: absolute; padding-top: 50px; left:0;top:0;width:100%;z-index:10;border-bottom: 1px solid #ccc;background-color: #fff;}
.header-dimmed{ position: fixed; left:0; top : 0; right :0; bottom : 0; z-index: 9; background-color: rgba(0, 0, 0, 0.7);}
.headers .tit-area{ position: fixed;left: 0; right: 0; top:0; display: block;  z-index: 10; background-color: #fff;}
.headers .tit-area .titles{ display: block;}
.headers .tit-area .title{ line-height: 50px; height: 50px;}

.headers .tit-area h1.title{ padding-left: 16px; padding-right: 121px; }
.headers .tit-area h1.title a{ display: inline-block; height: 29px; line-height: 29px; vertical-align: middle;}
.headers .tit-area h1.title a img{ max-height: 100%; }
.headers .tit-area h2.title{ display: none; text-align: center; padding: 0 81px; color: #1a1a1a; font-weight: 400; font-size: 1.8rem;}
.headers .tit-area .buttons [class^="btn-"]{ overflow: hidden; position: absolute; z-index: 10; top:0; width: 35px; height: 50px; text-align: left; text-indent: -9999px; line-height: 100px; background-repeat: no-repeat; background-position: center; background-size:25px; }
.headers .tit-area .buttons .btn-menu{right: 11px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/btn-gnb-menu.png);}
.headers .tit-area .buttons .btn-mypage{right: 46px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/btn-gnb-mypage.png);}
.headers .tit-area .buttons .btn-cart{right: 81px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/btn-gnb-cart.png);}
.headers .tit-area .buttons .btn-search{ right: 46px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/btn-gnb-search.png);}
.headers .tit-area .buttons .btn-back{ left: 11px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/btn-gnb-back.png);}
.headers .tit-area .buttons .btn-cart .num{ position: absolute; display: inline-block; width: 18px; height: 18px; line-height:18px; right: 0px; top:11px; background-color: #6456d6; border-radius: 50%; text-indent: 0; text-align: center; color: #fff; font-size:1.3rem;}

.headers .search-area{ display: none; position: relative; padding: 0 16px 10px;background-color: #fff;}
.headers .search-area .input-text{display: block;}
.headers .search-area .input-text .search{ border-radius: 20px; background-color: #f2f2f2;   border: none; padding:  0 46px 0 10px; height: 40px;}
.headers .search-area .button{ position: absolute; right: 16px; top:0; overflow: hidden; text-indent: -9999px; width: 46px; height: 40px;background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-gnb-search2.png) no-repeat right 16px center; background-size: 20px; }

.search-area{position: relative; padding: 0 16px;  }
.search-area .input-text{display: block;}
.search-area .input-text .search{ border-radius: 20px; background-color: #f2f2f2;   border: none; padding:  0 46px 0 10px; height: 40px;}
.search-area .button{ position: absolute; right: 16px; top:0; overflow: hidden; text-indent: -9999px; width: 46px; height: 40px;background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-gnb-search2.png) no-repeat right 16px center; background-size: 20px; }

.headers[data-role="search"] .search-area{ display: block;}
.headers[data-role="search"] .btn-search { display: none }
.headers.sub[data-role="search"] .btn-cart{ display: inline-block; right: 46px;}
.headers[data-role="default"]{ position: fixed; }
.headers[data-role="default"] .search-area{position: relative; top: auto;}
.headers[data-role="menu"] .tit-area{position: absolute;}
.headers.main .search-area{ display: block;}
.headers.main .btn-back, .headers.main .btn-search{display: none;}

.headers.sub h1.title, .headers.sub .btn-cart, .headers.sub .btn-mypage{display: none;}
.headers.sub h2.title{display: block;}
.fixed .headers[data-role="menu"] .menu-area{top: 0;}
.fixed .headers[data-role="search"]{position: fixed;}
.headers[data-role="search"], .headers[data-role="search"] .tit-area{/* -webkit-transform: translateZ(0); */}
.fixed .headers[data-role="search"] .search-area{display: none;}
.fixed .headers[data-role="search"] .tit-area{ position: absolute; top: 0 !important;}
.clear-fixed .headers{position: absolute !important; top: 0 !important;}
.clear-fixed .headers .tit-area{position: absolute; top: 0 !important;}
.clear-fixed.fixed .headers .menu-area, .clear-fixed.fixed .headers .search-area{position: relative !important;}
.clear-fixed.fixed .headers .tit-area{position: absolute !important;}
.clear-fixed .fixed-target.fixed{position: relative !important;}
.clear-fixed.fixed .headers[data-role="search"] .menu-area{top: auto;}
.headers .buttons{position: absolute; top:0;left:0;right: 0;}
.headers .buttons .btns{position: absolute; top:0; right: 0}
.headers .buttons .btns.menu{left:0;}
.headers .buttons .btns.cart{right: 50px;}
.headers .buttons .btns.maypage{right: 0;}

.headers .menu-area{ width: 100%;}
.swipe-menu.depth1 .tab-nav .anchor{color: #1a1a1a; font-size: 1.6rem; padding: 0 4px;}
.swipe-menu.depth1{margin-bottom: -1px; z-index: 1; padding-top: 1px;}
.swipe-menu.depth1 .tab-nav .num{ display: block; font-size: 1.3rem;color: #aaa; }

.swipe-menu.depth1 .more-contents .tab-nav .anchor{ line-height: inherit; height: auto; font-size: 1.4rem;}
.swipe-menu .tab-nav .anchor span{ display: inline-block; padding: 0 8px;  }
.swipe-menu .tab-nav .active .anchor span{ box-sizing: border-box; border-bottom: 3px solid #6456d6; height: inherit; line-height: inherit; display: inline-block;}

/*.swipe-menu.depth1{border-bottom: 1px solid #ccc;}*/
.swipe-menu.depth1::before, .swipe-menu.depth1::after{content: ""; display: inline-block; position: absolute; top: 0; bottom: 3px; width: 16px; z-index: 2; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/menu-mask.png); background-repeat: repeat-y; background-size: cover;}
.swipe-menu.depth1::before{left: -3px; background-position: left top; }
.swipe-menu.depth1::after{right: 0; background-position: right top;}
.swipe-menu.depth1 .tab-nav li:first-child{padding-left: 12px;}
.swipe-menu.depth1 .tab-nav li:last-child{padding-right: 8px;}

.swipe-menu.depth2{background-color: #fafafa;border-top: 1px solid #ddd; z-index: 0;}
.swipe-menu.depth2 .tab-nav .anchor{color: #1a1a1a; padding: 9px 0 8px;}
.swipe-menu.depth2 .tab-nav .anchor span{ padding: 0 13px;height:28px; line-height: 26px; border: 1px solid #fafafa; border-radius: 14px; }
.swipe-menu.depth2 .tab-nav .active .anchor span{ border-color: #6456d6; background-color: #fff; color: #6456d6;}

.swipe-menu.depth2 .tab-nav li:first-child{padding-left: 12px;}
.swipe-menu.depth2 .tab-nav li:last-child{padding-right: 8px;}
.container .swipe-menu.depth2{border-top-width: 0; border-bottom:1px solid #ddd !important;}

.swipe-menu.depth1 .tab-nav .anchor span{ display: block; padding-top: 8px; padding-bottom: 8px; text-align: center; min-height: 48px;}
.swipe-menu.depth1 .tab-nav .anchor,.headers .swipe-menu.depth1 .tab-nav-wrap{}
.swipe-menu.more.depth1::after{right: 35px;}
.swipe-menu.depth1 .tab-nav .active .anchor,.swipe-menu.depth1 .tab-nav .active  .num{ color: #6456d6; }

.fixed-bottom{position: fixed; bottom: 0;left:0; right: 0; z-index: 10;}
.fixed-bottom .btn-bottom-area{padding-top: 0;border-top-width: 0;position: relative; padding-bottom: 25px;}
.clear-fixed .fixed-bottom{ position: relative; bottom: auto;}
.clear-fixed{padding-bottom: 0 !important;}

.body-wrap[data-role="popup"] .headers.sub h1.title, .popup-modal .title-wrap .title-pop{ display: block;color: #1a1a1a; font-weight: 400; font-size: 1.8rem; text-align: center; padding: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;}
.body-wrap[data-role="popup"] .headers.sub .tit-area, .popup-modal .title-wrap{ border-bottom: 1px solid #ccc; padding-left: 58px; padding-right: 58px; }
.body-wrap[data-role="popup"] .headers .btn-close, .popup-modal .title-wrap .btn-close{ position: absolute; right: 0; width: 58px; height: 50px;}
.body-wrap[data-role="popup"] .headers .btn-close::before, .body-wrap[data-role="popup"] .headers .btn-close::after,
.popup-modal .title-wrap .btn-close::before, .popup-modal .title-wrap .btn-close::after
{ content: ""; position: absolute; display: inline-block; top: 50%; left: 50%; width: 1px; height: 26px; background-color: #4c4c4c; -webkit-transform:rotate(45deg);transform:rotate(45deg); margin-top: -12px;}
.body-wrap[data-role="popup"] .headers .btn-close::before, .popup-modal .title-wrap .btn-close::after{ -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

.modal .header-area{}


.float-menu{ position: fixed; bottom:50px;right: 10px;padding-bottom: 25px; z-index: 11;}
.float-menu .btn-goto-top{display: none; overflow: hidden; width: 43px; height: 43px; text-indent: -9999px; display: none; background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/btn-float-top.png) no-repeat left top; background-size: cover;}
.clear-fixed.float-menu{ display: none;}

.noscroll{height: 100%;overflow: hidden; width: 100%;}

.fixed-target.cont-group{background-color: #f2f2f2;}
.fixed-target.fixed{position: fixed;left:0; right:0; z-index: 10;}
.fixed-target.fixed .test1, .fixed-target .test2{ display: none }
.fixed-target.fixed .test2{ display: block; }

.footer{ position: relative; background-color: #f2f2f2; font-size: 1.2rem; padding: 15px 6px 60px; text-align: center;}
.footer::before{content: ""; display: block; position: absolute; left: 0; top: -1px; width: 100%; height: 1px; background-color: #ddd;}
.footer .links > li{ float: left; }
.footer .links::after{ content: ""; display: block; height: 0; clear: both; }
.footer .links > li a{ display: block; padding: 10px; color: #777;}
.footer .links > li a strong{color: #1a1a1a; font-weight: 400;}
.footer .toggleBtn{position: absolute; right: 6px; top: 18px; width: 38px; height: 33px;transform: rotate(180deg);}
.footer .toggleBtn.active{transform: rotate(0deg);}
.footer .tel-num{ display:  block; color: #1a1a1a; font-size: 1.4rem; margin-top: 26px; }
.footer .btn-pc{  display: inline-block; height: 30px; line-height: 30px; padding: 0 20px; margin-top: 20px; border-radius: 15px; background-color: #999; color: #fff; font-size: 1.3rem;}
.footer address{ font-style: normal; line-height: 1.6; color: #aaa; margin-top: 20px; }
.footer .toggleTarget{display: none;}
.footer .toggleTarget.active{display: block;}
.footer .i-arrow::before, .footer .i-arrow::after{width: 14px; height: 1px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg); margin-top: 0px; margin-left:-12px;}
.footer .i-arrow::after{transform: rotate(45deg);margin-left: -2px}
.aside-menu{ position: fixed; z-index: 10; width: 100%; top:0; left: 100%; right:0; bottom:0;-webkit-transition:left linear 0.3s; transition:left linear 0.3s;overflow: auto; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; background: #fff;}
.aside-menu.active{left: 0;}
.aside-menu .aside-wrap{ position: relative; padding-top: 173px; z-index: 1;}
.aside-menu .header-area{position: fixed; top: 0; width: 100%; left: 100%; height: 173px; background-color: #6456d6; color: #fff; z-index: 2; -webkit-transition:all linear 0.3s;transition:all linear 0.3s;}
.modal .aside-menu .header-area, .modal .aside-menu .set-close{z-index: 0;}
.aside-menu.active .header-area{left: 0; }
.aside-menu.active .header-area .profile-area .photo{ width: 40px; height: 40px; }
.aside-menu .profile-area{ display: flex; justify-content: flex-start; align-items: center; align-content: center; padding: 15px 16px; z-index: 11;}
.aside-menu .profile-area .name{border-bottom:1px solid #fff; margin-left: 10px;}
.aside-menu .footer-area{padding: 25px 16px 30px; text-align: center; background-color: #fafafa;}
.aside-menu .footer-area .btn-area .btn-round{ margin: 0 3px; }
.aside-menu .footer-area .tel-logout{ margin-top: 20px; }
.aside-menu .footer-area .tel-logout .tel{ color: #1a1a1a;}
.aside-menu .footer-area .tel-logout .logout{ display: inline-block; font-size: 1.2rem; line-height: 16px; height: 16px; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-aside-logout.png) no-repeat left center; background-size: auto 14px; padding-left: 20px;}
.aside-menu .footer-area .tel-logout .group + .group{padding-left: 8px; margin-left: 7px; position: relative;}
.aside-menu .footer-area .tel-logout .group + .group::before{content: ""; display: block; position: absolute; width: 1px; height: 12px; left: 0; top: 50%; margin-top: -6px; background-color: #ddd;}
.aside-menu .set-close{position: fixed; right: 100%; top: 0; z-index: 2; padding: 23px 16px 0 0;-webkit-transition:all linear 0.3s; transition:all linear 0.3s; opacity: 0;}
.aside-menu.active .set-close{right: 0; opacity: 1;}
.aside-menu .set-close [class^="btn-"]{ display: inline-block; overflow:hidden; width: 25px; height: 25px; margin-left: 10px; text-align: left;text-indent: -9999px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-aside-set.png); background-repeat: no-repeat; background-size: cover; vertical-align: top;}
.aside-menu .set-close .btn-setting{ background-position: left top; }
.aside-menu .set-close .btn-close{background-position: right top;}
.aside-menu .menu-nav{background-color: #f2f2f2; padding-top: 8px; border-top: 1px solid #ddd;}
.aside-menu .menu-nav .list-menu{background-color: #fff;}
.header-area .shory-cut{ display: flex; padding: 10px 0 25px; }
.header-area .shory-cut > li{ flex:1; text-align: center;}
.header-area .btn-icon{display: block; background-position: center top; background-repeat: no-repeat; background-size: 25px;padding-top:35px;}
.header-area .btn-icon.home{background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-short-home.png);}
.header-area .btn-icon.cart{background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-short-cart.png);}
.header-area .btn-icon.delivery{background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-short-delivery.png);}
.header-area .btn-icon.mystory{background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-short-mystory.png);}
.header-area .btn-icon.cart .num{ display: inline-block; position: absolute; left: 50%; margin-left: 2px; top: -3px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; z-index: 1; font-style: normal; font-size: 1.2rem; color: #6456d6;}

.barcode-area{ position: relative; display: block; padding: 0 16px 10px; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-aside-menu.png) repeat-x left top; background-size: 100% 27px;}
.barcode-list, .barcode{ position: relative; display: flex; border-radius: 5px; background-color: #fff; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); padding:15px 0; border:1px solid #eee;}
.barcode-list{ justify-content: flex-start; }
.barcode-list .group{ box-sizing: border-box; display: flex; flex: 1; padding: 0 16px; font-size: 1.3rem; flex-wrap:wrap; align-items: center;  justify-content: center; border-left:1px solid #eee;}
.barcode-list .group:first-of-type{border-left-width: 0;}
.barcode-list.col{justify-content: center;}
.barcode-list.col .group{ padding:0 ; flex-direction: column; }
.barcode-list.col .i-barcode{margin-right: 0;}


.barcode-list.col .txt-icon{margin-top: 7px; padding-left: 0;}
.barcode-list .i-barcode{margin-right: 10px; display: inline-block; width: 100px; height: 20px; overflow:hidden; text-indent:-9999px; text-align: left; background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/dummy-barcode.png) no-repeat left top; background-size: cover; }
.barcode-list .txt-icon{ display: inline-block; padding-right: 22px; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-mag.png) no-repeat right top; background-size: 17px auto; margin-top: 0;}
.barcode-img{padding: 50px 16px; text-align: center;}
.barcode-img .barcode{margin-top: 25px; justify-content: center;}
.barcode{box-shadow: 1px 10px 10px rgba(0, 0, 0, 0.1)}
.aside-menu .tab-nav.recent-product {margin-left: 16px;}
.aside-menu .tab-nav.recent-product > li{ position: relative; padding: 5px 15px 0 0; height: }
.aside-menu .tab-nav.recent-product .anchor{ height: 65px; border-radius: 5px; }
.aside-menu .rec-product-area{ padding-top: 20px;background-color: #fff; margin-bottom: 20px;}
.aside-menu .rec-product-area .tit-area{padding:0 16px; margin-bottom: 6px;}
.recent-product{ display: flex;}
.recent-product .i-del, .i-del.circle{display: inline-block; position: absolute;  top: 0; right: 0; width: 20px; height: 20px; border:1px solid #999; border-radius: 50%; text-indent: -9999px; text-align: left;background-color: #fff;}
.recent-product .i-del{right:10px;}
.recent-product .i-del::before, .recent-product .i-del::after, .i-del.circle::before, .i-del.circle::after{width: 7px; margin: -1px 0 0 -3px;}
.book-menu-area{}
.book-menu-area .info-icons{background-color: #ece9f9; padding: 20px 16px; ;}
.book-menu-area .info-icons [class^="i-"]::before{ background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-short-book.png); }

.tab-nav.recent-product > li{ padding-right: 15px; }
.tabs .tab-nav.recent-product{border-top-width: 0; flex-wrap: nowrap;}
.tabs .tab-nav.recent-product > li{ height: auto;border-width: 0;}
.tab-nav.recent-product .anchor{overflow:hidden; display: block;  width: 65px; height: 94px; border:1px solid #ddd;}
.tab-nav.recent-product .anchor img{max-width: 100%;}
.rec-product-area.wide{margin-right: -16px;}
.list-menu a.cards-header::before, .list-menu a.cards-header::after{ width: 15px; -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: transform linear 0.1s;transition: transform linear 0.1s}
.list-menu a.cards-header::after{-webkit-transform: rotate(90deg); transform: rotate(90deg); right: 19px}
.list-menu >li.link >.anchor{display: block; padding:12px 16px; font-size: 1.5rem; color: #1a1a1a; border-bottom: 1px solid #eee;}

.list-menu a.cards-header::before,.list-menu a.cards-header::after{background-color: #4c4c4c;}
.list-menu a.cards-header.active::before, .list-menu a.cards-header.active::after{-webkit-transform: rotate(0);transform: rotate(0);}
.list-menu .category-list{padding-top: 0; padding-bottom: 4px;}
.list-menu .category-list .list-flex, .tabs .tab-nav{background-color: #fafafa; }
.list-menu .category-list .list-flex > li{text-align: left;}
.list-menu .category-list .list-flex .anchor{ justify-content: flex-start;padding-left: 16px; }
/*
=============================== layout ===============================
*/
.container{position: relative; box-sizing: border-box;}
.container .contents{ overflow: auto; }
.cont-group.none{margin-top: 0;}
.cont-group{padding-top: 8px; border-bottom: 1px solid #ddd;}
.cont-group:last-of-type{border-bottom-width: 0;}
/*.contents .cont-group:last-child{border-bottom: 1px solid #ddd;}*/
.sub-cont-group{padding-top: 4px;}
.sub-cont-group:first-of-type{padding-top: 0px;}
.sub-cont-group.cont-wrap{padding-top: 30px;}
.cont-group .tit-area{ position: relative; margin-bottom: 20px; }
.cont-group .tit-area .subscript{ position: absolute; right: 0; bottom: 0;}
.cont-group .tit-area .subscript .total{ font-size: 1.5rem; color: #1a1a1a; }
.cont-group .tit-area:last-child{margin-bottom: 0;}
.cont-group .tit-area [class^="title-"] + [class^="title-"]{margin-top: 15px;}
.cont-area{ margin-bottom: 20px; }
.sub-cont-area{margin-bottom: 15px;}
.sub-cont-area:last-child{margin-bottom: 0;}
.cont-wrap:not(.extend) .cont-area:last-child{margin-bottom: 0;}
.cont-wrap.exnted .cont-area:last-child, .cont-wrap.exnted .cont-area:last-child{margin-bottom: 30px;}
.cont-group .cont-wrap + .cont-wrap{padding-top: 0;}
.cont-group .cont-wrap + .cont-wrap.bd-top{padding-top: 30px;}
.cont-group .cont-wrap + .cont-wrap.min{padding-top: 20px;}
.bt-none{border-top: none !important;}
.bb-none{border-bottom: none !important;}
.cont-group .cont-wrap + .cont-wrap[class*="bg-"], .cont-group .cont-wrap[class*="bg-"] + .cont-wrap, .cont-group .cont-wrap[class*="bg-"] + .cont-wrap[class*="bg-"]{padding-top: 30px;}
.cont-group .cont-wrap + .cont-wrap.min[class*="bg-"], .cont-group .cont-wrap[class*="bg-"] + .cont-wrap.min, .cont-group .cont-wrap[class*="bg-"] + .cont-wrap[class*="bg-"].min{padding-top: 20px;}
.cont-wrap{ padding: 30px 16px; background-color: #fff; overflow: auto;}
.cont-group .cont-wrap + .cont-wrap.bg-purple{ padding-top: 20px; }
.cont-group > .swipe-menu.depth2:last-child{ border-bottom-width: 0; }
.cont-wrap.bg-purple{  padding-top: 20px; padding-bottom: 20px;}
.bg-blue{ background-color: #f4faff !important;}
.bg-purple{ background-color: #ece9f9 !important;}
.bg-gray{background-color: #fafafa !important;}
.bg-gradient, .box-gardient{background:linear-gradient(to left, #9c92ec, #81b8f7);}
.bg-yellow{background-color:#ffe78a;}
.box-gardient{ text-align: center;padding: 20px 0; color: #fff;}
.box-gardient .description{color: #fff;}
.box-gardient [class*="title-"]{font-weight: 600;color: #fff;}
@media screen and (max-width: 360px) {
   .box-gardient .inline-block{display: block !important;}
}
.box-bd-top{border-top: 1px solid #eee; padding-top: 20px; margin-top: 20px;}

.box-gray{background-color: #fafafa; padding: 16px;}
.box-gray.min{padding: 10px;}
hr.line{margin: 20px 0; border:1px solid #eee;border-width: 0 0 1px 0;}
.cont-wrap.extend-h{padding-top: 0 !important; padding-bottom: 0 !important;}
.cont-wrap.extend-v{padding-left: 0 !important; padding-right: 0 !important;}
.cont-wrap.extend{padding: 0 !important; }
.tit-area.inner{padding: 30px 16px 15px; margin-bottom: 0;}
.cont-area.inner{padding: 0 16px;margin-bottom: 30px;}
.cont-area.inner[class*="bg-"]{ padding-top: 30px; padding-bottom: 30px;}
.cont-wrap.extend .cont-area.inner[class*="bg-"]:last-child{padding-bottom: 30px; margin-bottom: 0;}
.cont-wrap.extend .cont-area.inner.min[class*="bg-"]:last-child{padding-bottom: 20px;}
.cont-area.inner.min{padding-top: 20px; padding-bottom: 20px;}
.tit-area + .list-preview{border-top: 1px solid #eee;}
.tit-area.pb0 + .list-preview{border-top-width: 0;}
.tit-area.inner + .products{padding-top: 0;}
.tit-area .description{margin-top: 10px; color: #777;}
.tit-area .description2{ margin-top: 5px; }
.tit-area .bullet-dot > li + li{ margin-top: 5px; }
.tit-area.outer{ margin-left: -16px; margin-right: -16px; padding-left:16px; padding-right: 16px; }
.tit-area.outer.bd-bottom{padding-bottom: 18px;}
.cont-wrap.min{padding-top: 20px; padding-bottom: 20px; }
.sub-cont-group.cont-wrap + .sub-cont-group.cont-wrap{padding-top: 20px;}
.round-bd{border-radius: 10px; overflow: hidden; border:1px solid #aba3e0;}
.inner-cont{ padding-left: 16px; padding-right: 16px; }
.flex-grid{display: flex; align-items: center; align-content: center; justify-content:space-between; flex-wrap: wrap; box-sizing: border-box;}

.flex-grid .col{display: flex; box-sizing: border-box;  align-items: center; align-content: center; flex: 1;justify-content: center; flex-direction: column;}
.flex-grid .left{ align-items: flex-start !important;}
.flex-grid .right{ align-items: flex-end !important;}
.flex-grid.col2 .col{flex-basis: 50%;flex-shrink: 0; flex-grow: 0;}
.flex-grid.col3 .col{flex-basis: 33.33%; flex-shrink: 0; flex-grow: 0;}
.flex-grid.col3 > .col:nth-child(3n+1){ flex-basis: 33.34%; }
.flex-grid.col4 .col{flex-basis: 25%; flex-shrink: 0; flex-grow: 0; }
.flex-grid.col5 .col{flex-basis: 20%;flex-shrink: 0; flex-grow: 0; }
.flex-grid.auto{justify-content: space-between;}
.flex-grid.auto .col{display: flex; flex-wrap: wrap; align-items: center; align-content: center; flex-basis: auto; flex-shrink: 0; flex-grow: 0;}
.flex-grid.col3 .ext{flex-basis: 66.67%; }
.flex-grid.col4 .ext{flex-basis: 75%;}
.flex-grid.col5 .ext{flex-basis: 80%;}
.flex-grid .col.all{flex: 1;}
.flex-grid .col.auto{flex-basis: auto;}
.flex-grid .tit{flex-basis: 30%; display: block; font-weight: 400; font-size: 1.4rem;}
.flex-grid .cont{flex-basis: 70%; display: block; word-break: break-all; color: #4c4c4c; font-size: 1.4rem;}
.flex-grid.price{justify-content: space-between;}
.flex-grid.price > .col{ display: block;}
.flex-grid.price > .col:first-child{ width: 50%; width: calc(100% - 120px); }
.flex-grid.price > .col:last-child{text-align: right; width: 120px;}

.scroll-x{ display: block; width: 100%; overflow: auto; overflow-x: auto; -webkit-overflow-scrolling: touch;}

.scroll-y{display: block; height: 100%;  overflow: auto; overflow-y: auto; -webkit-overflow-scrolling: touch;}

.bd-bottom-tick{border-bottom: 4px solid #f2f2f2;}

/*
=============================== title&text ===============================
*/
.title-h{font-size:1.5rem; color: #4c4c4c; font-weight: 400;}
.title-h1{font-size:2.8rem; color: #1a1a1a; font-weight: 400;}
.title-h2{font-size:1.8rem; color: #1a1a1a; font-weight: 400;}
.title-h3{font-size:1.6rem; color: #1a1a1a; font-weight: 400;}
.title-h4{font-size:1.5rem; color: #1a1a1a; font-weight: 400;}
.title-h5{font-size:1.4rem; color: #1a1a1a; font-weight: 400;}
.title-h6{font-size:1.4rem; color: #4c4c4c; font-weight: 400;}

.txt-primary{color: #6456d6 !important;}
i[class^="txt-"]{ font-style: normal; }

.txt-blue{color: #477ad9 !important;}
.txt-dark{color: #1a1a1a !important;}
.txt-coral{color: #31a8b6 !important;}
.txt-green{color: #48a900 !important;}
.txt-dark.underline{ display: inline-block; border-bottom: 1px solid #1a1a1a;}
.txt-normal{color: #4c4c4c !important;}
.txt-default{color: #777 !important;}
.txt-week{color: #aaa !important;}
.txt-red, .txt-alert{ color: #ef2647 !important; }
.txt-alert{ margin-bottom: 20px; }


.sfont{font-size: 1.3rem  !important;}
.sfont2{font-size: 1.2rem  !important;}
.description, .description2, .description3{margin-top: 7px; color: #aaa; font-size: 1.3rem; word-break: break-all;}
.description2{  font-size: 1.2rem; }
.description:first-child, .description:first-child{margin-top: 0}
.description3{color: #777;}
.description.bg-gray{padding: 10px; color: #777;}
.cont-wrap.comment { padding-top: 20px; padding-bottom: 20px;}
.comment .b-bill, .comment .bullet-bill{font-size: 1.3rem;}
.comment .bullet-bill > li + li{margin-top: 5px;}
.comment .text-wrap{text-align: center;}

/*
=============================== icon&bullet ===============================
*/
[class^="i-"]{box-sizing: border-box;display: inline-block; }
.i-arrow{ position: relative; overflow: hidden; width: 20px; height: 20px;  text-indent: -9999px;text-align: left; }
.i-arrow::before, .i-arrow::after{ content: "";display: inline-block; position: absolute; left: 50%; top: 50%; width: 10px; height: 1px; background-color: #999; -webkit-transform: rotate(-42deg);transform: rotate(-42deg);}
.i-arrow::before{ margin-left: -2px;}
.i-arrow::after{-webkit-transform: rotate(42deg);transform: rotate(42deg);margin-left:-9px;}
.i-arrow.flip{ -webkit-transform: rotate(180deg);transform: rotate(180deg);}
/*.i-arrow.left{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}*/

.i-arrow.left::before,.i-arrow.right::after{ margin-left: -5px; margin-top: -4px;}
.i-arrow.left::after,.i-arrow.right::before{margin-left: -5px; margin-top: 2px;}
.i-sarrow{ position: relative; overflow: hidden; width: 14px; height:14px;  text-indent: -9999px; text-align: left;}
.i-sarrow::before, .i-sarrow::after{ content: "";display: inline-block; position: absolute; left: 50%; top: 50%; width: 7px; height: 1px; background-color: #4c4c4c; -webkit-transform: rotate(-45deg);transform: rotate(-45deg); margin-top: 0px; margin-left:-6px;}
.i-sarrow::after{-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-left: -2px}
.i-sarrow.flip{ -webkit-transform: rotate(180deg);transform: rotate(180deg);  }
.i-sarrow.left{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.i-sarrow.right{-webkit-transform: rotate(90deg);transform: rotate(90deg);}

.i-new{ width: 16px; height: 16px; border-radius: 50%; text-align: center; overflow: hidden; color: #fff; background-color: #6456d6; font-size: 1.2rem; font-style: normal;vertical-align: middle;}
.i-point, .i-Dday, .i-noti{ overflow:hidden; position: relative; width:18px; height: 18px; vertical-align: middle; border-radius: 3px; text-indent: -9999px; text-align: left; border:1px solid #6456d6; }
.i-point::after, .i-Dday::after, .i-noti::after{content: "P"; position: absolute;left: 0; top: 0; width: 100%; line-height: 16px; font-size: 1.2rem; text-indent: 0;font-style: normal; text-align: center; font-weight: 600; color: #6456d6;}
.i-Dday{color: #ef2647; border-color: #ef2647;}
.i-Dday::after{ content: "D"; font-size: 1.3rem; color: #ef2647;}
.i-noti{color: #1a1a1a; border-color: #1a1a1a;}
.i-noti::after{ content: "!"; font-size: 1.3rem; color: #1a1a1a;}
.title-h3 .i-noti{margin-top: -4px;}
.i-link{ display: block; position: relative; padding-right: 20px;}
.i-link::before, .i-link::after{ content: "";display: inline-block; position: absolute; right: 0; top: 50%; width: 10px; height: 1px; background-color: #999; -webkit-transform: rotate(42deg);transform: rotate(42deg); margin-top: -4px;}
.i-link::after{-webkit-transform:rotate(-42deg); margin-top: 2px;}
.i-help,.i-headphone{ overflow: hidden;width: 18px; height: 18px; text-indent: -9999px; line-height: 100px; border:1px solid #ccc; background: #fff url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-help.png) no-repeat center center; background-size: 5px 10px; border-radius: 50%; vertical-align: middle;}
.i-more{ overflow: hidden; position: relative; width: 18px; height: 18px; text-indent: -9999px; line-height: 100px; border:1px solid #ccc; background: #fff; background-size: 5px 10px; border-radius: 50%;  vertical-align: middle;}
.i-heart{ width: 20px; height: 18px; background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-hart.png) no-repeat center top; background-size: 20px auto;  text-align: left; text-indent: -9999px; vertical-align: middle;}
.i-push{ width: 20px; height: 20px; border-radius: 50%; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-push.png) no-repeat center top; background-size: 20px auto;  text-align: left; text-indent: -9999px; vertical-align: middle;}
.i-new{ width: 20px; height: 20px; background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-new.png) no-repeat center top; background-size: 20px auto;  text-align: left; text-indent: -9999px; vertical-align: middle;}
.i-new2{ width: 20px; height: 20px; background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-new2.png) no-repeat center top; background-size: 20px auto;  text-align: left; text-indent: -9999px; vertical-align: middle;}
.i-new3{ width: 20px; height: 20px; background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-new3.png) no-repeat center top; background-size: 20px auto;  text-align: left; text-indent: -9999px; vertical-align: middle;}
.btn-round.active .i-heart{ background-position: center bottom;  }
.i-headphone{ background: #fff url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-headphone.png) no-repeat center center; background-size: 10px 9px; margin-top: -4px;}

.i-down, .i-up, .i-down3, .i-up3{ width: 5px; height: 9px; overflow: hidden; text-indent: -9999px; text-align: left; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/arrow-updonw.png); background-position: center top; background-repeat: no-repeat; background-size: 5px auto; }
.i-up, .i-down3{ background-position: center bottom; }
.i-del{ display: block; position: relative; width: 45px; height: 45px; overflow: hidden; text-align: left; text-indent: -9999px;}
.i-del::before, .i-del::after,
.i-more::before, .i-more::after{ content: "";display: inline-block; position: absolute; left: 50%; top: 50%; width: 17px; height: 1px; background-color: #4c4c4c; -webkit-transform: rotate(45deg);transform: rotate(45deg); margin: 0px 0 0 -7px;}
.i-del::after{ -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.i-more::before, .i-more::after{ width: 7px; margin: 0 0 0 -3px; -webkit-transform: rotate(0deg);transform: rotate(0deg);}
.i-more::after{ -webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.i-down2{width: 7px; height: 10px; overflow: hidden; text-align: left; text-indent: -999px; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/arrow-rate-down.png) no-repeat left top; background-size: cover;}

[class^="i-file"]{ display: inline-block; width: 15px; height: 18px; overflow: hidden;background-size: cover; text-align: center; text-indent: -999px;vertical-align: middle;}
.i-file-pdf{ background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-file-pdf.png);  line-height: 18px; }
.i-file{width: 16px; height: 16px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-file.png); line-height: 16px; }

.i-timer{ line-height: 22px; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-timer.png) no-repeat left top; background-size: 19px 22px; padding-left: 29px; }
.i-pencil, .i-check{ position: relative; width: 19px; height: 19px; border:1px solid #999; border-radius:2px; overflow: hidden; text-indent: -9999px;text-align: left;background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-pencil.png) no-repeat center; background-size: 13px; vertical-align: middle;}
.i-check{background: none;}
.i-check::after{ content: ""; display: inline-block; position: absolute; left: 50%; top: 50%; border:2px solid #999;border-width: 0 0 2px 2px; height: 3px; width: 5px; -webkit-transform:rotate(-45deg);transform:rotate(-45deg); margin: -3px 0 0 -4px;}
.i-mobile{ width: 11px; height: 14px; text-indent: -9999px; overflow: hidden; text-align: left;background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-cellphone.png) no-repeat left top; background-size: cover; vertical-align: middle; }


i.line{display: inline-block; width: 1px; height: 10px; margin: 0 5px; overflow: hidden; text-indent: -9999px; background-color: #eee; font-style: normal; text-align: left;}
.btn-round [class^="i-file-"]{ margin-right: 7px; }
.btn-round .i-heart{ margin-top: -2px; }
.btn-round.like .i-heart{ margin-left: 10px; }
.bullet-dot > li,.b-dot{position: relative; padding-left: 7px;font-size: 1.3rem; }
.bullet-dot > li + li, .b-dot+.b-dot{margin-top: 7px;}
.bullet-dot > li::before, .b-dot::before{content: ""; display: inline-block; position: absolute; width: 2px; height: 2px; left: 0; top:8px; background-color: #777;}
.bullet-mdot > li,.b-mdot{position: relative; padding-left: 7px;font-size: 1.3rem; }
.bullet-mdot > li + li, .b-mdot + .b-mdot{margin-top: 7px;}
.bullet-mdot > li::before, .b-mdot::before{content: ""; display: inline-block; position: absolute; width: 2px; height: 2px; left: 0; top:8px; background-color: #1a1a1a; border-radius: 1px;}
.bullet-dot.txt-red > li::before, .b-dot.txt-red::before{background-color: #ef2647;}

.bullet-dot.right{text-align: right;}
.bullet-dot.right > li::before{position: relative;left: auto; top: auto; vertical-align: middle; margin-right: 5px;}

.bullet-bill > li, .b-bill, .bullet-dash > li, .b-dash{position: relative; padding-left: 13px;}
.bullet-bill > li + li, .b-bill + .b-bill, .bullet-dash > li + li, .b-dash + .b-dash{margin-top: 10px;}
.bullet-bill > li::before , .b-bill::before, .bullet-dash > li::before , .b-dash::before{ content: ''; display: inline-block; position: absolute; left: 0; top:0; }
.bullet-bill > li::before , .b-bill::before{content: '※'; }
.bullet-dash > li::before , .b-dash::before{ content: '-'; }

.badge-round{ box-sizing: border-box; display: inline-block; height: 15px; line-height: 15px; padding: 0 2px; font-style: normal; font-size: 1.2rem;color: #fff;}
.badge-round.A{background-color:#477ad9;}
.badge-round.B{background-color:#36c0d0;}


/*
=============================== buttons ===============================
*/
button[class^="btn-"], a[class^="btn-"]{box-sizing:border-box; -webkit-box-sizing:border-box; display: inline-block;vertical-align:middle; }
.body-wrap[data-role="popup"] .btn-bottom-area{padding-bottom: 25px;}
.btn-bottom-area{position: absolute; bottom: 0; left: 0; right: 0; display: flex; background-color: #f2f2f2; padding-top: 8px; border-top: 1px solid #ddd;}
.btn-cont-area{ display: flex; padding:30px 16px; background-color: #fff;}
.btn-cont-area.min{padding-top: 20px; padding-bottom: 20px;}
.cont-wrap .btn-cont-area{padding-left: 0; padding-right: 0;}
.cont-wrap.extend .btn-cont-area{padding-left: 16px; padding-right: 16px;}
.cont-wrap[class*="extend"] .btn-cont-area:first-child{padding-top: 30px;}
.cont-wrap[class*="extend"] .btn-cont-area:last-child{padding-bottom: 30px;}
.cont-wrap .btn-cont-area:first-child{padding-top: 0px;}
.cont-wrap .btn-cont-area:last-child{padding-bottom: 0px;}
.btn-bottom-area [class^="btn-"], .btn-cont-area [class^="btn-"]{ height: 50px; line-height:50px; flex:1; align-content: center; text-align: center; font-size: 1.8rem; }
.btn-bottom-area .btn-primary, .btn-cont-area .btn-primary{ background-color: #6456d6;  color: #fff;}
.btn-bottom-area .btn-middle, .btn-cont-area .btn-middle{border:1px solid #9f96e3; background-color: #fff; color: #887ddd;}
.btn-bottom-area .btn-normal, .btn-cont-area .btn-normal{background-color: #999; color: #fff;}
.btn-cont-area.center{justify-content: center;}
.btn-cont-area .btn-round{height: 30px; line-height: 28px; font-size: 1.3rem;flex:auto 0 0;}
.btn-bottom-area.round{padding-left: 16px; padding-right: 16px; padding-bottom: 25px;}
.round [class^="btn-"]{ height: 40px; line-height: 40px; border-radius: 3px; font-size: 1.4rem; margin-left: 7px;}
.round [class^="btn-"]:first-child{margin-left: 0;}
.btn-line-round, .btn-round{ display: inline-block; height: 30px; line-height: 28px; border-radius: 15px; font-size: 1.3rem;padding: 0 15px;border:1px solid #ddd; color: #777; background-color: #fff; min-width: 70px; text-align: center;}
.btn-round.primary,.btn-round.active, .btn-round.buy{border-color:#6456d6;background-color:#6456d6; color: #fff;}
.btn-round.normal, .btn-round.cart{border-color: #6456d6; color: #6456d6;}
.btn-round.disabled, .btn-round.soldout{background-color: #ccc; color: #fff; border-color:#ccc;}
.btn-round.enable{background-color: #999; color: #fff; border-color:#999;}
.btn-input{box-sizing: border-box; display: inline-block; height: 40px; padding: 10px; color: #4c4c4c; border:1px solid #777; text-align: center; border-radius: 3px; background-color: #fff;}
.btn-round.buy, .btn-round.soldout{ }
.btn-icon{position: relative; display: inline-block; font-size: 1.3rem;}
.btn-icon.right{padding-right: 28px;}
.btn-icon.right i{position: absolute; right: 0; top: 50%; margin-top: -9px;}
.btn-input.min{ height: 20px; line-height: 18px; padding: 0 10px; font-size: 1.2rem;}
.body-wrap[data-role="page"] .btn-bottom-area.round{padding-bottom: 0; z-index: 1;}
.btn-round.icon{color: #4c4c4c;border-color: #999;}
.btn-input:disabled, .btn-input.disabled{ opacity: 0.3; }
.btn-round.line{border-color: #999; color: #4c4c4c;}
.btn-round.btn-yellow{background:#ffd100;border:1px solid #ffd100;color:#333;}/* 2023-09-22 불성실추가 */

.btn-area.right{text-align: right;}
.btn-area.left{text-align: left;}
.btn-area.center{text-align: center;}
.btn-area .btn-round + .btn-round{margin-left: 3px;}
.btn-underline{ display: inline-block; line-height: 1.3; border-bottom: 1px solid #6456d6; color: #6456d6; font-size: 1.3rem;}
.btn-underline2, .btn-underline3{ display: inline-block; line-height: 1.3; border-bottom: 1px solid #999; color: #6456d6; font-size: 1.3rem;}
.btn-underline2{color: #4c4c4c; border-bottom-color: #4c4c4c;}
.btn-underline3{ color: #aaa; border-bottom-color: #aaa;}
.btn-underline3 .i-sarrow::before, .btn-underline3 .i-sarrow::after{background-color: #aaa;}
[class*="btn-underline"] .i-sarrow{ margin-bottom: -3px; }
.input-text .input.star-point{text-align: center; padding: 0;}
.btn-star{ overflow: hidden; display: inline-block; width: 35px; height: 40px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-star.png); background-repeat: no-repeat; background-size: cover;background-position: center top; text-indent: -9999px; text-align: left;}
.btn-star.active{background-position: center bottom;}
span.btn-star, .btn-star.min{ width: 26px; height: 26px; background-position: center -3px;}
span.btn-star.active{ background-position: center bottom ;}
.btn-inline-area{ text-align: center; }
.btn-inline-area.right{ text-align: right; }
.btn-inline-area.right{ text-align: left; }

.btn-more-area .btn-more{background-color: #fafafa; height: 40px; line-height: 40px; font-size: 1.3rem; text-align: center; width: 100%; vertical-align: middle; color: #777;}
.btn-more-area .btn-more .i-more{ margin: -1px 0 0 3px; }

button[class^="btn-mid-"], a[class^="btn-mid-"]{ height: 40px; line-height: 38px; min-width: 90px; text-align: center; border-radius: 3px; border-width: 1px; border-style: solid;}
.btn-mid-blue{border-color: #477ad9; color: #477ad9; background-color: #fff;}
.btn-mid-coral{border-color: #31a8b6; color: #31a8b6; background-color: #fff;}
.btn-mid-blue.active{background-color: #477ad9; color: #fff;}
.btn-mid-coral.active{background-color: #31a8b6; color: #fff;}

.btn-link{color: #4c4c4c;}
.btn-link .i-sarrow{margin-bottom: -2px;}
.btn-area [class^="btn-mid-"]{ margin: 0 9px; }


/*
=============================== inputs ===============================
*/
[class^="input-"] input,
[class^="input-"] select,
[class^="input-"] textarea,
.input-check label,
[class^="input-"] .input, .select-sort select{ display: inline-block;box-sizing:border-box;-webkit-box-sizing:border-box;vertical-align:middle; color: #4c4c4c; background-color: #fff;}
.input-text, .input-select, .input-check, .input-file{display: inline-block;position: relative; box-sizing: border-box;}
.input-text, .input-select, .input-file{ height: 40px; width: 100%;}
.input-text input, .input-check input, .input-select select, .input-text .input, .input-file .input, .select-sort select{ overflow: hidden; -webkit-appearance:none; width: 100%; background-color: #fff;}
.input-text input::-webkit-input-placeholder,.input-file input::-webkit-input-placeholder,.input-textarea textarea::-webkit-input-placeholder {color:#ccc;}
.input-text input, .input-select select,  .input-text .input, .input-file .input{height: 40px; line-height: 38px; padding:0 10px; border:1px solid #eee; border-radius: 3px;}
.input-text input:disabled,.input-text input[disabled], .input-text input[readonly], .input-text input:read-only, .input-text .input.readonly, .input-text .input.disabled, .input-select select:disabled, .input-text .input.disabled .input-select .disabled{background-color: #f2f2f2;color: #1a1a1a;opacity: 1; -webkit-text-fill-color:#1a1a1a;}
.input-text input[type="date"]{background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-calendar.png); background-repeat: no-repeat; padding-left: 8px; background-position: right 8px center; background-size: 18px; padding-right: 0;}
.input-check.only{ width: 25px; height: 25px; overflow: hidden; }
.input-select::before, .input-select::after, .select-sort::before, .select-sort::after{content: "";display: inline-block; position: absolute; right: 11px; top: 50%; width: 7px; height: 1px; background-color: #4c4c4c; -webkit-transform: rotate(-41deg);transform: rotate(-41deg); margin-left: -5px; }
.input-select::before, .select-sort::before{-webkit-transform: rotate(41deg);transform: rotate(41deg);right: 16px}
.input-select select{ padding-right: 26px; }
.input-text .point{color: #ef2647; font-weight: 600;}
.input-text input.price, .input-text .input.price{text-align: right; font-weight: 600;}

.tab-nav-area .select-sort{border-top: 1px solid #eee;}
.select-sort{ height: 40px; position: relative; background-color: #fff; border-bottom: 2px solid #f2f2f2;}
.select-sort select{height: inherit; border-width: 0; padding-left: 16px;padding-right: 36px;}
.input-file{width: 100%; padding-right: 66px;}
.input-file .file{ opacity: 0; width: 100%; height: 40px; position: absolute; z-index:0;}
.input-file .btn-input{position: absolute;right: 0; top:0; width: 64px;}
.input-file.type-btn{position: relative; width: auto; padding-right: 0;}
.input-file.type-btn input{ opacity: 0; position: absolute; z-index: 0; width: 1px; height: 1px;}
.input-file.type-btn label{position: relative; z-index: 2; text-align: center;}

.input-check input{ position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 0;}
.input-check label{ position: relative; padding: 0 0 0 35px; min-height: 25px; line-height: 25px; background-color: transparent; font-size: inherit;}
.input-check label::before{ content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 25px; height: 25px; background-color: #fff; border:1px solid #ddd; border-radius: 3px; box-sizing:border-box;}
.input-check input:disabled + label::before{ background-color: #f2f2f2; }
.input-check label::after{ content: ""; display: inline-block; position: absolute; width:11px; height: 11px; background-color: #ddd; border-radius: 50%; left:7px; top: 7px; }
.input-check input[type="radio"] + label::before{border-radius: 50%;}
.input-check input[type="radio"] + label::after{border-radius: 50%;}
.input-check input:checked + label::before{border-color: #6456d6;}
.input-check input[type="radio"]:checked + label::after{background-color: #6456d6;}
.input-check input[type="checkbox"] + label::after{ width: 24px; height: 24px; left: 1px; top: 1px; border-radius: 0; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-checkbox.png); background-repeat: no-repeat; background-size: cover; background-color: transparent; background-position: right top;}
.input-check input[type="checkbox"]:checked + label::after{ background-position: left top; }


.input-check{font-size: 1.4rem;color: #4c4c4c;}
.item .input-check + .input-check{margin-left: 17px;}
.label-item .item .btn-line-round{ width: 100%; }
.input-textarea textarea{ width: 100%;  border:1px solid #eee; border-radius: 3px; padding: 10px; height: 190px;}
.input-textarea.min textarea{ height: 75px; }
.txt-btn, .label-item .item.txt-btn{ display: flex; }
.txt-btn .btn-input{ box-sizing: border-box;  flex-basis: auto; min-width: 64px; height: 40px; margin-left: 2px;background-color: #fff; }
.txt-btn .input-text, .input-list .txt-btn .input-text, .item-group.txt-btn .item{flex: 1;}

.address .txt-btn .btn-input{ width: 92px; }
.address .txt-btn, .label-item .address .item.txt-btn{}
.address .input-text{ width: 100%; }
.search-field .txt-btn .btn-input, .btn-input.gray{background-color: #999; color: #fff; border-color: #999;}
.search-field .btn-search-area{margin-top: 10px;}
.search-field .btn-search-area .btn-input{ width: 100%; }
.search-field.inner{padding: 20px 16px;}

.input-check.btn label::before, .input-check.btn label::after{display: none}
.input-check.btn label{ box-sizing: border-box;display: inline-block;height: 40px;padding:0 10px;color: #4c4c4c;border: 1px solid #777;text-align: center;border-radius: 3px;background-color: #fff; min-height: inherit; line-height: 38px;background-color: #fff;}
.input-check.btn input:checked + label{border-color: #6456d6; color: #6456d6;}
.input-check.btn input:disabled + label{border-color: #ddd; color: #aaa;}
/* input list style */
.input-list .item{box-sizing: border-box;}
.input-list .input-text, .input-select{ width: 100%; }
.label-item:last-child{margin-bottom: 0;}
.input-list.bd-top{padding-top: 20px;}

.label-item {position: relative;}
.label-item .label, .label-item .item{box-sizing: border-box;}
.label-item .label{ display: block; color: #1a1a1a; font-size: 1.5rem; margin-bottom: 10px; font-weight: 400;}
.label-item .item{display: block; width: 100%;}
.label-item .item.btn-area{text-align: right; margin-top: 10px;}
.label-item{margin-bottom: 20px;}
.label-item .item + .item{margin-top: 5px;}
.item-group + .item-group, .item-group .item + .item{margin-top: 5px;}
.label-item .item .btn-round + .btn-round{margin-left: 6px;}
.item-group .description, .item .description, .item + .description{margin-top: 10px;}
.description .input-check label{color: #aaa;}

.label-item.col{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.label-item.col .label{flex-basis: 30%; margin-bottom: 0; margin-right: 0; font-size: 1.3rem; color: #777;}
.label-item.col .item{ flex-basis:68%;}
/* input grid */
.item.half, .item-group.half, .item-group.pint, .item-group.quarter, .item-group.col{ display: flex; flex-wrap: wrap; justify-content: flex-start;}
.item.half, .item-group.half{justify-content: space-between;}
.item-group.half .item + .item, .item-group.pint .item + .item, .item-group.quarter .item + .item, .item-group.col .item + .item{ margin-top: 0; margin-left: 8px;}
.item.half > *, .item-group.half .item, .item-group.col .col2{ flex-basis: 48%; flex-basis: calc((100% - (8px * 1))/2);}
.item.pint > *, .item-group.pint .item, .item-group.col .col3{ flex-basis: 31%; flex-basis: calc((100% - (8px * 2))/3);}
.item.quarter > *, .item-group.quarter .item, .item-group.col .col4{ flex-basis: 25%; flex-basis: calc((100% - (8px * 3))/4);}
.item-group .ext{ flex:1;}

.search-field .item-group.half .item + .item, .search-field .item-group.pint .item + .item, .search-field .item-group.quarter .item + .item, .search-field .item-group.col .item + .item{ margin-left: 4px;}
.search-field .item.half > *, .search-field .item-group.half .item, .search-field .item-group.col .col2{ flex-basis: 48%; flex-basis: calc((100% - (4px * 1))/2);}
.search-field .item.pint > *, .search-field .item-group.pint .item, .search-field .item-group.col .col3{ flex-basis: 31%; flex-basis: calc((100% - (4px * 2))/3);}
.search-field .item.quarter > *, .search-field .item-group.quarter .item, .search-field .item-group.col .col4{ flex-basis: 25%; flex-basis: calc((100% - (4px * 3))/4);}
.search-field .item-group .ext{ flex:1;}

.label-item .ab-right{position: absolute; right: 0;top: 0; }
.label-item .ab-right.description{ margin-top: 3px }
.sub .label-item + .label-item{margin-top: 20px;}
.sub .label-item .label, .label-item.sub .label{font-size: 1.4rem; color: #4c4c4c;}

.orderpay .input-check{display: block;}
.orderpay .input-check label{ display: block; padding: 45px 0 0 0; border:1px solid #ddd; background-color: #fafafa; border-left-width: 0; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icons-orderpay.png); background-size: 30px auto; background-repeat: no-repeat;}
.orderpay .input-check label::before, .orderpay .input-check label::after{display: none;}
.orderpay .input-check label .txt{ box-sizing: border-box; display: block; height: 40px; line-height: 40px; text-align: center; font-size: 1.3rem; color: #777;}
.orderpay .item:first-child .input-check label{border-left-width: 1px;}
.orderpay .input-check input:checked + label{border-color: #6456d6; background-color: #ece9f9; border-left-width: 1px;background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icons-orderpay-on.png); }
.orderpay .input-check input:checked + label .txt{ color: #6456d6; }

.orderpay .type1 label{background-position: center 0;}
.orderpay .type2 label{background-position: center -85px;}
.orderpay .type3 label{background-position: center -170px;}
.orderpay .type4 label{background-position: center -255px;}
.orderpay .type5 label{background-position: center -340px;}
.orderpay .type1 label .txt, .orderpay .type4 label .txt{ line-height: 1.2; padding-top: 2px; }
.item-group.quarter.orderpay .item{ flex-basis: 25%; flex-grow: 0; flex-shrink: 0; }
.item-group.quarter.orderpay .item + .item{margin-left: 0;}
/* type */
.date-select{ display: flex;justify-content: space-between; }
.date-select .item{ position:relative;flex: 1;  padding-right: 15px;}
.date-select .unit{position: absolute; right: 0; top: 0; line-height: 40px;}
.date-select .item + .item{margin-top: 0; margin-left: 8px; }
.date-select .btn{flex-basis:81px; margin-left: 10px;}
.date-select .input-check.btn, .date-select .btn .btn-input{margin-left: 0; padding:0; min-width: 80px;}
.date-select .input-check.btn label, .date-select .input-check.btn button{ width: 100%; }
.date-select .btn.col2{flex-basis: 40%; display: flex; flex-wrap: wrap;}
.date-select .btn.col2 .input-check.btn, .date-select .btn.col2 .btn-input{ padding:0; min-width: 48%;}
.date-select .btn.col2 .input-check.btn:last-child, .date-select .btn.col2 .btn-input:last-child{ margin-left: 4%; }
.item.tel{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.item-group.email, .item.email{position: relative;}
.item-group.email > .item, .item.email .input-text{ width:  46%; width: calc(50% - 10px); }
.item-group.email .dash, .item.email .dash{ width: 8%; width: 20px; text-align: center; line-height: 40px; font-size: 1.2rem;}
.item-group.email > *, .item.email > *{ float:left; }
.item-group.email::after, .item.email::after{ content: ""; display: block; height: 0; clear: both; }
.item.tel .input-text{ flex-basis:33%; flex-basis:calc(35% - 8px);}
.item.tel .input-select{ flex-basis: 30%;}

.label-item .label.description{font-size: 1.3rem; color: #777; margin-top: 10px;}

.unit-txt{position: relative; padding-right: 15px;}
.unit-txt input{text-align: right;}
.unit-txt .unit{position: absolute; right: 0; top:50%; margin-top: -8px;}
.agree-check .all-check{ padding: 10px 0 20px; }
.check-list {}
.check-list > li + li{margin-top: 10px;}
.check-list.col2{display: flex; flex-wrap: wrap; margin-top: -10px;}
.check-list.col2 > li{ width: 50%; flex-basis: 50%; margin-top: 10px;}
.check-list .input-check, .check-list .input-check label, .check-list .input-check label > *{display: block;}
.check-list .cont-area{padding-left: 35px; margin-bottom: 0;}
.check-list .input-check + .cont-area{ margin-top: 10px;}

.item-group.inner-list{padding:0 15px; margin-top: 10px;}
.inner-list .list-preview.min .group, .inner-list .list-preview.min > li{ padding: 15px 0; }
.inner-list .list-preview .group, .inner-list .list-preview > li{padding-left: 0; padding-right: 0;}
.inner-list .list-preview .group:last-child, .inner-list .list-preview > li:last-child{border-bottom-width: 0;}
.inner-list .list-preview.checkbox .group .input-check{ right: 0; margin-top: -10px;}
.inner-list .list-preview.checkbox .group{padding-right: 32px;}

.btn-check-group{display: flex; flex-wrap: wrap;}
.btn-check-group .input-check{flex: 1;}
.btn-check-group .input-check label{text-align: center; width: 100%; line-height: 30px; min-height: 30px; border:1px solid #eee; font-size: 1.3rem; color: #aaa;background-color: #fff; padding:0;}
.btn-check-group .input-check label::before,.btn-check-group .input-check label::after{display: none;}
.btn-check-group .input-check + .input-check{margin-left: 0;}
.btn-check-group .input-check + .input-check label{border-left-width: 0;}
.btn-check-group .input-check input:checked +  label{background-color: #6456d6;color: #fff; border-color: #6456d6;}
.btn-check-group .input-check:first-child label{border-radius: 3px 0 0 3px;}
.btn-check-group .input-check:last-child label{border-radius:0 3px 3px 0;}

/*
=============================== table ===============================
*/
.table-area{}
.board-list{border: 1px solid #ddd; border-right-width: 0; border-bottom-width: 0;}
.board-list thead th{border-top-width:1px;}
.board-list th, .board-list td{ border: 1px solid #ddd; border-left-width: 0; border-top-width: 0; text-align: center; vertical-align: middle;}
.board-list th{background-color: #fafafa; color: #4c4c4c; font-weight: 400; padding: 10px 5px; }
.board-list td{background-color: #fff; padding: 10px 5px;}
.board-list tbody th{ background-color: #f4faff; color: #4c4c4c; text-align: left; }
.board-list tr:first-child td{border-top-width: 1px;}

.board-list .sbj{ text-align: left; padding-left: 10px;}
.round-bd .board-list{ border-width: 0; margin-bottom: -1px;}
.round-bd .board-list td:last-child, .round-bd .board-list th:last-child{border-right-width: 0;}
.board-list.noline th, .board-list.noline td{border-right-width: 0;}
.board-list.noline{border-left-width: 0;}
.board-list.noline td{border-bottom-width: 0;}
.board-list.noline tr:last-child td{border-bottom-width: 1px;}

.round-bd .board-list thead th{border-top-width: 0;}
.board-list.Fedex{ table-layout: fixed; width: 820px;}
.scroll-x .board-list{ }
/*
=============================== list ===============================
*/
.list-flex, .tabs .tab-nav{display: flex; flex-direction: row;flex-wrap: wrap; align-content: center; align-items: center;}
.list-flex > li, .tabs .tab-nav > li{  box-sizing: border-box; display: flex; align-items: center; align-content: center; text-align: center; justify-content: center;}
.list-flex.auto > li, .tabs .tab-nav.auto > li{ flex:1; }
.list-flex.col2 > li, .tabs .tab-nav.col2 > li{ flex-basis: 50%;}
.list-flex.col3 > li, .tabs .tab-nav.col3 > li{ flex-basis: 33.33%;}
.list-flex.col3 > li:nth-child(3n+1), .tabs .tab-nav.col3 > li:nth-child(3n+1){ flex-basis: 33.34%; border-left-width: 0;}
.list-flex.col4 > li, .tabs .tab-nav.col4 > li{ flex-basis: 25%;}
.list-flex.col5 > li, .tabs .tab-nav.col5 > li{ flex-basis: 20%;}
.list-flex .anchor, .tabs .tab-nav .anchor{display: flex; flex:1; justify-content: center; align-items: center; align-content: center; height: 100%;}
.list-flex > li{ height: 40px;}
.tabs .tab-nav > li{ height: 45px;}

.tabs .type-button{border-bottom-width: 0;}
.tabs .type-button .tab-nav{border-width: 0; justify-content: center; padding-top: 10px; padding-bottom: 0;}
.tabs .type-button .tab-nav > li{height: auto; padding-top: 5px;padding-bottom: 5px;}
.tabs .type-button .tab-nav > li,.tabs .type-button .tab-nav > li.active{border-width: 0; background-color: transparent;}
.tabs .type-button .tab-nav > li .anchor{ height: 23px; line-height: 23px; border:1px solid #aaa; border-radius: 13px;padding-left: 10px; padding-right:10px;  font-size: 1.4rem; font-weight: 600; border-color: #fff; color: #1a1a1a;}
.tabs .type-button .tab-nav > li.active .anchor{border-color: #6456d6;}
.tabs .tab-nav.keyword > li{ padding: 5px 3px;}
.tabs .tab-nav.keyword > li .anchor{border-color: #aaa; font-size: 1.3rem; font-weight: 400; color: #777;}
.tabs .tab-nav.keyword > li .anchor::before{content: "#"}

.tabs .type-text{border-bottom-width: 0;}
.tabs .type-text .tab-nav{border-width: 0; justify-content: center; padding-top: 10px; padding-bottom: 0;}
.tabs .type-text .tab-nav > li{height: auto; padding-top: 5px;padding-bottom: 5px; border-width: 0; padding-left: 10px; padding-right: 10px;}
.tabs .type-text .tab-nav > li.active{background-color:transparent;}
.list-table{ display: table; width: 100%; }
.list-table > li, .list-table .group{display: table-row; }
.list-table .tit, .list-table .cont{ display: table-cell;vertical-align: top;padding: 6px 0;}
.list-table .tit{font-weight: 400;}
.list-table .tit .i-help{ margin-top: -2px;}
.list-table .cont{text-align: left; color: #4c4c4c;}
.list-table .cont .btn-underline{font-size: 1.4rem;}
.list-table .cont.right{text-align: right}
.list-table .cont.ext{ width: 100% !important; }
.list-table .group.bg-gray > .tit{ padding-left: 10px; }
.list-table .group.bg-gray > .cont{ padding-right: 10px; }
.list-table .group.first > .tit,.list-table .group.first> .cont{padding-top: 10px; }
.list-table .group.last> .tit,.list-table .group.last > .cont{padding-bottom: 10px; }
.list-table .group.last + .group > .tit,.list-table .group.last + .group > .cont{padding-top: 13px;}
.list-table .cont .block + .block{ margin-top: 3px; }
.list-table .cont .block + .box-gray{margin-top: 8px;}
.list-table.info >li .tit, .list-table.info > .group .tit{ text-align: left;}
.list-table.info >li .cont, .list-table.info > .group .tit{color: #4c4c4c;font-size: 1.5rem;}
.list-table.info .tit, .list-table.info .cont{ padding: 10px 0;}
.list-table.info > li:last-child, .list-table.info .group:last-child{margin-bottom: 0;}
.list-table.info2 .tit, .list-table.info2 .cont{padding-top: 7px; padding-bottom: 7px;}
.list-table[class*="info"] .cont{text-align: right;}
.list-table .cont.point{ fotext-align: rightnt-size: 1.7rem; color: #6456d6; }
.list-table .cont.point .i-point{ margin-right: 2px; }
.list-table .unit{ display: inline-block; min-width: 14px; text-align: right; font-size: 1.4rem;}
.list-table .cont .unit{color: #777;}
.list-table .txt-red .unit{color: #ef2647;}
.list-table > li:first-child > .tit, .list-table > li:first-child > .cont,
.list-table .group:first-child > .tit, .list-table .group:first-child > .cont{ padding-top: 0 !important; }
.list-table > li:last-child > .tit, .list-table > li:last-child > .cont,
.list-table .group:last-child > .tit, .list-table .group:last-child > .cont{ padding-bottom: 0 !important; }
.list-preview.min .list-table .group{padding: 0;}
.list-preview.min .title + .list-table{margin-top: 10px;}
.list-preview.min .list-table + .summary{margin-top: 10px;}
.list-table + .description{margin-top: 20px;}
.list-table + .info-list-area, .list-table + .bullet-dot {margin-top: 20px;}
.list-table + .info-list-area .bullet-dot > li+li, .list-table + .bullet-dot > li+li{margin-top: 5px;}
.list-table .sub.group > .tit, .list-table .sub.group > .cont{color: #777; font-size: 1.3rem;}

.list-table.justify .cont{text-align: right;}
.list-table.center .tit, .list-table.center .cont{vertical-align: middle;}
.list-table.info .group.total .tit{font-size: 1.4rem;}
.list-table.info .group.total .cont{font-size: 1.6rem;}
.list-table.info .title > .tit,.list-table.info .title > .cont{font-size: 1.5rem;}
.list-table.info .title > .cont{ width: 100px; }
.list-icons.link .i-link{ display: flex; height: 50px; color: #555; flex-direction: column; justify-content: center;  align-self: center; padding-left: 35px;}
.list-icons > li{ background-repeat: no-repeat; background-size: 35px auto;}
.list-icons.link > li{background-image:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/my-home-icons2.png);}
.list-icons .cart{ background-position: left 0;  }
.list-icons .delivery{ background-position: left -50px; }
.list-icons .orders{ background-position: left -100px; }
.list-table.bd-top{padding-top: 17px;}
.list-table .cont .price{font-size: 1.6rem;}
.list-table.block >.group, .list-table.block >.group > .tit, .list-table.block >.group > .cont,
.list-table.block >li, .list-table.block >li > .tit, .list-table.block >li > .cont{ display: block; padding: 0; }
.list-table.block >.group, .list-table.block >li{margin-top: 12px;}
.list-table.block >.group:first-child, .list-table.block >li:first-child{margin-top: 0;}
.list-table.block >.group > .cont,.list-table.block >li > .cont{margin-top: 5px; width: 100%;}
.list-table{margin-top: 17px;}
.list-table:first-of-type{margin-top: 0;}
/*.cont-group .list-preview:last-child{border-bottom-width: 0;}*/
.list-preview .group, .list-preview > li{ position: relative; border-bottom: 1px solid #eee; padding: 30px 16px; }
.list-preview > .link{padding: 0;}
.list-preview > .link > a{display: block; padding: 20px 34px 20px 16px;}
.list-preview > .group.link > a{padding-top: 30px; padding-bottom: 30px;}
.list-preview > .link > .anchor{padding-right: 16px;}
.list-preview .i-link{ position: relative; padding: 20px 42px 20px 16px;}
.list-preview .i-link::before, .list-preview .i-link::after{ content: "";display: inline-block; position: absolute; right: 16px; top: 50%; width: 10px; height: 1px; background-color: #999; -webkit-transform: rotate(42deg);transform: rotate(42deg); margin-top: -4px;}
.list-preview .i-link::after{-webkit-transform:rotate(-42deg); margin-top: 3px;}
.list-preview .i-link .btn-ilink{display: inline-block; position: absolute; right: 0; top: 50%; width: 42px; height: 40px; margin-top: -20px; text-indent: -9999px; overflow-y: hidden; text-align: left; line-height: 40px;}
.list-preview .title{ display: block;color: #4c4c4c; font-size: 1.4rem; font-weight: 400;}
.list-preview .title2{display: block;color: #4c4c4c; font-size: 1.5rem; font-weight: 400;}
.list-preview .title3{display: block;color: #1a1a1a; font-size: 1.6rem; font-weight: 400;}
.list-preview .title3 i.line{height: 12px; margin: 0 7px;}
.bg-purple .title3 i.line{ background-color:#cec7ea;}
.list-preview .description + .title{margin-top: 5px;}
.list-preview:last-child > li:last-child{border-bottom-width: 0;}
.list-preview .title.ellipsis{ overflow: hidden; height: 18px; display: -webkit-box;}
.list-preview .title.ellipsis2{ overflow: hidden; max-height: 36px;display: -webkit-box;}
.list-preview .date{color: #aaa; font-size: 1.3rem; margin-top: 5px;}
.list-preview[data-mode="list"] .thumb{ display: none; }
.list-preview .thumb, .thumb-player{display: block; width: 100%; overflow: hidden; margin-bottom: 10px; }
.list-preview .thumb.player, .thumb-player{position: relative; max-height: 251px;}
.list-preview .thumb.player::after, .thumb-player::after{content: ""; display: inline-block; position: absolute; left: 50%; top: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; z-index: 2; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-player.png) no-repeat center; background-size: cover;}
.list-preview .thumb.player::before, .thumb-player::before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0, 0, 0, 0.4); }
.list-preview .thumb img{ display: block; width: 100%; }
.list-preview[data-mode="thumb"] > li.link > a{  padding: 20px; }
.list-preview[data-mode="thumb"] .i-link::before, .list-preview[data-mode="thumb"] .i-link::after{display: none;}
.list-preview .sub-group{border-top: 1px solid #eee; padding-top: 20px; padding-bottom: 20px;}
.list-preview .sub-group:first-of-type{padding-top: 0; border-top-width: 0;}
.list-preview .sub-group:last-of-type{padding-bottom: 0;}
.list-preview .tit-area + .sub-group{ padding-top: 0; border-top-width: 0;}
.list-preview .title + .bullet-dot{margin-top: 15px;}

[class*="list"].checkbox .group{ position: relative; padding-right: 54px; }
[class*="list"].checkbox .group .input-check{position: absolute; right: 16px; top: 50%; margin-top: -13px;}
[class*="list"].checkbox .check{padding: 0;}
[class*="list"].checkbox .check .input-check{ display: block; padding: 20px 54px 25px 16px; }
.list-preview.min.checkbox .check .input-check{padding-top: 15px; padding-bottom: 15px;}

[class*="list"].checkbox .check .input-check label{ overflow: hidden; position: absolute; right: 16px; top: 50%; margin-top: -13px; width: 25px; height: 25px; padding: 0; text-indent: -9999px; text-align: left;}
[class*="list"].checkbox .check .products{padding: 0;}
.list-accordion .cards-body [class*="list"].checkbox .check .input-check{padding: 0 38px 0 0;}
.list-accordion .cards-body [class*="list"].checkbox .check .input-check label{right: 0;}
.list-accordion.map .cards-header{display:flex; align-items: center; align-content: center; text-align: left; justify-content: space-between;}
.list-accordion.map .cards-header .cont-area{ width: 75%; margin-bottom: 0;}
.list-accordion.map .cards-header .description{margin-top: 0}
.list-accordion.map .cards-body{padding: 0;}
.list-accordion.map .cards-header::before,.list-accordion.map .cards-header::after{display: none;}
.list-accordion.map .cards-header.btn-input.min{}

.list-preview.event .thumb{height: auto;border:1px solid #eee; min-height: 102px;}
.list-preview a.link{display: block;}
.thumb-cont{display: block;}
.thumb-cont .thumb{display: block;}
.thumb-cont .thumb img{max-width: 100%; display: block;}
.list-preview.gallery{position: relative;}
.list-preview.gallery{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.list-preview.gallery > li{ box-sizing: border-box; width: 50%; padding: 20px 0;}
.list-preview.gallery::after{content: ""; display: block; position: absolute; height: 1px; width: 100%; background-color: #eee; left: 0; bottom:0;}
.list-preview.gallery .message-box{ width: 100%; }
.list-preview.gallery > li:nth-child(2n+1){padding-left: 2.3%; }
.list-preview.gallery > li:nth-child(2n){padding-right: 2.3%; }
.list-preview.gallery .thumb-cont{ text-align: center; width: 155px; margin: 0 auto; }
.list-preview.gallery .thumb-cont .thumb-area{position: relative;}
.list-preview.gallery .thumb-cont .tit-area.mask .title{font-size: 1.3rem; display: flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.list-preview.gallery .thumb-cont .tit-area.mask{ display: block; width: 100%; height: 100%;padding: 20px;}
.list-preview.gallery .thumb,.list-preview.gallery .thumb-cont .thumb-area{display: block;width: 100%;  height: 112px; }
.list-preview.gallery .thumb{box-sizing: border-box; border:1px solid #ddd;}
.list-preview.gallery .date-text{ justify-content: center; }
.list-preview.gallery .date-text .txt{ text-align: center; }
.list-preview.gallery .date-text .txt + .txt{padding-left: 5px; margin-left: 4px;}
.list-preview.gallery .title.ellipsis2{height: 36px;}
.list-preview.gallery .cont-area{margin-bottom: 0;}
.list-preview.gallery .sub-tit-area{margin-top: 8px;}
.list-preview.gallery .sub-tit-area .written{margin-top: 2px;}
.list-preview.gallery .title{-webkit-box-orient:vertical;}
.thumb-cont .thumb-area + .cont-area{margin-top:10px;}
.thumb-cont .thumb-area + .cont-area > *:first-child{margin-top: 0;}
.thumb-cont.col{ display: flex; flex-wrap: wrap; }
.thumb-cont.col .thumb{flex-basis: auto; overflow: hidden; margin-right: 20px; width: 103px; height: 74px;}
.thumb-cont.col .thumb.round{width: 45px;  height: 45px; border-radius: 5px; margin-bottom: 0; }
.thumb-cont.col .cont-area{ flex:1; margin-bottom: 0; }
.thumb-cont.col .tit-area{margin-bottom: 7px;}
.thumb-cont.col .cont-area .date-text{margin-top: 7px;}
.thumb-cont.col .cont-area .written{margin-top: 0;}
/*.list-preview .group:last-child{border-bottom-width: 0;}*/
.list-preview .group .list-table .group{ padding: 0; }
.list-preview .list-table .tit{ width: 32%; }
.list-preview .list-table .cont{ width: 68%; }
.list-preview .list-table .tit, .list-preview .list-table .cont{ padding-top: 5px; padding-bottom: 5px; }
.cont-group .list-preview .group:first-child, .cont-group .list-preview > li:first-child{border-top-width: 0;}
.list-preview .label-item{margin-bottom: 0; }

.list-preview .text{margin-top: 5px; font-size: 1.3rem;}
.list-preview .summary{ display: block; margin-top: 5px;}
.list-preview.min .group, .list-preview.min > li{ padding: 20px 16px; }
.list-preview .delete{position: relative;}
.list-preview .delete .i-del{position: absolute; right: 0; top: 5px;}
.list-preview.min .delete .i-del{right: 0; top: 0;}
.list-preview .status{margin-top: 7px;}

.list-preview > li.txt-btn{ display: flex; flex-wrap: wrap; align-items: center; }
.list-preview > li.txt-btn .address-area{ flex:1;padding-right: 20px;}

.list-preview.box{ border:1px solid #eee; background-color: #fafafa;}
.list-preview.bg{ background-color: #fafafa; padding: 0 15px; border-bottom-width: 0;}
.list-preview.bg > li{ padding: 20px 0; }
.list-preview.box > li{ padding: 20px 10px; }
.list-preview.box > li:first-child, .list-preview.bg > li:first-child{border-top-width: 0;}
.list-preview.box > li:last-child, .list-preview.bg > li:last-child{border-bottom-width: 0;}
.list-preview.box .date + .description2{margin-top: 5px;}
.list-preview .flex-grid.auto .col{ max-width: 80% }
.list-preview.reply{ background-color: #fff;}
.list-preview.reply .delete .profile-area.min{padding-right: 30px;}
.list-preview.reply .text{font-size: 1.4rem; padding-left: 30px;}
.list-preview.reply .date{padding-left: 30px;}
.list-preview .flex-grid .col .unit{color: #777;}
.list-preview.note > li{padding: 0 16px; margin-top: 20px;border-bottom-width: 0;}
.list-preview.note .skin{ display: block; position: relative; box-sizing: border-box; height: 195px; padding: 60px 15px 0;}
.list-preview.note .skin.type0{ background: #daeef5 url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/pattern-note01.png); background-size: 15px 15px;}
.list-preview.note .skin.type1{ background: #e3e9fc url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/pattern-note02.png); background-size: 12px 12px;}
.list-preview.note .skin.type2{ background: #f1e9fb url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/pattern-note03.png); background-size: 78px auto;}
.list-preview.note .skin .i-badge{position: absolute; left: 0; top:0; width: 60px; height: 40px; line-height: 40px;}
.list-preview.note .skin.type0 .i-badge{background-color: #6bc0dd;}
.list-preview.note .skin.type1 .i-badge{background-color: #9cb1ec;}
.list-preview.note .skin.type2 .i-badge{background-color: #bf9fe7;}
.list-preview.note .summary{margin-top: 10px;}
.list-preview.note .date-text{margin-top: 10px;}
.list-preview.note + .paginate{border-top-width: 0 margin-top:0;}

.list-preview.noline > li{ padding-top: 0; padding-bottom: 0; border-bottom-width: 0; margin-bottom: 20px;}
.list-preview.noline > li:last-child{margin-bottom: 0;}
.list-preview.noline > .link > a{ padding-top: 0; padding-bottom: 0;}
.cont-wrap:not(.extend) .list-preview.noline > .link > a{ padding-left: 0; padding-right: 20px;}
.cont-wrap:not(.extend) .list-preview .i-link::before, .cont-wrap:not(.extend) .list-preview .i-link::after{ right: 0; }
.list-preview.col2{position: relative;}
.list-preview.col2 > li{box-sizing: border-box; float: left; width: 50%;}
.list-preview.col2 > li:nth-child(2n),.inner-list .list-preview.col2.checkbox .group:nth-child(2n){padding-left: 8px;}
.list-preview.col2 > li:nth-child(2n+1){padding-right: 8px;}
.list-preview.col2 > li:last-child{border-bottom-width: 1px !important;}
.inner-list .list-preview.checkbox.col2 .group:nth-child(2n+1) .input-check{right: 8px;}
.list-preview.col2::after{content: ""; display: block; height: 0; clear: both;}
.list-preview.col2::before{content: ""; position: absolute; left: 0; bottom: 0;z-index: 1; display: block; width: 100%; height: 1px; background-color: #fff;}
.list-preview.app-down > li:last-child{border-bottom-width: 1px;}
.list-preview.app-down > li{padding-top: 20px; padding-bottom: 20px;}
.app-down .thumb-cont.col{ align-items: center; }
.app-down .thumb-cont.col .thumb.round{ width: 60px; height: 60px; }
.app-down .btn-area .btn-round{ background:#6456d6 url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-down-setting.png) no-repeat 15px center; background-size: 17px; padding-left: 37px; }

.bg-gray .list-preview.col2::before{background-color: #fafafa;}
.write-field { padding: 30px 16px; background-color: #fafafa; margin-bottom: 0;}
.reply-area .write-field.label-item .label.description{ margin-top: 0; }
.reply-area .list-preview > li{padding-top: 20px; padding-bottom: 20px;}
.class .cards-header{ display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; flex: 1; color: #4c4c4c; padding: 0;}
.class .cards-header .case{ flex-basis: 62px; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 1.3rem;}
.class .cards-header .tit-area{ flex: 1; padding: 15px 16px; border-left: 1px solid #eee; }
.class .cards-header .tit-area .description2{ font-size: 1.3rem; }
.class .cards-header .tit-area .products{padding: 0;}
.class .cards-body{ background-color: #fafafa; border-top: 1px solid #eee;}
.cards-group.class .cards-body{ display: block; }
.tit-area.btn-right{ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.tit-area.btn-right .btns .btn-round + .btn-round{ margin-left: 2px; }
.class .cards-header .tit-area.btn-right{}
.class .cards-header .tit-area.btn-right .btns{width: 70px; text-align: center;}
.ceo .class .cards-header .case{flex-basis: 55px;}
.products.class .info-wrap .title2{height: auto; max-height: 38px; overflow: hidden;}
.delivery .cards-header .tit-area{margin-bottom: 0;}
.delivery .cards-header .case{flex-basis: 40px;}
.delivery .cards-header .btn-area{display: flex; align-items: center; flex-basis: 80px; margin-right: 10px;}
.list-num > li + li{margin-top: 10px;}
.list-num.circle{padding-left: 0;}
ol.list-num{padding-left: 20px;}
ol.list-num > li{ list-style-type: decimal;}
ol.list-num.circle > li{ list-style: none; position: relative; padding-left: 20px;}

ol.list-num.circle > li::before{ content: ""; display: inline-block; position: absolute; left: 0; top: 2px; width: 12px; height: 12px; line-height: 12px; border:1px solid #777;border-radius: 50%; text-align: center; font-size: 1rem;}
ol.list-num.circle > li:nth-child(1)::before{ content: "1";}
ol.list-num.circle > li:nth-child(2)::before{ content: "2";}
ol.list-num.circle > li:nth-child(3)::before{ content: "3";}
ol.list-num.circle > li:nth-child(4)::before{ content: "4";}
ol.list-num.circle > li:nth-child(5)::before{ content: "5";}
ol.list-num.circle > li:nth-child(6)::before{ content: "6";}
ol.list-num.circle > li:nth-child(7)::before{ content: "7";}
ol.list-num.circle > li:nth-child(8)::before{ content: "8";}
ol.list-num.circle > li:nth-child(9)::before{ content: "9";}
ol.list-num.circle > li:nth-child(10)::before{ content: "10";}
ol.list-num.circle > li:nth-child(11)::before{ content: "11";}
ol.list-num.circle > li:nth-child(12)::before{ content: "12";}
ol.list-num.circle > li:nth-child(13)::before{ content: "13";}
ol.list-num.circle > li:nth-child(14)::before{ content: "14";}
ol.list-num.circle > li:nth-child(15)::before{ content: "15";}
ol.list-num.circle > li:nth-child(16)::before{ content: "16";}
ol.list-num.circle > li:nth-child(17)::before{ content: "17";}
ol.list-num.circle > li:nth-child(18)::before{ content: "18";}
ol.list-num.circle > li:nth-child(19)::before{ content: "19";}
ol.list-num.circle > li:nth-child(20)::before{ content: "20";}
.lecture .detail{ margin-top: 15px; }
.lecture .result{ margin-top: 30px; }

.btns + .file-list{margin-top: 15px;}
.file-list > li + li{margin-top: 5px;}
.file-list .i-del{ position: relative; display: inline-block; width: 20px; height: 20px; border:1px solid #999; border-radius: 50%;}
.file-list .i-del::before, .file-list .i-del::after {width: 7px; margin: 0 0 0 -3px;}
.file-name{color: #aaa; font-size: 1.3rem;}
.list-qna {}
.list-qna > li{list-style-type: decimal; list-style-position: outside; padding: 30px 16px; border-top: 1px solid #eee;}
.list-qna .question{position: relative; padding-left: 22px; color: #4c4c4c;}
.list-qna .question .num{ position: absolute; font-style: normal; left: 0; top: 0; }
.list-qna .question .tit{font-weight: 400;}
.list-qna .answer{margin-top: 20px; margin-left: 22px;}
.list-qna ol.answer > li{ position: relative;color: #4c4c4c; vertical-align: middle; line-height: 25px;}
.list-qna ol.answer > li .input-check{}
.list-qna ol.answer > li .input-check label::before{left:0;}
.list-qna ol.answer > li .input-check input[type="checkbox"] + label::after{left:1px;}
.list-qna ol.answer > li .input-check input[type="radio"] + label::after{left:7px;}
.list-qna ol .input-check label{display: block; padding-left: 0; padding-top: 3px; line-height: 20px; z-index: 1; padding-left: 48px; background-color: transparent;}

.list-qna ol.answer > li::before{ content: ""; display: inline-block; position: absolute; left: 32px; top: 6px; height: auto; line-height: 1; font-size: 1.4rem; font-family: "NotoSansKR";}
.list-qna ol.answer > li:nth-child(1)::before{ content: "1."; }
.list-qna ol.answer > li:nth-child(2)::before{ content: "2."; }
.list-qna ol.answer > li:nth-child(3)::before{ content: "3."; }
.list-qna ol.answer > li:nth-child(4)::before{ content: "4."; }
.list-qna ol.answer > li:nth-child(5)::before{ content: "5."; }
.list-qna ol.answer > li:nth-child(6)::before{ content: "6."; }
.list-qna ol.answer > li:nth-child(7)::before{ content: "7."; }
.list-qna ol.answer > li:nth-child(8)::before{ content: "8."; }
.list-qna ol.answer > li:nth-child(9)::before{ content: "9."; }
.list-qna ol.answer > li:nth-child(10)::before{ content: "10."; }
.list-qna .answer > li{}
.list-qna .answer > li .input-check{display: block;}
.list-qna .answer > li + li{margin-top: 15px;}
.list-qna.result ol.answer > li{ list-style-position: outside; padding-left: 0; }
.list-qna.result ol.answer{padding-left: 30px;}
.list-qna .result-area{margin-top: 20px;}
.list-qna .result-area .user, .list-qna .result-area .right{padding:12px 10px;}
.list-qna .result-area .right{margin-top: 10px;}
.list-qna .result-area .txt{margin-top: 10px;}
.list-qna .result-area .result{ position: relative; padding-left:30px; }
.list-qna .result-area .result .label{color:#1a1a1a; position: absolute; left: 0; top: 0;}
.list-qna .result-area .result_guide{ position: relative; padding-left:27px;  background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/m_images/icon/icon_result_guide.png); background-repeat: no-repeat; background-size:19px;}
.list-qna .correct, .list-qna .incorrect{ position: relative; }
.list-qna .correct::before, .list-qna .incorrect::before{ content: ""; display: inline-block; position: absolute; width: 54px; height: 41px; left:5px; top: 20px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-check-point.png); background-repeat: no-repeat; background-size:cover; }
.list-qna .correct::before{ background-position: left top; }
.list-qna .incorrect::before{ background-position: left bottom; }

.list-accordion .cards-group{}
.list-accordion .tit{color: #4c4c4c; font-weight: 400; font-size: 1.5rem; display: block; padding-right: 35px; height: 21px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;}
.list-accordion .cards-header, .list-accordion .group{ padding: 15px 16px; background-color: #fff; border-bottom: 1px solid #eee;}
.list-accordion > li:last-child .cards-header, .list-accordion > li:last-child .cards-body, .list-accordion .group:last-child{border-bottom-width: 0px; }
.list-accordion .cards-header:last-child, .list-accordion .group:last-child{border-bottom-width: 0;}
.list-accordion .cards-body{padding: 20px 16px; background-color: #fafafa; border-bottom: 4px solid #f2f2f2;}
.list-accordion .more{ display: block; position: relative; }
.list-accordion .more .i-more{position: absolute; right: 0; top: 50%; margin-top: -8px;}
.list-accordion a.cards-header::after{ right: 16px; }
.list-accordion a.cards-header::before{ right: 24px;}
.list-accordion .cards-body.extend{padding: 0;}
.list-accordion .cards-body .products{ padding: 0; }
.list-accordion .cards-body .product-list{background-color: transparent;}
.list-accordion .cards-body .product-list > li{padding-top: 20px; padding-bottom: 20px;}
.list-accordion .cards-body .product-list > li:first-child{padding-top: 0;}
.list-accordion .cards-body .product-list > li:last-child{border-bottom-width: 0; padding-bottom: 0;}
.list-accordion.review .cards-body{display: block; }
.list-accordion.review .cards-cont{height: 55px; min-height: 55px; overflow: hidden;/* -webkit-transition:height 0.3s linear;transition: height 0.3s linear;*/}
.list-accordion.review .cards-cont img{max-width:100%;}
.list-accordion.review .active .cards-cont{height: auto; }
.list-accordion .cards-body .message-box{background-color: transparent;}
.list-accordion.review .active .tit{max-height: 42px; height: auto; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; white-space: pre-wrap;}

.list-button .col label{ display: block; box-sizing: border-box; width: 100%; height: inherit; line-height: 40px;border:1px solid #eee; background-color: #fff; text-align: center;}
.list-button .btn:checked + label{color: #6456d6; background-color: #fafafa;}
.list-button .btn{opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: inherit;}
.list-button .col {position: relative; height: 40px;}
.list-button .col label{border-width: 0 1px 1px 0; }
.list-button .col:nth-child(5n+1) label{border-left-width: 1px;}
.list-button .col.all label{border-width: 1px;}

/*
=============================== templete ===============================
*/
.address-area .current-address{margin-top: 10px;}
.address-area .current-address .date{margin-top: 0;}
.address-area .old-address{margin-top: 10px;}
.comment-area + .search-field{margin-top: 10px;}
.class-header{ text-align: center; }
.class-header .description span{display: inline-block; position: relative; padding: 0 3px 0 5px;}
.class-header .description span + span{}
.class-header .description span + span::before{ content: ""; display: block;width: 1px; height: 8px;  position: absolute; left: 0; top: 50%; margin-top: -4px; background-color: #ddd;}
.class-header .description2{font-size: 1.3rem; margin-top: 5px;}
.category-list{background-color: #f2f2f2; padding: 4px 0 8px;}
.category-list .list-flex, .tabs .tab-nav{ position: relative; background-color: #fff;}
.category-list .list-flex::after{ content: "";display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background-color: #ddd;}
.category-list .list-flex > li, .tabs .tab-nav > li{border: 1px solid #eee; }
.category-list .list-flex > li{border-width: 0 1px 1px 0;}
.tabs .tab-nav > li{border-width: 0  0 0 1px;}
.category-list .list-flex > li:last-child{border-right-width: 0; }
.tabs .tab-nav > li:first-child{border-left-width: 0;}
.category-list .list-flex > li.active,.tabs .tab-nav > li.active{background-color:#fafafa; }
.category-list .list-flex > li.active .anchor, .tabs .tab-nav > li.active .anchor{color:#6456d6; }
.category-list .list-flex[class*="col"] > li:last-child{border-right-width: 1px; }
.category-list + .cont-group{ padding-top: 0; border-top-width: 0; }
.category-list .list-flex > li{ height: 40px;}
.category-list .list-flex.col2 > li:nth-child(2n),
.category-list .list-flex.col3 > li:nth-child(3n),
.category-list .list-flex.col4 > li:nth-child(4n){border-right-width: 0; }

.tab-nav-area.type-round{ padding: 20px 16px; border-bottom-width: 0;}
.tab-nav-area.type-round .tab-nav{border-top-width: 0;}
.tab-nav-area.type-round .tab-nav > li{background-color: #fafafa; border-width: 1px 0 1px 1px; height: 40px;}
.tab-nav-area.type-round .tab-nav > li:first-child{border-radius: 3px 0 0 3px; }
.tab-nav-area.type-round .tab-nav > li:last-child{ border-right-width: 1px;border-radius: 0 3px 3px 0; }
.tab-nav-area.type-round .tab-nav > li.active{border-width: 0; background-color: #6456d6; border-radius: 3px;}
.tab-nav-area.type-round .tab-nav > li .anchor{ font-size: 1.4rem; color: #aaa; }
.tab-nav-area.type-round .tab-nav > li{}
.tab-nav-area.type-round .tab-nav > li.active .anchor{color: #fff;}
.cont-wrap .category-list{ padding: 0; }
.info-list-area{ font-size: 1.3rem;padding-top: 20px; border-top: 1px solid #eee;margin-top: 20px;}

.player-tit{text-align: center; color: #4c4c4c;margin-top: 10px;}
.qna-view .tit-area{ position: relative; padding: 30px 16px 30px 55px; margin-bottom: 0;}
.qna-view [class^="i-"]{ position: absolute; left: 16px; top: 30px; width: 30px; height: 30px; font-size: 1.6rem; line-height: 28px; font-style: normal; border-radius: 50%; text-align: center;}
.qna-view .i-Q{color: #6456d6; border:1px solid #6456d6;}
.qna-view .i-A{color: #4984dc; border:1px solid #4984dc;}
.qna-view .cont-area{margin-bottom: 0; padding: 20px 16px; border-top: 1px solid #eee;}
.qna-view .btn-area{ padding-bottom:20px; background-color: #fff; }

/* myhome */
.profile-area{ text-align: center; }
.profile-area .info-area{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 55px; margin-bottom: 20px;}
.profile-area .photo{ overflow: hidden; display: inline-block; width: 55px; height: 55px; border-radius: 50%; }
.profile-area .photo img{ max-width: 100%; }
.profile-area .info{display: inline-block; padding-left: 20px; text-align: left;}
.profile-area .info .name{ color: #1a1a1a; }
.profile-area .info .point{display: block; font-size: 1.6rem;color: #4984dc;}
.profile-area .info .level{ display: block; color: #aaa;}
.profile-area .btn-area .btn-line-round{min-width: 100px; margin: 0 3px;}
.profile-area.todo{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.profile-area.todo .info-area{ display: flex; flex: 1; margin-bottom: 0; align-items: center; justify-content: flex-start;}
.profile-area.todo .btn-area{ flex-basis: 128px; }
.profile-area.todo .btn-area .btn-round{ width: 100%; }
.profile-area.todo .btn-area .btn-round + .btn-round{ margin-top: 5px; margin-left: 0;}
.profile-area.todo .description{color: #777; margin-top: 2px;}
.profile-area.todo .info{padding-left: 10px;}
.profile-area.min{ display: flex;justify-content: flex-start; align-items: center; }
.profile-area.min .photo{width: 25px; height: 25px;}
.profile-area.min .name{color: #4c4c4c; font-size: 1.3rem; margin-left: 5px;}
.profile-area.min .description{margin-top: 0; margin-left: 3px;}
.my-profile .profile-area .info-area{ display: flex; width: 100%; flex-wrap: wrap; align-items: center; justify-content: center;}
.my-profile .info-icons > li{ height: auto;}
.info-icons > li{ position: relative; flex:1;}
.info-icons sup{display: inline-block; position: absolute; left: 50%; top: 0;}
.info-icons [class^="i-"]{display: inline-block; position: relative; color: #1a1a1a; padding-top: 30px;}
.info-icons [class^="i-"]::before{ content: ""; position: absolute; top: 0; left: 50%; margin-left: -13px; overflow: hidden; display: inline-block; width: 25px; height: 25px; background-repeat: no-repeat; background-size: cover;}
.info-icons .i-case1::before{ background-position: center 0; }
.info-icons .i-case2::before{ background-position: center -30px; }
.info-icons .i-case3::before{ background-position: center -60px; }
.info-icons .circle{position: absolute; top: 0; left:50%; width: 20px; height: 20px; border-radius: 50%; font-size: 1.3rem; font-weight: 600; background-color: #6456d6; color: #fff; z-index: 2; margin-left: -10px;}
.info-icons sup.num{left:0; width: 100%; font-size: 1.9rem; font-weight: 600; color: #aaa;}
.info-icons .active sup.num, .info-icons .active [class^="i-"]{color: #6456d6;}
.my-home .info-icons [class^="i-"]::before{ top: 14px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/my-home-icons.png);}
.my-home .info-icons [class^="i-"]{ padding-top: 50px; }
.my-home .info-icons .circle{margin-left: 0;}
.my-home .list-flex.score > li:nth-child(4){ display: none; }
.my-home .list-flex.score > li{ flex-direction: column; flex:1;}
.my-home .list-flex.score strong{ display: block; font-size: 1.5rem; margin-bottom: 10px; }
.my-home .list-flex.score span{ display: block; }
.my-home .bottom-cont {padding-top: 8px; border-top: 1px solid #ddd; }
.my-home .bottom-cont .cont-wrap{ padding: 0; }
.my-home .bottom-cont .list-icons{padding: 7px 16px;}
.my-home .bottom-cont .category-list{}
.my-home .bottom-cont .category-list .list-flex::after{display: none;}
.my-home .bottom-cont .category-list .list-flex >li{border-top: 1px solid #eee; border-bottom-width: 0; }
.my-home .bottom-cont .category-list .list-flex .anchor{justify-content: flex-start; padding-left: 16px;}
.message-box{ text-align: center; padding: 50px 0 !important; background-color: #fff;}
.message-box > p{ position: relative; padding-top: 75px;}
.message-box > p::before{content: ""; position: absolute; left: 50%; top: 0; margin-left: -25px; display: inline-block; width: 50px;height: 50px;background-size: cover; background-repeat: no-repeat; background-position: center top;}
.message-box .nodata::before{ background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-nodata.png); }
.message-box .noicon{padding-top: 25px;}
.list-preview .message-box ,.product-list .message-box{border-bottom-width: 0 !important;}
[class*="bg-"] .message-box{background-color: transparent;}
.label-item .item .message-box{padding: 20px 0 !important;}
.group-home{padding-top: 40px; padding-bottom: 40px;}
.group-home .profile-area .photo-set{position: relative; padding-bottom: 15px;}
.group-home .profile-area .btn-setting{position: absolute; display: inline-block; overflow: hidden; left: 50%; bottom:0; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin-left: -15px; background:#fff url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/btn-profile-set.png) no-repeat center; background-size: cover; text-indent: -9999px; text-align: left;}
.group-home .profile-area .photo{ width: 70px; height: 70px; border-radius: 4px; }
.group-home .profile-area .name{ color: #4c4c4c; margin-top: 3px;}
.group-home .summary-info{ margin:13px 16px 0; background-color: #fff; }
.group-home .summary-info .list-icons > li{background-image:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icons-comm-group.png); height: 32px; border:1px solid #eee; text-align: right; padding: 0 10px 0 35px; align-items: flex-end;}
.group-home .summary-info .list-icons .user{background-position: left top; line-height: 1;}
.group-home .summary-info .list-icons .member{background-position: left -33px;}
.group-home .summary-info .list-icons .total{background-position: left -64px;}
.group-home{padding-left: 16px;padding-right: 16px;}
.comm-group .today-member{}
.comm-group .products.simple .thumb-area{margin-bottom: 17px;}
.comm-group .products.simple .info-wrap{margin-top: 0;}
.comm-group .box-line{margin-top: 30px;}
.comm-group .today-member .date-text{ font-size: 1.4rem; }
.comm-group .today-member .tit-area, .comm-disc .today-member .tit-area{padding-top: 0;}
.comm-group .today-member.bg-blue::after, .comm-disc .today-member.bg-blue::after{ display: none; }
.comm-group .products.simple{padding-top: 0; padding-bottom: 0;}
.comm-group .products.simple .title{ height: auto;padding-bottom: 12px; }
.comm-group .today-member .box-line .date-text{font-size: 1.3rem;}
.comm-group .today-member .box-line .profile-area .name{color: #4c4c4c;}
.comm-disc .textarea{ padding: 30px 0; }

.comm-disc .box-line + .btn-area{ margin-top: 20px;}
.comm-disc .today-member .date-info{ padding-top: 25px; border-top: 1px solid #eee; }

.box-line{ padding: 20px 16px; border:1px solid #eee;background-color: #fff; }

/* 장바구니 */
.cart-total .total-area{background-color: transparent; padding:13px 0 0; border-top:1px solid #eee;}
.cart-total .list-table.info .tit{color: #777;}
.cart-total .list-table.info .tit, .cart-total .list-table.info .cont{padding-top: 5px; padding-bottom: 5px; font-size: 1.4rem;}
.cart-total .cont-area{margin-bottom: 12px;}
.cart-total .total-area .list-table.info .cont{font-size: 1.6rem;}
.cart-total .list-table .price{color: #1a1a1a;font-weight: 600;}
.cart-total .total-area  .list-table + .description{margin-top: 10px;}
.cart-total.account .list-table.info +  .list-table.info{border-top:1px solid #eee; padding-top: 15px;}
.order-info .tit-area .toggleBtn{position: relative; width: 100%; text-align: left; padding-right: 30px;}
.cart-total .order-info .list-table.block .description{ margin-top: 2px; }
.cart-total .order-info .list-table.block .cont{margin-top: 0}
.order-info .tit-area .toggleBtn .i-arrow{position: absolute; right: 0; top: 50%; margin-top: -10px;}
.order-info .tit-area .toggleBtn.active .i-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.order-info .cont-area{margin-bottom: 0;}
.order-info .toggleTarget{display: block !important;}
.order-info .toggleTarget .more, .order-info .toggleTarget.active .default{display: none;}
.order-info .toggleTarget.active .more, .order-info .toggleTarget .default{ display: block; }

.cont-area.account-transfer{ padding: 16px; margin-bottom: 0; margin-top: 15px; margin-left: -16px; margin-right: -16px;}
.account-transfer > p + p{margin-top: 5px;}
.account-transfer .bullet-dot{margin-top: 10px; padding-top: 10px; border-top:1px solid #eee;}
.account-transfer .bullet-dot > li + li{margin-top: 5px;}

.my-bank .book-point.group > .tit, .my-bank .book-point.group > .cont{padding-bottom: 10px;}
.cont-wrap.my-bankbook{padding-bottom: 20px;}
.my-bankbook .list-table.info2{margin-top: 15px;}
.my-bankbook + .cart-total .list-table.bd-top{padding-top: 27px;}
.big-point .i-point::after{font-size: 1.3rem;}
.big-point .price, .big-point .unit, .list-table .cont.big-point .price,.list-table .cont.big-point .unit{font-size: 1.7rem; color: #6456d6;}
.list-table .cont.big-point{line-height: 18px;}
.list-table .cont.big-point > *{ vertical-align: middle; }

/* products */
/*.cont-group .product-list:last-child > li:last-child{border-bottom-width: 0;}*/
.btn-cont-area + .product-list{border-top: 1px solid #eee;}
[class*="bg-"] .btn-cont-area{background-color: transparent;}

.product-list{background-color: #fff;}
.product-list > li{position: relative;}
.product-list > li, .product-list .group{ border-bottom: 1px solid #eee;box-sizing: border-box;}
.product-list .group.check{position: relative; padding-left: 40px;}
.product-list .group.check .input-check{position: absolute; left: 16px; top:30px;}
.product-list .group.check .input-check label{ width: 25px; height: 25px; overflow: hidden; }
.product-list > li.link .anchor{display: block;}
.product-list[class*="col"], .product-list[data-mode="thumb"]{ position: relative; display: flex; flex-wrap: wrap;}
.product-list[class*="col"]::after, .product-list[data-mode="thumb"]::after{content: ""; display: block; height: 1px; width: 100%; position: absolute; left: 0; bottom: 0; background-color: #eee;}

.product-list[class*="col"] > li, .product-list[data-mode="thumb"] > li{border-right:1px solid #eee;border-bottom:1px solid #eee; border-top-width: 0; }
.product-list.col2 > li, .product-list[data-mode="thumb"] >li{ width: 50%;}
.product-list .products.simple .thumb-area{ display: flex; justify-content: center; width: 100%; }
.product-list .products.simple .thumb-area .label-num{ top: -20px; }
.product-list.col2 > li:nth-child(2n), .product-list[data-mode="thumb"] > li:nth-child(2n){border-right-width:0}
.product-list.col2 > li.message-box{ width: 100% !important; }
/*.product-list.col2 > li:nth-child(-n+2){border-top-width: 0;}*/
.tit-area.comm{ display: block; margin-bottom: 0;}
.tit-area.comm .title.bg-gray{ display: block; box-sizing: border-box; padding: 5px 10px; width: 100%; text-align: center;}
.tit-area.comm .title .description2{margin-top: 0;}
.tit-area.comm .title [class*="title-"]{display: block;}

.list-preview.class .cards-group{padding: 0;}
.list-preview.delivery{ }
.class .cards-body{ padding: 0 16px; }
.class .cards-body .products{ padding: 20px 0;}
.class .cards-body .products + .products{  border-top: 1px solid #eee; }
.class .cards-body .info-wrap{ display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; }
.class .products .title2{height: auto; max-height: inherit;}

.products{display: flex; flex-wrap: wrap; padding: 30px 16px; }
.products .thumb-area{ display: flex; flex-basis: 103px; margin-right: 20px; flex-direction: column; flex-wrap: wrap; align-items: center; align-content: center;}
.products .thumb-area .btn-area{ text-align: center; margin-top: 10px; }
.products .thumb{ display: block; overflow: hidden; position: relative; box-sizing: border-box; width: 103px; height: 150px;  border: 1px solid #ddd;margin-right: 20px; }
.products .thumb-area .thumb{margin-right: 0;}
.products .thumb img{ display: block; width: 100%;}
.products .thumb-area.icons{ flex-basis: auto;}
.products .icon-badge{ text-align: center; width: 50px;}
.products .icon-badge [class^="i-case"]{font-style: normal; font-size: 1.2rem; line-height: 1.3;}
.products .icon-badge [class^="i-case"]::before{content: ""; display: inline-block; width: 50px; height: 50px; border-radius: 50%; margin-bottom: 5px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icons-badge.png); background-repeat: no-repeat; background-size: cover;}
.products .icon-badge .i-case1{color: #5b8ad0;}
.products .icon-badge .i-case2{color: #29b6ba;}
.products .icon-badge .i-case3{color: #b3b101;}
.products .icon-badge .i-case4{color: #2bb773;}
.products .icon-badge .i-case5{color: #f07d29;}
.products .icon-badge .i-case6{color: #e87779;}
.products .icon-badge .i-case7{color: #e265b8;}
.products .icon-badge .i-case1::before{background-color: #92b5ea; background-position: center 0; color: #5b8ad0;}
.products .icon-badge .i-case2::before{background-color: #85dfe2; background-position: center -55px;color: #29b6ba;}
.products .icon-badge .i-case3::before{background-color: #dad87a; background-position: center -110px;color: #b3b101;}
.products .icon-badge .i-case4::before{background-color: #7adaab; background-position: center -165px;color: #2bb773;}
.products .icon-badge .i-case5::before{background-color: #ffb985; background-position: center -220px;color: #f07d29;}
.products .icon-badge .i-case6::before{background-color: #f6a3a4; background-position: center -275px;color: #e87779;}
.products .icon-badge .i-case7::before{background-color: #f4b5df; background-position: center -330px;color: #e265b8;}

.products .icon-text{ display: inline-block;width: 43px;  height: 49px;}
.products .icon-text .i-hexa{ display: flex;  flex-direction: column; justify-content: center; flex-wrap: wrap; width: 100%;  height: 100%;  font-size: 1.2rem; font-style: normal;  text-align: center; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-hexagon.png) no-repeat left top; background-size: cover; }
.products .thumb-area.profile{flex-basis: 55px;}
.products .thumb-area.profile .thumb{ overflow: hidden; width: 55px; height: 55px; border-radius: 50%; }

.products.subject .badge{margin-bottom: 5px;}

.product-list .check-delete .products{padding-left: 50px;}
.product-list .check-delete .product-list.child .products{padding-left: 70px;}
.product-list .check-delete .product-list.child > li::before,.product-list .check-delete .product-list.child > li::after{left:50px;}
.product-list .check-delete .input-check{position: absolute; left: 16px; top: 20px;}
.product-list .check-delete .i-del{position: absolute; right: 0; top: 4px;}
.product-list .check-delete .i-del{}
.product-list.cart .products{padding-top: 20px; padding-bottom: 20px;}
.product-list .price-info{ padding: 0 16px; background-color: #fafafa;}
.product-list.cart .check-delete .price-info{padding-left: 50px;}
.product-list .price-info .flex-grid{padding: 10px 0;}
.product-list.cart >li:last-child, .product-list.cart >.group:last-child{border-bottom-width: 0;}
.product-list.child > li{border-bottom-width: 0;margin-bottom: 20px;}
.product-list.child > li::before, .product-list.child > li::after{content: ""; display: inline-block;  position: absolute; left: 27px; background-color: #ddd;}
.product-list.child > li::before{ width: 1px; height: 11px;top: 0; }
.product-list.child > li::after {height: 1px; width: 11px;top: 11px; }
.product-list.child .products{padding-top: 0; padding-bottom: 0;}

.products.small .thumb-area,.thumb-area.small{flex-basis: 58px;}
.products.small .thumb, .thumb-area.small .thumb{ width: 58px; height: 84px; margin-bottom: 0;}
.products.movie .info-wrap{justify-content: flex-start;}
.products.movie .thumb-area.small .thumb{width: 152px; height:94px; margin-bottom: 0 }
.products.movie .thumb-area{margin-right: 30px;}
.products.movie .teacher{ display: flex; align-content: center; justify-content: center; align-items: center; height: 44px; }
.products.edu .thumb-area .thumb, .mall[data-mode="thumb"] .products.edu .thumb {width: 125px; height:80px; margin-bottom: 0;}
.products.edu .thumb-area .badge{ text-align: center; margin-bottom: 0; }
.products.edu .thumb-area .badge i{ float: none; margin-top: 2px; margin-left: 0;}
.products.edu .thumb{ border-width: 0;}
.products.edu .thumb-area .badge{margin-top: 10px;}
.products .info-wrap{flex:1; position: relative;}
.products .info-wrap.fixed{padding-bottom: 45px;}
.products .badge{ margin-bottom: 12px; }
.products .badge i{ min-width: 52px;}
.products .badge i, .i-badge{ display: inline-block; box-sizing: border-box; padding: 0 2px; height: 20px; line-height: 20px; font-style: normal; font-size: 1.2rem; color: #fff; background-color: #999; text-align: center; float: left;}
.products .badge i + i, .i-badge + .i-badge{ margin-left: 1px; }
.products .badge::after{ content: ""; display: block; height: 0; clear: both; }
.products .badge i.type1, .i-badge.type1{background-color: #36c0d0;}
.products .badge i.type2, .i-badge.type2{background-color: #477ad9;}
.products .badge i.type3, .i-badge.type3{background-color: #6456d6;}
.products .badge [class*="txt-"]{margin-left: 3px; font-size: 1.3rem;}
small.i-badge{ display: inline-block; height: 15px; line-height: 15px; min-width: inherit;padding: 0 2px; font-size: 1.2rem;}
.products .badge i.type{min-width: inherit;}
.product-list.child .products.player{display: block;}
.products.player .player-area{ display: block; width: 100%; }
.i-badge{float: none;}
.products.simple .badge{display: flex; flex-wrap: wrap; justify-content: center;}
.products.simple .badge i{ box-sizing: border-box; flex-basis:33%; flex-basis:calc((100% - 2px)/3); width: auto; min-width: inherit;}
.products.simple .badge i + i{margin-left:1px;}
.products .title,.products .title2{ display: block; display: -webkit-box; font-size: 1.5rem; color: #4c4c4c;font-weight: 400;}
.products .title.ellipsis,.products .title2.ellipsis{ height: 20px !important; }
.product-list .products .title, .product-list .products .title2,
.product-detail .products .title, .product-detail .products .title2,.main-cont .products .title{word-break: break-all; height: 38px;word-break: break-all;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; line-height: 1.3;}
.products .title.min, .products .title2.min{ height: 20px; overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.products .info-wrap .title2{font-size:1.4rem;}
.products .text{font-size: 1.3rem;}
.products .written{font-size: 1.2rem;}
.date-text{font-size: 1.3rem;}
.written, .date-text{color: #aaa;display: block;  margin-top: 5px;}
.products small.written, .products small.date-text{ font-size: 1.2rem;}
.products .title + .written{},.products .title2 + .written{margin-top: 1px;}
/*.products .written::after, .products .date-text::after{ content: ""; display: block; height: 0; clear: both; }*/
.products .written .txt, .date-text .txt, .date-text > li{ position: relative; display: inline-block; line-height: 1;}
.products .written .txt .num, .date-text .txt .num{ font-weight: 400; }
.products .written::after, .date-text::after{ content: ""; display: block; height: 0; clear: both; }
.products .written .txt + .txt, .date-text .txt + .txt{margin-left: 3px; padding-left: 6px;}
.products .written .txt + .txt::before, .date-text .txt + .txt::before{ content: ""; display: inline-block; position: absolute; height: 8px; width: 1px; background-color: #ddd; left: 0; top: 50%; margin-top: -4px; }
.products .written .txt[style*="display: none"]:first-child + .txt::before, .date-text  .txt[style="display: none"]:first-child + .txt::before{ display: none; }
.products .written .txt[style*="display: none"]:first-child + .txt, .date-text  .txt[style="display: none"]:first-child + .txt{ padding-left: 0; margin-left: 0;}
.date-text > li.btn{margin-left: 10px;}
.products.row{flex-direction: column;}
.products.row .btn-area{ margin-top: 12px; }
.products.row .info-wrap .title2{height: auto; max-height: 38px;}

.date-text .txt.noline::before {display: none !important;}
.date-text .txt.noline{padding-left: 0 !important;}
.product-list .products p.summary, .products .summary.mid, .products .summary.max, .products .summary.ext,
.list-preview .summary{word-break: break-all;overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.product-list .products p.summary, .list-preview p.summary{height: 38px; }
.products .summary{ margin-top: 10px;}
.product-list .products .summary.max, .products .summary.max {height: 76px; -webkit-line-clamp: 4;}
.product-list .products .summary.mid, .products .summary.mid {height: 60px; -webkit-line-clamp: 3;}
.product-list .products .summary.max, .products .summary.max {height: 76px; -webkit-line-clamp: 4;}
.product-list .products .summary.ext, .products .summary.ext {height: 98px; -webkit-line-clamp: 5;}

.products .summary > li + li{margin-top: 5px;}
.products .btn-area.status{ text-align: right; }
.products .btn-area.status .btn-round.active{ width: 100%; }
.products .btn-area.status{margin-top: 20px;}
.products .btn-area .btn-round{min-width: 70px;}
.products .btn-area .btn-round.min{ padding-left: 10px; padding-right: 10px; }
.products .btn-area.written-more{ position: absolute; left: 0;bottom: 0; width: 100%; }
.products .btn-area.written-more::after{content: "";display: block; height: 0; clear: both;}
.products .btn-area.written-more .written{float: left; margin-top: 0; font-size: 1.3rem;}
.products .btn-area.written-more .btn-underline2{float: right;}
.products .btn-area.fixed{position: absolute; left: 0; bottom: 0; width: 100%;}

.products .label-num{position: absolute; z-index: 1; left: 16px; top: 0; width: 18px; height: 29px; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-label-num.png) no-repeat left top; background-size: cover; font-size: 1.2rem; color: #fff; text-align: center; font-weight: 400; line-height: 1.6;}
.products .price{ display: block; color: #1a1a1a; font-size: 1.4rem; margin-top: 5px;}
.products .price strong{ font-weight: 600; }
.products .price span{color: #777;}

.products .price .unit{color: #777;}
.products .rate{margin-top: 2px;}
.products .rate span{ display: inline-block; padding: 0 3px; }
.products .price-rate{margin-top: 5px;}
.products .price-rate .price{ display: inline-block; margin-top: 0; }
.products .price-rate .rate{ display: inline-block; margin-top: 0; padding-left: 4px; font-size: 1.2rem;}
.products .price-rate .rate .i-point{margin-top: -2px;}
.products .price-rate + .description{margin-top: 5px;}
.products .description .i-help{margin-top: -px;}
.products.simple,
.mall[data-mode="thumb"] .products{ flex-direction: column; align-items: center; align-content: center; justify-content: center; padding: 20px 0; }
.product-list.col2 .products .title{ -webkit-box-pack: start;}
.products.simple .thumb-area,
.mall[data-mode="thumb"] .products .thumb-area{ flex-basis: auto; margin-right: 0; position: relative;}
.products.simple .thumb,
.mall[data-mode="thumb"] .products .thumb{ width: 103px; height: 150px;margin-right: 0; }
.products.simple .title,
.mall[data-mode="thumb"] .products .title{ height: 40px; }
.products.simple .info-wrap,
.mall[data-mode="thumb"] .products .info-wrap{margin-top: 10px; text-align: center; padding: 0 16px;}
.products.simple .btn-area,
.mall[data-mode="thumb"] .products .btn-area{margin-top:10px;}
.mall[data-mode="thumb"] .products .description .inline-block{ display: block !important; }
.mall[data-mode="thumb"] .products .description .dash{ display: none; }
.mall[data-mode="thumb"] .products .btn-area.fixed{position: relative;bottom: auto;}
.products.simple .thumb.large{ width: 145px; height: 212px; }
.products.simple.edu .thumb.large{width: 251px; height: 157px;}

.products.simple .title.auto{height: auto;}
.products.simple .title{-webkit-box-pack: center;}
.products.simple .tit-area.mask, .thumb-cont .tit-area.mask{ position: absolute; left: 0;top:0;  box-sizing: border-box; background-color: rgba(0, 0, 0, 0.5); padding: 10px;  z-index: 1; margin-bottom: 0; }
.products.simple .tit-area.mask .title, .thumb-cont .tit-area.mask .title{overflow: hidden;color: #fff;display: block; display: -webkit-box; height: 100%; overflow: hidden; overflow:hidden;}
.products.simple .noimg .tit-area.mask{ background-color: transparent; padding-left:20px; }
.products.simple .noimg .tit-area .title{color: #4c4c4c;font-size: 1.3rem;; display: block;height: 100%}
.products.simple .tit-area.mask{width: 101px; height: 148px; }
.products.simple .tit-area.mask .title{ font-size: 1.2rem;}
.products .thumb-area.noimg .thumb{ background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/img-thum-book.png) no-repeat left top; background-size: cover;}
.products.simple .info-wrap .tit-area{margin-bottom: 0; margin-top: 7px;}
.products.simple .info-wrap .tit-area .written{margin-top: 0;}
.products.class{  align-items: center;}
.products.class .group{ display: flex; flex-basis: auto; }
.products.class .products{flex: 1;}
.products.class .btn-area.status{flex-basis: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 30px; margin-top: 0;}
.products.class .btn-area.status .d-day{display: block; margin: 5px 0; font-size: 1.3rem;}
.products.class .btn-area.status .btn-round{display: inline-block; margin: 5px 0; }
.products.class .btn-area.status.complete{ padding: 0;}
.products.class .btn-area.status.complete .btn-round{ padding: 0; width: 104px; }
.products.class .btn-area.status.receive{ flex-direction: row; }
.products.class .btn-area.status.receive .btn-round{margin-left: 5px;}
.products.class .badge i.type1, .products.edu .badge i.type1, .i-badge.type4{background-color: #72d5a6; color: #fff;}
.products.class .badge i.type2, .products.edu .badge i.type2, .i-badge.type5{background-color: #a2cb7f; color: #fff;}
.products.class .badge i.type3, .products.edu .badge i.type3, .i-badge.type6{background-color: #adbfe3; color: #fff;}
.products.class .info-wrap .text + [class^="title"]{margin-top: 2px;}
.products .description .group{border-bottom: 0;}
.products .description .group::after{content: ""; display: block; height: 0; clear: both;}
.products .description .group .tit, .products .description .group .cont{float: left; display: inline-block;}

.friend .products .title2{ height: auto; }
.ranking .products .info-wrap .tit-area{margin-bottom: 0;}
.ranking .products{padding:20px 16px 20px 45px;}
.ranking .products .label-num{ background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-label-default.png);}
.product-list.ranking .products .label-num.active{ background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-label-num.png);}

.products.like .likes{ font-size: 1.3rem; margin-top: 10px; }
.products.like .likes [class^="i-"]{ display: block; height: 16px; margin-top: 5px; line-height: 16px; padding-left: 24px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icons-like-ballon.png); background-repeat: no-repeat; background-size: 18px auto;}
.products.like .likes .i-ball{background-position: left top;}
.products.like .likes .i-like{background-position: left bottom;}
.products.like .btn-area{margin-top: 11px;}
.products.like .btn-round{ background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-hart.png) no-repeat right 10px top 6px; background-size: 20px auto; padding-right: 40px;}
.products.like .btn-round.active{background-position:right 10px bottom 6px; }

.search-all .products{padding-top: 20px; padding-bottom: 20px;}

.mall[data-mode="thumb"] .info-wrap{ flex:auto 0 0;}
.mall[data-mode="thumb"] .products .price-rate .price{ display: block; }
.mall[data-mode="thumb"] .products .price-rate .rate{display: block; margin-top: 2px; padding-left: 0; }
.mall[data-mode="thumb"] .btn-round, .products .btn-icon{position: relative; margin: 0 5px;  display: inline-block; width: 29px; height: 29px; line-height: 29px; min-width: inherit; overflow: hidden; text-align: left; text-indent: -9999px; border-radius: 3px; border:1px solid #4c4c4c; background-color: #fff; }
.mall[data-mode="thumb"] .btn-round::after,.products .btn-icon::after{ content: ""; position: absolute; display: inline-block; box-sizing: border-box; left: 0; top: 0; width: 100%; height: 100%; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/btn-cart-buy.png); background-repeat: no-repeat; background-size: cover;}
.mall[data-mode="thumb"] .btn-round.cart::after,.products .btn-icon.cart::after{ background-position: left top; }
.mall[data-mode="thumb"] .btn-round.buy::after,.products .btn-icon.buy::after{ background-position: right top; }
.mall[data-mode="thumb"] .btn-round.soldout::after,.products .btn-icon.soldout::after{ background-position: right top; opacity: 0.28;}
.mall[data-mode="thumb"] .btn-round.soldout, .mall[data-mode="thumb"] .products.edu .btn-round.disabled,.products .btn-icon.soldout,.products .btn-icon.disabled{border-color: #ddd;}
.mall[data-mode="thumb"] .products.edu .btn-round.buy::after, .mall[data-mode="thumb"] .products.edu .btn-round.soldout::after, .products .btn-icon.edu::after{background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/btn-edu.png); background-position: 1px;}
.mall[data-mode="thumb"] .products.edu .btn-round.disabled::after, .products .btn-icon.soldout::after,.products .btn-icon.disabled::after{opacity: 0.28;}
.mall[data-mode="thumb"] .products.edu .info-wrap{ padding:0;height: 150px;}
.mall[data-mode="thumb"] .products.edu .info-wrap .title{padding: 0 16px;}
.mall[data-mode="list"] .products.edu .btn-area.fixed{position: relative; bottom: auto;}
.mall[data-mode="list"] .products.edu .group .tit{width: 30%; }
.mall[data-mode="list"] .products.edu .description .group .cont{ width: 70%;}
.mall[data-mode="thumb"] .products.edu .description .group .tit, .mall[data-mode="thumb"] .products.edu .description .group .cont{ float: none; }
.mall[data-mode="thumb"] .products.edu .group .tit{ overflow: hidden; width: 25px; height: 18px; vertical-align: top;}
.mall[data-mode="thumb"] .products.edu .group .cont{height: 18px; line-height: 18px; vertical-align: top;}

.mall[data-mode="list"] .products .btn-area{margin-top: 10px;}
.mall[data-mode="list"] .products .btn-area .btn-round{min-width: 84px;}
/* product detail */
.product-detail .header-area{padding: 30px 16px;}
.product-detail .header-area .profile-area.min{margin-top: 10px;}

.product-detail .header-area .description2{margin-top: 10px; font-size: 1.3rem;}
.product-detail .content-area{ border-top: 1px solid #eee; padding: 20px 16px; }
.product-detail .summary-area{border:1px solid #eee;}
.product-detail .summary-area .more-info{ padding: 20px 15px;}
.product-detail .summary-area .more-info .description{ }
.product-detail .summary-area .list-table.bd-top{ padding-top: 20px; margin-top: 20px;}
.product-detail .summary-area .list-table .tit{ width: 30% }

.product-detail .info-area{margin-top: 30px;}
.product-detail .point-area{padding: 30px 0 10px;border-top: 1px solid #eee; margin-top: 30px; text-align: center;}
.product-detail .content-area .btn-area.center{padding: 20px 0;}
.product-detail .btn-round.like{ min-width: 145px; }
.product-detail .btn-round.like.active{ background-color: #fff;}
.cont-group .point-area .tit-area{margin-bottom: 10px;}
.cont-wrap:not(.extend) .products{ padding: 0; }
.product-detail.event .content-area{padding: 0;}
.product-detail.event .content-area .img-cont img{ display: block; margin:auto 0; max-width: 100%; height: auto !important;}
/*.cont-wrap.extend .products{ padding: 30px 16px; }
.cont-wrap .products.simple{ padding: 20px 16px;}
*/


.product-detail.mall .product-area .products.simple{padding-top: 30px; padding-bottom: 30px;}
.product-detail.mall .product-area .products.simple.edu{padding-bottom: 0;}
.product-detail.mall .list-table.center .tit{width: 50px;}
.product-detail.mall .product-area .info-wrap .products.class .btn-area.status .btn-round, .product-detail.mall .product-area .info-wrap .flex-grid .right .btn-round{min-width: inherit;}
.product-detail.mall .product-area .info-wrap .products.class .btn-area.status{margin-left: 16px;}

.product-detail.mall .product-area .info-wrap .thumb-area.small{margin-right: 10px;}
.product-area .price-info{padding: 20px 16px;}
.product-area .price-info .i-help{margin-top: -4px;}
.product-area .info-wrap{margin-top: 0;}
.product-area .info-wrap .group{border-top: 1px solid #eee; padding: 20px 16px;}
.product-area .info-wrap .group .products{ padding: 0;}
.product-area .info-wrap .group.min{padding-top: 10px; padding-bottom: 10px;}
.product-area .info-wrap .group.min .list-table .group > .tit{padding-right: 10px; min-width: 40px;}
.product-area .info-wrap .group .list-table .cont.right .flex-grid .col.left{text-align: left;}

.product-detail.ceo .products.simple .date-text{margin-bottom: 7px;}
.product-detail.ceo .products.simple .info-wrap{margin-top: 17px;}
.product-detail.ceo .class .cards-header .tit-area{padding-top: 20px; padding-bottom: 20px;}

.price-info{border-top-width: 0;}
.price-info .txt-alert{margin-top: 10px; margin-bottom: 0;}
.price-info i{ font-style: normal;vertical-align: middle;}
.price-info .price-area .title-h2{font-weight: 600;}
.price-info .price-area .orizin{color: #aaa; font-size: 1.3rem; text-decoration: line-through;}
.price-info .rate-point{margin-top:2px;  line-height: 18px;}
.price-info .description.fomat{ margin-top: 10px; }
.products.simple .date-text + .thumb{margin-top: 10px;}
.product-detail.mall .header-area{padding-bottom: 20px;}
.product-detail.mall .header-area .cate{font-size: 1.2rem; color: #aaa; margin-bottom: 5px;}
.product-detail.mall .header-area .date-text{font-size: 1.4rem; color: #777;}
.product-detail.mall .header-area .badge{padding-top: 3px;}
.product-detail.mall .header-area .badge i{ min-width: 52px; }

.product-detail.mall .header-area .badge + .title-h2{margin-top: 5px;}
.amount-setting{position: relative; box-sizing: border-box; padding: 0 30px; width: 106px;}
.amount-setting .input-text{ height: 30px; }
.amount-setting .input-text input, .amount-setting [class^="btn-"]{ height: 30px; line-height: 30px; padding: 0;}
.amount-setting .input-text input{ text-align: center; border-width: 1px 0;}
.amount-setting [class^="btn-"]{ overflow: hidden; position: absolute; top: 0; width: 30px; border:1px solid #ddd; background-color: #eee; text-align: left; text-indent: -9999px;}
.amount-setting [class^="btn-"]::before, .amount-setting [class^="btn-"]::after{ content: ""; display: inline-block; position: absolute; left: 50%; top: 50%; width: 14px; height: 1px; margin-left: -7px; background-color: #999; }
.amount-setting .btn-minus{left: 0;}
.amount-setting .btn-plus{right: 0;}
.amount-setting .btn-plus::after{-webkit-transform:rotate(90deg); transform:rotate(90deg);}
.info-wrap .graph-bar{margin-top: 12px;}
.graph-bar + .graph-bar{margin-top: 10px;}
.graph-bar .rate-info{font-size:1.3rem;}
.graph-bar .rate-info::after{content: "";display: block; height: 0; clear: both;}
.graph-bar .rate-info .label{float: left;}
.graph-bar .rate-info .rate{float: right;}
.graph-bar .bar-track{ position: relative; display: block; width: 100%; height: 3px; background-color: #aaa; margin-top: 5px;}
.graph-bar .bar-track .bar{ position: absolute; left: 0; top: 0; background-color: #6456d6; width: 0; height: 3px; display: block;}

.cont-wrap.tit-area{padding-bottom: 20px; margin-bottom: 0;}
.status-sort.cont-wrap{padding-top: 0 !important;}

.img-cont{text-align: center;}
.img-cont img{ width: 100%; max-width: 375px;}
.cont-wrap .img-cont img{max-width: 343px;}
.status-sort, .status-total{display: flex;flex-wrap: wrap; padding: 0; justify-content: space-between; background-color: #fff; border-bottom: 2px solid #f2f2f2;}
.status-sort.one::before{ content: ""; display: block; flex:1;}
.status-sort .sort{box-sizing: border-box; display: flex; flex-basis: 33.33%; align-items: center;height: 40px; border-left:1px solid #eee;}
.status-sort .sort.ext{flex: 1;}
.status-sort .sort > *{}
/*.status-sort .flex-grid.selects{flex-basis: auto;border-bottom: 1px solid #eee; width: 100%;justify-content: flex-start;}
.status-sort .flex-grid.selects .col{justify-content: flex-start;}
.status-sort .flex-grid.selects .col + .col{border-left: 1px solid #eee;}
.status-sort .flex-grid.selects .select-sort{ width: 100%; }
.status-sort .flex-grid.selects .col:last-child{ flex:1;}*/
.sort .input-select select{border-width: 0; width: 100%;}
.sort button.input-select, .sort .input-select select{ text-align: left; font-size: 1.3rem; color:#777; }

.input-select[class*="i-"]{background-position: 10px center; background-repeat: no-repeat; background-size: auto 15px;}
.input-select[class*="i-"] select, .status-sort .sort button.input-select{ padding-left: 30px; padding-right: 26px; background-color: transparent;}
.input-select.i-filter{background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-filter.png); line-height: 40px;}
.input-select.i-filter.active{height: 41px; margin-bottom: -1px; background-color: #fafafa;}
.input-select.i-filter.active::before,.input-select.i-filter::after{-webkit-transform: rotate(-41deg);transform: rotate(-41deg);}
.input-select.i-filter::before, .input-select.i-filter.active::after{-webkit-transform: rotate(41deg);transform: rotate(41deg);}
.input-select.i-updown{ background-image:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-sort-updown.png);}
.input-select.i-updown select{}
.input-select.i-soldout{ background-image:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-sort-soldout.png);}
.status strong.txt-dark{font-weight: 400;}
.status-sort .status, .status-total .status{box-sizing: border-box; display: flex; flex:1;  align-items: center; align-content: flex-start; justify-content: flex-start; height: 40px; font-size: 1.3rem;  color: #aaa;}
.status-sort .status.title{color: #1a1a1a; font-weight: 400;}
.status-sort .status > p, .status-sort .status.title{padding-left: 16px;}
.status-sort .search-field{ display: flex; flex-basis: 100%; padding: 25px 16px; background-color: #fafafa; border-top: 1px solid #eee;}
.status-sort .status .sort{flex: 1;}
.status-sort .status .sort:first-child{border-left-width: 0;}
.status-sort .search-field.toggleTarget{ display: none; }
.status-sort .item-group+.item-group{margin-top: 5px;}
.item-group.datepicker{ position: relative; padding-left: 94px;}
.item-group.datepicker .item:first-child{ width: 90px; position: absolute;left: 0; top: 0;}
.item-group.datepicker .item.email{padding-right: 0; position: relative;}
.item-group.datepicker .item.email .input-text{ min-width: 80px }

.status-checkall{ padding: 0 16px 13px; border-bottom: 1px solid #eee;}
.cont-wrap:not(.extend) .status-checkall{padding-left: 0; padding-right:0;}
.status-checkall + .check-list{padding-top: 13px;}
.status-total .status{padding-left: 16px;}
.status-total .total{ display: flex; flex-wrap: wrap; align-items: center; padding-right: 16px; height: 40px;}
.status-total .status .group + .group{ margin-left: 10px; }
.cont-wrap [class*="status-"] .status{ padding-left: 0; }
.cont-wrap [class*="status-"] .total{padding-right: 0; }
.cont-wrap.extend [class*="status-"] .status{ padding-left: 16px;}
.cont-wrap.extend [class*="status-"] .total{ padding-right: 16px; }
/*.status-sort.active .status{border-bottom: 1px solid #f2f2f2;}
.status-sort.active .sort{border-bottom: 1px solid #f2f2f2;}
.status-sort.active .sort:last-child{border-bottom: 1px solid #fafafa;background-color: #fafafa;}*/
.tab-nav + .status-sort{border-top: 1px solid #eee;}
.status-sort.pint .sort:last-child{ flex-basis: 33.34%; }
.status-sort.pint .sort:first-child{ border-left-width: 0;}
.status-sort.pint .status{flex-basis: 66.66%;}
.status-sort.ext .sort{ flex:1; }
.status-sort .sort.auto{flex-basis: auto; flex-shrink: 0; flex-grow: 0;}
.status-sort .input-check.btn{ flex-shrink: 0;width: 40px; }
.status-sort .input-check.btn label{ overflow: hidden; text-indent: -9999px; text-align: left; width: inherit; height: 40px; padding: 0; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-list-sort.png); background-repeat: no-repeat; background-size: auto 80px; border-width:0;}
.status-sort .input-check.btn label::before, .status-sort .input-check.btn label::after{ display: none; }
.status-sort .input-check.btn input.list + label{background-position: left top;}
.status-sort .input-check.btn input[type=checkbox].list + label{background-position: left top;}
.status-sort .input-check.btn input[type=checkbox].list:checked + label{background-position: right top;}
.status-sort .input-check.btn input.more + label{background-position: right top;}
.status-sort .input-check.btn input.list:checked + label {background-position: left bottom;}
.status-sort .input-check.btn input.more:checked + label{background-position: right bottom;}
.status-sort .input-check.btn + .btn{ border-left: 1px solid #eee; margin-left: 0;}
.btn-area + .paginate{border-top-width: 0;}
.paginate{position: relative; padding: 0 80px; text-align: center; border-top: 1px solid #eee; margin-top: -1px;}
.paginate .btn-page{ display: inline-block; width: 30px; height: 30px; background-color: #fff; border:1px solid #ddd; margin:20px 3px; line-height: 28px; background-color: #fff; border-radius: 3px; font-size: 1.3rem; color: #aaa;}
.paginate .btn-area{position: absolute; top: 0;}
.paginate .btn-area .btn-page{ position: relative; text-indent: -999px; text-align: left; overflow: hidden;}
.paginate .btn-area .btn-page::after{content: ""; display: inline-block; position: absolute; left: 50%; top: 50%; width: 8px; height: 7px; margin:-3px 0 0 -4px;background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-page.png); background-size: cover;}
.paginate .btn-area .btn-page.first::after{background-position: left top;}
.paginate .btn-area .btn-page.prev::after{background-position: right top;}
.paginate .btn-area .btn-page.next::after{background-position: right top; -webkit-transform:rotate(180deg);}
.paginate .btn-area .btn-page.end::after{background-position: left top; -webkit-transform:rotate(180deg);}
.paginate .btn-area.prev{left: 13px;}
.paginate .btn-area.next{right: 13px;}
.cont-wrap:not(.extend) .paginate .btn-area.prev{left: 0;}
.cont-wrap:not(.extend) .paginate .btn-area.next{right: 0;}
.paginate .btn-page.active{ color: #4c4c4c; border-color: #4c4c4c; }

.forum-view .tit-area .summary > li{ display: inline-block; }
.forum-view .tit-area .summary > li + li{margin-left: 10px;}

.diagram-area{margin-bottom: 20px;}
.venndiagram{position: relative; display: block; width: 326px; height: 315px; margin: 0 auto; background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-diagram.png) no-repeat left top; background-size: cover;}
.venndiagram [class^="grade"]{ position: absolute; width: 85px; height: 98px; text-align: center;}
.venndiagram .badge{height: 30px; line-height: 30px; font-size:1.4rem; color: #fff; display: block;}
.venndiagram .cont{ display: flex;align-items: center;align-content: center; flex-wrap: wrap; flex-direction: column; justify-content: center;height: 68px; width: inherit;}
.venndiagram .point{ display: block; line-height: 20px; height: 20px; font-size: 1.5rem; color: #1a1a1a; }
.venndiagram .point strong{ font-size: 1.8rem; }
.venndiagram .txt{ word-break: break-all; white-space: pre-wrap; font-size: 1.2rem;}

.venndiagram .grade1{width: 130px; height: 130px; left: 50%; top: 50%; margin: -67px 0 0 -67px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;}
.venndiagram .grade1 .badge{ font-size: 1.8rem; color: #1a1a1a; height: auto; line-height: 1; }
.venndiagram .grade1 .point{ font-size: 2.2rem; padding-top: 10px; }
.venndiagram .grade1 .point strong{ font-size: 2.5rem; }
.venndiagram .grade1 .txt{padding-top: 11px; font-size: 1.5rem;}
.venndiagram .grade2{right: 0; top: 36px;}
.venndiagram .grade3{right: 35px; bottom:1px; height: 94px;}
.venndiagram .grade3 .cont{ height: 60px; }
.venndiagram .grade4{left: 0; bottom: 46px; width: 76px; height: 89px;}
.venndiagram .grade4 .cont{ height: 58px; }
.venndiagram .grade5{ width: 77px; left: 47px; top:0;}

.venndiagram .grade5 .badge{ height: 28px; line-height: 28px; }
.venndiagram .grade5 .cont{ height: 55px; }

.total-area{ background-color: #fafafa;padding:13px 16px; text-align: center; }
.total-area .bullet-mdot > li{ display: inline-block; margin-right: 20px; margin-top: 0; font-size: 1.4rem;}
.total-area.timer{ font-size: 1.5rem; color: #000; text-align: left;}
.total-area.score{font-size: 1.5rem; color:#1a1a1a;}
.total-area.board{ display: flex; flex-wrap: wrap;}
.total-area.board .tit{color: #4c4c4c; flex: 1; text-align: left;}
.total-area.board .description{width: 80px; margin-top: 0;  text-align: right;}
.fixed-bottom .total-area.price{border-top: 1px solid #ddd; padding-top: 15px;padding-bottom: 15px;}
.total-area.price{color: #1a1a1a;}
.total-area.price .total{font-size: 1.6rem;}

.info-group .tit-area{margin-bottom: 12px;}
.info-group .cont-area{margin-bottom: 30px;}
.info-group .cont-area > p + p{margin-top: 5px;}
.info-group .table-area{margin-top: 15px;}
.info-group .list-num.circle > li + li{ margin-top: 20px; }
.info-group .par, .terms-cont .par{ display: block; margin-bottom: 10px;}
.info-group p > .i-help{margin-top: -3px;}
.info-group .tbox{margin-top: 10px;}

.terms-cont .list-num{margin-bottom: 20px;}
.terms-cont .list-num:last-child{margin-bottom: 0;}
.terms-cont [class^="title-"]{margin-bottom: 10px;}
.terms-cont .list-num .list-num{margin-top: 10px;}
.terms-cont .terms-table{margin-bottom: 15px;}
.terms-cont .terms-table th{ width: 30% }
.list-num .list-num.circle > li + li{margin-top: 10px;}
.terms-cont dl dt{color: #4c4c4c; margin-top: 5px; padding-left: 10px;}
.terms-cont dl dd{padding-left: 8px;}
.terms-cont .bullet-dot{margin-top: 8px;}
.today-member{position: relative; background-color: #fff;}
.today-member.bg-blue::after{ content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; width: 100%; height: 113px; background-color: #fff; z-index: 0}
.today-member .tit-area{ position: relative; z-index: 1; padding-top: 40px; text-align: center;}
.today-member .title-h3{ position: relative; display: inline-block; padding: 0 10px;}
.today-member .title-h3 span{ position: relative; display: inline-block; z-index: 1; }
.today-member .title-h3::after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background-color: #a4c1ed; z-index: 0}
.today-member .profile-area{position: relative; z-index: 1;}
.today-member .profile-area .name{color: #1a1a1a;}
.today-member .profile-area .description{  margin-top: 0;}
.today-member .title-h2{padding: 0 16px 40px; text-align: center;}

.forum-member{padding: 30px 16px;}
.forum-member .profile-area .name{color: #1a1a1a;}
.forum-member .total{ text-align: center; color: #4c4c4c; padding-top: 30px; }
.forum-member .profile-area .bucket{margin-top: 5px;display: inline-block; }
.bucket .description{ display: inline-block; }
.bucket .input-text{ height: 20px; width: 145px;}
.bucket .input-text input{border-bottom: 1px solid #999;background-color: transparent; height: 20px; line-height: 20px; font-size: 1.3rem;}
.forum-member .more-cont .summary{ ;text-align: left; }
.forum-member .more-cont .summary .more{text-align: center; margin-top: 10px; margin-bottom: 10px;}
.forum-member .more-cont .toggleTarget.active{display: block;}
.forum-member .more-cont.active .i-arrow{ -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
.forum-member .date-text{ display: inline-block; }
.forum-member .products.simple{padding-bottom: 0; padding-top: 0;}
.forum-member .products.simple + .total{ padding-top: 10px; }
.forum-member .products.simple .info-wrap{ padding-left: 0; padding-right: 0; }
.forum-member .products.simple .title{height: auto; max-height: 38px;}
.avsb{position: relative; display: flex;}
.avsb .a, .avsb .b{ flex:1; display: flex; align-items: stretch; }
.avsb .vs{position: absolute; left: 50%; top: 20px; margin-left:-19px; width: 38px; height: 44px; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/img-vs.png) left top no-repeat; background-size:cover; line-height: 70px; text-align: left; text-indent: -9999px; overflow:hidden; z-index: 1;}
.avsb dl{position: relative; width: 100%; display: flex; flex-direction: column; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; padding:20px 0 30px;}
.avsb dt{ overflow: hidden; text-align: left; text-indent: -9999px; flex-basis: auto; height: 44px; line-height: 44px; font-size: 8rem; font-weight: 600; padding: 0 16px;text-align: center; vertical-align: middle;}
.avsb dt .num{position: absolute; left: 0; top: 20px; height: inherit; line-height: inherit; width: 100%; display: block; font-size:3rem; font-weight: 600; text-indent: 0; text-align: center; text-decoration: underline;}
.avsb dd{ box-sizing: border-box; padding: 0 16px; margin-top: 20px; flex: 1; color: #4c4c4c; min-height: 110px; background-position: center 5px;background-repeat: no-repeat; background-size:auto 59px; }
.avsb .a{ background-color: #dbe6f8; }
.avsb .b { background-color: #d7f2f6; }
.avsb .a dt .num{color: #477ad9;}
.avsb .b dt .num{color: #31a8b6;}
.avsb .a dd{ background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-a.png); }
.avsb .b dd{ background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-b.png); }

.btn-like-area{ overflow: hidden;font-size: 1.3rem;}
.btn-like-area.col3 .col {width:33.33%;}
.btn-like-area .btn-round.active{background-color: #f8f8f8;}
.btn-like-area .col{ position: relative; float:left; box-sizing: border-box; padding: 0 5px; width: 25%; padding-top: 30px; }
.btn-like-area .txt{ display: block; margin-top: 10px; text-align: center; }
.btn-like-area .btn-round{ position: absolute; left: 5px; right: 5px; top: 0;color: #1a1a1a; text-align: right; padding: 0 10px 0 30px; border-color:#6456d6; width:calc(100% - 10px);}
.btn-like-area .btn-round[class*="case"]::before{ content: ""; display: inline-block; width: 38px; height: 30px; position: absolute; left: 0; top: 0; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/btn-icons-like.png); background-repeat: no-repeat;background-size:76px auto;  }
.btn-like-area .btn-round.case1.active::before{background-position: left -2px;}
.btn-like-area .btn-round.case2.active::before{background-position: left -32px;}
.btn-like-area .btn-round.case3.active::before{background-position: left -62px;}
.btn-like-area .btn-round.case4.active::before{background-position: left -92px;}
.btn-like-area .btn-round.case1::before{background-position: left -2px;} /* right -2px; */
.btn-like-area .btn-round.case2::before{background-position: left -32px;}
.btn-like-area .btn-round.case3::before{background-position: left -62px;}
.btn-like-area .btn-round.case4::before{background-position: left -92px;}
.btn-like-area .btn-round[class*="like"]::before{ content: ""; display: inline-block; width: 38px; height: 30px; position: absolute; left: 0; top: 0; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/btn-icons-like2.png); background-repeat: no-repeat;background-size:76px auto;  }
.btn-like-area .btn-round.like1.active::before{background-position: left -2px;}
.btn-like-area .btn-round.like2.active::before{background-position: left -32px;}
.btn-like-area .btn-round.like3.active::before{background-position: left -62px;}
.btn-like-area .btn-round.like1::before{background-position: left -2px;} /* right -2px; */
.btn-like-area .btn-round.like2::before{background-position: left -32px;}
.btn-like-area .btn-round.like3::before{background-position: left -62px;}

.order-view .btn-area.center .btn-round{width: 80px; }
.order-view .check-list.block .title-h6,.order-view .check-list.block .summary,.order-view .check-list.block .status{ display: block; line-height: 25px;}

.comm-ranking{position: relative; height: 325px;}
.comm-ranking .i-help{position: absolute;right: 0;top: -10px;}
.comm-ranking .profile-area{position: absolute; display: block; width: 107px; height: 235px; background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-ranking.png) no-repeat center bottom; background-size: 100% auto;}
.comm-ranking .profile-area .grade{position: absolute; bottom:38px; width: 100%; left: 0; font-size: 5rem; line-height: 1;}
.comm-ranking .profile-area .num{display: block; margin-top: 5px; color: #1a1a1a;font-size: 2rem;}
.comm-ranking .profile-area .name{display: block; margin-top: 12px; color: #4c4c4c;font-size: 1.4rem;}
.comm-ranking .profile-area.grade1{ top: 0; left: 50%; margin-left: -53px;}
.comm-ranking .profile-area.grade2{ top: 50%; left: 16%; margin-left: -53px; margin-top: -118px;}
.comm-ranking .profile-area.grade3{ bottom: 0; right:16%; margin-right: -53px;}
.comm-ranking .profile-area.grade1 .grade{color: #fbae08;}
.comm-ranking .profile-area.grade2 .grade{color: #aaa;}
.comm-ranking .profile-area.grade3 .grade{color: #ca9469; }

/*
=============================== component ===============================
*/
/*tabs*/

.swipe-menu{position: relative;}
.swipe-menu.more{position: relative; padding-right: 36px;}
.swipe-menu.more .btn-more{display:inline-block;z-index: 3;}
.swipe-menu .btn-more{ display: none; overflow: hidden; position: absolute; width: 36px; height: 47px; top:50%; margin-top: -25px; right: 0; text-indent: -9999px; background-color: #fff;}
.swipe-menu .btn-more::after{ content: ""; display: inline-block; position: absolute; width: 18px; height: 18px; left: 0; top: 50%; margin-top: -10px; border:1px solid #999; border-radius: 50%; background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-menu-more.png) no-repeat center; background-size: 7px;-webkit-transition:-webkit-transform 0.3s;transition: transform 0.3s;}
.swipe-menu .btn-more.active::after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.swipe-menu .more-contents{ display: none; position: absolute; top: auto; left:0; right:0; z-index:3; background-color: #fff;border-bottom: 1px solid #eee; }
.swipe-menu .more-contents .tab-nav .anchor{color: #000; line-height: inherit; height: auto; flex:1; font-size: 1.4rem;}
.swipe-menu .tab-nav{flex-wrap: nowrap; flex-shrink: 0;}
.swipe-menu .tab-nav li{flex-shrink: 0;}
.swipe-menu .more-contents .tab-nav{flex-wrap: wrap;margin-bottom: -1px;}
.swipe-menu .more-contents .tab-nav li{ flex-shrink: 1; display: flex; align-items: center; box-sizing: border-box; width: 33.33%; height: 46px; line-height: 1.25;border:1px solid #eee; border-width:0 1px 1px 0; text-align: center;}
.swipe-menu .more-contents .tab-nav li:nth-child(3n+1){ width: 33.34%;border-left-width: 0; }
.swipe-menu .more-contents .tab-nav li:nth-child(3n){border-right-width: 0;}
.swipe-menu .more-contents .tab-nav .anchor span{min-height: inherit;}
.swipe-menu .more-contents .tab-nav li:last-child{border-right-width: 1px;}

.swipe-menu .tab-nav li .anchor{ box-sizing: border-box;}
.active .more-contents{ display: block; }
.tab-nav-wrap{position: relative;overflow: auto; overflow-x: auto; overflow-y: hidden; width: 100%; height: inherit; -webkit-overflow-scrolling: touch; box-sizing: border-box;}
.tab-nav-wrap::-webkit-scrollbar{height: 0; background-color: transparent;}
.tab-nav-wrap::-webkit-scrollbar-thumb{ background-color: transparent;}

.tab-nav{display: flex;}
.tab-nav li{ box-sizing: border-box; box-sizing: border-box;}
.tab-nav .anchor{ display: inline-block;}
.tab-nav::after{ content: ""; display: block;height: 0;clear: both; }
.tab-nav li.active .anchor{}
.tab-nav li .anchor span{box-sizing: border-box;}
.cards-body{ display: none; }
.tabs .tab-nav{border-top: 1px solid #eee;}
.tab-nav-area{border-bottom: 2px solid #f2f2f2;}
.tab-nav-area .status-sort{border-bottom-width: 0;}
.tabs .tab-contents .pannel > .cont-area:first-child{padding-top: 30px;}
.cont-area.inner .tab-nav-area{margin-left: -16px; margin-right: -16px;}

/* modal */
.popup-modal{ display: none; box-sizing: border-box; position: fixed; width: 100%; left:0; top:0; bottom: 0; right: 0; background-color: #fff; z-index: 9999;overflow: auto; overflow-x: hidden;overflow-y: auto; -webkit-overflow-scrolling: touch;}
.popup-modal .title-wrap{ box-sizing: border-box; position: fixed; height: 50px; left: 0; right: auto; width: 100%; top: 0; z-index: 1; background-color: #fff;}
.popup-modal .title-wrap .btn-close{ top:0; text-indent: -9999px;text-align: left;}
.popup-modal .title-wrap .title-pop{ line-height: 50px; }
.popup-dimmed{ background-color: rgba(0, 0, 0, 0.3); position: fixed; left: 0; top: 0; right: 0;bottom: 0; z-index: 99; }
.popup-modal .popup-contents{box-sizing: border-box; position: relative; padding-top: 50px; }
.popup-modal .cont-group{background-color: #f2f2f2;}
.popup-modal.alert, .popup-modal.confirm{ width: 86%; height: auto; bottom: auto; right: auto; left:7%; background-color: #fff;}
.popup-modal.alert .title-wrap, .popup-modal.confirm .title-wrap{ width: 100%; position: absolute; border-bottom-color: #eee; }
.popup-modal.alert .popup-contents,.popup-modal.confirm .popup-contents{ position: relative; box-sizing: content-box; max-height: 400px; min-height: 100px; overflow: auto; overflow-x: hidden; overflow-y: auto;}
.popup-modal.alert .btn-bottom-area,.popup-modal.confirm .btn-bottom-area{position: absolute; border-top-width: 0; background-color: transparent; padding-top: 0;}
.popup-modal .message-area{text-align: center; padding: 30px 16px;}
.popup-modal .message-area .title{ display: block; font-size: 1.4rem; font-weight: 400;color:#1a1a1a; }
.popup-modal .message-area .description{display: inline-block; border-top: 1px solid #eee; margin-top: 30px; padding-top: 20px;}
.popup-dimmed{ position: fixed; left:0; top : 0; right :0; bottom : 0; z-index: 9998; background-color: rgba(0, 0, 0, 0.7);}
.popup-modal.no-title .title-wrap{ border-bottom-width: 0px; }
.toggleTarget{display: none;}

.cards-header{display: block; position: relative;}
a.cards-header::before, a.cards-header::after{content: "";display: inline-block; position: absolute; right: 11px; top: 50%; width: 10px; height: 1px; background-color: #999; -webkit-transform: rotate(-41deg);transform: rotate(-41deg); margin-left: -5px; }
a.cards-header::before{-webkit-transform: rotate(41deg);transform: rotate(41deg);right: 19px;}
a.cards-header.active::before{-webkit-transform: rotate(-41deg);transform: rotate(-41deg);}
a.cards-header.active::after{-webkit-transform: rotate(41deg);transform: rotate(41deg);}

#bgLayer{position: fixed;left: 0; top: 0; right: 0; bottom: 0; background-color: transparent; z-index: 9999; display: flex; justify-content: center; align-items: center; align-content: center;}
#bgLayer img{ display: inline-block; width: 84px;}

.touch-slider{position: relative;}
.slider-wrap{ position: relative; display: block; overflow: hidden;}
.touch-slider .slider .link{ display: block; }
.ts-controls {}
.ts-prev, .ts-next {display:block; width:45px; height:45px; position:absolute; top:50%; margin-top: -23px; text-indent: -9999px; overflow: hidden; text-align: left; line-height: 45px; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/ts-arrow.png) center center no-repeat; background-size: 16px auto;}
.ts-prev{ left:0;}
.ts-next {right:0; -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }

.ts-paging { width:100%; text-align:center; position:absolute; bottom:12px; left:0; }
.ts-paging-btn { display:inline-block; position: relative; width:10px; height:10px; overflow: hidden; text-indent: -999px; }
.ts-paging-btn::after { content: ""; display: inline-block; position: absolute; width: 5px; height: 5px; border-radius:5px; background-color:#999; left: 50%; top: 50%; margin: -2px 0 0 -2px;}
.ts-paging-active{ width: 17px; }
.ts-paging-active::after { background-color:#6456d6; width: 12px; margin-left: -6px;}


/*
=============================== main ===============================
*/
.main-contents .tabs .tab-nav,.main-contents .product-list{background-color: transparent;}
.main-contents .products{padding-left: 0; padding-right: 0;}
.slider .img{ max-width: 100%; display: block; margin: 0 auto; }
.main-contents .products .title{max-height: 38px; height: auto; color: #1a1a1a;font-size: 1.5rem;}
.main-banner .ts-paging-btn::after{background-color: rgba(26,26,26,0.4);}
.main-banner .ts-paging-active::after{background-color: rgba(26,26,26,1);}
.main-banner .ts-prev, .main-banner .ts-next{display: none;}
.main-banner .btn-autoplay{ position: absolute; left: 50%; bottom: 10px; margin-left: 8px; overflow: hidden; display: inline-block; width: 47px; height: 20px; line-height: 20px; text-indent: -9999px; text-align: left; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/main-banner-autoplay.png);background-repeat: no-repeat; background-size: 30px auto; background-position: center 4px;}
.main-banner .btn-autoplay.active{background-position: center bottom 4px;}
.main-banner .ts-paging{width: auto; right: 50%; text-align: right;}

.main-contents .main-cont{padding: 40px 16px; background-color: #fff;}
.main-contents .tit-area { position: relative; text-align: center; padding-bottom: 15px; margin-bottom: 0;}
.main-contents .tit-area::after{content: ""; display: inline-block; width: 23px; height: 1px; position: absolute; left: 50%; bottom: 0; margin-left: -11px; background-color:#1a1a1a;}
.main-contents .tit-area .title-h2{ font-weight: 600; }
.main-contents .tit-area .btn-go{ position: absolute; right: 0; top: 3px; transform: rotate(-90deg);}
.main-contents .tit-area .btn-go.i-arrow::before, .main-contents .tit-area .btn-go.i-arrow::after{background-color: #1a1a1a;}
.main-contents .cont-area{margin-top: 20px; margin-bottom: 0;}

.main-contents .myinfo{background-color: #fcf4ff;}
.main-contents .myinfo .profile-area .info-area{margin-bottom: 0;}
.main-contents .myinfo .list-table.info2{margin-top: 40px;}
.main-contents .myinfo .list-table.info2 .tit, .main-contents .myinfo .list-table.info2 .cont{padding-top: 4px; padding-bottom: 4px; color: #1a1a1a;}
.main-contents .myinfo .unit{color: #1a1a1a;}
.main-contents .myinfo .list-table.info2 .cont .txt-primary{font-size: 1.6rem;}

.main-contents .myinfo .cont-area{padding-left: 16px;padding-right: 16px;}
.main-contents .notice, .main-contents .cont-group .cont-wrap + .cont-wrap {padding-top: 40px;}
.main-contents .notice .tit-area{margin-bottom: 20px;}
.main-contents .notice .box-line{padding: 15px;}
.main-contents .notice .check-list .link{ display: block;text-overflow: ellipsis; overflow: hidden;white-space: nowrap; word-break: break-all; color: #4c4c4c; }
.main-contents .notice .btn-area{margin-top: 20px;}
.main-contents .btn-more-arrow{ display: inline-block; position: relative; padding-right: 17px; font-size: 1.3rem; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/arrow-main-more.png) no-repeat right center; background-size: 12px auto;}

.main-contents .best .data-sort{text-align: center; margin-top: 5px;}
.main-contents .best .data-sort .input-check {padding: 0 6px;}
.main-contents .best .data-sort .input-check label:before, .main-contents .best .data-sort .input-check label:after{display: none;}
.main-contents .best .data-sort .input-check input:checked + label{color: #6456d6;}
.main-contents .best .data-sort .input-check label{ padding-left: 0; font-size: 1.3rem; color: #777; height: 20px; line-height: 20px; min-height: inherit; }
.main-contents .best .product-list{margin-right: -16px; margin-top: 5px;}
.main-contents .best .products{ padding: 20px 16px 0 0;}
.main-contents .best .thumb-area.small .thumb{  height: 58px; }
.main-contents .best .products .title{color: #1a1a1a;}
.main-contents .best .products .num{color: #1a1a1a; display: inline-block; font-size: 1.5rem;  width: 20px; flex-basis: 20px; text-align: left;}
.main-contents .recommend{background-color: #f8faf0;}
.main-contents .recommend .tabs .type-button .tab-nav{background-color: transparent;}
.main-contents .recommend .tabs .type-button .tab-nav > li.active .anchor{border-color: #94ad24; color: #94ad24;}
.main-contents .recommend .thumb-area.small{flex-basis: 70px;}
.main-contents .recommend .products{padding-top: 8px; padding-bottom:7px;}
.main-contents .recommend .products .thumb-area .thumb{overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; border-width: 0; background-color: #eee;}
.main-contents .recommend .products .thumb-area .thumb img{ width: 56px; display: block; }

.main-contents .recommend .products.edu .thumb-area .thumb img{ width: auto; height: 56px;}
.main-contents .recommend .product-list{margin-top: 22px;}
.main-contents .recommend .product-list .products .title{font-size: 1.5rem; color: #1a1a1a; max-height: 38px; height: auto;}
.main-contents .recommend .product-list .products .info-wrap{ display: flex; align-items: center; }
.main-contents .recommend .product-list > li{border-bottom-width: 0;}

.main-contents .major1{background-color:#e9f4f1; overflow: hidden;}
.main-contents .major1 .touch-slider{overflow: hidden;}
.main-contents .major1 .slider-wrap{ margin: 0 auto; overflow: visible;width: 137px; height: 193px; }
.main-contents .major1 .slider{background-color:#e9f4f1; overflow: hidden;}
.main-contents .major1 .slider .link{ }
.main-contents .major1 .slider.active .thumb{margin-top: 0;}
.main-contents .major1 .slider .thumb{ position: relative;  box-sizing: border-box; width: 122px; min-height: 80px; max-height: 178px; border:1px solid #ddd; opacity: 0.7; margin-top: 15px;}
.main-contents .major1 .slider .thumb .link{ overflow: hidden; display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-indent: -9999px; text-align: left; line-height: 100%; }
.main-contents .major1 .slider.active .thumb .link{display: block;}
.main-contents .major1 .slider.active .thumb{opacity: 1; margin-top: 0;}
.main-contents .major1 .slider.active{transform: none !important; left:0 !important; padding-bottom: 15px;}
.main-contents .major1 .slider.prev{transform: none !important; left:-137px !important;}
.main-contents .major1 .slider.next{transform: none !important; left:137px !important;}
.main-contents .major1 .products .info-wrap{text-align: center;}
.main-contents .major1 .slider-wrap{ }
.main-contents .major1 .touch-slider::before, .main-contents .major1 .touch-slider::after{content:""; display:block; position:absolute; top: 0; width: 70px; height: 207px; z-index: 2; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/main-mask.png) repeat-y; background-size: auto 207px;}
.main-contents .major1 .touch-slider::before{left: 0; background-position: left top;}
.main-contents .major1 .touch-slider::after{right: 0; background-position: right top;}
.main-contents .major1 .ts-controls{display:none;}
.main-contents .major1 .products{padding-top: 20px;padding-bottom: 0;}
.main-contents .major1 .products .info-wrap{display: none;}
.main-contents .major1 .products .info-wrap.active{ display: block; }
.main-contents .major1 .products .summary{margin-top: 17px;}

.main-contents .major2{background:#fafafa url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-main-img.png) left bottom no-repeat; background-size: 100% auto; }
.main-contents .major2 .cont-area{margin-top: 40px; margin-right: -16px; overflow: hidden;}
.main-contents .major2 .products{padding: 0 30px 0 0;}
.main-contents .major2 .slider-wrap{ width: 90%; overflow: visible;}
.main-contents .major2 .products .title{height: 38px;}
.main-contents .major2 .products.edu .title{height: auto; max-height: 38px;}
.main-contents .major2 .products.edu .thumb{border-width: 1px;}
.main-contents .major2 .products .summary{ margin-top: 17px; width: 100%; height: 56px; overflow: hidden;}
.main-contents .major2 .ts-paging{ position: relative; bottom: auto; margin-right: 16px; width: auto; }
.main-contents .major2 .ts-prev, .main-contents .major2 .ts-next{ display: none; }

.main-contents .category .products{padding: 0; margin-top: 25px;}
.main-contents .category .products .thumb-area{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 160px; height: 160px; background-color: #ddd; border-radius: 50%; overflow: hidden; }
.main-contents .category .products .thumb{ width: 84px; height: 123px; border-width: 0;}
.main-contents .category .products .summary{ height: 36px; overflow: hidden; }
.main-contents .category .recent-product{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px;}
.main-contents .category .recent-product > li{flex-basis: 65px; }
.main-contents .category .recent-product > li +li{margin-left: 15px;}
.main-contents .category .recent-product .anchor{ position: relative; display: block; width: 63px; max-height: 63px; border-radius: 8px; overflow: hidden; border:1px solid #ddd; }
.main-contents .category .recent-product .anchor img{max-width: 100%;}
.main-contents .category .recent-product > li.active .anchor{border-color: #6456d6;}
.main-contents .category .recent-product > li.active .anchor::after{ content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: #6456d6; opacity: 0.4; z-index: 1
}
.main-contents .bmceo .list-preview > .link > a{padding: 0;}
.main-contents .bmceo .list-preview .thumb{margin-bottom: 15px;}
.main-contents .bmceo .list-preview .title{color: #1a1a1a; font-size: 1.5rem; max-height: 38px; height: auto;}
.main-contents .bmceo .list-preview .text{font-size: 1.4rem; margin-top: 12px; max-height: 38px; overflow: hidden;}
.main-contents .bmceo .products .thumb-area{margin-right: 10px;}
.main-contents .bmceo .recent-product{ background-color: #fafafa; padding: 10px; margin-top: 20px;}
.main-contents .bmceo .recent-product > li{ float:left; width: 48%; }
.main-contents .bmceo .recent-product > li + li{margin-left: 4%;}
.main-contents .bmceo .recent-product .products{padding: 0;}
.main-contents .bmceo .recent-product .products .title{max-height: 84px; display: block;}

.main-contents .legend{background-color:#f7f7fb;}
.main-contents .legend .profile-area{position: relative; padding-top: 27px; text-align: center;}
.main-contents .legend .profile-area .photo{position: absolute; left: 50%; top: 0; margin-left: -27px; }
.main-contents .legend .point-core{ box-sizing: border-box; padding-top: 75px; display: inline-block; width: 110px; height: 126px; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/bg-main-hexa.png) no-repeat center top; background-size: cover; }
.main-contents .legend .point-core .num{ position: absolute; left: 0; right: 0; top: 50%; margin-top: -30px; font-size: 2rem; font-weight: 600; color: #6456d6;}
.main-contents .legend .point-core .description{ color: #777; }
.main-contents .legend .profile-area .name{margin-top: 12px; color: #1a1a1a;}
.main-contents .legend .profile-area .description{margin-top: 0;}

.main-contents .forum{background-color: #fef3e7;}
.main-contents .forum .products{padding: 0;}
.main-contents .forum .products .thumb-area{margin-top: 30px;}
.main-contents .forum .products .thumb{ width: 120px; height: 175px; border-width: 0; }
.main-contents .forum .products .info-wrap{margin-top: 0; height: 104px;}
.main-contents .forum .products .summary{height: 56px; overflow: hidden;}
.main-contents .forum .profile-area{margin-top: 20px;}
.main-contents .forum .profile-area .name{font-weight: 400; color: #4c4c4c;}
.main-contents .forum .ts-paging{display: none;}

/* login */
.body-wrap.login{ overflow: visible; position: absolute; width: 100%; top: 0; height: 100%;background-color: #fff; padding-top: 320px;}
.body-wrap.login::before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 50%; background-color:#6456d6; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/login-bg.png);background-repeat: no-repeat; background-position: center bottom -9px; background-size: 181px auto; text-align: center; border-bottom-width: 0; z-index: 0;}
.body-wrap.login::after{content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 50%; height: 95px; margin-bottom: -18px; z-index: 1; background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/login-mask.png) no-repeat center 0px; background-size: auto 95px;}
.login .container .contents,.login .container{overflow: visible;}
.login .headers{padding-top: 0; background-color: transparent; border-bottom-width: 0; height: 50%; min-height: 300px;}
/*.login .headers::after{ content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 96px; z-index: 1; background: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/login-mask.png) no-repeat center bottom 0; background-size: auto 95px; }
.login .headers::before{ content: "";display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 18px; background-color: #fff; z-index: 0; }
*/
.login .headers .tit-area{ position: relative; background-color: transparent; padding-top: 60px; margin-bottom: 0; text-align: center;}
.login .headers .tit-area [class^="title"],.reading-tree-splash .title{color: #fff; font-size: 2.7rem; font-weight: 100; line-height: 1.2; padding: 0; height: auto;}
.login .headers .tit-area .title-sub{ position: relative; display:block; padding-top: 10px; margin-top: 10px;}
.login .headers .tit-area .title-sub::before{content: ""; display: inline-block;position: absolute; top: 0; left: 50%; margin-left: -10px; width: 20px; height: 1px; background-color: #fff;}
.login .container{ position: relative; z-index: 2; background-color: transparent; }
.login .contents{ padding-top: 30px; width: 100%; min-height: 214px; background-color: transparent;}
.login .contents .cont-group{box-sizing: border-box;padding: 0 28px;background-color: transparent; border-bottom-width: 0;}
.login .footer{ padding: 20px 28px; background-color: #fff; border-top-width: 0;}
.login .footer::before{display: none;}
.login .info-area{ text-align: left; }
.login .info-area .title{ position: relative; color: #1a1a1a; padding-bottom: 7px; font-size: 1.5rem; border-bottom: 1px solid #1a1a1a; text-align: left;}
.login .info-area .title .i-arrow{position: absolute; right: -9px; top: -4px; -webkit-transform: rotate(0deg);transform: rotate(0deg);}
.login .info-area .title .i-arrow.active{t-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.login .info-area .title .i-arrow::before, .login .info-area .title .i-arrow::after{ content: "";display: inline-block; position: absolute; left: 50%; top: 50%; width: 10px; height: 1px; background-color: #1a1a1a; -webkit-transform: rotate(-42deg);transform: rotate(-42deg);}
.login .info-area .title .i-arrow::before{ margin-left: -2px;}
.login .info-area .title .i-arrow::after{-webkit-transform: rotate(42deg);transform: rotate(42deg);margin-left:-9px;}
.login .info-area .bullet-dot{margin-top: 20px}
.body-wrap.login .contents{}
.login .tab-contents{ padding-top: 10px; }
.login .tabs .tab-nav{border-top-width: 0; background-color: transparent;}
.login .tabs .tab-nav > li{border:none; background-color: transparent; height: 40px;}
.login .tabs .tab-nav > li.active{background-color: transparent;}
.login .tabs .tab-nav > li .anchor{box-sizing: border-box;display: block;height: 40px; overflow: hidden; line-height: 38px;padding: 0 10px;color: #4c4c4c;border: 1px solid #777;text-align: center;border-radius: 3px;background-color: #fff; font-size: 1.6rem;}
.login .tabs .tab-nav > li.active .anchor{border-color: #6456d6; color: #6456d6;}
.login .tabs .tab-nav.col2{justify-content: space-between;}
.login .tabs .tab-nav.col2 > li:first-child{padding-right: 5px;}
.login .tabs .tab-nav.col2 > li:last-child{padding-left: 5px;}
.login .login-area .input-text, .login .login-area .input-select, .input-file{ height: 45px; }
.login .input-text input, .login .input-select select, .login .input-text .input, .login .input-file .input,.login .btn-input{height: 45px; line-height: 43px; padding-top: 0; padding-bottom: 0; border-color: #ddd;}
.login .login-area .btn-cont-area{padding: 0;}
.login .login-area .label-item{margin-bottom: 10px;}
.login .login-area .btn-cont-area [class^="btn-"]{ height: 50px; line-height: 50px; font-size: 1.8rem; }
.login .tab-nav-area{border-bottom-width: 0;}
.login .login-area .tabs .tab-nav{border-top-width: 0;}
.login .login-area .input-text.url{word-break: break-all; display: flex; flex-wrap: wrap; align-items: center;}
.login .login-area .input-text input[class^="i-"]{ background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/login-icons.png); background-repeat: no-repeat; background-size: 41px auto; padding-left: 40px; }
.login .login-area .input-text .i-comp{background-position: left top;}
.login .login-area .input-text .i-id{background-position: left -54px;}
.login .login-area .input-text .i-pw{background-position: left -108px;}
.login .login-area .btn-input.timer{border-width: 0;}
.login .login-submit{ position: relative;}
.login .login-submit .loginset{ margin-top: 10px; }
.login .login-submit .loginset .date-text{text-align: center; margin-top:10px; }
.login .login-submit .loginset .date-text .txt{ font-size: 1.3rem; color: #777; padding: 0 10px 0 13px; margin: 0;}

.login .login-submit .label-item.cert .description{padding-top: 10px; margin-bottom: 10px; font-size: 1.4rem; color: #777; text-align: center;}
.loginset .auto-loign label{font-size: 1.4rem;}
.login .btn-goback{ display: inline-block; position: absolute; left: 28px; top: 22px; text-align: left; color: #fff; font-size: 1.4rem; padding-left: 20px; background:url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/login-icon-back.png) no-repeat left center; background-size: 15px; z-index: 10;}

.reading-tree-splash{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background:#6456d6 url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/img-tree.png) no-repeat center; background-size: 159px auto; min-height: 360px;}
.reading-tree-splash .title{ display: block; position: absolute; bottom: 50%; left: 0; right: 0; margin-bottom: 25%; text-align: center;}
.preloader{overflow: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 10000; background-color: rgba(0, 0, 0, 0.5); text-align: left; text-indent: -100%; line-height: 100%;}
.preloader::after{content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 65px; height: 65px; margin:-32px 0 0 -32px;  background-color:#6456d6; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/img-loading.png); background-repeat: no-repeat; background-position: center 0px;  background-size:65px auto; border-radius: 50%; z-index: 1;}
.preloader .img {display: flex;overflow:hidden; justify-content:center ;align-item:center;  position: absolute; top: 50%; left: 50%; width: 65px; height: 65px; margin:-32px 0 0 -32px; border-radius: 50%; z-index: 1;}
.preloader .img img{width:50px; height:40px;}
.preloader.ani::after{-webkit-animation:loading 1.5s step-start  infinite; animation:loading 1.5s step-start  infinite;}

@-webkit-keyframes loading{
    0% {background-position: center 0px;}
    20% {background-position: center -65px;}
    40% {background-position: center -130px;}
    60% {background-position: center -195px;}
    80% {background-position: center -260px;}
    100% {background-position: center -325px;}
}
@keyframes loading{
    0% {background-position: center 0px;}
    20% {background-position: center -65px;}
    40% {background-position: center -130px;}
    60% {background-position: center -195px;}
    80% {background-position: center -260px;}
    100% {background-position: center -325px;}
}
.preloader.img-gif{text-indent: 0; text-align: center;}
.preloader.img-gif img{ width: 50px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -20px; z-index: 2;}
.preloader.img-gif::after{ background-image: none; z-index: 1; }
/*@media screen and (max-height: 812px) {
  .login .contents{position: absolute; bottom: 0;}
}
@media screen and (min-height: 1024px) {
  .login .container{min-height: 360px !important;}
}*/
@media screen and (max-height: 690px) {
  .body-wrap.login::before{ height: 336px; }
  .body-wrap.login::after{bottom: auto; top: 259px; margin-bottom: 0;}
}
.login.clear-fixed .contents{position: relative !important; bottom: auto !important;}

.search_auto_wrap{position:absolute;top:45px;left:0;width:100%;z-index:20;}
.search_auto_list ul li:first-child{ padding-top: 10px;}
.search_auto_list ul li:last-child{ padding-bottom: 10px;border-bottom-width: 1px;}
.search_auto_list ul li{background-color:#fafafa;border:1px solid #ddd;border-width: 0 1px;}
.search_auto_list ul li a{display:block;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#4c4c4c;height: 35px; line-height: 35px; padding: 0 16px 0 40px;}
.search_auto_list ul li a .search_word{color:#4984dc;}
.search_auto_list .btn_wrap{margin:5px 0;}

.main-pop-banner{ overflow: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 12;}
.main-pop-banner .pop-banner-wrap{ overflow: auto; overflow-x: hidden; overflow-y: auto; z-index: 1; position: absolute; width: 90%; max-width: 414px; margin: 0 auto; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3);}
.main-pop-banner.dimmed .pop-banner-wrap{ -webkit-box-shadow: none; box-shadow: none; }
.main-pop-banner .cont-area{ margin-bottom: 0;}
.main-pop-banner .cont-area img{max-width: 100%; display: block;}

.main-pop-banner.dimmed::after{content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 0;}
.main-pop-banner .input-check{margin-top: 5px;}
.main-pop-banner .input-check label{color: #eee; font-size: 1.3rem;}
.main-pop-banner .footer-area{position: relative; height: 35px; background-color: #1a1a1a;padding-left: 5px; }
.main-pop-banner.dimmed .footer-area{ padding-left: 0; background-color: transparent; }
.main-pop-banner .footer-area .i-del{position: absolute; right: 0; top: 5px; width: 25px; height: 25px;}
.main-pop-banner .i-del::before, .main-pop-banner .i-del::after{ background-color: #fff; margin-left: -9px;}
@media screen and (max-height: 414px) {
  .main-pop-banner .pop-banner-wrap{ height: 100%; }
}
.main-pop-banner{ overflow: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 12;}

/* 개인정보처리방침 (공통) */
.box_terms_global{/*padding-bottom:120px;*/}
.box_terms_global a:link,
.box_terms_global a:visited {text-decoration:underline;color:#2b377d;}
.box_terms_global h3{margin-top:50px;font-weight:bold;font-size:14px;color:#1a1a1a;}
.box_terms_global h3:first-child {margin-top:0;}
.box_terms_global h4{margin-top:25px;font-weight:bold;color:#4c4c4c;}
.box_terms_global h4[id^=article]:before {content:'';display:block;height:60px;margin-top:-60px;visibility:hidden;}
.box_terms_global p{margin-top:10px;}
.box_terms_global ol,
.box_terms_global ul {margin-top:10px;}
.box_terms_global li {margin-top:5px;}
.box_terms_global li ol,
.box_terms_global li ul {margin-top:5px;padding-left:10px;}
.box_terms_global li li {margin-top:3px;}
.box_terms_global p:first-child,
.box_terms_global ol:first-child,
.box_terms_global ul:first-child,
.box_terms_global h4:first-child {margin-top:0;}
.box_terms_global h5 {margin-top:12px;font-size:12px;font-weight:normal;}
.box_terms_global table {margin:5px 0 10px;width:100%;border-collapse:collapse;border-right:solid #dadada 1px;border-bottom:solid #dadada 1px;white-space:normal;}
.box_terms_global table th{padding:7px 5px 5px;border-left:solid #dadada 1px;border-top:solid #dadada 1px;background-color:#f4f4f4;color:#444;font-size:12px;font-weight:normal;text-align:center;}
.box_terms_global table td{padding:7px 5px 5px;border-left:solid #dadada 1px;border-top:solid #dadada 1px;background-color:#fff;font-size:12px;font-weight:normal;text-align:left;}
.box_terms_global blockquote {border:1px solid #dadada;margin:5px 0 10px;padding:10px;}

/* 레이어팝업 - 이미지 */
.popup-images{display:none;z-index:9999;position:fixed;top:0;left:0;width:94%;height:95%;margin:10px 3% 0;background:#fff;overflow:hidden;}
.popup-images .layer_inner{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;overflow-y:auto;box-sizing: border-box; }
.popup-images .layer_inner .title-wrap {position:fixed;top:10px;left:3%;width:94%;height:50px;line-height:50px;background-color:#ffffff;z-index:100; border-bottom:1px solid #eee;}
.popup-images .layer_inner .title-wrap h1{ display: block;color: #1a1a1a; font-weight: 400; font-size: 1.8rem; text-align: center; padding: 0; overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;}
.popup-images .layer_inner .title-wrap .btn-close{ position: absolute; right: 0; width: 58px; height: 50px; top:0; text-indent:-9999px;text-align:left;}
.popup-images .layer_inner .title-wrap .btn-close::before, .popup-images .layer_inner .title-wrap .btn-close::after{ content: ""; position: absolute; display: inline-block; top: 50%; left: 50%; width: 1px; height: 26px; background-color: #4c4c4c; -webkit-transform:rotate(45deg);transform:rotate(45deg); margin-top: -12px;}
.popup-images .layer_inner .title-wrap .btn-close::after{ -webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.popup-images .layer_inner .popup-contents{position:relative;padding:50px 0 20px 0;}
.popup-images .layer_inner .popup-contents .image-area{text-align: center; padding:0;}
.popup-images .layer_inner .popup-contents .image-area img{width:100%; height:auto;}
.popup-images .layer_inner .btn-primary{ width:100%; height: 50px; line-height:50px; flex:1; align-content: center; text-align: center; font-size: 1.8rem; background-color: #6456d6;  color: #fff;}
.popup-images .layer_inner .layer-btn-wrap{position:fixed;bottom:10px;left:3%;width:94%;height:50px;line-height:50px;background-color:#ffffff;z-index:100;}

/* 장바구니 - 보관함담기 2021-05-14 */
.sort_wrap {*zoom:1;}
.sort_wrap:after {content:'';display:block;clear:both;}
.sort_wrap .sort_l {float:left;}
.sort_wrap .sort_l .storage {display:inline-block; margin-left:5px; font-size: inherit; min-height: 25px; line-height: 25px; }
.sort_wrap .sort_l .storage .btn-storage{display:inline-block; margin-left:5px; font-size: 1.4rem; min-height: 25px; line-height: 25px; color:#4c4c4c;}
.sort_wrap .sort_r {float:right;}

/* 북뉴스 2021-07-08 */
.main-contents .booknews{background-color: #def4ff;}
.main-contents .booknews.main-cont {padding-bottom:80px; overflow:hidden;} /* 2021-10-13 */
.main-contents .booknews.main-cont {padding-bottom:80px;}
.main-contents .booknews .products {width:70%; margin:0 auto; padding:5% 5%; background-color:#ffffff;}
.main-contents .booknews .products .thumb {width:200px; height:200px;}
.main-contents .booknews .profile-area {margin-top:15px;}
.main-contents .booknews .profile-area .subtitle { color:#1a1a1a; font-size:1.7rem; }
.main-contents .booknews .profile-area .title {height:58px; max-height:58px; overflow:hidden; margin-top:10px; color:#777777;}
.main-contents .booknews .ts-paging {bottom:-40px;}
.main-contents .booknews .ts-paging-btn::after{background-color: rgba(26,26,26,0.4);}
.main-contents .booknews .ts-paging-active::after{background-color: rgba(26,26,26,1);}
.main-contents .booknews .ts-prev,
.main-contents .booknews .ts-next {display:none;}
.main-contents .booknews .slider-wrap{ width: 70%; margin:0 auto;overflow: visible;}
@media only screen and (max-width: 500px){
    .main-contents .booknews .products .thumb {width: 90%; height:90%;}
}
.products .thumb.thumb-booknews{ height: 103px; }
.products .info-wrap.info-booknews .subtitle{color:#777;}
.products .info-wrap.info-booknews .title{height:19px; margin-top:5px; color:#4c4c4c;}
.cont-booknews {}
.cont-booknews img {width:50%; height:auto; max-width:500px;}
.cont-booknews table td {vertical-align:middle;}

/* 모바일MD 추가개선 2021-07-21 */
.main-contents .point-info{background-color: #fffbee;}
.main-contents .point-info ul.list-info {padding:0 30px;}
.main-contents .point-info ul.list-info li {list-style-type:square; margin-bottom:5px; font-size: 1.5rem; }
.main-contents .inquiry{background-color: #fcf4ff;}
.main-contents .inquiry .number-area {margin-bottom:10px;font-size: 1.5rem; color:#1a1a1a;}
.main-contents .inquiry ul.list-inquiry li {font-size: 1.5rem; }
.main-contents .inquiry ul.list-inquiry .tit {min-width:100px;}
.list-table[class*="inquiry"] .cont{text-align: left;}
.main-contents .main-cont.faq{padding:10px 16px;}
.main-contents .faq .list-preview .title{font-size: 1.6rem; color:#4c4c4c;}
.main-contents .main-cont.info-ebook{padding:10px 16px 40px; border-top:1px solid #eeeeee;}
.main-contents .info-ebook .cont-area{margin-top:0; padding:20px 34px 20px 16px;}
.main-contents .info-ebook .tit-ebook{font-size: 1.6rem; color:#4c4c4c;}
.main-contents .info-ebook .ebook-area{margin-top:15px; font-size: 2rem; }
.main-contents .info-ebook .ebook-area .anchor{height: 23px; line-height: 23px; border:1px solid #6456d6; border-radius: 20px; padding:5px 20px;  font-size: 1.4rem; font-weight: 600;  color: #6456d6; }

.textmsgnotice-wrap .bullet-dot li{font-size:1.5rem;}
.textmsg-wrap{background-color:#fafafa; }
.textmsg-wrap .cont-area.inner{padding:16px 16px;}
.textmsg-wrap .textmsg-area{padding:10px 10px;background-color:#eeeeee; border-radius:15px;}
.textmsg-wrap .textmsg-area [class^="input-"] textarea { color:#777777; background:transparent; border:none;}
.textmsg-wrap .textmsg-area .input-textarea textarea::-webkit-input-placeholder { color:#777777; }
.textmsg-wrap .textmsg{position:relative;}
.textmsg-wrap .textmsg .info-byte{ position:absolute; right:10px; bottom:10px; color:#aaaaaa;}
.textmsg-wrap .btn-area{padding-top:20px;}
.textmsginfo-wrap .cont-area.inner{padding:0 0;}
.textmsginfo-wrap .label-item {padding:15px 16px; margin-bottom:0; border-top:1px solid #eeeeee;}
.textmsginfo-wrap .info-tit,
.textmsginfo-wrap .info-txt {font-size:1.6rem;}
.textmsginfo-wrap .info-tit {display:flex; padding-right:10px; color:#777777;}
.textmsginfo-wrap .info-txt {flex:1; padding-left:10px; color:#4c4c4c;}
.textmsginfo-wrap .date-select {margin-top:15px;}
.textmsgboard-wrap{padding:30px 0;}
.textmsgboard-wrap .tit-area{padding:15px 16px 0;}
.textmsgboard-wrap .cards-group{border-top:1px solid #eee;}

/* 출석체크이벤트 2021-07-23 */
.attendance-area {}
.attendance-area .atd-top{position:relative;}
.attendance-area .atd-top .atd-title{ position:absolute; left:0; right:0; top:23vw; font-size:9vw; line-height:1.5; color:#fff; font-weight:bold;}
.attendance-area .atd-top .atd-subtitle { position:absolute; left:0; right:0; top:37.5vw; font-size:3.3vw; line-height:1.4; color:#fff; }
.attendance-area .atd-cont {padding:4vw  5.687vw 7vw;}
.attendance-area .atd-cont ul{*zoom:1;}
.attendance-area .atd-cont ul:after {content:'';display:block;clear:both;}
.attendance-area .atd-cont ul li{float:left; width:17.724vw; text-align:center;}
.attendance-area .atd-cont ul li a{display:inline-block; padding:0; width:15.873vw; height:15.873vw; font-size:0; line-height:0; color:transparent; text-indent:-9999px; }
.attendance-area .atd-cont ul li.atd-01 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_01.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-02 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_02.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-03 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_03.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-04 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_04.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-05 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_05.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-06 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_06.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-07 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_07.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-08 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_08.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-09 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_09.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-10 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_10.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-11 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_11.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-12 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_12.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-13 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_13.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-14 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_14.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-15 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_15.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-16 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_16.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-17 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_17.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-18 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_18.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-19 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_19.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-20 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_20.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-21 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_21.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-22 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_22.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-23 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_23.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-24 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_24.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-25 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_25.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-26 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_26.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-27 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_27.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-28 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_28.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-29 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_29.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-30 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_30.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.atd-31 a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_31.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.on a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_on.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.enter a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_enter.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-cont ul li.enter_on a{background:url("https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/rtree/attendance/check_enter_on.png") 0 0 no-repeat; background-size:cover;}
.attendance-area .atd-bt {padding:0 10vw 8vw;}
.attendance-area .atd-bt ul li{text-align:left; font-size:1.6rem;}
.attendance-area .atd-top .atd-subtitle02 { position:absolute; left:0; right:0; top:42vw; font-size:3.3vw; line-height:1.4; color:#fff; } /* 2021-08-26 */

/* 업종별 베스트셀러 검색 2021-10-07 */
.swipe-menu.filter-wrap .tab-nav li{margin-right:8px;}
.swipe-menu.depth2.filter-wrap .tab-nav .anchor span{position:relative; border-color: #aaaaaa; color:#6456d6; padding-right:27px;}
.swipe-menu.depth2.filter-wrap .tab-nav .anchor span::before{position:absolute; top:7px; right:8px; background-image: url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-filter-del.png); background-size:12px 12px; width:12px; height:12px; display:block; content:"";}
.swipe-menu.filter-wrap .btn-reset{position:absolute; right:0; top:0; display:block; width:45px; height:45px; border:none; background: #fff url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icon-filter-reset.png) no-repeat center center; background-size:23px 23px; color:transparent;}

/* 성격 유형별 도서 추천 */
.survey_personality_result{background-color:#fff; text-align:center;}
.survey_personality_result .box_result{padding:25px 20px;}
.survey_personality_result .box_result .result_01{color:#777; font-size:1.7rem; font-weight:600;}
.survey_personality_result .box_result .result_02{margin-top:15px;color:#1a1a1a; font-size:2.2rem; font-weight:bold;}
.survey_personality_result .box_result .result_03{margin-top:15px;color:#777; font-size:1.5rem;}
.survey_personality_result .box_result .result_04{margin-top:15px;}
.survey_personality_result .box_result .result_04 img{width:100%; height:auto; max-width:680px;}
.survey_personality_result .box_result .result_05{margin-top:20px;color:#6456d6; font-size:2.2rem; font-weight:bold;}
.survey_personality_result .box_result .result_06{margin-top:15px;color:#555555; font-size:1.7rem;}

/* 베스트셀러 순위 표시 */
.products .thumb .num{position:absolute; left:0; top:0; width:27px; height:27px; background-color:#6456d6; color: #fff; font-size:1.3rem; text-align:center; line-height:27px;}

/* 네이버페이 */
.orderpay .type6 label{border:1px solid #ddd; background:#fafafa url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icons-npay.png) center 20px no-repeat; background-size: 40px auto; }
.orderpay .input-check.type6 input:checked + label {background:#ece9f9 url(https://contents.kyobobook.co.kr/b2b/rtree/app_images/icons-npay.png) center 20px no-repeat; background-size: 40px auto; border-color: #6456d6;}

/* sam 배송라운지 */
.samlounge_wrap {width:100%; margin:0 auto; position:relative; /* background-color:#3a8b14;*/font-size:24px;line-height:1.4;color:#000;font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.02em;}
.samlounge_wrap img {width:100%; vertical-align: middle;}

.samlounge_wrap .section {position:relative;}

.samlounge_wrap .bg_01 {background:#fff;}
.samlounge_wrap .bg_02 {background:#fff;}

.samlounge_wrap .map {position:relative;}
.samlounge_wrap .map a {position:absolute;left:0;top:0;width:0;height:0;overflow:hidden;font-size:0;color:transparent;}

.samlounge_wrap .top {position:relative;margin-bottom:-3.8%;}
.samlounge_wrap .top .title {position:absolute;left:0;top:0;right:0;margin:10%;font-size:200%;font-weight:bold;color:#383a41;}
.samlounge_wrap .top .title strong {color:#5d4be8;}

.samlounge_wrap .box_1 {padding:10% 0;text-align:center;border-top:3px solid #f3f5f9;}
.samlounge_wrap .box_1:first-child,
.samlounge_wrap .box_1.first {border-top:none;}
.samlounge_wrap .box_1.bg_shadow {padding-bottom:18%;background:url('https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/book/210927_delivery/bg_shadow_02.jpg') repeat-x 50% 100%;}
.samlounge_wrap .box_1 .title {margin-top:10%;font-size:160%;line-height:1.3;font-weight:500;color:#383a41;}
.samlounge_wrap .box_1 .title:first-child {margin-top:0;}
.samlounge_wrap .box_1 #section05 .title:first-child {margin-top:10%}
.samlounge_wrap .box_1 .title em {font-style:normal;color:#1ec0a0;}
.samlounge_wrap .box_1 .title strong {font-weight:inherit;color:#5d4be8;}
.samlounge_wrap .box_1 .button {margin-top:5%;}
.samlounge_wrap .box_1 .text {margin-top:5%;font-size:110%}
.samlounge_wrap .box_1 .text:first-child {margin-top:0;}
.samlounge_wrap .box_1 .text em {font-style:normal;color:#1ec0a0;}
.samlounge_wrap .box_1 .text b {font-weight:500;}
.samlounge_wrap .box_1 .text b em {color:#5d4be8;}
.samlounge_wrap .box_1 .image {margin-top:5%;list-style: none;padding-left: 0;}

.samlounge_wrap .box_1 .date {margin-top:7%;}
.samlounge_wrap .box_1 .date .round {background:#f0f2f6;font-size:104%;line-height:1.4em;padding:0.5em 1.2em;border-radius:1.2em;}

.samlounge_wrap .box_1 .book {padding:7% 0 20%;margin-bottom:-5%;font-size:0;background:url('https://contents.kyobobook.co.kr/comm/ink/images/prom/2021/book/210927_delivery/bg_shadow.jpg') repeat-x 50% 100%;}
.samlounge_wrap .box_1 .book li {width:22%;display:inline-block;margin:0 1%;}
.samlounge_wrap .box_1 .book li a {position:relative;display:block;height:0;padding-bottom:135%;}
.samlounge_wrap .box_1 .book li img {position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:0 0 10px rgba(0,0,0,0.2);}
.samlounge_wrap .box_1 .text + .book {padding-top:4%;}

.samlounge_wrap .box_info {margin:7% 4.5% 0;background:#f2f3f5;padding:5% 8.57%;border-radius:1.2em;text-align:left;word-break:keep-all;}
.samlounge_wrap .box_info .list {margin-top:5%;padding-left:4.5%;}
.samlounge_wrap .box_info .list:first-child {margin-top:0;}
.samlounge_wrap .box_info .list li {list-style:disc;margin-top:2%;font-size:90%;line-height:1.35;color:#595f6b;}
.samlounge_wrap .box_info .number {position:relative;}
.samlounge_wrap .box_info .number input[type=text] {position:absolute;left:34%;top:0;width:34%;height:100%;padding:0;border:none;background-color:transparent;font-size:100%;font-family:inherit;text-align:center;color:#000;}
.samlounge_wrap .box_info .number a {position:absolute;right:11%;top:0;width:21%;height:100%;font-size:0;color:transparent;}
.samlounge_wrap .box_info .number a:hover {text-decoration:none;}
.samlounge_wrap .box_info .text {margin-top:5%;font-size:85%;color:#6e717c;}
.samlounge_wrap .box_info .extend {margin-left:-5%;margin-right:-5%;}

.samlounge_wrap em {font-weight:inherit;}
.samlounge_wrap .box_1 .book {/*background-size:171% auto;*/background-size:130% auto;padding-bottom:15%;}
.samlounge_wrap .box_1.bg_shadow {background-size:135% auto;}

@media only screen and (max-width: 700px){
    .samlounge_wrap .top .icon img {height:9.8vw;}
    .samlounge_wrap {font-size:3.43vw;} /* 24px/7=3.43vw */
}
@media only screen and (max-width: 350px){
    .samlounge_wrap {font-size:12px;} /* 24px/2=12px */
}

/* 도서기획전 MD */
.main-contents .md_promotion {background-color: #fafafa;}
.main-contents .md_promotion .products{padding: 0;justify-content: center;}
.main-contents .md_promotion .products img{ display: block; width: 80%; height: auto; border-width: 0;}
.main-contents .md_promotion .ts-paging{ position: relative; bottom: auto; margin-right: 16px; width: auto; }

/* 2022-05-12 이지웰전용 상단배너 */
.ezwell{padding-top: 90px;}
.ezwell .buttons{top:80px;}
.ezwell .header-notice {height:50px; padding:15px 14%; font-size:1.2rem; color:#777; text-align:center; background-color:#f2f2f2; border-bottom:1px solid #ddddde;}

/* 2022-05-12 이지웰전용 푸터 */
.footer-ezwell .box-gray{border-bottom:1px solid #f2f2f2; text-align:left;}
.footer-ezwell .list-table{background-color:#fff; padding:15px 10px; border-bottom:1px solid #dddddd;}
.footer-ezwell .list-table .tit{text-align:left;}

/* 2023-11-17 초등학생 성향별 도서추천 */

.element_question{
    display: none;
    background: #ECEDFF;
    text-align: center;
    padding: 40px 0 60px;
    position: relative;
}

.element_question:first-child{
    display: block;
}
.element_question .progress_bar{
    width: 90%;
    max-width: 686px;
    background: #fff;
    border-radius: 4px;
    height: 6px;
    margin: 0 auto 20px;
}

.element_question .progress_bar span{
    display: block;
    background: #6456D6;
    border-radius: 4px;
    height: 6px;
}
.question01 .progress_bar span{
    width: 11%;
}
.question02 .progress_bar span{
    width: 22%;
}
.question03 .progress_bar span{
    width: 33%;
}
.question04 .progress_bar span{
    width: 44%;
}
.question05 .progress_bar span{
    width: 55%;
}
.question06 .progress_bar span{
    width: 66%;
}
.question07 .progress_bar span{
    width: 77%;
}
.question08 .progress_bar span{
    width: 88%;
}
.question09 .progress_bar span{
    width: 100%;
}

.element_question .question_tit{
    color: #333;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
    width: 90%;
    margin: 0 auto 20px;
    word-break: keep-all;
}

.element_question .question_img{
    width: 40%;
    max-width: 300px;
    height: auto;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
.element_question .question_img img{
    width: 100%;
    height: auto;
}

.element_question .question_btn{
    margin: 0 auto 56px;
    width: 90%;
    max-width: 686px;
}
.element_question .question_btn button{
    border-radius: 14px;
    border: 2px solid transparent;
    background: #D7D2FF;
    color: #404040;
    padding: 28px 36px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    word-break: keep-all;
    width: 100%;
    transition: all 0.3s;
}
.element_question .question_btn button:hover,
.element_question .question_btn button.active{
    border: 2px solid #6456D6;
    background: #fff;
    color: #6456D6;
    font-weight: 600;
}
.element_question .question_btn button + button{
    margin-top: 18px;
}
.element_question .progress_wrap{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    max-width: 686px;
    margin: auto;
}
.element_question.question01 .progress_wrap{
    justify-content: flex-end;
}

.element_question.question09 .progress_wrap{
    justify-content: flex-start;
}

.progress_wrap button{
    font-size: 18px;
    font-weight: 400;
    display: block;
    z-index: 1;
    width: 33.33%;
}

.progress_wrap .prbtn_prev{
    text-align: left;
}
.progress_wrap .prbtn_next{
    text-align: right;
}

.progress_wrap .prbtn_prev span{
    padding-left: 14px;
    font-weight: 700;
    color: #404040;
    position: relative;
}
.progress_wrap .prbtn_prev span::after{
    content: '';
    background-image: url(https://contents.kyobobook.co.kr/pmtn/2023/book/23117_rtree/progress_prev.png);
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 10px;
    height: 19px;
    background-position: center 1px;
    background-repeat: no-repeat;
    background-size: 10px 19px;
    vertical-align: top;
}
.progress_wrap .prbtn_next span{
    color: #6456D6;
    font-weight: 700;
    padding-right: 14px;
    position: relative;
}
.progress_wrap .prbtn_next span::after{
    content: '';
    background-image: url(https://contents.kyobobook.co.kr/pmtn/2023/book/23117_rtree/progress_next.png);
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 10px;
    height: 19px;
    background-position: center 1px;
    background-repeat: no-repeat;
    background-size: 10px 19px;
    vertical-align: top;
}


.progress_wrap .pr_num{
    color: #333;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3.6px;
    width: 33.33%;
}
.progress_wrap .pr_num span{
    color: #959595;
}

.element_result{
    background: linear-gradient(180deg, #ECEDFF 56.94%, #fff 100%);
    text-align: center;
    padding: 40px 0 30px;
}

.element_result .result_tit{
    color: #1A1A1A;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
}

.element_result .result_img{
    width: 163px;
    height: auto;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
.element_result .result_img img{
    width: 100%;
    height: auto;
}
.element_result .result_sub{
    color: #1A1A1A;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -1.5px;
    width: 90%;
    max-width: 686px;
    margin: auto;
    word-break: keep-all;
}

/* 2023-10-20 전자책 */
.btn-input.primary{ color: #6456d6; border:1px solid #6456d6; background-color: #fff;}
.bd-right{position: relative; display: inline-block;}
.bd-right::before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 10px;
    width: 1px;
    background-color: #EAEAEA;
    left: -10px;
    top: 50%;
    margin-top: -2px;
}
.btn-star.xsmin{
    width: 24px;
    height: 24px;
    background-position: center -3px;
}

/* 20240102 REQ-1233 시리즈 정보노출 */
.products .series{
    display: block;
    margin-top: 5px;
    color: #4c4c4c;
    font-size: 1.2rem;
    word-break: break-all;
}

/* 2024-05-09 해외거주 추가수정 */
.i-badge.badge_primary{
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    background-color: #6456d6;
    border: 1px solid #6456d6;
    box-sizing: border-box;
    border-radius: 4px;
    color: #fff;
}
.i-badge.badge_line_primary{
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    background-color: transparent;
    border: 1px solid #6456d6;
    box-sizing: border-box;
    border-radius: 4px;
    color: #6456d6;
}
.i-badge.badge_gray{
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    background-color: #a0a0a0;
    border: 1px solid #a0a0a0;
    box-sizing: border-box;
    border-radius: 4px;
    color: #fff;
}

.bullet-dot.bullet-dot-login > li { position: relative; padding-left: 7px;font-size: 1.3rem; color: #777; }
.login .headers .tit-area .title-sub { font-size: 16px !important; }

/* 20250709 graynoopy 한수원 모바일 게이트 */
.body-wrap.login_gate {
  padding: 0;
  background-size: cover;
}
.body-wrap.login_gate .login_info_box {
  padding: 94px 20px 0;
  width: 335px;
  margin: 0 auto;
  text-align: left;
}
.body-wrap.login_gate .login_info_box.v2 {
  padding: 94px 24px 0;
}
.body-wrap.login_gate .login_info_box h1 {
  color: #fff;
  font-family: Pretendard;
  font-size: 44px;
  font-style: normal;
  font-weight: 800;
  line-height: 46px; /* 104.545% */
  text-transform: uppercase;
}
.body-wrap.login_gate .login_info_box h1 .company_name {
  display: block;
  color: #62b4ff;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 8px;
  font-weight: 700;
}
.body-wrap.login_gate .login_info_box h1.dark {
  color: #000;
}
.body-wrap.login_gate .login_info_box h1.dark .company_name {
  color: #000;
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
  gap: 14px;
  color: #fff;
  text-transform: uppercase;
  justify-content: space-between;
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 24px 24px 20px;
  height: 120px;
  border-radius: 10px;
  background-size: 72px 72px;
  background-position: right 10px bottom 10px;
  background-repeat: no-repeat;
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card strong {
  display: block;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.18px;
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card .card_buttons {
  display: flex;
  gap: 8px;
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card .btn_apply,
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card .btn_cancel {
  padding: 0 16px;
  border: none;
  border-radius: 4px;
  color: #fff;
  font-size: 164x;
  font-weight: 600;
  line-height: 34px;
  letter-spacing: -0.14px;
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card .card_desc {
  margin-top: 6px;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: -0.12px;
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card .card_desc.light {
  color: rgba(255, 255, 255, 0.9);
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card:nth-child(1) {
  background-color: #00b1eb;
  background-image: url("https://contents.kyobobook.co.kr/b2b/krt/asis/fo/front/common/images/icon/learning_card_01.png");
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card:nth-child(1) .btn_apply,
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card:nth-child(1) .btn_cancel {
  background-color: #009acc;
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card:nth-child(2) {
  background-color: #13b86b;
  background-image: url("https://contents.kyobobook.co.kr/b2b/krt/asis/fo/front/common/images/icon/learning_card_02.png");
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card:nth-child(2) .btn_apply,
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card:nth-child(2) .btn_cancel {
  background-color: #009e54;
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card:nth-child(3) {
  background-color: #0085ff;
  background-image: url("https://contents.kyobobook.co.kr/b2b/krt/asis/fo/front/common/images/icon/learning_card_03.png");
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card:nth-child(3) .btn_apply,
.body-wrap.login_gate .login_info_box .learning_card_wrapper .learning_card:nth-child(3) .btn_cancel {
  background-color: #0075e0;
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper.v2 .learning_card {
  height: 114px;
  padding: 24px 30px 24px 24px;
  border-radius: 10px;
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper.v2 .learning_card.card_04 {
  display: block;
  height: 114px;
  background-size: 364px 114px;
  background-position: center top;
  background-image: url("https://contents.kyobobook.co.kr/b2b/krt/asis/fo/mobile/app/app_images/learning_card_04.png");
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper.v2 .learning_card.card_05 {
  display: block;
  height: 114px;
  background-size: 364px 114px;
  background-position: center top;
  background-image: url("https://contents.kyobobook.co.kr/b2b/krt/asis/fo/mobile/app/app_images/learning_card_05.png");
}
.body-wrap.login_gate .login_info_box .learning_card_wrapper.v2 .learning_card.card_06 {
  display: block;
  height: 114px;
  background-size: 364px 114px;
  background-position: center top;
  background-image: url("https://contents.kyobobook.co.kr/b2b/krt/asis/fo/mobile/app/app_images/learning_card_06.png");
}
.body-wrap.login_gate .login_info_box .login_notice {
  margin-top: 24px;
  padding-bottom: 70px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  font-weight: 400;
  line-height: 18px; /* 150% */
  letter-spacing: -0.12px;
}
.body-wrap.login_gate .login_info_box .login_notice .login_notice_list li {
  position: relative;
  padding-left: 8px;
}
.body-wrap.login_gate .login_info_box .login_notice .login_notice_list li:before {
  content: "·";
  width: 4px;
  height: 18px;
  margin-right: 8px;
  position: absolute;
  left: 0;
  top: 0;
}
.body-wrap.login_gate .login_info_box .login_notice.v2 {
  margin-top: 30px;
  color: #323232;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.12px;
}
.body-wrap.login_gate .login_info_box .link_password_search {
  margin-top: 6px;
  display: inline-block;
  padding: 0 8px;
  border-radius: 4px;
  background: #eaeaea;
  cursor: pointer;
  color: #4e4e4e;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px; /* 150% */
  letter-spacing: -0.12px;
}
.body-wrap.login_gate .education_container {
  margin-top: 20px;
  color: #fff;
  font-size: 12px;
  line-height: 18px; /* 150% */
  letter-spacing: -0.12px;
}
.body-wrap.login_gate .schedule_list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 12px;
}
.body-wrap.login_gate .schedule_item {
  display: flex;
  align-items: center;
  font-size: 12px;
  max-width: 162px;
  white-space: nowrap;
}
.body-wrap.login_gate .schedule_label {
  background-color: #061d6a;
  border-radius: 40px;
  padding: 2px 8px;
  margin-right: 4px;
}
.body-wrap.login_gate .schedule_value {
  font-weight: bold;
}
.body-wrap.login_gate .education_notice {
  padding: 20px 0;
}
.body-wrap.login_gate .notice_list {
  list-style: disc;
  padding-left: 20px;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
}
/* 20250709 graynoopy 한수원 모바일 게이트 */