/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* Modify Start ***************************************************************************************************************************/
/*----------------------------------------------------------------------------------------------------------------------------------------*/

/* slide menu */
.slidePopupContainer{
	width:486px; 
	height:100%; 
	padding-right:15px; 
	position:fixed;
	background-color: #fff;
}
.slidePopupContainer .slideTitleContainer{
	background: #FFC700;
	box-shadow: 0px 3px 0px 0px #FFDB5E inset, 0px -3px 0px 0px rgba(0, 0, 0, 0.10) inset;
	margin-right: -15px;
}

/* slide title */
.slideTitleContainer h3{font-family:'NanumSquareRound'; font-size:24px; height:65px; line-height:68px; color:#111; font-weight: 600;}
.slideTitleContainer h3.icon_list{
	height:65px; margin-left:25px; background:url('../img/popup/icon-lists.png') 0 19px no-repeat; padding-left:35px;
}
.slideTitleContainer h3.icon_bookmark{height:65px; background:url('../img/popup/icon_bookmark.png') left center no-repeat; padding-left:45px; }
.slideTitleContainer h3.icon_search{height:65px; background:url('../img/popup/icon_search.png') left center no-repeat; padding-left:45px; }
.slideTitleContainer h3.icon_item{height:65px; margin-left:20px; background:url('../img/popup/icon-mylists.png') 0 19px no-repeat; padding-left:40px; }
.slideTitleContainer .btnClose{position:absolute; display:inline-block; top:12px; right:15px;}

.slidePopupContainer .side-list{position:absolute;  left:0; top:65px; bottom:0; width:480px; height:calc(100% - 80px); z-index:1; font-size:24px;}
.slidePopupContainer .side-list .scrollable{position:relative; display:inline-block; width:100%; height:100%;}
.slidePopupContainer .side-list .scrollable .scrollContent{
	width:445px; height:calc(100%); margin-top:20px; margin-left:25px; overflow-y:scroll; overflow-x:hidden
}

.slidePopupContainer .side-list .scrollable #webLinkList.scrollContent{
	height:calc(100% - 20px);
}

.slidePopupContainer .side-list .scrollable-horizontal{overflow-x: auto; overflow-y: hidden; position:relative; display:inline-block; width:100%; height:100%;}

/* slide  - common - check */
.chk{position:relative; cursor:pointer; vertical-align:top;}
.chk input[type=checkbox]{position:absolute; width:1px; height:1px; opacity:0;}
.chk input[type=checkbox] + .ico{position:absolute; display:inline-block; content:''; width:28px; height:28px; background:url('../img/common/chk_box.png') no-repeat; background-size:20px auto; cursor:pointer; background-position: center;}
.chk input[type=checkbox]:checked + .ico{width:28px; height:28px; background:url('../img/common/chk_box_on.png') no-repeat; background-size:20px auto; cursor:pointer; background-position: center;}

/* slide  - 목차 */
.slideListContent .side-list .scrollable .scrollContent{height:calc(100% - 20px);}
.slideListContent li{
	position:relative; width:420px; line-height:36px; font-size:24px; color:#222; border-bottom:1px solid #dddddd; cursor:pointer; font-family:'NanumSquareRound'; font-weight: 600;
	background-color: #F6F4EF;
}
.slideListContent li:hover{color:#00b2e3;}
.slideListContent li p{
	width:100%; line-height:36px; padding:13px 25px; display:block; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis;
	font-family:'NanumSquareRound'; font-weight: 600;
	color: #333;
}
.slideListContent li p.on{}

.slideListContent li .no{font-size:18px; position:absolute; right:20px; top:12px; text-align:right; font-family:'KopubB';}

.slideListContent .menu_sub{/* background:url('../img/popup/list_off.png') 380px 20px no-repeat; padding-right:50px; */ cursor:pointer;}
.slideListContent .menu_sub .menu_sub_contents{}

.slideListContent .menu_sub .menu_sub_contents li.sub_txt{width:420px; margin-left:0px; padding-left:30px; border-top:1px solid #dddddd; border-bottom:none}
.slideListContent .menu_sub .menu_sub_contents li.sub_txt:first-child{margin-top:0px;}
.slideListContent .menu_sub .menu_sub_contents li.sub_txt:last-child{margin-bottom:0px; padding-bottom:0px;}

.slideListContent .menu_sub.collapsed{/* background-image:url('../img/popup/list_on.png') */}

/* slide  - 썸네일 */
.slideThumbnailContent .thumbnailPopup{height:0px !important;}
.slideThumbnailContent .thumbnailPopup > li{position:relative; display:inline-block; float:left; margin:0px 11px;}
.slideThumbnailContent .thumbnailPopup > li:first-child{margin-left:0px;}

.slideThumbnailContent .thumbnailPopup > li img{width:90px; height:120px; opacity:0.6; filter:alpha(opacity=60)}

.slideThumbnailContent .thumbnailPopup > li:hover{}
.slideThumbnailContent .thumbnailPopup > li:hover:after{position:absolute; display:inline-block; width:100%; height:100%; top:0px; left:0px; background:url('../img/popup/icon_goto.png') center center no-repeat; content:'';}

.slideThumbnailContent .thumbnailPopup > li span{position:absolute; left:0px; bottom:10px; height:24px; text-align:center; width:100%; font-size:24px; line-height:24px; color:#fff;}

/* slide  - 썸네일 - pagemove */
.slideThumbnailContent .pagemove{}

.slideThumbnailContent .pagemove .bgGoto{}

.slideThumbnailContent .pagemove .bgGoto[type=number]::-webkit-inner-spin-button,
.slideThumbnailContent .pagemove .bgGoto[type=number]::-webkit-outer-spin-button {}

.slideThumbnailContent .btnGoto{}

.slideThumbnailContent .side-list {top:68px; left:40px; width:calc(100% - 90px); height:160px; margin-top:0px;}

.cbp-spmenu.cbp-spmenu-horizontal{position:absolute; display:inline-block;background:url('../img/thumbnail/thumbnail_bg.png') center center no-repeat; height:0;}
.cbp-spmenu.cbp-spmenu-horizontal .btnClose{position:absolute; display:inline-block; top:2px; left:50%; margin-left:-70px; width:140px; height:40px; cursor:pointer; background:transparent;}

/* slide  - 검색 */
.slideSearchContent{font-family:'KopubB';}
.slideSearchContent .topSearchBox{position:relative; display:inline-block; width:480px; height:160px;}
.slideSearchContent .topSearchBox .searchInput{position:relative; display:inline-block; width:480px; height:100px; background:#fff; border-bottom:2px solid #dddddd; padding:25px; }
.slideSearchContent .topSearchBox .searchInput input{background:#fff; width:330px; height:50px; border:2px solid #dbdbdb; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; line-height:50px; font-size:24px; padding-left:10px; font-family:'KopubB'; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
.slideSearchContent .topSearchBox .searchInput input.select{background:#FFFFCC;}
.slideSearchContent .topSearchBox .searchInput .searchBtn{position:absolute; display:inline-block; width:100px; height:50px; top:25px; right:15px; background:url('../img/popup/btn_search.png') no-repeat; border:0;}
.slideSearchContent .topSearchBox .searchInput .searchBtn:hover{background:url('../img/popup/btn_search_over.png') no-repeat;}

.slideSearchContent .topSearchBox .searchResult{position:relative; display:inline-block; width:480px; height:60px; border-bottom:1px solid #dddddd; padding:0px 20px 0px 40px;}
.slideSearchContent .topSearchBox .searchResult p{font-size:18px; line-height:60px;}
.slideSearchContent span{color:#4c6aa9}

.slideSearchContent .side-list{height:calc(100% - 250px); margin-top:170px;}

.slideSearchContent .searchPopup{padding:0px 20px 0px 10px;}
.slideSearchContent .searchPopup > li{position:relative; display:inline-block; width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dddddd}
.slideSearchContent .searchPopup > li:last-child{border-bottom:none;}

.slideSearchContent .searchPopup .searchImg{position:relative; display:inline-block; width:91px; height:120px;}
.slideSearchContent .searchPopup .searchImg img{width:90px; height:120px; opacity:0.6; filter:alpha(opacity=60)}
.slideSearchContent .searchPopup .searchImg span{position:absolute; left:0px; bottom:10px; height:24px; text-align:center; width:100%; font-size:24px; line-height:24px; color:#fff;}
.slideSearchContent .searchPopup p{position:absolute; display:inline-block; top:0px; left:110px; width:290px; height:120px; font-size:18px; overflow:hidden; text-overflow:ellipsis;}

/* 여기까지 확인 함 */

/* slide  - 내목록 */
.slideItemContent{display:inline-block; font-family:'KopubB';}
.slideItemContent .itemTabMenu{
	position:absolute; 
	display:flex; 
	width: 100%;
	height: 40px;
	top:85px; 
	padding: 0 25px;
	border-bottom: 0;
}
.slideItemContent .itemTabMenu > li{
	width: 50%;
	padding-right: 1px;
}
.slideItemContent .itemTabMenu a{
	text-decoration: none;
}
.slideItemContent .itemTabMenu .itab{
	display: flex;
	width: 100%;
	height: 40px;
	border-radius: 20px 20px 0px 0px;
	background: #C7CACE;
	box-shadow: 0px -2px 0px 0px rgba(0, 0, 0, 0.10) inset;
	align-items: center;
	justify-content: center;
	font-family:'NanumSquareRound';
	font-size: 21px;
	font-weight: 800;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	outline: 0;
}

.slideItemContent .itemTabMenu .itab:hover,
.slideItemContent .itemTabMenu .itab.on{
	background: #FF9005;
	
}



.slideItemContent .itemTabContent{position:absolute; display:inline-block; width:480px; height:calc(100% - 130px); top:130px;}
.slideItemContent .itemTabContent .side-list{top:0px; height:calc(100% - 100px);}
.slideItemContent .itemTabContent .side-list li{position:relative; display:block; margin:0px 10px 0px 10px; font-size:24px; color:#222; height:60px; border-bottom:1px solid #dddddd;}
#bookmarkList li{
	border-bottom: none;
}

.slideItemContent .itemTabContent .side-list #webLinkList li:first-child{
	border-top: 2px solid #CDC4BF;
}
.slideItemContent .itemTabContent .side-list #webLinkList li{
	border-bottom: 1px solid #E3E3E3;
}
.slideItemContent .itemTabContent .side-list #webLinkList li:hover{
	background-color: #F9F6EE;
}
.slideItemContent .itemTabContent .side-list #webLinkList li .flex{
	display: flex;
	align-items: center;
}
.slideItemContent .itemTabContent .side-list #webLinkList li .flex .col{
	display: flex;
	justify-content: center;
	font-size: 18px;
	font-family: NanumSquareRound;
	font-weight: 500;
}
.slideItemContent .itemTabContent .side-list #webLinkList li .flex .col .chk .ico{
	position: static;
}

.slideItemContent .itemTabContent .side-list #webLinkList li .flex .col.col-1{
	width: 70px;
}
.slideItemContent .itemTabContent .side-list #webLinkList li .flex .col.col-2{
	width: 70px;
	justify-content: start;
	cursor: pointer;
}
.slideItemContent .itemTabContent .side-list #webLinkList li .flex .col.col-3{
	width: 220px;
	justify-content: start;
	cursor: pointer;
}
.slideItemContent .itemTabContent .side-list #webLinkList li .flex .col.col-4{
	width: 80px;
}

.webLinkList_head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	font-family: NanumSquareRound;
	font-weight: 600;
	padding: 0 29px 0 18px;
	position: relative;
	top: 8px;
}
.webLinkList_head .col{
	display: flex;
	align-items: center;
	justify-content: center;
}
.webLinkList_head .col:after{
	content: "";
	width: 15px;
	height: 15px;
	background-image: url('../img/popup/sort.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: 5px;
	opacity: .2;
}
.webLinkList_head .col.col-1{
	width: 70px;
}
.webLinkList_head .col.col-1:after{
	content: none;
}
.webLinkList_head .col.col-2{
	width: 70px;
	justify-content: start;
}
.webLinkList_head .col.col-3{
	width: 220px;
}
.webLinkList_head .col.col-4{
	width: 80px;
}


.slideItemContent .slideLinkContent .chk .ico{position:absolute; top:3px;}
.slideItemContent .slideLinkContent p{
	padding-left:15px;
}

/* slide  - 내목록 - bookmarks */
.slideItemContent .itemTabContent .side-list .slideBookmarksContent{}
.slideItemContent .itemTabContent .side-list .slideBookmarksContent li{
	position:relative;
	margin:10px 0px 0px 10px;
	padding-left:20px;
	font-size:24px;
	color:#222;
	width:130px;
	height:200px;
	float:left;
}
.slideItemContent .itemTabContent .side-list .slideBookmarksContent li .chk{float:left;}
.slideItemContent .itemTabContent .side-list .slideBookmarksContent .bookmarksImg{position:relative; display:inline-block; width:93px; height:122px; cursor:pointer; border:0px solid #dddddd; margin-top:-10px; background-color: transparent !important;}
.slideItemContent .itemTabContent .side-list .slideBookmarksContent .bookmarksImg > img{
	width:91px; height:120px;
	border: 1px solid #999;
	border-radius: 2px;
}
.slideItemContent .itemTabContent .side-list .slideBookmarksContent .bookmarksImg:hover{}
.slideItemContent .itemTabContent .side-list .slideBookmarksContent .bookmarksImg:hover:after{
	position:absolute; display:inline-block; 
	width:91px; height:120px;
	top:0px; left:0px; background:rgba(0,0,0,0.2) url('../img/popup/icon_goto.png') center center no-repeat; content:'';
}
.slideItemContent .itemTabContent .side-list .slideBookmarksContent .bookmarksTxt{
	display: inline-block;
	float: left;
	width: 150px;
	text-align: left;
	font-size: 18px;
	height: 41px;
	margin: 13px 0px 0px 30px;
	font-family: 'NanumSquareRound';
	font-weight: 500;
}

.slideItemContent .chk{margin-top:10px;}
.slideItemContent .itemSelect{position:absolute; display:inline-block; bottom:0px; left:0px; width:100%; height:65px; padding-top:8px; border-top:1px solid #dddddd;}
.slideItemContent .itemSelect .itemAdd{position:absolute; display:inline-block; top:7px; right:160px; width:134px; height:50px; background:url('../img/popup/btn_bookmarks_add.png') no-repeat; cursor:pointer; border:0; outline:0; font-size:0}
.slideItemContent .itemSelect .itemDel{position:absolute; display:inline-block; top:10px; right:20px; width:143px; height:43px; background:url('../img/popup/btn_bookmarks_del.png') no-repeat; cursor:pointer; border:0; outline:0; font-size:0}
.slideItemContent .itemSelect .chk{position:absolute; display:inline-block; top:8px; left:20px;}
.slideItemContent .itemSelect .chk input[type=checkbox] + .ico{width:108px; height:30px; background:url('../img/popup/chk_box_bookmarks.png') no-repeat;}
.slideItemContent .itemSelect .chk input[type=checkbox]:checked + .ico{width:108px; height:32px; background:url('../img/popup/chk_box_bookmarks_on.png') no-repeat;}

/* slide  - 내목록 */
.slideItemContent .itemTabContent .side-list .slideBoardContent{display:inline-block; float:left; width:460px; text-align:left; font-size:24px; margin-left:10px;}
.slideItemContent .itemTabContent .side-list .slideBoardContent li{padding-top:5px;}
.slideItemContent .itemTabContent .side-list .slideBoardContent p{position:absolute; display:inline-block; top:-5px; left:45px; font-weight:500; width:325px; height:35px; overflow:hidden; text-overflow:ellipsis;}
.slideItemContent .itemTabContent .side-list .slideBoardContent .writeDate{position:absolute; display:inline-block; top:5px; left:220px; font-size:18px; font-family:'KopubB'; text-align:right; width:100px;}
.slideItemContent .slideBoardContent .chk{position:relative; display:block;}
.slideItemContent .slideBoardContent .chk input[type=checkbox]:checked + .ico + p{color:#ff8600;}

.slideItemContent .itemTabContent .side-list .slideWriteContent{display:inline-block; float:left; width:460px; text-align:left; font-size:24px; margin-left:10px;}
.slideItemContent .itemTabContent .side-list .slideWriteContent li{padding-top:5px;}
.slideItemContent .itemTabContent .side-list .slideWriteContent p{position:absolute; display:inline-block; top:-5px; left:45px; font-weight:500; width:325px; height:35px; overflow:hidden; text-overflow:ellipsis;}
.slideItemContent .itemTabContent .side-list .slideWriteContent .writeDate{position:absolute; display:inline-block; top:5px; left:220px; font-size:18px; font-family:'KopubB'; text-align:right; width:100px;}
.slideItemContent .slideWriteContent .chk{position:relative; display:block;}
.slideItemContent .slideWriteContent .chk input[type=checkbox]:checked + .ico + p{color:#ff8600;}

.slideItemContent .itemTabContent .side-list .slideLinkContent{display:inline-block; float:left; width:460px; text-align:left; font-size:24px; margin-left:10px;}
.slideItemContent .itemTabContent .side-list .slideLinkContent li{padding-top:5px;}
.slideItemContent .itemTabContent .side-list .slideLinkContent p {
	position: absolute;
	display: inline-block;
	top: 14px;
	left: 40px;
	font-weight: 500;
	width: 390px;
	height: 35px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.slideItemContent .itemTabContent .side-list .slideLinkContent .writeDate{
	position:absolute;display:inline-block;top:5px;
	left:284px;
	font-size:18px;
	font-family:'KopubB';
	text-align:right;
	width:100px;
}
.slideItemContent .slideLinkContent .chk{position:relative; display:block;}
.slideItemContent .slideLinkContent .chk input[type=checkbox]:checked + .ico + p{color:#ff8600;}


/*----------------------------------------------------------------------------------------------------------------------------------------*/
/* Modify End *****************************************************************************************************************************/
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.cbp-spmenu a{}
.cbp-spmenu a:hover{}
.cbp-spmenu a:active{}

.cbp-spmenu-vertical{height:100%; top:0; z-index:1000;}
.cbp-spmenu-vertical a{}

.cbp-spmenu-horizontal{width:100%; height:251px; left:0; z-index:1000; overflow:hidden;}
.cbp-spmenu-horizontal a{}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left{left:-485px;}
.cbp-spmenu-right{right:-485px;}

.cbp-spmenu-left.cbp-spmenu-open{left:0px;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}

/* Horizontal menu that slides from the top or bottom */
.cbp-spmenu-top{top:-251px;}
.cbp-spmenu-bottom{bottom:120px; height:0px;}

.cbp-spmenu-top.cbp-spmenu-open{top:0px;}
.cbp-spmenu-bottom.cbp-spmenu-open{bottom:120px; height:250px;}

/* Push classes applied to the body */
.cbp-spmenu-push{overflow-x:hidden; position:relative; left:0;}

.cbp-spmenu-push-toright{left:240px;}
.cbp-spmenu-push-toleft{left:-240px;}

/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease;transition:all 0.3s ease;}

/* Example media queries */
@media (max-width:480px) {
	.slidePopupContainer {width:300px;}
}