/*@import url('https://webfontworld.github.io/NanumSquareNeo/NanumSquareNeo.css');*/
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumSquareNeo/NanumSquareNeo.css');
li{list-style:none}
.list-24{width:24%}
.nav-tabs-custom{border-bottom:0}
.name-color01{background:#DE6DAB !important; color:#fff}
.name-color02{background:#DEA36B !important; color:#fff}
.name-color03{background:#9CBDFF !important; color:#fff}
.name-color04{background:#75CAC4 !important; color:#fff}
.name-color05{background:#8E8DE8 !important; color:#fff}
.name-color06{background:#A8CA74 !important; color:#fff}
.name-color07{background:#D88B81 !important; color:#fff}
/*어드민 메인 대시보드*/
.page-content .top-box{font-size:16px; color: #444; font-weight: 500;}
.admin-slider-wp{overflow:hidden; padding: 0 30px}
.admin-slider-wp .slider-nav{float:left; width: 100%; }
.admin-slider-wp .slider-nav .slick-arrow{ font-size: 0; border: 0; background:none}
.admin-slider-wp .slider-nav .slick-prev{ position: absolute; left: -30px; top: 50%; margin-top: -15px;}
.admin-slider-wp .slider-nav .slick-next{ position: absolute; right:-30px; top: 50%; margin-top: -15px;}
.admin-slider-wp .slider-nav .slick-prev:after{content:""; display:block; background:url('/resources/assets/images/slick-arrow-lf.png') no-repeat; width:17px; height:30px}
.admin-slider-wp .slider-nav .slick-next:after{content:""; display:block; background:url('/resources/assets/images/slick-arrow-rg.png') no-repeat; width:17px; height:30px}

.company-card-wp{border:1px solid #bbb; border-radius:20px; margin:0 30px; padding:30px 20px; box-sizing:border-box; position:relative; cursor: pointer; }
.company-card-wp.slick-current{background:#fff; box-shadow: 0px 0px 3px 0px rgba(0,0,0,.2); border : 1px solid #FFF}
.company-card-wp.slick-current .name .name-color01{background:#DE6DAB !important}
.company-card-wp.slick-current .name .name-color02{background:#DEA36B !important}
.company-card-wp.slick-current .name .name-color03{background:#9CBDFF !important}
.company-card-wp.slick-current .name .name-color04{background:#75CAC4 !important}
.company-card-wp.slick-current .name .name-color05{background:#8E8DE8 !important}
.company-card-wp.slick-current .name .name-color06{background:#A8CA74 !important}
.company-card-wp.slick-current .name .name-color07{background:#D88B81 !important}
.company-card-wp.slick-current .txt b{color:#444}
.company-card-wp.slick-current .txt{color:#444;}
.company-card-wp.slick-current .gh {background:#e9eef4; border:0}
.company-card-wp.slick-current .gh center{background:#565656;}
.company-card-wp.slick-current .triangle-up{ width: 0; height: 0;border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ffffff;;position: absolute;bottom: -42px; left: 50%; margin-left: -20px;    display: block; filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2));}
.company-card-wp .bookmark.slick-current{background:url('/resources/assets/images/icon-star-on.png') no-repeat }

.org-txt{color:#f25b2b}
.bookmark{background:url('/resources/assets/images/icon-star.png') no-repeat; width:19px; height:19px; display: block; position:absolute; top:13px; right:11px}
.bookmark.on{background:url('/resources/assets/images/icon-star-on.png') no-repeat;}
.bookmark.off{background:url('/resources/assets/images/icon-star-off.png') no-repeat;}
.company-card-wp .name{margin-bottom:20px; font-size:18px;display: flex; align-items: center;}
.company-card-wp.slick-slide .name span{font-size:33px; font-weight: bold; background: #b4bdc8 !important; width: 60px; border-radius: 50px; display: inline-block; height: 57px; text-align: center; line-height: 57px; color: #fff; vertical-align: middle; margin-right:10px}

.company-card-wp .name b{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;width:calc(100% - 57px);}
.company-card-wp .txt{color:#666; font-size:14px; line-height: 23px;}
.company-card-wp .txt b{color:#999;}
.company-card-wp .gh{position: relative; border:1px solid #999;border-radius:50px; overflow:hidden; display: flex; height: 23px; line-height: 23px; margin-top:30px; background:#fff;}
.company-card-wp .gh center{position: absolute; height: 100%; background:#999; color:#fff; padding:2px 0;}
.company-card-wp .gh span{position: absolute; top:0; color: #fff; height: 100%; display: block; text-align: center; width: 100%; font-size:12px}
.company-card-wp .gh.low span{ left: 100%; color: #999; text-align: left; padding-left: 5px;}
.slick-list{ padding: 40px 0;}

.admin-box-wp{background:#fff; border-radius:20px;box-shadow: 0px 0px 5px 2px rgba(0,0,0,.1);}
.admin-top{overflow:hidden; margin-bottom: 40px; padding:30px; }
.admin-info{float:left; width:65%; overflow: hidden;}
.notice-wp{float:left; width:35%}
.admin-info .name{margin-bottom:35px; font-size:36px; color:#444}
.admin-info .name span{font-size:33px; margin-bottom: 5px; font-weight: bold; background: #b4bdc8; width: 57px; border-radius: 50px; display: inline-block; height: 57px; text-align: center; line-height: 57px; color: #fff; vertical-align: middle; margin-right:10px}
.admin-info ul{ overflow: hidden; padding: 0;}
.admin-info ul li{ float: left; list-style: none; width:30%;margin-right:3.3%; max-width:335px; height:170px; border-radius: 20px; overflow: hidden; }
.admin-info ul li:nth-child(1) .txt-rg{background:url('/resources/assets/images/main-inv-bg.png') no-repeat}
.admin-info ul li:nth-child(2) .txt-rg{background:url('/resources/assets/images/main-repo-bg.png') no-repeat}
.admin-info ul li:nth-child(3) .txt-rg{background:url('/resources/assets/images/main-disc-bg.png') no-repeat}
.admin-info ul li:nth-child(1) .txt-lf{background:#1d9e72}
.admin-info ul li:nth-child(2) .txt-lf{background:#008a8c; flex-direction: column; padding-top: 26px;}
.admin-info ul li:nth-child(3) .txt-lf{background:#0064d4}
.admin-info ul li .txt-lf small{padding-top:8px;}
.admin-info ul li:nth-child(2) .txt-lf small{ letter-spacing: 0;}

.admin-info ul li .txt-rg{float:left; width:60%; padding:10px 0 0 30px; color: #fff; height: 100%; }
.admin-info ul li .txt-rg span{font-size:2.75em; display: block; font-weight: bold; line-height: 2.25rem; padding: 10px 0 8px 0;}
.admin-info ul li .txt-rg small{font-size:16px}
.admin-info ul li .txt-lf{float:left; font-family: 'Noto Sans KR', sans-serif; font-weight:bold; width:40%; height: 100%; text-align: center; font-size: 2.25em; color: #fff; line-height: 20px; display: flex; justify-content: center; align-items: center;}

.notice-wp table{width:100%; font-size: 14px;}
.notice-wp table tr{}
.notice-wp table tr th{color:#444; text-align: center; border-bottom: 1px solid #444; padding: 10px 0;}
.notice-wp table tr td{color:#666; padding: 15px 0 15px 15px; text-align: center; border-bottom:1px solid #ddd}
.notice-wp table tr td:first-child{ text-align: left; max-width: 10vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.notice-wp table tr td .first{background:#444; color: #fff; padding: 3px 6px; border-radius: 5px; margin-right: 10px;  }
.notice-wp table tr td .new{background:#f25b2b; font-size: 10px; padding: 2px 5px; color: #fff; border-radius: 5px; margin-left: 10px;}

.notice-wp .notice-tit{font-size:18px; overflow: hidden; margin-bottom: 20px;}
.notice-wp .notice-tit b{margin-left:5px}
.add-icon{width:20px; height:20px; border:1px solid #ddd; color:#ddd; float: right; text-align: center; color: #ddd; border-radius: 3px; line-height: 1;}

.admin-bottm{overflow:hidden;}
.admin-bottm .top-box{padding:0 30px;}
.admin-bottm .esg-gh-wp{float:left; width:33.3%;margin-top: 35px; position: relative; }

.admin-bottm .esg-gh-wp ul{ padding: 0 15px; margin-bottom: 50px; min-height: 360px; border-right:1px solid #bebebe; }
.admin-bottm .esg-gh-wp:last-child ul{border-right:0; }
.admin-bottm .esg-gh-wp ul li{list-style:none; padding: 25px 0; padding: 25px 16px;}
.admin-bottm .esg-gh-wp ul li:hover{ box-shadow: 0px 0px 5px 2px rgba(0,0,0,.1);border-radius: 20px;}
.admin-bottm .esg-gh-wp ul li .tit{overflow:hidden}
.admin-bottm .esg-gh-wp ul li .tit h4{float: left; font-size: 16px; font-weight: bold;}
.admin-bottm .esg-gh-wp ul li .tit p{float: left; margin: 0 0 0 10px; font-size: 12px;}
.admin-bottm .esg-gh-wp ul li .tit p span{color:#ddd;}
.admin-bottm .esg-gh-wp ul li .tit a{ float: right;}
.admin-bottm .esg-gh-wp ul li .gh{width:100%; background:#e1e4e9; border-radius:50px; overflow:hidden; height: 12px; line-height: 12px; }

.esg-gh-wp .esg-gh-top{overflow:hidden; display: flex; align-items: center; justify-content: space-between;padding:0 30px ;border-right:1px solid #bebebe; }
.esg-gh-wp:last-child .esg-gh-top{border-right:0}
.esg-gh-top .main-esg-tit{float:left}
.esg-gh-top .main-esg-tit h3{font-size:26px; font-weight:bold}
.esg-gh-top .main-esg-circle{float:right; display: flex; align-items: center; flex-direction: row;}
.esg-gh-top .main-esg-circle p{ margin: 0; margin-right: 10px; font-size: 12px;}
.esg-gh-top .main-esg-circle p span{color:#ddd}
.esg-gh-top .main-esg-circle .knob_wp { position: relative}
.esg-gh-top .main-esg-circle .knob_txt {color:#000 !important; font-weight: bold !important; font-size:30px !important; position: absolute; top: 25px; width: 100%; text-align: center;}
.esg-gh-top .main-esg-circle small{font-size:16px !important; }

.admin-bottm .esg-gh-wp ul li .gh center{font-size: 12px;}
.admin-bottm .e-gh-wp ul li .gh center{background:#8bdbc0; color:#fff}
.admin-bottm .s-gh-wp ul li .gh center{background:#88d7d8; color:#fff}
.admin-bottm .g-gh-wp ul li .gh center{background:#89c0fd; color:#fff}


div#topBt{ cursor: pointer; position: fixed;  right: 40px; bottom: 40px;z-index:999; width: 40px; height: 40px; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 5px; box-shadow: 3px 3px 10px rgba(0,0,0,.2);}
div#topBt:hover{background:#F25B2C}
div#topBt:hover i{color:#fff}
div#topBt i{font-size:26px; color:#000;}

/*상단바*/
.head-tit-box{ background: #fff; width: 100%; padding-left:110px;display: flex; justify-content: space-between; align-items: center;height: 70px;}
.head-tit-box .head_right{ }
.head-tit-box .head_right ul{ display: flex; flex-direction: row; align-items: center; margin: 0 30px 0 0;}
.head-tit-box .head_right ul li{font-size:14px; color: #444;}
.head-tit-box .head_right ul li .notify-wp{display: flex; flex-direction: column; align-items: center; top: 18px; position: relative;;}
.head-tit-box .head_right ul li .notify-wp .notify{display: flex; flex-direction: row; background: #f25b2b; padding: 6px 12px; border-radius: 50px; color: #fff;}
.head-tit-box .head_right ul li .notify-wp .notify img{padding-right: 5px}
.head-tit-box .head_right ul li .notify-wp .triangle-up{ width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #f65535;}
.org-txt{color:#f25b2b}
.head-tit-box .head_right ul li .name span{font-size:/*28px*/20px; font-weight: bold; background: #b4bdc8; display: inline-block; line-height: 37px; width: 37px; height: 37px; border-radius: 50px; text-align: center; color: #fff; vertical-align: middle; margin-right:11px}

.head-tit-box .head_left{display: flex; flex-direction: row; align-items: center;}
.head-tit-box .head_left h2{ margin: 0 20px 0 30px; font-weight: 900; font-family: 'NanumSquareNeo';}
.head-tit-box .head_left span{ font-size: 20px; font-weight: 600; display:none;}

.top-cpn-wp{position:relative;z-index: 2; color: #444; cursor:pointer;}
.top-cpn-wp .top-cpn-modal > .name{padding: 20px 30px;  border-bottom: 1px solid #ddd}
.top-cpn-wp .top-cpn-modal{position:absolute; width: 340px; right:0px; background: #fff; border-radius: 15px; box-shadow: 0 0px 10px 0px rgba(0,0,0,0.2); overflow: hidden; display:none; z-index:1;}
.top-cpn-wp .top-cpn-modal.on{display:block;}
.top-cpn-wp .top-cpn-modal .top-cpn-list-wp{max-height:394px; overflow-y: auto;}
.top-cpn-wp .top-cpn-modal .top-cpn-list{display: flex; position: relative; justify-content: space-between;  align-items: center; border-top: 1px solid #ddd; cursor: pointer; color:#444}
.top-cpn-wp .top-cpn-modal .top-cpn-list:hover{ background: #fdfdfd;}
.top-cpn-wp .top-cpn-modal .name{ display: flex; align-items: center;  color: #444; width: 100%; padding: 20px 30px;}
.top-cpn-wp .top-cpn-modal .name small{display:block}
.top-cpn-wp .top-cpn-modal .top-cpn-list .bookmark { top: 50%; margin-top: -9px;}
.top-cpn-wp .top-cpn-modal .top-cpn-list .bookmark.on{}
.top-cpn-wp .top-cpn-modal .top-cpn-last{ display: flex;  justify-content: space-between; border-top: 1px solid #ddd; padding: 10px; font-size: 12px;}
.top-cpn-wp .top-cpn-modal .top-cpn-last a{display: flex; align-items: center; padding: 5px; width: 110px; border-radius: 5px; justify-content: space-around; color: #999;}
.top-cpn-wp .top-cpn-modal .top-cpn-last button{padding: 5px 10px; border: 1px solid #e9ecef; border-radius: 5px; background:#fff; color: #999; }
/* 알람 qa */
.signal-message h4{font-size: 16px;}

/* 진단 */
.page-ex-tit-box{}
.page-ex-tit-box .dropdown{ margin: 0 20px 0 0;}
.page-ex-tit-box .page-ex-tit,.page-ex-tit-box .page-ex-tit p{margin:0}
/* 목표 */
.goal_min_input{ margin-bottom: 2px;}
.goal_min_input span{width: 45px; display: inline-block; text-align: left;}
.line-table .goal_min_input input[type="text" i]{ height: 22px; width: 100px; border-radius: 5px;}
.goal_org_txt{color:#ef8200; font-size:1.125rem;    font-weight: bold;}

/* 라인 테이블 */
.line-table{width:100%; margin-bottom: 20px;}
.line-table tr{}
.line-table tr th{font-size:16px; padding:20px 10px; border-bottom:1px solid #999; text-align:center; color:#444}
.line-table tr td{padding:10px; text-align:center; border-bottom:1px solid #ddd; color:#666}
.line-table input[type="text" i],.line-table input[type="date" i],.line-table textarea,.line-table input[type="date" i],.line-table input[type="date"] { width: 100%; border:1px solid #ddd; padding: 0 10px; border-radius: 10px; height: 40px; }
.line-table input[type="text" i]::placeholder{}
.line-table .dropdown button{ height: 40px; border:1px solid #ddd; border-radius: 10px; width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0 auto;}
.total-top-txt{ font-size: 18px; font-weight: bold; color: #444;}/* 상단 토탈 타이틀*/
.width160{max-width:160px}
.width100{max-width:100px}
.width50{max-width:50px}
.white-bt{ background: #fff; border: 1px solid #e8e8e8; padding: 5px 8px; border-radius: 5px; font-size: 12px; box-sizing: border-box;}
.black-bt{ background: #444; border: 1px solid #444; padding: 5px 8px; border-radius: 5px; font-size: 12px; color:#fff; box-sizing: border-box;}
.manage-data-box02 .modal-dialog.width950{max-width:950px}
.width950{max-width:950px}
.a-link{color:#7b66ff; text-decoration: underline !important;}
.font-green{color:#25b483 !important}
.line-table textarea{width:100%;vertical-align: middle;}
.line-table textarea.off{background: #f2f4f6; border: 1px solid #f2f4f6;}
/* 인풋 달력 파일 */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button { display: none; appearance: none;}
input[type="date"]::-webkit-calendar-picker-indicator {color: rgba(0, 0, 0, 0);opacity: 1; display: block; background: url('/resources/assets/images/input-date-icon.png') no-repeat 98% 50%; // 대체할 아이콘 width: 30px; height: 25px; border-width: thin;}
input[type="file"]{color:#999}
input[type="file"]::file-selector-button{  width: 100px; height: 33px; background: #f25b2b; border: 0; color:#fff; border-radius: 50px;}

/* 공통 페이징 */
.dropdown.basic{width:140px; margin: 0 auto;}
.dropdown.basic .dropdown-menu.show { box-shadow: none; border: 1px solid #ddd; border-top: 0; top: 32px !important; border-radius: 0 0 10px 10px;}
.page-ft-num-box{}
.paging-select-box .dropdown{}
.paging-select-box .dropdown .dropdown-menu.show{ min-width: 50px; text-align: center;}
.paging-select-box .dropdown .dropdown-menu.show a{ padding: 0;}

/* 테이블 아이콘 리스트 */
.action-icon-list{}
.action-icon-list button{width:18px; height:18px; border: 0;margin:0 10px; vertical-align: middle;}
.action-icon-list .dwn{background:url('/resources/assets/images/policy-icon-dwn.png') no-repeat}
.action-icon-list .dwn:hover,.action-icon-list .dwn.on{background:url('/resources/assets/images/policy-icon-dwn-on.png') no-repeat}

.action-icon-list .link{background:url('/resources/assets/images/policy-icon-link.png') no-repeat}
.action-icon-list .link:hover{background:url('/resources/assets/images/policy-icon-link-on.png') no-repeat}
.action-icon-list .del{background:url('/resources/assets/images/policy-icon-del.png') no-repeat}
.action-icon-list .del:hover{background:url('/resources/assets/images/policy-icon-del-on.png') no-repeat}
.action-icon-list .gear{background:url('/resources/assets/images/icon-gear.png') no-repeat}
.action-icon-list .gear:hover{background:url('/resources/assets/images/icon-gear-on.png') no-repeat}

/* 인풋 창 텍스트 모달 창*/
.input-txt-box{margin-bottom:20px}
.input-txt-box .tit{ margin-bottom: 5px; font-size: 14px; font-weight: 600;}
.input-txt-box .btn.dropdown-toggle{display: flex; justify-content: space-between; align-items: center; width: 100%;  border: 1px solid #ddd; color: #999; padding: 0 10px; height: 46px; border-radius: 10px;}
.input-txt-box .dropdown-menu.show{width:100%;}
.input-txt-box input[type="text" i],.input-txt-box input[type="date" i]{ height:46px; width: 100%;  border: 1px solid #ddd;  padding: 15px 10px; border-radius: 10px; color: #999; }
.txt-org{color:#f25b2b}
.input-ex-txt{ display: block;}
/* 베이직 검색 창 */
.search-wp{ position: relative;}
.search-wp input { width: 100%; outline: none; border: none; height: 40px; padding: 0 20px; box-sizing: Border-box; color: #666; font-size: 0.875rem; background: #fff;}
.search-wp .btn-search { display: flex; width: 25px; height: 38px; background: #fff url(/resources/images/inventory-icon01.png) no-repeat center center; position: absolute; border: none; box-sizing: border-box; right: 20px; top: 0; padding: 0;}

/* 모달 오픈시 채널톡 비노출*/
body.modal-open #ch-plugin-entry{ display:none; }

/* 일반 테이블 - 공시*/
.basic-table{width:100%}
.basic-table tr{}
.basic-table tr th{font-size: 0.875rem; color: #222; padding: 20px 0 0 0; vertical-align: top; font-weight: 600;}
.basic-table tr td{font-size: 0.875rem; padding: 10px 0; color: #666; vertical-align: top;}
.basic-table tr td b{ color: #222; font-weight: 600; }
.basic-table tr td input[type="text" i],.basic-table tr td textarea,.basic-table input[type="date"]{ padding: 10px; border: 1px solid #e8e8e8; border-radius: 10px; width: 100%; color: #999;}
.basic-table tr td input{height:46px}
.basic-table tr td input::placeholder{color:#999}

/* 공시 */
.inventory-list-box .home-icon { width: 58px; height: 45px; background: #666 url('/resources/assets/images/icon-home.png') no-repeat center center; display: flex; align-items: center;  justify-content: center;}
.main-content.sidebar-main-content{ width: calc(100% - 464px);}
.manage-data-box.disclosure .select .left span{ background: url('/resources/assets/images/icon-pop-pdf.png') no-repeat center center;}
.manage-data-box.disclosure .select .right span{ background: url('/resources/assets/images/icon-pop-web.png') no-repeat center center;}
.register-box-wp{margin-top:40px}
.total-top-txt p{font-size:14px; color:#999; font-weight: 500; }
.register-box-wp .input-add-wp{width: 100%;}
.register-box-wp .input-add-wp .register-add-1,.register-box-wp .input-add-wp .register-add-2{ display: flex; }
.register-box-wp .input-add-wp .input-txt-box{margin-right:1.25rem; }
.register-box-wp .input-add-wp .input-txt-box:last-child{margin-right:0}
.register-box-wp .input-add-wp .register-add-1 .input-txt-box:nth-child(1){width:35%; }
.register-box-wp .input-add-wp .register-add-1 .input-txt-box:nth-child(2){width:35%; }
.register-box-wp .input-add-wp .register-add-2 .input-txt-box:nth-child(1){width:35%; }
.register-box-wp .input-add-wp .register-add-2 .input-txt-box:nth-child(2){width:63%; }
.txt-lf-table.line-table tr th,.txt-lf-table.line-table tr td{text-align:left; padding:25px 10px}
.txt-lf-table. tr td input{text-align:left}
.txt-lf-table .dropdown.basic{margin:0}
.white-box hr{background:#222}
.register-box-wp .view-file-list{}
.register-box-wp .view-file-list dt{font-size:14px; color:#222; }
.register-box-wp .view-file-list dt span{font-size:12px; color:#999; font-weight:400; display: block;}
.register-box-wp .dropdown.basic.year { width: 100%;}
.register-box-wp .template-list{position: relative; min-height: 240px;}
.register-box-wp .template-list ul{ display: flex;}
.register-box-wp .template-list ul li{}
.register-box-wp .template-list ul li .template-con-img{position:relative; width: 270px; overflow: hidden; border-radius: 10px; display: flex; justify-content: center; align-items: center;background:#fff;border: 2px solid #fff; margin-right: 20px;}
.register-box-wp .template-list ul li .template-con-img:hover{border: 2px solid #f15933;}
.register-box-wp .template-list ul li .template-con-img.active{border: 2px solid #f15933;}
.register-box-wp .template-list ul li .template-con-img:hover button{display:block}
.register-box-wp .template-list ul li .template-con-img:hover img{opacity:0.5}
.register-box-wp .template-list ul li .template-con-img img{width:100%; max-height:160px}
.register-box-wp .template-list ul li .template-con-img button{ position: absolute; z-index: 1; padding: 10px 30px;border: 0; color: #fff; background: #f25b2b; border-radius: 50px; display:none}
.register-box-wp .template-list ul li .template-con-txt{ display: block; text-align: center; margin-top: 10px;}
.sidebar-con-box .top-box .nav{margin-right:0}
.sidebar-con-box .top-box .nav-justified .nav-item{min-width: 72px;}
.sidebar-con-box .sidebar-layout-list{margin-top:20px}
.sidebar-con-box .sidebar-layout-list li{}
.sidebar-con-box .sidebar-layout-list li .sidebar-layout-list-img{height: 170px; overflow: hidden; cursor:pointer; position: relative; display: flex; align-items: center; justify-content: center;}
.sidebar-con-box .sidebar-layout-list li .sidebar-layout-list-img.off{border: 2px solid #f25b2b}
.sidebar-con-box .sidebar-layout-list li .sidebar-layout-list-img.off .btn{display:block}
.sidebar-con-box .sidebar-layout-list li .sidebar-layout-list-img .dim{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute;}
.sidebar-con-box .sidebar-layout-list li .sidebar-layout-list-img:hover{border: 2px solid #f25b2b}
.sidebar-con-box .sidebar-layout-list li .sidebar-layout-list-img:hover .btn{display:block}
.sidebar-con-box .sidebar-layout-list li .sidebar-layout-list-img img{width:100%}
.sidebar-con-box .sidebar-layout-list li .sidebar-layout-list-img .btn{position: absolute; display: none;}
.sidebar-con-box .sidebar-layout-list li .sidebar-layout-list-txt{font-size:1rem; font-weight:bold; padding:2px 0 15px 0;display:block }
.sidebar-con-box .sidebar-top-txt{font-size: 0.875rem; padding: 20px 0 20px 36px; width: 100%; display: block;}
.modal-template-wp .modal-template-top{width:100%; margin-bottom:40px}
.modal-template-wp .modal-template-top tr th{font-size:1rem; font-weight:bold}
.modal-template-wp .modal-template-top tr td{font-size: 0.875rem; padding: 7px; color: #999;}
.modal-template-wp .modal-template-top tr td b{color: #222; font-weight: 600;}
.modal-template-wp .modal-template-img{ position: relative; padding-bottom: 20px;}
.modal-template-wp .modal-template-img ul{overflow: hidden;}
.modal-template-wp .modal-template-img ul li{width:32%; margin-right: 2%; float:left}
.modal-template-wp .modal-template-img ul li:nth-child(3) ,.modal-template-wp .modal-template-img ul li:nth-child(6){ margin-right: 0;}
.modal-template-wp .modal-template-img ul li div{width:100%; overflow: hidden;height:150px; border-radius: 10px;border: 1px solid #ddd; text-align: center;}
.modal-template-wp .modal-template-img ul li img{height:100%}
.modal-template-wp .modal-template-img ul li span{width:100%; font-size: 0.875rem; text-align: center; display: block; margin:5px auto 10px;}

.colorpicker-wp{ display: flex;}
.colorpicker-wp .colorpicker-in{ display: flex; align-items: center; margin-right: 40px;}
.colorpicker-wp .colorpicker-in .txt{margin-right:25px; color:#222; font-weight:600}
.colorpicker-wp .colorpicker-img{display: flex; align-items: center; margin-right: 50px;}
.colorpicker-wp .colorpicker-img .img{ width: 20px; height: 20px; background: url('/resources/assets/images/icon-colorpick.png') no-repeat center; display: inline-block; border-radius: 50px;  border: 1px solid #999;margin-right:10px}
.colorpicker-wp .colorpicker-img .img.on{background: url('/resources/assets/images/icon-colorpick-on.png') no-repeat center; }
.colorpicker-wp .colorpicker-img button{font-size: 12px; border: 1px solid #eee; color: #999; background: #fff; padding: 2px 10px; border-radius: 50px;}
.colorpicker-wp .colorpicker-img button.on{border:0; color: #666; font-size: 14px;}

.main-img-up-wp{display: flex; width:100%; justify-content: space-between;}
.main-img-up-wp .main-img-up-bt{width: 49%;}
.main-img-up-wp .main-img-up-bt button{ cursor: pointer; overflow: hidden; position: relative; border: 2px dotted #666666; width:100%;min-width: 170px; max-width: 270px; height: 160px;  border-radius: 10px; background:#fff}
.main-img-up-wp .main-img-up-bt:nth-child(2) button{ }
.main-img-up-wp .main-img-up-bt:nth-child(2) button i{padding-bottom: 20px;padding-top: 37px; }
.main-img-up-wp .main-img-up-bt button i{font-size: 28px;display:block}
.main-img-up-wp .main-img-up-bt button.on{border: 2px dotted #f25b2b; color: #666; }
.main-img-up-wp .main-img-up-bt button.on i{color:#f25b2b; }
.main-img-up-wp .main-img-up-bt input[type="file"]{ color: #fff; font-size: 0; height: 100%; width:100%; position: absolute; top: 0; left: 0;}
.main-img-up-wp .main-img-up-bt  input[type="file"]::file-selector-button{ width: 0; height: 0; background: #fff; border: 0; color:#fff; border-radius: 0;}
.main-img-min-txt{margin-top:20px; font-size: 0.75rem; color: #999; letter-spacing: 0;}
.main-img-min-txt span{font-weight:500}
.modal-body.main-img-box-wp{ overflow: hidden; padding: 20px 0 45px;}
.modal-body .main-img-box{ float: left; width: 31%; overflow: hidden; border-radius: 10px; margin-right: 3.333%;margin-bottom:10px; height:160px}
.modal-body .main-img-box.active{border: 2px solid #f25b2b;}
.modal-body .main-img-box.active img{ opacity: 0.5;}
.modal-body .main-img-box:nth-child(3n){margin-right:0}
.modal-body .main-img-box img{ min-height: 100%; width:100%}

.initiative-logo-wp{display: flex; flex-wrap: wrap;}
.initiative-logo-wp .initiative-list-con{width:270px; margin-right:20px}
.initiative-logo-wp .initiative-logo{ width: 100%; height:100px; border: 1px solid #bbb; border-radius: 10px; display: flex; align-items: center; justify-content: center;;}
.initiative-logo-wp .initiative-logo.active{border:2px solid #f25b2b}
.initiative-logo-wp .initiative-logo.white{background: #222;}
.initiative-logo-wp .initiative-logo img{ height: auto; width: 80%;}
.initiative-logo-wp .initiative-list-con .initiative-color-bt{display: flex; justify-content: center; margin:5px 0 20px 0;}
.initiative-logo-wp .initiative-list-con .initiative-color-bt span{width: 20px; height: 20px; border-radius: 50px; cursor: pointer; position: relative;}
.initiative-logo-wp .initiative-list-con .initiative-color-bt span input{height:0}
.initiative-logo-wp .initiative-list-con .initiative-color-bt .white-circle-bt{border: 1px solid #bbb; background: #fff; margin-right:5px}
.initiative-logo-wp .initiative-list-con .initiative-color-bt .black-circle-bt{border: 1px solid #222; background: #222}
.initiative-logo-wp .initiative-list-con .initiative-color-bt .white-circle-bt.active:after{ position: absolute;  top: 0; content:"";  width: 20px; display: flex; height: 20px;background: url('/resources/assets/images/icon-initiv-check-bk.png') no-repeat 3px 2px;}
.initiative-logo-wp .initiative-list-con .initiative-color-bt .black-circle-bt.active:after{ position: absolute; top: 0; content:"";  width: 20px; display: flex; height: 20px;background: url('/resources/assets/images/icon-initiv-check-wh.png') no-repeat 3px 2px;}

.basic-table tr td .input-padding-40{width:40px }



/* 공시 에디터 페이지 */
.head-tit-box.editor-head-tit-box{ width: calc(100% - 336px);}
.editor-scroll-top{}
.editor-scroll-top.fix{position:fixed; z-index:50; width: 100%; background: #f6f6f6; top: 0;    box-shadow: 0 0 15px rgba(0,0,0,0.2); left: 125px;}
.editor-scroll-top.fix .editor-option-box{margin:15px 0}
.editor-con-wp{}
.editor-con-wp .editor-option-box{ margin: 30px 0 15px 0;}
.editor-con-wp .editor-option-box .ex-txt{color: #999; font-size: 0.875rem; }
.editor-con-wp .editor-pdf-box{max-width:1356px; width:100%; min-height:680px; border-radius:20px; background:#ddd; margin-bottom:30px; overflow: hidden;}
.inventory-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box ul li.arrow::after{content: ''; width: 8px; height: 8px; border: solid #666; border-width: 2px 2px 0 0; position: absolute; right: 20px; transform: rotate(45deg);}
.editor-con-wp .edito-dot-box{ display: flex; flex-direction: column; align-items: center; position: absolute; top: 10px; left: 17px;}
.editor-con-wp .edito-dot-box .edito-dot-line{border:3px dashed #f25b2b; width: 100px; height: 100px; border-radius: 10px}
.editor-con-wp .edito-dot-box .edito-dot-txt{ display: inline-block; background: #f25b2b; padding: 0px 20px 10px; color: #fff; margin-top: 15px; border-radius: 50px; font-size:0.875rem}
.editor-con-wp .edito-dot-box .edito-dot-txt:before{ content:""; display:block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f65535; position: relative; top: -10px; left: 50%; margin-left: -10px;}
.editor-con-wp .editor-web-box{max-width:1356px; width:100%; min-height:680px; border-radius:20px; background:#fff; margin-bottom:30px}

.disclosure-sidebar-wp{ position: relative; z-index: 99;}
.disclosure-sidebar-wp .disclosure-sidebar-con{width:350px; position: fixed; right: 0; z-index: 999; top: 0; background: #fff; height: 100%; overflow-y: scroll;  color:#444; box-shadow: -1px 0px 4px rgba(0,0,0,.1);}
.disclosure-sidebar-wp .disclosure-sidebar-con::-webkit-scrollbar{width: 14px; height: 14px;}
.disclosure-sidebar-wp .disclosure-sidebar-con::-webkit-scrollbar-thumb{outline: none; border-radius: 10px; border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 0.65);}
.disclosure-sidebar-wp .disclosure-sidebar-con::-webkit-scrollbar-thumb:hover{ border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 1);}
.disclosure-sidebar-wp .disclosure-sidebar-con::-webkit-scrollbar-track{box-shadow: none;  background-color: transparent;}

.disclosure-sidebar-wp .nav-tabs-custom .nav-item .nav-link{ text-align: center; color: #878787; font-size: 1rem; padding: 18px 0;}
.disclosure-sidebar-wp .nav-tabs-custom .nav-item .nav-link.active{color:#444;}
.disclosure-sidebar-wp .nav-tabs-custom .nav-item .nav-link::after{background:#444}
.disclosure-sidebar-wp .nav-tabs-custom .nav-item{ width: 50%;}
.disclosure-sidebar-wp .nav-tabs-custom .nav-item + .nav-item{margin-left:0}
.disclosure-sidebar-wp .disclosure-sidebar-tit{ padding: 20px 0 0 20px; font-size: 1rem; color: #444; display: flex; align-items: center; font-weight: bold;}
.disclosure-sidebar-wp .disclosure-sidebar-tit img{ padding-right: 10px;}
.disclosure-sidebar-wp .sidebar-border-box{border:1px solid #bbb; padding:10px; border-radius:10px}
.disclosure-sidebar-wp .sidebar-sub-tit{padding:15px 0 10px 0; color: #444; font-size: 1rem; text-align: center; font-weight: bold;}
.disclosure-sidebar-wp .sidebar-con-box{ padding: 0 20px 20px 20px;}
.disclosure-sidebar-wp .sidebar-con-box .sidebar-con-box-name{ padding: 20px 0 10px 0; font-size: 0.875rem; display: block;}
.disclosure-sidebar-wp .sidebar-con-box .sidebar-con-box-name2{ padding: 0 0 8px 0; font-size: 0.875rem; display: block;}
.disclosure-sidebar-wp .sidebar-con-box .lineup-list{display: flex; justify-content: space-around;}
.disclosure-sidebar-wp .sidebar-con-box .lineup-list li{background:#f2f4f6; padding: 8px; border:2px solid #f2f4f6; border-radius: 5px; cursor: pointer;}
.disclosure-sidebar-wp .sidebar-con-box .lineup-list li.on{background:#fff; border:2px solid #f25b2b}
.disclosure-sidebar-wp .sidebar-dat-bt-box{ padding:  5px 20px 20px 20px; display: flex; align-items: center;}
.disclosure-sidebar-wp .sidebar-dat-bt-box .sidebar-gray-box{ margin-right: 10px; padding: 10px; font-size: 12px; color: #999; text-align: center; justify-content: center; width: 130px;}
.disclosure-sidebar-wp .sidebar-sel-bt2-box{ display: flex; align-items: center; padding: 5px 20px 20px 20px;}
.disclosure-sidebar-wp .sidebar-sel-bt2-box .dropdown.basic{ width: 150px; margin: 0;}
.disclosure-sidebar-wp .sidebar-sel-bt2-box .btn-org{ margin: 0 7px;}
.disclosure-sidebar-wp .sidebar-gray-box{ background: #f2f4f6; display: flex; position: relative; justify-content: space-between; padding: 20px; border-radius: 10px; align-items: center;}
.disclosure-sidebar-wp .sidebar-gray-box span{color:#999}
.disclosure-sidebar-wp .sidebar-gray-box span img{margin-right:10px}
.disclosure-sidebar-wp .sidebar-top-btn{ text-align: center; margin: 10px 0;}
.disclosure-sidebar-wp .dropdown.basic{width: 100%;}
.disclosure-sidebar-wp .dropdown.basic .dropdown-toggle{ display: flex; justify-content: space-between; border: 1px solid #bbb; align-items: center; padding: 10px; border-radius: 10px;}
.disclosure-sidebar-wp .dropdown.basic .dropdown-menu.show{border: 1px solid #bbb; border-top: 0;}

.disclosure-sidebar-wp .sidebar-con-box .slidecontainer { width: 100%; display: flex; align-items: center;}
.disclosure-sidebar-wp .sidebar-con-box .slidecontainer input[type="text"] { width: 44px;font-size:0.75rem; border: 1px solid #bbb; border-radius: 10px; height: 26px; margin-left: 10px; padding:0; text-align: center; }
.disclosure-sidebar-wp .sidebar-con-box .slidecontainer input[type="number"] { width: 44px;font-size:0.75rem; border: 1px solid #bbb; border-radius: 10px; height: 26px; margin-left: 10px; padding:0; text-align: center; }
.disclosure-sidebar-wp .sidebar-ft-btn{ margin-top: 20px; display: flex; justify-content: center;}
.disclosure-sidebar-wp .sidebar-ft-btn .btn{ width: 150px; height: 34px; } 
.disclosure-sidebar-wp .sidebar-ft-btn .btn.btn-org{margin-right:10px } 
.disclosure-sidebar-wp .colorpicker-wp{ align-items: center; justify-content: space-between; padding:5px 20px 20px 20px;}

.disclosure-sidebar-wp .colorpicker-wp .colorpicker-img button{margin-right:0}
.disclosure-sidebar-wp .colorpicker-wp .colorpicker-img{ align-items: center; margin: 0;}
.disclosure-sidebar-wp .colorpicker-wp .btn{ width: 150px;}
.disclosure-sidebar-wp .sidebar-bott-box{ cursor: pointer; overflow: hidden; position: relative;  border: 2px dotted #666666; width: 100%; height: 80px; border-radius: 10px; background: #fff; align-items: center; justify-content: center;    display: flex; }
.disclosure-sidebar-wp .sidebar-bott-box i{  font-size: 28px; display: block;}
.disclosure-sidebar-wp .sidebar-bott-box input[type="file"]{color: #fff; font-size: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0;}
.disclosure-sidebar-wp .sidebar-bott-box input[type="file"]::file-selector-button{ background: #fff; border: 0; color:#fff;;}
.disclosure-sidebar-wp .sidebar-file-bt-box{ display: flex; align-items: center; justify-content: space-between; }
.disclosure-sidebar-wp .sidebar-file-bt-box .sidebar-bott-box{ width: 77%; }
.disclosure-sidebar-wp .sidebar-file-bt-box .sidebar-gray-box{ width: 77%; min-height: 76px;}
.disclosure-sidebar-wp .sidebar-file-bt-box button.btn-org{/*margin-left: 10px;여백때문에 틀어짐 */}
.disclosure-sidebar-wp .sidebar-file-bt-box .action-icon-list{ position: absolute; right: 10px; bottom: 10px;}
.disclosure-sidebar-wp .sidebar-file-bt-box .action-icon-list button{margin:0}
.disclosure-sidebar-wp .sidebar-input-bt-box{display: flex; padding: 20px; align-items: center;}
.disclosure-sidebar-wp .sidebar-input-bt-box .sidebar-input-box{ position: relative; width: 77%; margin-right: 10px;}
.disclosure-sidebar-wp .sidebar-input-bt-box .sidebar-input-box button{width: 80px;}
.disclosure-sidebar-wp .sidebar-input-bt-box .sidebar-input-box input[type="text"]{ border: 1px solid #bbb; padding: 10px; height: 40px; border-radius: 10px; width: 100%;}
.disclosure-sidebar-wp .sidebar-input-bt-box .sidebar-input-box input[type="number"]{ border: 1px solid #bbb; padding: 10px; height: 40px; border-radius: 10px; width: 100%;}
.disclosure-sidebar-wp .sidebar-input-bt-box .sidebar-input-box img{ background: #fff; position: absolute;  right: 10px;  top: 10px;}
.disclosure-sidebar-wp .sidebar-con-box input[type="text"]{ height: 40px; border: 1px solid #bbb; border-radius: 10px; padding: 10px; width: 100%;}
.disclosure-sidebar-wp .sidebar-con-box input[type="number"]{ height: 40px; border: 1px solid #bbb; border-radius: 10px; padding: 10px; width: 100%;}
.disclosure-sidebar-wp .initiative-logo-wp{ margin: 20px;}
.disclosure-sidebar-wp .initiative-list-con{ width: 49%; margin-right: 2%;}
.disclosure-sidebar-wp .initiative-list-con:nth-child(even){margin-right: 0;}
.disclosure-sidebar-wp .initiative-logo-wp .initiative-logo{ height: 56px;}
.disclosure-sidebar-wp .sidebar-control-box{ display: flex; justify-content: space-between; align-items: center;}
.disclosure-sidebar-wp .sidebar-control-box .custom-control{padding: 10px 0 10px 10px; width: 100%;  border-radius: 10px; margin: 10px;}
.disclosure-sidebar-wp .sidebar-control-box .custom-control:hover{background: #f2f4f6;}

.slidecontainer  input[type=range] {  -webkit-appearance: none;  width: 100%; height: 5px; background: #f2f4f6; cursor: pointer; border-radius: 0; /* iOS */ transition: background 450ms ease-in;  }
.slidecontainer input[type=range]:focus { outline: none;  }
.slidecontainer input[type=range]::-webkit-slider-thumb{ -webkit-appearance: none; width: 18px; height: 18px; background: #fff; border: 4px solid #f65535; border-radius:50%; cursor: pointer;  border-radius: 50px; }
.slidecontainer input[type=range]::-moz-range-thumb{ -webkit-appearance: none; width:18px; height:18px; background: #fff; border: 4px solid #f65535; border-radius:50%; cursor: pointer; border-radius: 50px; }

.editor-con-wp .top-box .nav-justified .nav-item{ min-width: 100px;}
.editor-top-bt-wp{ position: relative;}
.editor-top-bt-wp button{}
.editor-top-bt-wp:hover .tip{display:block}
.editor-top-bt-wp .tip{display:none; position:absolute; min-width: 240px; left: -60px; top: -40px; background: #F2693E; text-align: center; color: #fff; border-radius: 50px; font-size: 14px; padding: 6px 0; }
.editor-top-bt-wp .tip:after{display:block; content:""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #F2693E; position: absolute; left: 48%; top: 33px;}
.editor-top-bt-wp .tip.left{width: 320px; left: 10px;}
.editor-top-bt-wp .tip.left:after{left: 14%;}
.editor-top-bt-wp .tip.right{width: 320px; left: -210px;}
.editor-top-bt-wp .tip.right:after{left: 83%;}
/* 보고서 */
.report-container { display: flex;  height: 60rem; width: 100%;}
.report-container .white-box{ }
.report-left-box { width: 40%; min-width: 300px; }
.report-left-box.min-width{ min-width: 4%;width: 63px !important; display: flex; flex-direction: column;  align-items: center;}
.report-left-box.min-width .report-top-rt,.report-top-last{display:none}
.report-left-box.min-width .report-top-tit{border-bottom:0}
.report-left-box.min-width .report-top-last{display:block; cursor: pointer;}
.report-container .report-top-tit{ font-size: 1.125rem; font-weight: bold; display: flex;  justify-content: space-between; align-items: center; border-bottom: 1px solid #999; padding-bottom: 10px;margin-bottom: 10px;}
.report-container .report-top-rt span{margin-left: 14px;}
.resizer{background: url(/resources/assets/images/icon-rpt-mouse.png) no-repeat center; cursor: ew-resize; height: 100%; width: 30px;}
.report-right-box { flex: 1; min-width:600px;}
.report-right-box ul li,.report-right-box ol li{ list-style: inherit; margin-left: 20px;}
.report-right-box ul li::marker, .report-right-box ol li::marker{}
.inventory-list-box .inventory-step-box .inventory-step-item .select-box-wrap .select-box ul li .rpt-pencil{ margin-left: -25px; margin-right: 5px;}
.inventory-list-box .inventory-list-box-top .right .rpt-button-wp button{ margin: 0 20px; padding: 0px 10px}
.report-add-con span{background: #f2f4f6; padding: 10px 0 10px 20px; display: flex; color: #999; align-items: center;}
.report-add-con span img{ margin-right: 10px;}

.rpt-sidebar-bt ul li a{color:#fff}
.rpt-sidebar-wp{ position: relative; z-index: 2;}
.rpt-sidebar-wp .rpt-sidebar-con{width:350px; position: fixed; right: -350px; z-index: 999; top: 0; background: #fff; height: 100%; color:#444;box-shadow: -1px 0px 4px rgba(0,0,0,.1);}
.rpt-sidebar-wp .rpt-sidebar-con.open{ height: 100%;}
.rpt-sidebar-con .nav-tabs-custom{border-bottom: 1px solid #ddd;}
.rpt-sidebar-con .nav-tabs-custom .nav-item{width:40%; margin: 0;}
.rpt-sidebar-con .nav-tabs-custom .nav-item:last-child{width:20%}
.rpt-sidebar-con .nav-tabs-custom .nav-item a{ padding: 0; height: 70px; display: flex; justify-content: center; align-items: center; color: #878787; font-size: 1rem;}
.rpt-sidebar-con .nav-tabs-custom .nav-item .nav-link.active{color:#444; font-weight:bold}
.rpt-sidebar-con .nav-tabs-custom .nav-item .nav-link::after{background:#444}
.rpt-sidebar-con .tab-content{box-sizing: border-box;height: calc(100% - 71px);}
.rpt-sidebar-con .tab-content .tab-pane{height:100%;}
.rpt-sidebar-con .tab-content #history{overflow-y:auto;}
.rpt-sidebar-con .tab-content #history::-webkit-scrollbar{width: 14px; height: 14px;}
.rpt-sidebar-con .tab-content #history::-webkit-scrollbar-thumb{outline: none; border-radius: 10px; border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 0.65);}
.rpt-sidebar-con .tab-content #history::-webkit-scrollbar-thumb:hover{ border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 1);}
.rpt-sidebar-con .tab-content #history::-webkit-scrollbar-track{box-shadow: none;  background-color: transparent;}
.rpt-sidebar-con .reply-top-bt-wp{ position: relative; z-index: 1;}
.reply-top{display: flex; justify-content: center; padding: 20px; border-bottom: 1px solid #f3f3f3;}
.reply-top .reply-top-bt{width:150px; border: 1px solid #e8e8e8; border-radius: 15px; height: 33px; display: flex;  justify-content: space-between; align-items: center; padding: 0 8px; cursor: pointer;}
.reply-top-bt.on{border-radius:15px 15px 0 0}
.reply-top-bt.on i{ transform: rotate(180deg);}
.reply-top .reply-top-bt-wp2{width:150px; border: 0; background:#444; border-radius: 15px; height: 33px; color:#fff;    margin-left: 10px; }
.reply-top .reply-top-bt span{ color: #f25b2b; }
.reply-top .reply-top-bt span img{margin-right:5px}
.reply-top .reply-top-menu{display:none; position: absolute; background: #fff; border: 1px solid #eee; width: 100%; border-radius: 0 0 15px 15px; border-top: 0; padding-top: 5px; top: 30px;}
.reply-top .reply-top-menu .line-checkbox{margin:8px 10px; }
.reply-top .reply-top-menu.on{display:block}
.reply-top.reply-ck-box{padding:0; border:0; }
.reply-top.reply-ck-box .reply-top-bt{ width: auto; border: 0;}
.reply-top.reply-ck-box .reply-top-menu{ width: 110px; right: 0; margin-top: 5px; border-top: 1px solid #eee; border-radius: 15px;}
.rpt-sidebar-con .reply-con-box .reply-bt-wp{ display: flex; justify-content: flex-end;}
.rpt-sidebar-con .reply-con-box .reply-bt-wp span{ margin: 0 0 0 15px; cursor: pointer;}
.rpt-sidebar-con .reply-con-box .reply-bt-wp .comment{background:url('/resources/assets/images/icon-comment.png'); width: 20px; height: 20px;}
.rpt-sidebar-con .reply-con-box .reply-bt-wp .comment:hover{background:url('/resources/assets/images/icon-comment-on.png')}
.rpt-sidebar-con .reply-con-box .reply-bt-wp .comment.on{background:url('/resources/assets/images/icon-comment-on.png')}
.rpt-sidebar-con .reply-con-box{overflow-y: auto; height: calc(100% - 74px);}
.rpt-sidebar-con .reply-con-box::-webkit-scrollbar{width: 14px; height: 14px;}
.rpt-sidebar-con .reply-con-box::-webkit-scrollbar-thumb{outline: none; border-radius: 10px; border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 0.65);}
.rpt-sidebar-con .reply-con-box::-webkit-scrollbar-thumb:hover{ border: 4px solid transparent; box-shadow: inset 6px 6px 0 rgba(179, 185, 199, 1);}
.rpt-sidebar-con .reply-con-box::-webkit-scrollbar-track{box-shadow: none;  background-color: transparent;}
.rpt-sidebar-con .reply-con-box ul{}
.rpt-sidebar-con .reply-con-box ul li{ border-bottom:1px solid #f3f3f3; padding:20px 14px 20px 20px}
.rpt-sidebar-con .reply-con-box ul li .reply-name-wp{ display: flex; justify-content: space-between;}
.rpt-sidebar-con .reply-con-box ul li .reply-txt-wp .ongoing-txt{color:#444; margin:15px 0; font-size: 0.75rem;}
.rpt-sidebar-con .reply-con-box ul li .reply-txt-wp .ongoing-txt span{color:#999;display:block}
.rpt-sidebar-con .reply-con-box ul li .reply-txt-wp .con-txt{color:#444; margin-bottom: 0; font-size: 0.875rem;  font-weight: bold; }
.rpt-sidebar-con .reply-con-box ul li.off{background: #f3f4f6;}
.rpt-sidebar-con .reply-con-box ul li.off .reply-name{ display: flex; align-items: center;}
.rpt-sidebar-con .reply-con-box ul li.off .reply-name:before{content:""; display:inline-block;width:20px; height:20px; background:url('/resources/assets/images/icon-reply.png'); }



.user-name-box{ min-width: 75px; border-radius: 50px; height: 26px; display: flex; align-items: center;padding: 0 10px 0 3px;}
.user-name-box b{background: #fff; color: #999; border-radius: 20px; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; margin-right: 5px;}

.rpt-sidebar-con .history-con-box{ padding-left: 20px;}
.rpt-sidebar-con .history-con-box:first-child .history-con-box-border{padding-top: 0; margin-top: 20px;}
.rpt-sidebar-con .history-con-box-border{ border-left: 1px solid #cececf; padding: 20px 13px 0;}
.rpt-sidebar-con .history-con-box.off{background:#f3f4f6}
.rpt-sidebar-con .history-con-box:first-child .history-top-txt:before{ content:""; width:12px; height:12px; display:inline-block;background: #fff; border: 2px solid #f25b2b !important; border-radius: 20px; margin-left: -20px; margin-right: 9px; }
.rpt-sidebar-con .history-con-box .history-top-txt.draft:before{ content:""; width:12px; height:12px; display:inline-block;background: #fff; border: 2px solid #cececf; border-radius: 20px; margin-left: -20px; margin-right: 9px; }
.rpt-sidebar-con .history-con-box .history-top-txt{font-size:0.875rem; font-weight:bold; margin-bottom: 8px;}
.rpt-sidebar-con .history-con-box .history-top-txt span{color:#999;font-weight:500;}
.rpt-sidebar-con .history-con-box .history-con-txt{ display: flex; padding-bottom: 20px;}
.rpt-sidebar-con .history-con-box .history-con-txt .user-name{ width: 24px; height: 22px; display: flex; align-items: center; justify-content: center; border-radius: 50px; margin-right: 6px;}
.rpt-sidebar-con .history-con-box .history-con-txt .user-con p{font-size:0.875rem; margin-bottom:0; line-height: 1.3;}
.rpt-sidebar-con .history-con-box .history-con-txt .user-con span{font-size:0.75rem; color:#999; display: flex; align-items: center; flex-wrap:wrap;}
.rpt-sidebar-con .history-con-box .history-con-txt .user-con span .white-bt{padding:1px 8px; border:1px solid #bbb;margin-left: 10px;}

.line-checkbox input.line-check-input{display:none;}
.line-checkbox input.line-check-input + label{cursor:pointer; margin:0}
.line-checkbox input.line-check-input + label > span{vertical-align: middle; padding-left: 5px; font-size: 0.813rem;}
.line-checkbox input.line-check-input + label:before{ content:""; display:inline-block; width:26px; height:26px; border:1px solid #bbb; border-radius: 50px; vertical-align:middle;  }
.line-checkbox input.line-check-input:checked + label:before{ content:""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23444' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: 50%; background-size: 17px;}
.line-checkbox input.line-check-input + label.off:before{background: #bbb;}
.checkbox-color01{color:#4c6cbb}
.checkbox-color02{color:#999}
.checkbox-color03{color:#39b671}
.checkbox-color04{color:#ebb81d}
.checkbox-color01 input.line-check-input:checked + label:before{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234c6cbb' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}
.checkbox-color02 input.line-check-input:checked + label:before{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23999' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}
.checkbox-color03 input.line-check-input:checked + label:before{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2339b671' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}
.checkbox-color04 input.line-check-input:checked + label:before{ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23ebb81d' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");}

.modal-reply-wp{ color: #444; border-bottom:1px solid #f3f3f3; padding:24px 0 20px 0;}
.modal-reply-wp .modal-reply-top{ display: flex; justify-content: space-between;}
.modal-reply-wp .modal-reply-top .reply-name{ display: flex; align-items: center; }
.modal-reply-wp .modal-reply-top .reply-name p{ margin: 0; font-size: 12px; line-height: 1.2; margin-left: 10px;}
.modal-reply-wp .modal-reply-top .reply-name p span{ color:#999; display:block}
.modal-reply-wp .con-txt{font-size: 0.875rem; font-weight: bold; margin: 20px 0;}
.modal-reply-wp .reply-bt-wp{ display: flex; justify-content: flex-end;}
.modal-reply-wp .reply-bt-wp span{ margin: 0 0 0 15px; cursor: pointer;}
.modal-reply-wp .reply-bt-wp .comment{background:url('/resources/assets/images/icon-comment.png'); width: 20px; height: 20px;}
.modal-reply-wp .reply-bt-wp .comment:hover{background:url('/resources/assets/images/icon-comment-on.png')}
.modal-reply-wp .reply-bt-wp .comment.on{background:url('/resources/assets/images/icon-comment-on.png')}
.modal-reply-wp.reply .modal-reply-top .reply-name:before { content: ""; display: inline-block; width: 20px; height: 20px; background: url(/resources/assets/images/icon-reply.png);}
/* 히스토리 */
.report-history-table-wp{ border:1px solid #bbb; border-radius:17px; overflow: hidden;}
.report-history-table{width:100%; color:#444;}
.report-history-table tr th{ background:#f9f9f9; font-size:16px;text-align: center; padding: 17px; border-left: 1px solid #bbb;}
.report-history-table tr th:first-child{border-left:0}
.report-history-table tr td.border-rg{ border-right:1px solid #bbb;}
.report-history-table tr td{ padding: 14px; border-top: 1px solid #bbb;}
.report-history-con{font-size:0.875rem; padding: 20px 0px; overflow-y: auto; height: 90%; box-sizing: border-box;}
.report-history-con table.normal_table,.report-history-con table.normal_table tr,.report-history-con table.normal_table td{border: 1px solid #DDD;}
.report-history-top{ color: #444; display: flex; align-items: center; font-size: 0.75rem; padding-bottom: 30px; border-bottom: 1px solid #bbb;}
.report-history-top b{font-size:1.125rem; color:#222; padding:0 5px}
.report-history-top span.black-bt,.report-history-top span.white-bt{ padding: 1px 10px;}
.dashboard-top-box .report-history-tit{ margin: 0;}
.dashboard-top-box .report-history-tit b{padding: 5px 0; display: block; font-size:1rem; }
.dashboard-top-box .report-history-tit span{font-size:0.75rem; color:#999; display:block}

.manage-data-box04{color:#444}
.manage-data-box04 p span{font-size:14px; display: block; padding-top: 15px; font-weight: normal;}

.report-container .fr-box.fr-basic.fr-top .fr-wrapper{border:0;z-index:0;max-height:600px;}
.report-container .fr-box.fr-basic.fr-top .fr-wrapper::-webkit-scrollbar{display:none;}
.report-container .fr-toolbar.fr-top{ border: 0;}
.report-container .fr-second-toolbar{ border: 0;display:none;}
.report-container .fr-toolbar .fr-newline{background:#999;margin:0}
.report-container .fr-box.fr-basic .fr-element{}








    

/* 노트북 */
@media (max-width: 1500px) {
/* 공시 웹  */
.register-box-wp .template-list ul li{width: 33.3%;}
.register-box-wp .template-list ul li .template-con-img{ width: 100%; min-width: 150px;}
.main-img-up-wp .main-img-up-bt button{ max-width: 160px; min-width: 100px; height: auto; }
.main-img-up-wp .main-img-up-bt:nth-child(1) button i{ padding-bottom: 40px; padding-top: 37px; }
.initiative-logo-wp .initiative-list-con{ width: 24%; margin-right: 1%;}
.basic-table tr td .input-padding-40{ width: 0;}
.page-content{}





}




/* 모바일 */
@media (max-width: 992px) {
.head-tit-box{padding-left:0;padding-top:60px;height:auto;flex-direction:column-reverse; align-items: start !important;}
.head-tit-box .head_right{width:100%;border-bottom:1px solid #e8e8e8;padding: 0 24px; box-sizing: border-box;height:72px;}
.head-tit-box .head_right ul{margin:0;width:100%;position:relative;justify-content: space-between; flex-direction: row-reverse;}
.head-tit-box .head_right ul li:first-child{position:absolute;bottom:4px;left:0;}
.head-tit-box .head_right ul li:nth-child(2){position:relative;right:-20px;}
.head-tit-box .head_right ul li:nth-child(2) img{width:24px;}
.head-tit-box .head_right ul li .top-cpn-wp{top:-8px;}
.head-tit-box .head_right ul li .top-cpn-wp .name{display:flex; align-items: center;}
.head-tit-box .head_right ul li .top-cpn-wp .name b{font-size:15px;}
.head-tit-box .head_right ul li .name span{font-size:12px;font-weight:500;display:flex;line-height:normal;width:27px;height:27px;align-items:center;justify-content:center;margin-right:5px;}
.head-tit-box .head_left{width:100%;padding:15px 20px;}
.total-top-txt{font-size:14px;}
.setting_step_all .ft_bt_wp .btn{margin:0;width:74px;padding:5px 10px;min-width:auto;height:30px;}
.head-tit-box .head_left h2{margin:0 20px 0 0;}



}