@charset "utf-8";
/* Bluewave Web Standard Team KKS 140711, LSJ 140711 */

/* Layout :: [팝업 공통] */
.wrap_pop,.wrap_pop2,.wrap_pop3{position:absolute;z-index:7000;border:1px solid #61616e;background:#fff}
.wrap_pop2{border:1px solid #27906d}
.wrap_pop3{border:none}
.wrap_pop4{position:relative}
.container_pop{position:relative;padding:30px 20px}

.ly_arr,.ly_arr2{position:absolute;display:block;top:-9px;right:59px;width:16px;height:9px;background:url(../img/pop/sp_pop.png) -70px -30px no-repeat;z-index:10}
.ly_arr2{background-position:-80px -50px}
.ly_arr.v2{top:100%;right:0;left:50%;width:14px;margin-left:-7px;background-position:-80px -60px}

.mr2{margin-right:2px}

/* Header :: [팝업 공통] */
.header_pop{overflow:hidden;position:relative;background-color:#f1f1f1;border-bottom:1px solid #cfcfd3}
.header_pop h1{padding:7px 0 6px 28px;background:url(../img/pop/bg_pop.png) 10px 12px no-repeat;font-size:1em;color:#333}

.wrap_pop2 .header_pop{position:relative;background-color:#2cb084;border-bottom:1px solid #27906d}
.wrap_pop2 .header_pop h1{background-position:10px -18px;color:#fff}

.header_pop2{padding:18px 0 0 28px;background:url(../img/pop/bg_satisfaction.gif) 0 0 no-repeat}
.header_pop2 h1{font-size:2.5em;line-height:1.05em;font-weight:normal;color:#767677}
.header_pop2 h1 strong{display:block;font-weight:bold;color:#2cb084}

.header_pop3{height:46px;background:#2cb084 url(../img/pop/bg_header.png) no-repeat 0 0}
.header_pop3 h1{padding:13px 0 0 20px;font-size:1.5em;color:#fff}

/* Title & Bullet :: [팝업 공통] */

/* Text :: [팝업 공통] */
.txt_base{font-size:1.333em;text-align:center}

/* Icon :: [팝업 공통] */
.ico_layer{overflow:hidden;display:inline-block;width:15px;height:15px;margin:2px 7px 0 0;background:url(../img/pop/sp_pop.png) no-repeat;vertical-align:top;line-height:999px}
.ico_layer.government{background-position:-100px 0}
.lst_layer li a{text-decoration:none}
.lst_layer li a:hover .ico_layer.government,.lst_layer li.on a .ico_layer.government{background-position:-100px -40px}
.ico_layer.school{background-position:-120px 0}
.lst_layer li a:hover .ico_layer.school,.lst_layer li.on a .ico_layer.school{background-position:-120px -40px}
.ico_layer.kids{background-position:-140px 0}
.lst_layer li a:hover .ico_layer.kids,.lst_layer li.on a .ico_layer.kids{background-position:-140px -40px}
.ico_layer.person{background-position:-160px 0}
.lst_layer li a:hover .ico_layer.person,.lst_layer li.on a .ico_layer.person{background-position:-160px -40px}
.ico_layer.hospital{background-position:-180px 0}
.lst_layer li a:hover .ico_layer.hospital,.lst_layer li.on a .ico_layer.hospital{background-position:-180px -40px}
.ico_layer.evacuation{background-position:-100px -20px}
.lst_layer li a:hover .ico_layer.evacuation,.lst_layer li.on a .ico_layer.evacuation{background-position:-100px -60px}
.ico_layer.cctv{background-position:-120px -20px}
.lst_layer li a:hover .ico_layer.cctv,.lst_layer li.on a .ico_layer.cctv{background-position:-120px -60px}
.ico_layer.streetlamp{background-position:-140px -20px}
.lst_layer li a:hover .ico_layer.streetlamp,.lst_layer li.on a .ico_layer.streetlamp{background-position:-140px -60px}
.ico_layer.convenience{background-position:-160px -20px}
.lst_layer li a:hover .ico_layer.convenience,.lst_layer li.on a .ico_layer.convenience{background-position:-160px -60px}
.ico_layer.public{background-position:-180px -20px}
.lst_layer li a:hover .ico_layer.public,.lst_layer li.on a .ico_layer.public{background-position:-180px -60px}
.ico_layer.health{background-position:-200px 0px}
.lst_layer li a:hover .ico_layer.health,.lst_layer li.on a .ico_layer.health{background-position:-200px -40px}
.ico_layer.layer{width:16px;height:16px;background-position:-20px -80px}

/* POI 아이콘 */
/* .lst_poi{position:relative} */
.sp_icomap{overflow:hidden;position:absolute;width:30px;height:30px;background:url(../img/pop/sp_poi.png) no-repeat;text-indent:-9999px}
.sp_icomap.sp_public{background-position:0 0}
.sp_icomap.sp_school{background-position:-35px 0}
.sp_icomap.sp_child{background-position:-70px 0}
.sp_icomap.sp_disabled{background-position:-105px 0}
.sp_icomap.sp_medicine{background-position:-140px 0}
.sp_icomap.sp_evacuation{background-position:0 -35px}
.sp_icomap.sp_cctv{background-position:-35px -35px}
.sp_icomap.sp_streetlight{background-position:-70px -35px}
.sp_icomap.sp_c_store{background-position:-105px -35px}
.sp_icomap.sp_safety{background-position:-140px -35spx}

/* Button :: [팝업 공통] */
.btn_poparea{padding-bottom:30px;text-align:center}

.btn_popclose,.btn_helptalk{overflow:hidden;display:inline-block;position:absolute;top:4px;right:4px;width:23px;height:27px;background:url(../img/pop/sp_pop.png) 6px 8px no-repeat;line-height:999em}
.wrap_pop2 .btn_popclose{background-position:-24px 8px}
.wrap_pop4 .btn_popclose{top:10px;right:14px;background-position:-24px 8px}
.btn_close2{position:absolute;display:inline-block;overflow:hi6den;top:20px;right:21px;width:29px;height:29px;background:url(../img/pop/sp_pop.png) -50px -50px no-repeat;vertical-align:top;line-height:999em}
.btn_navy{display:inline-block;padding:4px 26px 3px 27px;border:1px solid #2d313b;border-color:#2d313b #282c35 #050607;background-color:#383d49;font-weight:bold;color:#fff !important}
.btn_point_arr{display:inline-block;padding:8px 3px 6px 10px;border:1px solid #999;background:url(../img/pop/bg_pop.png) no-repeat 100% -60px;font-weight:bold;color:#333 !important}
.btn_popclose.v2{width:13px;height:13px;margin:10px 10px 0 0;background-position:0 -80px}
.btn_helptalk{right:27px;background-position:-38px -80px}

/* Button :: [컨텐츠 공통] */
.guide_btn li{margin:10px 0}
.btn{display:inline-block;background:url(../img/sp_btn.gif) no-repeat;color:#666;font-weight:bold;white-space:nowrap}
.btn:hover,.btn:focus{text-decoration:none !important}
.btn span{display:block;background:url(../img/sp_btn.gif) no-repeat}

.btn.white,.btn.green,/*.btn.spotdown,*/.btn.white_v2,.btn.white_v3,.btn.white_v5,.btn.print{height:32px;padding-right:2px;background-position:100% -35px;color:#333 !important}
.btn.green{background-position:100% -75px;color:#fff !important}

.btn span.bg_white,.btn span.bg_green/* ,.btn span.bg_down */{padding:5px 15px 6px 18px;background-position:0 -35px}
.btn span.bg_green{background-position:0 -75px}

.btn_rgt{position:relative;margin-top:15px;text-align:right}
.btn_rgt_v2{margin-bottom:10px;text-align:right}
.btn_cen{margin-top:15px;text-align:center}
.btn_ablft{position:absolute;top:0;left:0}

/* Table :: [팝업 공통] */
.tbl_pop{width:100%;margin:26px auto 0}
.tbl_pop tr{height:58px;border-bottom:1px solid #ccc}
.tbl_pop tr:first-child{border-top:1px solid #2cb084}
.tbl_pop th{border-right:1px solid #e5e5e5;background:#f7f7f7}
.tbl_pop td{padding-left:20px}

/* 교통사고통계 */
.statistics_area{margin:20px}
.region_area{overflow:hidden;zoom:1}
.region_area > li{position:relative;float:left;width:252px}
.region_area > li:first-child{width:193px;padding:29px 30px 30px;border-right:1px solid #ddd;background-color:#fbfbfb}
.lst_map li{position:absolute}
.lst_map p{overflow:hidden;width:30px;height:19px;background:url(../img/pop/sp_pop.png) -60px 0 no-repeat;text-align:center;font-weight:bold}
.lst_map p a{display:block;color:#fff}
.lst_map p a:focus{text-decoration:none}
.map_incheon{top:64px}
.map_seoul{top:68px;left:79px}
.map_gyeonggi{top:98px;left:88px}
.map_chungbuk{top:127px;left:118px}
.map_chungnam{top:133px;left:65px}
.map_daejeon{top:160px;left:83px}
.map_gyeongbuk{top:146px;left:167px}
.map_daegu{top:179px;left:161px}
.map_gyeongnam{top:210px;left:137px}
.map_gwangju{top:217px;left:56px}
.map_busan{top:227px;left:193px}
.map_jeonnam{top:252px;left:72px}
.map_jeju{top:313px;left:68px}
.bg_koreamap{display:block;width:193px;height:303px;background:url(../img/pop/img_region.jpg) no-repeat 0 0}

.dsc_region{margin-top:87px;font-size:1.66em;color:#8e8e8e;text-align:center;line-height:1.27em}
.dsc_region span{color:#2cb084}
.dsc_region em{color:#555}
.ico_arr{overflow:hidden;display:block;width:47px;height:47px;margin:0 auto 9px;background:url(../img/pop/sp_pop.png) 0 -30px no-repeat;vertical-align:top;line-height:999em}
.dsc_region_v2{margin-top:24px;font-size:1.083em;text-align:center;color:#777;line-height:1.5em}

.map_location dt{padding:7px 0 5px;background-color:#fbfbfb;border-bottom:1px solid #ddd;text-align:center;font-weight:bold}
.lst_region{overflow-y:scroll;height:328px}

/* 상세정보 */
.clr_green{font-weight:bold;color:#2cb084}
.clr_green.nm{font-weight:bold}
.lst_region li,.lst_scrl li{overflow:hidden;position:relative;padding:9px 0 8px 23px;background:url(../img/line_dash_ddd.gif) repeat-x;line-height:1.25em}
.lst_region li a,.lst_scrl li a{color:#555}
.lst_region li a:hover,.lst_region li a:focus,.lst_scrl li a:hover,.lst_scrl li a:focus{color:#2cb084;text-decoration:underline}

.lst_region li:first-child,.lst_scrl li:first-child{background:none}
.lst_region li:before,.lst_scrl li:before{position:absolute;left:14px;width:3px;margin-top:5px;border-top:3px solid #2cb084;content:''}

.lst_scrl.v2{position:relative;overflow-y:scroll;height:255px}
.lst_scrl.v3{position:relative;overflow-y:scroll;height:142px}
.lst_scrl li .tit_info,.lst_scrl li .tit_list{float:left;width:83px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lst_scrl li .tit_info.v2{width:114px}
.lst_scrl li .tit_list.v2{width:160px}
.lst_scrl li .txt_info{float:right;width:93px;margin-right:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.lst_scrl li .txt_info.v2{width:105px}

.top_check{position:absolute;top:7px;left:106px;font-weight:bold;color:#767676}
.top_check input[type="checkbox"]{margin-right:5px}
.info_area{overflow:hidden;width:100%}
.info_area.v2{height:256px}

/* 배경지도 선택 및 투명도 설정 */
.tbl_setting{width:100%}
.tbl_setting thead th{padding:6px 0;background-color:#fbfbfb}
.tbl_setting thead th+th,.tbl_setting tbody th+td{border-left:1px solid #ddd}
.tbl_setting tbody th{text-align:left;font-weight:normal}
.tbl_setting tbody th input{margin:-1px 3px 0 4px}
.tbl_setting tbody th,.tbl_setting tbody td{padding:5px 10px 4px;border-top:1px solid #ddd}

/* 만족도평가 */
.bg_satisfaction{background:url(../img/pop/bg_satisfaction2.gif) 0 100% no-repeat}
.dsc_satisfaction{padding:12px 0 0 28px;font-size:1.08em;color:#767676}
.lst_satisfaction{overflow:hidden;padding:15px 29px 20px 28px;zoom:1}
.lst_satisfaction dt,.lst_satisfaction dd{float:left;color:#767676}
.lst_satisfaction dt{padding:15px 0 3px}
.set_satisfaction{width:144px;margin-left:10px;color:#2cb084;font-size:1.33em}
.db100{width:100%}

/* 가시레이어 */
.lst_layer{display:none;overflow:hidden;width:241px;border:1px solid #999}
.lst_layer2{display:none}
.lst_layer_on{display:block}
.lst_layer li{float:left;width:120px;border-top:1px solid #ddd;font-weight:bold}
.lst_layer li:first-child{border:0}
.lst_layer li.line_l{border-left:1px solid #ddd}
.lst_layer li.bd_n{border-top:0}
.lst_layer li a{display:block;padding:9px 0 5px 12px;color:#333}
.lst_layer li a:hover,.lst_layer li.on a{background-color:#2cb084;color:#fff}

/* 브리핑도구 */
.lst_briefing{overflow:hidden;width:400px;margin:20px auto 16px;zoom:1}
.lst_briefing li{float:left;margin-left:20px}
.lst_briefing li:first-child{margin-left:0}
.lst_briefing li a{display:block;width:50px;text-align:center;color:#555;line-height:1.5em}
.lst_briefing li a:hover,.lst_briefing li a:focus{color:#2cb084}
.sp_briefing{display:block;width:30px;height:31px;margin:0 auto 8px;background:url(../img/pop/sp_pop.png) no-repeat}
.sp_briefing.v1{background-position:-65px -85px}
.sp_briefing.v2{background-position:-100px -85px}
.sp_briefing.v3{background-position:-135px -85px}
.sp_briefing.v4{background-position:-170px -85px}
.sp_briefing.v5{background-position:0 -120px}
.sp_briefing.v6{background-position:-35px -120px}

/* 주소선택 */
.lst_addrselc{overflow:hidden;zoom:1}
.lst_addrselc>li{float:left;width:152px;border-left:1px solid #ddd}
.lst_addrselc>li:first-child{width:152px;border-left:none}
.lst_addrselc>li span.tit_addrselc{display:block;padding:6px 0;border-bottom:1px solid #ddd;background-color:#fbfbfb;font-weight:bold;text-align:center;vertical-align:text-bottom}
.scrl_addrselc{overflow-y:scroll;height:200px}
.scrl_addrselc ul li{padding:8px 13px;background:url(../img/line_dash_ddd.gif) repeat-x;line-height:1.25em}
.scrl_addrselc ul li:first-child{background:none}
.scrl_addrselc ul li a{color:#555}
.scrl_addrselc ul li a.on{font-weight:bold;color:#2cb084}

/* 3D 지도 옵션 (브리핑 도구) 안내 */
.tit_popcon{padding:27px 0 25px;border:1px solid #ddd;background-color:#f7f7f7;font-size:1.333em;text-align:center}
.scrl_mapoption{overflow-y:scroll;height:544px}
.lst_mapoption{margin-top:10px;color:#777}
.lst_mapoption li{padding:15px 0 30px;background:url(../img/line_dash_ddd.gif) repeat-x 0 0}
.lst_mapoption li:first-child{background:none}
.lst_mapoption li h2{padding-left:8px;background:url(../img/pop/bu_dott.gif) no-repeat 0 9px;font-size:1em}
.desc_mapop_txt{padding:5px 0 17px 8px;line-height:1.5em}
.bg_mapoption1,.bg_mapoption2,.bg_mapoption3,.bg_mapoption4,.bg_mapoption5,.bg_mapoption6{display:block;overflow:hidden;width:462px;height:566px;margin:0 auto;background:url(../img/pop/img_mapoption1.jpg) no-repeat 0 0;text-indent:-999em}
.bg_mapoption2{width:442px;height:514px;background:url(../img/pop/img_mapoption2.jpg) no-repeat 0 0}
.bg_mapoption3{width:442px;height:514px;background:url(../img/pop/img_mapoption3.jpg) no-repeat 0 0}
.bg_mapoption4{width:442px;height:514px;background:url(../img/pop/img_mapoption4.jpg) no-repeat 0 0}
.bg_mapoption5{width:442px;height:514px;background:url(../img/pop/img_mapoption5.jpg) no-repeat 0 0}
.bg_mapoption6{width:442px;height:514px;background:url(../img/pop/img_mapoption6.jpg) no-repeat 0 0}

/* 법적고지 */
.lst_law{margin-top:25px;color:#777}
.lst_law li{margin-bottom:5px;padding-left:20px;text-indent:-20px;line-height:1.5em}

/* 지도서비스 */
.group_map p:first-child,.group_map_v2 p:first-child{padding-left:8px;background:url(../img/pop/bu_dott.gif) no-repeat 0 8px}
.group_map{padding-top:26px}
.group_map_v2{padding-top:26px;border-top:1px dashed #ddd}

.group_close{height:50px;padding:0 30px;background:#666;line-height:50px}
.group_close p{float:left;color:#fff}
.group_close p input{margin-right:5px}
.group_close a{float:right;color:#fff}
.group_close a .btn_popclose_v2{display:inline-block;width:17px;height:17px;margin:5px 5px -5px 0;background:url(../img/pop/pop_close.png) no-repeat}

/* Media Query */
@media all and (min-width:768px){
body,input,textarea,select,button,table{font-family:'나눔바른고딕',NanumBarunGothic,NBG,'돋움',dotum,sans-serif}
@font-face{font-family:NBG;src:url(../font/NanumBarunGothic.eot);src:local(※),url(../font/NanumBarunGothic.woff) format(woff)}
}

@media all and (min-width:768px) and (max-width:1024px){

}

@media all and (min-width:1025px){
}