.popup-btn {height:35px;font-size:17px;color:#2f2f2f;text-align:center;border-radius:5px;background-color:#ffffff;border:solid 1px #2f2f2f;box-sizing:border-box;cursor:pointer;}
.popup-wrap-box {width:100%;height:35px;border-radius:5px;background-color:#f2f2f2;}

.popup-body ul li {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*.popup-body ul li:hover {background-color:#fffae1;}*/
/*.popup-body ul li:active {background-color:#fffae1;color:#0073a3;}*/
.popup-body input[type="checkbox"] {background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;}
.popup-body input[type="checkbox"]:disabled {opacity:0.5;cursor:default;}

/* popup header */
.popup-head {position:relative;width:100%;background-color:#2f2f2f;color:#ffffff;border-radius:11px 11px 0px 0px;cursor:move;}
.popup-head > .icon {float:left;height:100%;}
.popup-head > .title {float:left;height:100%;}
.popup-head > .close {float:right;cursor:pointer;}
.popup-head .search-keyword {float:left;cursor:pointer;background-color:#ffffff;background-position:right center;background-repeat:no-repeat;border-radius:4px;}
.popup-head .search-keyword input[type="search"] {margin:0px;padding:0px;color:#313131;-webkit-appearance:none;appearance:none;border:none;outline:none;}

.popup-draw-head {position:relative;width:100%;background-color:#2f2f2f;color:#ffffff;border-radius:11px 11px 0px 0px;cursor:move;}
.popup-draw-head > .close {float:right;cursor:pointer;}

/* search engine icons */
.search-icons {position:relative;padding:10px;width:100%;background-color:#ffffff;border-bottom:solid 1px #2f2f2f;}
.search-icons > .engine-icon {padding:10px;cursor:pointer;}

/* popup header */
.popup-head-fix {position:relative;width:100%;height:45px;background-color:#2f2f2f;color:#ffffff;border-radius:11px 11px 0px 0px;}
.popup-head-fix * {font-size:16px;}
.popup-head-fix > .icon-fix {float:left;width:45px;height:45px;}
.popup-head-fix > .title-fix {float:left;height:100%;line-height:45px;}
.popup-head-fix > .close {float:right;margin-right:15px;margin-top:14px;width:17px;height:17px;background:url("../imgs/t1/popup_close_nor.png") no-repeat center;cursor:pointer;}
.popup-head-fix > .reload {float:right;margin-right:10px;margin-top:14px;width:21px;height:17px;background:url("../imgs/t1/popup_reload_nor.png") no-repeat center;cursor:pointer;}

/* popup header height : 45 */
/* popup header close button margin right : 15 */
/* popup header icon : 50 * 45 */
#body[menu-size="t0"] .popup-head {height:34px;border-radius:8px 8px 0px 0px;}
#body[menu-size="t0"] .popup-head * {font-size:12px;}
#body[menu-size="t0"] .popup-head .title {line-height:34px;}
#body[menu-size="t0"] .popup-head .close {margin-right:11px;margin-top:10px;width:13px;height:13px;background:url("../imgs/t0/popup_close_nor.png") no-repeat center;}
#body[menu-size="t0"] .popup-head .search-keyword {margin-left:13px;margin-top:6px;width:150px;height:21px;background-image:url("../imgs/t0/arrow_nor.png");}
#body[menu-size="t0"] .popup-head .search-keyword:hover {background-image:url("../imgs/t0/arrow_hover.png");}
#body[menu-size="t0"] .popup-head .search-keyword:active {background-image:url("../imgs/t0/arrow_press.png");}
#body[menu-size="t0"] .popup-head input[type="search"] {margin-left:6px;width:129px;font-size:10px;}

#body[menu-size="t0"] .search-icons {height:34px;}
#body[menu-size="t0"] .search-icons > .engine-icon {width:14px;height:14px;}


/* popup header height : 45 */
/* popup header close button margin right : 15 */
/* popup header icon : 50 * 45 */
#body[menu-size="t1"] .popup-head * {font-size:16px;}
#body[menu-size="t1"] .popup-head {height:45px;}
#body[menu-size="t1"] .popup-head .title {line-height:45px;}
#body[menu-size="t1"] .popup-head .close {margin-right:15px;margin-top:14px;width:17px;height:17px;background:url("../imgs/t1/popup_close_nor.png") no-repeat center;}
#body[menu-size="t1"] .popup-head .search-keyword {margin-left:16px;margin-top:9px;width:200px;height:27px;background-image:url("../imgs/t1/arrow_nor.png");}
#body[menu-size="t1"] .popup-head .search-keyword:hover {background-image:url("../imgs/t1/arrow_hover.png");}
#body[menu-size="t1"] .popup-head .search-keyword:active {background-image:url("../imgs/t1/arrow_press.png");}
#body[menu-size="t1"] .popup-head input[type="search"] {margin-left:8px;width:171px;font-size:14px;}

#body[menu-size="t1"] .search-icons {height:45px;}
#body[menu-size="t1"] .search-icons > .engine-icon {width:25px;height:25px;}

/* popup header height : 60 */
/* popup header close button margin right : 20 */
/* popup header icon : 65 * 60 */
#body[menu-size="t2"] .popup-head * {font-size:20px;}
#body[menu-size="t2"] .popup-head {height:56px;}
#body[menu-size="t2"] .popup-head .title {line-height:56px;}
#body[menu-size="t2"] .popup-head .close {margin-right:18px;margin-top:17px;width:21px;height:21px;background:url("../imgs/t2/popup_close_nor.png") no-repeat center;}
#body[menu-size="t2"] .popup-head .search-keyword {margin-left:20px;margin-top:12px;width:250px;height:33px;background-image:url("../imgs/t2/arrow_nor.png");}
#body[menu-size="t2"] .popup-head .search-keyword:hover {background-image:url("../imgs/t2/arrow_hover.png");}
#body[menu-size="t2"] .popup-head .search-keyword:active {background-image:url("../imgs/t2/arrow_press.png");}
#body[menu-size="t2"] .popup-head input[type="search"] {margin-left:10px;width:219px;font-size:17px;}

#body[menu-size="t2"] .search-icons {height:56px;}
#body[menu-size="t2"] .search-icons > .engine-icon {width:36px;height:36px;}

/* popup body */
.popup-body {position:relative;width:100%;height:auto;background-color:#ffffff;color:#313131;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;}
/*.popup-body #sub_menu li {padding-left:40px;padding-right:10px;}*/
.popup-body #sub_menu li {}
.popup-body .searched-page {border-collapse:collapse;}
.popup-body .searched-page tr {border-bottom:solid 1px #a1a1a1;background-color:#ffffff;}
.popup-body .searched-page td {color:#2f2f2f;}
/*.popup-body .searched-page:nth-child(2n) {background-color:#f6f3ee;}*/
/*.popup-body .searched-page tr:hover {background-color:#e3dfd9;}*/
/*.popup-body .searched-page tr:active {background-color:#fffae1;color:#0073a3;}*/
.popup-body .searched-page td.idx {padding:12px;width:40px;font-size:18pt;text-align:center;}
.popup-body .searched-page td.preview {width:176px;background-position:top center;background-repeat:no-repeat;background-size:contain;}
.popup-body .searched-page td.preview img {margin:5px;border:solid 1px #a1a1a1;}
.popup-body .searched-page td.text {padding:12px;font-size:14px;vertical-align:text-top;}

.popup-body li[data-state="show"] div[data-type="dropdown"] {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);transition:transform 0.2s;}
.popup-body li[data-state="hide"] div[data-type="dropdown"] {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);transition:transform 0.2s;}


/*#body[menu-size="t0"] .popup-body {border-radius:0px 0px 8px 8px;}*/
#body[menu-size="t0"] .popup-body * {font-size:12px;}
#body[menu-size="t0"] .popup-body .menu-name {margin-left:11px;}
#body[menu-size="t0"] .popup-body div[data-type="dropdown"] {margin-right:11px;}
#body[menu-size="t0"] .popup-body ul li {height:34px;}
#body[menu-size="t0"] .popup-body ul li > span {line-height:34px;}

/*#body[menu-size="t1"] .popup-body {border-radius:0px 0px 11px 11px;}*/
#body[menu-size="t1"] .popup-body * {font-size:16px;}
#body[menu-size="t1"] .popup-body .menu-name{margin-left:15px;}
#body[menu-size="t1"] .popup-body div[data-type="dropdown"] {margin-right:15px;}
#body[menu-size="t1"] .popup-body ul li {height:45px;}
#body[menu-size="t1"] .popup-body ul li > span {line-height:45px;}

/*#body[menu-size="t2"] .popup-body {border-radius:0px 0px 11px 11px;}*/
#body[menu-size="t2"] .popup-body * {font-size:20px;}
#body[menu-size="t2"] .popup-body .menu-name{margin-left:18px;}
#body[menu-size="t2"] .popup-body div[data-type="dropdown"] {margin-right:18px;}
#body[menu-size="t2"] .popup-body ul li {height:56px;}
#body[menu-size="t2"] .popup-body ul li > span {line-height:56px;}

/* popup footer */
.popup-foot {position:relative;width:100%;}
#body[menu-size="t0"] .popup-foot {height:23px;}
#body[menu-size="t1"] .popup-foot {height:23px;}
#body[menu-size="t2"] .popup-foot {height:30px;}

/* floating footer */
.floating-foot {position:relative;width:100%;height:11px;}
.floating-foot > .resize {position:absolute;right:0px;bottom:0px;cursor:nw-resize;opacity:0;}
.floating-foot > .resize:hover {position:absolute;right:0px;bottom:0px;cursor:nw-resize;opacity:1;}

/*#body[menu-size="t0"] .floating-foot {height:23px;}*/
/*#body[menu-size="t0"] .floating-foot.search {height:42px;}*/
#body[menu-size="t0"] .floating-foot > .resize {right:0px;bottom:0px;width:18px;height:18px;background:url('../imgs/t0/popup_size.png') no-repeat center;}

/*#body[menu-size="t1"] .floating-foot {height:23px;}*/
/*#body[menu-size="t1"] .floating-foot.search {height:42px;}*/
#body[menu-size="t1"] .floating-foot > .resize {right:0px;bottom:0px;width:18px;height:18px;background:url('../imgs/t1/popup_size.png') no-repeat center;}

/*#body[menu-size="t2"] .floating-foot {height:30px;}*/
/*#body[menu-size="t2"] .floating-foot.search {height:54px;}*/
#body[menu-size="t2"] .floating-foot > .resize {right:0px;bottom:0px;width:21px;height:21px;background:url('../imgs/t2/popup_size.png') no-repeat center;}

.resize-wnd-node {position:absolute;background-color:transparent;}
.resize-wnd-node .vt {left:0px;top:0px;width:100%;height:5px;cursor:n-resize;}
.resize-wnd-node .vb {left:0px;bottom:0px;width:100%;height:5px;cursor:n-resize;}
.resize-wnd-node .hl {left:0px;top:0px;height:100%;width:5px;cursor:e-resize;}
.resize-wnd-node .hr {right:0px;top:0px;height:100%;width:5px;cursor:e-resize;}

.full-popup-head {position:absolute;top:0px;left:0px;width:100%;height:54px;background-color:#ffffff;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);overflow:hidden;}
.full-popup-head .full-btn {position:relative;float:right;margin-top:4px;width:45px;height:45px;cursor:pointer;transition:}
.full-popup-head .full-btn.close {background-image:url("../imgs/ui/popup/bookpage_close.png");background-repeat:no-repeat;background-position:center;background-color:#2f2f2f;}
.full-popup-head .full-btn.refresh {background-image:url("../imgs/ui/popup/bookpage_retry.png");background-repeat:no-repeat;background-position:center;background-color:#2f2f2f;}
.full-popup-head .full-btn.bookmark {background-repeat:no-repeat;background-position:center;background-color:#2f2f2f;}
.full-popup-head .full-btn.bookmark.on {background-image:url("../imgs/ui/popup/bookmark_on.png");}
.full-popup-head .full-btn.bookmark.off {background-image:url("../imgs/ui/popup/bookmark_off.png");}
.full-popup-head .full-btn.bookmark .exist-bookmark {display:none;position:absolute;left:2px;top:4px;width:18px;height:18px;font-size:13px;line-height:18px;background-color:red;border-radius:50%;color:#ffffff;text-align:center;font-weight:bold;}
.full-popup-head .full-btn.home {background-image:url("../imgs/ui/popup/bookpage_home.png");background-repeat:no-repeat;background-position:center;background-color:#2f2f2f;}

.full-title {float:left;margin:0px 0px 0px 50px;width:auto;height:54px;font-size:22px;text-align:left;line-height:54px;box-sizing:border-box;} 
.full-title > .icon-fix {float:left;width:54px;height:54px;background-repeat:no-repeat;background-position:center;background-size:contain;}
.full-title > .title-fix {float:left;height:100%;}
.book-content-top {float:left;margin:9px 0px 0px 50px;width:240px;height:36px;font-size:18px;color:#ffffff;text-align:left;line-height:36px;background-color:#2f2f2f;border-radius:5px;box-sizing:border-box;cursor:pointer;}
.book-content-top > div {padding:0px 9px 0px 12px;}
.book-content-top > div:hover {background-color:rgba(255,255,255,0.2);}
.book-content-top > div:active {background-color:rgba(255,255,255,0.4);}
.book-content-top span {display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.book-content-top .drop-down {float:right;margin-top:12px;width:11px;height:11px;background:url('../imgs/ui/popup/group_open.png') no-repeat center;}
.book-content-top .drop-down[data-op="show"] {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);transition:transform 0.2s;}
.book-content-top .drop-down[data-op="hide"] {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);transition:transform 0.2s;}
.book-content-top-next {float:left;margin:9px 0px 0px 9px;padding:0px 12px 0px 12px;width:380px;height:36px;font-size:18px;color:#2f2f2f;text-align:left;line-height:36px;background-color:#ffffff;border-radius:5px;border:solid 1px #2f2f2f;box-sizing:border-box;}

.book-content-navi {float:left;margin:9px 0px 0px 40px;width:182px;height:36px;box-sizing:border-box;}
.book-content-navi .navi-btn {float:left;margin-top:3px;width:16px;height:29px;background-repeat:no-repeat;background-position:center;cursor:pointer;background-color:#2f2f2f;}
.book-content-navi .navi-btn.left {background-image:url("../imgs/ui/popup/page_left.png");}
.book-content-navi .navi-btn.right {background-image:url("../imgs/ui/popup/page_right.png");}
.book-content-navi div[data-op="left-end"] {opacity:0.3;cursor:default;}
.book-content-navi div[data-op="left"] {opacity:1;}
.book-content-navi div[data-op="left"]:hover {opacity:0.6;}
.book-content-navi div[data-op="left"]:active {opacity:0.4;}
.book-content-navi div.book-paging {float:left;margin-left:20px;width:110px;height:36px;color:#2f2f2f;text-align:center;line-height:36px;font-size:18px;background-color:#ffffff;border-radius:5px;border:solid 1px #2f2f2f;box-sizing:border-box;}
.book-content-navi div[data-op="right-end"] {margin-left:20px;opacity:0.3;cursor:default;}
.book-content-navi div[data-op="right"] {margin-left:20px;opacity:1;}
.book-content-navi div[data-op="right"]:hover {opacity:0.6;}
.book-content-navi div[data-op="right"]:active {opacity:0.4;}

.book-content-page {float:left;margin:9px 0px 0px 40px;width:140px;height:36px;box-sizing:border-box;font-size:18px;color:#2f2f2f;text-align:center;line-height:36px;border:solid 1px #2f2f2f;}
.book-content-head-btns {position:absolute;padding:0px;padding-right:22px;margin:0px;right:0px;top:0px;width:135px;height:100%;background-color:white;}

.book-content-body {position:absolute;padding:0px 0px 0px 0px;left:50px;width:auto;min-width:440px;font-size:18px;overflow-x:hidden;overflow-y:visible;border-radius:7px;background-color:#ffffff;box-sizing:border-box;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);transition:top 0.3s;-webkit-transition:top 0.3s;}
.book-content-body ul {font-size:inherit;}
.book-content-body li {height:36px;font-size:inherit;color:#2f2f2f;text-align:left;background-color:#ffffff;box-sizing:border-box;cursor:pointer;}
.book-content-body li.over {background-color:rgba(255,255,255,0.2);}
.book-content-body li.down {background-color:rgba(255,255,255,0.4);}
.book-content-body li.selected {background-color:rgba(255,255,255,0.4);}
.book-content-body li span {display:inline-block;margin-left:12px;max-width:300px;overflow:hidden;line-height:36px;text-overflow:ellipsis;white-space:nowrap;}
.book-content-body li .drop-down {float:right;margin-right:12px;margin-top:12px;width:11px;height:11px;background:url('../imgs/ui/popup/group_open_b.png') no-repeat center;}
.book-content-body li[data-op="group_show"] .drop-down {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);transition:transform 0.2s;}
.book-content-body li[data-op="group_hide"] .drop-down {-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);transition:transform 0.2s;}
.book-content-body ul > li > ul > li > span {margin-left:22px;margin-right:22px;max-width:1200px;}
.book-content-body li[data-root] {transition:height 0.3s;-webkit-transition:height 0.3s;}
.book-content-body ul[data-pidx] {border-top:solid 1px #a3aeaf;border-bottom:solid 1px #a3aeaf;}
.book-content-body ul[data-pidx][data-state="hide"] {border-top:none;border-bottom:none;}
.book-content-body ul[data-pidx][data-state="show"] {border-top:solid 1px #a3aeaf;border-bottom:solid 1px #a3aeaf;}

.full-popup-frame .title {position:absolute;top:10px;left:10px;cursor:pointer;line-height:45px;font-size:16px;color:#313131;}

.full-popup-body {position:absolute;left:0px;margin:0px;padding:0px;width:100%;background-color:transparent;border:none;}

/* opcity type 2 use only css*/
.opcaity-wrapper {position:relative;float:right;height:30px;width:66px;}
.opacity-bar {margin-top:23px;width:100%;height:4px;border-radius:2px;background-color:#cfcfcf;cursor:default;}
.opacity-handle {position:absolute;width:12px;height:12px;border-radius:50%;border:solid 1px #464646;background-color:#ffffff;box-sizing:border-box;cursor:pointer;}
.opacity-handle:hover {}
.opacity-handle:active {background-color:#cfcfcf;}

#body[menu-size="t0"] .opcaity-wrapper {margin-top:9px;margin-right:17px;}
#body[menu-size="t1"] .opcaity-wrapper {margin-top:9px;margin-right:17px;}
#body[menu-size="t2"] .opcaity-wrapper {margin-top:16px;margin-right:17px;}

/* dialog popup */
.dialog-frame .wrapper {padding:50px 35px 50px 35px;}
.dialog-frame .header {height:52px;width:100%;}
.dialog-frame .header.info {background:url("../imgs/ui/popup/deco_alert.png") no-repeat center;}
.dialog-frame .header.error {background:url("../imgs/ui/popup/deco_alert.png") no-repeat center;}
.dialog-frame .header.warning {background:url("../imgs/ui/popup/deco_alert.png") no-repeat center;}
.dialog-frame .header.success {background:url("../imgs/ui/popup/deco_alert.png") no-repeat center;}

.dialog-frame .body {padding:24px 0px 24px 0px;font-size:1em;line-height:1.4em;}
.dialog-frame .body > table {width:100%;height:auto;word-wrap:break-word;word-break:break-all;white-space:pre-wrap;font-size:1em;line-height:1.4em;text-align:center;}
.dialog-frame .body > table tr td {margin:0px;padding:0px;border:none;}

.dialog-frame .footer {margin:0px auto 0px auto;height:35px;box-sizing:border-box;}
.dialog-frame .footer .popup-btn {float:left;width:100px;}

/* search popup */
#searched_list {cursor:pointer;border-bottom:solid 1px #d0d0d0;}
#searched_list:hover {background-color:#fffae1;}
#searched_list.selected {background-color:#fffae1;}
#searched_list .page-idx {text-align:center;}
#searched_list .page-preview {border:solid 1px #d0d0d0;background-size:contain;background-repeat:no-repeat;background-position:center;}
#searched_list .page-content {position:relative;flex:1;-ms-flex:1;word-break:break-all;line-height:1.3em;overflow:hidden;}
#searched_list .page-expand {position:absolute;opacity:0;transition:opacity 0.3s;-webkit-transition:opacity 0.3s;cursor:pointer;}

#body[menu-size="t0"] #searched_list {padding:9px 0px 9px 0px;}
#body[menu-size="t0"] #searched_list .page-idx {width:31px;font-size:12px;}
#body[menu-size="t0"] #searched_list .page-preview {width:115px;}
#body[menu-size="t0"] #searched_list .page-content {padding:0px 17px 0px 17px;font-size:14px;}
#body[menu-size="t0"] #searched_list .page-content > span {font-size:10px;}
#body[menu-size="t0"] #searched_list .page-expand {right:4px;bottom:4px;width:12px;height:10px;background:url("../imgs/t0/search_more.png") no-repeat center;}

#body[menu-size="t1"] #searched_list {padding:12px 0px 12px 0px;}
#body[menu-size="t1"] #searched_list .page-idx {width:40px;font-size:16px;}
#body[menu-size="t1"] #searched_list .page-preview {width:154px;}
#body[menu-size="t1"] #searched_list .page-content {padding:0px 24px 0px 24px;}
#body[menu-size="t1"] #searched_list .page-content > span {font-size:14px;}
#body[menu-size="t1"] #searched_list .page-expand {right:4px;bottom:4px;width:16px;height:12px;background:url("../imgs/t1/search_more.png") no-repeat center;}

#body[menu-size="t2"] #searched_list {padding:15px 0px 15px 0px;}
#body[menu-size="t2"] #searched_list .page-idx {width:51px;font-size:20px;}
#body[menu-size="t2"] #searched_list .page-preview {width:191px;}
#body[menu-size="t2"] #searched_list .page-content {padding:0px 30px 0px 30px;}
#body[menu-size="t2"] #searched_list .page-content > span {font-size:17px;}
#body[menu-size="t2"] #searched_list .page-expand {right:6px;bottom:6px;width:21px;height:15px;background:url("../imgs/t2/search_more.png") no-repeat center;}

/* Bookmark */
.bookmark-div {background-color:#ffffff;}
.bookmark-div.down {background-color:#fffae1;color:#0073a3;}
.bookmark-div.selected {background-color:#fffae1;}
.bookmark-div:hover {background-color:#fffae1;}
.bookmark-div input[type="checkbox"] {flex-shrink:0;-webkit-flex-shrink:0;}
.bookmark-idx {color:#2f2f2f;text-align:center;cursor:pointer;}
.bookmark-move-icon {width:60px;height:100%;background:url('../imgs/ui/bookmark/shortcut.png') no-repeat center;cursor:pointer;}
.bookmark-txt {flex:1;-ms-flex:1;color:#2f2f2f;border:solid 1px transparent;-webkit-appearance:none;appearance:none;outline:none;background-color:transparent;}
.bookmark-txt.prog-page {flex:none;-ms-flex:none;margin-left:20px;width:40px;text-align:center;}
.bookmark-txt:focus {border:solid 1px #777777;}

.bookmark-div.prog-type {padding-left:20px;background-color: #f2f2f2;}
.bookmark-div.prog-type:hover {background-color: #f2f2f2;}
.bookmark-div.selected .prog-page {cursor:default;}
.bookmark-div .prog-go {margin-right:10px;}
.bookmark-div .prog-class {flex:none;-ms-flex:none;width:130px;text-align:center;}
.bookmark-div .prog-utime {flex:1;padding-left:20px;text-align:center;}

.bookmark-btn-wrapper {width:100%;border-bottom:solid 1px #d0d0d0;}
.bookmark-btn-wrapper input[type="checkbox"] {float:left;}
.bookmark-btn {float:left;background-repeat:no-repeat;background-position:left;cursor:pointer;outline:none;border:solid 1px #2f2f2f;border-radius:3px;}
.bookmark-btn:hover {opacity:0.6;}
.bookmark-btn:active {opacity:0.4;}
.bookmark-btn[data-op="no_delete"] {opacity:0.4;cursor:default;}
.bookmark-btn[data-op="no_delete"]:hover {opacity:0.4;}
.bookmark-btn[data-op="no_delete"]:active {opacity:0.4;}

.bookmark-content-wrapper {width:100%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;}
.bookmark-div .bookmark-idx {font-size:1em;text-align:left;}

/* t0 start */
#body[menu-size="t0"] input[type="checkbox"] {width:12px;height:12px;background-image:url("../imgs/ui/bookmark/t0/search_check_nor.png");}
#body[menu-size="t0"] input[type="checkbox"]:checked {background-image:url("../imgs/ui/bookmark/t0/search_check_selected.png");}
#body[menu-size="t0"] .bookmark-btn-wrapper {height:34px;}
#body[menu-size="t0"] .bookmark-btn-wrapper input[type="checkbox"] {margin-left:11px;margin-top:11px;}
#body[menu-size="t0"] .bookmark-btn {width:50px;height:23px;padding-left:20px;}
#body[menu-size="t0"] .bookmark-btn[data-op="add"] {margin-left:11px;margin-top:5px;background-image:url("../imgs/ui/bookmark/t0/bookmark_add.png");}
#body[menu-size="t0"] .bookmark-btn[data-op="no_delete"] {margin-left:6px;margin-top:5px;background-image:url("../imgs/ui/bookmark/t0/bookmark_delete.png");}
#body[menu-size="t0"] .bookmark-btn[data-op="delete"] {margin-left:6px;margin-top:5px;background-image:url("../imgs/ui/bookmark/t0/bookmark_delete.png");}
#body[menu-size="t0"] .bookmark-div {height:34px;}
#body[menu-size="t0"] .bookmark-div input[type="checkbox"] {margin-left:11px;}
#body[menu-size="t0"] .bookmark-div .bookmark-idx {margin-left:11px;width:38px;}
#body[menu-size="t0"] .bookmark-div .bookmark-txt {margin-right:4px;padding-left:4px;height:24px;}
/* t1 start */
#body[menu-size="t1"] input[type="checkbox"] {width:16px;height:16px;background-image:url("../imgs/ui/bookmark/t1/search_check_nor.png");}
#body[menu-size="t1"] input[type="checkbox"]:checked {background-image:url("../imgs/ui/bookmark/t1/search_check_selected.png");}
#body[menu-size="t1"] .bookmark-btn-wrapper {height:45px;}
#body[menu-size="t1"] .bookmark-btn-wrapper input[type="checkbox"] {margin-left:15px;margin-top:14px;}
#body[menu-size="t1"] .bookmark-btn {width:67px;height:29px;padding-left:28px;}
#body[menu-size="t1"] .bookmark-btn[data-op="add"] {margin-left:15px;margin-top:8px;background-image:url("../imgs/ui/bookmark/t1/bookmark_add.png");}
#body[menu-size="t1"] .bookmark-btn[data-op="no_delete"] {margin-left:8px;margin-top:8px;background-image:url("../imgs/ui/bookmark/t1/bookmark_delete.png");}
#body[menu-size="t1"] .bookmark-btn[data-op="delete"] {margin-left:8px;margin-top:8px;background-image:url("../imgs/ui/bookmark/t1/bookmark_delete.png");}
#body[menu-size="t1"] .bookmark-div {height:45px;}
#body[menu-size="t1"] .bookmark-div input[type="checkbox"] {margin-left:15px;}
#body[menu-size="t1"] .bookmark-div .bookmark-idx {margin-left:15px;width:50px;}
#body[menu-size="t1"] .bookmark-div .bookmark-txt {margin-right:6px;padding-left:6px;height:30px;}
/* t2 start */
#body[menu-size="t2"] input[type="checkbox"] {width:20px;height:20px;background-image:url("../imgs/ui/bookmark/t1/search_check_nor.png");}
#body[menu-size="t2"] input[type="checkbox"]:checked {background-image:url("../imgs/ui/bookmark/t2/search_check_selected.png");}
#body[menu-size="t2"] .bookmark-btn-wrapper {height:56px;}
#body[menu-size="t2"] .bookmark-btn-wrapper input[type="checkbox"] {margin-left:18px;margin-top:18px;}
#body[menu-size="t2"] .bookmark-btn {width:83px;height:36px;margin-top:10px;border-radius:4px;padding-left:36px;}
#body[menu-size="t2"] .bookmark-btn[data-op="add"] {margin-left:18px;background-image:url("../imgs/ui/bookmark/t2/bookmark_add.png");}
#body[menu-size="t2"] .bookmark-btn[data-op="no_delete"] {margin-left:11px;background-image:url("../imgs/ui/bookmark/t2/bookmark_delete.png");}
#body[menu-size="t2"] .bookmark-btn[data-op="delete"] {margin-left:11px;background-image:url("../imgs/ui/bookmark/t2/bookmark_delete.png");}
#body[menu-size="t2"] .bookmark-div {height:56px;}
#body[menu-size="t2"] .bookmark-div input[type="checkbox"] {margin-left:18px;}
#body[menu-size="t2"] .bookmark-div .bookmark-idx {margin-left:18px;width:65px;}
#body[menu-size="t2"] .bookmark-div .bookmark-txt {margin-right:8px;padding-left:8px;height:38px;}

.popup-print-wrapper {padding:16px 24px 24px 24px;width:100%;height:auto;box-sizing:border-box;font-size:17px;}
.popup-print-header {width:100%;height:33px;line-height:33px;font-size:1em;}
.popup-print-wrapper .popup-btn {line-height:35px;}

.popup-print-range {width:100%;height:106px;}
.popup-print-range .print-type {margin-top:4px;width:100%;height:30px;font-size:1em;}
.popup-print-range .print-type #memo_print {margin-left:20px;}
.popup-print-range .print-type label {margin-left:5px;}
.popup-print-range .popup-wrap-box {float:left;width:335px;}
.popup-print-range .range {margin-left:auto;margin-right:auto;padding-top:6px;width:120px;height:100%;}
.popup-print-range .range input {float:left;width:50px;height:23px;border:solid 1px #858585;background-color:#ffffff;font-size:14px;line-height:23px;text-align:center;color:#525252;box-sizing:border-box;}
.popup-print-range .range .tild {float:left;margin-left:6px;margin-right:6px;width:8px;line-height:23px;color:#525252;font-size:14px;text-align:center;}
.popup-print-range .popup-btn {float:left;margin-left:14px;width:155px;}

.popup-print-paper {margin-top:21px;width:100%;height:68px;}
.popup-print-paper select {margin-left:14px;margin-top:6px;width:474px;height:23px;font-size:14px;color:#525252;line-height:23px;border:solid 1px #858585;}

#body[menu-size="t0"] .popup-print-config input[type="checkbox"] {width:16px;height:16px;background-image:url("../imgs/ui/bookmark/t1/search_check_nor.png");}
#body[menu-size="t1"] .popup-print-config input[type="checkbox"] {width:16px;height:16px;background-image:url("../imgs/ui/bookmark/t1/search_check_nor.png");}
#body[menu-size="t2"] .popup-print-config input[type="checkbox"] {width:16px;height:16px;background-image:url("../imgs/ui/bookmark/t1/search_check_nor.png");}
#body[menu-size="t0"] .popup-print-config input[type="checkbox"]:checked {background-image:url("../imgs/ui/bookmark/t1/search_check_selected.png");}
#body[menu-size="t1"] .popup-print-config input[type="checkbox"]:checked {background-image:url("../imgs/ui/bookmark/t1/search_check_selected.png");}
#body[menu-size="t2"] .popup-print-config input[type="checkbox"]:checked {background-image:url("../imgs/ui/bookmark/t1/search_check_selected.png");}

.popup-print-config {margin-top:21px;width:100%;height:auto;}
.popup-print-config .popup-wrap-box {max-height:322px;height:auto;overflow-x:hidden;overflow-y:auto;}
.popup-print-config .popup-wrap-box div {padding:14px;}
.popup-print-config .popup-wrap-box::-webkit-scrollbar-track {border-radius:0 5px 5px 0px;}
.popup-print-config .popup-wrap-box .opt-print{}
.popup-print-config .popup-wrap-box .opt-print input {cursor:pointer;}
.popup-print-config .popup-wrap-box .opt-print label {padding-left:8px;cursor:pointer;}

/*.popup-print-action {margin:10px auto 0px auto;width:215px;height:35px;}*/
/*.popup-print-action .popup-btn {width:100px;}*/
/*.popup-print-action .popup-btn:first-child {float:left;}*/
/*.popup-print-action .popup-btn:last-child {float:right;}*/
.popup-print-action {position:absolute;bottom:0px;width:100%;height:45px;}
.popup-print-action .popup-btn {border:none;border-radius:0px;width:50%;height:100%;color:#ffffff;line-height:45px;font-size:20px;}
.popup-print-action .popup-btn:first-child {float:left;}
.popup-print-action .popup-btn:last-child {float:right;background-color:#aaaaaa;}

.popup-toast {position:absolute;padding:30px 80px 30px 80px;min-width:296px;background-color:rgba(0,0,0,0.8);border-radius:11px;color:#ffffff;font-size:17px;text-align:center;}

.popup-update-wrapper {padding:16px 24px 24px 24px;width:100%;height:auto;box-sizing:border-box;font-size:17px;}
.popup-update-header {width:100%;height:33px;font-weight:bold;line-height:33px;font-size:1em;}
.popup-update-wrapper .popup-btn {line-height:35px;}
.popup-update-update {width:100%;height:auto;}
.popup-update-update .update-title {margin-top:4px;width:100%;height:30px;font-size:1em;text-align:center;}
.popup-update-update .popup-wrap-box {height:auto;}
.popup-update-update .popup-wrap-box div {padding:14px;line-height:1.5em;}
.popup-update-update .update-btn {margin:10px auto 0px auto;width:140px;}
.popup-update-period {width:100%;height:106px;}
.popup-update-period .update-use-type {margin-top:4px;width:100%;height:30px;font-size:1em;}
.popup-update-period .update-use-type span {display:inline-block;margin-right:20px;width:120px;text-align:right;}
.popup-update-period .update-use-type #update_nouse {margin-left:80px;}
.popup-update-period .update-use-type label {margin-left:5px;}
.popup-update-period .update-use-type select {margin-left:5px;width:140px;padding:5px;}

div[id="abr$.fn.setup"] div[data-op] {cursor:pointer;}
.popup-setup-wrapper {padding:20px;width:100%;height:auto;font-size:17px;box-sizing:border-box;}
.popup-setup-tab-wrapper {width:100%;height:40px;line-height:40px;font-size:20px;}
.popup-setup-tab {width:50%;text-align:center;color:#ffffff;background-color:rgb(165,175,201);box-sizing:border-box;}
.popup-setup-tab.sel {background-color:rgb(91,113,214);} 
.popup-setup-tab.l {float:left;border-right:none;}
.popup-setup-tab.r {float:right;}
.popup-setup-tab-content-wrapper {width:100%;}
.popup-setup-tab-content {width:100%;line-height:40px;font-size:1em;border-bottom:dotted 1px #aaaaaa;}
.popup-setup-tab-content > label {flex:2;text-align:center;}
.popup-setup-tab-content > input[type="checkbox"] {flex:1;outline:none;} 
#body[menu-size="t0"] .popup-setup-tab-content input[type="checkbox"] {width:16px;height:16px;background-image:url("../imgs/ui/bookmark/t1/search_check_nor.png");}
#body[menu-size="t1"] .popup-setup-tab-content input[type="checkbox"] {width:16px;height:16px;background-image:url("../imgs/ui/bookmark/t1/search_check_nor.png");}
#body[menu-size="t2"] .popup-setup-tab-content input[type="checkbox"] {width:16px;height:16px;background-image:url("../imgs/ui/bookmark/t1/search_check_nor.png");}
#body[menu-size="t0"] .popup-setup-tab-content input[type="checkbox"]:checked {background-image:url("../imgs/ui/bookmark/t1/search_check_selected.png");}
#body[menu-size="t1"] .popup-setup-tab-content input[type="checkbox"]:checked {background-image:url("../imgs/ui/bookmark/t1/search_check_selected.png");}
#body[menu-size="t2"] .popup-setup-tab-content input[type="checkbox"]:checked {background-image:url("../imgs/ui/bookmark/t1/search_check_selected.png");}

.popup-setup-foot {position:absolute:bottom:0px;margin-top:10px;width:100%;height:45px;line-height:45px;font-size:20px;color:#ffffff;}
.popup-setup-tab-btn {width:50%;height:100%;text-align:center;box-sizing:border-box;}
.popup-setup-tab-btn.l {float:left;border-right:none;}
.popup-setup-tab-btn.r {float:right;background-color:#aaaaaa;}

.grep-content {border-radius:5px;background-color:#ffffff;border:solid 1px #d0d0d0;color:#2f2f2f;box-sizing:border-box;resize:none;}
.grep-title {border-radius:5px;text-align:center;background-color:#f0f0f0;color:#2f2f2f;}
.grep-btn-search {background-color:#ffffff;border:solid 1px #2f2f2f;color:#2f2f2f;text-align:center;background-repeat:no-repeat;box-sizing:border-box;cursor:pointer;}
.grep-btn-search:hover {opacity:0.6;}
.grep-btn-search:active {opacity:0.4;}
/* t0 start */
#body[menu-size="t0"] .grep-content {margin:8px;margin-bottom:0px;padding:7px;width:206px;height:58px;font-size:11px;line-height:16px;}
#body[menu-size="t0"] .grep-title {margin:4px auto 4px auto;width:136px;height:19px;line-height:19px;font-size:9px;}
#body[menu-size="t0"] .grep-btn-search {margin:0px auto 0px auto;width:102px;height:23px;line-height:23px;font-size:12px;border-radius:4px;background-image:url("../imgs/t0/search_copypaste.png");background-position:10px center;}
/* t1 start */
#body[menu-size="t1"] .grep-content {margin:11px;margin-bottom:0px;padding:10px;width:274px;height:78px;font-size:14px;line-height:20px;}
#body[menu-size="t1"] .grep-title {margin:7px auto 7px auto;width:180px;height:24px;line-height:24px;font-size:12px;}
#body[menu-size="t1"] .grep-btn-search {margin:0px auto 0px auto;width:134px;height:29px;line-height:29px;font-size:16px;border-radius:4px;background-image:url("../imgs/t1/search_copypaste.png");background-position:14px center;}
/* t2 start */
#body[menu-size="t2"] .grep-content {margin:14px;margin-bottom:0px;padding:12px;width:346px;height:100px;font-size:17px;line-height:24px;border-radius:7px;}
#body[menu-size="t2"] .grep-title {margin:7px auto 7px auto;width:226px;height:31px;line-height:24px;font-size:15px;}
#body[menu-size="t2"] .grep-btn-search {margin:0px auto 0px auto;width:168px;height:37px;line-height:37px;font-size:20px;border-radius:5px;background-image:url("../imgs/t2/search_copypaste.png");background-position:14px center;}

/* URL COPY */
#body[menu-size="t0"] .popup-body.url-copy * {font-size: 16px;}
#body[menu-size="t1"] .popup-body.url-copy * {font-size: 16px;}
#body[menu-size="t2"] .popup-body.url-copy * {font-size: 16px;}

.popup-body.url-copy {padding:20px 12px 0px 20px;overflow:hidden;box-sizing:border-box;color:#2f2f2f;border-radius:0px 0px 11px 11px;}
.url-copy .wrapper {margin-top:7px;width:100%;height:30px;line-height:30px;background-color:#ffffff;}
.url-copy .wrapper .url-info {float:left;padding:0px 5px 0px 5px;width:506px;height:30px;border-radius:5px;border:solid 1px #d0d0d0;font-size:14px;}
.url-copy .wrapper .btn-url-copy {float:left;margin-left:10px;width:50px;height:30px;text-align:center;border:solid 1px #2f2f2f;font-size:17px;border-radius:4px;}
.url-copy .footer {margin:7px auto 0px auto;width:180px;height:24px;line-height:24px;text-align:center;border-radius:5px;background-color:#f0f0f0;}


/* 그리기 */
#wnd_pen_width {box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);}
#wnd_pen_width .pen-size-box {width:300px;height:50px;border-bottom:solid 1px #d0d0d0;}
#wnd_pen_width .pen-size-box:last-child {border-bottom:none;}
#wnd_pen_width .pen-size-box > .pen-size {display:inline-block;width:50px;height:50px;border-right:solid 1px #d0d0d0;box-sizing:border-box;background-color:#ffffff;cursor:pointer;}
#wnd_pen_width .pen-size-box > .pen-size.selected {background-color:#d0d0d0;}
#wnd_pen_width .pen-size-box > .pen-size:last-child {border-right:none;}
#wnd_pen_width .pen-size-box > .pen-size > .pen-show {background-color:#000000;}

#draw_popup_body {border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);}
#draw_popup_body .icon {display:block;background-repeat:no-repeat;background-position:center;}
#draw_popup_body .icon .common-btn {width:100%;height:100%;background-repeat:no-repeat;background-position:center;cursor:pointer;box-sizing:border-box;}
#draw_popup_body .icon .common-btn[disabled] {opacity:0.3;cursor:default;}
#draw_popup_body .icon .common-btn[disabled]:hover {opacity:0.3;cursor:default;}
#draw_popup_body .icon .common-btn[disabled]:active {opacity:0.3;cursor:default;}
#draw_popup_body .icon .common-btn:hover {opacity:0.55;}
#draw_popup_body .icon .common-btn:active {opacity:0.3;}
#draw_popup_body .icon.selected {background-color:transparent;}
#draw_popup_body .icon.selected .common-btn:hover {opacity:1;}
#draw_popup_body .sep {height:1px;background-color:#d0d0d0;}
#draw_popup_body .color {border:solid 1px #313131;box-sizing:border-box;cursor:pointer;}
#draw_popup_body .color[disabled] {opacity:0.5;cursor:default;}


#body[menu-size="t0"] .popup-draw-head {height:19px;border-radius:6px 6px 0px 0px;}
#body[menu-size="t0"] .popup-draw-head .close {margin-right:4px;margin-top:6px;width:7px;height:7px;background:url("../imgs/t0/draw_close.png") no-repeat center;}
#body[menu-size="t0"] #draw_popup_body .sep {margin:4px auto 0px auto;width:31px;}
#body[menu-size="t0"] #draw_popup_body .icon {padding:4px 4px 0px 4px;width:27px;height:27px;}
#body[menu-size="t0"] #draw_popup_body .icon:last-child {padding:4px}
#body[menu-size="t0"] #draw_popup_body .icon.selected {background-image:url("../imgs/t0/draw_selected.png")}
#body[menu-size="t0"] #draw_popup_body .close {background-image:url("../imgs/t0/draw_close.png");}
#body[menu-size="t0"] #draw_popup_body .drag {background-image:url("../imgs/t0/draw_drag.png");}
#body[menu-size="t0"] #draw_popup_body .select {background-image:url("../imgs/t0/draw_select.png");}
#body[menu-size="t0"] #draw_popup_body .line {background-image:url("../imgs/t0/draw_line.png");}
#body[menu-size="t0"] #draw_popup_body .pen1 {background-image:url("../imgs/t0/draw_pen1.png");}
#body[menu-size="t0"] #draw_popup_body .pen2 {background-image:url("../imgs/t0/draw_pen2.png");}
#body[menu-size="t0"] #draw_popup_body .delete {background-image:url("../imgs/t0/draw_delete.png");}
#body[menu-size="t0"] #draw_popup_body .select-all {background-image:url("../imgs/t0/draw_select_all.png");}
#body[menu-size="t0"] #draw_popup_body [data-op="hide_all"] {background-image:url("../imgs/t0/draw_hide_all.png");}
#body[menu-size="t0"] #draw_popup_body [data-op="show_all"] {background-image:url("../imgs/t0/draw_show_all.png");}
#body[menu-size="t0"] #draw_popup_body .undo {background-image:url("../imgs/t0/draw_undo.png");}
#body[menu-size="t0"] #draw_popup_body .redo {background-image:url("../imgs/t0/draw_redo.png");}
#body[menu-size="t0"] #draw_popup_body [data-op="pen_round"] {background-image:url("../imgs/t0/draw_brush_ellipse.png");}
#body[menu-size="t0"] #draw_popup_body [data-op="pen_rect"] {background-image:url("../imgs/t0/draw_brush_rectangle.png");}
#body[menu-size="t0"] #draw_popup_body .color {margin:6px;width:15px;height:14px;}

#body[menu-size="t1"] .popup-draw-head {height:26px;border-radius:8px 8px 0px 0px;}
#body[menu-size="t1"] .popup-draw-head .close {margin-right:6px;margin-top:8px;width:10px;height:10px;background:url("../imgs/t1/draw_close.png") no-repeat center;}
#body[menu-size="t1"] #draw_popup_body .sep {margin:6px auto 0px auto;width:40px;}
#body[menu-size="t1"] #draw_popup_body .icon {padding:6px 6px 0px 6px;width:36px;height:36px;}
#body[menu-size="t1"] #draw_popup_body .icon:last-child {padding:6px}
#body[menu-size="t1"] #draw_popup_body .icon.selected {background-image:url("../imgs/t1/draw_selected.png")}
#body[menu-size="t1"] #draw_popup_body .close {background-image:url("../imgs/t1/draw_close.png");}
#body[menu-size="t1"] #draw_popup_body .drag {background-image:url("../imgs/t1/draw_drag.png");}
#body[menu-size="t1"] #draw_popup_body .select {background-image:url("../imgs/t1/draw_select.png");}
#body[menu-size="t1"] #draw_popup_body .line {background-image:url("../imgs/t1/draw_line.png");}
#body[menu-size="t1"] #draw_popup_body .pen1 {background-image:url("../imgs/t1/draw_pen1.png");}
#body[menu-size="t1"] #draw_popup_body .pen2 {background-image:url("../imgs/t1/draw_pen2.png");}
#body[menu-size="t1"] #draw_popup_body .delete {background-image:url("../imgs/t1/draw_delete.png");}
#body[menu-size="t1"] #draw_popup_body .select-all {background-image:url("../imgs/t1/draw_select_all.png");}
#body[menu-size="t1"] #draw_popup_body [data-op="hide_all"] {background-image:url("../imgs/t1/draw_hide_all.png");}
#body[menu-size="t1"] #draw_popup_body [data-op="show_all"] {background-image:url("../imgs/t1/draw_show_all.png");}
#body[menu-size="t1"] #draw_popup_body .undo {background-image:url("../imgs/t1/draw_undo.png");}
#body[menu-size="t1"] #draw_popup_body .redo {background-image:url("../imgs/t1/draw_redo.png");}
#body[menu-size="t1"] #draw_popup_body [data-op="pen_round"] {background-image:url("../imgs/t1/draw_brush_ellipse.png");}
#body[menu-size="t1"] #draw_popup_body [data-op="pen_rect"] {background-image:url("../imgs/t1/draw_brush_rectangle.png");}
#body[menu-size="t1"] #draw_popup_body .color {margin:9px 8px 9px 8px;width:20px;height:18px;}

#body[menu-size="t2"] .popup-draw-head {height:32px;border-radius:11px 11px 0px 0px;}
#body[menu-size="t2"] .popup-draw-head .close {margin-right:7px;margin-top:10px;width:12px;height:12px;background:url("../imgs/t2/draw_close.png") no-repeat center;}
#body[menu-size="t2"] #draw_popup_body .sep {margin:7px auto 0px auto;width:54px;}
#body[menu-size="t2"] #draw_popup_body .icon {padding:7px 7px 0px 7px;width:48px;height:48px;}
#body[menu-size="t2"] #draw_popup_body .icon:last-child {padding:7px}
#body[menu-size="t2"] #draw_popup_body .icon.selected {background-image:url("../imgs/t2/draw_selected.png")}
#body[menu-size="t2"] #draw_popup_body .close {background-image:url("../imgs/t2/draw_close.png");}
#body[menu-size="t2"] #draw_popup_body .drag {background-image:url("../imgs/t2/draw_drag.png");}
#body[menu-size="t2"] #draw_popup_body .select {background-image:url("../imgs/t2/draw_select.png");}
#body[menu-size="t2"] #draw_popup_body .line {background-image:url("../imgs/t2/draw_line.png");}
#body[menu-size="t2"] #draw_popup_body .pen1 {background-image:url("../imgs/t2/draw_pen1.png");}
#body[menu-size="t2"] #draw_popup_body .pen2 {background-image:url("../imgs/t2/draw_pen2.png");}
#body[menu-size="t2"] #draw_popup_body .delete {background-image:url("../imgs/t2/draw_delete.png");}
#body[menu-size="t2"] #draw_popup_body .select-all {background-image:url("../imgs/t2/draw_select_all.png");}
#body[menu-size="t2"] #draw_popup_body [data-op="hide_all"] {background-image:url("../imgs/t2/draw_hide_all.png");}
#body[menu-size="t2"] #draw_popup_body [data-op="show_all"] {background-image:url("../imgs/t2/draw_show_all.png");}
#body[menu-size="t2"] #draw_popup_body .undo {background-image:url("../imgs/t2/draw_undo.png");}
#body[menu-size="t2"] #draw_popup_body .redo {background-image:url("../imgs/t2/draw_redo.png");}
#body[menu-size="t2"] #draw_popup_body [data-op="pen_round"] {background-image:url("../imgs/t2/draw_brush_ellipse.png");}
#body[menu-size="t2"] #draw_popup_body [data-op="pen_rect"] {background-image:url("../imgs/t2/draw_brush_rectangle.png");}
#body[menu-size="t2"] #draw_popup_body .color {margin:12px 10px 12px 10px;width:28px;height:24px;}

/* update의 경우 style을 동적으로 로딩하기 전에 화면에 보여질 경우도 있으므로 여기서 강제로 넣어준다. */
#body[menu-size="t1"] .abr-fn-updator-w {background-image: url("../../icon/abr.fn.updator.w/t1/nor.png");}

#float_app_body_block {position:absolute;}

[id="abr$.fn.PgRdrIndex"] #sub_menu {transition:none;}
[id="abr$.fn.PgRdrIndex"] #sub_menu[data-ani] {transition:height 0.3s;}

/*	%%schong PinEditor를 위한 CSS */
#pin_popup_body {border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:0px 0px 5px 0px rgba(0,0,0,0.4);}
#pin_popup_body .icon {display:block;background-repeat:no-repeat;background-position:center;}
#pin_popup_body .icon .common-btn {width:100%;height:100%;background-repeat:no-repeat;background-position:center;cursor:pointer;box-sizing:border-box;}
#pin_popup_body .icon .common-btn[disabled] {opacity:0.3;cursor:default;}
#pin_popup_body .icon .common-btn[disabled]:hover {opacity:0.3;cursor:default;}
#pin_popup_body .icon .common-btn[disabled]:active {opacity:0.3;cursor:default;}
#pin_popup_body .icon .common-btn:hover {opacity:0.55;}
#pin_popup_body .icon .common-btn:active {opacity:0.3;}
#pin_popup_body .icon.selected {background-color:transparent;}
#pin_popup_body .icon.selected .common-btn:hover {opacity:1;}
#pin_popup_body .sep {height:1px;background-color:#d0d0d0;}
#pin_popup_body .color {border:solid 1px #313131;box-sizing:border-box;cursor:pointer;}
#pin_popup_body .color[disabled] {opacity:0.5;cursor:default;}

#body[menu-size="t0"] #pin_popup_body .pin_add {background-image:url("../imgs/ui/pin/t0/pin_add.png");}
#body[menu-size="t1"] #pin_popup_body .pin_add {background-image:url("../imgs/ui/pin/t1/pin_add.png");}
#body[menu-size="t2"] #pin_popup_body .pin_add {background-image:url("../imgs/ui/pin/t2/pin_add.png");}
#body[menu-size="t0"] #pin_popup_body .pin_setup {background-image:url("../imgs/ui/pin/t0/pin_setup.png");}
#body[menu-size="t1"] #pin_popup_body .pin_setup {background-image:url("../imgs/ui/pin/t1/pin_setup.png");}
#body[menu-size="t2"] #pin_popup_body .pin_setup {background-image:url("../imgs/ui/pin/t2/pin_setup.png");}
#body[menu-size="t0"] #pin_popup_body .pin_copy {background-image:url("../imgs/ui/pin/t0/pin_copy.png");}
#body[menu-size="t1"] #pin_popup_body .pin_copy {background-image:url("../imgs/ui/pin/t1/pin_copy.png");}
#body[menu-size="t2"] #pin_popup_body .pin_copy {background-image:url("../imgs/ui/pin/t2/pin_copy.png");}
#body[menu-size="t0"] #pin_popup_body .pin_copy_pos {background-image:url("../imgs/ui/pin/t0/pin_copy_pos.png");}
#body[menu-size="t1"] #pin_popup_body .pin_copy_pos {background-image:url("../imgs/ui/pin/t1/pin_copy_pos.png");}
#body[menu-size="t2"] #pin_popup_body .pin_copy_pos {background-image:url("../imgs/ui/pin/t2/pin_copy_pos.png");}
#body[menu-size="t0"] #pin_popup_body .pin_cut {background-image:url("../imgs/ui/pin/t0/pin_cut.png");}
#body[menu-size="t1"] #pin_popup_body .pin_cut {background-image:url("../imgs/ui/pin/t1/pin_cut.png");}
#body[menu-size="t2"] #pin_popup_body .pin_cut {background-image:url("../imgs/ui/pin/t2/pin_cut.png");}
#body[menu-size="t0"] #pin_popup_body .pin_paste {background-image:url("../imgs/ui/pin/t0/pin_paste.png");}
#body[menu-size="t1"] #pin_popup_body .pin_paste {background-image:url("../imgs/ui/pin/t1/pin_paste.png");}
#body[menu-size="t2"] #pin_popup_body .pin_paste {background-image:url("../imgs/ui/pin/t2/pin_paste.png");}
#body[menu-size="t0"] #pin_popup_body .pin_recent {background-image:url("../imgs/ui/pin/t0/pin_recent.png");}
#body[menu-size="t1"] #pin_popup_body .pin_recent {background-image:url("../imgs/ui/pin/t1/pin_recent.png");}
#body[menu-size="t2"] #pin_popup_body .pin_recent {background-image:url("../imgs/ui/pin/t2/pin_recent.png");}

#body[menu-size="t0"] #pin_popup_body .sep {margin:4px auto 0px auto;width:31px;}
#body[menu-size="t0"] #pin_popup_body .icon {padding:4px 4px 0px 4px;width:27px;height:27px;}
#body[menu-size="t0"] #pin_popup_body .icon:last-child {padding:4px}
#body[menu-size="t0"] #pin_popup_body .icon.selected {background-image:url("../imgs/t0/draw_selected.png")}
#body[menu-size="t0"] #pin_popup_body .close {background-image:url("../imgs/t0/draw_close.png");}
#body[menu-size="t0"] #pin_popup_body .pin_select {background-image:url("../imgs/t0/draw_select.png");}
#body[menu-size="t0"] #pin_popup_body .pin_delete {background-image:url("../imgs/t0/draw_delete.png");}
#body[menu-size="t0"] #pin_popup_body .pin_select_all {background-image:url("../imgs/t0/draw_select_all.png");}
#body[menu-size="t0"] #pin_popup_body [data-op="pin_hide_all"] {background-image:url("../imgs/t0/draw_hide_all.png");}
#body[menu-size="t0"] #pin_popup_body [data-op="pin_show_all"] {background-image:url("../imgs/t0/draw_show_all.png");}
#body[menu-size="t0"] #pin_popup_body .pin_undo {background-image:url("../imgs/t0/draw_undo.png");}
#body[menu-size="t0"] #pin_popup_body .pin_redo {background-image:url("../imgs/t0/draw_redo.png");}

#body[menu-size="t1"] #draw_popup_body .sep {margin:6px auto 0px auto;width:40px;}
#body[menu-size="t1"] #draw_popup_body .icon {padding:6px 6px 0px 6px;width:36px;height:36px;}
#body[menu-size="t1"] #draw_popup_body .icon:last-child {padding:6px}
#body[menu-size="t1"] #draw_popup_body .icon.selected {background-image:url("../imgs/t1/draw_selected.png")}
#body[menu-size="t1"] #draw_popup_body .close {background-image:url("../imgs/t1/draw_close.png");}
#body[menu-size="t1"] #pin_popup_body .pin_select {background-image:url("../imgs/t1/draw_select.png");}
#body[menu-size="t1"] #pin_popup_body .pin_delete {background-image:url("../imgs/t1/draw_delete.png");}
#body[menu-size="t1"] #pin_popup_body .pin_select_all {background-image:url("../imgs/t1/draw_select_all.png");}
#body[menu-size="t1"] #pin_popup_body [data-op="pin_hide_all"] {background-image:url("../imgs/t1/draw_hide_all.png");}
#body[menu-size="t1"] #pin_popup_body [data-op="pin_show_all"] {background-image:url("../imgs/t1/draw_show_all.png");}
#body[menu-size="t1"] #pin_popup_body .pin_undo {background-image:url("../imgs/t1/draw_undo.png");}
#body[menu-size="t1"] #pin_popup_body .pin_redo {background-image:url("../imgs/t1/draw_redo.png");}

#body[menu-size="t2"] #draw_popup_body .sep {margin:7px auto 0px auto;width:54px;}
#body[menu-size="t2"] #draw_popup_body .icon {padding:7px 7px 0px 7px;width:48px;height:48px;}
#body[menu-size="t2"] #draw_popup_body .icon:last-child {padding:7px}
#body[menu-size="t2"] #draw_popup_body .icon.selected {background-image:url("../imgs/t2/draw_selected.png")}
#body[menu-size="t2"] #draw_popup_body .close {background-image:url("../imgs/t2/draw_close.png");}
#body[menu-size="t2"] #pin_popup_body .pin_select {background-image:url("../imgs/t2/draw_select.png");}
#body[menu-size="t2"] #pin_popup_body .pin_delete {background-image:url("../imgs/t2/draw_delete.png");}
#body[menu-size="t2"] #pin_popup_body .pin_select_all {background-image:url("../imgs/t2/draw_select_all.png");}
#body[menu-size="t2"] #pin_popup_body [data-op="pin_hide_all"] {background-image:url("../imgs/t2/draw_hide_all.png");}
#body[menu-size="t2"] #pin_popup_body [data-op="pin_show_all"] {background-image:url("../imgs/t2/draw_show_all.png");}
#body[menu-size="t2"] #pin_popup_body .pin_undo {background-image:url("../imgs/t2/draw_undo.png");}
#body[menu-size="t2"] #pin_popup_body .pin_redo {background-image:url("../imgs/t2/draw_redo.png");}

/*	%%schong Boad를 위한 CSS %%2021/11/09 */
#body[menu-size="t0"] #draw_popup_body .board_eraser {background-image:url("../imgs/ui/board/t0/board_eraser.png");}
#body[menu-size="t1"] #draw_popup_body .board_eraser {background-image:url("../imgs/ui/board/t1/board_eraser.png");}
#body[menu-size="t2"] #draw_popup_body .board_eraser {background-image:url("../imgs/ui/board/t2/board_eraser.png");}
#body[menu-size="t0"] #draw_popup_body [data-op="board_hide_bg"] {background-image:url("../imgs/ui/board/t0/board_show_page.png");}
#body[menu-size="t1"] #draw_popup_body [data-op="board_hide_bg"] {background-image:url("../imgs/ui/board/t1/board_show_page.png");}
#body[menu-size="t2"] #draw_popup_body [data-op="board_hide_bg"] {background-image:url("../imgs/ui/board/t2/board_show_page.png");}
#body[menu-size="t0"] #draw_popup_body [data-op="board_show_bg"] {background-image:url("../imgs/ui/board/t0/board_hide_page.png");}
#body[menu-size="t1"] #draw_popup_body [data-op="board_show_bg"] {background-image:url("../imgs/ui/board/t1/board_hide_page.png");}
#body[menu-size="t2"] #draw_popup_body [data-op="board_show_bg"] {background-image:url("../imgs/ui/board/t2/board_hide_page.png");}