@charset "UTF-8"; /********************************************** note : admin **********************************************/ .admin-body {background-color:#f7f7f7} #admin-wrap {position:relative;width:100%;min-height:100%} #admin-wrap::after {content:'';display:table;clear:both} #admin-wrap button {letter-spacing:-0.05em} #admin-wrap button.small {letter-spacing:-0.035em} #admin-wrap button.tiny {letter-spacing:-0.025em} /* 관리자아이콘 */ .admin-icons {display:inline-block} .admin-icons::after {content:'';display:table;clear:both} .admin-icons .label {display:inline-block;padding:.15rem .2rem;font-size:.5rem !important;font-weight:400;margin-left:1px} .admin-icons .label:first-child {margin-left:0} @media screen and (max-width: 63.9375em) { .admin-icons {float:none;margin-left:auto;margin-right:auto} } /* loading */ .site-loading {display:none;position:fixed;z-index:1007;color:rgba(10,10,10,.25);left:50%;top:50%} /* table reset */ .table-reset table {max-width:800px;padding:0;margin:0 auto;border-collapse:collapse;border:0} .table-reset table thead,.table-reset table tbody,.table-reset table tfoot,.table-reset table tr,.table-reset table th,.table-reset table td {padding:0;margin:0;background:transparent;border:none} .table-reset table tbody tr:nth-child(2n) {border:none;background:transparent} #admin-wrap table {border-collapse:collapse} #admin-wrap table.table-fixed {table-layout:fixed} #admin-wrap table tbody {border-top:none} @media screen and (max-width: 63.9375em) { #admin-wrap table tbody {border-top:1px solid #f1f1f1} #admin-wrap table.medium-table-fixed {table-layout:fixed} #admin-wrap table.medium-table-fixed .check-width {width:15%} } @media screen and (max-width: 39.9375em) { #admin-wrap table.small-table-fixed {table-layout:fixed} #admin-wrap table.small-table-fixed .check-width {width:15%} } /********************************************** note : admin navigation **********************************************/ #admin-snb {position:absolute;z-index:1003;overflow:inherit;width:60px;left:0;top:0;bottom:0;background-color:#353d47;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease} #admin-snb.fixed {position:fixed} #admin-snb ul, #admin-snb ol {margin-bottom:0} /* 로고 */ #admin-snb .admin-logo {overflow:hidden;width:60px;height:60px;box-shadow:rgba(0,0,0,0.25) 0 1px 0,inset rgba(255,255,255,0.16) 0 1px 0;background-color:#303740} #admin-snb .admin-logo a {text-decoration:none} #admin-snb .admin-logo .ci {display:block;float:left;width:60px;height:60px;color:transparent;background:url(/image/admin/admin-logo-nd.png) 0 -240px no-repeat} #admin-snb .admin-logo .ver {display:block;float:left;width:calc(100% - 60px)} @media screen and (max-width: 63.9375em) { #admin-snb .admin-logo .ci {margin-right:0;background-position:0 0;background-size:60px auto} } /* 메뉴 */ #admin-nav {margin-bottom:0;background-color:#353d47} #admin-nav > ul > li {position:relative} #admin-nav > ul > li a {position:relative;display:block;color:#fefefe;font-size:.9rem;padding:.75rem .625rem;letter-spacing:-0.03em;text-decoration:none} #admin-nav > ul > li a:hover {color:#f35789} #admin-nav > ul > li.is-accordion-submenu-parent > a::after {content:"\f107";width:auto;height:auto;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;border:0;margin-top:-6px} #admin-nav > ul > li.is-accordion-submenu-parent[aria-expanded="true"] > a, #admin-nav > ul > li > a.active {background-color:#e6336d;color:#fefefe !important} #admin-nav > ul > li > a > .fa.n-icon {width:38px;margin-right:0;text-align:center;font-size:1.3rem} #admin-nav > ul > li > a > .fa.nd-only::after,#admin-nav > ul > li > a > .fa.hide-only::after {content:'';position:absolute;z-index:10;width:8px;height:8px;left:.75rem;top:.5rem;background-color:#e6336d;border-radius:50%} #admin-nav > ul > li > a > .fa.hide-only::after {background-color:#1abc9c} #admin-nav > ul > li.is-accordion-submenu-parent[aria-expanded="true"] > a > .fa.nd-only::after,#admin-nav > ul > li > a.active > .fa.nd-only::after,#admin-nav > ul > li.is-accordion-submenu-parent[aria-expanded="true"] > a > .fa.hide-only::after,#admin-nav > ul > li > a.active > .fa.hide-only::after {background-color:#fefefe} #admin-nav > ul > li > a > strong {display:block;overflow:hidden;font-size:0.625em;font-weight:400;text-overflow:ellipsis;white-space:nowrap;text-align:center} #admin-nav > ul > li > a::after {display:none} /* 메뉴 - 2차 */ #admin-nav > ul > li > ul.child-menu {display:none;position:absolute;z-index:2;width:200px;padding-top:0.313em;padding-bottom:0.313em;background-color:#303740;top:0px;left:60px;border-right:0;border-top:5px solid #e5316e} #admin-nav > ul > li > ul.child-menu > li {position:relative;padding-left:36px} #admin-nav > ul > li > ul.child-menu > li:first-child {border-top:0} #admin-nav > ul > li > ul.child-menu > li::before,#admin-nav > ul > li > ul.child-menu > li::after {content:'';position:absolute} #admin-nav > ul > li > ul.child-menu > li::before {z-index:2;width:9px;height:9px;margin-top:-.281rem;background-color:#fefefe;border:2px solid transparent;border-radius:50%;top:50%;left:.688rem} #admin-nav > ul > li > ul.child-menu > li::after {z-index:1;width:1px;background-color:rgba(255,255,255,.08);top:0;bottom:0;left:.9375rem} #admin-nav > ul > li > ul.child-menu > li > a {font-size:0.75rem;padding:.625rem .9375rem} #admin-nav > ul > li > ul.child-menu > li.current-page {background:rgba(255,255,255,0.05)} #admin-nav > ul > li > ul.child-menu > li.current-page::before {background:transparent;border-color:#fefefe} #admin-nav > ul > li > ul.child-menu > li.current-page > a {font-weight:bold;text-shadow:rgba(0,0,0,0.25) 0 -1px 0} #admin-nav > ul > li > ul.child-menu > li.current-page > a:hover {color:#fefefe} #admin-nav > ul > li > ul.child-menu > li.nd-only::before {background-color:#e73f72} #admin-nav > ul > li > ul.child-menu > li.current-page.nd-only::before {background-color:#36363c;border-color:#e73f72} #admin-nav > ul > li > ul.child-menu > li.hide-only::before {background-color:#1abc9c} #admin-nav > ul > li > ul.child-menu > li.current-page.hide-only::before {background-color:#36363c;border-color:#1abc9c} /********************************************** note : header **********************************************/ #admin-header {position:fixed;z-index:1002;height:60px;padding-left:.9375rem;padding-right:.9375rem;background-color:#ecedf0;border-bottom:1px solid #d9dee4;left:60px;right:0;top:0;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease} #admin-header.active {top:-60px} #admin-header .header-nav {float:left;margin-top:12px} #admin-header .header-nav .header-nav-btn {float:left;width:35px;height:35px;padding:.5rem 0;margin-right:1px;font-size:1.1rem;text-align:center;border:1px solid #ddd;background-color:#fefefe;border-radius:.2rem;cursor:pointer} @media screen and (max-width: 39.9375em) { #admin-header {padding-left:.625rem;padding-right:.625rem} } /* article search */ #admin-header .admin-header-search {overflow:hidden;float:left;position:relative;width:150px;height:35px;padding:.4rem .625rem;background-color:#fefefe;border:1px solid #d9dee4;border-radius:.2rem;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease} #admin-header .admin-header-search::after,#admin-header .admin-header-search .pc-search-wrap::after {content:'';display:table;clear:both} #admin-header .admin-header-search .m-search-btn {display:none;width:35px;height:35px;cursor:pointer} #admin-header .admin-header-search .search-btn {float:left;margin-top:.15rem;color:#32323a;cursor:pointer} #admin-header .admin-header-search .search-input {float:right;width:95px;height:22px;margin:0;padding:0 .2rem;font-size:.75rem;background:transparent;letter-spacing:-0.03em;border:none;box-shadow:inherit;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease} #admin-header .admin-header-search .m-search-close {position:absolute;z-index:5;width:20px;height:20px;margin-top:-10px;color:#fefefe;background-color:#727d92;left:calc(100% + 5px);top:50%;border-radius:50%;cursor:pointer} #admin-header .admin-header-search.desktop-only {width:305px} #admin-header .admin-header-search.desktop-only .search-input {width:250px} @media screen and (max-width: 63.9375em) { #admin-header .admin-header-search.desktop-only {width:150px} #admin-header .admin-header-search.desktop-only .search-input {width:95px} } @media screen and (max-width: 39.9375em) { #admin-header .admin-header-search {width:35px;padding:0} #admin-header .admin-header-search .m-search-btn {display:block} #admin-header .admin-header-search .pc-search-wrap {display:none;width:150px;height:35px;padding:.4rem .625rem} #admin-header .admin-header-search.desktop-only {width:35px} /* 모바일 검색활성화시 */ #admin-header .header-nav.active .admin-header-search {overflow:visible;width:150px} #admin-header .header-nav.active .m-search-btn {display:none} #admin-header .header-nav.active .pc-search-wrap {display:block} #admin-header .header-nav.active .admin-header-btns {display:none} } /* 관리자메뉴 */ #admin-header .header-info::after {content:'';display:table;clear:both} #admin-header .header-info .admin-board-btn {float:right;font-size:1.5rem;color:rgba(0,0,0,.5);margin-top:18px;cursor:pointer} #admin-header .header-info .admin-board-btn:hover {color:rgba(0,0,0,.8)} #admin-header .header-info .admin-board {float:right} #admin-header .header-info .admin-board li {position:relative;float:left;border-left:1px solid #d9dee4} #admin-header .header-info .admin-board li .link-fa {display:block;height:60px;padding:0 1.5rem;font-size:1.5rem;color:#4d5370;text-decoration:none;border-bottom:none;transition:all .05s;-webkit-transition:all .05s;-moz-transition:all .05s;cursor:pointer} #admin-header .header-info .admin-board li .link-fa:hover {color:#1a1a1a;border-bottom:2px solid #f35789} #admin-header .header-info .admin-board li .drop-down {position:relative} #admin-header .header-info .admin-board li .drop-down .drop-down-btn {height:60px;padding-left:.9375rem;font-size:.8rem;background:transparent;border:none;cursor:pointer} #admin-header .header-info .admin-board li .drop-down .dropdown-pane {position:absolute;z-index:1;max-width:125px;padding:.25rem;background-color:#fefefe;border:1px solid rgba(0,0,0,.15);left:inherit !important;right:0 !important;top:calc(100% - 1px) !important} #admin-header .header-info .admin-board li .drop-down .dropdown-pane::before,#admin-header .header-info .admin-board li .drop-down .dropdown-pane::after {content:'';position:absolute;border-style:solid;border-color:transparent;bottom:100%} #admin-header .header-info .admin-board li .drop-down .dropdown-pane::before {border-width:5px;border-bottom-color:rgba(0,0,0,.15);right:10px} #admin-header .header-info .admin-board li .drop-down .dropdown-pane::after {border-width:4px;border-bottom-color:#fefefe;right:11px} #admin-header .header-info .admin-board li .drop-down .dropdown-pane a {position:relative;display:block;padding:.4rem .625rem;font-size:.75rem;letter-spacing:-0.05em;color:#7f8c8d;border-top:1px dotted rgba(0,0,0,.1)} #admin-header .header-info .admin-board li .drop-down .dropdown-pane a:first-child {border-top:none} #admin-header .header-info .admin-board li .drop-down .dropdown-pane a:hover {color:#353d47;background-color:rgba(0,0,0,.05)} #admin-header .header-info .admin-board .admin-board-close {position:absolute;z-index:44;font-size:2.5rem;color:rgba(0,0,0,.45);cursor:pointer;right:.625rem;top:50%;;transform:translateY(-50%)} #admin-header .header-info .admin-board .admin-board-close:hover {color:rgba(0,0,0,.8)} #admin-header .header-info .admin-board .admin-board-text {margin-top:.3rem;font-size:.6rem;font-weight:400;color:rgba(0,0,0,.35)} #admin-header .header-info .admin-board .admin-board-user {float:left;overflow:hidden;margin-top:-.4rem;margin-right:.5rem;width:2em;height:2em;border-radius:50%} #admin-header .header-info .admin-board .admin-board-text .badge {min-width:.9375rem} @media screen and (max-width: 63.9375em) { #admin-header .header-info.active .admin-board {position:absolute;z-index:10;display:block !important;left:0;right:0;top:0;background-color:#fefefe} #admin-header .header-info .admin-board {float:none;margin-left:auto;margin-right:auto;border-bottom:1px solid #d9dee4} #admin-header .header-info .admin-board::after {content:'';display:table;clear:both} #admin-header .header-info.active .admin-board-btn {display:none} } @media screen and (max-width: 39.9375em) { #admin-header .header-info .admin-board li:first-child {border-left:none} #admin-header .header-info .admin-board li .link-fa {padding-left:1.25rem;padding-right:1.25rem} #admin-header .header-info .admin-board li .drop-down .drop-down-btn {overflow:hidden;max-width:120px;text-overflow:ellipsis;white-space:nowrap} #admin-header .header-info .admin-board .admin-board-close {right:0} } @media screen and (max-width: 20.313em) { #admin-header .header-info .admin-board .link-fa.admin-manual {display:none} } /********************************************** note : admin container **********************************************/ #admin-container {position:relative;padding:75px 0px 60px 60px;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease} #admin-container::after {content:'';display:table;clear:both} #admin-container.option-view {padding-right:250px} #admin-container.active {padding-top:15px} #admin-container.option-view.is-active {padding-right:0} @media screen and (max-width: 63.9375em) { #admin-container {padding-bottom:.9375rem} #admin-container.option-view,#admin-container.option-view.is-active {padding-right:0} } /********************************************** note : admin aside **********************************************/ #admin-aside {position:fixed;z-index:1001;width:250px;background-color:#fefefe;right:0;top:60px;bottom:42px;border-left:1px solid #e2e4ee;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease} #admin-aside .admin-aside-wrapper {position:relative;overflow-y:auto;width:100%;height:100%;padding:70px 15px 15px} #admin-aside.active {top:0} #admin-aside.is-active {right:-250px} @media screen and (max-width: 63.9375em) { #admin-aside {right:-250px} #admin-aside.is-active {right:0} } @media screen and (max-width: 39.9375em) { #admin-aside {bottom:0} } /* button */ #admin-aside .aside-btns {position:fixed;z-index:1000;width:40px;height:40px;color:#aab1bd;background:transparent;border-radius:50%;right:15px;top:75px;cursor:pointer;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease} #admin-aside .aside-btns:hover {color:#727d92} #admin-aside.is-active .aside-btns {right:-20px;color:#fefefe;background-color:#727d92} #admin-aside.is-active .aside-btns:hover{color:#fefefe} #admin-aside.active .aside-btns {top:15px} @media screen and (max-width: 63.9375em) { #admin-aside .aside-btns {color:rgba(255,255,255,.6);background-color:rgba(114,125,146,.65);border:1px solid rgba(0,0,0,.15);right:-15px} #admin-aside .aside-btns:hover {color:#fefefe} #admin-aside.active .aside-btns {top:15px} #admin-aside.is-active .aside-btns {color:#fefefe;border-color:transparent;right:15px} #admin-wrap.active #admin-aside.is-active .aside-btns {right:-15px} } #admin-aside .aside-btns .arrow-box {display:none;position:absolute;z-index:1;width:50px;min-height:22px;padding:5px 10px;margin-left:-25px;font-size:.688rem;line-height:1em;color:#727d92;background-color:#fefefe;letter-spacing:-0.05em;border:1px solid #dddee3;border-radius:.2rem;left:50%;top:100%} #admin-aside .aside-btns:hover .arrow-box {display:block} #admin-aside .aside-btns .arrow-box::before, #admin-aside .aside-btns .arrow-box::after {content:'';position:absolute;border-style:solid;left:50%;bottom:100%} #admin-aside .aside-btns .arrow-box::before {z-index:2;margin-left:-4px;border-width:4px;border-color:transparent transparent #fefefe transparent} #admin-aside .aside-btns .arrow-box::after {z-index:1;margin-left:-5px;border-width:5px;border-color:transparent transparent #dddee3 transparent} #admin-aside .aside-btns.ease-guide .arrow-box {width:80px;margin-left:-40px} /* 기사등록 - 옵션 */ #admin-aside .admin-options::after {content:'';display:table;clear:both} #admin-aside .admin-options .options-title {margin-bottom:1rem;font-size:.9rem;line-height:1em;color:#25252b;letter-spacing:-0.05em} @media screen and (max-width: 63.9375em) { #admin-aside .admin-options .options-title {line-height:1.25em} } /* 기사등록 - 판구분 */ #admin-aside .admin-options .edit-types {margin-bottom:0} #admin-aside .admin-options .edit-types label {float:left;width:calc(50% - 1px);margin:0} #admin-aside .admin-options .edit-types label:last-child {float:right;width:50%} #admin-aside .admin-options .edit-types.tv-edit label {width:calc(33.3333333% - 1px);margin-right:1px} #admin-aside .admin-options .edit-types.tv-edit label:last-child {float:left;width:33.3333333%;margin-right:0} #admin-aside .admin-options .edit-types .edit-types-title {display:block;margin-top:.5rem;font-size:.8rem} /* 최근기사로그 */ #admin-aside .admin-options.article-logs li {display:block;padding:.625rem 0;font-size:.9rem;letter-spacing:-0.05em;color:rgba(0,0,0,.65);border-top:1px solid rgba(0,0,0,.1)} #admin-aside .admin-options.article-logs li::after {content:'';display:table;clear:both} #admin-aside .admin-options.article-logs li:first-child {border-top:none} #admin-aside .admin-options.article-logs li:hover {background-color:rgba(0,0,0,.03)} #admin-aside .admin-options.article-logs p {margin:0;padding:0} #admin-aside .admin-options.article-logs .article-logs-header {margin-bottom:.75rem} #admin-aside .admin-options.article-logs .article-logs-header::after {content:'';display:table;clear:both} #admin-aside .admin-options.article-logs .article-logs-header .badge {float:left;margin-right:.4rem} #admin-aside .admin-options.article-logs .article-logs-header strong {display:block;font-size:1rem;line-height:1em;color:rgba(0,0,0,.9)} #admin-aside .admin-options.article-logs .article-logs-content {padding-left:.5rem;padding-right:.5rem} #admin-aside .admin-options.article-logs .article-logs-content::after {content:'';display:table;clear:both} #admin-aside .admin-options.article-logs .article-logs-content .logs-content-title {margin-bottom:.25rem;font-size:.8rem;line-height:1em;color:rgba(0,0,0,.6)} #admin-aside .admin-options.article-logs .article-logs-content .logs-content-summary {font-size:.7rem;line-height:1.25em;letter-spacing:0;color:rgba(0,0,0,.4)} /* 편집복구리스트 */ #admin-aside .admin-options.admin-box-restore .box-restore-check {padding-top:.625rem;padding-bottom:.625rem;font-size:.9rem;letter-spacing:-0.05em;color:rgba(0,0,0,.65);border-top:1px solid rgba(0,0,0,.1);text-align:left;vertical-align:middle;cursor:pointer} #admin-aside .admin-options.admin-box-restore .box-restore-check::after {content:'';display:table;clear:both} #admin-aside .admin-options.admin-box-restore .box-restore-check:first-child {border-top:none} #admin-aside .admin-options.admin-box-restore .box-restore-check:hover {background-color:rgba(0,0,0,.03)} #admin-aside .admin-options.admin-box-restore .box-restore-check .restore-titles {padding-top:.1rem;font-size:.75rem;line-height:1em;color:#333} #admin-aside .admin-options.admin-box-restore .box-restore-check .restore-badge {display:inline-block;min-width:20px;height:20px;margin-right:.4rem;padding-top:.15rem;font-size:.625rem;color:#fefefe;background-color:#727d92;border-radius:50%;text-align:center} #admin-aside .admin-options.admin-box-restore .box-restore-check .restore-badge.html {background-color:#e74c3c} #admin-aside .admin-options.admin-box-restore .box-restore-check .restore-badge.auto {background-color:#1abc9c} #admin-aside .admin-options.admin-box-restore .box-restore-check .restore-badge.box {background-color:#2ecc71} #admin-aside .admin-options.admin-box-restore .box-restore-check .restore-badge.article {background-color:#95a5a6} #admin-aside .admin-options.admin-box-restore .box-restore-check .restore-badge.banner {background-color:#f39c12} #admin-aside .admin-options.admin-box-restore .box-restore-check .restore-badge.box-inner {background-color:#9b59b6} #admin-aside .admin-options.admin-box-restore .restore-times {padding-top:.1rem;font-size:.6rem;color:#999;letter-spacing:0} #admin-aside .admin-options.admin-box-restore .restore-no-data {font-size:.75rem;line-height:1em;color:#888;text-align:center} /* 기자명노출 */ #admin-aside .admin-writers hr {border-bottom-color:#e2e4ee} #admin-aside .admin-writers .button-group {margin-bottom:0} #admin-aside .admin-writers .writers-group::after {content:'';display:table;clear:both} #admin-aside .admin-writers .writers-group-title {margin-bottom:.625rem;font-size:.75rem;line-height:1em;color:#727d92} /* 파일업로드 */ #admin-aside .uploader-tabs .tabs {border:none} #admin-aside .uploader-tabs .tabs li.tabs-title {width:33.333333333%;text-align:center} #admin-aside .uploader-tabs .tabs li.tabs-title a {padding:10px 5px;font-size:.75rem;color:#727d92;letter-spacing:-0.05em;border:1px solid rgba(114,125,146,.2);border-left:none} #admin-aside .uploader-tabs .tabs li.tabs-title:first-child a {border:1px solid rgba(114,125,146,.2)} #admin-aside .uploader-tabs .tabs li.tabs-title a:hover {color:#e73f72} #admin-aside .uploader-tabs .tabs li.tabs-title.is-active a {font-weight:bold;color:#fefefe;background-color:#e73f72} #admin-aside .uploader-tabs .tabs-content {background:transparent;border:none} #admin-aside .uploader-tabs .tabs-content .tabs-panel {padding-left:0;padding-right:0} /* Accodion Tabs */ #admin-aside .accordion-item {border-bottom:1px solid rgba(10,10,10,.1)} #admin-aside .accordion-item:last-child {border-bottom:none} #admin-aside .accordion-item .accordion-title {padding:.9375rem 0;border:none;letter-spacing:-0.05em} #admin-aside .accordion-item .accordion-title:hover,#admin-aside .accordion-item .accordion-title:active,#admin-aside .accordion-item .accordion-title:focus {background:transparent} #admin-aside .accordion-item .accordion-title::before {right:0} #admin-aside .accordion-item:first-child .accordion-title::before {margin-top:-.9rem} #admin-aside .accordion-item:first-child .accordion-title {padding-top:0} #admin-aside .accordion-item .accordion-title strong {font-size:.9rem} #admin-aside .accordion-item .accordion-content {padding:0;margin-bottom:1rem;border:none} /* 팝업가져오기 */ #admin-aside .option-popup-group::after {content:'';display:table;clear:both} #admin-aside .option-popup-item {float:left;width:calc(50% - 1px);margin-right:1px;margin-bottom:1px} #admin-aside .option-popup-item:nth-of-type(1n), #admin-aside .option-popup-item:nth-of-type(1n) {clear:none} #admin-aside .option-popup-item:nth-of-type(2n+1), #admin-aside .option-popup-item:nth-of-type(2n+1) {clear:both} #admin-aside .option-popup-item:last-child, #admin-aside .option-popup-item:last-child {float:left} #admin-aside .option-popup-item input {display:none} #admin-aside .option-popup-item input + label {display:block;position:relative;height:70px;margin:0;padding:0;text-align:center} #admin-aside .option-popup-item input + label::before {content:'';position:absolute;z-index:3;border:1px solid rgba(0,0,0,.15);left:0;right:0;top:0;bottom:0} #admin-aside .option-popup-item input + label img {display:inline-block;position:relative;z-index:1;height:100%;margin-left:auto;margin-right:auto} #admin-aside .option-popup-item input + label .option-popup-item-title {overflow:hidden;position:absolute;z-index:2;padding:.25rem;font-size:.6rem;line-height:1em;color:rgba(255,255,255,.8);background-color:rgba(0,0,0,.6);left:0;right:0;bottom:0;text-overflow:ellipsis;white-space:nowrap} #admin-aside .option-popup-item input:checked + label::before {border-width:2px;border-color:#e73f72} /* 보도자료 */ .newswire-list {margin-bottom:1.25rem} .newswire-list .dis-table {width:100%;table-layout:fixed;border-bottom:1px solid rgba(0,0,0,.05)} .newswire-list .dis-table-cell {width:100%;padding:.8rem;line-height:1em;vertical-align:middle} .newswire-list .dis-table:first-child .dis-table-cell {border-top:2px solid rgba(0,0,0,.3)} .newswire-list .dis-table-cell.icons {width:65px} .newswire-list .dis-table-cell.titles {padding-left:0;font-size:1.063rem;line-height:1.35em;letter-spacing:-0.05em} .newswire-list .dis-table-cell.titles.noting {padding:1.5rem 0;text-align:center} .newswire-list .dis-table-cell.dated {width:150px;font-size:.8rem;letter-spacing:-0.05em;color:rgba(0,0,0,.5);text-align:right} .newswire-search .sch-forms {overflow:hidden;position:relative;width:220px;margin-bottom:1rem;padding-left:.5rem;padding-right:40px;background-color:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.08);border-radius:2rem} .newswire-search .sch-forms input#sc_word {height:35px;margin-bottom:0;font-size:.9rem;letter-spacing:-0.05em;background-color:transparent;border:none;box-shadow:none} .newswire-search .sch-forms .search-button {position:absolute;z-index:1;right:0;top:0;width:40px;height:35px;cursor:pointer} @media screen and (max-width: 39.9375em) { .newswire-list .dis-table,.newswire-list .dis-table-cell {display:block;width:auto !important;margin-left:auto;margin-right:auto} .newswire-list .dis-table {padding-top:1.25rem;padding-bottom:1.25rem} .newswire-list .dis-table-cell {padding:0;border-bottom:0} .newswire-list .dis-table:first-child .dis-table-cell {border-top:none} .newswire-list .dis-table-cell.icons,.newswire-list .dis-table-cell.dated {display:inline-block} .newswire-list .dis-table-cell.dated {text-align:left} .newswire-search .sch-forms {width:auto} } .articlePreview {cursor:pointer} .articlePreview:hover {text-decoration:underline} /********************************************** note : admin footer **********************************************/ #admin-footer {position:fixed;z-index:1000;height:42px;padding:.75rem .9375rem 0;line-height:1em;background-color:#fefefe;border-top:1px solid #c6cbd3;left:60px;right:0;bottom:0} #admin-footer::after {content:'';display:table;clear:both} /* footer navigation */ #admin-footer .admin-footer-nav {font-size:.75rem;margin-top:2px} #admin-footer .admin-footer-nav a {float:left;line-height:1em;color:#727d92;letter-spacing:-0.05em} #admin-footer .admin-footer-nav a::after {content:'';float:left;width:1px;height:11px;margin:2px 12px 0;background-color:rgba(0,0,0,.2)} #admin-footer .admin-footer-nav a:first-child::after {display:none} #admin-footer .admin-footer-nav a:hover {color:#32323a} /* footer copyright */ #admin-footer .admin-address {font-size:.688rem;color:#727d92} #admin-footer .admin-address > strong {color:#e32f66} @media screen and (max-width: 63.9375em) { #admin-footer {position:static} #admin-wrap.active #admin-footer {left:0} } /* back to the top */ .back-to-top {left:.625rem;right:inherit;bottom:.625rem !important} @media screen and (max-width: 63.9375em) { .back-to-top {left:inherit;right:.9375rem;bottom:.9375rem !important} } /********************************************** note : newsroom **********************************************/ /* 메뉴 */ #admin-wrap.newsroom #admin-nav > ul > li a:hover {color:#3498db} #admin-wrap.newsroom #admin-nav > ul > li.is-accordion-submenu-parent[aria-expanded="true"] > a, #admin-wrap.newsroom #admin-nav > ul > li > a.active {background-color:#3498db;color:#fefefe !important} #admin-wrap.newsroom #admin-nav > ul > li > ul.child-menu {background-color:#ecedf0;border-top-color:#3498db;border-right:0} #admin-wrap.newsroom #admin-nav > ul > li > ul.child-menu > li.current-page {background:rgba(77,83,112,.15)} #admin-wrap.newsroom #admin-nav > ul > li > ul.child-menu > li.current-page > a {font-weight:bold;text-shadow:rgba(255,255,255,.25) 0 -1px 0} #admin-wrap.newsroom #admin-nav > ul > li > ul.child-menu > li.current-page > a:hover {color:#2c3e50;background:none} /* newsroom bg,point */ #admin-wrap.newsroom .admin-point,#admin-wrap.newsroom .user-point,#admin-wrap.newsroom a.user-point {color:#2394f2} #admin-wrap.newsroom .admin-bg,#admin-wrap.newsroom .user-bg,#admin-wrap.newsroom .button.admin-bg,#admin-wrap.newsroom .button.user-bg, .nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, .nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, .switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label, .switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label::before,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label::before, .switch-group.for-ios > .nd-switch.user-bg input[type="checkbox"]:checked + label,.switch-group.for-ios > .nd-switch.user-bg input[type="radio"]:checked + label, .switch-group.for-ios > .nd-switch.user-bg input[type="checkbox"]:checked + label::before,.switch-group.for-ios > .nd-switch.user-bg input[type="radio"]:checked + label::before, .nd-switch.admin-bg input[type="checkbox"]:checked + label,.nd-switch.admin-bg input[type="radio"]:checked + label, .nd-switch.admin-bg input[type="checkbox"]:checked + label::before,.nd-switch.admin-bg input[type="radio"]:checked + label::before, .switch-group.admin-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.admin-bg > .nd-switch input[type="radio"]:checked + label, .switch-group.admin-bg > .nd-switch input[type="checkbox"]:checked + label::before,.switch-group.admin-bg > .nd-switch input[type="radio"]:checked + label::before, .switch-group.for-ios > .nd-switch.admin-bg input[type="checkbox"]:checked + label,.switch-group.for-ios > .nd-switch.admin-bg input[type="radio"]:checked + label, .switch-group.for-ios > .nd-switch.admin-bg input[type="checkbox"]:checked + label::before,.switch-group.for-ios > .nd-switch.admin-bg input[type="radio"]:checked + label::before {background-color:#42a5f5} #admin-wrap.newsroom .button.admin-bg:hover,#admin-wrap.newsroom .button.admin-bg:active,#admin-wrap.newsroom .button.admin-bg:focus,#admin-wrap.newsroom .button.user-bg:hover,#admin-wrap.newsroom .button.user-bg:active,#admin-wrap.newsroom .button.user-bg:focus {background-color:#2394f2} /* aside */ #admin-wrap.newsroom #admin-aside .uploader-tabs .tabs li.tabs-title a:hover {color:#3498db} #admin-wrap.newsroom #admin-aside .uploader-tabs .tabs li.tabs-title.is-active a {color:#fefefe;background-color:#3498db} /********************************************** note : size media css **********************************************/ #admin-wrap.active #admin-snb {position:fixed;width:235px} #admin-wrap.active #admin-snb .admin-logo {width:235px} #admin-wrap.active #admin-nav > ul > li > a > strong {display:inline;overflow:visible;font-size:.9rem;font-weight:700} #admin-wrap.active #admin-nav > ul > li > a::after {display:block} #admin-wrap.active #admin-nav > ul > li > a.active {border-top:none} #admin-wrap.active #admin-nav > ul > li > a > .fa.n-icon {font-size:inherit;margin-right:.438rem} #admin-wrap.active #admin-nav > ul > li > ul.child-menu {position:static;width:auto;top:inherit;left:inherit;border-right:5px solid #e5316e;border-top:none} #admin-wrap.active #admin-header,#admin-wrap.active #admin-footer {left:235px} #admin-wrap.active #admin-container {padding-left:235px} #admin-wrap.active #admin-aside {right:0} @media screen and (max-width: 63.9375em) { #admin-wrap.active #admin-aside {right:-250px} } /********************************************** note : size media css **********************************************/ /* tablet */ @media screen and (max-width: 63.9375em) { #admin-snb {position:absolute;overflow:visible;width:60px !important;bottom:0;left:-60px !important;visibility:hidden} #admin-nav ul {overflow:hidden;height:0px !important} #admin-header,#admin-footer {left:0px !important} #admin-container {padding-left:0px !important} #admin-wrap.active #admin-snb {position:absolute;overflow:visible;left:0px !important;visibility:visible} #admin-wrap.active #admin-snb .admin-logo {width:60px} #admin-wrap.active #admin-nav ul {overflow:visible;height:auto !important} #admin-wrap.active #admin-nav > ul > li > a > .fa.n-icon {font-size:1.3rem;margin-right:0} #admin-wrap.active #admin-nav > ul > li > a > strong {display:block;overflow:hidden;font-size:0.625em;font-weight:300;text-overflow:ellipsis;white-space:nowrap;text-align:center} #admin-wrap.active #admin-nav > ul > li > a::after {display:none} #admin-wrap.active #admin-nav > ul > li > a.active {border-top:5px solid #e5316e} #admin-wrap.active #admin-nav > ul > li > ul.child-menu {position:absolute;z-index:2;width:200px;height:auto;top:0px;left:60px;border-right:0;border-top:5px solid #e5316e} #admin-wrap.active #admin-snb {left:0 !important;visibility:visible} #admin-wrap.active #admin-header,#admin-wrap.active #admin-footer {left:60px !important} #admin-wrap.active #admin-container {padding-left:60px !important} /* 뉴스룸 */ #admin-wrap.newsroom #admin-snb .logo .ci {background-position:0 -60px} #admin-wrap.newsroom #admin-nav > ul > li > a.active {border-top:0} #admin-wrap.newsroom #admin-nav > ul > li > ul.child-menu {border:1px solid rgba(0, 0, 0, .05);border-left:0;box-shadow:rgba(0,0,0,0.07) 1px 1px 1px} } /********************************************** note : admin dashboard **********************************************/ #admin-wrap .dashboard-banners {margin-bottom:1rem} #admin-wrap .dashboard-panel {position:relative;background-color:#fefefe;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease} #admin-wrap .dashboard-panel::after,#admin-wrap .dashboard-panel .dashboard-panel-content::after {content:'';display:table;clear:both} #admin-wrap .dashboard-panel::before {content:'';position:absolute;z-index:1;background:transparent;left:0;right:0;top:0;bottom:0} #admin-wrap .dashboard-panel:hover::before {background-color:rgba(0,0,0,.12);-webkit-transition:background .25s;transition:background .25s} #admin-wrap .dashboard-panel .links {display:block;position:relative;z-index:1;padding:1rem;text-decoration:none} #admin-wrap .dashboard-panel .dashboard-panel-header {display:block;float:left;width:35%;margin-right:1rem;font-size:3rem;color:#fefefe;text-align:center} #admin-wrap .dashboard-panel .dashboard-panel-content {display:block;position:relative;z-index:2} #admin-wrap .dashboard-panel .dashboard-panel-number {display:block;overflow:hidden;margin-bottom:.4rem;font-family:'Open Sans','Malgun Gothic',sans-serif;font-size:3rem;font-weight:700;line-height:1em;color:#fefefe;letter-spacing:-0.08em;text-overflow:ellipsis;white-space:nowrap} #admin-wrap .dashboard-panel .dashboard-panel-title {display:block;overflow:hidden;font-size:.8rem;line-height:1.2em;letter-spacing:-0.08em;color:rgba(255,255,255,.75);text-overflow:ellipsis;white-space:nowrap} #admin-wrap .dashboard-panel .button {margin-bottom:0;background-color:rgba(255,255,255,.3)} @media screen and (max-width: 63.9375em) { #admin-wrap .dashboard-panel {margin-bottom:0} #admin-wrap .dashboard-banners .columns:last-child .dashboard-panel {margin-bottom:1rem} #admin-wrap .dashboard-panel .dashboard-panel-number {font-size:2.5rem} #admin-wrap .dashboard-panel .dashboard-panel-title {line-height:1.25em} } @media screen and (max-width: 39.9375em) { #admin-wrap .dashboard-panel {padding:.9375rem;text-align:center} #admin-wrap .dashboard-panel .dashboard-panel-header {float:none;margin-left:auto;margin-right:auto;margin-bottom:.5rem} #admin-wrap .dashboard-panel .dashboard-panel-number {font-size:2rem} } #admin-wrap .dashboard-panel.panel-A {background-color:#50667f} #admin-wrap .dashboard-panel.panel-B {background-color:#3bb2d0} #admin-wrap .dashboard-panel.panel-C {background-color:#3887be} #admin-wrap .dashboard-panel.panel-D {background-color:#8a8acb} #admin-wrap .dashboard-panel.panel-E {background-color:#56b881} #admin-wrap .dashboard-panel.panel-F {background-color:#ed6498} #admin-wrap .dashboard-panel.panel-G {background-color:#f9886c} #admin-wrap .dashboard-panel.panel-H {background-color:#e55e5e} /* 리스트 */ .dashboard-articles {margin-bottom:0} .dashboard-articles::after, .dashboard-articles li::after {content:'';display:table;clear:both} .dashboard-articles li {padding:.4rem 0;line-height:1em;letter-spacing:-0.05em} .dashboard-articles li:first-child {padding-top:0} .dashboard-articles li a {line-height:1.2em} .dashboard-articles li .secitions,.dashboard-articles li .dated {font-size:.8rem;color:rgba(0,0,0,.45)} @media screen and (max-width: 39.9375em) { .dashboard-articles li {padding:.8rem 0;border-top:1px dotted rgba(0,0,0,.15)} .dashboard-articles li a {display:block} .dashboard-articles li:first-child {border-top:none} .dashboard-articles li .secitions {display:inline-block;margin-bottom:.25rem} .dashboard-articles li .dated {margin-top:.5rem} } /* panel links */ .admin-dashboard-links {display:block;position:relative} a.admin-dashboard-links,button.admin-dashboard-links {text-decoration:none} .admin-dashboard-links::before {content:'더보기';float:right;padding-right:.7rem;font-size:.7rem;font-weight:400;letter-spacing:-0.075em;color:rgba(0,0,0,.45)} .admin-dashboard-links::after {content:'';position:absolute;z-index:1;border-width:3px;border-style:solid;border-color:transparent transparent transparent rgba(0,0,0,.3);right:0;top:50%;transform:translateY(-50%)} /* table width */ #admin-wrap .dashboard-width {width:18%} @media screen and (max-width: 63.9375em) { #admin-wrap .dashboard-width {width:25%} } @media screen and (max-width: 39.9375em) { #admin-wrap .dashboard-width {width:35%} } /********************************************** note : admin panel reset **********************************************/ .panel.admin-layout .panel-title {letter-spacing:-0.05em} .panel.admin-layout .panel-title small {font-size:.75rem;font-weight:normal;color:#727d92} .panel.admin-layout .button-group, .panel.admin-layout .pagination {margin-bottom:0} /********************************************** note : admin article search forms **********************************************/ .admin-search-forms .search-field {max-width:245px} @media screen and (max-width: 39.9375em) { .admin-search-forms .search-field {max-width:100%} } .admin-search-forms .select-viewer {margin-right:1px} .admin-search-forms .select-viewer select {min-height:40px;font-size:.75rem;color:#727d92;letter-spacing:-0.05em} .admin-search-forms .member-search-plus {position:relative;min-height:40px;padding:0 10px;margin-left:1px;font-size:.75rem;color:#32323a;letter-spacing:-0.05em;cursor:pointer} .admin-search-forms .member-search-plus::after {content:'';float:right;position:absolute;margin-top:-3px;border-width:3px;border-style:solid;border-color:transparent transparent #32323a transparent;right:0px;top:50%} .admin-search-forms .member-search-plus:hover {color:#e32f66} .admin-search-forms .member-search-plus:hover::after {border-bottom-color:#e32f66} .admin-search-forms .select-mode select {margin-bottom:1px;font-size:.75rem;color:#727d92;letter-spacing:-0.05em} .admin-search-forms .dropdown-pane {border-radius:.2rem} .admin-search-forms .dropdown-pane::before, .admin-search-forms .dropdown-pane::after {content:'';position:absolute;border-style:solid;border-color:transparent;top:100%} .admin-search-forms .dropdown-pane::before {z-index:1;border-width:5px;border-top-color:#cacaca;left:35px} .admin-search-forms .dropdown-pane::after {z-index:2;border-width:4px;border-top-color:#fefefe;left:36px} /********************************************** note : admin member **********************************************/ /* list */ .member-list .member-search .search-field {max-width:245px} @media screen and (max-width: 39.9375em) { .member-list .member-search .search-field {max-width:100%} } .member-list .member-search .select-viewer {margin-right:1px} .member-list .member-search .select-viewer select {min-height:40px;font-size:.75rem;color:#727d92;letter-spacing:-0.05em} .member-list .member-search .member-search-plus {position:relative;min-height:40px;padding:0 10px;margin-left:1px;font-size:.75rem;color:#32323a;letter-spacing:-0.05em;cursor:pointer} .member-list .member-search .member-search-plus::after {content:'';float:right;position:absolute;margin-top:-3px;border-width:3px;border-style:solid;border-color:transparent transparent #32323a transparent;right:0px;top:50%} .member-list .member-search .member-search-plus:hover {color:#e32f66} .member-list .member-search .member-search-plus:hover::after {border-bottom-color:#e32f66} .member-list .member-search .select-mode select {margin-bottom:1px;font-size:.75rem;color:#727d92;letter-spacing:-0.05em} .member-list .member-search .dropdown-pane {border-radius:.2rem} .member-list .member-search .dropdown-pane::before, .member-list .member-search .dropdown-pane::after {content:'';position:absolute;border-style:solid;border-color:transparent;top:100%} .member-list .member-search .dropdown-pane::before {z-index:1;border-width:5px;border-top-color:#cacaca;left:35px} .member-list .member-search .dropdown-pane::after {z-index:2;border-width:4px;border-top-color:#fefefe;left:36px} /********************************************** note : admin guide **********************************************/ .admin-guide .guide-group::after {content:'';display:table;clear:both} .admin-guide .guide-group .guide-group-title {margin-bottom:.75em;font-size:.9rem;line-height:1em;color:#e7316e;letter-spacing:-0.05em} .admin-guide .guide-group .guide-group-summary {margin-bottom:0;font-size:.8rem;line-height:1.55em;color:rgba(0,0,0,.55);letter-spacing:-0.05em} /********************************************** note : admin login **********************************************/ .admin-login {text-align:center;background:url(/image/admin/admin-login-bg.png) repeat} .admin-login #user-wrap {max-width:420px;margin-left:auto;margin-right:auto;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.08)} .admin-login #user-wrap #user-header {padding:0 !important} .admin-login #user-wrap #user-container {padding:.9375rem} .admin-login .admin-login-guide {line-height:1em;text-align:left} .admin-login .admin-login-guide .guide-title {margin-bottom:.75rem;letter-spacing:-0.05em} .admin-login .admin-login-guide .guide-summary {font-size:.8rem;line-height:1.55em;color:rgba(0,0,0,.55)} @media screen and (max-width: 39.9375em) { .admin-login #user-wrap {border:none} } /********************************************** note : 기사등록 **********************************************/ /* 기사에디터 */ #admin-wrap .editor-forms {padding-left:.9375rem;padding-right:.9375rem;margin-bottom:1rem} #admin-wrap .editor-forms::after {content:'';display:table;clear:both} @media screen and (max-width: 39.9375em) { #admin-wrap .editor-forms {padding-left:0;padding-right:0} } /* 기자명노출 */ #admin-wrap .admin-writers hr {border-bottom-color:#e2e4ee} #admin-wrap .admin-writers .button-group {margin-bottom:0} #admin-wrap .admin-writers .writers-group::after {content:'';display:table;clear:both} #admin-wrap .admin-writers .writers-group-title {margin-bottom:.625rem;font-size:.75rem;line-height:1em;color:#727d92} /* 파일업로드 */ #admin-wrap .uploader-tabs .tabs {border:none} #admin-wrap .uploader-tabs .tabs li.tabs-title {width:33.333333333%;text-align:center} #admin-wrap .uploader-tabs .tabs li.tabs-title a {padding:10px 5px;font-size:.75rem;color:#727d92;letter-spacing:-0.05em;border:1px solid rgba(114,125,146,.2);border-left:none} #admin-wrap .uploader-tabs .tabs li.tabs-title:first-child a {border:1px solid rgba(114,125,146,.2)} #admin-wrap .uploader-tabs .tabs li.tabs-title a:hover {color:#e73f72} #admin-wrap .uploader-tabs .tabs li.tabs-title.is-active a {font-weight:bold;color:#fefefe;background-color:#e73f72} #admin-wrap .uploader-tabs .tabs-content {background:transparent;border:none} #admin-wrap .uploader-tabs .tabs-content .tabs-panel {padding-left:0;padding-right:0} /* 사진업로드 */ #admin-wrap .write-upload::after {content:'';display:table;clear:both} #admin-wrap .write-upload .upload-column {float: left;width:50%;padding:0 1px;margin-bottom:2px} #admin-wrap .write-upload .upload-column:nth-of-type(1n), #admin-wrap .write-upload .upload-column:nth-of-type(1n) {clear:none} #admin-wrap .write-upload .upload-column:nth-of-type(2n+1), #admin-wrap .write-upload .upload-column:nth-of-type(2n+1) {clear:both} #admin-wrap .write-upload .upload-column:last-child, #admin-wrap .write-upload .upload-column:last-child {float:left} #admin-wrap .upload-checked {position:relative;cursor:pointer} #admin-wrap .upload-checked::after {content:'';display:table;clear:both} #admin-wrap .upload-checked .files-header {display:table;width:100%;table-layout:fixed} #admin-wrap .upload-checked .files-header .files-header-wrapper {display:table-cell;position:relative;width:100%;height:70px;vertical-align:middle;text-align:center} #admin-wrap .upload-checked .files-header .files-header-wrapper img {max-height:100%} #admin-wrap .upload-checked .files-content {padding:.5rem;font-size:.7rem;line-height:1em;letter-spacing:-0.05em;color:rgba(0,0,0,.5);background-color:#f8f8f8;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid rgba(0,0,0,.08);text-align:center} #admin-wrap .upload-checked .files-content::after {content:'';display:table;clear:both} /* 대표이미지 */ #admin-wrap .upload-checked.represent .files-header .files-header-wrapper::before {content:'대표';display:inline-block;position:absolute;z-index:4;padding:.25rem;font-size:.7rem;letter-spacing:-0.05em;color:#fefefe;background-color:#e7316e;line-height:1em;left:0;top:0} #admin-wrap.newsroom .upload-checked.represent .files-header .files-header-wrapper::before {background-color:#3498db} /* 체크 */ #admin-wrap .upload-checked .upload-files {position:absolute;z-index:3;margin:0;background:transparent;border:1px solid rgba(0,0,0,.12);left:0;right:0;top:0;bottom:0} #admin-wrap .upload-checked .upload-files:hover,#admin-wrap .upload-checked .upload-files:active,#admin-wrap .upload-checked .upload-files:focus {border-color:#6e7990} #admin-wrap .upload-checked input[type=checkbox]:checked ~ label,#admin-wrap .upload-checked input[type=radio]:checked ~ label {background-color:rgba(255,255,255,.35);border-width:2px;border-color:#6e7990} /* 동영상 */ #admin-wrap .upload-checked.file-mov .files-header .files-header-wrapper {background-color:#000} #admin-wrap .upload-checked.file-mov .files-header .files-header-wrapper::before {content:'';display:block;position:absolute;z-index:1;left:.625rem;bottom:.625rem;width:20px;height:20px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACcAAAAnCAYAAACMo1E1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzcxNzAwNzcwRDA0MTFFN0I1RTZDREVFOUIxNDE3NTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzcxNzAwNzgwRDA0MTFFN0I1RTZDREVFOUIxNDE3NTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNzE3MDA3NTBEMDQxMUU3QjVFNkNERUU5QjE0MTc1MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNzE3MDA3NjBEMDQxMUU3QjVFNkNERUU5QjE0MTc1MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Piy7J7cAAAZESURBVHjatFhtTFtVGOb29rbQ0jIJQ1SIE0GcgjNDnNkP5ccSooRkUYlhjsRFTEj0j2b4g+nGEnUSwxY3k0myOHUZIbogC9sE/MJk48MIcx+wDRQ2vmEMXKF8t/V5mnOXrtL1tqUnOWl7e865z/v9vEdyuVwRoQwJgx9icvBAlyvUgzH0QYKRxV65rKwsZsuWLclms9lqMBiU6elpW09PzzCWDeF/h5jLwOoMGB0F1DIxdJjG0tLSB27cuPGWzWb7fnl5eYAacjqdiw6HYwpzHN9nxDPb7Ozsb2NjY2V1dXUbsDdKCCRpfqdWUEePHk2dmJj4AgBsADU4OTn5ZXd397ba2tqM2NhYK9ZEi2k5cODAuo6OjhdHR0c/mpuba8U5y3a7vbG9vT1HgJRDBsdDNm3aZB0ZGfkQmpjGi85eunTp5ZSUFIIxCk3oVtinmt6AaYbmNk5NTX2FM+Zh9tpjx46l4bniT4u+QPFw/fHjx1MJCJrqv3Llyja+KFDTqEJiRtbU1KRDgz9B+xOXL19+RQgoBQpOaWpqyqJPzczM1FdUVCRpkVQLyLVr10YPDg7uohb7+/vfJWhf5650gL6+vn4jpaMp0tLSLFp9RCNAWiWyq6vrNQC0Dw0NlfgC+D/JysvLExcXF/sA7GthRt1qAfMCaLx69ep2AJzr7OzMp2V8ghMbouCwJ+FnLZmZmTHhAOatweHh4V20kggS2Rc4Bcnzdean6urq9atpynsBpA8iH/4Cpfwg0ox0Fzg+yM7OXkNzQpIPqHKN+U8OVbs8g6mGASLyoN4bnNLX11eM6BwtKCiI8/dCCrN///7YW7du7WHFCDWSaV4GHxM1tecNzkQ/Q0b/WKPWpDNnzjzBMgWBhuHYb4rgkYPVXmNj4zM87sSJE0+qynGbB8lxPX44PP/wZ1ImVJfHgN80nTp1KlMkVl0QwWGen5//E7V4DyuLCk4ZGBh4Z2FhoZMLtJIAb3Ci2M+j1FUUFxfHB2pqAhofH/+EZEE1rduprVZrFh62CnoTCrczJiQkvHfw4ME21mC+BM9kjdsdEKwlMjIyUwSaG5wOPOwxgLuG786IVRiKoqxLT0+vBq36rqqq6nGCxtT52eZsbW3twjoLct5DgjdGmJFC/mGO8wzjYMy60iC/g9vsZaryFzCkW+SGLS0t2XyHWxqdTheNaJ2JCMOAAsyJiYm7Gxoazubl5Rn9c1+XHaZl5N9R9ZIsy0pEmAa0MQlnr0SyXdKwXBZ9iNvnuNkGtBaPJmW1huv27dtVlZWVWUlJSZXsJe7Vm2RkZCi0IvZMcS+Jo3NpaWnQYrE8uprg4MddFy9e3JmVldWEnwsaGhxp3759yfxEQr6uas+IMvS5WnhDDQjSeQTAbhEAmlkz16IneYMEV823NKvj5s2b50wm02Y0KooawsEMCFgHRkMTloNJ21iOAuhf9WAoz3vnW6mkpCSBIX/+/PlcLemEezw1BxP2Xrhw4VXW6GDqK89LTk6OgdZGent7i1QMd1gBEyYcsVqLaXkYIi+VLBZZ/TPBZIJmJgSDBqqAgSlKn+QJTmbiw58L7EO1SM8DDx8+HB9MoV+p6CPPtrEv9mRFd1F08Kl6+E2NMI8UbiasckkGArXGxt1TUG9GuoGmoopV2hJmYPKhQ4ceISdk4+7NJb0XG9Gq7UTDMUmH11prgwSmYxOF6PwZJj3HmwVv91jJ/iZe0iACrx05ciQlHAAJgo0NqPm31NpKnZevplqXn58fi07/R7IVcUNkWC0fJIicnJxYKgAWGgMhyPSlAJ8H5Obm3sf0QhOLexJTKO2ieluFVuAp0PF2dnqnT59++l4pyN9hJvjg+wwSAD0JPwz4nk0FVVRUdD+cfi+TPRt3cf+iD+UKzH1tQAl5oUMiSHMg9AsKCwvjBVCDkF7vMQ3i/oPXXxtAlz7lxSK1BVK7XasVJC2lT/QBhubm5mdBv9+Ojo5+iY8Rab9j/oX8eB2f/wL8clRUlBV1+kGz2ZyG78+BsqfCjG1oO7/ZsWNHNWquXVzD+n2xpLUuC0JAEymoxWtgphfi4uI2gweuB4CHwcOoDQMAzkJLI9DS39DyH+jif926dSsp0JJWUAGD83FpLatNkjfJFM2S+8I6qMtqjP8EGADMeClLByblJAAAAABJRU5ErkJggg==') 0 0 no-repeat;background-size:20px 20px} /* 동영상대체이미지 */ #admin-wrap .upload-checked .files-header .video-ex-img {position:relative;width:100%;height:100%;color:#fefefe;background-color:#000} #admin-wrap .upload-checked .files-header .video-ex-img > .icon-video-player {position:absolute;z-index:1;font-size:1.5rem;left:50%;top:50%;transform:translateX(-50%) translateY(-50%)} /* 문서 */ #admin-wrap .upload-checked.file-doc .files-header .files-header-wrapper::before {content:'';display:block;width:14px;height:20px;margin-left:auto;margin-right:auto;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAoCAYAAADt5povAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QThCM0RBQjAwRDA1MTFFNzlGNjhERjk1MTQ4QjE0MzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QThCM0RBQjEwRDA1MTFFNzlGNjhERjk1MTQ4QjE0MzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOEIzREFBRTBEMDUxMUU3OUY2OERGOTUxNDhCMTQzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOEIzREFBRjBEMDUxMUU3OUY2OERGOTUxNDhCMTQzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjFwWqIAAADaSURBVHja7FgLCsMgDPV3OS/gdTyHV/AAHs9sWXF0YP3VWrYlECpNyNO8RDAcABjnHNgkecbjJTsa32De+2EgY0wfYM2xJvss1WKBtRYwtWd0w9m+aZ1TVdrpCEdoxxioOV/BLpAElNu8aDnJCL9HoCLnmAM4+t8CKqWES1O6lxACizGyZYBa64/UqpnBaxWOdrHqSmtKaW+hJP+cOufWcLik8UvSfbWd5VaNkv81Kf19Du8/IRUNNT5xSI1PRUON/4ccTntytz4Dpg0VWgYOL8DZY5NaxT4EGACyAOcr7yMvaAAAAABJRU5ErkJggg==') 0 0 no-repeat;background-size:14px 20px} /* 저장버튼 */ #admin-wrap .write-save {position:absolute;z-index:10;left:.625rem;right:.625rem;bottom:0} #admin-wrap .write-save .button {letter-spacing:-0.075em} /* custom */ .write-form.customer {position:relative;overflow-y:auto;width:100%;height:100%} @media screen and (max-width: 63.9375em) { .write-form.customer {position:static;overflow-y:inherit;width:auto;height:auto} } /* 섹션 */ .write-form .write-section .write-section-lists {margin-bottom:1rem} .write-form .write-section .write-section-lists .columns {padding-right:1px} .write-form .write-section .write-section-lists .columns:last-child {padding-right:0} .write-form .write-section .write-section-select,.write-form .write-section .write-section-button {min-height:42px;margin-bottom:1px} @media screen and (max-width: 39.9375em) { .write-form .write-section .write-section-lists .columns {padding-right:0} } /* accordion */ .write-form .accordion .accordion-title {padding:0;padding-right:2.25rem;font-size:.8rem;letter-spacing:-0.05em;border:none;text-align:right;-moz-transition:all .25s;transition:all .25s} .write-form .accordion .accordion-title:focus {background:transparent} .write-form .accordion .accordion-title:hover,.write-form .accordion .accordion-title[aria-expanded="true"] {color:#e6336d;background:transparent} .write-form .accordion .accordion-title::before {content:'';margin-top:.15rem;border-width:3px;border-style:solid;border-color:#333 transparent transparent transparent;transform:translateY(-50%)} .write-form .accordion .is-active > .accordion-title::before {margin-top:-.1rem;border-color:transparent transparent #e6336d transparent} #admin-wrap.newsroom .write-form .accordion .accordion-title:hover,#admin-wrap.newsroom .write-form .accordion .accordion-title[aria-expanded="true"] {color:#3498db} #admin-wrap.newsroom .write-form .accordion .is-active > .accordion-title::before {border-bottom-color:#3498db} .write-form .accordion .accordion-content {padding:0;border:none} @media screen and (max-width: 63.9375em) { .write-form .accordion .accordion-title {padding-top:1rem;padding-bottom:1rem} } @media screen and (max-width: 39.9375em) { .write-form .accordion .accordion-title {text-align:left;padding-right:0} .write-form .accordion .accordion-title::before {right:0} } /* 키워드 */ .write-form .tagit,.write-form .tagit .tagit-choice {border-radius:0} .write-form .tagit {padding:.9375rem;border-color:rgba(0,0,0,.08);border-bottom-color:rgba(0,0,0,.2)} .write-form .tagit li {margin:0 1px 0 0} .write-form .tagit li.tagit-new {padding:.33333rem .5rem} .write-form .tagit .tagit-choice,.write-form .tagit .tagit-label {font-size:.75rem;letter-spacing:-0.05em;color:#fefefe;background:#727d92;border-color:rgba(0,0,0,.08)} .write-form .tagit .ui-icon,.write-form .ui-widget-content .ui-icon {background:none;text-indent:0} .write-form .ui-widget-content .ui-icon::after {content:"\e680";width:1.2857142857142858em;font-family:'Stroke 7';font-style:normal;font-weight:400;font-variant:normal;font-size:1.125rem;text-transform:none;line-height:1;color:#fefefe} .write-form .tagit .ui-autocomplete-input {height:auto;font-size:.75rem} /* 관련기사 */ .write-form .article-relation {margin-bottom:.25rem} /* 워터마크 */ .write-watermark .wm-icon {display:block;overflow:hidden;width:18px;height:18px;background:url('/image/admin/write_watermark.png') no-repeat} .write-watermark .wm-icon.t-left {background-position:0 -144px} .write-watermark .wm-icon.t-center {background-position:-36px -144px} .write-watermark .wm-icon.t-right {background-position:-72px -144px} .write-watermark .wm-icon.m-left {background-position:-108px -144px} .write-watermark .wm-icon.m-center {background-position:-144px -144px} .write-watermark .wm-icon.m-right {background-position:0 -180px} .write-watermark .wm-icon.b-left {background-position:-36px -180px} .write-watermark .wm-icon.b-center {background-position:-72px -180px} .write-watermark .wm-icon.b-right {background-position:-108px -180px} .write-watermark .wm-icon.bg-none {background-position:-144px -180px} .write-watermark input[type='radio'] + label {min-height:40px} .write-watermark input[type='radio']:checked + label .wm-icon.t-left {background-position:0 -216px} .write-watermark input[type='radio']:checked + label .wm-icon.t-center {background-position:-36px -216px} .write-watermark input[type='radio']:checked + label .wm-icon.t-right {background-position:-72px -216px} .write-watermark input[type='radio']:checked + label .wm-icon.m-left {background-position:-108px -216px} .write-watermark input[type='radio']:checked + label .wm-icon.m-center {background-position:-144px -216px} .write-watermark input[type='radio']:checked + label .wm-icon.m-right {background-position:0 -252px} .write-watermark input[type='radio']:checked + label .wm-icon.b-left {background-position:-36px -252px} .write-watermark input[type='radio']:checked + label .wm-icon.b-center {background-position:-72px -252px} .write-watermark input[type='radio']:checked + label .wm-icon.b-right {background-position:-108px -252px} .write-watermark input[type='radio']:checked + label .wm-icon.bg-none {background-position:-144px -252px} @media screen and (max-width: 39.9375em) { .write-watermark .wm-icon {background-size:90px auto} .write-watermark .wm-icon.t-left {background-position:0 0} .write-watermark .wm-icon.t-center {background-position:-18px 0} .write-watermark .wm-icon.t-right {background-position:-36px 0} .write-watermark .wm-icon.m-left {background-position:-54px 0} .write-watermark .wm-icon.m-center {background-position:-72px 0} .write-watermark .wm-icon.m-right {background-position:0 -18px} .write-watermark .wm-icon.b-left {background-position:-18px -18px} .write-watermark .wm-icon.b-center {background-position:-36px -18px} .write-watermark .wm-icon.b-right {background-position:-54px -18px} .write-watermark .wm-icon.bg-none {background-position:-72px -18px} .write-watermark input[type='radio']:checked + label .wm-icon.t-left {background-position:0 -36px} .write-watermark input[type='radio']:checked + label .wm-icon.t-center {background-position:-18px -36px} .write-watermark input[type='radio']:checked + label .wm-icon.t-right {background-position:-36px -36px} .write-watermark input[type='radio']:checked + label .wm-icon.m-left {background-position:-54px -36px} .write-watermark input[type='radio']:checked + label .wm-icon.m-center {background-position:-72px -36px} .write-watermark input[type='radio']:checked + label .wm-icon.m-right {background-position:0 -54px} .write-watermark input[type='radio']:checked + label .wm-icon.b-left {background-position:-18px -54px} .write-watermark input[type='radio']:checked + label .wm-icon.b-center {background-position:-36px -54px} .write-watermark input[type='radio']:checked + label .wm-icon.b-right {background-position:-54px -54px} .write-watermark input[type='radio']:checked + label .wm-icon.bg-none {background-position:-72px -54px} } /* 사진등록 */ .write-form .uploader-imgfile {position:relative;margin-bottom:1rem} .write-form .uploader-imgfile .button-group {margin-bottom:1px} .write-form .uploader-imgfile::after, .write-form .uploader-imgfile .photo::after {content:'';display:table;clear:both} /* photo */ .write-form .uploader-imgfile .photo {position:relative;text-align:center} .write-form .uploader-imgfile .photo::before {content:'';position:absolute;z-index:2;left:0;right:0;top:0;bottom:0;border:1px solid rgba(0,0,0,.08)} .write-form .uploader-imgfile .photo .caption {position:absolute;z-index:1;padding:.4rem .625rem;font-size:.7rem;line-height:1em;letter-spacing:-0.05rem;color:#fefefe;background-color:rgba(0,0,0,.65);left:0;right:0;bottom:0} /* 글쓰기 아이콘 */ .wpt-group.nd-white .button {border-color:transparent !important;color:rgba(0,0,0,.55) !important} .wpt-group.nd-white .button:hover,.wpt-group.nd-white .button:active,.wpt-group.nd-white .button:focus {border-color:rgba(0,0,0,.12) !important;color:#e7316e !important} /*.wpt-group .button-text {margin-top:.5rem;font-size:.8rem;letter-spacing:-0.08em}*/ .wpt-group .button-text {overflow:hidden;margin-top:.5rem;font-size:.7rem;line-height:1.25em;letter-spacing:-0.08em;text-overflow:ellipsis;white-space:nowrap} .wpt-group [class*="icon-"] {color:#000} .wpt-group [class*="icon-"].fa-2x {font-size:1.75rem} .wpt-group [class*="icon-"].fa-lg {font-size:1.2rem} .wpt-group.nd-white .button:hover [class*="icon-"],.wpt-group.nd-white .button:active [class*="icon-"],.wpt-group.nd-white .button:focus [class*="icon-"] {color:#e7316e} /* 뉴스룸 글쓰기아이콘 */ #admin-wrap.newsroom .wpt-group.nd-white .button:hover,#admin-wrap.newsroom .wpt-group.nd-white .button:active,#admin-wrap.newsroom .wpt-group.nd-white .button:focus {color:#3498db !important} #admin-wrap.newsroom .wpt-group.nd-white .button:hover [class*="icon-"],#admin-wrap.newsroom .wpt-group.nd-white .button:active [class*="icon-"],#admin-wrap.newsroom .wpt-group.nd-white .button:focus [class*="icon-"] {color:#3498db} /********************************************** note : 관련사진 추가/불러오기 **********************************************/ .photo-relation .header::after,.photo-relation .container::after,.photo-relation .footer::after {content:'';display:table;clear:both} /* header */ .photo-relation .header {letter-spacing:-0.05em} .photo-relation .header .search-wrap {max-width:250px} .photo-relation .header .button-group,.photo-relation .header .input-group {margin-bottom:0} @media screen and (max-width: 39.9375em) { .photo-relation .header .search-wrap {max-width:100%} .photo-relation .header .button-group {margin-bottom:1rem} } /* container */ .photo-relation .container {position:relative;width:100%;height:520px} .photo-relation .container .iframe-contents {position:relative;z-index:1;width:100%;height:100%;border:none} @media screen and (max-width: 63.9375em) { .photo-relation .container {height:450px} } @media screen and (max-width: 39.9375em) { .photo-relation .container {height:320px} } /* footer */ .photo-relation .footer .button {margin-bottom:0} /********************************************** note : 기사댓글관리 **********************************************/ #admin-wrap .admin-reply-list .reply-id {letter-spacing:-0.025em} #admin-wrap .admin-reply-list .reply-id .level {font-size:.75rem;color:rgba(0,0,0,.45)} #admin-wrap .admin-reply-list .reply-summary {letter-spacing:-0.05em;word-break:break-all} #admin-wrap .admin-reply-list .reply-dated {margin-bottom:.25rem;color:rgba(0,0,0,.45);line-height:1em;letter-spacing:-0.025em} #admin-wrap .admin-reply-list .reply-width-50 {width:3.125rem} #admin-wrap .admin-reply-list .reply-width-150 {width:9.375rem} #admin-wrap .admin-reply-list .reply-width-180 {width:11.250rem} @media screen and (max-width: 39.9375em) { #admin-wrap .admin-reply-list [class *= "reply-width-"] {width:auto} #admin-wrap .admin-reply-list .reply-width-180 {width:6rem} } /********************************************** note : 미승인기사 / 노출대기기사 **********************************************/ #admin-wrap .article-recog table th,#admin-wrap .article-recog td {font-size:.8rem} #admin-wrap .article-recog .recog-titles {font-size:1rem;text-align:left} @media screen and (max-width: 63.9375em) { #admin-wrap .article-recog .recog-titles {text-align:center} #admin-wrap .article-recog .recog-titles a {display:block} #admin-wrap .article-recog .medium-table-fixed .recog-titles, #admin-wrap .article-recog .small-table-fixed .recog-titles {text-align:left} } /******************************************** note : 기사구조 ********************************************/ #admin-wrap .stru-sitemap {position:relative} /* 1차섹션 */ #admin-wrap .stru-sitemap .first-tree {position:relative;margin-left:60px} #admin-wrap .stru-sitemap .first-tree li {margin-top:18px} #admin-wrap .stru-sitemap .first-tree > li {padding-top:45px} #admin-wrap .stru-sitemap .first-tree > li:first-child {margin-top:0;padding-top:0} #admin-wrap .stru-sitemap .first-tree > li::before {content:"1";position:absolute;z-index:2;width:30px;height:30px;font-weight:bold;text-align:center;line-height:30px;color:#fefefe;background-color:#e73f72;right:auto;bottom:auto;left:-45px;border-radius:50%} #admin-wrap .stru-sitemap .first-tree > li::after {content:"";position:absolute;z-index:1;top:0;bottom:0;left:-30px;border-left:1px solid #d0c9be} #admin-wrap .stru-sitemap .first-tree li a {font-size:1rem;color:#373a3c;letter-spacing:-.05em} #admin-wrap .stru-sitemap .first-tree li .stru-sitemap-pannel {margin-left:.25rem;padding:3px 7px;font-size:0.75rem;color:rgba(0,0,0,.35)} #admin-wrap .stru-sitemap .first-tree li .stru-sitemap-pannel:hover {color:rgba(0,0,0,.9)} /* 2차섹션 */ #admin-wrap .stru-sitemap .second-tree {position:relative;margin:1.875rem 0 0 10%} #admin-wrap .stru-sitemap .second-tree::before {content:'';position:absolute;z-index:1;width:10.8%;margin:15px 0 0 -30px;left:-11.1%;bottom:auto;border-bottom:1px solid #d0c9be} #admin-wrap .stru-sitemap .second-tree > li::before {content:"2";position:absolute;z-index:2;width:30px;height:30px;font-weight:bold;line-height:30px;text-align:center;color:#fefefe;background-color:#f39a11;right:auto;bottom:auto;left:-38px;border-radius:50%} #admin-wrap .stru-sitemap .second-tree > li::after {content:"";position:absolute;z-index:1;top:0;bottom:0;left:-23px;border-left:1px solid #d0c9be} #admin-wrap .stru-sitemap .second-tree > li.serial::before {content:"S";background-color:#1abc9c} /* 3차섹션 */ #admin-wrap .stru-sitemap .third-tree {position:relative;margin:1.875em 0 0 12%} #admin-wrap .stru-sitemap .third-tree::before {content:'';position:absolute;z-index:1;width:12.8%;margin:15px 0 0 -23px;left:-13.6%;bottom:auto;border-bottom:1px solid #d0c9be} #admin-wrap .stru-sitemap .third-tree > li::before {content:"3";position:absolute;z-index:2;width:30px;height:30px;font-weight:bold;line-height:30px;text-align:center;color:#fefefe;background-color:#818a91;right:auto;bottom:auto;left:-38px;border-radius:50%} #admin-wrap .stru-sitemap .third-tree > li::after {content:"";position:absolute;z-index:1;top:0;bottom:0;left:-23px;border-left:1px solid #d0c9be} @media screen and (max-width: 39.9375em) { #admin-wrap .stru-sitemap .first-tree li a {font-size:.8rem} #admin-wrap .stru-sitemap .first-tree li .stru-sitemap-pannel {margin-left:.05rem;padding:.05rem .12rem;font-size:.688rem} } /******************************************** note : 다음뷰채널 ********************************************/ .stru-sitemap.daum-channel input {display:inline-block;width:120px;max-height:1.75rem;margin:0 0 0 .5rem;padding:.25rem .5rem;font-size:.8rem;color:rgba(0,0,0,.65);box-shadow:none;border-color:rgba(0,0,0,.1);-webkit-transition:all .25s;transition:all .25s} .stru-sitemap.daum-channel input:focus {width:180px;font-weight:700;color:#222;background-color:rgba(0,0,0,.03);border-color:rgba(0,0,0,.35);border-radius:.15rem} @media screen and (max-width: 39.9375em) { .stru-sitemap.daum-channel input {display:block;width:100%;margin:0} .stru-sitemap.daum-channel input:focus {width:100%} } /******************************************** note : 줌채널 ********************************************/ .stru-sitemap.zum-channel select {display:inline-block;width:120px;max-height:1.75rem;margin:0 0 0 .5rem;padding:.25rem .10rem .25rem .5rem;font-size:.8rem;color:rgba(0,0,0,.65);box-shadow:none;border-color:rgba(0,0,0,.1);-webkit-transition:all .25s;transition:all .25s} .stru-sitemap.zum-channel select:focus {width:180px;font-weight:700;color:#222;background-color:rgba(0,0,0,.03);border-color:rgba(0,0,0,.35);border-radius:.15rem} @media screen and (max-width: 39.9375em) { .stru-sitemap.zum-channel select {display:block;width:100%;margin:0} .stru-sitemap.zum-channel select:focus {width:100%} } /********************************************** note : 메인편집(PC) **********************************************/ .edit-main {overflow-y:hidden;overflow-x:auto;text-align:center} .edit-main::after,.edit-main .edit-main-container::after {content:'';display:table;clear:both} /* header */ .edit-main .edit-main-header {padding-top:.35rem;padding-bottom:.35rem;font-size:.8rem;background-color:#6e7990;color:#fefefe} .edit-main .edit-main-header .close {margin-right:.5rem;font-size:1.25rem;color:#fefefe;cursor:pointer} /* 편집패널 */ .edit-panel {background-color:#bdc3c7} .edit-panel::after {content:'';display:table;clear:both} .panel-group .panel-group-item {float:left;padding:.25rem .625rem;font-size:.9rem;color:#fefefe;border-bottom:none;text-align:center;cursor:pointer;transition:color .15s ease-in,background .2s ease-out;-moz-transition:color .15s ease-in,background .2s ease-out;-webkit-transition:color .15s ease-in,background .2s ease-out;-o-transition:color .15s ease-in,background .2s ease-out} .panel-group.modify .panel-group-item {color:#000} .panel-group .panel-group-item:hover,.panel-group .panel-group-item:active,.panel-group .pannel-group-item:focus {background-color:#000} /* 편집박스 */ .edit-contents::after {content:'';display:table;clear:both} .edit-contents .edit-panel {border-left:2px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05);cursor:move} .edit-contents.html .edit-panel {background-color:#fae4e8} .edit-contents.article .edit-panel {background-color:#dcecdd} .edit-contents.auto .edit-panel, .edit-contents.box .edit-panel {background-color:#f4ebdd} .edit-contents.auto .edit-panel.article, .edit-contents.box .edit-panel.article {background-color:#dcecdd} .edit-contents .panel-group .panel-group-item {color:rgba(0,0,0,.25)} .edit-contents .panel-group.modify .panel-group-item {color:rgba(0,0,0,.75)} .edit-contents .panel-group.modify .panel-group-item:hover, .edit-contents .panel-group.modify .panel-group-item:active, .edit-contents .panel-group.modify .panel-group-item:focus {color:#fefefe;background-color:rgba(0,0,0,.75)} .edit-contents .panel-group.modify .panel-group-item.active {color:#e7316e} .edit-contents .panel-group.modify .panel-group-item.active:hover, .edit-contents .panel-group.modify .panel-group-item.active:active, .edit-contents .panel-group.modify .panel-group-item.active:focus {color:#fefefe;background-color:#e7316e} /* 편집패널 - 각색상 */ .panel-group .panel-group-item:hover,.panel-group .panel-group-item:active,.panel-group .panel-group-item:focus {color:rgba(0,0,0,.75)} .panel-group .panel-group-item.html:hover,.panel-group .panel-group-item.html:active,.panel-group .panel-group-item.html:focus {background-color:#fae4e8} .panel-group .panel-group-item.article:hover,.panel-group .panel-group-item.article:active,.panel-group .panel-group-item.article:focus {background-color:#bcd0f4} .panel-group .panel-group-item.auto:hover,.panel-group .panel-group-item.auto:active,.panel-group .panel-group-item.auto:focus {background-color:#dcecdd} .panel-group .panel-group-item.box:hover,.panel-group .panel-group-item.box:active,.panel-group .panel-group-item.box:focus {background-color:#f4ebdd} .panel-group .panel-group-item.ad:hover,.panel-group .panel-group-item.ad:active,.panel-group .panel-group-item.ad:focus {background-color:#edd1f9} .panel-group .panel-group-item.add:hover,.panel-group .panel-group-item.add:active,.panel-group .panel-group-item.add:focus,.panel-group .panel-group-item.load:hover,.panel-group .panel-group-item.load:active,.panel-group .panel-group-item.load:focus {color:#fefefe;background-color:rgba(10,10,10,.55)} /* 계층구조 */ .autobox-top-div::after {content:'';display:table;clear:both} .autobox-top-div.site-map {position:relative;padding:1rem} .autobox-top-div.site-map::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:rgba(25,121,211,.2);border:1px dotted rgba(0,0,0,.12)} .autobox-top-div.site-map:hover::before {background-color:rgba(25,121,211,.35);border-color:rgba(0,0,0,.5)} .autobox-top-div.site-map .edit-panel {position:relative;z-index:10;background-color:#d4d7de !important;border-left-color:#e73f72 !important} /* 숏코드 */ .edit-contents .edit_button.label {display:block;position:relative;font-weight:700;text-align:right;text-decoration:none;-webkit-transition:all .25s;transition:all .25s} .edit-contents .edit_button.label::before {content:'Short Code';float:left;font-weight:400;color:rgba(0,0,0,.35);-webkit-transition:all .25s;transition:all .25s} .edit-contents .edit_button.label:hover {padding-top:.625rem;padding-bottom:.625rem} .edit-contents .edit_button.label:hover::before {content:'수정';color:#fefefe} /* modal */ .edit-modal .panel {width:calc(100% - 1px)} .edit-modal .CodeMirror {width:auto;height:350px;border:1px solid rgba(0,0,0,.12)} .edit-modal .modal-codemirror {padding:1px 0 0} .edit-modal .modal-codemirror .CodeMirror {margin-bottom:0 !important} .edit-modal-close::after {content:'';display:table;clear:both} .edit-modal-close .close-buttons {font-size:2.5rem;color:rgba(0,0,0,.5);cursor:pointer;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease} .edit-modal-close .close-buttons:hover,.edit-modal-close .close-buttons:active,.edit-modal-close .close-buttons:focus {color:rgba(0,0,0,.9);transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)} /* 편집 소터블 */ .ui-state-highlight {background-color:#f0f1f3;border:1px dashed rgba(0,0,0,.08)} /* edit iframe */ .edit-iframes {width:100%;min-height:300px;border:none} /* 수동기사 사진위치 */ .photo-position .photos {display:inline-block;width:18px;height:18px;background:url(/image/admin/manual_article_photos.png) no-repeat} .photo-position .photos.position-bl {background-position:0 -72px} .photo-position .photos.position-br {background-position:-36px -72px} .photo-position .photos.position-bc {background-position:-72px -72px} .photo-position .photos.position-ll {background-position:-108px -72px} .photo-position .photos.position-lr {background-position:-144px -72px} .photo-position .photos.position-lc {background-position:-180px -72px} .photo-position input[type="radio"]:checked + label .photos.position-bl {background-position:0 -108px} .photo-position input[type="radio"]:checked + label .photos.position-br {background-position:-36px -108px} .photo-position input[type="radio"]:checked + label .photos.position-bc {background-position:-72px -108px} .photo-position input[type="radio"]:checked + label .photos.position-ll {background-position:-108px -108px} .photo-position input[type="radio"]:checked + label .photos.position-lr {background-position:-144px -108px} .photo-position input[type="radio"]:checked + label .photos.position-lc {background-position:-180px -108px} @media screen and (max-width: 39.9375em) { .photo-position .photos {background-size:108px auto} .photo-position .photos.position-bl {background-position:0 0} .photo-position .photos.position-br {background-position:-18px 0} .photo-position .photos.position-bc {background-position:-36px 0} .photo-position .photos.position-ll {background-position:-54px 0} .photo-position .photos.position-lr {background-position:-72px 0} .photo-position .photos.position-lc {background-position:-90px 0} .photo-position input[type="radio"]:checked + label .photos.position-bl {background-position:0 -18px} .photo-position input[type="radio"]:checked + label .photos.position-br {background-position:-18px -18px} .photo-position input[type="radio"]:checked + label .photos.position-bc {background-position:-36px -18px} .photo-position input[type="radio"]:checked + label .photos.position-ll {background-position:-54px -18px} .photo-position input[type="radio"]:checked + label .photos.position-lr {background-position:-72px -18px} .photo-position input[type="radio"]:checked + label .photos.position-lc {background-position:-90px -18px} } /* 판추가 */ .section-add-div {margin-top:.625rem} .section-add-div::after {content:'';display:table;clear:both} .section-add-div .seccode-del-button {float:left;margin-right:1px} .section-add-div .seccode-del-button input + label {display:block;padding:.4rem .5rem;line-height:1em;font-size:.7rem;color:rgba(0,0,0,.45);border:1px solid rgba(0,0,0,.12);letter-spacing:-0.05em;cursor:pointer;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease} .section-add-div .seccode-del-button input + label:hover {color:rgba(0,0,0,.75);border-color:rgba(0,0,0,.3)} /********************************************** note : 웹출판 **********************************************/ .web-pub-wrap::after,.web-pub-wrap .web-pub-header::after,.web-pub-wrap .web-pub-content::after {content:'';display:table;clear:both} .web-pub-wrap .web-pub-title {margin:3rem 0;font-size:1.8rem;line-height:1em;letter-spacing:-0.1em} .web-pub-wrap .web-pub-content .button {padding-top:3rem;padding-bottom:3rem} /********************************************** note : 게시판 **********************************************/ #admin-wrap .bbs-config .checkbox-group .has-tip {display:none;font-weight:normal} #admin-wrap .bbs-config .checkbox-group .has-tip.active {display:inline-block} /********************************************** note : 배너/팝업관리 **********************************************/ #admin-wrap .admin-ad-list {margin-bottom:1rem} /* 목록 */ #admin-wrap .ad-content .ad-tile {position:relative;margin-bottom:1rem;border:1px solid rgba(0,0,0,.12);border-top:none;letter-spacing:-0.05em} #admin-wrap .ad-content .ad-tile::after {content:'';display:table;clear:both} #admin-wrap .ad-content .ad-tile .ad-tile-state {padding:.5rem 0;margin-left:-1px;margin-right:-1px;margin-bottom:.5rem;font-size:.6rem;line-height:1em;color:rgba(0,0,0,.25);text-align:center;color:#fefefe;background-color:#777} #admin-wrap .ad-content .ad-tile.proceeding .ad-tile-state {background-color:#2199e8} #admin-wrap .ad-content .ad-tile.previous .ad-tile-state {background-color:#16a085} #admin-wrap .ad-content .ad-tile .ad-tile-image {display:table;width:100%;height:190px;padding-left:.9375rem;padding-right:.9375rem;table-layout:fixed} @media screen and (max-width: 39.9375em) { #admin-wrap .ad-content .ad-tile .ad-tile-image {padding-left:.625rem;padding-right:.625rem} } #admin-wrap .ad-content .ad-tile .ad-tile-image .dis-table-cell {width:100%;height:190px;vertical-align:middle} #admin-wrap .ad-content .ad-tile .ad-tile-image img {max-height:190px} #admin-wrap .ad-content .ad-tile .ad-tile-content {text-align:center;padding:.9375rem} #admin-wrap .ad-content .ad-tile .ad-tile-content .ad-tile-title {line-height:1.25em;margin-bottom:.625rem} #admin-wrap .ad-content .ad-tile .ad-tile-content .ad-tile-info .label {border-bottom:none} #admin-wrap .ad-content .ad-tile .ad-tile-content .ad-tile-regdate {margin-top:.8rem;font-size:.8rem} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit::after {content:'';display:table;clear:both} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns {float:left;padding:1rem 0;color:#727d92;background-color:rgba(0,0,0,.03);text-align:center;border-top:1px solid rgba(0,0,0,.1);border-left:1px solid rgba(0,0,0,.1);border-bottom:none;cursor:pointer} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:hover, #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:active, #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:focus {background-color:#727d92;color:#fefefe} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit {margin-right:-1px} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit::before, #admin-wrap .ad-content .ad-tile .ad-tile-toolkit::after {display:none} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child {border-left:none} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(1) {display:inline-block;width:100%} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(2), #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .btns {display:inline-block;width:50%} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(2):last-child, #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .btns:last-child {margin-right:-6px} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(3), #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .btns {display:inline-block;width:33.33333%} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(3):last-child, #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .btns:last-child {margin-right:-6px} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(4), #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .btns {display:inline-block;width:25%} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(4):last-child, #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .btns:last-child {margin-right:-6px} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(5), #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .btns {display:inline-block;width:20%} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(5):last-child, #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .btns:last-child {margin-right:-6px} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(6), #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .btns {display:inline-block;width:16.66667%} #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(6):last-child, #admin-wrap .ad-content .ad-tile .ad-tile-toolkit .btns:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .btns:last-child {margin-right:-6px} #admin-wrap .dis-table-cell object,#admin-wrap .dis-table-cell iframe {max-width:100% !important;max-height:190px !important} /* 배너가져오기 - 편집화면 */ #admin-wrap.edit-modal .ad-content .ad-tile .ad-tile-image .dis-table-cell {height:120px} #admin-wrap.edit-modal .ad-content .ad-tile .ad-tile-image img {max-height:120px} #admin-wrap.edit-modal .ad-content .ad-tile .ad-tile-title {margin-bottom:0} #admin-wrap .ad-content .ad-tile .content-inert {position:absolute;z-index:10;right:.625rem;top:.625rem} #admin-wrap .ad-content .ad-tile .content-buttons {width:50px;height:50px;color:#fefefe;text-align:center;border-radius:50%;border-bottom:none;cursor:pointer;transition:background .15s;-moz-transition:background .15s;-webkit-transition:background .15s;-o-transition:background .15s} #admin-wrap .ad-content .ad-tile .content-buttons.inert {background-color:#b8bec8} #admin-wrap .ad-content .ad-tile .content-buttons.inert:hover {background:#727d92} #admin-wrap .ad-content .ad-tile .content-buttons.display {background-color:#2199e8} #admin-wrap .ad-content .ad-tile .content-buttons.display:hover {background:#1583cc} /* 등록 */ #admin-wrap .ad-crt-wrap {padding:.9375rem;background-color:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.12)} /* 형태(img,swf) */ #admin-wrap .ad-panel code {background:transparent;border:none;padding:0} #admin-wrap .ad-panel code .nd-size {font-size:.75rem;color:#808a9d} /* 진행상황 */ #admin-wrap .ad-panel.nd-progress {border-top-color:#2199e8} #admin-wrap .ad-panel.nd-progress .nd-banner-header {background-color:#2199e8} #admin-wrap .ad-panel.nd-end {border-top-color:#aab1bd} #admin-wrap .ad-panel.nd-end .nd-banner-header {background-color:#aab1bd} #admin-wrap .ad-panel.nd-function {border-top-color:#34495e;border-top-width:2px} #admin-wrap .ad-panel.nd-func-end {border-top-color:#aab1bd;border-top-width:2px} #admin-wrap .ad-panel.nd-function .nd-banner-header, #admin-wrap .ad-panel.nd-func-end .nd-banner-header {background-color:#e73f72} /* 추가,삭제 */ #admin-wrap .ad-btns {position:fixed;right:15px;bottom:55px;z-index:55} #admin-wrap .ad-btns .btn {box-shadow:rgba(0,0,0,0.1) 2px 1px 2px} /* 닫기아이콘 */ #admin-wrap .ad-layer-icons {border:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.03);padding:0.938em} /* 광고종료메시지(관리자용) */ #admin-wrap .ad-finished {margin:0 0 1rem;padding:.625rem;font-size:.8rem;color:rgba(0,0,0,.55);background-color:rgba(0,0,0,.03);letter-spacing:-0.05em} #admin-wrap .banner-later {color:#16a085} #admin-wrap .banner-finish {color:#e7316e} /* 이미지맵 */ #admin-wrap .ad-preview {height:auto;border:1px solid rgba(0,0,0,.1);background-color:#f9f9f9} #admin-wrap .ad-preview-wrapper {position:relative} #admin-wrap .ad-canvas {position:absolute;top:0;left:0;background-color:#000;filter:alpha(opacity=1);opacity:.01;z-index:5;cursor:default} #admin-wrap .ad-map {position:absolute;width:auto;height:auto;background-color:rgba(0,0,0,.3);border:1px dashed rgba(244,244,244,.4);z-index:3} #admin-wrap .ad-map-btns {position:absolute;left:100%;z-index:6} #admin-wrap .ad-map-btns .btn-group-vertical {display:inline-block;vertical-align:middle} #admin-wrap .ad-map-btns .btn-group-vertical .button {float:none;display:block;margin-bottom:0} #admin-wrap .ad-map-bg {-webkit-animation:createBgcolor .5s ease-out;-moz-animation:createBgcolor .5s ease-out;-o-animation:createBgcolor .5s ease-out;animation:createBgcolor .5s ease-out;} #admin-wrap .ad-upload-file {display:none} /* create effect */ @-webkit-keyframes createBgcolor{ from {background-color:rgba(0,0,0,.1)} to {background-color:transparent} } @-moz-keyframes createBgcolor{ from {background-color:rgba(0,0,0,.1)} to {background-color:transparent} } @-o-keyframes createBgcolor{ from {background-color:rgba(0,0,0,.1)} to {background-color:transparent} } @keyframes createBgcolor{ from {background-color:rgba(0,0,0,.1)} to {background-color:transparent} } /* 기능성배너 */ #admin-wrap .banner-activity-box::after {content:'';display:table;clear:both} #admin-wrap .activity-group {position:relative;margin-bottom:1rem;padding:.9375rem;background:#f4f4f4;border:1px solid rgba(0,0,0,.05);border-radius:.25rem;text-align:center;cursor:move} #admin-wrap .activity-group::before {content:'';position:absolute;z-index:5;background-color:rgba(255,255,255,.5);left:1px;right:1px;top:1px;bottom:1px;border-radius:.25rem;visibility:hidden} #admin-wrap .ui-sortable-helper .activity-group {border-style:dashed;border-color:rgba(0,0,0,.2)} #admin-wrap .ui-sortable-helper .activity-group::before {visibility:visible} #admin-wrap .activity-group .dis-table {width:100%;table-layout:fixed} #admin-wrap .activity-group .dis-table-cell {width:100%;height:150px;text-align:center;vertical-align:middle} #admin-wrap .activity-group img {max-height:150px} #admin-wrap .activity-group .input-group {margin-top:1rem;margin-bottom:0} #admin-wrap .activity-group .button-trash {position:absolute;z-index:2;width:auto;height:auto;font-size:2.5rem;color:rgba(0,0,0,.2);right:5px;top:5px;border:none;cursor:pointer;transition:all .25s} #admin-wrap .activity-group .button-trash:hover,#admin-wrap .activity-group .button-trash:active,#admin-wrap .activity-group .button-trash:focus {color:#333} .ad-tile-image object {display:block;margin-right:auto;margin-left:auto;} /******************************************** note : 통계 ********************************************/ #admin-wrap .weblog {letter-spacing:-0.05em} /* 접속자통계 */ #admin-wrap .weblog .weblog-header {padding:0 .9375rem;margin-bottom:2rem} #admin-wrap .weblog .weblog-header .weblog-header-title {margin-bottom:.8rem;font-size:1.063rem;font-weight:700;line-height:1.25em} #admin-wrap .weblog .weblog-header .weblog-header-title .google {color:#ea4335} #admin-wrap .weblog .weblog-header .weblog-header-title .naver {color:#2cb400} #admin-wrap .weblog .weblog-header p {margin:0;font-size:.9rem;line-height:1.65em;color:rgba(0,0,0,.55)} #admin-wrap .weblog .weblog-content {margin-bottom:2rem;padding:.9375rem;border:1px solid rgba(0,0,0,.12);text-align:center} #admin-wrap .weblog .weblog-content .weblog-content-header {padding:.9375rem 0;margin-bottom:1rem} #admin-wrap .weblog .weblog-content .weblog-logos {display:inline-block;max-height:80px;margin-left:auto;margin-right:auto} #admin-wrap .weblog .weblog-content .weblog-content-title {font-size:2.6rem;line-height:1em;color:#727d92} #admin-wrap .weblog .weblog-content .button {margin-bottom:0} #admin-wrap .weblog .weblog-footer {padding:0 .9375rem;margin-bottom:1rem;font-size:.9rem;line-height:1.65em;color:rgba(0,0,0,.55)} @media screen and (max-width: 39.9375em) { #admin-wrap .weblog .weblog-header,.weblog .weblog-footer {padding:0;margin-bottom:1rem} #admin-wrap .weblog .weblog-content {margin-bottom:1rem} #admin-wrap .weblog .weblog-content .weblog-content-header {padding:0} #admin-wrap .weblog .weblog-content .weblog-content-title {font-size:2rem} } /******************************************** note : 환경설정 ********************************************/ /* tab */ .config-tab .menu {margin-bottom:1rem} .config-tab .menu li > a {padding-top:.938rem;padding-bottom:.938rem;text-decoration:none;text-align:center;color:#303740;letter-spacing:-0.05em;background-color:#fefefe;border:1px solid rgba(0,0,0,.1);border-left:none} .config-tab .menu li > a.nd-only {color:#e6336d} .config-tab .menu li > a:hover {background-color:rgba(0,0,0,.03)} .config-tab .menu li:first-child > a {border-left:1px solid rgba(0,0,0,.1)} .config-tab .menu li.active > a {font-weight:bold;color:#fefefe;background-color:#303740} .config-tab .menu li.active > a.nd-only {background-color:#e6336d} @media screen and (max-width: 39.9375em) { .config-tab .menu li > a {border-left:1px solid rgba(0,0,0,.1);border-top:none} .config-tab .menu li:first-child > a {border-top:1px solid rgba(0,0,0,.1)} } /* HTML Editor */ #admin-wrap .CodeMirror {margin-bottom:1px;border:1px solid rgba(0,0,0,.12)} /* 박스모음스킨 */ #admin-wrap .box-skin-write #body4_layer {height:1px;visibility:hidden;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease} #admin-wrap .box-skin-write #body4_layer.active {height:auto;visibility:visible} /******************************************** note : 섹션설정 ********************************************/ /* 설정기본 */ #admin-wrap .section-list {width:calc(25% - 1px);min-height:650px;margin-right:1px;margin-bottom:1rem;padding:.9375rem;border:1px solid rgba(0,0,0,.12)} #admin-wrap .section-list:last-child {width:25%;margin-right:0} @media screen and (max-width: 63.9375em) { #admin-wrap .section-list {overflow-y:auto;width:calc(50% - 1px);height:350px;margin-bottom:2px} #admin-wrap .section-list:last-child {width:inherit;margin-right:0} #admin-wrap .section-list:nth-child(2n) {float:right;width:calc(50% - 1px);margin-left:1px;margin-right:0} } @media screen and (max-width: 39.9375em) { #admin-wrap .section-list {width:100%;height:200px} #admin-wrap .section-list:nth-child(2n), #admin-wrap .section-list:last-child {width:100%;margin-right:0} } /* 리스트 */ #admin-wrap .section-list ul li {display:block;padding:.5rem;line-height:1em;border:1px solid transparent} #admin-wrap .section-list ul li::after {content:'';display:table;clear:both} #admin-wrap .section-list ul li:hover {background-color:rgba(0,0,0,.05);border-color:rgba(0,0,0,.08);cursor:move} @media screen and (max-width: 39.9375em) { #admin-wrap .section-list {padding:.625rem} } #admin-wrap .section-list .list-panel {padding:.35rem 0} @media screen and (max-width: 63.9375em) { #admin-wrap .section-list .list-panel {padding-bottom:.75rem} } #admin-wrap .section-list .list-panel .sec-title {font-size:1rem;margin-right:.7rem;letter-spacing:-0.05em} #admin-wrap .section-list .section-list-title {padding-bottom:1rem;margin-bottom:1rem;font-size:1.4rem;line-height:1em;letter-spacing:-0.075em;border-bottom:1px solid rgba(0,0,0,.2)} #admin-wrap .section-list .button-group {margin-bottom:0} /* 소터블 */ #admin-wrap .section-code .ui-sortable-handle {cursor:move} #admin-wrap .section-code .viewLoading {display:none;height: 100%;left: 0px;position: fixed;_position:absolute;top: 0px;width: 100%;filter:alpha(opacity=50);-moz-opacity:0.5;opacity : 0.5;} #admin-wrap .section-code .viewLoading .loading_img {position:absolute;top:50%;left:50%;height:35px;margin-top:-75px;margin-left:-75px;z-index:200;} #admin-wrap .section-code .ui-state-highlight {background-color:#f0f1f3;border:1px dashed #c6cbd3} #admin-wrap .section-code .default-cursor {cursor:default} /* 섹션설정메뉴 */ #admin-wrap .section-code .section-nav {position:relative;z-index:1001} /******************************************** note : 섹션설정 ********************************************/ /* 2017 */ #admin-wrap .section-code-selectbox {min-height:200px;padding:0} #admin-wrap .section-code-selectbox option {padding:.5rem .75rem;cursor:pointer} @media screen and (max-width: 63.9375em) { #admin-wrap .section-code-selectbox {min-height:120px} } /* 이름(코드) */ #admin-wrap .section-code-name {letter-spacing:-0.05em} #admin-wrap .section-code-code {color:rgba(0,0,0,.45);letter-spacing:-0.05em} /* 아이콘 */ #admin-wrap .section-code-checked {color:rgba(0,0,0,.75)} /******************************************** note : SNS 로그인 설정 ********************************************/ #admin-wrap .configure .plug-in {letter-spacing:-0.05em} #admin-wrap .configure .plug-in .checkbox-group label {min-width:72px} #admin-wrap .configure .plug-in .sns-icon {display:inline-block;width:30px;height:30px;margin-right:5px;line-height:1.95rem;color:#fefefe;background-color:#000;border-radius:50%} #admin-wrap .configure .plug-in .sns-icon.naver {background-color:#2db400} #admin-wrap .configure .plug-in .sns-icon.facebook {background-color:#3b5998} #admin-wrap .configure .plug-in .sns-icon.google {background-color:#d54636} #admin-wrap .configure .plug-in .sns-icon.kakao {color:#3b1e1e;background-color:#ffdc00} @media screen and (max-width: 39.9375em) { #admin-wrap .configure .plug-in .sns-icon {display:block;margin-left:auto;margin-right:auto;margin-bottom:.35rem} } /******************************************** note : 로고설정 ********************************************/ #admin-wrap .logos-uploader .button {margin-bottom:0} #admin-wrap .logos-uploader input[type="file"]::checked + .button {background:#000} /******************************************** note : 메뉴바 디자인 ********************************************/ #admin-wrap .menu-design .design-choice {text-align:center} #admin-wrap .menu-design .design-choice::after {content:'';display:table;clear:both} @media screen and (max-width: 39.9375em) { #admin-wrap .menu-design .design-choice .design-choice-title {margin-bottom:1rem} } /* 목록 */ #admin-wrap .menu-design .design-selector {display:block} #admin-wrap .menu-design .design-selector img {-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.35;filter:alpha(opacity:'35')} #admin-wrap .menu-design .design-selector:hover img, #admin-wrap .menu-design .design-selector:focus img, #admin-wrap .menu-design .design-selector.active img {-webkit-filter:grayscale(0);filter:grayscale(0);opacity:1;filter:alpha(opacity:'100')} /******************************************** note : 사용자메뉴 ********************************************/ #admin-wrap .menu-check .accordion-item a.accordion-title {font-size:1rem;font-weight:700;text-decoration:none} #admin-wrap .menu-check .accordion-item.is-active a.accordion-title {padding-bottom:0;font-size:.8rem;font-weight:400;background-color:transparent} #admin-wrap .menu-check .accordion-item.is-active a.accordion-title::before {visibility:hidden} #admin-wrap .menu-check .accordion-item.is-active .accordion-content {border-top:none} #admin-wrap .menu-check .first {overflow-y:auto;max-height:350px} #admin-wrap .menu-check .first li {margin-top:6px} #admin-wrap .menu-check .first > li:first-child {margin-top:0} #admin-wrap .menu-check .second, #admin-wrap .menu-check .third {padding-left:15px} #admin-wrap .menu-check .radio-menu {display:block} #admin-wrap .menu-check .radio-menu input[type="checkbox"] {display:none} #admin-wrap .menu-check .radio-menu input[type="checkbox"] ~ .checked {position:relative;display:block;padding:.625rem;letter-spacing:-0.05rem;color:rgba(0,0,0,.55);background-color:#fefefe;border:1px dashed rgba(0,0,0,.12);cursor:pointer} #admin-wrap .menu-check .radio-menu:hover input[type="checkbox"] ~ .checked {background-color:#f8f8f8} #admin-wrap .menu-check .radio-menu input[type="checkbox"]:checked ~ .checked {border:1px solid rgba(0,0,0,.1);background-color:#727d92;color:#fefefe;font-weight:700} #admin-wrap .menu-check .radio-menu input[type="checkbox"]:checked ~ .checked::after {content:"\e6cd";position:absolute;z-index:1;display:block;width:22px;height:22px;margin-top:-12px;font-family:'Stroke 7';font-size:1.1rem;font-weight:400;vertical-align:top;text-align:center;right:.625rem;top:50%} #admin-wrap .user-menu-list .button-group .button {margin-bottom:0} #admin-wrap .user-menu-list li {margin-top:5px} #admin-wrap .user-menu-list > li:first-child {margin-top:0} #admin-wrap .user-menu-list .second, #admin-wrap .user-menu-list .third {padding-left:40px} #admin-wrap .user-menu-list .section-link {position:relative;max-height:60px;padding:.65rem .7rem;line-height:1em;letter-spacing:-0.05em;cursor:move;border:1px dashed rgba(0,0,0,.12)} #admin-wrap .user-menu-list .section-link .section-titles {display:inline-block;float:left;margin-top:6px} #admin-wrap .user-menu-list .section-link::after {content:'';display:table;clear:both} #admin-wrap .user-menu-list .section-link:hover {background-color:#f0f1f3} #admin-wrap .user-menu-list .section-link .fa-arrows-v {color:#000;visibility:hidden;opacity:.25;filter:alpha(opacity:'25')} #admin-wrap .user-menu-list .section-link:hover .fa-arrows-v {visibility:visible} #admin-wrap .menu-design .user-menu-list .second.ui-sortable.sortable-hide {display:none} /******************************************** note : 자동박스관리 ********************************************/ #admin-wrap .autobox-file .accordion-content {padding-left:0;padding-right:0;border-left:none;border-right:none;border-bottom:none} #admin-wrap .autobox-file .autobox-file-panel {text-align:center} #admin-wrap .autobox-file .autobox-file-panel label {cursor:pointer} #admin-wrap .autobox-file .autobox-file-panel img {float:none;max-height:120px;margin-left:auto;margin-right:auto} /* 리스트 */ #admin-wrap .autobox-list .menu .button {overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /******************************************** note : 반자동박스 ********************************************/ .semibox-wrap {margin-bottom:1px} .semibox-wrap::after,.semibox-header::after,.semibox-content::after {content:'';display:table;clear:both} .semibox-header {padding:.5rem .9375rem;background-color:#bdc3c7;cursor:move;transition:background .25s;-moz-transition:background .25s;-webkit-transition:background .25s;-o-transition:background .25s} .semibox-header::before {content:'컨텐츠이동이 가능합니다';float:left;padding-top:.2rem;font-size:.7rem;line-height:1em;color:#fefefe;letter-spacing:-0.05em;visibility:hidden} .semibox-header:hover {background-color:#6d788e} .semibox-header:hover::before {visibility:visible} .semibox-header .semibox-close {color:#fefefe;border:none;cursor:pointer} .semibox-content {padding:.9375rem;border:1px solid rgba(0,0,0,.12);border-top:none} @media screen and (max-width: 39.9375em) { .semibox-header::before {content:'모바일환경은 이동을 지원하지 않습니다.'} } /******************************************** note : 자동박스계층설정 ********************************************/ .autobox-level .level-root::after,.autobox-level .level-root-li::after,.autobox-level .level-root-panel::after {content:'';display:table;clear:both} .autobox-level .level-root.sub {margin-left:1rem} .autobox-level .level-root input[type="text"],.autobox-level .level-root .button {margin-bottom:0} .autobox-level .level-root .level-root-li {display:block;margin-bottom:1rem;padding:.9375rem;border:1px dotted rgba(0,0,0,.12)} .autobox-level .level-root .level-root-li:last-child {margin-bottom:0} .autobox-level .level-root.sub .level-root-li {padding:0;margin-bottom:0;border:none} .autobox-level .level-root .level-root-panel {position:relative;margin-bottom:1px;padding:.5rem .625rem .5rem 3rem;font-size:.9rem;background-color:#fefefe;border:1px solid rgba(0,0,0,.08);letter-spacing:-0.05em} .autobox-level .level-root .level-root-panel::before {content:'';position:absolute;z-index:1;width:35px;background-color:rgba(114,125,146,.5);text-align:center;left:-1px;top:-1px;bottom:-1px;cursor:move} .autobox-level .level-root .level-root-panel:hover {background-color:rgba(114,125,146,.05);border-style:dashed;border-color:rgba(0,0,0,.15)} .autobox-level .level-root .level-root-panel a {display:inline-block;margin-top:.15rem;color:rgba(0,0,0,.65)} @media screen and (max-width: 39.9375em) { .autobox-level .level-root .level-root-li {padding:.625rem} .autobox-level .level-root .level-root-panel {padding:.5rem .5rem .5rem .75rem} .autobox-level .level-root .level-root-panel::before {width:4px;cursor:inherit} .autobox-level .level-root .level-root-panel a {margin-bottom:.25rem} } /* 그룹제목지정 */ .autobox-level .level-root .level-root-label {font-size:.9rem;font-weight:700;line-height:34px;color:rgba(0,0,0,.7);letter-spacing:-0.05em;cursor:pointer} .autobox-level .level-root .level-root-input {display:none} /********************************************** note : 관리자 검색 **********************************************/ .admin-sch-group {max-width:230px;padding:.25rem;background-color:#f8f8fa;border:1px solid rgba(0,0,0,.05);border-radius:.25rem} .admin-sch-group::after {content:'';display:table;clear:both} .admin-sch-group .sch-field, .admin-sch-group .sch-btn {height:25px;margin:0} .admin-sch-group .sch-field {float:left;width:calc(100% - 36px);padding:0 .25rem;font-size:.75rem;background:transparent;border:none;box-shadow:none} .admin-sch-group .sch-btn {float:right;width:35px;color:#727d92;cursor:pointer} @media screen and (max-width: 39.9375em) { .admin-sch-group {max-width:100%} } /********************************************** note : 메뉴얼 **********************************************/ .manual-nav .menu li {letter-spacing:-.075em} .manual-nav .menu li.menu-text {margin-top:1rem;padding-top:2rem;font-size:.6rem;font-weight:400;color:#3498db;border-top:1px dotted rgba(0,0,0,.1)} .manual-nav .menu li.menu-text:first-child {margin-top:0;padding-top:0;border-top:none} .manual-nav .menu li a {display:block;font-size:.8rem;color:#333} .manual-nav .menu li a.active {font-weight:700;color:#fefefe;background:#3498db} /* 페이지 */ .manual .pages-wrap {padding:5rem 1.5rem;background:#fefefe;border-left:1px solid rgba(0,0,0,.08);border-right:1px solid rgba(0,0,0,.08)} .manual .pages-wrap:first-child {border-top:1px solid rgba(0,0,0,.08);border-bottom:none} .manual .pages-wrap:last-child {padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.08)} .manual .pages-wrap::after,.manual .pages-header::after,.manual .pages-content::after {content:'';display:table;clear:both} .manual .pages-header {position:relative;padding-top:1rem;margin-bottom:3rem;font-size:2.7rem;font-weight:400;line-height:1;letter-spacing:-0.1em;color:#333;text-align:left} .manual .pages-header::before {content:'';position:absolute;z-index:1;width:50px;top:0;left:0;border-top:1px solid #3498db} .manual .small-header {position:relative;padding-top:2.5rem;margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:400;line-height:1;letter-spacing:-0.1em;color:#333;text-align:left} .manual .small-header::before {content:'';position:absolute;z-index:1;width:100%;top:0;left:0;border-top:1px solid rgba(0,0,0,.10)} @media screen and (max-width: 39.9375em) { .manual .pages-header {font-size:2rem} } /* 페이지이미지 */ .manual .pages-content .figure {position:relative;margin-bottom:3rem} .manual .pages-content .figure::before {content:'';position:absolute;z-index:1;border:1px solid rgba(0,0,0,.1);left:0;right:0;top:0;bottom:0} .manual .pages-content .figure figcaption {padding:.8rem;font-size:.75rem;line-height:1;color:#888;background:#f8f8f9;border-top:1px solid rgba(0,0,0,.05)} .manual .pages-content.topSolid {margin-top:20px;padding-top:40px;border-top:1px dotted rgba(0,0,0,.15)} @media screen and (max-width: 39.9375em) { .manual .pages-content .figure {margin-left:-1.5rem;margin-right:-1.5rem} .manual .pages-content .figure::before {display:none} .manual .pages-content .figure figcaption {display:none} } /* 글 그룹 */ .manual .pages-group {margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px dotted rgba(0,0,0,.15)} .manual .pages-group:last-child {padding-bottom:0;border-bottom:none} .manual .pages-group::after,.manual .pages-group .pages-titles::after {content:'';display:table;clear:both} .manual .pages-group p {margin:1rem 0;font-size:.8rem;line-height:1.65em;color:#4b6076} .manual .pages-group p:first-child {margin-top:0} .manual .pages-group p:last-child {margin-bottom:0} .manual .pages-group .pages-titles {margin-bottom:1rem;line-height:1;color:#4b6076} .manual .pages-group .pages-titles.blue,.manual .pages-group .blue {color:#2980b9} .manual .pages-group .badge {float:left;width:20px;height:20px;line-height:1.4em;margin-right:.5rem} .manual .pages-group .under-line {text-decoration:underline} /* 숏코드 */ .edit-contents .edit_button.label {display:block;position:relative;font-weight:700;text-align:right;text-decoration:none;-webkit-transition:all .25s;transition:all .25s} .edit-contents .edit_button.label::before {content:'Short Code';float:left;font-weight:400;color:rgba(0,0,0,.35);-webkit-transition:all .25s;transition:all .25s} .edit-contents .edit_button.label:hover {padding-top:.625rem;padding-bottom:.625rem} .edit-contents .edit_button.label:hover::before {content:'수정';color:#fefefe}