@charset "UTF-8";
/*font*/
@font-face{font-family:'Noto Sans Korean';font-style:normal;font-weight:300;src:url(/font/NotoSansKR-Light-Hestia.eot),url(/font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),url(/font/NotoSansKR-Light-Hestia.woff) format('woff'),url(/font/NotoSansKR-Light-Hestia.otf) format('opentype')}
@font-face{font-family:'Noto Sans Korean';font-style:normal;font-weight:400;src:url(/font/NotoSansKR-Regular-Hestia.eot),url(/font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),url(/font/NotoSansKR-Regular-Hestia.woff) format('woff'),url(/font/NotoSansKR-Regular-Hestia.otf) format('opentype')}
@font-face{font-family:'Noto Sans Korean';font-style:normal;font-weight:600;src:url(/font/NotoSansKR-Medium-Hestia.eot),url(/font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),url(/font/NotoSansKR-Medium-Hestia.woff) format('woff'),url(/font/NotoSansKR-Medium-Hestia.otf) format('opentype')}
@font-face{font-family:'Noto Sans Korean';font-style:normal;font-weight:700;src:url(/font/NotoSansKR-Bold-Hestia.eot),url(/font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),url(/font/NotoSansKR-Bold-Hestia.woff) format('woff'),url(/font/NotoSansKR-Bold-Hestia.otf) format('opentype')}
/*reset*/html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html{min-width: 1280px}
body{font-family: 'Noto Sans Korean';-webkit-font-smoothing: none;color: #fff; overflow: hidden;}
ul,dl,li,label{list-style: none;text-decoration: none;color: #666}
#map{width: calc(100% - 410px);height: 100vh;margin-left: 410px;background-image: url('/images/pre_background.png');background-color: #eee;}
#map.full{width: calc(100% - 70px);margin-left: 70px}
.header{height: 58px;border-bottom: 2px solid #eee}
.logo{display: flex; justify-content: center;}
.logo img {width: 280px; height: 89px;}
.nav{width: 409px;height: 100vh;background-color: transparent;position: absolute;top: 0;left: 0;z-index: 1;box-shadow: 0px 1px 4px 3px rgba(0,0,0,0.25);border-right: 1px solid #eee}
.nav.fold{left: -412px}
.nav-menu{width: 70px;height: 100vh;background-color: #2d3035;position: fixed;left: 0;top: 0;z-index: 2;box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1)}
.nav-menu-item{height: 50px;text-align: center;background-color: #2d3035;line-height: 150%;user-select: none;font-size: 12px;padding: 15px 0;color: #fff;font-weight: 300}
.nav-menu-item::before{content: '';display: inline-block;width: 36px;height: 36px;background-repeat: no-repeat;background-position: center;background-color: #34373d;box-shadow: 0 0 6px 0 rgba(26,17,0,.3);border-radius: 5px}
.nav-menu-item[data-menu=home]::before{background-image: url('/images/ic-nav-menu-1.png')}
.nav-menu-item[data-menu=search]::before{background-image: url('/images/ic-nav-menu-2.png')}
.nav-menu-item[data-menu=life]::before{background-image: url('/images/ic-nav-menu-3.png')}
.nav-menu-item[data-menu=population]::before{background-image: url('/images/ic-nav-menu-4.png')}
.nav-menu-item[data-menu=festival]::before{background-image: url('/images/ic-nav-menu-5.png')}
.nav-menu-item[data-menu=tour]::before{background-image: url('/images/ic-nav-menu-6.png')}
.nav-menu-item[data-menu=consume]::before{background-image: url('/images/ic-nav-menu-9.png')}
.nav-menu-item[data-menu=localmoney]::before{background-image: url('/images/ic-nav-menu-10.png')}
.nav-menu-item:hover::before{background-color: #305ca6;cursor: pointer}
.nav-menu-item:hover{cursor: pointer}
.nav-menu-item:hover.on{cursor: default}
.on.nav-menu-item::before{background-color: #305ca6;cursor: default}
.nav-wrap{position: fixed;top: 0;left: 0;width: 410px;height: 100vh;z-index: 1;box-shadow: 0px 1px 4px 3px rgba(0,0,0,0.25)}
.nav-wrap.hide{left: -340px}
.nav-title{margin-left: 70px;padding: 20px 10px;font-size: 20px;font-weight: bold;background-color: #22252a;color: #fff}
.nav-content{width: 340px;height: calc(100% - 60px);background-color: #22252a;overflow: hidden;margin-left: 70px}
.nav-toggle{position: absolute;width: 28px;height: 53px;right: -28px;top: 67px;background-color: #22252a;cursor: pointer;border-radius: 0 26px 26px 0;box-shadow: 5px 0px 4px 0px rgba(0,0,0,0.25);user-select: none;color: #fff;text-align: center}
.nav-toggle::before{content: '';width: 28px;height: 53px;background-image: url('/images/ic-arrow-w-thin.png');display: inline-block;background-repeat: no-repeat;background-position: center center}
.nav-toggle:hover::before{opacity: .7;}
.closed.nav-toggle::before{background-image: url('/images/ic-arrow-e-thin.png')}
.main-title{height: 59px;border-bottom: 1px solid #eee}
.main-title-logo{float: left;display: flex;justify-content: center;align-items: center;padding: 13px 2px 13px 3px}
.main-title-text{width: calc(100% - 90px);height: calc(100% - 10px);float: left;padding: 5px 10px;line-height: 140%;font-size: 18px;font-weight: bold;color: #000}
.left{float: left}
.right{float: right}
#mapInfoWrap{position: absolute;top: 10px;left: calc(40vw + 70%);z-index: 1;display: inline-block;min-width: 222px;width: max-content;}
#mapInfo{z-index: 1;padding: 14px 15px;background-color: #22252a;box-shadow: 0 0 6px 0 rgba(0,0,0,.3);border-radius: 3px;word-spacing: 10px;display: inline-block;font-size: 12px;;font-weight: 600}
#mapInfo > img{vertical-align: bottom}
#mapInfo > span{cursor: pointer;user-select: none}
#mapInfo > span::after{content: '';display: inline-block;background-image: url('/images/ic-arrow-n.png');width: 6px;height: 3px;vertical-align: middle;margin-left: 5px;background-repeat: no-repeat;background-size: 6px 3px}
#mapInfo.empty > span::after, #mapInfo.sejong > span:nth-child(3)::after{display: none}
#mapInfo > span.select{color: #7da2e1;font-weight: bold}
#mapInfo > span:hover{text-decoration: underline;opacity: .8}
#mapInfoList{position: absolute;top: 55px;left: calc(100% + 20px);z-index: 1;display: inline-block}
.mapinfo-list{min-height: 100px;max-height: 200px;overflow-y: auto;border-radius: 3px;box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.25);background-color: #22252a}
.mapinfo-list-item{padding: 10px 15px;min-width: 85px;user-select: none;color: #fff;font-size: 12px}
.mapinfo-list-item:hover{background-color: #305ca6;cursor: pointer}
.mapinfo-list-item.select{background-color: #305ca6}
.content-title{padding: 21px 0 21px 20px;letter-spacing: -1px}
.content-title-text{font-size: 18px;font-weight: bold;color: #fff}
.content-article{padding: 10px}
.article-section{padding: 10px;background-color: #393d43;line-height: 170%;border-radius: 3px;font-size: 14px;font-weight: 300;text-align: justify;margin-bottom: 10px}
.section-title{padding: 5px 0;border-bottom: 2px solid #ccc;}
.section-title-text{font-weight: bold}
@keyframes showwrap {from {padding: 0;}to {padding: 10px;}}
@keyframes hidewrap {from {padding: 10px;}to {padding: 0;}}
.accordion-wrap{height: 0;overflow: hidden;padding: 0;animation: hidewrap .3s}
.accordion-wrap::-webkit-scrollbar {width: 12px; /* 스크롤바의 너비 */}
.accordion-wrap::-webkit-scrollbar-track {background: #fff;  border-radius: 6px; margin: 2px;}
.accordion-wrap::-webkit-scrollbar-thumb {background-color: #888;border-radius: 4px;}
.accordion-wrap::-webkit-scrollbar-thumb:hover {background: #555; /* 스크롤바 호버 색상 */}
.custom-accordion{height: calc(100% - 80px)}
.accordion-title{position: relative;color: #fff;padding: 16px 0;text-align: center;background-color: #34373d;font-size: 14px;border-top: 1px solid #34373d;border-bottom: 1px solid #22252a;cursor: pointer;user-select: none}
.accordion-title:hover{opacity: .8}
.select.accordion-title:hover{opacity: 1}
.accordion-title::before{content: '';display: block;position: absolute;right: 10px;top: calc(50% - 12px);width: 24px;height: 24px;border-radius: 50%;background-color: #22252a;background-image: url('/images/ic-arrow-s.png');background-position: center center;background-repeat: no-repeat}
.select.accordion-title::before{background-color: #fff;background-image: url('/images/ic-arrow-n-b.png');}
.accordion-title.select{cursor: default;font-weight: bold}
.accordion-title.select + .accordion-wrap{padding: 10px;animation: showwrap .3s}
.accordion-subtitle{font-size: 14px;font-weight: bold;padding: 8px 10px;background-color: #2d3035;border-radius: 3px 3px 0 0;color: #fff}
.accordion-subtitle.wms{margin-top: 30px;}
.accordion-content{padding: 12px 10px;background-color: #393d43;font-size: 14px;border-radius: 0 0 3px 3px;margin-bottom: 10px;min-height: 26px}
.accordion-content.wms-list{margin-bottom: 0px;height: 160px; overflow-y: auto;}
.accordion-content.wms{margin-bottom: 0px;}
.accordion-content.wms-list::-webkit-scrollbar {width: 12px; /* 스크롤바의 너비 */}
.accordion-content.wms-list::-webkit-scrollbar-track {background: #fff;  border-radius: 6px; margin: 2px;}
.accordion-content.wms-list::-webkit-scrollbar-thumb {background-color: #888;border-radius: 4px;}
.accordion-content.wms-list::-webkit-scrollbar-thumb:hover {background: #555; /* 스크롤바 호버 색상 */}
.accordion-div{height: 28px;line-height: 28px;margin-bottom: 10px;font-size: 14px;font-weight: 600;color: #fff}
.accordion-div::before{content: '';display: inline-block;width: 5px;height: 5px;margin: 7px 6px 3px 5px;background-color: #fff}
.accordion-div.wms::before{content: none;}
.opt.accordion-div::before{display: none;}
.accordion-div:last-child{margin-bottom: 0}
.accordion-label{color: #fff;float: right;font-size: 14px}
.accordion-button{float: right}
.accordion-buttons{text-align: right;padding-top: 3px}
.popup-dialog::-webkit-scrollbar {width: 16px; /* 스크롤바의 너비 */}
.popup-dialog::-webkit-scrollbar-track {background: #fff;  border-radius: 3px; margin: 1px;}
.popup-dialog::-webkit-scrollbar-thumb {background-color: #888;border-radius: 3px;}
.popup-dialog::-webkit-scrollbar-thumb:hover {background: #555; /* 스크롤바 호버 색상 */}
.popup-title{margin-bottom: 10px;color: #fff;font-weight: bold;font-size: 14px}
.popup-title::before{content:'';display:inline-block;width:5px;height:5px;margin:7px 6px 3px 0;background-color:#7da2e1}
.popup-article{line-height: 150%;margin-bottom: 20px;background-color: #393d43;padding: 10px}
.popup-article.loc{margin-bottom: 0}
.popup-article.road{margin-bottom: 0}
.popup-article.desc{font-size: 14px;font-weight: normal;text-align: justify}
.popup-article li{font-size: 14px;font-weight: 600;color: #fff}
.popup-article li:before{content: '·';letter-spacing: 2px}
.popup-article li.jibun::before,.popup-article li.road::before,.popup-article li.loc-utmk::before,.popup-article li.loc-wgs84::before{display: inline-block;background-color: #474c53;border: 1px solid #999;border-radius: 8px;font-size: 10px;color: #ddd;padding: 2px 0;width: 38px;text-align: center;margin-right: 5px;line-height: 100%}
.popup-article li.jibun::before{content:'지번'}
.popup-article li.jibun:hover {cursor: pointer}
.popup-article li.road::before{content:'도로명'}
.popup-article li.road:hover {cursor: pointer;}
.popup-article li.loc-wgs84::before{content:'좌표1'}
.popup-article li.loc-wgs84:hover {cursor: pointer}
.popup-article li.loc-utmk::before{content:'좌표2'}
.popup-article li.loc-utmk:hover {cursor: pointer}
.popup-map{height: 350px;margin-bottom: 10px;background-color: #393d43;padding: 10px}
.popup-chart{height: auto;margin-bottom: 10px;background-color: #393d43;padding: 10px}
.popup-chart canvas{background-color: #fff}
.popup-image{height: 250px;margin-bottom: 10px}
.popup-image.wms{height: auto; min-height: 150px; background-color:#fff}
.popup-table{margin-bottom: 20px;padding: 10px;background-color: #393d43;position: relative}
.popup-table::after{content: attr(data-subscript);display: inline-block;position: absolute;right: 10px;top: 0;font-size: 10px;color: #ddd}
.popup-container {display: flex;justify-content: space-between;}
.popup-link{position: absolute; top: -35px; right: 7px;}
.popup-link a {color: #fff !important;}
.popup-description {padding: 10px;}
.popup-description ul {padding-left: 10px;}
.popup-description li {color: #ffffff !important;list-style-type: disc !important;margin-bottom: 10px;font-size: 13px;line-height: 1.2;}
.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10,.w11,.w12,.w13,.w14,.w15,.w16,.w17,.w18,.w19,.w20,.w21{color: #7da2e1;font-size: 15px;font-weight: normal}
/* .mapshortcut{padding: 10px 8px;background-color: #fff;display: inline-block;border-radius: 2px;user-select: none;cursor: pointer;color: #666;box-shadow: 0px 1px 4px 2px rgba(0,0,0,0.25)}
.mapshortcut:hover{opacity: .8} */
#sexAgeDrawType{display: none}
.csel{user-select: none;display: none}
.csel + label{color: #fff;cursor: pointer;font-weight: 600;font-size: 14px}
.csel + label::before{vertical-align: -10%}
.csel + label:hover{opacity: .8}
.csel[type=radio] + label::before{content:'';display: inline-block;width: 16px;height: 16px;background-image: url('/images/radio-de.png');margin-right: 3px}
.csel[type=radio]:checked + label::before{background-image: url('/images/radio-ck.png')}
.csel[type=checkbox] + label::before{content:'';display: inline-block;width: 16px;height: 16px;background-image: url('/images/check-de.png');margin-right: 3px}
.csel[type=checkbox]:checked + label::before{background-image: url('/images/check-ck.png')}
.cbox{-webkit-font-smoothing:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;border:1px solid #999;background-color:#474c53;border-radius:3px;padding:3px 20px 3px 10px;height:28px;width:128px;color:#fff;outline:0;font-family:'Noto Sans Korean';display:inline-block;background-image:url(/images/ic-arrow-n.png);background-repeat:no-repeat;background-position:calc(100% - 10px) center}
.cbox::before{content:'';position:absolute;display:inline-block;background-image:url(/images/ic-arrow-n.png);width:10px;height:5px;background-repeat:no-repeat}
.cbox:hover{cursor: pointer;opacity: .8}
.cbox::-ms-expand{display: none}
.cbox.indestry{width:200px}
#facPopup{display: none;width: 270px;height: 70px;background-color: #22252a;box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);border-radius: 5px;user-select: none;position: relative;padding: 15px}
.tooltip-title{font-size: 16px;font-weight: bold;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.tooltip-title::after{content: attr(data-category);font-size: 12px;color: #999;margin-left: 5px}
.tooltip-add{font-size: 12px}
.tooltip-old{margin-bottom: 10px}
#helpTooltip{color: #393d43}
#detailTourPopup{display: none;width: 250px;background-color: #22252a;box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);border-radius: 5px;user-select: none;position: relative;cursor: pointer}
.popup-close-btn{color: #fff;position: absolute;right:10px;top:10px;text-shadow: 0 0 6px #000}
.popup-close-btn:hover{opacity: .8}
.tour-popup-img > img{border-radius: 5px 5px 0 0;}
.tour-popup-contents{padding: 10px}
.tour-popup-title{font-size: 16px;color: #fff;margin-bottom: 7px;font-weight: bold;white-space: nowrap;overflow: hidden}
.tour-popup-add{font-size: 14px;color: #fff;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tour-popup-desc{font-size: 14px;color: #999;margin-bottom: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#tour::before{display: inline-block;content:'';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 15px solid #22252a;position: absolute;top: 100%;left: calc(50% - 10px);}
#tooltipPopup{display: none;background-color: #fff;color: #666;font-size: 12px;padding: 5px;border-radius: 2px;box-shadow: 0px 1px 4px 3px rgba(0,0,0,0.25);}
#visitorPopup{display: none;background-color: #fff;color: #666;font-size: 12px;padding: 5px;border-radius: 2px;box-shadow: 0px 1px 4px 3px rgba(0,0,0,0.25);}
.footer-table{display:none;position: fixed;bottom: 0;right: 0;width: calc(100% - 430px);height: 180px;background-color: #22252a;z-index: 1;padding: 10px}
.footer-table.full{width: calc(100% - 90px)}
#attrTable, #dataAttrTable{overflow: auto;border: 1px solid #999;max-height: 150px;min-height: 60px}
#attrTable > table, #dataAttrTable > table{width: 100%;table-layout: fixed}
#attrTable > table tr, #dataAttrTable > table tr{border-bottom: 1px solid #999}
#attrTable > table th, #dataAttrTable > table th{background-color: #2d3035;font-weight: bold}
#attrTable > table td, #dataAttrTable > table td{background-color: #393d43}
#attrTable > table th,#attrTable > table td, #dataAttrTable > table th, #dataAttrTable > table td{text-align: left;vertical-align: middle;color: #fff;padding: 5px 5px;white-space: nowrap;font-size: 14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#attrTable > table tr:hover td, #dataAttrTable > table tr:hover td{background-color: #22252a;cursor: pointer;color: #7da2e1}
#attrTable > table tr.select td, #dataAttrTable > table tr.select td{background-color: #22252a;cursor: default;color: #7da2e1}
#attrTable > table tr:first-child th, #dataAttrTable > table tr:first-child th{position: sticky;top: 0}
#attrTable::-webkit-scrollbar {width: 12px; /* 스크롤바의 너비 */}
#attrTable::-webkit-scrollbar-track {background: #fff;  border-radius: 6px; margin: 2px;}
#attrTable::-webkit-scrollbar-thumb {background-color: #888;border-radius: 4px;}
#attrTable::-webkit-scrollbar-thumb:hover {background: #555; /* 스크롤바 호버 색상 */}
#attrTablePaging{text-align: center;position: absolute;bottom: 0;width: 100%;left:0;padding: 5px 0}
#dataAttrTablePaging{text-align: center;position: absolute;width: 100%;left:0;padding: 15px 0}
.table-span{text-align: center; vertical-align: middle;}
.none-select{user-select: none}
.poisearch-result{padding: 12px 10px}
.poisearch-result:hover{background-color: #305ca6;cursor: pointer}
.search-result-wrap{background-color: #393d43}
.result-list-name{font-size: 14px;color: #fff}
.result-list-name + .result-list-addr_jibun, .result-list-fest_nm{margin-top: 10px}
.result-list-addr_jibun + .result-list-addr_road{margin-top: 5px}
.result-list-fest_nm + .result-list-fest_season, .result-list-fest_place{margin-top: 5px}
.result-list-addr_jibun,.result-list-addr_road,.result-list-fest_nm,.result-list-fest_season,.result-list-fest_place{color: #fff;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.result-list-addr_jibun::before,.result-list-addr_road::before,.result-list-fest_nm::before,.result-list-fest_season::before,.result-list-fest_place::before{display: inline-block;background-color: #474c53;border: 1px solid #999;border-radius: 8px;font-size: 10px;color: #ddd;padding: 2px 0;width: 38px;text-align: center;margin-right: 5px}
.result-list-addr_jibun::before{content: '지번'}
.result-list-addr_road::before{content: '도로명'}
.result-list-fest_nm::before{content: '축제명'}
.result-list-fest_season::before{content: '축제기간'}
.result-list-fest_place::before{content: '축제위치'}
.result-none{text-align: center;font-size: 14px;font-weight: 400}
.seach-count{color: #7da2e1}
.seach-count::after{content: '건';color: #fff}
.search-wrap{height: calc(100% - 254px);overflow-y: scroll}
.search-paging{text-align: center;padding: 15px 0 10px 0;font-size: 14px}
#searchPopup{width: 270px;height: 70px;background-color: #22252a;box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);border-radius: 5px;user-select: none;position: relative;padding: 15px}
.wms-div{padding: 0, 0, 15px, 0 }
.checkbox-item{margin-right: 10px;}
.wms-minus-button {background-color: #305ca6;color: white; border-radius: 50%;width: 20px;height: 20px;cursor: pointer;border: none; box-shadow: none;}
.wms-minus-button:hover {background-color: #25457d;box-shadow: none;}
.cbox.wms{width:180px;}
.ctext.wms{width:158px;}
.wms-text:hover{cursor: pointer;}
.image-wms{width: 60%;margin-left: 3px; margin-top: 20px;}
.switch{position: relative;display: inline-block;width: 50px;height: 20px;float: right;}
.switch input{opacity: 0;width: 0;height: 0;}
.slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 3px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #305ca6;}
input:focus + .slider {box-shadow: 0 0 1px #305ca6;}
input:checked + .slider:before {-webkit-transform: translateX(28px);-ms-transform: translateX(28px);transform: translateX(28px);}
.slider.round {	border-radius: 10px;}
.slider.round:before {border-radius: 50%;}
.notice-div-data,.notice-div-notice{cursor: pointer;display: grid;grid-template-columns: 1fr 75px;align-items: center;}
.notice-div{padding: 5px 0;height: 16px;font-weight: 300;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.notice-div:hover{opacity: .7}
.notice-label{float: right;}
.ic-plus{float: right;cursor: pointer;}
/* .home-title{margin-bottom: 10px;color: #353535;font-weight: bold} */
.home-table{border: 1px solid #ddd;margin-bottom: 15px;max-height: 430px;min-height: 430px}
.notice-data-header{display: flex;align-items: stretch;}
.header-column,.header-value{padding: 10px; float:left;font-size: 14px;display: flex;align-items: center;}
.header-column{background-color: #2d3035; width:calc(20% - 20px)}
.header-value{width:calc(80% - 20px);}
.notice-data-body{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd; padding: 10px; height:242px; overflow-y: scroll;line-height: 150%; clear:both;}
.notice-data-attach{display: none;cursor: pointer;border-bottom: 1px solid #ddd;overflow: auto;}
.attach-column, .attach-value{padding:10px; float:left;font-size: 14px}
.attach-column{width:calc(20% - 20px); background-color: #2d3035}
.attach-value{width:calc(80% - 20px); min-width: calc(80% - 20px);}
.footer-column, .footer-value{padding:10px; float:left;font-size: 14px}
.footer-column{width:calc(20% - 20px); background-color: #2d3035}
.footer-value{width:calc(80% - 20px);}
.header-value input{width:calc(80% - 20px);}
.notice-data-body textarea {width: 99%;height: 200px;}
/* .tooltip-draw{position: fixed;display: inline-block;z-index: 100;font-size: 13px;color: #666;background-color: #fff;padding:3px 25px 3px 5px;border-radius: 5px;box-shadow: 0px 1px 4px 3px rgba(0,0,0,0.25);white-space: nowrap; position: relative;} */
.tooltip-draw{position: fixed;display: inline-block;z-index: 100;font-size: 13px;color: #666;background-color: #fff;padding:3px 5px;border-radius: 5px;box-shadow: 0px 1px 4px 3px rgba(0,0,0,0.25);white-space: nowrap;}
.tooltip-draw.hidden{display: none}
.tooltip-button{background-color: gray; color: white; border: 1px; border-radius: 3px; margin-left: 3px;}
.notice-data-footer{display: flex;align-items: stretch;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.footer-value{width:calc(80% - 20px);}
/*common table*/
.com-tbl{width: calc(100% - 2px);background-color: #2d3035;border: 1px solid #999}
.com-tbl-head{overflow-x: hidden}
.com-tbl-head table{width: 100%;table-layout: fixed}
.com-tbl-head tr{border-bottom: 1px solid #999}
.com-tbl-head tr,.com-tbl-body tr:hover,.com-tbl-body::-webkit-scrollbar-corner{background-color: #2d3035}
.com-tbl-head td{padding: 5px 0;color: #fff;font-weight: bold;text-align: center;font-size: 14px}
.com-tbl-head .rowspan{vertical-align: middle;}
.com-tbl-body{/*min-height: 70px;*/max-height: 150px;overflow-y: hidden}
.com-tbl-body table{width: 100%;table-layout: fixed}
.com-tbl-body.extend{max-height: 1000px;}
.com-tbl-body.localmoney{max-height: 300px; overflow-y: scroll}
.com-tbl-body.identify{max-height: 500px; overflow-y: auto}
.com-tbl-body td{padding: 5px 0;white-space: nowrap;color: #fff;text-align: center;font-size: 14px}
.com-tbl-body tr{background-color: #393d43;border-bottom: 1px solid #999}
.com-tbl-body td.bold{font-weight: bold}
.com-tbl-body td.center{text-align: center}
.com-tbl-body tr:hover td{background-color: #22252a;color: #7da2e1}
.com-tbl-body::-webkit-scrollbar {width: 12px; height: 12px;/* 스크롤바의 너비 */}
.com-tbl-body::-webkit-scrollbar-track {background: #fff;  border-radius: 3px; margin: 1px;}
.com-tbl-body::-webkit-scrollbar-thumb {background-color: #888;border-radius: 3px;}
.com-tbl-body::-webkit-scrollbar-thumb:hover {background: #555; /* 스크롤바 호버 색상 */}
.rowspan-value-middle{padding: 0;vertical-align: middle;border-right: 1px solid #999}
.toolbar-maptype{position: fixed;right: 75px;top: 10px;/* width: 160px; */height: 40px;border-radius: 3px;background-color: #22252a;box-shadow: 0 0 6px 0 rgba(0,0,0,.3);color: #ddd;font-size: 9px}
.toolbar-maptype-item{display: inline-block;width: 39px;text-align: center;user-select: none;border-right: 1px solid #151618;height: 20px;padding: 2px 0;line-height: 110%}
.toolbar-maptype-item::before{content: '';display: inline-block;width: 34px;height: 20px;background-repeat: no-repeat;background-position: center;border: 1px solid #999}
.toolbar-maptype-item[data-map-type=none]::before{background-image: url('/images/ic_map_type_none.png')}
.toolbar-maptype-item[data-map-type=normal]::before{background-image: url('/images/ic_map_type_normal.png')}
.toolbar-maptype-item[data-map-type=gray]::before{background-image: url('/images/ic_map_type_gray.png')}
.toolbar-maptype-item[data-map-type=satellite]::before{background-image: url('/images/ic_map_type_satellite.png')}
.toolbar-maptype-item[data-map-type=midnight]::before{background-image: url('/images/ic_map_type_midnight.png')}
.toolbar-maptype-item.on{color: #7da2e1;cursor: pointer}
.toolbar-maptype-item:hover{opacity: .8;cursor: pointer}
.on.toolbar-maptype-item:hover{cursor: default}
.on.toolbar-maptype-item::before{border-color: #7da2e1}
.toolbar-maptype-item:last-child{border-right: none;width: 40px}
.toolbar-map{position: fixed;right: 15px;top: 60px;width: 40px;/* height: 440px; */border-radius: 3px;background-color: #22252a;box-shadow: 0 0 6px 0 rgba(0,0,0,.3);color: #ddd;font-size: 9px}
.toolbar-map-item{display: inline-block;width: 40px;text-align: center;user-select: none;border-bottom: 1px solid #151618;height: 29px;padding: 5px 0;line-height: 120%}
.on.toolbar-map-item{color: #7da2e1;cursor: default}
.toolbar-map-item:active{color: #7da2e1;cursor: pointer}
.toolbar-map-item:hover{cursor: pointer;opacity: .8}
.toolbar-map-item:last-child{height: 30px;border-bottom: none}
.toolbar-map-item::before{content: '';display: inline-block;width: 14px;height: 14px;background-repeat: no-repeat}
.toolbar-map-item[data-map-func=maphome]::before{background-image: url('/images/ic-map-tool-1-de.png')}
.toolbar-map-item[data-map-func=maphome]:active::before{background-image: url('/images/ic-map-tool-1-ac.png')}
.toolbar-map-item[data-map-func=zoomin]::before{background-image: url('/images/ic-map-tool-plus-de.png')}
.toolbar-map-item[data-map-func=zoomin]:active::before{background-image: url('/images/ic-map-tool-plus-ac.png')}
.toolbar-map-item[data-map-func=zoomout]::before{background-image: url('/images/ic-map-tool-minus-de.png')}
.toolbar-map-item[data-map-func=zoomout]:active::before{background-image: url('/images/ic-map-tool-minus-ac.png')}
.toolbar-map-item[data-map-func=savemap]::before{background-image: url('/images/ic-map-tool-2-de.png')}
.toolbar-map-item[data-map-func=savemap]:active::before{background-image: url('/images/ic-map-tool-2-ac.png')}
.toolbar-map-item[data-map-func=measureline]::before{background-image: url('/images/ic-map-tool-3-de.png')}
.toolbar-map-item[data-map-func=measureline]:active::before,.on.toolbar-map-item[data-map-func=measureline]::before{background-image: url('/images/ic-map-tool-3-ac.png')}
.toolbar-map-item[data-map-func=measurearea]::before{background-image: url('/images/ic-map-tool-4-de.png')}
.toolbar-map-item[data-map-func=measurearea]:active::before,.on.toolbar-map-item[data-map-func=measurearea]::before{background-image: url('/images/ic-map-tool-4-ac.png')}
.toolbar-map-item[data-map-func=maplayers]::before{background-image: url('/images/ic-map-tool-6-de.png')}
.toolbar-map-item[data-map-func=maplayers]:active::before,.on.toolbar-map-item[data-map-func=maplayers]::before{background-image: url('/images/ic-map-tool-6-ac.png')}
.toolbar-map-item[data-map-func=loctranslate]::before{background-image: url('/images/ic-map-tool-8-de.png')}
.toolbar-map-item[data-map-func=loctranslate]:active::before,.on.toolbar-map-item[data-map-func=loctranslate]::before{background-image: url('/images/ic-map-tool-8-ac.png')}
.toolbar-map-item[data-map-func=favoritearea]::before{background-image: url('/images/ic-map-tool-9-de.png')}
.toolbar-map-item[data-map-func=favoritearea]:active::before,.on.toolbar-map-item[data-map-func=favoritearea]::before{background-image: url('/images/ic-map-tool-9-ac.png')}
.toolbar-map-item[data-map-func=roadview]::before{background-image: url('/images/ic-map-tool-10-de.png')}
.toolbar-map-item[data-map-func=roadview]:active::before,.on.toolbar-map-item[data-map-func=roadview]::before{background-image: url('/images/ic-map-tool-10-ac.png')}
.toolbar-map-item[data-map-func=view3d]::before{background-image: url('/images/ic-map-tool-11-de.png')}
.toolbar-map-item[data-map-func=view3d]:active::before,.on.toolbar-map-item[data-map-func=view3d]::before{background-image: url('/images/ic-map-tool-11-ac.png')}
.toolbar-map-item[data-map-func=identify]::before{background-image: url('/images/ic-map-tool-12-de.png')}
.toolbar-map-item[data-map-func=identify]:active::before,.on.toolbar-map-item[data-map-func=identify]::before{background-image: url('/images/ic-map-tool-12-ac.png')}
.cbtn{font-family: 'Noto Sans Korean';font-size: 14px;font-weight: 600;border-radius: 3px;color: #fff;text-align: center;padding: 8px 0;outline: none;border: none;width: 100px;margin-right: 5px}
.cbtn:last-child{margin-right: 0}
.cbtn:hover{opacity: .8;cursor: pointer}
.cbtn.main{background-color: #305ca6}
.cbtn.main:active{background-color: #25457d}
.cbtn.sub{background-color: #2b3e61}
.cbtn.sub:active{background-color: #1b2942}
.cbtn.wms{font-size: 12px; width: 70px; background-color: #305ca6}
.cbtn.wms:active{font-size: 12px; width: 70px; background-color: #25457d}
.p10{padding: 10px}
.mb0{margin-bottom: 0}
.mb10{margin-bottom: 10px}
.ctext{border: 1px solid #999;border-radius: 3px;background-color: #474c53;color: #fff;opacity: .7;font-size: 14px;padding: 3px 10px;width: 105px;font-weight: 600;outline: none;font-family: 'Noto Sans Korean'}
.ctext::-webkit-search-decoration{display:none}
.ctext::-ms-clear,.ctext::-ms-reveal {display: none; width : 0; height: 0}
.ctext:focus{border-color: #fff;opacity: 1}
.csearch{border: 1px solid #999;border-radius: 3px;background-color: #474c53;color: #fff;opacity: .7;font-size: 14px;padding: 9px 35px 9px 10px;width: 100%;font-weight: 600;outline: none;font-family: 'Noto Sans Korean'}
.csearch::-webkit-search-decoration{display:none}
.csearch::-ms-clear,.csearch::-ms-reveal {display: none; width : 0; height: 0}
.csearch:focus{border-color: #fff;opacity: 1}
.search-btn{right: 12px;top: 7px;background-image: url('/images/ic-search-de.png');display: inline-block;width: 20px;height: 20px;background-color: transparent;outline: none;border: none;position: absolute;}
.search-btn:hover{cursor: pointer;opacity: .8}
.search-btn:active{background-image: url('/images/ic-search-ac.png')}
.paging-btn{background-color: #474c53;border: 1px solid #999;border-radius: 12px;font-size: 12px;color: #fff;font-weight: 600;padding: 2px 0;width: 48px;text-align: center;outline: none;font-family: 'Noto Sans Korean'}
.paging-btn:hover{opacity: .8;cursor: pointer}
.paging-btn:active{background-color: #305ca6}
.paging-number-btn{background-color:#474c53;border:1px solid #999;border-radius:50%;color:#999;padding:0;outline:0;font-family:'Noto Sans Korean';width:24px;height:24px;font-size:13px;font-weight:600;text-align:center}
.paging-number-btn.select{background-color:#305ca6;font-weight:700;color:#fff;border-color:#fff}
.paging-number-btn:hover{opacity: .8;cursor: pointer}
.paging-number-btn:active{background-color: #305ca6}
.paging-number{margin: 0 5px}
.paging-number .paging-number-btn{margin: 0 2px}
.paging-total{position: absolute; left: 10px;font-size: 12px;color: #999;font-weight: bold;padding: 2px 10px;min-height: 18px; line-height: 18px; text-align: center;outline: none;font-family: 'Noto Sans Korean'}
.paging-total::before{content: '전체: ';font-weight: normal}
.paging-total::after{content: '건';font-weight: normal}
.map-geocording,.map-reg-favorite{cursor: crosshair}
.toolbar-info-icon{position: fixed;right: 15px;top: 10px}
.toolbar-info-icon img:hover{opacity: .8;cursor: pointer}
.toolbar-info-popup{position: fixed;right: 15px;top: 60px;z-index: 1;width: 225px;/* height: 63px; */background-color: #474c53;border: 1px solid #999;border-radius: 5px;padding: 15px;display: none}
.toolbar-info-popup::before{position: absolute;content: '';right: 12px;top: -6px;display: block;width: 0;height: 0;border-right: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid #474c53;}
.toolbar-info-popup .ic-plus{position: absolute;top: 12px;right: 12px;cursor: pointer;transform: rotate(45deg);font-size: 12px}
.toolbar-info-popup .ic-plus:hover::before{cursor: pointer;opacity: .8}
.toolbar-pw-popup{position: fixed;right: 15px;top: 103px;z-index: 1;width: 240px;height: 122px;background-color: #474c53;border: 1px solid #999;border-radius: 5px;padding: 20px;display: none}
.toolbar-pw-popup::before{position: absolute;content: '';right: 12px;top: -6px;display: block;width: 0;height: 0;border-right: 6px solid transparent;border-left: 6px solid transparent;border-bottom: 6px solid #474c53;}
.toolbar-pw-popup .ic-plus{position: absolute;top: 12px;right: 12px;cursor: pointer;transform: rotate(45deg);font-size: 12px}
.toolbar-pw-popup .ic-plus:hover::before{cursor: pointer;opacity: .8}
.info-popup-content{margin-left: 15px; margin-bottom: 15px;}
.info-popup-image{float: left;margin-right: 12px}
.info-popup-name{font-size: 16px;font-weight: bold;color: #fff;line-height: 150%}
.info-popup-dept{font-size: 13px;color: #ddd;line-height: 120%}
.modify-box{display:flex; margin-top: 5px; float: right; margin-left: 75px;}
.tb-col-1{padding: 1px 10px 10px 10px}
.tb-col-1 input{width: 100px; border-radius: 5px;}
.favorite-list{background-color: #393d43}
.favorite-list li{padding: 12px 30px 12px 10px;font-size: 14px;color: #fff;position: relative;user-select: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.favorite-list li.select{background-color: #305ca6;cursor: default}
.favorite-list li:hover{background-color: #305ca6;cursor: pointer}
.favorite-list li .ic-plus{position: absolute;right: 5px;cursor: pointer;transform: rotate(45deg);font-size: 12px}
.favorite-list li .ic-plus:hover::before{opacity: .8}
.favorite-regist-wrap .ctext{width: calc(100% - 20px)}
.favorite-point-overlay{border-radius: 50%;margin: 20px;height: 10px;width: 10px;background: rgba(255, 0, 0, 1);box-shadow: 0 0 0 0 rgba(255, 0, 0, 1);transform: scale(1);animation: pulse 2s infinite}
@keyframes pulse {0% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7)}70% {transform: scale(1);box-shadow: 0 0 0 10px rgba(255, 0, 0, 0)}100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)}}
.nodata{height: 15px;text-align: center;}
.notice-popup{display:none;position:fixed;top:45vh;left:50vw;z-index:50;width:220px;text-align:center;padding:14px 15px;background-color:rgba(255,255,255,.8);user-select:none;box-shadow:0 0 6px 0 rgb(0 0 0 / 30%);border-radius:3px;font-size:14px;font-weight:600}

#login-modal{ background-color: rgba(0,0,0,.4); position: absolute; width: 100%; height: 100%; top: 0; z-index: 100; display: -webkit-flex;color: #ccc; margin: auto;}
#login-modal .login-box{ background-color:rgba(255,255,255,1); width: 320px; height: 305px; position: relative; border-radius: 15px; padding: 25px;}
.login-box .logo{padding-top: 10px; margin-bottom: 30px;}
.login-form input[type=text]{ border: 1px solid #ccc; height: 32px; border-radius: 5px; width: 92%; margin-bottom: 10px; padding-left: 16px;}
.login-form input[type=password]{ border: 1px solid #ccc; height: 32px; border-radius: 5px; width: 92%; margin-bottom: 10px; padding-left: 16px;}
.login-form-button{font-size: 1.2rem; color: #fff; background-color: #007bff; border-color: #007bff; border: 1px solid #ccc; height: 44px; border-radius: 5px; width: 92%; margin-bottom: 10px; padding-left: 16px;}
.login-title{font-size:24px; color:#393d43; text-align:center;font-weight: bold;}

div.vis-network {background-color: white;}
.tooltip-title{font-size: 16px;font-weight: bold;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.tooltip-title::after{content: attr(data-category);font-size: 12px;color: #999;margin-left: 5px}
.tooltip-title{font-size: 16px;font-weight: bold;margin-bottom: 10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden}
.tooltip-title::after{content: attr(data-category);font-size: 12px;color: #999;margin-left: 5px}
.popup-box {margin: 16px 0 16px 0; }
.popup-box div { margin-bottom: 10px;color: #fff;font-size: 12px;}
.popup-ad_type::before{content:'';display:inline-block;width:3px;height:3px;margin:7px 6px 3px 0;background-color:#fff; border-radius: 100%;}

.result-list-name{font-size: 14px;color: #fff}
.result-list-name + .result-list-addr_jibun{margin-top: 10px}
.result-list-addr_jibun + .result-list-addr_road{margin-top: 5px}
.result-list-addr_jibun,.result-list-addr_road{color: #fff;font-size: 12px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.result-list-addr_jibun::before,.result-list-addr_road::before{display: inline-block;background-color: #474c53;border: 1px solid #999;border-radius: 8px;font-size: 10px;color: #ddd;padding: 2px 0;width: 38px;text-align: center;margin-right: 5px}
.result-list-addr_jibun::before{content: '지번'}
.result-list-addr_road::before{content: '도로명'}

.ic-plus{float: right;cursor: pointer;}
#basicTourPopup{display: none;width: 260px;height: 295px;background-color: #22252a;box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);border-radius: 5px;user-select: none;position: relative;padding: 15px}
#basicFestPopup{display: none;width: 260px;height: 320px;background-color: #22252a;box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);border-radius: 5px;user-select: none;position: relative;padding: 15px}

#basicTourPopupBasicInfoBtn, #basicFestPopupBasicInfoBtn{margin-left: 5px; margin-top: 10px;}
#basicTourPopupReportBtn, #basicFestPopupReportBtn{margin-left: 5px; margin-top: 10px;}
#basicTourPopupCloseBtn, #basicFestPopupCloseBtn{margin-left: 5px; margin-top: 10px;}

.bill-cbtn.main{background-color: #305ca6}
.bill-cbtn.main:active{background-color: #25457d}

.bill-cbtn{font-family: 'Noto Sans Korean';font-size: 14px;font-weight: 600;border-radius: 3px;color: #fff;text-align: center;padding: 8px 0;outline: none;border: none;width: 90px; margin-top: 10px; margin-right: 5px}
.bill-cbtn:last-child{margin-right: 0}
.bill-cbtn:hover{opacity: .8;cursor: pointer}
.bill-cbtn.main{background-color: #305ca6}
.bill-cbtn.main:active{background-color: #25457d}
.bill-cbtn.sub{background-color: #2b3e61}
.bill-cbtn.sub:active{background-color: #1b2942}

.bill-cbtn.tourpopup, .bill-cbtn.festpopup{font-family: 'Noto Sans Korean';font-size: 14px;font-weight: 600;border-radius: 3px;color: #fff;text-align: center;padding: 8px 0;outline: none;border: none;width: 76px; margin-top: 10px; margin-right: 5px}

/* 로드뷰 */
#roadviewPopup{overflow: hidden; padding: 0px 0px}
.panel-body{height:100%; padding-top: 2px;  padding-left: 4px;}
#roadview-angle{display: inline-block;width: 100px;height: 50px;background: url('/images/roadview_arc2.png') no-repeat 0 0;position: relative}
.roadview-marker{position: absolute;top: calc(50% - 37px);left: calc(50% - 25px)}

.tour_thumb, .fest_thumb{width: 250px;height: 162px;}