@charset "utf-8";

@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   src: url(../../resources/notosanskr/notosanskr/NotoSansKR-Regular.eot);
   src: url(../../resources/notosanskr/notosanskr/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'), 
   		url(../../resources/notosanskr/NotoSansKR-Regular.woff2) format('woff2'),
        url(../../resources/notosanskr/NotoSansKR-Regular.woff) format('woff'),
        url(../../resources/notosanskr/NotoSansKR-Regular.otf) format('opentype');
 }


[lang="ko"]{word-break: keep-all}body{overflow-wrap: break-word;word-wrap:break-word;}abbr,acronym,fieldset,img,input{border:0}*,select{box-sizing:border-box;margin:0;padding:0}audio:not([controls]),hr{height:0;display:none}a,a:active,a:hover,a:link,a:visited{text-decoration:none}button,select{text-transform:none}a:link,a:visited,body,html{color:#494949}#accessibility a:link,#accessibility a:visited,a,a:hover{color:#333}*{-webkit-touch-callout:none;font-synthesis: none;-moz-font-feature-settings: 'kern';-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}:lang(zh-CN){font-family:"Helvetica Neue","Helvetica","Arial",sans-serif}:lang(ja){font-family:Hiragino Kaku Gothic Pro,osaka,sans-serif}:lang(en){font-family: 'Roboto','Frutiger Linotype',sans-serif;}html{-webkit-font-size-adjust:none;overflow-y:scroll;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a,abbr,address,article,aside,audio,body,canvas,caption,cite,dd,details,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,img,label,legend,li,menu,nav,object,ol,p,section,span,strong,summary,table,tbody,td,tfoot,th,thead,tr,ul,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-family: 'Noto Sans CJK KR' , 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,"FangSong", "仿宋", STFangSong, "华文仿宋","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;letter-spacing: -0.02em;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}img{-webkit-tap-highlight-color:transparent;max-width:100%;vertical-align:top;-ms-interpolation-mode:bicubic}body,html{height:100%;margin:0;padding:0;font-family: 'Noto Sans CJK KR' , 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,"FangSong", "仿宋", STFangSong, "华文仿宋","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;font-size:15px;line-height:1.5;letter-spacing: 0.01em;}a,body,button,input,label,span{line-height:1.6}blockquote,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,textarea,ul{margin:0;padding:0}input,select,td,textarea,th{font-family: 'Noto Sans CJK KR' , 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,"FangSong", "仿宋", STFangSong, "华文仿宋","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;font-size:15px;color:#494949}table{border-collapse:collapse;border-spacing:0;table-layout: fixed;display:table}address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:400}li,ol,ul{list-style:none}abbr,acronym{cursor:help}caption,legend{overflow:hidden;position:relative;width:0;height:0;margin:0;padding:0;line-height:0}button,button[disabled],html input[disabled],input[type=reset],input[type=submit],label{cursor:pointer}select{height:22px;line-height:1;border:1px solid #c9c9c9}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}button,input,select,textarea{margin:0;font-size:100%;vertical-align:baseline;vertical-align:middle}button,html input[type=button],input[type=reset],input[type=submit]{overflow:visible;cursor:pointer;-webkit-appearance:button}audio[controls],canvas,video{display:inline-block}body,button{font-size:1em;color:#494949}hr{clear:both;-moz-box-sizing:content-box;box-sizing:content-box}a:active,a:hover,button:hover,button:active{outline:none}a:focus,button:focus{outline:1px dotted #ddd;}address,em{font-style:normal}abbr[title]{border-bottom:1px dotted}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}button,input,label{vertical-align:middle}button{border:0}button,input,textarea{margin:0;font-size:100%;vertical-align:baseline}.hide,.skip,.sr-only{position:absolute;height:0;font-size:0}button,input{overflow:visible;line-height:1}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=checkbox],input[type=radio]{box-sizing:border-box}a{font-family: 'Noto Sans CJK KR' , 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,"FangSong", "仿宋", STFangSong, "华文仿宋","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;}a:active,a:hover{color:#000}.hide,.skip{top:0}.sr-only{width:0;margin:-1px;padding:0;overflow:hidden;border:0;clip:rect(0,0,0,0)}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}#accessibility{display:none;position:absolute;top:-66px;left:0;background-color:#f8f8f8;z-index:999999}#accessibility a{display:block;padding:5px 0;text-align:center;line-height:21px}#accessibility a:active,#accessibility a:focus,#accessibility a:hover{color:#000;text-decoration:underline}.clearfix{width:100%}.clearfix:after,.clearfix:before{content:"";display:block;visibility:hidden;clear:both}
	.content-info__charge{clear: both;}.content-info__charge,.content_info__satisfaction{position:relative;padding:15px 25px;border:1px solid #ececec;background-color:#fff;text-align:left}.content-info__charge{background:#fcfcfc}.content_info__satisfaction{margin-top:-1px;margin-bottom:30px}.content-info__charge strong{position:relative;margin-right:10px;padding-left:17px;color:#333;font-weight:700}.content-info__charge strong:before{display:block;position:absolute;top:0;left:0;width:13px;height:17px;background:url(/pcms/common/images/ir/content-info.png) -29px 0 no-repeat;content:''}.content-info__charge span{display:inline-block;margin-right:10px}.content-info__charge .last{position:relative;float:right;margin-right:0;padding-left:20px}.content-info__charge .last em:before{position:absolute;top:2px;left:0;width:15px;height:15px;background:url(/pcms/common/images/ir/content-info.png) -14px 0 no-repeat;content:''}.content_info__satisfaction .research{position:relative;width:100%}.content_info__satisfaction .research:after{display:block;visibility:hidden;clear:both;content:""}.content_info__satisfaction .research strong{display:block;position:relative;margin-bottom:5px;padding-left:20px;color:#444;font-size:15px;font-family: 'Noto Sans CJK KR' , 'Noto Sans KR', 'Noto Sans EOT', SimHei, Sans-serif,'맑은고딕','Malgun Gothic', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,"FangSong", "仿宋", STFangSong, "华文仿宋","Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",AppleGothic,Dotum,arial,sans-serif;-weight:600}
	input{font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle}
	input[type="file"]{border:none}
	input[type="radio"],input[type="checkbox"]{border:none}
	button{text-transform: none; vertical-align: middle}
	button,[type="button"],[type="reset"],[type="submit"] {background-color:transparent; cursor: pointer; }
	select{font-size: inherit; font-family: inherit; color: inherit;text-transform: none;vertical-align: middle;}
	textarea{font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle; resize:none;}
	input[disabled="disabled"]{background-color:#ebebeb; color:#959595}
	select[disabled="disabled"]{background-color:#ebebeb;background-image:none; color:transparent}
	input[type=text]{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
	input[type=text]::-ms-clear{display:none;}
	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;-moz-appearance:none;}
	select{padding:0 5px;background:transparent url(images/arrow-select.png) no-repeat 98% 50%;appearance:none;-webkit-appearance:none;-moz-appearance:none;-webkit-appearance: none;-ms-appearance: none;-o-appearance: none;}
	select::-ms-expand {display: none;}


#container {overflow: hidden;position: relative;width: 100%;height: 100%;}
	#map {width:100%;height:100%;z-index: 0;}
	#menu_wrap {position: fixed;top: 90px;left: 20px; width: 360px;max-height: calc(100% - 160px);height: 100%;overflow-y: scroll;background-color: white; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px;}
	#menu_wrap.on {display:block !important;}
	.header {position: relative;padding:15px 20px;}
	.header .logo{display:inline-block;width:140px;height: 36px;font-size: 0;background: url(images/logo.png) no-repeat;vertical-align: top;}
	.header strong{display:inline-block;margin-left: 10px;margin-top:0;font-size: 22px;/* font-weight: bold; */color: #000;}

	.search {padding: 20px 30px 20px;margin-top: 0;position: relative;padding-right: 67px;}
	.search .form-item {margin-left: 5px;width: 100%;display: inline-block;}
	.search .form-item:first-child {margin-left: 0;}
	.search .form-item:last-child {position: absolute;top: 20px;right: 20px;width: 42px;}
	.search .selected { width: 100%;height: 42px;padding-left: 20px;padding-right: 50px; border: 1px solid #ddd;color: #888888;font-size: 16px;}
	.search .btn-search {position: relative;display: inline-block;width: 42px;height: 42px;line-height: 36px;text-align: center;background:#287dd2 url(images/search.png) no-repeat;font-size: 0;border-radius: 4px;}

    .menu_list ul {max-height: 794px;/*border-top: 1px solid #ddd;*/}
	.menu_list ul li {padding:20px 30px;border-top: 1px solid #ddd;font-size: 0;position: relative;min-height: 143px;}
	.menu_list ul li dl {display: inline-block;vertical-align: top;width: 100%;}
	.menu_list ul li dl dt {font-size: 18px;font-weight:bold}
	.menu_list ul li dl dt a{font-size: 18px;color: #000;}
	.menu_list ul li dl dd {font-size: 16px;line-height: 1.2;}
	.menu_list ul li dl dd.address {color: #7b7b7b;font-size: 14px;}
	.menu_list .box {display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 50px;
    margin: 10px 0;
    padding-left: 8px;
    padding-right: 10px;
    background-color: rgb(251, 252, 253);
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid rgba(44, 55, 68, 0.1);
    border-top: 1px solid rgba(44, 55, 68, 0.1);}

	.menu_list .box p{display: }
	.menu_list .box i{display:inline-block;width:37px;height:22px;margin-right: 3px;vertical-align: middle;}
	.menu_list .box b{font-size: 13px;color: #444c56; font-weight: normal;}
	.c1 {color:#03b686;}
	.c2 {color:#f89a06;}
	.c3 {color:#eb412f;}
	.c4 {color:#79757c;}
	.c1 i{background:url(images/c1_ico.png) no-repeat;}
	.c2 i{background:url(images/c2_ico.png) no-repeat;}
	.c3 i{background:url(images/c3_ico.png) no-repeat;}
	.c4 i{background:url(images/c4_ico.png) no-repeat;}
	.menu_list .btn {display: block;width: 100%;height: 40px;padding: 0;line-height: 40px;background-color:#86929f;color:#fff;text-align: center;font-size: 14px;border-radius: 4px;}
	

	#map_category {width: 140px;position:absolute;top: 90px;right: 20px;background: rgba(255, 255, 255, 0.9);border: 1px solid #ddd;padding: 15px;z-index:1;padding-top: 48px;}
	#map_category:before{content:'마스크재고량';position:absolute;top:0;left:0;width:100%;height: 30px;text-align:center;font-size:16px;color:#fff;background-color: #287dd2;line-height: 1.2;padding-top: 8px;font-weight: bold;}

	#map_category li { position: relative; padding-left: 20px; }
	#map_category li .circle {display: block;position: absolute;width: 12px;height: 12px;background: gray;border-radius: 50%;top: 50%;left: 0;transform: translateY(-50%);}
	#map_category li .text { line-height: 1.8; font-size: 14px;color:#333}
	#map_category .color-1 .circle { background-color: #03b686; }
	#map_category .color-2 .circle { background-color: #f89a06; }
	#map_category .color-3 .circle { background-color: #eb412f; }
	#map_category .color-4 .circle { background-color: #79757c;}

	button#toggle {display:none;}

	#footer {position: fixed; bottom: 0px;left: 0px;height: auto;width: 100%;text-align: center; pointer-events: none;padding: 11px 0px;z-index: 8;font-size: 14px;color: #666; background-color: rgba(255, 255, 255, 0.8);}
	#footer div {display: inline-block;margin-left: 5px;} 


	@media all and (max-width:768px){
		.header {background: #287dd2;}
		.header .logo {display:none;}
		.header strong {color:#fff;}
		#menu_wrap {display:none;}
		#menu_wrap {width:92%;}

		button#toggle {display:block;position: absolute;bottom:10px;left:0;z-index: 99;background:#0ca1b9;border-radius: 4px;width:96%;margin:0 2%;height: 55px;font-size: 17px;
        font-weight: bold;color: #fff;line-height: 55px;}
		.custom_zoomcontrol {bottom: 160px}
		.custom_typecontrol {bottom: 160px;right: 60px;}


		#footer {bottom: 75px;right: 2%;width: auto;left: inherit;padding: 10px 15px;}


	}



	/* popup */ 
	#popup{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;background:url(images/popup_bg.png) repeat;}
	#popup .confirm {position: absolute;bottom: 90px;right: 200px;width: 480px;height: 52px;font-size: 0;background:rgb(0, 0, 0, 0);}
	#popup .confirm > a{width:100%;height:100%;display: inline-block;font-size: 0;}
    #popup .popup_box{position:absolute;left: 50%;top:50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);max-width: 852px;}
	#popup .popup_box .ctrl{font-size:14px;color:#fff;padding:5px 0; font-weight:bold;text-align: center;}
	#popup .popup_box .check{font-size:16px;}
	#popup .popup_box .check input{width: 20px;height: 20px;}
	#popup .popup_box .close{position: absolute;top: 20px;right: 20px;width: 52px;height: 52px;padding: 10px;font-size:0;background: #000;border-radius: 50px;}
	#popup .popup_box .close:hover {opacity: 1;}
	#popup .popup_box .close:before, #popup .popup_box .close:after {position: absolute;left: 25px;content: ' ';height: 33px;width: 2px;background-color: #fff;}
	#popup .popup_box .close:before {transform: rotate(45deg);}
	#popup .popup_box .close:after {transform: rotate(-45deg);}
	#popup .popup_cont{ position: relative;}
    
@media all and (max-width:768px){
	#popup .popup_box {width:90%;}
	#popup .popup_box .close{position: absolute;top: -10px;right: -10px;}

}


	#category {position:absolute;top:10px;left:10px;border-radius: 5px; border:1px solid #909090;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);background: #fff;overflow: hidden;z-index: 2;}
	#category li {float:left;list-style: none;width:50px;px;border-right:1px solid #acacac;padding:6px 0;text-align: center; cursor: pointer;}
	#category li.on {background: #eee;}
	#category li:hover {background: #ffe6e6;border-left:1px solid #acacac;margin-left: -1px;}
	#category li:last-child{margin-right:0;border-right:0;}
	#category li span {display: block;margin:0 auto 3px;width:27px;height: 28px;}
	#category li .category_bg {background:url(http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/places_category.png) no-repeat;}
	#category li .bank {background-position: -10px 0;}
	#category li .mart {background-position: -10px -36px;}
	#category li .pharmacy {background-position: -10px -72px;}
	#category li .oil {background-position: -10px -108px;}
	#category li .cafe {background-position: -10px -144px;}
	#category li .store {background-position: -10px -180px;}
	#category li.on .category_bg {background-position-x:-46px;}
	.placeinfo_wrap {position:absolute;bottom:28px;left:-150px;width:300px;}
	.placeinfo {position:relative;width: 382px;height: 152px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;padding-bottom: 10px;background: #fff;}
	.placeinfo:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
	.placeinfo_wrap .after {content:'';position:relative;margin-left:-12px;left:50%;width:22px;height:12px;background:url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
	.placeinfo .before{display:inline-block;position:absolute;top: 11px;right: 10px;font-size: 14px;color:#fff;font-weight:400;border: 2px solid #fff;border-radius: 60px;}
	.placeinfo span.before:before{display:none;}
	.placeinfo .before em{color:#fff;min-width:auto;font-weight:bold}
	.placeinfo .title {display:block;border-radius:6px 6px 0 0;margin:-1px -1px 0 -1px;padding:10px 15px;font-size: 18px;font-weight:bold;background-color:#333;color:#fff;box-sizing:border-box;/* background-image:url("http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png"); */background-repeat:no-repeat;background-position: 90% center;}

	.placeinfo .title.color1 {background:#03b686;}
	.placeinfo .title.color2 {background:#f89a06;}
	.placeinfo .title.color3 {background:#eb412f;}
	.placeinfo .title.color4 {background:#79757c;}

	.placeinfo .content {display:block;padding:10px 15px;position: relative;}
	.placeinfo span {display:block;margin: 0 0 3px 0;cursor:default;font-size:16px;position:relative;padding:0 10px;letter-spacing:1px;}
	.placeinfo span:before{content:'';position:absolute;top: 12px;left:0;width:3px;height:3px;border-radius:50%;background-color:#333;display:block;}
	.placeinfo span em{min-width:75px;display:inline-block;color:#333;font-weight:bold;letter-spacing: 0;}

	.placeinfo .close{background: #444;position: absolute;bottom: -14px;right: 10px;font-size: 14px;padding: 3px 12px;opacity: 1 !important;border-radius: 3px;cursor: pointer;color: #fff;}


	.radius_border{border:1px solid #919191;border-radius:5px;}     
	.custom_typecontrol {position:absolute;bottom:50px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
	.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;}
	.custom_typecontrol .skybtn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}       
	.custom_typecontrol .skybtn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
	.custom_typecontrol .skybtn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}    
	.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
	.custom_typecontrol .selected_btn:hover {color:#fff;}   
	
	.custom_zoomcontrol {position:absolute;bottom:100px;right:10px;width:36px;height:80px;overflow:hidden;z-index:50;background-color:#f5f5f5;} 
	.custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;}     
	.custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;}             
	.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}     

        /* map ctrl */
        .custom_zoomcontrol span {line-height: 35px;}
        .custom_zoomcontrol span img {vertical-align: middle;padding: 0 !important;}
        .custom_typecontrol span {width: 64px;}
        .custom_typecontrol {bottom: 60px;}