.user-tool-layer-wrap .bookmark-layer { position: fixed; z-index: 21; width: 0; border-radius: 6px; left: 50%; margin-left: 0; top: 100px; transition: 0.5s ease; background: var(--navy-color); }
.user-tool-layer-wrap .bookmark-layer.on { width: 650px; margin-left: -325px; }
.user-tool-layer-wrap .bookmark-layer .header-area { height: 50px; position: absolute; color: #222; text-align: center; font-size: 1.5rem; font-weight: 500; padding: 15px 0; cursor: default; border-bottom: 1px solid #dcdcdc; background: #f2f2f7; border-top-left-radius: 6px; border-top-right-radius: 6px; width: 100%; left: 0; top: 0; z-index: 21; }
.user-tool-layer-wrap .bookmark-layer .header-area .pop-close-btn { width: 50px; height: 50px; border-radius: 50%; border-style: none; background: rgba(28,45,95,0.5); position: absolute; right: -70px; top: 0; transition: background .25s ease; outline: 0; }
.user-tool-layer-wrap .bookmark-layer .header-area .pop-close-btn:hover { background: rgba(28,45,95,0.8); }
.user-tool-layer-wrap .bookmark-layer .header-area .pop-close-btn img { width: 100%; }
.user-tool-layer-wrap .bookmark-layer .content-area { padding: 50px 0 60px 0; max-height: 460px; min-height:360px; overflow: hidden; overflow-y: auto; -ms-overflow-style: none; background: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.user-tool-layer-wrap .bookmark-layer .content-area::-webkit-scrollbar { display:none; }

/* 즐겨찾기 */
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark { padding: 10px 15px; cursor: pointer; border-bottom: 1px solid #eee; height: 33px; transition: background .25s ease; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark:hover { background: #f8f8f8; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark.select { background: #4F7FFF; color: #fff; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark.select:hover { background: #3D6EF1; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark img.folder-img { width: 15px; height: auto; margin-right: 3px; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark img.doc-img { width: 15px; height: auto; margin-right: 3px; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark .name { font-size: 1.2rem; letter-spacing: 0; line-height: 12px; vertical-align: top; }

#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark.title { padding: 15px 10px; border: 8px solid #fff; border-radius: 20px; background-color: #eee; cursor: default; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark.title .name { line-height: 0; }

#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark .go-btn { position: absolute; z-index: 2; right: -33px; width: 33px; height: 32px; background: #fff; top: 0; text-align: center; border-left: 1px solid #EEEEEE; transition: background .25s ease,right 0.25s ease;}
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark:hover .go-btn { right: 0; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark .go-btn:hover { background: #f8f8f8; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .bookmark .go-btn img { width: 50%; margin-top: 8px; }

#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li>ul>li>.bookmark { padding-left: 30px; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li>ul>li>ul>li>.bookmark { padding-left: 45px; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li>ul>li>ul>li>ul>li>.bookmark { padding-left: 60px; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li>ul>li>ul>li>ul>li>ul>li>.bookmark { padding-left: 75px; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>.bookmark { padding-left: 90px; }

#header_container .user-tool-layer-wrap .bookmark-layer .btn-area { padding: 15px 20px; border-top: 1px solid #dcdcdc; overflow: hidden; position: absolute; bottom: 0; left: 0; width: 100%; background: #f2f2f7; z-index: 21; }
#header_container .user-tool-layer-wrap .bookmark-layer .btn-area button { outline: 0; border-style: none; font-size: 1.3rem; padding: 0 20px; height: 32px; border-radius: 3px; margin: 0 3px; }
#header_container .user-tool-layer-wrap .bookmark-layer .btn-area button:last-child { margin-right: 0; }
#header_container .user-tool-layer-wrap .bookmark-layer .btn-area .btn-wrap { display: inline-block; float: right; }
#header_container .user-tool-layer-wrap .bookmark-layer .btn-area .btn-wrap .cancel-btn { background: none; color: #808FB8; }
#header_container .user-tool-layer-wrap .bookmark-layer .btn-area .btn-wrap .confirm-btn { background: var(--theme-color); color: #fff; font-weight: 300; }

#header_container .user-tool-layer-wrap .bookmark-layer .btn-area .new-folder { background: #00C46B; color: #fff; font-size: 1.3rem; }

#header_container .user-tool-layer-wrap .bookmark-layer .btn-area .select-option { float: left; height: 25px; }
#header_container .user-tool-layer-wrap .bookmark-layer .btn-area .select-option .unit { display: inline-block; line-height: 25px; color: rgba(128,143,184,0.5); margin-right: 5px; font-size: 1.2rem; }
#header_container .user-tool-layer-wrap .bookmark-layer .btn-area .select-option>div { display: inline-block; line-height: 25px; color: #808FB8; font-weight: bold; letter-spacing: 0; font-size: 1.2rem; }
#header_container .user-tool-layer-wrap .bookmark-layer .btn-area .select-option>div.locale { margin-right: 10px; }
#header_container .user-tool-layer-wrap .bookmark-layer .btn-area .select-option .flag { width: 25px; height: 25px; display: inline-block; margin-right: 3px; }
#header_container .user-tool-layer-wrap .bookmark-layer .btn-area .select-option .flag img { width: 100%; }

.user-tool-layer-wrap .bookmark-layer .breadcrumbs { padding: 5px 10px; border-bottom: 1px solid #dee3eb; border-top: 1px solid #dee3eb; }
.user-tool-layer-wrap .bookmark-layer .breadcrumbs .breadcrumbs-list {display: inline;}
.user-tool-layer-wrap .bookmark-layer .breadcrumbs .breadcrumbs-list a { font-size: 1.2rem; letter-spacing: 0; font-weight: 500; color: #666; }
.user-tool-layer-wrap .bookmark-layer .breadcrumbs .breadcrumbs-list a:hover { text-decoration: underline; }
.user-tool-layer-wrap .bookmark-layer .breadcrumbs .breadcrumbs-list .arrow { width: 15px; display: inline-block; margin: 3px 5px; opacity: 0.3; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area ul>li .no-bookmark { cursor: default; background-color: #f8f8f8;  text-align: center; padding-top: 70px; min-height: 170px; }
#header_container .user-tool-layer-wrap .bookmark-layer .option-area { background: #fff; position: absolute; z-index: 3; bottom: 62px; left: 0; width: 100%; box-shadow: 0 -180px  5px rgba(0,0,0,0.3); border-top: 1px solid #dee3eb; }
#header_container .user-tool-layer-wrap .bookmark-layer .option-area a { display: block; width: 100%; padding: 10px 15px; border-bottom: 1px solid #eee; font-size: 1.1rem; font-weight: bold; color: #666; transition: background .25s ease; }
#header_container .user-tool-layer-wrap .bookmark-layer .option-area a img { width: 18px; margin-right: 5px; opacity: 0.5; vertical-align: middle; }
#header_container .user-tool-layer-wrap .bookmark-layer .option-area a:hover { background: #f8f8f8; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change { cursor: default; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change input[type=text] { width: calc(100% - 35px); padding-left: 10px; border-radius: 3px; margin-left: 5px; margin-top: -10px; font-size: 1.2rem; transition: box-shadow .25s ease; border: 1px solid #dee3eb; }
#header_container .user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change input[type=text]:hover,
#header_container .user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change input[type=text]:active,
#header_container .user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change input[type=text]:focus { box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1) inset; }

/* 즐겨찾기 */
/* .user-tool-layer-wrap .bookmark-layer { background: #fff; border: 1px solid #dee3eb; border-radius: 4px; margin-top: 20px; overflow: hidden; } */
/* .user-tool-layer-wrap .bookmark-layer .header-area { padding:15px; border-bottom: 1px solid #dee3eb; cursor: default; }
.user-tool-layer-wrap .bookmark-layer .header-area .arrow { width: 18px; opacity: 0.3; margin: 8px 0; }
.user-tool-layer-wrap .bookmark-layer .header-area a { padding: 5px 10px; display: inline-block; border-radius: 3px; transition: background .25s ease; word-break: break-all; }
.user-tool-layer-wrap .bookmark-layer .header-area a:hover { background: #F3F3F3; }
.user-tool-layer-wrap .bookmark-layer .breadcrumbs { padding: 5px 10px; border-bottom: 1px solid #dee3eb; }
.user-tool-layer-wrap .bookmark-layer .breadcrumbs .breadcrumbs-list {display: inline;}
.user-tool-layer-wrap .bookmark-layer .breadcrumbs .breadcrumbs-list a { font-size: 1.2rem; letter-spacing: 0; font-weight: 500; color: #666; }
.user-tool-layer-wrap .bookmark-layer .breadcrumbs .breadcrumbs-list a:hover { text-decoration: underline; }
.user-tool-layer-wrap .bookmark-layer .breadcrumbs .breadcrumbs-list .arrow { width: 15px; display: inline-block; margin: 3px 5px; opacity: 0.3; }

.user-tool-layer-wrap .bookmark-layer .content-area { padding-bottom: 45px; min-height: 260px; background: #f8f8f8; position: relative; overflow: hidden; }
.user-tool-layer-wrap .bookmark-layer .content-area .btn-area { height: 45px; background: #fff; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; padding: 10px 15px; border-top: 1px solid #dee3eb; }
.user-tool-layer-wrap .bookmark-layer .content-area .btn-area a { font-size: 1.2rem; display: inline-block; line-height: 25px; height: 25px; border-radius: 3px; color: #fff; padding: 0 10px; }
.user-tool-layer-wrap .bookmark-layer .content-area .btn-area .new-folder-btn { background: #149B24; }
.user-tool-layer-wrap .bookmark-layer .content-area .btn-area .save-btn { background: var(--theme-color); float: right; }
.user-tool-layer-wrap .bookmark-layer .content-area .btn-area .cancel-btn { background: #f3f3f3; float: right; color: #999; margin-right: 5px; }
.user-tool-layer-wrap .bookmark-layer .content-area .btn-area .delete-btn { background: #F01545; float: right; }
.user-tool-layer-wrap .bookmark-layer .content-area .option-area { background: #fff; position: absolute; z-index: 3; bottom: 0; left: 0; width: 100%; box-shadow: 0 -180px  5px rgba(0,0,0,0.3); border-top: 1px solid #dee3eb; }
.user-tool-layer-wrap .bookmark-layer .content-area .option-area a { display: block; width: 100%; padding: 10px 15px; border-bottom: 1px solid #eee; font-size: 1.1rem; font-weight: bold; color: #666; transition: background .25s ease; }
.user-tool-layer-wrap .bookmark-layer .content-area .option-area a img { width: 18px; margin-right: 5px; opacity: 0.5; vertical-align: middle; }
.user-tool-layer-wrap .bookmark-layer .content-area .option-area a:hover { background: #f8f8f8; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark { padding: 10px 35px 10px 15px; cursor: pointer; border-bottom: 1px solid #eee; height: 33px; transition: background .25s ease; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #fff; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark:hover { background: #f8f8f8; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.select { background: #4F7FFF; color: #fff; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.select:hover { background: #3D6EF1; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark img.folder-img { width: 15px; height: auto; margin-right: 3px; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark img.doc-img { width: 15px; height: auto; margin-right: 3px; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark .name { font-size: 1.2rem; letter-spacing: 0; line-height: 12px; vertical-align: top; }

.user-tool-layer-wrap .bookmark-layer .content-area .no-bookmark {background-color: #f8f8f8;  text-align: center;    padding-top: 90px; }

.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark .go-btn { position: absolute; z-index: 2; right: 0; width: 33px; height: 32px; background: #fff; top: 0; text-align: center; border-left: 1px solid #EEEEEE; background: #fff; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark .go-btn img { width: 50%; margin-top: 8px; opacity: 0.3; transition: opacity .25s ease; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark .go-btn:hover img { opacity: 1; }

.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change { height: 50px; background: #D6E0FF; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change .go-btn { height: 100%; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change .go-btn img { margin-top: 16px; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change:hover { background: #D6E0FF; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change input[type=text] { height: 100%; width: calc(100% - 35px); border: none; padding-left: 10px; border-radius: 3px; margin-left: 5px; font-size: 1.2rem; transition: box-shadow .25s ease; border: 1px solid #dee3eb; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change input[type=text]:hover,
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change input[type=text]:active,
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change input[type=text]:focus { box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1) inset; }
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change img.folder-img,
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.name-change img.doc-img { margin-top: 8px; }
.user-tool-layer-wrap .bookmark-layer .content-area .btn-area input[type=text] { margin-right:28px;height: 100%; width: calc(100% - 950px); border: none; padding-left: 10px; border-radius: 3px; margin-left: 5px; font-size: 1.2rem; transition: box-shadow .25s ease; border: 1px solid #dee3eb; }
.user-tool-layer-wrap .bookmark-layer .content-area .btn-area input[type=text]:hover,
.user-tool-layer-wrap .bookmark-layer .content-area .btn-area input[type=text]:active,
.user-tool-layer-wrap .bookmark-layer .content-area .btn-area input[type=text]:focus { box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1) inset; }

.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.delete,
.user-tool-layer-wrap .bookmark-layer .content-area>ul>li .bookmark.delete:hover { background: #FF6969; }

.user-tool-layer-wrap .activity-area { margin-top: 20px; overflow: hidden; }
.user-tool-layer-wrap .activity-area .search-area { width: 49%; float: left; background: #fff; border: 1px solid #dee3eb; border-radius: 4px; height: auto; }
.user-tool-layer-wrap .activity-area .analysis-area { width: 49%; float: right; background: #fff; border: 1px solid #dee3eb; border-radius: 4px; height: auto; }
.user-tool-layer-wrap .activity-area .header-area { padding: 15px; border-bottom: 1px solid #dee3eb; cursor: default; }
.user-tool-layer-wrap .activity-area .header-area h3 { font-size: 1.5rem; font-weight: 700; }

.user-tool-layer-wrap .activity-area .content-area table { width: 100%; }
.user-tool-layer-wrap .activity-area .content-area table tbody tr { border-bottom: 1px solid #eee; }
.user-tool-layer-wrap .activity-area .content-area table tbody tr:last-child { border-bottom: none; }
.user-tool-layer-wrap .activity-area .content-area table tbody tr th { background: #f8f8f8; border-right: 1px solid #eee; padding: 5px 15px; font-size: 1.2rem; color: #999; cursor: default; }
.user-tool-layer-wrap .activity-area .content-area table tbody tr th.keyword { width: 70%; }
.user-tool-layer-wrap .activity-area .content-area table tbody tr th:last-child { border-right: none; }
.user-tool-layer-wrap .activity-area .content-area table tbody tr td { border-right: 1px solid #eee; padding: 10px 15px; font-size: 1.2rem; letter-spacing: 0; color: #555; }
.user-tool-layer-wrap .activity-area .content-area table tbody tr td:last-child { border-right: none; }
.user-tool-layer-wrap .activity-area .content-area table tbody tr td a:hover { text-decoration: underline; }
@media all and (max-width: 740px)
{
	.user-tool-layer-wrap .activity-area .search-area { margin-bottom: 20px; }
	.user-tool-layer-wrap .activity-area .search-area,
	.user-tool-layer-wrap .activity-area .analysis-area { width: 100%; float: left; }
	.user-tool-layer-wrap .activity-area .content-area table tbody tr th.keyword { width: 60%; }
} */