.container {clear:both;}

/* 헤더 시작 */
.container .header {position:fixed; width:100%; height:90px; border-bottom:35px solid #2e5c85; background:#fff;}
.container .header .header-wrap {position:relative; width:95%; height:52px; margin:0 auto; padding:19px 0;}


.container .header .header-title {position:relative; float:left; width:auto; cursor:pointer;}
.container .header .header-title .header-title-icon {position:relative; float:left; background:url(:subdirectory:/image/file/1908) 100% 100% no-repeat; margin-right:15px; width:72px; height:50px;}
.container .header .header-title .header-title-text {position:relative; float:left; bottom:5px;}
.container .header .header-title .header-title-text span.header-title-sub {position:relative; top:20px; font-size:18px; font-weight:500; color:#36424c; margin-left:6px;}

.container .header .kermab-choice-wrap {position:relative; float:left; bottom:19px; width:485px; height:90px; text-align:center;}
.container .header .kermab-choice-wrap button {position:relative; margin:0 auto; cursor:pointer; border:none; outline:none; width:142px; border-left:25px solid transparent; border-right:25px solid transparent; border-top:33px solid #1178d4; background:none; transition:0.3s;}
.container .header .kermab-choice-wrap button.open {top:0px;}
.container .header .kermab-choice-wrap button.close {top:57px;}
.container .header .kermab-choice-wrap button span {position:absolute; top:-27px; right:17px; width:55px; font-size:14px; font-weight:600; color:#fff;}
.container .header .kermab-choice-wrap ul.window-choice-thema {position:absolute; top:-60px; width:485px; height:28px; background:#eff3f8; border-radius:0 0 10px 10px; border-left:1px solid #cfdfed; border-right:1px solid #cfdfed; border-bottom:1px solid #cfdfed; padding:14px 25px; transition:0.3s;}
.container .header .kermab-choice-wrap ul.window-choice-thema li {display:inline-block; margin-right:24px; font-size:18px; font-weight:600; color:#738697; width:90px; height:30px; background:#d8e2ed; border-radius:5px; line-height:1.7em; cursor:pointer;}
.container .header .kermab-choice-wrap ul.window-choice-thema li:last-child {margin-right:0;}
.container .header .kermab-choice-wrap ul.window-choice-thema li.on {background:#d8e2ed;}
.container .header .kermab-choice-wrap ul.window-choice-thema li.off {background:#eff3f8;}
.container .header .header-main-menu {position:relative; float:right; width:640px;}
.container .header .header-main-menu-ul .header-main-menu-item {position:relative; float:left; margin-right:79px; top:14px;}
.container .header .header-main-menu-ul .header-main-menu-item:last-child {margin-right:0;}
.container .header .header-main-menu-ul .header-main-menu-item a {font-size:22px; font-weight:500; color:#57575b; transition:0.3s;}
.container .header .header-main-menu-ul .header-main-menu-item a:hover {color:#1872c3;}
/* 헤더 끝 */

/* 메인 메누 window 시작 */

/* 공통 */
.main-menu-window-button {position:absolute; top:25px; right:20px;}
.main-menu-window-button a {display:inline-block; border-right:1px solid #c6c6c6; width:59px; height:22px; text-align:center; font-size:16px; font-weight:300; color:#717980;}
.main-menu-window-button a:last-child {border-right:none;}

/* 공지사항 */
.container .main-menu-window-notice-wrap {position:fixed; top:125px; z-index:4; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
.container .main-menu-window-notice-wrap .main-menu-window-notice {position:relative; top:7%; margin:0 auto; width:1185px; height:524px; background:#fff; box-shadow:0 5px 15px -5px #000;}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-header {position:relative; width:98%; height:34px; padding:18px 1%; border-bottom:1px solid #dae1f2;}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-header h1 {position:relative; width:100%; top:5px; font-size:30px; font-weight:600; color:#364047; text-align:center;}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.list {position:relative; width:94%; height:100%; padding:3%; background:#fff;}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.list table {width:100%; border-collapse:collapse;}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.list th {font-size:18px; font-weight:600; color:#5c656e; border-top:1px solid #a9b4bf; border-bottom:1px solid #a9b4bf; background:#e7eef5; height:42px; text-align:center;}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.list tr td {background:#f9fbff; border-bottom:1px solid #dee2ea; height:36px; text-align:center; font-family:'Nanum gothic',sans-serif; letter-spacing:-0.01em; font-size:16px; font-weight:400; color:#6e767f;}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.list tr td a {font-family:'Nanum gothic',sans-serif; letter-spacing:-0.01em; font-size:16px; font-weight:400; color:#6e767f; transition:0.3s;}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.list tr td a:hover {color:#428dd9;}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.list tr td.notice-title {text-align:left;}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.list tr td.notice-number {width:65px;}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.list tr td.notice-title {width:1047px}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.list tr td.notice-writer {width:267px;}
.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.list tr td.notice-date {width:161px;}

.pager {margin-top:50px; width: 100%; bottom: 10px; text-align: center;}
.pager span{display: inline-block;margin-right: 5px;}
.pager .Present{background-color:#4271ce;}
.pager .Present a{color:#fff}
.pager span a {display: inline-block;color: #333;border: solid 1px #c9c9c9;padding: 5px;width: 20px;}
.pager span a:hover {background-color:#4271ce; color:#fff} 


button.notice-write {font-size:15px; font-weight:400; color:#e98d3a; background:url(:subdirectory:/image/file/1936) 82% 50% no-repeat; outline:none; width:115px; height:35px; padding-right:20px; border:1px solid #e88c3a; border-radius:5px; cursor:pointer; position:absolute; bottom:53px; right:30px;}

.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.view {position:relative; width:94%; height:520px; padding:3%; background:#fff; font-size:16px; font-weight:300; color:#6e767f;}
.main-menu-window-notice-body.view ul {border:1px solid #d1d9ec;}
.main-menu-window-notice-body.view ul li div {display:inline-block}
.main-menu-window-notice-body.view ul li div p {display:inline-block; width:90px; height:35px; padding-top:15px; background-color:#f9f9f9; border-right:1px solid #e2e2e2; font-size:14px; font-weight:500; color:#444444; vertical-align:middle; text-align:center}
.main-menu-window-notice-body.view ul li div span {display:inline-block; font-size:14px; font-weight:300; color:#555555; width:374px; margin-left:15px}
.main-menu-window-notice-body.view ul li.board-dateNwriter {border-bottom:1px solid #e2e2e2}
.main-menu-window-notice-body.view ul li.board-dateNwriter .Rdate {}
.main-menu-window-notice-body.view ul li.board-dateNwriter .Rwriter p {border-left:1px solid #e2e2e2}
.main-menu-window-notice-body.view ul li.board-title {border-bottom:1px solid #e2e2e2}
.main-menu-window-notice-body.view ul li.board-title .Rtitle span {width:840px}
.main-menu-window-notice-body.view ul li.board-text {height:265px; border-bottom:1px solid #e2e2e2; overflow-y:scroll; overflow-x:hidden}
.main-menu-window-notice-body.view ul li.board-text span {font-family:'Nanum gothic',sans-serif; display:block; width:96%; height:auto; padding:20px  20px; font-size:14px; font-weight:300; color:#555555; word-break:keep-all; line-height:1.7em;}
.main-menu-window-notice-body.view ul li.board-file {height:58px; overflow-y:scroll; overflow-x:hidden}
.main-menu-window-notice-body.view ul li.board-file div p {position:absolute; height:41px; padding-top:17px}
.main-menu-window-notice-body.view ul li.board-file ul.day-fileList {display:inline-block;vertical-align:middle;height:auto;margin-left:91px;margin-top:5px;}
.main-menu-window-notice-body.view ul li.board-file ul li a {cursor:pointer}
.main-menu-window-notice-body.view ul li.board-file ul li a span {font-size:14px; font-weight:300; color:#555555}

.button-wrap {width:100%; text-align:center; margin-top:35px;}
.button-wrap button.notice-go-view {width:141px; height:45px; text-align:center; border-radius:5px; background:#797979; font-size:16px; font-weight:400; color:#fff; cursor:pointer; border:none; outline:none; margin-right:15px;}
.button-wrap button.notice-go-re {width:141px; height:45px; text-align:center; border-radius:5px; background:#628af2; font-size:16px; font-weight:400; color:#fff; cursor:pointer; border:none; outline:none;}
.button-wrap button.notice-go-complete {width:141px; height:45px; text-align:center; border-radius:5px; background:#628af2; font-size:16px; font-weight:400; color:#fff; cursor:pointer; border:none; outline:none;}

.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.re {position:relative; width:94%; height:520px; padding:3%; background:#fff; font-size:16px; font-weight:300; color:#6e767f;}
.main-menu-window-notice-body.re ul {border:1px solid #d1d9ec;}
.main-menu-window-notice-body.re ul li div {display:inline-block}
.main-menu-window-notice-body.re ul li div p {display:inline-block; width:90px; height:35px; padding-top:15px; background-color:#f9f9f9; border-right:1px solid #e2e2e2; font-size:14px; font-weight:500; color:#444444; vertical-align:middle; text-align:center}
.main-menu-window-notice-body.re ul li div span {display:inline-block; font-size:14px; font-weight:300; color:#555555; width:auto; margin-left:15px; margin-right:8px;}
.main-menu-window-notice-body.re ul li.board-title {border-bottom:1px solid #e2e2e2}
.main-menu-window-notice-body.re ul li.board-title .Rtitle input {outline:none; border:none; width:985px !important; margin-left:10px;}
.main-menu-window-notice-body.re ul li.board-text {height:316px; border-bottom:1px solid #e2e2e2; overflow-y:scroll; overflow-x:hidden}
.main-menu-window-notice-body.re ul li.board-text::-webkit-scrollbar {width: 3px; background: none;}
.main-menu-window-notice-body.re ul li.board-text::-webkit-scrollbar-thumb {background: #f8f7fb;opacity: .4;}
.main-menu-window-notice-body.re ul li.board-text::-webkit-scrollbar-track {background: none;}
.main-menu-window-notice-body.re ul li.board-text textarea {outline:none; border:none; resize:none; margin:10px; width:1092px; height:296px;}
.main-menu-window-notice-body.re ul li.board-file {height:58px; overflow-y:scroll; overflow-x:hidden}
.main-menu-window-notice-body.re ul li.board-file div p {position:absolute; height:41px; padding-top:17px}
.main-menu-window-notice-body.re ul li.board-file ul.day-fileList {display:inline-block; vertical-align:middle; width:1021px; height:57px; margin-left:91px; border:none;}
.main-menu-window-notice-body.re ul li.board-file ul.day-fileList li {width:100%; height:29px;}
.main-menu-window-notice-body.re ul li.board-file ul.day-fileList li:first-child {border-bottom:1px solid #e2e2e2;}
.main-menu-window-notice-body.re ul li.board-file ul.day-fileList li:last-child {border-bottom:none;}
.main-menu-window-notice-body.re ul li.board-file ul.day-fileList li input {visibility:hidden;}

.container .main-menu-window-notice-wrap .main-menu-window-notice .main-menu-window-notice-body.write {position:relative; width:94%; height:520px; padding:3%; background:#fff; font-size:16px; font-weight:300; color:#6e767f;}
.main-menu-window-notice-body.write ul {border:1px solid #d1d9ec;}
.main-menu-window-notice-body.write ul li div {display:inline-block}
.main-menu-window-notice-body.write ul li div p {display:inline-block; width:90px; height:35px; padding-top:15px; background-color:#f9f9f9; border-right:1px solid #e2e2e2; font-size:14px; font-weight:500; color:#444444; vertical-align:middle; text-align:center}
.main-menu-window-notice-body.write ul li div span {display:inline-block; font-size:14px; font-weight:300; color:#555555; width:auto; margin-left:15px; margin-right:8px; vertical-align:middle;}
.main-menu-window-notice-body.write ul li.board-title {border-bottom:1px solid #e2e2e2}
.main-menu-window-notice-body.write ul li.board-title .Rtitle input {outline:none; border:none;  margin-left:10px;}
.main-menu-window-notice-body.write ul li.board-text {height:316px; border-bottom:1px solid #e2e2e2; overflow-y:scroll; overflow-x:hidden}
.main-menu-window-notice-body.write ul li.board-text textarea {outline:none; border:none; resize:none; margin:10px; width:100%; height:296px;}
.main-menu-window-notice-body.write ul li.board-item4 {height:58px; overflow-y:scroll; overflow-x:hidden}
.main-menu-window-notice-body.write ul li.board-item4 div p {position:absolute; height:41px; padding-top:17px}
.main-menu-window-notice-body.write ul li.board-item4 ul.day-fileList {display:inline-block; vertical-align:middle; width:1446px; height:57px; margin-left:91px; border:none;}
.main-menu-window-notice-body.write ul li.board-item4 ul.day-fileList li {width:1021px; height:29px; float:left;}
.main-menu-window-notice-body.write ul li.board-item4 ul.day-fileList li:first-child {border-bottom:1px solid #e2e2e2;}
.main-menu-window-notice-body.write ul li.board-item4 ul.day-fileList li:last-child {border-bottom:none;}
.main-menu-window-notice-body.write ul li.board-item4 ul.day-fileList li input {visibility:hidden;}


/* 로그인 */
.container .main-menu-window-login-wrap {position:fixed; top:125px; z-index:4; width:100%; height:100%; background:rgba(0, 0, 0, 0.5);}
.container .main-menu-window-login-wrap .main-menu-window-login {position:relative; top:10%; margin:0 auto; width:505px; height:506px; background:#fff; box-shadow:0 5px 15px -5px #000;}
.container .main-menu-window-login-wrap .main-menu-window-login .main-menu-window-login-header {position:relative; width:445px; height:34px; padding:18px 30px; border-bottom:1px solid #dae1f2;}
.container .main-menu-window-login-wrap .main-menu-window-login .main-menu-window-login-header h1 {position:relative; width:100%; top:5px; font-size:30px; font-weight:600; color:#364047; text-align:center;}
.container .main-menu-window-login-wrap .main-menu-window-login .main-menu-window-login-body {position:relative; width:445px; height:375px; padding:30px; background:#fff; text-align:center;}
.container .main-menu-window-login-wrap .main-menu-window-login .main-menu-window-login-body input {width:417px; height:61px; border:none; outline:none; cursor:pointer; margin-bottom:16px;}
.container .main-menu-window-login-wrap .main-menu-window-login .main-menu-window-login-body input:last-child {margin-bottom:0;}
.container .main-menu-window-login-wrap .main-menu-window-login .main-menu-window-login-body input.login-kakao {background:url(:subdirectory:/image/file/1937) 100% 100% no-repeat;}
.container .main-menu-window-login-wrap .main-menu-window-login .main-menu-window-login-body input.login-facebook {background:url(:subdirectory:/image/file/1938) 100% 100% no-repeat;}
.container .main-menu-window-login-wrap .main-menu-window-login .main-menu-window-login-body input.login-twiter {background:url(:subdirectory:/image/file/1939) 100% 100% no-repeat;}
.container .main-menu-window-login-wrap .main-menu-window-login .main-menu-window-login-body input.login-google {background:url(:subdirectory:/image/file/1940) 100% 100% no-repeat;}
.container .main-menu-window-login-wrap .main-menu-window-login .main-menu-window-login-body input.login-naver {background:url(:subdirectory:/image/file/1941) 100% 100% no-repeat;}

/* 메인 메뉴 window 끝 */

/* 좌측 화면 컨트롤 바 시작 */
.container .left-section-ctrl {position:fixed; z-index:3; top:125px; background:#333b42; width:75px; height:100%;}
.container .left-section-ctrl .left-section-ctrl-ul .left-section-ctrl-menu {width:75px; height:68px; padding:17px 0 10px 0; border-bottom:1px solid #5e6870; background:#333b42; text-align:center; transition:0.3s;cursor:pointer;}
.container .left-section-ctrl .left-section-ctrl-ul .left-section-ctrl-menu:hover {background:#f5a220;}
.container .left-section-ctrl .left-section-ctrl-ul .left-section-ctrl-menu.on {background:#f5a220;}
.container .left-section-ctrl .left-section-ctrl-ul .left-section-ctrl-menu span {display:block; width:75px; height:56px; font-size:15px; font-weight:400; color:#fff;}
.container .left-section-ctrl .left-section-ctrl-ul .left-section-ctrl-menu .left-section-ctrl-menu-icon {position:relative; margin:0 auto; margin-bottom:6px; width:32px; height:32px;}
.left-section-ctrl-menu.map .left-section-ctrl-menu-icon {background:url(:subdirectory:/image/file/1909) 100% 100% no-repeat;}
.left-section-ctrl-menu.list .left-section-ctrl-menu-icon {background:url(:subdirectory:/image/file/1910) 100% 100% no-repeat;}
.left-section-ctrl-menu.statistics .left-section-ctrl-menu-icon {background:url(:subdirectory:/image/file/1911) 100% 100% no-repeat;}
.container .left-section-ctrl .left-section-ctrl-ul .left-section-ctrl-menu .left-section-ctrl-menu-text {}
/* 좌측 화면 컨트롤 바 끝 */

/* 컨텐츠 시작 */
.container section.map {position:fixed;width:100%;height: calc(100% - 160px);}
.container section.list {position:fixed; width:96%; height:100%; top:125px; left:75px;}

/* LEFT 검색박스 */
.container section.map .map-search-controler {position:absolute;float:left;z-index:2;width: 375px;height:100%;}
.container section.map .map-search-controler .map-search-controler-box {position:relative;float:left;background:#fff;width: 350px;height:100%;border-right: 1px solid #a6a6a6;transition:1s;left:0;padding: 20px;}
.container section.map .map-search-controler .map-search-controler-box .map-search-controler-box-title-search {position:relative; width:319px; height:80px; padding:10px; border-bottom:1px solid #b7c2db;}
.container section.map .map-search-controler .map-search-controler-box .map-search-controler-box-title-search .map-search-controler-box-title-search-head {width:100%; height:23px; margin-bottom:11px;}
.container section.map .map-search-controler .map-search-controler-box .map-search-controler-box-title-search .map-search-controler-box-title-search-head p {display:inline-block; font-size:15px; font-weight:400; color:#465169;}
.container section.map .map-search-controler .map-search-controler-box .map-search-controler-box-title-search .map-search-controler-box-title-search-content {position:relative;}
.container section.map .map-search-controler .map-search-controler-box .map-search-controler-box-title-search .map-search-controler-box-title-search-content .title-search-wrap {width:100%; height:35px; background:url(:subdirectory:/image/file/1917) 95% 45% no-repeat; border:1px solid #a8adb1; border-radius:5px;}
.container section.map .map-search-controler .map-search-controler-box .map-search-controler-box-title-search .map-search-controler-box-title-search-content .title-search-wrap input {position:relative; top:4px; left:10px; border:none; outline:none; width:220px; font-size:16px; color:#3f4244;}
.container section.map .map-search-controler .map-search-controler-box .map-search-controler-box-title-search .map-search-controler-box-title-search-content .title-search-wrap input:-ms-input-placeholder {color:#a2aeb8;}
.container section.map .map-search-controler .map-search-controler-box .map-search-controler-box-title-search .map-search-controler-box-title-search-content .title-search-wrap input::-webkit-input-placeholder {color:#a2aeb8;}
.container section.map .map-search-controler .map-search-controler-box .map-search-controler-box-title-search .map-search-controler-box-title-search-content .title-search-wrap input::-moz-placeholder {color:#a2aeb8;}

/*카테고리 css*/
.comap-category{position:relative;width: 290px;margin: 40px 0px;}
.comap-category .category-top {position:relative; width:100%; height:23px; margin-bottom:11px;}
.comap-category .category-top p {font-size: 18px; color: #111; display: inline-block; font-weight: bold;}
.comap-category .category-top .all-ctrl-m input[type=checkbox] {display: none;}
.comap-category .category-top .all-ctrl-m input[type=checkbox]:checked ~ label {border: 1px solid #03a6b9;border-radius: 10px;width: 45px;display: inline-block;height: 25px;text-align: center;line-height: 23px;color: #03a6b9;background-color: #f2fafb;font-size: 13px;font-weight: bold;}
.comap-category .category-top .all-ctrl-m input[type=checkbox] + label {font-size: 13px; display: inline-block; width: 45px; height: 25px; border: 1px solid #e6e6e6; border-radius: 10px; line-height: 23px; text-align: center; cursor: pointer; background-color: #fff;}

.comap-category .category-top .all-ctrl-h input[type=checkbox] {z-index:100; visibility:hidden; position:absolute; vertical-align:sub; width:25px; height:25px; margin-left:13px; margin-top:9px; cursor:pointer;}
.comap-category .category-top .all-ctrl-h input[type=checkbox]:checked ~ label {color: #ff7575; border: 1px solid #ff7575; background-color: #f2fafb;}
.comap-category .category-top .all-ctrl-h input[type=checkbox] + label {font-size: 13px;display:inline-block;width: 55px;height:25px;border: 1px solid #e6e6e6;border-radius: 10px;line-height: 23px;text-align: center;cursor: pointer; background-color: #fff;}
.comap-category a{display: block; position: absolute; top:10px; left:265px;}
.comap-category a span{display: block; width: 30px; height: 30px; background: url(:subdirectory:/resources/images/comap/category-logo.png) 0 0 no-repeat}
.comap-category ul {list-style: none;padding: 0;-ms-overflow-style:none;position:relative;z-index:9;margin-top:0px;transition:0.3s;clear: both;}
.comap-category > ul {border: 1px solid #e6e6e6;}
.comap-category ul li div p {display:inline-block; width:110px;}
.comap-category ul li div .first-category_name {display:inline-block;font-size: 15px;font-weight:300;color: #383838;width: 90px;margin-left: 15px;}
.comap-category ul li div button.Chead-ctrl {position:absolute; border:none; outline:none; width:18px; height:100%; top:0; right:0; background:#b4ccfd; padding:0; font-size:10px; color:#fff; cursor:pointer;}
.comap-category ul li.category_item img {width: 30px;position: relative;top: 10px;left: 10px;display: inline-block;}
.comap-category ul li div span.all-m {vertical-align: top;display:inline-block;}
.comap-category ul li div span.all-m input[type=checkbox] {display: none;}
.comap-category ul li div span.all-m input[type=checkbox]:checked ~ label {border: 1px solid #03a6b9; border-radius: 10px; width: 45px; display: inline-block; height: 25px; text-align: center; line-height: 23px; color: #03a6b9; background-color: #f2fafb; font-size: 13px; font-weight: bold;}
.comap-category ul li div span.all-m input[type=checkbox] + label {font-size: 13px; display: inline-block; width: 45px; height: 25px; border: 1px solid #e6e6e6; border-radius: 10px; line-height: 23px; text-align: center; cursor: pointer; background-color: #fff;}
.comap-category ul li div span.all-h {vertical-align: top;display:inline-block;}
.comap-category ul li div span.all-h input[type=checkbox] {display: none;}
.comap-category ul li div span.all-h input[type=checkbox]:checked ~ label {color: #ff7575; border: 1px solid #ff7575; background-color: #f2fafb;}
.comap-category ul li div span.all-h input[type=checkbox] + label {font-size: 13px; display: inline-block; width: 55px; height: 25px; border: 1px solid #e6e6e6; border-radius: 10px; line-height: 23px; text-align: center; cursor: pointer; background-color: #fff;}
.comap-category ul li div ul li{position: relative; width:252px; height: 45px; line-height: 45px;  font-size:13px; border-bottom:1px solid #cacfd7; color: #727f9b; padding-left:43px;}
.comap-category ul li div ul li a{position: absolute; top:10px; left: 0px}
.comap-category ul li div ul li a:nth-of-type(1){display: inline-block; width: 50px; height: 20px; line-height: 20px; text-align: center;  border-radius: 10px; background-color: #595959; color:#fff; text-decoration: none; font-size: 9px; left:165px}
.comap-category ul li div ul li a:nth-of-type(1).on{display: inline-block; width: 50px; height: 20px; line-height: 20px; text-align: center;  border-radius: 10px; background-color: #5173cd; color:#fff; text-decoration: none; font-size: 9px; left:165px}
.comap-category ul li div ul li a:nth-of-type(2){display: inline-block; width: 50px; height: 20px; line-height: 20px; border-radius: 10px;  text-align: center; background-color: #595959; color:#fff; text-decoration: none;font-size: 9px; left: 220px;}
.comap-category ul li div ul li a:nth-of-type(2).on{display: inline-block; width: 50px; height: 20px; line-height: 20px; border-radius: 10px;  text-align: center; background-color: #ff7575; color:#fff; text-decoration: none;font-size: 9px; left: 220px;}

.comap-category .category_list {border: 1px solid #e6e6e6;}
.comap-category .category_list .category_item {width: 100%; position: relative; min-height: 50px; border-bottom: 1px solid #e6e6e6;}
.comap-category .category_list .category_item:last-child {border-bottom: none;}
.comap-category .category_list .category_item .first-category_item {height: 50px;line-height: 50px;}
.comap-category .category_list .category_item .first-category_item .first-category-btn {content: "";display: inline-block;width: 15px;position: relative;left: 15px;height: 15px;top: 25px;background: url(/ndmi/resources/images/comap/map/list_down.png) no-repeat;cursor: pointer;vertical-align: top;}
.comap-category .category_list .category_item.on .first-category_item .first-category-btn {background: url(/ndmi/resources/images/comap/map/list_up.png) no-repeat;}

/* 2뎁스 */
.comap-category .category_list .category_item .second-category_list {max-height: 0; overflow: hidden; background-color: #fff;}
.comap-category .category_list .category_item .second-category_item-wrap {height: 50px; border-bottom: 1px solid #e6e6e6;}
.comap-category .category_list .category_item .second-category_item-wrap:last-child {border-bottom: none;}
.comap-category .category_list .category_item .second-category_item-wrap .second-category_item {height: 100%; line-height: 50px;}
.comap-category .category_list .category_item .second-category_item-wrap .second-category_item .second-category_name {display: inline-block; width: 90px; margin-left: 10px; font-size: 15px;}

.container section.map .map-search-controler .map-search-controler-btn {position:relative;display: inline-block;top: 38%;width: 25px;height: 70px;background-color: #fff;transition:1s;border: 1px solid #a6a6a6;border-left: 1px solid #fff; right: 1px;}
.container section.map .map-search-controler .map-search-controler-btn a {display:block;font-size:15px;font-weight: lighter;color: #111;width: 100%;height: 100%;padding: 25px 2px;}
/*카테고리 css*/

/* 지도 */
.container section.map .map-program {position:relative; z-index:1;  height:100%;}

/* 인포윈도우 */
.map-message {z-index:5; background-color:#fff; width:384px; height:432px;}
.map-message .map-message-image-box {position:relative; width:384px; height:160px; background:url(:subdirectory:/image/file/2128) 100% 100% no-repeat;}
.map-message .map-message-image-box span.map-message-image-box-img {display:flex; align-items:center; justify-content:center; width:384px; height:160px; overflow:hidden;}
.map-message .map-message-image-box span.map-message-image-box-img img {width:384px;}

.map-message .map-message-marker {position:relative; z-index:100; top:-40px; margin:0 auto; border-radius:50%; width:81px; height:81px;}
.map-message .map-message-marker .map-message-marker-img {display:flex; align-items:center; justify-content:center; border-radius:50%; overflow:hidden;}
.map-message .map-message-marker img {width:56px; height:78px;}

.map-message .map-message-text-info {position:relative; top:-40px; width:344px; height:160px; padding:15px 20px 0 20px;}
.map-message .map-message-text-info ul li {width:100%; height:20px; line-height:1em; margin-bottom:10px;}
.map-message .map-message-text-info ul li.map-message-text-info-title {width:100%; text-align:center; margin-bottom:15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.map-message .map-message-text-info ul li.map-message-text-info-title span {width:100%; font-size:18px; font-weight:600; color:#303239;}
.map-message .map-message-text-info ul li.map-message-text-info-category {width:95%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:20px; padding-left:5%; text-align:left; background:url(:subdirectory:/image/file/2154) 0% 50% no-repeat;}
.map-message .map-message-text-info ul li.map-message-text-info-category span {display:inline-block; vertical-align:middle; height:20px; font-size:15px; font-weight:400; color:#71767d; line-height:1.2em;}
.map-message .map-message-text-info ul li.map-message-text-info-address {width:95%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height:20px; padding-left:5%; text-align:left; background:url(:subdirectory:/image/file/2154) 0% 50% no-repeat;}
.map-message .map-message-text-info ul li.map-message-text-info-address span {display:inline-block; vertical-align:middle; height:20px; font-size:15px; font-weight:400; color:#71767d; line-height:1.2em;}
.map-message .map-message-text-info ul li.map-message-text-info-filter {width:95%; height:65px; padding-left:5%; text-align:left; background:url(:subdirectory:/image/file/2154) 0% 5% no-repeat; margin-bottom:0;}
.map-message .map-message-text-info ul li.map-message-text-info-filter p {display:inline-block; vertical-align:middle; height:20px; font-size:15px; font-weight:400; color:#71767d; line-height:1.2em;}
.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list {width:100%; padding-top:10px; margin-left:-18px;}
.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item {display:inline-block; width:20px; height:20px; margin-bottom:0; margin-right:18px;background-size: cover !important;}
/*.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item.none {background:url(:subdirectory:/image/file/2141) 100% 100% no-repeat;}*/
.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item.exit {background:url(:subdirectory:/image/file/2142) 100% 100% no-repeat;}
.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item.toilet {background:url(:subdirectory:/image/file/2143) 100% 100% no-repeat;}
.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item.park {background:url(:subdirectory:/image/file/2173) 100% 100% no-repeat;}
.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item.charger {background:url(:subdirectory:/image/file/2179) 100% 100% no-repeat;}
.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item.elevator {background:url(:subdirectory:/image/file/2177) 100% 100% no-repeat;}
/*.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item.none.on {background:url(:subdirectory:/image/file/2147) 100% 100% no-repeat;}*/
.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item.exit.on {background:url(:subdirectory:/image/file/2148) 100% 100% no-repeat;}
.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item.toilet.on {background:url(:subdirectory:/image/file/2149) 100% 100% no-repeat;}
.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item.park.on {background:url(:subdirectory:/image/file/2174) 100% 100% no-repeat;}
.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item.charger.on {background:url(:subdirectory:/image/file/2180) 100% 100% no-repeat;}
.map-message .map-message-text-info ul li.map-message-text-info-filter ul.map-message-text-info-filter-list li.map-message-text-info-filter-list-item.elevator.on {background:url(:subdirectory:/image/file/2178) 100% 100% no-repeat;}

.map-message .map-message-button {position:relative; width:100%; height:40px; top:-40px; text-align:center; display:flex; align-items:center; justify-content:center;}
.map-message button{width:100px; height:30px; line-height:25px; border:0; border-radius:5px; cursor:pointer; outline:none;}
.map-message button.map-message-button-view {background-color:#fff; border:1px solid #4175eb; color:#4175eb; cursor:pointer; letter-spacing:-0.1em;}
.map-message button.map-message-button-close {background-color:#fff; border:1px solid #999da8; color:#999da8; cursor:pointer; margin-left:6px;}

.subView:hover{cursor: pointer; text-decoration:underline; color:#1C3EA6;}

/* 통계 */
#monthly-volume-chart g.y { display: none; } 
#logo { margin-right: 2em; margin-top: 2em; } 
#left-chart {width:40%;} 
#right-chart {width:60%; display: inline-block; } 
.dc-chart .brush rect.extent{fill:#d35f0e; stroke:#d35f0e;} 
.reset {color:#f8981d;}

/* 추가 */
.blind{display:none !important;}
/* 컨텐츠 끝 */


/*view*/
.commap-list-windowWrap {position:absolute; top:0; width:100%; height:100%; z-index:600;}
span.commap-list-windowWrap-bg {position:absolute; display:block; width:100%; height:100%; background-color:#000; opacity:0.4}
.commap-list-windowWrap .commap-list-window {position:relative; top:7%; margin:0 auto; width:1185px; height:720px; background-color:#fff; box-shadow:0 5px 20px 5px #2a3040}

.commap-list-window .commap-list-header {width:100%; height:48px; padding-top:12px; border-bottom:1px solid #dae1f2; background-color:#fff}
.view-button-wrap {position:absolute; width:100%;}
.commap-list-window .commap-list-header #commap-list-print {background:none; border:none; outline:none; cursor:pointer; margin-left:25px}
.commap-list-window .commap-list-header #commap-list-print img {}
.commap-list-window .commap-list-header #commap-list-save {background:none; border:none; outline:none; cursor:pointer; margin-left:10px;}
.commap-list-window .commap-list-header #commap-list-save img {}
.commap-list-window .commap-list-header #commap-list-close {float:right; width:50px; height:25px; background-color:#88a8e5; border-radius:20px; padding:5px 10px; border:none; outline:none; cursor:pointer; color:#fff; margin-right:35px; line-height:18px;}
.commap-list-window .commap-list-header h3 {display:none; width:100%; text-align:center; padding-top:5px; font-size:20px; font-weight:400; color:#3f4859}

.commap-list-window .commap-list-info {width:100%; height:170px; border-bottom:1px solid #dae1f2}
.commap-list-info .commap-infoBox {width:100%; height:auto; padding-top:10px;}
.commap-list-info .commap-infoBox .commap-info-img {position:absolute; width:52px; height:75px; left:92px; top:88px;}
.commap-list-info .commap-infoBox .commap-info-img img {width:52px; height:75px;}
.commap-list-info .commap-infoBox .commap-info-text {display:inline-block; position:relative; top:0; left:175px; width:776px}
.commap-list-info .commap-infoBox .commap-info-text ul {width:100%}
.commap-list-info .commap-infoBox .commap-info-text ul li {display:inline-block; padding-bottom:5px; width:100%}
.commap-list-info .commap-infoBox .commap-info-text ul li.commap-title {font-size:18px; font-weight:500; color:#455271}
.commap-list-info .commap-infoBox .commap-info-text ul li.commap-category {font-size:14px; font-weight:400; color:#7987a5}
.commap-list-info .commap-infoBox .commap-info-text ul li.commap-first-writer {font-size:12px; font-weight:300; color:#929292}
.commap-list-info .commap-infoBox .commap-info-text ul li.commap-first-writer p {display:inline-block; width:max-content; font-size:12.5px; font-weight:400; color:#7298ed; border:1px solid #7298ed; border-radius:5px; padding:0 7px 1px 7px}
.commap-list-info .commap-infoBox .commap-info-text ul li.commap-first-writer span {padding-left:6px; padding-right:25px}
.commap-list-info .commap-infoBox .commap-info-text ul li.commap-last-writer {font-size:12px; font-weight:300; color:#929292}
.commap-list-info .commap-infoBox .commap-info-text ul li.commap-last-writer p {display:inline-block; width:max-content; font-size:12.5px; font-weight:400; color:#7298ed; border:1px solid #7298ed; border-radius:5px; padding:0 7px 1px 7px}
.commap-list-info .commap-infoBox .commap-info-text ul li.commap-last-writer span {padding-left:6px; padding-right:25px}
.commap-info-tab {position:relative; width:100%; height:50px}
.commap-info-tab ul {position:relative; top:11px; left:174px;}
.commap-info-tab ul li {display:inline-block; width:100px; margin-right:50px; padding:6px 0; font-size:16px; font-weight:500; color:#455271; text-align:center; cursor:pointer}
.commap-info-tab ul li:hover {border-bottom:5px solid #628af2}
.commap-info-tab ul li.tab {border-bottom:5px solid #628af2}

.complaints-content .complaints-wrap {position:relative; top:30px; width:985px; background-color:#fff; border:1px solid #d1d9ec; margin:0 76px 30px 85px; padding:25px 0 25px 25px}

.complain-step {margin:0 auto; width:405px; vertical-align:text-bottom; background:url(:subdirectory://resources/images/comap/line.png) 70% 50% no-repeat;}
.complain-step ul li {display:inline-block; padding-top:22px; text-align:center; width:70px; height:48px; border:1px solid #cccccc; border-radius:50%; background:#f7f7f7; color:#cccccc; font-size:15px; font-weight:400; margin-right:35px;}
.complain-step ul li:last-child {margin:0;}
.complain-step ul li.on {background:#3b5dac; border:1px solid #3b5dac; color:#fff;}
.complain-step .complain-profile {width:360px; height:250px; margin:0 auto; text-align:center;}
.complain-step .complain-profile img {margin-top:35px; margin-bottom:15px;}
.complain-step .complain-profile p {font-size:21px; font-weight:300; line-height:1.5em; color:#4d525d;}

.complaints-wrap .complain-info-box {width:928px; margin-top:25px; border:1px solid #e1e6f0; padding:30px 15px 15px 15px;}
.complaints-wrap .complain-info {margin-bottom:15px;}
.complain-info .complain-profile {display:inline-block; width:94px; height:94px; vertical-align:top; margin-right:25px;}
.complain-info .complain-profile img {width:94px;}

.complain-info .complain-text {display:inline-block;}
.complain-info .complain-text p.c-belong {font-size:16px; font-weight:200; color:#8a91a2; margin-bottom:5px;}
.complain-info .complain-text p.c-name {font-size:22px; font-weight:400; color:#414651; margin-bottom:10px;}
.complain-info .complain-text p.c-number {font-size:20px; font-weight:300; color:#6c6f76; margin-bottom:0;}
.complain-info .complain-text p.c-number span {display:inline-block; margin-right:5px; width:20px; height:18px; background:url(:subdirectory:/resources/images/comap/c-number-ic.png) 100% 100% no-repeat;}

.complaints-wrap .complain-textBox {position:relative; width:888px; padding:20px 20px 20px 20px;}

p.complain-text-sub {font-size:16px; font-weight:300; line-height:1.7em; word-break:break-word; color:#40485b}
.complain-file-down {background:#e8edf6; padding:10px; margin-top:10px;}
.complain-file-down p {display:inline-block; font-size:14px; font-weight:400; color:#416dd5; margin-left:10px; padding-right:25px; border-right:1px solid #8b9bbc; line-height:1em; vertical-align:top;}
.complain-file-down div {display:inline-block; margin-left:20px;}
.complain-file-down div a {position:relative; display:block; width:100%; font-size:15px; font-weight:300; color:#40485b; top:-3px; line-height:1.5em;}
.complain-file-down div a:hover {color:#466bd7;}

.complaints-content .complaints-wrap.ing {position:relative; z-index:7; top:30px; width:985px; min-height:370px; max-height:700px; background:none; border:none; margin:0 76px 30px 85px; padding:25px 0 25px 25px}
.complaints-wrap.ing .complain-step {position:relative; z-index:7; width:520px; margin:0 auto; background:none;}
.complaints-wrap.ing .complain-step ul {background:url(:subdirectory://resources/images/comap/line.png) 60% 50% no-repeat;}
.complaints-wrap.ing .complain-step ul li {display:inline-block; padding-top:27px; text-align:center; width:80px; height:53px; border:1px solid #cccccc; border-radius:50%; background:#f7f7f7; color:#cccccc; font-size:18px; font-weight:400; margin-right:60px;}
.complaints-wrap.ing .complain-step ul li:last-child {margin:0;}
.complaints-wrap.ing .complain-step ul li.on {background:#3b5dac; border:1px solid #3b5dac; color:#fff;}
.complaints-wrap.ing .complain-step .complain-profile {width:360px; height:250px; margin:0 auto; text-align:center;}
.complaints-wrap.ing .complain-step .complain-profile img {margin-top:35px; margin-bottom:15px;}
.complaints-wrap.ing .complain-step .complain-profile p {font-size:21px; font-weight:300; line-height:1.5em; color:#4d525d;}

.commap-info-contents {}
.commap-info-content {position:relative; width:1185px; height:488px; background-color:#f4f7fe}
.commap-info-content .information-wrap {position:relative; top:30px; width:985px; height:370px; background-color:#fff; border:1px solid #d1d9ec; margin:0 76px 30px 76px; padding:25px 0 25px 25px}
.information-wrap .information-imgBox {position:relative; float:left; width:450px; height:360px; background:url(:subdirectory:/image/file/1721) no-repeat;}
.information-wrap .information-imgBox ul li {width:450px !important; height:360px}
.information-wrap .information-imgBox ul li img {width:450px; height:360px}
.bx-controls.bx-has-pager {font-size:0.85em; font-weight:bold; color:#666; position:relative; width:100%; height:20px; z-index:99; margin-top:11px; text-align: center;}
.bx-pager.bx-default-pager {width:150px; height:20px; margin:0 auto;}
.bx-pager .bx-pager-item, .bx-controls-auto .bx-controls-auto-item {display:inline-block}
.bx-pager.bx-default-pager a {display:block;width:15px !important;height:15px !important;margin:0 5px;margin-top:-60px !important;border-radius:8px !important;background:#b8bece;text-indent:-9999px;opacity:0.6;outline:0}
.bx-pager.bx-default-pager a:hover, .bx-pager.bx-default-pager a.active {background:#628af2 !important;opacity:1}
.bx-wrapper .bx-pager.bx-default-pager a {background:#bcc1ce;}
.information-wrap .information-textBox {position:relative; top:-25px; float:right; border-left:1px solid #d1d9ec; width:465px; height:380px; padding:20px 20px 20px 20px; overflow-y:scroll}
.information-textBox::-webkit-scrollbar {width: 3px; background: none;}
.information-textBox::-webkit-scrollbar-thumb {background: #f8f7fb;opacity: .4;}
.information-textBox::-webkit-scrollbar-track {background: none;} 
.information-wrap .information-textBox .information-textBox-address {margin-bottom:25px;}
.information-wrap .information-textBox .information-textBox-address p.information-address-title {display:inline-block; width:70px; margin-right:10px; font-size:16px; font-weight:600; color:#40485b; line-height:1em;}
.information-wrap .information-textBox .information-textBox-address p.information-address-sub {display:inline-block; font-size:14px; font-weight:300; line-height:1em; word-break:keep-all; color:#565e73;}
.information-wrap .information-textBox .information-textBox-traffic {margin-bottom:25px;}
.information-wrap .information-textBox .information-textBox-traffic p.information-address-title {display:inline-block; width:70px; margin-right:10px; font-size:16px; font-weight:600; color:#40485b; line-height:1em;}
.information-wrap .information-textBox .information-textBox-traffic p.information-address-sub {display:inline-block; font-size:14px; font-weight:300; line-height:1em; word-break:keep-all; color:#565e73;}
.information-wrap .information-textBox .information-textBox-number {margin-bottom:25px; display:inline-block; width:229px;}
.information-wrap .information-textBox .information-textBox-number p.information-number-title {display:inline-block; width:70px; margin-right:10px; font-size:16px; font-weight:600; color:#40485b; line-height:1em;}
.information-wrap .information-textBox .information-textBox-number p.information-number-sub {display:inline-block; font-size:14px; font-weight:300; line-height:1em; word-break:keep-all; color:#565e73;}
.information-wrap .information-textBox .information-textBox-memo {margin-bottom:25px;}
.information-wrap .information-textBox .information-textBox-memo p.information-memo-title {display:inline-block; width:70px; margin-right:10px; font-size:16px; font-weight:600; color:#40485b; line-height:1em;}
.information-wrap .information-textBox .information-textBox-memo p.information-memo-sub {display:inline-block; font-size:14px; font-weight:300; line-height:1em; word-break:keep-all; color:#565e73;}
.information-wrap .information-textBox .information-textBox-floor {margin-bottom:25px; display:inline-block; width:229px;}
.information-wrap .information-textBox .information-textBox-floor p.information-floor-title {display:inline-block; width:70px; margin-right:10px; font-size:16px; font-weight:600; color:#40485b; line-height:1em;}
.information-wrap .information-textBox .information-textBox-floor p.information-floor-sub {display:inline-block; font-size:14px; font-weight:300; line-height:1em; word-break:keep-all; color:#565e73;}
.information-wrap .information-textBox .information-textBox-plus_info {margin-bottom:0;}
.information-wrap .information-textBox .information-textBox-plus_info p.information-plus_info-title {display:inline-block; width:120px; margin-right:10px; font-size:16px; font-weight:600; color:#40485b; line-height:1em;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list {position:relative; width:100%;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter {position:relative; float:left; width:75px; height:56px; padding-top:15px; margin-bottom:10px;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter .information-info-filter_body_contents-marker {position:relative; margin:0 auto; width:38px; height:38px; vertical-align:middle; background-size: cover !important;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.off .information-info-filter_body_contents-marker.none {background:url(:subdirectory:/image/file/2099) 100% 100% no-repeat; background-size:cover;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.off .information-info-filter_body_contents-marker.exit {background:url(:subdirectory:/image/file/2101) 100% 100% no-repeat; background-size:cover;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.off .information-info-filter_body_contents-marker.toilet {background:url(:subdirectory:/image/file/2103) 100% 100% no-repeat; background-size:cover;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.off .information-info-filter_body_contents-marker.park {background:url(:subdirectory:/image/file/2167) 100% 100% no-repeat; background-size:cover;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.off .information-info-filter_body_contents-marker.charger {background:url(:subdirectory:/image/file/2169) 100% 100% no-repeat; background-size:cover;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.off .information-info-filter_body_contents-marker.elevator {background:url(:subdirectory:/image/file/2171) 100% 100% no-repeat; background-size:cover;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.off p.information-info-filter_body_contents-marker-title {margin-top:5px; font-size:12px; font-weight:400; color:#aab7c0; text-align:center; line-height:1em;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.on .information-info-filter_body_contents-marker.none {background:url(:subdirectory:/image/file/2100) 100% 100% no-repeat; background-size:cover;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.on .information-info-filter_body_contents-marker.exit {background:url(:subdirectory:/image/file/2102) 100% 100% no-repeat; background-size:cover;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.on .information-info-filter_body_contents-marker.toilet {background:url(:subdirectory:/image/file/2104) 100% 100% no-repeat; background-size:cover;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.on .information-info-filter_body_contents-marker.park {background:url(:subdirectory:/image/file/2168) 100% 100% no-repeat; background-size:cover;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.on .information-info-filter_body_contents-marker.charger {background:url(:subdirectory:/image/file/2170) 100% 100% no-repeat; background-size:cover;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.on .information-info-filter_body_contents-marker.elevator {background:url(:subdirectory:/image/file/2172) 100% 100% no-repeat; background-size:cover;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-list li .information-info-filter.on p.information-info-filter_body_contents-marker-title {margin-top:5px; font-size:12px; font-weight:400; color:#2c91d1; text-align:center; line-height:1em;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-detail {position:relative; clear:both; top:5px; width:460px; background:#f5f7fa; border:1px solid #e8ecf2;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-detail li {height:28px; border-bottom:1px solid #e8ecf2;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-detail li:last-child {border-bottom:none;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-detail li p.information-plus_info-detail-title {position:relative; float:left; border-right:1px solid #e8ecf2; width:184px; height:25px; padding-top:3px; padding-left:10px; font-size:14px; font-weight:300; color:#949bab;}
.information-wrap .information-textBox .information-textBox-plus_info ul.information-plus_info-detail li p.information-plus_info-detail-worth {position:relative; float:left; height:25px; padding-top:3px; padding-left:10px; font-size:14px; font-weight:300; color:#40485b;}

.map-wrp .map-pano-button{position: absolute; top: 50px; left: 100px; z-index: 99; width: 100px; height: 40px; text-align: center; background: #628af2; border-radius: 7px; color: #fff; font-size: 0.9em; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.map-wrp .map-pano-button.none {display:none !important;}
.map-wrp .map-pano.none {display:none;}

.commap-info-content .join-people-wrap {position:relative; top:30px; width:985px; height:370px; background-color:#fff; border:1px solid #d1d9ec; margin:0 auto; padding:25px; overflow-y:scroll;}
.commap-info-content .join-people-wrap ul.joinP-list {position:relative; height:370px;}
.commap-info-content .join-people-wrap ul.joinP-list li {position:relative; float:left; margin-right:45px; margin-bottom:40px; padding:15px; border:1px solid #fff;}
.commap-info-content .join-people-wrap ul.joinP-list li.mapping-wrap {padding:0; border:none;}
.commap-info-content .join-people-wrap ul.joinP-list li:nth-child(6n) {margin-right:0;}
.commap-info-content .join-people-wrap ul.joinP-list li.mapping-wrap.first .mapping-box,
.commap-info-content .join-people-wrap ul.joinP-list li.mapping-wrap.last .mapping-box {background:#e7efff; padding:15px; border:1px solid #ccd8f1; border-radius:10px;}
.commap-info-content .join-people-wrap ul.joinP-list li.mapping-wrap .mapping-box {background:#fff; padding:15px; border:1px solid #fff; border-radius:10px;}
.commap-info-content .join-people-wrap ul.joinP-list li.mapping-wrap .mapping-writer {position:absolute; top:-25px; left:22px; font-size:17px; font-weight:600; color:#4471cd;}
.commap-info-content .join-people-wrap ul.joinP-list li.mapping-wrap .joinP-img {position:relative; margin:0 auto; width:70px; height:70px; background:url(:subdirectory:/image/file/1983) no-repeat;}
.commap-info-content .join-people-wrap ul.joinP-list li.mapping-wrap .joinP-img img {width:70px; height:70px; border-radius:50%; border:1px solid #cdd3e1;}
.commap-info-content .join-people-wrap ul.joinP-list li.mapping-wrap p {width:90px; padding-top:5px; font-size:15px; font-weight:400; color:#464c59; text-align:center;}
.commap-info-content .join-people-wrap ul.joinP-list li.mapping-wrap p span {display:block; width:90px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.commap-info-content .comment-wrap {position:relative; top:30px; width:985px; height:370px; background-color:#fff; border:1px solid #d1d9ec; margin:0 auto; padding:25px; overflow-y:scroll;}
.commap-info-content .comment-wrap .comment {position:relative; display:inline-block; border:1px solid #d1d8e7; border-radius:5px; width:925px; height:auto; padding:15px; margin-bottom:15px}
.post-writer {padding-bottom:5px; font-size:15px; font-weight:400; color:#525c74}
.commap-info-content .comment-wrap .comment .post {position:relative; font-size:14px; font-weight:300; color:#3f4144; line-height:1.6em; padding-bottom:20px}
.commap-info-content .comment-wrap .comment .post-date {position:relative; float:left; font-size:13px; font-weight:300; color:#9ba2b3;}
.commap-info-content .comment-wrap .comment #post-delete {background-color:#fff; border:none; outline:none; cursor:pointer; position:relative; float:right; font-size:13px; font-weight:300; color:#9ba2b3;}
.commap-info-content .comment-wrap .comment #post-delete:hover {color:#243c78}
.pager {margin-top:60px; width: 100%; bottom: 10px; text-align: center;}
.pager li {display: inline-block;margin-right: 5px;}
.pager li a {display: inline-block;color: #333;border: solid 1px #c9c9c9;padding: 5px;width: 20px;}
.pager li a:hover {background-color:#4271ce; color:#fff} 
.pager li a.on {background-color:#4271ce; color:#fff}

.commap-info-contents {overflow-y:scroll; overflow-x:hidden}
.commap-info-contents::-webkit-scrollbar {width: 3px; background: none;}
.commap-info-contents::-webkit-scrollbar-thumb {background: #f8f7fb;opacity: .4;}
.commap-info-contents::-webkit-scrollbar-track {background: none;}
.commap-info-content {position:relative; width:1185px; height:488px; background-color:#f4f7fe; overflow-y:scroll; overflow-x:hidden} /*공통*/
.commap-info-content::-webkit-scrollbar {width: 3px; background: none;}
.commap-info-content::-webkit-scrollbar-thumb {background: #f8f7fb;opacity: .4;}
.commap-info-content::-webkit-scrollbar-track {background: none;}
.commap-list-info .commap-infoBox .commap-info-text ul li.commap-dateNwriter .love-ea {display:inline-block; width:max-content; font-size:12.5px; font-weight:400; color:#ff5c5c; border:1px solid #ff5c5c; border-radius:5px; padding:0 7px 1px 7px;}
.commap-list-info .commap-infoBox .commap-info-text ul li.commap-dateNwriter span.ea-worth {color:#929292; }
/* END VIEW_INVIEW CSS */

.Rtitle input {width:985px !important;}
.jcmListCloseBtn {width:33px !important;}
.mCSB_scrollTools {opacity:0.75 !important;}
.notice-file-title {height:25px !important; padding-top:7px; top:0px !important;}
.notice-file-name {top:0px !important; width:855px !important;}
.notice-file-btn {top:1px !important;}