@charset "UTF-8";

body{position:relative;height:100%;color:#444;font-family:'SCoreDream', 'Malgun Gothic', '맑은 고딕', Dotum, '돋움', AppleGothic, AppleSDGothicNeo, Helvetica, sans-serif;font-size:15px;line-height:25px; letter-spacing:-0.03em;}

a:link { color:#444; text-decoration:none; }
a:visited { color:#444; text-decoration:none; }
a:hover { color:#444; text-decoration:underline; }
a:active { color:#444; text-decoration:underline; }

html{position:relative;height:100%;scrollbar-color:rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1); scrollbar-width:thin;}

::-webkit-scrollbar{width:10px;}
::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.1); border-radius:10px;}
::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.1); border-radius:10px;}

/* 본문바로가기  */
.accessibility {position:relative;overflow:hidden;z-index:3000;width:100%;}
.accessibility a{display:block;overflow:hidden;z-index:3000;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
.accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:30px;margin:0;padding:8px 0;background:#20262c;font-size:14px;font-weight:700;line-height:1;color:#fff;}

/* Slider */
.slick-slider{position: relative; display: block; box-sizing: border-box;}
.slick-list{position: relative;display: block; overflow:hidden; margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor:pointer;}
.slick-track{ position: relative; top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height:1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block; width:100%;}
.slick-slide.slick-loading img{display: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}

#wrapper{position:relative;height:100%;}
#container{position:relative;height:100%;}

#header {position:relative; width:400px; padding:47px 0 50px; background-color:#00553b;}
.logo{width:332px; margin:auto;}
#header .logo_anchor {display:block; height:53px; background-repeat:no-repeat; background-position:center center; background-image:url(../images/logo.png); font-size:0; line-height:0;}
@media all and (max-width:1000px){

}

.map_content {position:relative;height:100%;}
/* 카테고리 */
.category {float:left; width:400px; height:100vh;}
.category .category_open{display:none; position:absolute; top:12px; right:-65px; width:65px; height:49px; margin:0; padding:0; border:none; background-color:#00553b; border-top-right-radius:15px; border-bottom-right-radius:15px; color:transparent; font-size:0; transition-property:right; transition-duration:250ms; transition-timing-function:ease-in-out;}
.category .category_open:before{display:block; position:absolute; top:calc(50% - 7px); right:17px; width:18px; height:14px; background-repeat:no-repeat; background-position:-150px -60px; background-image:url(../images/lifemap_icons.png); content:'';}
.category .category_content{position:relative; height:100%;}
.category .category_content .lnb_topbox{position:relative; padding-right:100px; padding-left:50px; background-color:#063c2c;}
.category .category_content .lnb_topbox .dongbox{position:relative; width:115px;}
.category .category_content .lnb_topbox .dongbox .selectdong{position:relative; width:100%; margin:0; padding:12px 4px 14px 3px; border:none; text-align:left; color:#FFF; font-size:15px; font-weight:500; letter-spacing:-0.03em;}
.category .category_content .lnb_topbox .dongbox .selectdong span{display:block; position:relative; padding-right:14px; padding-left:21px; line-height:24px;}
.category .category_content .lnb_topbox .dongbox .selectdong span:before{display:block; position:absolute; top:6px; left:0; width:9px; height:13px; background-repeat:no-repeat; background-position:left top; background-image:url(../images/lifemap_icons.png); content:'';}
.category .category_content .lnb_topbox .dongbox .selectdong span:after{display:block; position:absolute; top:9px; right:0; width:12px; height:7px; background-repeat:no-repeat; background-position:-30px top; background-image:url(../images/lifemap_icons.png); content:''; transition-property:transform; transition-duration:250ms; transition-timing-function:ease-in-out;}
.category .category_content .lnb_topbox .dongbox.active .selectdong span:after{transform:rotateX(180deg);}
.category .category_content .lnb_topbox .dongbox .layer{display:none; position:absolute; top:50px; left:0; z-index:5; width:100%;}
.category .category_content .lnb_topbox .dongbox .layer .scroll{max-height:calc(100vh - 180px); overflow-x:hidden; overflow-y:auto; border:1px solid #dedede; background-color:#FFF; box-sizing:border-box; scrollbar-color:rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1); scrollbar-width:thin;}
.category .category_content .lnb_topbox .dongbox .layer .scroll::-webkit-scrollbar{width:10px;}
.category .category_content .lnb_topbox .dongbox .layer .scroll::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.1); border-radius:10px;}
.category .category_content .lnb_topbox .dongbox .layer .scroll::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.1); border-radius:10px;}
.category .category_content .lnb_topbox .dongbox .layer .scroll ul{padding:14px 10px 15px 29px; }
.category .category_content .lnb_topbox .dongbox .layer ul li{margin-top:6px; line-height:0;}
.category .category_content .lnb_topbox .dongbox .layer ul li:first-child{margin-top:0;}
.category .category_content .lnb_topbox .dongbox .layer ul li .dongbtn{width:100%; margin:0; padding:0; border:none; line-height:24px; text-align:left; vertical-align:top; color:#4b4b4b; font-size:15px; font-weight:400; letter-spacing:-0.03em;}
.category .category_content .lnb_topbox .manualbtn{display:block; position:absolute; top:0; right:0; width:100px; margin:0; padding:12px 0 14px; border:none; background-color:#04261c; line-height:24px; text-align:center; color:#FFF; font-size:15px; font-weight:500; letter-spacing:-0.03em;}
.category .category_content .lnb_topbox .manualbtn:hover{text-decoration:none;}
.category .category_content .depth1{position:relative; height:calc(100% - 200px);}
.category .category_content .depth1_inner{height:100%; background-color:#34373e; overflow-x:hidden; overflow-y:auto; box-sizing:border-box; scrollbar-color:rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1); scrollbar-width:thin;}
.category .category_content .depth1_inner::-webkit-scrollbar{width:10px;}
.category .category_content .depth1_inner::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.1); border-radius:10px;}
.category .category_content .depth1_inner::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.1); border-radius:10px;}
.category .category_content .depth1_item{width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.1); transition-property:none; transition-duration:250ms; transition-timing-function:ease-in-out;}
.category[data-active="Y"] .category_content .depth1_item{width:165px;}
.category .category_content .depth1_text{display:block; position:relative; padding:15px 18px 14px 16px; color:#FFF; font-size:17px; font-weight:500; letter-spacing:-0.03em; transition-property:background-color; transition-duration:250ms; transition-timing-function:ease-in-out;}
.category .category_content .depth1_text:hover{text-decoration:none;}
.category .category_content .depth1_item.active .depth1_text{background-color:#2c8c6a;}
.category .category_content .depth1_text span{display:block; position:relative; padding:1px 0 5px 46px; line-height:24px;}
.category .category_content .depth1_text span:before{display:block; position:absolute; top:0; left:0; width:33px; height:30px; background-repeat:no-repeat; background-image:url(../images/depth1_icons.png); content:'';}
.category .category_content .depth1_item[data-item="0"] .depth1_text span:before{background-position:left center;}
.category .category_content .depth1_item[data-item="1"] .depth1_text span:before{background-position:-33px center;}
.category .category_content .depth1_item[data-item="2"] .depth1_text span:before{background-position:-66px center;}
.category .category_content .depth1_item[data-item="3"] .depth1_text span:before{background-position:-99px center;}
.category .category_content .depth1_item[data-item="4"] .depth1_text span:before{background-position:-132px center;}
.category .category_content .depth1_item[data-item="5"] .depth1_text span:before{background-position:-165px center;}
.category .category_content .depth1_item[data-item="6"] .depth1_text span:before{background-position:-198px center;}
.category .category_content .depth1_item[data-item="7"] .depth1_text span:before{background-position:-231px center;}
.category .category_content .depth1_item[data-item="8"] .depth1_text span:before{background-position:-264px center;}
.category .category_content .depth1_item[data-item="9"] .depth1_text span:before{background-position:-297px center;}
.category .category_content .depth1_item[data-item="10"] .depth1_text span:before{background-position:-330px center;}
.category .category_content .depth1_item[data-item="11"] .depth1_text span:before{background-position:-363px center;}
.category .category_content .depth2{position:absolute; top:0; right:0; width:calc(100% - 165px); height:100%; background-color:#FFF;}
.category .category_content .depth2 .depth2_inner{position:relative; max-height:100%; overflow-x:hidden; overflow-y:auto; scrollbar-color:rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1); scrollbar-width:thin;}
.category .category_content .depth2 .depth2_inner::-webkit-scrollbar{width:10px;}
.category .category_content .depth2 .depth2_inner::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.1); border-radius:10px;}
.category .category_content .depth2 .depth2_inner::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.1); border-radius:10px;}

.category .category_content .depth2 .depth2_list{padding:23px 14px 22px 18px;}
.category .category_content .depth2 .depth2_item{margin-top:18px; line-height:0;}
.category .category_content .depth2 .depth2_item:first-child{margin-top:0;}
.category .category_content .depth2 .depth2_text{display:inline-block; position:relative; margin:0; padding:0; border:none; line-height:26px; text-align:left; vertical-align:top; color:#000; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.category .category_content .depth2 .depth2_item.solo .depth2_text{padding:0 0 0 21px;}
.category .category_content .depth2 .depth2_item.solo .depth2_text:before{display:block; position:absolute; top:4px; left:0; width:17px; height:17px; background-repeat:no-repeat; background-position:-60px top; background-image:url(../images/lifemap_icons.png); content:'';}
.category .category_content .depth2 .depth2_item.solo.selected .depth2_text:before{background-position:-90px top;}
.category .category_content .depth2 .depth2_item .exceldown{display:inline-block; width:22px; height:22px; margin-top:2px; margin-left:9px; vertical-align:top; background-repeat:no-repeat; background-position:left -30px; background-image:url(../images/lifemap_icons.png); color:transparent; font-size:0;}
/* 엑셀다운로드 임시 사용중지 */
.category .category_content .depth2 .depth2_item .exceldown{display:none;}

.category .category_content .depth3_list{padding:12px 0 17px;}
.category .category_content .depth3_item{margin-top:3px;}
.category .category_content .depth3_item:first-child{margin-top:0;}
.category .category_content .depth3_text{display:inline-block; position:relative; margin:0 0 0 20px; padding:0 0 0 21px; border:none; line-height:22px; text-align:left; vertical-align:top; color:#444444; font-size:15px; font-weight:400; letter-spacing:-0.03em;}
.category .category_content .depth3_text:before{display:block; position:absolute; top:4px; left:0; width:17px; height:17px; background-repeat:no-repeat; background-position:-60px top; background-image:url(../images/lifemap_icons.png); content:'';}
.category .category_content .depth3_item.selected .depth3_text:before{background-position:-90px top;}
.category .category_content .category_close{display:none; position:absolute; top:44px; right:3%; width:22px; height:21px; margin:0; padding:0; border:none; color:transparent; font-size:0;}
.category .category_content .category_close:before{display:block; position:absolute; top:3px; left:3px; width:16px; height:15px; background-repeat:no-repeat; background-position:-180px top; background-image:url(../images/lifemap_icons.png); content:'';}

.category .category_content .depth_item .listbox{margin-top:8px; padding:16px 14px 17px 20px; background-color:#f6f6f6;}
.category .category_content .depth_item .listbox .listitem{margin-top:3px; line-height:0;}
.category .category_content .depth_item .listbox .listitem:first-child{margin-top:0;}
.category .category_content .depth_item .listbox .listitem .itembtn{position:relative; margin:0; padding:0 0 0 9px; border:none; line-height:22px; text-align:left; vertical-align:top; color:#444444; font-size:15px; font-weight:400; letter-spacing:-0.03em;}
.category .category_content .depth_item .listbox .listitem .itembtn:before{display:block; position:absolute; top:11px; left:0; width:2px; height:2px; background-color:#000; content:'';}
.category .category_content .depth_item .listbox .listitem .detail{display:none;}


.pagination{margin-top:17px; line-height:0; font-size:0;}
.pagination .page_btn{display:inline-block; vertical-align:top;}
.pagination .page_btn.prev_group{margin-right:4px;}
.pagination .page_btn.prev_group a{display:inline-block; width:22px; box-sizing:border-box; margin-right:4px; border:1px solid #dcdcdc; line-height:20px; text-align:center; color:#444444; font-size:12px; font-weight:400; letter-spacing:-0.03em;}
.pagination .page_btn.prev_group a:hover{text-decoration:none;}
.pagination .page_btn.prev_group a:last-child{margin-right:0;}
.pagination .page_btn.prev_group a.prev{width:27px;}

.pagination .page_btn.next_group a{display:inline-block; width:22px; box-sizing:border-box; margin-right:4px; border:1px solid #dcdcdc; line-height:20px; text-align:center; color:#444444; font-size:12px; font-weight:400; letter-spacing:-0.03em;}
.pagination .page_btn.next_group a:hover{text-decoration:none;}
.pagination .page_btn.next_group a:last-child{margin-right:0;}
.pagination .page_btn.next_group .next_one{display:none;}
.pagination .page_btn.next_group a.next{width:27px;}
.pagination .page{display:inline-block; margin-right:4px; vertical-align:top;}
.pagination .page .page_wrap{display:block;}
.pagination .page .page_wrap a{display:inline-block; width:22px; box-sizing:border-box; margin-right:4px; border:1px solid #dcdcdc; line-height:20px; text-align:center; color:#444444; font-size:12px; font-weight:400; letter-spacing:-0.03em;}
.pagination .page .page_wrap a:hover{text-decoration:none;}
.pagination .page .page_wrap a:last-child{margin-right:0;}
.pagination .page .page_wrap strong:last-child{margin-right:0;}
.pagination .page .page_wrap strong{display:inline-block; width:22px; box-sizing:border-box; margin-right:4px; border:1px solid #53ab8c; background-color:#53ab8c; line-height:20px; text-align:center; color:#FFF; font-size:12px; font-weight:400; letter-spacing:-0.03em;}

.mapbox {position:relative; float:right; width:calc(100% - 400px);height:100vh;}
#map{position:relative;width:100%; height:100vh;}

/* 지도타입 */
.type_box{position:absolute; top:59px; left:47px; z-index:10; line-height:0; font-size:0;}
.type_box .typebtn{width:95px; margin:0; padding:5px 0 8px; border:none; background-color:#3a3a3a; line-height:22px; text-align:center; vertical-align:top; color:#FFF; font-size:15px; font-weight:500; letter-spacing:-0.03em; transition-property:background-color; transition-duration:200ms; transition-timing-function:ease-in-out;}
.type_box .typebtn:first-child{margin-right:10px;}
.type_box .typebtn.active{background-color:#00553b;}

.searchbox{position:absolute; top:110px; left:47px; z-index:10; width:409px; line-height:0; font-size:0;}
.searchbox .search{position:relative; border:3px solid #00553b; background-color:#FFF;}
.searchbox .search .selectbox{display:inline-block; position:relative; width:115px;}
.searchbox .search .selectbox .selectbtn{position:relative; width:100%; margin:0; padding:9px 26px 11px 18px; border:none; line-height:24px; text-align:left; vertical-align:top; color:#000; font-size:15px; font-weight:400; letter-spacing:-0.03em;}
.searchbox .search .selectbox .selectbtn:before{display:block; position:absolute; top:20px; right:10px; width:10px; height:7px; background-repeat:no-repeat; background-position:-30px -30px; background-image:url(../images/lifemap_icons.png); content:''; transition-property:transform; transition-duration:250ms; transition-timing-function:ease-in-out;}
.searchbox .search .selectbox.active .selectbtn:before{transform:rotateX(180deg);}
.searchbox .search .selectbox .layer{display:none; position:absolute; top:47px; left:-3px; width:calc(100% + 3px);}
.searchbox .search .selectbox .layer ul{max-height:calc(100vh - 161px); overflow-x:hidden; overflow-y:auto; padding:15px 14px 14px 18px; border:3px solid #00553b; border-top:0; background-color:#FFF; scrollbar-color:rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1); scrollbar-width:thin;}
.searchbox .search .selectbox .layer ul::-webkit-scrollbar{width:10px;}
.searchbox .search .selectbox .layer ul::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.1); border-radius:10px;}
.searchbox .search .selectbox .layer ul::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.1); border-radius:10px;}
.searchbox .search .selectbox .layer ul li{margin-top:6px; line-height:0;}
.searchbox .search .selectbox .layer ul li:first-child{margin-top:0;}
.searchbox .search .selectbox .layer ul li .optionbtn{position:relative; width:100%; margin:0; padding:0; border:none; line-height:24px; text-align:left; vertical-align:top; color:#000; font-size:15px; font-weight:400; letter-spacing:-0.03em;}
.searchbox .search .selectbox select{display:none;}
.searchbox .search input[type="search"]{position:relative; width:calc(100% - 115px); height:44px; margin:0; padding:9px 40px 11px 20px; border:none; line-height:24px; vertical-align:top; color:#000; font-size:15px; font-weight:400; letter-spacing:-0.03em;}
.searchbox .search input[type="search"]::placeholder{color:#767676;}
.searchbox .search .submitbox{display:block; position:absolute; top:9px; right:15px; width:24px;}
.searchbox .search .submitbox:before{display:block; position:absolute; top:4px; left:3px; z-index:1; width:18px; height:17px; background-repeat:no-repeat; background-position:-60px -30px; background-image:url(../images/lifemap_icons.png); content:'';}
.searchbox .search .submitbox input[type="submit"]{position:relative; z-index:2; width:100%; height:24px; margin:0; padding:0; border:none; vertical-align:top; color:transparent; font-size:0;}


/* 지도 컨트롤러 */
/* 드래그이동 유무 */
.map_control .drag_switch {position:absolute; top:59px; right:70px; z-index:10; padding:13px 16px 12px 20px; border-radius:25px; box-shadow:2px 2px 5px 0 rgba(0, 0, 0, 0.2); background-color:#fff;}
.map_control .switch_box {position:relative; padding-right:69px;}
.map_control .switcher {position:absolute; top:5px; right:4px;}
.map_control #switcher_label {font-size:14px;}
.map_control #switcher_label:before {display:block; position:absolute; top:0; right:0; width:40px; height:23px; padding:0 9px; border:1px solid #91949e; border-radius:18px; background-color:#e0e1e3; font-size:13px; color:#5f6a89; text-align:right; content:'OFF'; transition:0.2s;}
.map_control #switcher_label:after {display:block; position:absolute; top:0; right:35px; width:23px; height:23px; border:1px solid #91949e; border-radius:50%; background-color:#fff; transition:0.2s;}
.map_control .switcher:checked + #switcher_label:before {border-color:#0c81b0; background-color:#0c81b0; color:#fff; text-align:left; content:'ON';}
.map_control .switcher:checked + #switcher_label:after {right:0; border-color:#0c81b0;}
/* 확대/축소 버튼 */
.map_control .zoom_box {position:absolute; bottom:81px; right:70px; z-index:10;}
.map_control .zoom_box button{display:block; position:relative; width:39px; height:39px; margin:0; padding:0; border:none; color:transparent; font-size:0;}
.map_control .zoom_box button.zoom{margin-bottom:5px; background-color:#063c2c;}
.map_control .zoom_box button.zoom_out{background-color:#00553b;}
.map_control .zoom_box button:before{display:block; position:absolute; top:calc(50% - 12px); left:calc(50% - 12px); width:24px; height:23px; background-repeat:no-repeat; background-image:url(../images/lifemap_icons.png); content:''; transform:scale(0.7);}
.map_control .zoom_box button.zoom:before{background-position:-120px top;}
.map_control .zoom_box button.zoom_out:before{background-position:-120px -30px;}

.addbox{visibility:hidden; position:absolute; bottom:80px; left:calc((100% - 129px) / 2); z-index:10; width:calc(100% - 129px); line-height:0; text-align:center; font-size:0; opacity:0; transform:translateX(-50%); transition-property:visibility, opacity; transition-duration:200ms; transition-timing-function:ease-in-out;}
.addbox.active{visibility:visible; opacity:1;}
.addbox .addbtn{margin:0 10px 0 0; padding:4px 0 7px; border:none; vertical-align:top; color:#FFF; font-size:15px; font-weight:500; letter-spacing:-0.03em;}
.addbox .addbtn:last-child{margin:0;}
.addbox .addbtn:hover{text-decoration:none;}
.addbox .addbtn.removeall{width:95px; background-color:#3a3a3a; text-align:center;}
.addbox .addbtn.itembtn{padding:4px 20px 7px; background-color:#02a69a;}
.addbox .addbtn.itembtn[data-color="0"]{background-color:#f65b27;}
.addbox .addbtn.itembtn[data-color="1"]{background-color:#4762eb;}
.addbox .addbtn.itembtn[data-color="2"]{background-color:#02a69a;}
.addbox .addbtn span{display:block; position:relative; line-height:24px;}
.addbox .addbtn.itembtn span{padding-right:21px;}
.addbox .addbtn.itembtn span:before{display:block; position:absolute; top:8px; right:0; width:13px; height:12px; background-repeat:no-repeat; background-position:-90px -30px; background-image:url(../images/lifemap_icons.png); content:'';}

.databox{display:none;}

.customoverlay {position:absolute; bottom:46px; left:calc(50% - 200px); width:400px; padding:0 3px 3px; box-sizing:border-box; border-top-right-radius:30px; border-top-left-radius:30px; background-color:#44826f; box-shadow:12px 21px 32px rgba(0, 0, 0, 0.31);}
.customoverlay:before {display:block; position:absolute; bottom:-19px; left:calc(50% - 16px); width:32px; height:22px; background-repeat:no-repeat; background-position:center bottom; background-image:url(../images/customoverlay_deco.png); content:'';}
.customoverlay .close_overlay {position:absolute; top:3px; right:-9px; width:35px; height:35px; border-radius:15px; background-color:#063c2c; font-size:0; line-height:0;}
.customoverlay .close_overlay:before{display:block; position:absolute; top:10px; left:11px; width:13px; height:13px; background-repeat:no-repeat; background-position:-150px top; background-image:url(../images/lifemap_icons.png); content:'';}
.customoverlay .titlebox{display:block; padding:16px 30px 13px;}
.customoverlay .titlebox .title{line-height:26px; color:#FFF; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.customoverlay .conbox {padding:24px 10px 26px 29px; background-color:#FFF;}
.customoverlay .info_item {position:relative; margin-bottom:6px; padding-left:13px; font-size:0;}
.customoverlay .info_item:last-child {margin-bottom:0;}
.customoverlay .info_item:before {display:block; position:absolute; top:10px; left:0; width:6px; height:6px; background-color:#44826f; border-radius:6px; content:'';}
.customoverlay .info_kind {display:inline-block; width:72px; line-height:24px; font-size:15px; color:#000; vertical-align:top; font-weight:400; letter-spacing:-0.03em;}
.customoverlay .info_text {display:inline-block; width:calc(100% - 72px); white-space:normal; line-height:24px; color:#444444; font-size:15px; vertical-align:top; font-weight:400; letter-spacing:-0.03em;}

.startendoverlay{position:absolute; bottom:0; left:-26px; width:51px; background-repeat:no-repeat; background-image:url(../images/startendmarker2.png);}
.startendoverlay[data-color="0"]{background-position:left center;}
.startendoverlay[data-color="1"]{background-position:-51px center;}
.startendoverlay[data-color="2"]{background-position:-102px center;}
.startendoverlay .overlaybox{padding:16px 0 23px;}
.startendoverlay .overlaybox .titlebox{text-align:center; color:#FFF; font-weight:700; letter-spacing:-0.03em;}
.startendoverlay .overlaybox .titlebox .titlehead{line-height:17px; font-size:13px;}
.startendoverlay .overlaybox .titlebox .title{line-height:20px; font-size:17px;}
.startendoverlay .close_overlay{display:none;}

/* 범례 레이어 */
.labelbox {visibility:hidden; position:absolute; top:176px; left:47px; z-index:10; width:80px; padding:0 3px 3px; box-sizing:border-box; border-top-right-radius:13px; border-bottom-right-radius:13px; border-bottom-left-radius:13px; border-top-left-radius:13px; background-color:#44826f; opacity:0; box-shadow:12px 21px 32px rgba(0, 0, 0, 0.31); transition-property:visibility, width, border-top-right-radius, border-bottom-right-radius, border-bottom-left-radius, border-top-left-radius, opacity; transition-duration:250ms; transition-timing-function:ease-in-out;}
.labelbox.visible{visibility:visible; opacity:1;}
.labelbox.active{width:400px; border-top-right-radius:30px; border-bottom-right-radius:0; border-bottom-left-radius:0; border-top-left-radius:30px;}
.labelbox .close_overlay {position:absolute; top:3px; right:-9px; width:35px; height:35px; border-radius:15px; background-color:#063c2c; font-size:0; line-height:0;}
.labelbox.active .close_overlay{top:3px; right:-9px;}
.labelbox .close_overlay:before{display:block; top:9px; left:14px; width:8px; height:13px; position:absolute; background-repeat:no-repeat; background-position:-180px -30px; background-image:url(../images/lifemap_icons.png); content:'';}
.labelbox.active .close_overlay:before{top:10px; left:11px; width:13px; background-position:-150px top; }
.labelbox .titlebox{display:block; padding:9px 12px 7px; transition-property:padding; transition-duration:250ms; transition-timing-function:ease-in-out;}
.labelbox.active .titlebox{padding:16px 30px 13px;}
.labelbox .titlebox .title{line-height:26px; color:#FFF; font-size:17px; font-weight:500; letter-spacing:-0.03em;}
.labelbox .conbox {display:none; padding:24px 26px 26px; background-color:#FFF;}
.labelbox .conbox .text{word-break:keep-all;}

.labelbox{display:none;}/* 범례 안나오게 처리 2022-12-13 서정한 */
.labelbox.visible{display:none;}/* 범례 안나오게 처리 2022-12-13 서정한 */

.manual_layer{display:none; position:absolute; top:94px; left:calc(50% - 620px); z-index:21; width:1240px;}
.manual_layer:before{display:block; position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); content:'';}

.manual_layer .layerbox{position:relative; z-index:2; padding:0 3px 3px; background-color:#44826f; border-top-right-radius:50px; border-top-left-radius:50px; box-shadow:rgba(0, 0, 0, 0.31) 12px 21px 32px;}
.manual_layer .layerbox .close{position:absolute; top:-25px; right:38px; z-index:3; width:67px; height:67px; margin:0; padding:0; border:none; background-color:#063c2c; border-radius:67px; color:transparent; font-size:0;}
.manual_layer .layerbox .close:before{display:block; position:absolute; top:calc(50% - 12px); left:calc(50% - 12px); width:23px; height:23px; background-repeat:no-repeat; background-position:center center; background-image:url(../images/layer_close.png); content:'';}
.manual_layer .layerbox .titlebox{padding:20px 38px 23px;}
.manual_layer .layerbox .titlebox p{line-height:34px; color:#FFF; font-size:25px; font-weight:500; letter-spacing:-0.03em;}

.manual_layer .conbox{max-height:calc(100vh - 174px); overflow-y:auto; padding:40px 22px 39px 33px; background-color:#FFF; scrollbar-color:rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.1); scrollbar-width:thin;}
.manual_layer .conbox::-webkit-scrollbar{width:10px;}
.manual_layer .conbox::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.1); border-radius:10px;}
.manual_layer .conbox::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.1); border-radius:10px;}

.manual_layer .conbox .slidebox{position:relative;}
.manual_layer .conbox .slidebox .controls{position:absolute; top:84px; right:37px; z-index:6; width:104px; line-height:0; font-size:0;}
.manual_layer .conbox .slidebox .controls button{position:relative; width:47px; height:47px; margin:0; padding:0; border:1px solid #c0c0c0; background-color:#FFF; border-radius:19px; box-sizing:border-box; vertical-align:top; color:transparent; font-size:0;}
.manual_layer .conbox .slidebox .controls button.prev{margin-right:10px;}
.manual_layer .conbox .slidebox .controls button:before{display:block; position:absolute; top:calc(50% - 10px); left:calc(50% - 6px); width:11px; height:19px; background-repeat:no-repeat; background-image:url(../images/manual_controls.png); content:'';}
.manual_layer .conbox .slidebox .controls button.prev:before{background-position:left center;}
.manual_layer .conbox .slidebox .controls button.next:before{background-position:right center;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .leftbox{position:relative; float:left; width:636px;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .leftbox:before{display:block; position:absolute; top:0; right:-52px; width:1px; height:100%; background-repeat:repeat-y; background-position:center top; background-image:url(../images/dash.png); content:'';}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .leftbox .imagebox{line-height:0;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .rightbox{position:relative; float:right; width:435px; margin-top:84px;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .rightbox .innerbox .title{position:relative; margin-bottom:43px; line-height:0;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .rightbox .innerbox .title:before{display:block; position:absolute; top:22px; right:47px; width:calc(100% - 47px); height:1px; background-color:#dfdfdf; content:'';}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .rightbox .innerbox .title em{display:inline-block; position:relative; z-index:2; padding-right:19px; background-color:#FFF; line-height:46px; vertical-align:top; color:#000; font-size:35px; font-weight:700; letter-spacing:-0.03em;}

.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .rightbox .description ul li{position:relative; margin-top:21px; padding-bottom:1px; padding-left:45px; line-height:24px; color:#444444; font-size:16px; font-weight:400; letter-spacing:-0.03em;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .rightbox .description ul li:first-child{margin-top:0;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .rightbox .description ul li .icon{display:block; position:absolute; top:0; left:0; width:25px; padding:4px 0 3px; line-height:18px; text-align:center; background-color:#d70000; border-radius:9px; color:#FFF; font-size:13px; font-weight:900;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .rightbox .description ul li .icon.inline{display:inline-block; position:static; margin-right:4px; margin-left:8px;}

@media all and (max-height:600px){
.type_box{top:20px;}
.searchbox{top:72px;}
.labelbox{top:142px;}
.searchbox .search .selectbox .layer ul{max-height:calc(100vh - 122px);}
.map_control .drag_switch{top:20px;}
.map_control .zoom_box{bottom:20px;}
.addbox{bottom:20px;}
}

@media all and (max-width:1240px){
.manual_layer{left:3%; width:94%;}
.manual_layer .conbox{padding:40px 3% 39px;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .leftbox{width:54%;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .leftbox:before{right:-3%;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .rightbox{width:42%;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .rightbox .description ul li br{display:none;}
}

@media all and (max-width:1200px){
.map_control .drag_switch{right:20px;}
.map_control .zoom_box{right:20px;}
.type_box{left:20px;}
.searchbox{left:20px;}
.addbox{left:0; width:calc(100% - 79px); transform:translateX(0);}
}

@media screen and (max-width:1000px){
.category{position:absolute; top:0; left:0; z-index:20; float:none; max-width:400px; width:100%; transform:translateX(-100%); transition-property:transform; transition-duration:250ms; transition-timing-function:ease-in-out;}
.category.active{transform:translateX(0);}
.category .category_open{display:block;}
.category.active .category_open{right:0;}
.category .category_content{z-index:2;}
#header{width:auto;}
.logo{margin:0 0 0 3%;}
.category .category_content .category_close{display:block;}
.mapbox{float:none; width:100%; height:100%;}
#map{height:100%;}
.map_control .drag_switch{display:none;}
.type_box{top:20px; left:65px; width:calc(100% - 130px); text-align:center;}
.searchbox{top:72px; left:calc(50% - 204px);}

.manual_layer{top:71px;}
.manual_layer .conbox .slidebox .controls{right:0;}
}

@media screen and (max-width:640px){
.logo{width:260px;}
#header .logo_anchor{background-position:left center; background-size:contain;}
.category[data-active="Y"] .category_content .depth1_item{width:150px;}
.category .category_content .depth2{width:calc(100% - 150px);}
.category .category_content .depth2 .depth2_list{padding:23px 13px 22px 13px;}
.category .category_content .depth3_list{padding:12px 0 17px 7px;}
.pagination{padding:0 8px; text-align:center;}
.pagination .page{margin-right:0;}
.pagination .page_btn.prev_group{margin-right:0;}
.pagination .page .page_wrap a{width:21px; margin-right:0;}
.pagination .page .page_wrap strong{width:21px; margin-right:0;}
.pagination .page_btn.next_group a{width:21px;}
.pagination .page_btn.next_group a.next{width:28px; margin-right:0;}
.map_control .drag_switch{right:3%; padding:8px 9px 7px 12px;}
.map_control .switch_box{height:27px; padding-right:0;}
.map_control #switcher_label{height:25px; font-size:0;}
.map_control #switcher_label:before{position:relative;}
.searchbox{top:72px; left:20px; width:calc(100% - 40px);}
.searchbox .search .selectbox .layer ul{max-height:calc(100vh - 122px);}
.type_box{top:20px;}
.map_control .drag_switch{top:20px;}
.map_control .zoom_box{bottom:20px;}

.addbox{bottom:15px;}
.addbox .addbtn{margin:0 5px 5px 0;}
.addbox .addbtn:last-child{margin:0 0 5px 0;}

.manual_layer .conbox .slidebox .controls{position:relative; top:0; width:auto; margin-bottom:20px; text-align:right;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .leftbox{float:none; width:auto;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .rightbox{float:none; width:auto; margin-top:40px;}
}

@media screen and (max-width:480px){
.searchbox{left:20px; width:calc(100% - 40px);}
.customoverlay{left:calc(50% - 150px); width:300px;}
.customoverlay .conbox{padding:24px 13px 26px 16px;}
.pagination{padding:0;}
.pagination .page .page_wrap strong{width:19px;}
.pagination .page .page_wrap a{width:19px;}
}


/* ㈜한신정보기수 이재홍 - 2023.11 */

/* 헤더 */
#header {background-color:#89369c;background-image:linear-gradient(120deg, #34bc5f, #22a7dd);}
.logo{width:353px;}
#header .logo_anchor {background-image:url(../images/oc_smartmap_logo.png);}
/* lnb */
.category .category_open{background-color:#89369c;background-image:linear-gradient(120deg, #34bc5f, #22a7dd);}
.category .category_content .lnb_topbox{background-color:#89369c;}
.category .category_content .lnb_topbox .manualbtn{background-color:#621b72;}
.category .category_content .depth1_item.active .depth1_text{background-color:#aa57bd;}
.category .category_content .depth3_text:before{background-image:url(../images/oc_smartmap_icons.png);}
.category .category_content .category_close{top:30px;}
/* lnb 페이지네이션 */
.pagination .page .page_wrap strong{border-color:#295386;background-color:#295386;}
/* 지도 타입 버튼 */
.type_box .typebtn{background-color:#3a3a3a;}
.type_box .typebtn.active{background-color:#621b72;}
/* 검색창 */
.searchbox .search{border:solid 2px #1a1a1a;}
/* 드래그 황성화 버튼 */
.map_control .switcher:checked + #switcher_label:before{border-color:#89369c;background-color:#89369c;}
.map_control .switcher:checked + #switcher_label:after{border-color:#89369c;}
/* 줌 인, 아웃 */
.map_control .zoom_box button.zoom{background-color:#621b72;}
.map_control .zoom_box button.zoom_out{background-color:#89369c;}
/* 화면 하단 선택목록 삭제 버튼 */
.addbox .addbtn.itembtn{background-color:#3268e1;}
.addbox .addbtn.itembtn[data-color="0"]{background-color:#16a3a3;}
.addbox .addbtn.itembtn[data-color="1"]{background-color:#e71647;}
.addbox .addbtn.itembtn[data-color="2"]{background-color:#3268e1;}
/* 지도 마커 상세 내용 팝업 */
.customoverlay{background-color:#1a9c6d;box-shadow:0 24px 29px rgba(127, 196, 171, 0.45)}
.customoverlay:before{background-image:url(../images/oc_smartmap_customoverlay_deco.png);}
.customoverlay .close_overlay{background-color:#323232;}
@media screen and (max-width:1000px){
    .logo{width:340px;}
    #header .logo_anchor {background-size:100%;background-repeat:no-repeat;}

}
/* 메뉴얼 박스 */
.manual_layer .layerbox{background-color:#1a9c6d;}
/*.manual_layer .layerbox{background-color:#89369c;}*/
.manual_layer .layerbox .close{background-color:#323232;}
/* 메뉴얼 이미지 크기 */
.manual_layer{left:calc(50% - 675px);width:1350px;}
.manual_layer .conbox .slidebox .slide_list .slide_item .itembox .leftbox{width:730px;}