@charset "utf-8";

/* 모바일 콘텐츠 숨기기 */
.mobiStyle {display:none;}

/* 상단 바로가기 메뉴 */
.toputil-area {position:relative; border-bottom:1px solid #dbdbdb; background:#fafafa;}
.toputil-area .container {position:relative; display: flex; justify-content: space-between; padding: 0;  }
.toputil-area .tbt-quick {/*overflow:hidden;*/ position:relative; display: flex;}
.toputil-area .tbt-quick ul { display: flex; align-items: center; }
.toputil-area .tbt-quick ul li {position:relative;}
.toputil-area .tbt-quick ul li::after {position:absolute; right:0px; top:13px; content:""; display:inline-block; width:1px; height:12px; background:#dbdbdb; }
.toputil-area .tbt-quick ul li:last-child:after {display:none;}
.toputil-area .tbt-quick ul li a {display:block; padding:0.6rem 1rem; font-size:0.83em; font-weight:500;}
.toputil-area .tbt-quick ul li:first-child a {padding:0.6rem 1rem 0.6rem 0rem;}
.toputil-area .tbt-quick ul li a .pic {display:inline-block; width:13px; height:13px; margin-right:2px; vertical-align:middle;}
.toputil-area .tbt-quick ul li a .pic.pic0 {background:url('/booknavi/user/img/layout/tbt_icon0-a5dc8b20455d36398462b5947cb90c03.png') no-repeat center center;  }
.toputil-area .tbt-quick ul li a .pic.pic1 {background:url('/booknavi/user/img/layout/tbt_icon1-e4c46ab6edeeaf49544bdb05f31f2299.png') no-repeat center center;  background-size:100% auto;}
.toputil-area .tbt-quick ul li a .pic.pic2 {background:url('/booknavi/user/img/layout/tbt_icon2-760df5ebdbde4f93225cf742892001f0.png') no-repeat center center;  background-size:100% auto;}
.toputil-area .tbt-quick ul li a .pic.pic3 {background:url('/booknavi/user/img/layout/tbt_icon3-8667181bf1903762667a04036aa2011c.png') no-repeat center center;  background-size:100% auto;}
.toputil-area .tbt-quick ul li a .pic.pic4 {background:url('/booknavi/user/img/layout/tbt_icon4-3263752f70e04aa4af69495222e6f415.png') no-repeat center center;  background-size:100% auto;}
.toputil-area .tbt-quick ul li a .pic.pic5 {background:url('/booknavi/user/img/layout/tbt_icon5-54c6ce62028e61f008f5fc610de0711b.png') no-repeat center center;  background-size:100% auto;}
.toputil-area .tbt-quick ul li a span {}

.toputil-area .member-menu {width:auto; display: flex; align-items: center; gap: 0 10px; }
.toputil-area .member-menu a { font-size: 0.83em;}
.toputil-area .member-menu .navbar { display: flex; padding:0 0;}
.toputil-area .member-menu .tbt_register {  display:block; padding:1px 11px; font-size:0.83em; color:#fff; background:#888; border-radius:50rem;}
.toputil-area .member-menu .tbt_login {display:block; margin-right: 10px; padding:1px 11px;font-size:0.83em;color:#fff;background: #196BEF;border-radius:50rem;}
.toputil-area .member-menu .tbt_logout { display:block; padding:1px 11px; font-size:0.83em; color:#fff; background:#888; border-radius:50rem; text-decoration:none;}
/*.toputil-area .member-menu .tbt_login .login_sbtn {display:block; padding:1px 11px; font-size:0.83em; color:#fff; background:#3b6724; border-radius:50rem;}*/
.toputil-area .member-menu .navbar-nav { }
.toputil-area .member-menu .navbar-nav .nav-item {position:relative;}
.toputil-area .member-menu .navbar-nav .nav-item::after {position:absolute; right:0; top:50%; transform: translateY(-50%); content:""; display:inline-block; width:1px; height:12px; background:#ccc; }
.toputil-area .member-menu .navbar-nav .nav-link { color: #010101; font-weight: 600; /*background: #002956; */padding:13px 1rem; font-size:0.83em;white-space:nowrap;}
.toputil-area .member-menu .navbar-nav .nav-item:last-child::after {display:none;}

/* 로그 및 검색, 상단 배너 */
.topsearch-area {position:relative;border-bottom: 0;}
.topsearch-area .container {position:relative;}
.topsearch-area .navbar-brand { font-size: 32px; font-weight: 600; color: var(--blue); overflow:hidden; position:absolute; left:0.75rem; top:50%; transform: translate(0, -50%); display:inline-block; }
.topsearch-area .searchCon {position:relative; width:480px; padding:20px 0; margin:0 auto;}
.topsearch-area .searchCon .search-form {position:relative; padding:5px 60px 5px 135px; height:50px; border-radius:50rem; border:1px solid #E6E6E6;}
.topsearch-area .searchCon .search-form .search_select {position:absolute; left:15px; top:5px; width:110px; height:36px; }
.topsearch-area .searchCon .search-form .search_select:after {position:absolute; right:0px; top:50%; margin-top:-6px; content:""; display:inline-block; width:1px; height:12px; background:#dbdbdb; }
.topsearch-area .searchCon .search-form .search_select .form-select {font-size:0.93em; border:none;}
.topsearch-area .searchCon .search-form .searchKeyword {width:100%; height:36px; padding:0.375rem 0.75rem; font-size:0.93em; border:none; }
.topsearch-area .searchCon .search-form .search_btn {overflow:hidden; position:absolute; right:20px; top:5px; width:36px; height:36px; background:url('/booknavi/user/img/custom/btn-search-427db3d109a241e15cc9fc08fa47f5e6.svg') no-repeat center center;  background-size:22px auto; text-indent:-9999em; border:none;}
.topsearch-area .top-banner {position:absolute; right:0.75rem; top:35px;
    display: flex; flex-direction: row;}
/*.topsearch-area .top-banner a {overflow:hidden; display:block; line-height:1;}*/
.topsearch-area .top-banner .item {position:relative; padding:9px 0 8px 60px; }
.topsearch-area .top-banner .item a {font-size:0.86em; line-height:1.0em; text-decoration:none;}
.topsearch-area .top-banner .item.pic1 {background:url('/booknavi/user/img/layout/top_banner_icon1-c91649e0d133d756f9cd52b18f4d543b.png') no-repeat 0px 0px;}
.topsearch-area .top-banner .item.pic2 {margin-left:25px; background:url('/booknavi/user/img/layout/top_banner_icon2-950c946134d27b80425b57df010b50d7.png') no-repeat 0px 0px;}
.topsearch-area .top-banner .item strong {display:block; margin-bottom:6px; color:#000; font-weight:400;}
.topsearch-area .top-banner .item span {display:block; color:#666; font-weight:300;}



/* 상단메뉴 영역 */
/*.topmenu-area {background:#5d8e44;}*/
.topmenu-area .container { position: relative; padding: 0;}

/* 전체 카테고리 */
.topmenu-area .allcate-btn {position:relative; display:flex; align-items: center; min-width:70px; font-size:1.06em; font-weight:500; line-height:60px; text-align:left; background:none; border:none;}
.topmenu-area .allcate-btn i {display:inline-block; margin-right:5px;  width:20px; height:20px; background:url('/booknavi/user/img/custom/all-ct-8bdc48e8119384682894363cadc1ced9.svg') no-repeat center center;  background-size:100% auto;}
.topmenu-area .all-category {display:none; position:absolute; top:60px; left:0; width:100%; z-index:99; background:#fff; border:1px solid #196BEF;}
.topmenu-area .all-category.is-visible {display:block;}
/*.topmenu-area .all-category .list {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-box-orient: vertical; -webkit-box-direction: normal; align-content: space-between; flex-flow: column wrap; width:100%; height: 820px;}
.topmenu-area .all-category .list::before,
.topmenu-area .all-category .list::after { content: ""; flex-basis: 100%;  width: 0;  order: 2;}
.topmenu-area .all-category .list .sbox {padding:20px 20px; width: 16.666%; min-height:205px; }
.topmenu-area .all-category .list .sbox:nth-child(6n+1) { order: 1; }
.topmenu-area .all-category .list .sbox:nth-child(6n+2) { order: 2; }
.topmenu-area .all-category .list .sbox:nth-child(6n+3) { order: 3; }
.topmenu-area .all-category .list .sbox:nth-child(6n+4) { order: 4; }
.topmenu-area .all-category .list .sbox:nth-child(6n+5) { order: 5; }
.topmenu-area .all-category .list .sbox:nth-child(6n) { order: 6; }*/

.topmenu-area .all-category .list {}
.topmenu-area .all-category .list .masonry-grid-column {border-left:1px solid #dbdbdb;}
.topmenu-area .all-category .list .masonry-grid-column.masonry-grid-column-1 {border-left:none;}
.topmenu-area .all-category .list .sbox {padding:20px 20px; min-height:205px; }
/*.topmenu-area .all-category .list .sbox {min-height:410px;}*/
.topmenu-area .all-category .list .sbox h3 {padding-bottom:10px;}
.topmenu-area .all-category .list .sbox h3 a {display:block; padding:5px 10px; font-size:14px; color:#fff; background:#282828;}
.topmenu-area .all-category .list .sbox ul li {}
.topmenu-area .all-category .list .sbox ul li a {display:block; padding:5px 0; font-size:14px; color:#666;}
.topmenu-area .all-category .list .sbox ul li a:hover {color:#196BEF;}
.topmenu-area .all-category .allcate_close {display:none;}


.topmenu-area .quick-category {display:none;}
/*.topmenu-area .allcate-btn {color:#000; left:unset; right:0px; top:-95px; font-size:22px; color:#3f3f3f;}*/
.topmenu-area .quick-category::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
.topmenu-area .quick-category .list {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap;
    height: 60px;margin:0px; }
.topmenu-area .quick-category .list li {display: inline-block; -webkit-flex: none;-ms-flex: none;flex: none;}
.topmenu-area .quick-category .list a {display:inline-block; padding:0 20px; font-size:1.06em; font-weight:500; color:#fff; line-height:60px;}
.topmenu-area .quick-category .list a span {position:relative; display:inline-block; -webkit-flex: none;-ms-flex: none;flex: none;}
.topmenu-area .quick-category .list a:hover {color:#ffff00;}
.topmenu-area .quick-category .list .adult-category a::before {content:""; margin:0px 7px -4px 0px; display:inline-block; width:21px; height:21px; background:url('/booknavi/user/img/layout/adult_mark-660b7f11f7fd6e43c474fbac661f4566.png') no-repeat center center;  background-size:100% auto; /* vertical-align:middle;*/}

.topmenu-area .quick-category .link {position:absolute; right:0.75rem; top:1.05rem; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;/*display: flex;-webkit-flex: 1; -ms-flex: 1;flex: 1; margin-left: auto; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;*/ }
.topmenu-area .quick-category .link li {position:relative; padding:0 10px;}
.topmenu-area .quick-category .link li:last-child {padding:0 0 0 10px;}
/*.topmenu-area .quick-category .link li:last-child:before {position:absolute; left:0px; top:8px; content:""; display:inline-block; width:1px; height:12px; background:#fff; }*/
.topmenu-area .quick-category .link li a {font-size:0.93em; font-weight:300; color:#fff; }

.topmenu-area .quick-category .prevmoveBtn {display:none;}
.topmenu-area .quick-category .nextmoveBtn {display:none;}

/* 하단 영역 */
#footer {position:relative; padding:27px 0 30px 0; background:#282a30;}
/*#footer:after {position:absolute; left:0px; bottom:80px; content:""; display:block; width:100%; height:1px; background:#3e3e3e; }*/
#footer .copy-menu {float:left; padding:10px 0 0 0; }
#footer .copy-menu li {position:relative; float:left; padding:0 20px;}
#footer .copy-menu li:first-child {padding:0 20px 0 0;}
#footer .copy-menu li:after {position:absolute; right:0px; top:6px; content:""; display:inline-block; width:1px; height:12px; background:#414246; }
#footer .copy-menu li:last-child:after {display:none;}
#footer .copy-menu li a {display:block; font-size:0.96em; color:#aaa; }

/* 하단 관련사이트 */
#footer .siteLink {position:relative; float:right; }
#footer .siteLink .site-open {position:relative; display:block; width:200px; height:45px; padding:0 20px; text-align:left; font-size:14px; color:#fff; border-radius:0px; border:1px solid #666666; background:#282a30; z-index:5; }
#footer .siteLink .site-open::after {position:absolute; top:50%; right:20px; margin-top:-2px; content:""; display:inline-block; width:11px; height:7px; background:url('/booknavi/user/img/layout/footer_arrow-3675a4d9c4c241f3875136299f19e86c.png') no-repeat center center;  background-size:100% auto;  -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
#footer .siteLink .site-open.active::after {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
#footer .siteLink ul {position:absolute; bottom:0px; left:0px; width:100%; padding:20px 20px 60px 20px; background:#222; z-index:4; }
#footer .siteLink ul li a {display:block; padding:7px 0; color:#fff;}

#footer .footer-info {overflow:hidden; clear:both; padding-top:40px; padding-bottom:40px; color:#aaa;}
#footer .footer-info .customer-info {float:right; }
#footer .footer-info .customer-info .tell {font-size:1.6em; font-weight:700; color:#ff661b;}
#footer .footer-info .customer-info .exp {font-size:0.83em; font-weight:300;}
#footer .footer-info .site-info {float:left;}
#footer .footer-info .site-info h4 {margin-bottom:4px; font-size:0.96em; font-weight:500;}
#footer .footer-info .site-info ul li {margin-bottom:4px; font-size:0.96em; font-weight:300;}
#footer .footer-info .site-info ul li span {position:relative; display:block; float:left; padding:0 10px;}
#footer .footer-info .site-info ul li span:first-child {padding:0 10px 0 0;}
#footer .footer-info .site-info ul li span:after {position:absolute; right:0px; top:6px; content:""; display:inline-block; width:1px; height:12px; background:#aaa; }
#footer .footer-info .site-info ul li span:last-child:after {display:none;}

#footer .footer-bottom {clear:both; padding-top:30px; border-top:1px solid #3e3e3e;}
#footer .footer-bottom .copy_con {float:left; }
#footer .footer-bottom .copy_con .f_logo {overflow:hidden; margin-right:15px; display:inline-block; width:84px; height:28px; background:url('/booknavi/user/img/layout/footer_logo-7666b008b6fd4072e7b3a85d998ef878.png') no-repeat center center;  background-size:100% auto; text-indent:-9999em; vertical-align:middle;}
#footer .footer-bottom .copy_con cite {font-size:0.963em; font-weight:300;color:#aaa;}
#footer .footer-bottom .sns_btns {float:right; }
#footer .footer-bottom .sns_btns .sns_btn {overflow:hidden; display:inline-block; width:27px; height:20px;  text-indent:-9999em; vertical-align:middle;}
#footer .footer-bottom .sns_btns .sns_btn.facebook {background:url('/booknavi/user/img/layout/b_sns_btn1-46eb47c15cbaf4f64f0ca501dc2b172e.png') no-repeat center center;  background-size:100% auto;}
#footer .footer-bottom .sns_btns .sns_btn.youtube {background:url('/booknavi/user/img/layout/b_sns_btn2-cc6f2ae0ffea19feb4d054da279f5b7d.png') no-repeat center center;  background-size:100% auto;}

/*모달 관련 추가 사항 */
#footer .siteLink .modal .modal-dialog .modal-content {border-spacing:0;border-collapse:collapse;border-top:2px solid #000;table-layout:fixed;}

#footer .siteLink .modal .modal-dialog .modal-content .modal-body .basic-board {margin:0 0 5px 0; width:100%; height: 100%; border-spacing:0;border-collapse:collapse;border-top:2px solid #000;}
#footer .siteLink .modal .modal-dialog .modal-content .modal-header .text-header {position:relative; left: 40%; font-size: 30px}
#footer .siteLink .modal .modal-dialog .modal-content .modal-header .modal_close_btn {position: relative; text-decoration: none;text-align: center;border-radius: 5px; cursor: pointer;user-select: none;color: #282828; font-size: 20px;}
#footer .siteLink .modal .modal-dialog .modal-content .modal-header .modal_close_btn:hover{position: relative; box-shadow: 0 5px 15px rgba(0, 0, 0, .3);}
#footer .siteLink .modal .modal-dialog .modal-content .modal-body .basic-board thead th{padding:6px 15px; margin: 5px 10px; font-size:20px; font-weight:500; border-bottom:1px solid #dbdbdb; color: #00060c; background: #a0cfee; text-align: center;}
#footer .siteLink .modal .modal-dialog .modal-content .modal-body .basic-board tbody tr{padding:10px;font-size:1em; color:#666; text-align:center; border-bottom: 1px solid #808080}
#footer .siteLink .modal .modal-dialog .modal-content .modal-body .basic-board tbody tr:hover {color: #d3d3d4;background-color: #d3d3d4;}
/*#footer .modal .modal-dialog .modal-content .modal-body .basic-board tbody tr td {border-right: 1px solid #808080}*/
#footer .siteLink .modal .modal-dialog .modal-content .modal-body .basic-board tbody .btn_getSearch {display: inline-block; border-radius: 3px; width:80px; height:40px; line-height: 40px; border: 1px #3399dd solid; margin:7px 7px 3px 3px ; background-color: #66aaff; text-align: center; cursor: pointer; color: #333333; transition: all 0.9s, color 0.3s;}
#footer .siteLink .modal .modal-dialog .modal-content .modal-body .basic-board tbody .btn_getSearch:hover{color:#fff; box-shadow: 200px 0 0 0 rgba(0,0,0,0.25) inset, -200px 0 0 0 rgba(0,0,0,0.25) inset}
#footer .siteLink .modal .modal-dialog .modal-content .modal-body .basic-board tbody .move_link:hover{ color:#3c5b9b; cursor:pointer;}

/* 최근 본 상품 */
.right-quick {position:fixed; left:1470px; right:0; top:40%; /*top:165px;*/ margin: auto; width:90px; z-index:9999;}
.right-quick.v_hide {
    /* 보이진 않지만 클릭 가능한 부작용이 있어 'display: none;' 으로 대체합니다. opacity: 0;*/
    display: none;
}
.right-quick h3 {padding:5px 0; font-size:13px; letter-spacing:-0.05em; color:#fff; text-align:center; background:#000;}
.right-quick h3 strong {color:#ffea00;}
.right-quick .latest-book {margin-bottom:5px; padding:20px 20px 10px 20px; border:1px solid #dbdbdb;  text-align:center; background:#fff;}
.right-quick .latest-book .item {padding-bottom:5px;}
.right-quick .latest-book .item a {display:block; }
.right-quick .latest-book .slick-prev,
.right-quick .latest-book .slick-next {top:auto; bottom:-34px; width:19px; height:20px; }
.right-quick .latest-book .slick-prev:before,
.right-quick .latest-book .slick-next:before {content:"";}
.right-quick .latest-book .slick-prev {left:-10px; background:url('/booknavi/user/img/layout/quick_ctrl_prev-6e5a6de9b05cbe45085421c5fc5ea70e.png') no-repeat center center;  background-size:100% auto; }
.right-quick .latest-book .slick-next {right: -10px; background:url('/booknavi/user/img/layout/quick_ctrl_next-ca4f14e7c95edd68ccdf293472574694.png') no-repeat center center;  background-size:100% auto; }
.right-quick .latest-book .pagingInfo {font-size:12px; color:#666;}
.right-quick .quick-menu {margin-bottom:10px; border:1px solid #dbdbdb;  text-align:center; background:#fafafa;}
.right-quick .quick-menu li {border-bottom:1px solid #dbdbdb; }
.right-quick .quick-menu li:last-child {border-bottom:none;}
.right-quick .quick-menu li a {display:block; padding:15px 0;}
.right-quick .quick-menu li a i.pic {display:inline-block; width:22px; height:22px; }
.right-quick .quick-menu li a i.pic.pic1 {background:url('/booknavi/user/img/layout/right_quick_icon1-e7b601405bb9366232ba9a0382a4bbd9.png') no-repeat center center;  background-size:100% auto; }
.right-quick .quick-menu li a i.pic.pic2 {background:url('/booknavi/user/img/layout/right_quick_icon2-12f94d3b99bea065b0b4e3e72e5c302f.png') no-repeat center center;  background-size:100% auto; }
.right-quick .quick-menu li a i.pic.pic3 {background:url('/booknavi/user/img/layout/right_quick_icon3-48195123f4235b688d60ee8a07b3c7b3.png') no-repeat center center;  background-size:100% auto; }
.right-quick .quick-menu li a i.pic.pic4 {background:url('/booknavi/user/img/layout/right_quick_icon4-c09149bc676295cc942227f01b410c54.png') no-repeat center center;  background-size:100% auto; }
.right-quick .quick-menu li a span {display:block; font-size:12px; font-weight:300; color:#000;}
.right-quick .quick-menu li a:hover span {color:#298056;}
.right-quick .quick-banner {padding-bottom:5px;}
.right-quick .quick-banner a {display:block;}
.right-quick .top-btn {display:block;line-height:30px;text-align:center;background: #196BEF;}
.right-quick .top-btn i {display:inline-block; margin-right:5px; width:14px; height:11px; background:url('/booknavi/user/img/layout/top_arrow-79feb0880f72d897740f723875fdae5b.png') no-repeat center center;  background-size:100% auto; }
.right-quick .top-btn span {font-size:13px; font-weight:500; color:#fff;}

/*  SCROLL TO TOP */
.scroll-up {position:fixed;display:none;z-index:999;bottom:1.8em;right:1.8em;}
.scroll-up ul{margin:0;padding:0;}
.scroll-up li{list-style:none;margin:0;padding:0;}
.scroll-up a {background-color:#fff;display:block;width:40px;height:40px;text-align:center;color:#000;font-size:20px;line-height:38px;box-shadow:0px 0px 6px #ccc;border-radius:100%;}
.scroll-up a:hover,
.scroll-up a:active {background-color:#f5f5f5;color:#000;}
.scroll-up a i.top_ico {display:block; width:18px; height:40px; margin:0 auto; background:url('/booknavi/user/img/layout/ico_top-bf5049843a4a63408b70778fe3b43a95.png') no-repeat center center;  background-size:100% auto;}


@media (max-width: 1500px) {

    .right-quick {left: 1320px;}

}
@media (min-width: 1201px) and (max-width: 1400px) {

    .right-quick {left: 1250px;}

    .topmenu-area .quick-category .list {justify-content: space-evenly;}
    .topmenu-area .quick-category .list a {padding:0 15px;}


}
/* lg */
@media (max-width: 1330px) {

    .topmenu-area .quick-category .list a {padding:0 18px;}

    .topmenu-area .quick-category {padding:0 0;}
    .topmenu-area .quick-category .link {display:none;}

    .right-quick {display:none !important;}


}
/* md */
@media (min-width: 1180px) and (max-width: 1330px) {



    .topmenu-area .quick-category {padding:0 0;}

    .topsearch-area .searchCon {width:315px;}
    .topsearch-area .top-banner .item.pic2 {margin-left:15px;}



}
/* md */
@media (min-width: 992px) and (max-width: 1180px) {
    .topmenu-area .quick-category {padding:0 0;}

    .topsearch-area .searchCon {width:315px;}
    .topsearch-area .top-banner .item.pic2 {margin-left:15px;}
}
/* md-sm */
@media (min-width: 768px) and (max-width: 991px) {


}
/* sm */
@media (max-width: 991px) {
    .mobiStyle {display:block;}

    .toputil-area {position: static; min-height:auto; background:none; border-bottom:none; }
    .toputil-area .tbt-quick {display:flex;}
    .toputil-area .member-menu {position:static; right:auto; top:auto; }
    .toputil-area .member-menu .tbt_login,
        /*.toputil-area .member-menu .tbt_register,*/
    .toputil-area .member-menu .tbt_logout {float:none; margin:0; position:absolute; top:14px; right:50px; padding:0; width:40px; line-height:40px; background:none; border-radius:0px; text-align:center; /*border:1px solid #ff0000;*/ z-index:10; border:none;}
    .toputil-area .member-menu .tbt_login .login_sbtn {overflow:hidden; width:30px; height:22px; color:#0000008c; font-size:18px}
    .toputil-area .member-menu .tbt_logout .logotu_sbtn {overflow:hidden; display:inline-block; width:22px; height:22px; background:url('/booknavi/user/img/layout/mobi_btn_pic_logout-2821ce28ea149dcf94254f39f5a325dc.png') no-repeat center center; background-size:100% auto; text-indent:-9999em; vertical-align:middle; }
    .toputil-area .member-menu .navbar {float:none;}
    .toputil-area .member-menu .tbt_register {display: none;}

    .navbar-light .navbar-toggler {position:absolute; top:14px; right:-3px; padding:0 0; width:40px; line-height:40px; text-align:center; border:none; font-weight:500; /*border:1px solid #ff0000;*/ z-index:101;}

    #navbarMember {position:fixed; top:0px; bottom:0px; left:0px; right:0px; height:100% !important; z-index:100;}
    #navbarMember .mobi-box {position:absolute; top:0px; bottom:0px; left:0px; width:280px; background:#fff; z-index:10;}
    #navbarMember .hide_ly {position:absolute; top:0px; bottom:0px; left:0px; right:0px; z-index:1; background:rgba(0,0,0,0.15);}

    #navbarMember .mobi-box .member-info {position:relative; padding:20px 20px; margin-bottom:15px; background:#196BEF;}
    #navbarMember .mobi-box .member-info .name {margin-bottom:10px; padding-right:30px; font-size:0.93em; color:#fff; }
    #navbarMember .mobi-box .member-info .name strong {font-size:1.13rem; font-weight:500;}
    #navbarMember .mobi-box .member-info .mobimenu_close_btn {position:absolute; top:8px; right:8px; padding:0; width:40px; line-height:40px; border-radius:0px; text-align:center; border:none; background:url('/booknavi/user/img/layout/close_pic_w-b033444893e050f4a9dc1c9b829b69e0.png') no-repeat center center; background-size:16px auto; text-indent:-9999em; }
    #navbarMember .mobi-box .member-info .top_logout_btn {width:100%; padding:7px 10px; font-size:0.93em; border-radius:4px; background:#fff; border:none; }

    .toputil-area .member-menu .navbar-nav .nav-item::after {display:none;}
    .toputil-area .member-menu .navbar-nav {float:none; width:100%;}
    .toputil-area .member-menu .navbar-nav .nav-link {font-size:0.93rem;}

    .topsearch-area {position:static; min-height:auto; z-index:5; }
    .topsearch-area .navbar-brand {top:15px; width: 130px; height:44px; z-index:10;}
    .topsearch-area .searchCon {padding:75px 0 15px 0px; margin:0 0; width:100%; }
    .topsearch-area .searchCon .search-form {border-radius:4px;}

    .topsearch-area .top-banner {display:none; }

    /* .topmenu-area .all-category {display:block; }
    .topmenu-area .all-category .allcate_close {display:block;}
    .topmenu-area .all-category .list .sbox {min-height:auto; padding:0;}
    .topmenu-area .all-category .list .sbox:nth-child(2n+1) {border-left:none;} */

    /*.topmenu-area .all-category .list {
        -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;-moz-column-gap: 1.5em;-webkit-column-gap: 1.5em;column-gap: 1.5em;}*/
    /* .topmenu-area .all-category .list .sbox {min-height:auto;}
  .topmenu-area .all-category .list .sbox h3 {position:relative; padding-bottom:0px; float:left; width:50%; padding:0px; border-left:1px solid #424141;}
  .topmenu-area .all-category .list .sbox h3 .mobicate_titarea {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; cursor:pointer;}
  .topmenu-area .all-category .list ul {display:none;} */

    .topmenu-area .all-category {/* display:block;*/ width:60%; }
    .topmenu-area .all-category .list {position:relative; background:#fff; border-bottom:1px solid #e1e8ee; }
    .topmenu-area .all-category .list .sbox {/*position:relative;*/ min-height:auto; padding:5px 10px; width:50%; border-bottom:1px solid #e1e8ee; border-right:1px solid #e1e8ee;background:#fff; }
    .topmenu-area .all-category .list .sbox:last-child {border-bottom:none;}
    .topmenu-area .all-category .list .sbox h3 {position:relative; padding-bottom:0px;}
    .topmenu-area .all-category .list .sbox h3 a {color:#666; background:#fff; }
    .topmenu-area .all-category .list .sbox h3 a::after {float:right; content:"+"; font-size:10px; color:#21357f;font-weight:700;}
    .topmenu-area .all-category .list .sbox h3 .mobicate_titarea {position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; cursor:pointer;}
    .topmenu-area .all-category .list .sbox ul {display:none; position:absolute; left:50%; top:0px; width:49%; padding:0 0; background:#fff; z-index:100;}
    .topmenu-area .all-category .list .sbox ul li a {padding:7px 5px 7px 20px; }
    .topmenu-area .all-category .list .sbox.active h3 a {color:#fff; font-weight:700; background:#282828;}
    .topmenu-area .all-category .list .sbox.active h3 a::after {content:">"; color:#fff; }
    .topmenu-area .all-category .allcate_close {display:block; float:right; margin:10px; padding:5px 10px; font-size:0.8em; background:#f2f2f2; border:1px solid #dbdbdb; border-radius:3px;}

    #footer .copy-menu li {padding:0 10px;}
    #footer .copy-menu li:first-child {padding:0 10px 0 0;}
    #footer .copy-menu li a {font-size:0.86em;}
}

@media screen and (max-width: 991px) {
    .topmenu-area .allcate-btn {
        right: 10px;
        top: -139px;
        min-width: auto;
    }

    .topmenu-area .allcate-btn span, .topmenu-area .allcate-btn i {
        display: none;
    }

    .topmenu-area .allcate-btn img {
        width: 25px;
    }

    .toputil-area .member-menu .tbt_login, .toputil-area .member-menu .tbt_logout {right:90px;width:80px;padding-top:37px;}
    .navbar-light .navbar-toggler {right:37px;}
}
/* XS Portrait */
@media (max-width: 767px) {

    .topmenu-area .allcate-btn {font-size:0.93em; line-height:50px;top: -134px;}
    .topmenu-area .all-category {top:49px;}
    .topmenu-area .all-category {width:100%; }

    .topmenu-area .quick-category .list {height:50px;}
    .topmenu-area .quick-category .list a {font-size:0.93em; line-height:50px;}



    #footer {padding:10px 0 25px 0;}
    #footer .copy-menu {overflow:hidden; float:none;}
    #footer .copy-menu li a {font-size:0.8em; letter-spacing:-0.05em;}
    #footer .copy-menu li:after {top:5px;}

    #footer .siteLink {clear:both; float:none; margin-top:10px; }
    #footer .siteLink .site-open {width:100%;}

    #footer .footer-info {padding-top:20px; padding-bottom:20px; }
    #footer .footer-info .customer-info {float:none;}
    #footer .footer-info .site-info {float:noen; margin-top:10px; }
    #footer .footer-info .site-info h4 {font-size:0.86em;}
    #footer .footer-info .site-info ul li {font-size:0.8em;}
    #footer .footer-bottom {padding-top:20px; text-align:center;}
    #footer .footer-bottom .copy_con {float:none; }
    #footer .footer-bottom .copy_con cite {font-size:0.8em;}
    #footer .footer-bottom .copy_con .f_logo {display:none;}
    #footer .footer-bottom .sns_btns  {float:none; }

}
/* XS Portrait */
@media (max-width: 479px) {



}

/* category version 2 */
.all_pc_top {background-color:#f0f0f0;}
.all_pc_top .col.last {border-right:0;}
.all_pc_top .col.active {background-color:#196BEF; color:#fff;}
.all_pc_top .col h3 img {opacity:0; position:relative; top:-1px; width:25px; margin-left:10px;}
.all_pc_top .col.active h3 img {opacity:1;}

.all_pc_content {padding:30px; text-align:center;}
.all_pc_content .row {display:none; height:270px; overflow-y:auto;}
.all_pc_content .row::-webkit-scrollbar {width: 2px;}
.all_pc_content .row::-webkit-scrollbar-thumb {height: 30%; background: #196BEF; border-radius: 5px;}
.all_pc_content .row::-webkit-scrollbar-track {background: #ddd;}

.all_pc_content .row.show {display:flex;}
.all_pc_content .row.hide {display:none;}
.all_pc_content .col > ul {}
.all_pc_content .col > ul > li {position:relative; width:25%; float:left;}
.all_pc_content .category_btn {position:relative; display:block; line-height:45px; font-weight:600;}
.all_pc_content .category_btn.active {background:#BAD2FA url(/booknavi/user/img/layout/down-arrow-1d7cdb5253d4593579cbc30fa66d7367.png) right 20px center no-repeat; background-size:18px; border-radius:10px; z-index:6;}
.all_pc_content .category_btn + ul {display:none; width:100%; background-color:#fff; z-index:5; }
.all_pc_content .category_btn + ul a {display:block; line-height:35px; font-size:0.9em; color:#333;}
.all_pc_content .category_btn + ul a:hover {color:#196BEF;}


@media (min-width: 996px){
    .all_pc_top {width:100%; height:70px; border-bottom:5px solid #196BEF;}
    .all_pc_content .category_btn + ul {position:absolute; width:100%;}
    .all_pc_content .category_btn.active + ul {opacity:1; transition: all .3s ease-out; -webkit-transition: all .3s ease-out;}
    .all_pc_top .col {display:flex; justify-content: center; align-items: center; height:100%; border-right:1px solid #196BEF; cursor: pointer;}
}
@media (max-width: 996px){
    .all_pc_menu {display:flex;}
    .all_pc_top {width:180px; flex-wrap: wrap; height:unset; border-right: 1px solid #196BEF;}
    .all_pc_top h3 {padding:15px;}
    .all_pc_top .col h3 img {width:15px; transform: rotate( -90deg );}
    .all_pc_content {width:calc(100% - 180px); padding:15px;}

    .all_pc_content .col > ul > li {width:100%;}
    .topmenu-area .all-category {border:1px solid #196BEF}
    /*.all_pc_content .category_btn.active + ul {display:block;}*/
}