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

/* Layout :: [컨텐츠 공통] */
#wrap{position:relative;min-width:320px}
#header{overflow:hidden;position:relative;width:100%;zoom:1}
#container,#main_container{overflow:hidden;position:relative;clear:both;padding-bottom:35px;zoom:1}
.main_contents{overflow:hidden;zoom:1}
.menu_lft{padding:20px 10px 15px;letter-spacing:-1px}
.content{padding:0 10px}

/* Color :: [컨텐츠 공통] */
.clr_green{color:#2cb084}
.clr_green2{color:#88ab17}
.clr_green3{color:#4bba95}
.clr_blue{color:#4e79c1}
.clr_blue2{color:#276e86}
.clr_red{color:#ce5b6c}
.clr_brown{color:#7f6147}
.clr_org{color:#b35d00}
.clr_violet{color:#672373}
.clr_gray3{color:#333}
.clr_gray7{color:#777}

/* Space :: [컨텐츠 공통] */
.section{overflow:hidden;position:relative;zoom:1}
.section.v10{margin-bottom:10px/* margin-bottom:.85% */}
.section.v20{margin-bottom:15px/* margin-bottom:1.55% */}
.section.v30{margin-bottom:20px/* margin-bottom:2.3% */}
.section.v40{margin-bottom:30px/* margin-bottom:3.15% */}
.section.v50{margin-bottom:40px}

.mt1{margin-top:1px}
.mt10{margin-top:10px}
.mt14{margin-top:14px}
.mt35{margin-top:35px} /* 20151125 */
.mr2{margin-right:2px}
.mr3{margin-right:3px}
.mr8{margin-right:8px}
.mr15{margin-right:15px}
.mb0{margin-bottom:0}
.mb5{margin-bottom:5px}
.mb7{margin-bottom:7px}
.mb10{margin-bottom:10px}/* 20151103 */
.mb15{margin-bottom:15px}/* 20151103 */
.ml3{margin-left:3px}/* 20151103 */
.ml8{margin-left:8px}
.ml20{margin-left:20px}
.pl10{padding-left:10px}/* 20151103 */

.fw_no{font-weight:normal}

/* Header :: [컨텐츠 공통] */
h1.logo{width:116px;height:37px;margin-top:9px;margin-left:10px}
h1.logo img{width:116px;height:37px} /* 1/3 배율 */
.header_top{height:49px}
.header_top.main{height:auto}
.header_btm{display:none}

/* Gnb :: [컨텐츠 공통] */
/*#gnb{display:none}*/
#gnb.main{display:block;clear:both}
#gnb.main h2{position:relative;height:50px;margin-top:9px;font-size:1.154em;font-weight:normal}
#gnb.main h2.tit_submenu{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left}
#gnb.main h2 a{display:block;width:100%;height:50px;background:#555;font-size:1.154em;color:#ccc}
#gnb.main h2 a:hover,#gnb.main h2 a:focus{text-decoration:none}
#gnb.main h2 a:active,#gnb.main h2 a.on{background-color:#4f4f4f;color:#fff;text-decoration:none}
#gnb.main #navi{display:block}
#gnb.main #navi li div{display:none}
#gnb.main #navi li div.on{display:block}
#gnb.main #navi li{width:100%;border-top:1px solid #999;background:#4f4f4f}
#gnb.main #navi.subnavi{margin-top:9px}
#gnb.main #navi.subnavi>li{border-top:none}
#gnb.main #navi.subnavi li a.m_depth1{display:none}
#gnb.main #navi li a.m_depth1,#gnb.main #navi.subnavi li a.m_depth1.on,#gnb.main #navi.subnavi li div a{display:table-cell;width:738px;height:50px;padding:0 15px;font-size:1.154em;color:#fff;vertical-align:middle}
#gnb.main #navi.subnavi li div a:hover,#gnb.main #navi.subnavi li div a:active,#gnb.main #navi.subnavi li div a:focus{text-decoration:none}
#gnb.main #navi li a.m_depth1:hover,#gnb.main #navi li a.m_depth1:active,#gnb.main #navi li a.m_depth1:focus{text-decoration:none}

/*#gnb.main .navi{display:block !important}*/
#gnb.main h2 a.btn_lochome{position:absolute;top:0;left:0;width:21px;height:26px;background:#474747;z-index:1}
#gnb.main h2 a.txt_depth{position:absolute;top:0;left:0;padding-left:75px;line-height:50px}
.navi>li>div>ul>li{height:50px;font-size:1.154em;font-weight:normal;line-height:50px}
.navi>li>div>ul>li a{display:block;height:50px;padding-left:15px;background:#555;color:#fff !important}
.navi>li>div>ul>li a:hover{text-decoration:none !important}

/* Title & Bullet :: [컨텐츠 공통] */
.bg_tit{height:101px;background:url(../img/sp_bgtit.png) no-repeat}
.bg_tit.bg_pmt{background-position:100% 2px}
.tit_h2{margin-bottom:5px;padding-top:27px;font-size:1.846em;color:#000;line-height:1.1em}
.tit_txt_h2{font-size:1.077em;color:#767676}
/* 20151103 */
.menu_lft h3,.lst_lnb>li a{font-size:1.538em;color:#333;line-height:1.15em}
.lst_lnb>li a{font-size:1.538em;font-weight:bold;color:#555 !important}
.lst_lnb>li.on a,.lst_lnb>li a:hover,.lst_lnb>li a:active,.lst_lnb>li a:focus{font-weight:bold;color:#2cb084 !important;text-decoration:none !important}
/* 20151103 */

/* 검색 :: [컨텐츠 공통] */
.lst_field_v1{padding-bottom:10px}
.lst_field_v2{padding-bottom:5px}
.srch_v1{position:relative}
.srch_file{overflow:hidden}
.loc_selc{position:absolute;top:0;left:0}
.space_srch{display:block;padding-right:55px;padding-left:115px}
.loc_srch{position:absolute;top:0;right:0}

/* BBS_List :: [컨텐츠 공통] */
.bbs_lst{width:100%;border-top:1px solid #2db084}
.bbs_lst th{*display:block;padding:6px 5px;border-bottom:1px solid #ccc;background:#f7f7f7;color:#2cb084}
.bbs_lst td{*display:block;padding:8px 5px 5px;border-bottom:1px solid #ccc;text-align:center}
.bbs_lst td.lft{padding-left:10px;text-align:left}
.bbs_lst td a{color:#555 !important}
.bbs_lst td a:hover,.bbs_lst td a:active,.bbs_lst td a:focus{color:#2cb084 !important}
.bbs_lst.lst_mgz td{width:33.33%}
.bbs_lst.lst_mgz td:first-child{width:33.34%}
.bbs_lst.lst_mgz td .photo_safemgz img{width:100%}

/* BBS_View :: [컨텐츠 공통] */
.bbs_view,.bbs_next,.bbs_write{width:100%;border-top:1px solid #2cb084} 
.bbs_view th,.bbs_next th,.bbs_view td,.bbs_next td,.bbs_write th,.bbs_write td{padding:7px 5px;border-bottom:1px solid #ccc;background:#f7f7f7;color:#2cb084}
.bbs_view th.th_next{}
.bbs_view td,.bbs_next td,.bbs_write td{background:#fff;color:#555}
.bbs_view td.view,.bbs_write td.view{padding:15px}
.bbs_next{margin-top:20px}
.bbs_next th.th_prev span{padding-right:15px;background:url(../img/bu_arwup_view.gif) no-repeat 100% 5px}
.bbs_next th.th_next span{padding-right:15px;background:url(../img/bu_arwdown_view.gif) no-repeat 100% 5px}
.bbs_next td a{color:#555 !important}
.bbs_next td a:hover,.bbs_next td a:active,.bbs_next td a:focus{color:#2cb084 !important}

.bbs_view .tit_group,.bbs_view .con_view,.bbs_view .lst_disk{padding:10px 12px 6px;border-bottom:1px solid #ccc}
.bbs_view .tit_group{background:#f7f7f7}
.bbs_view .tit_group .tit_bbs_h5{font-size:1.077em;font-weight:bold;color:#333}
.bbs_view .tit_group .txt_view{color:#555}

.bbs_view .tit_group.v2{overflow:hidden;position:relative;padding:0;background:#fff}
.bbs_view .tit_group.v2 .group_qna{width:auto;margin-left:40px;padding:10px 10px 7px;background:#f7f7f7;border-left:1px dashed #ccc}

.bbs_view .con_view{padding:10px 12px}
.bbs_view .con_view.v2{overflow:hidden}
.bbs_view .lst_disk{overflow:hidden;padding:12px 12px 8px}
.lst_disk li{margin-top:9px}
.lst_disk li:first-child{margin-top:0}
.lst_disk li span.file_delspace{margin-right:7px}
.lst_disk a{color:#555 !important}
.lst_disk a:hover,.lst_disk a:active,.lst_disk a:focus{color:#2cb084 !important}
.bu_l{display:inline-block;width:1px;height:11px;margin:5px 7px 0;background:url(../img/bu_l5.gif) no-repeat 0 0;vertical-align:top}

.view_movie{padding:15px}
.file_movie{max-width:640px;max-height:360px;margin:0 auto}
.comm_movie{height:160px;border:1px solid #ccc;background-color:#f7f7f7;overflow-y:scroll}
.comm_movie_inner{padding:10px 12px 8px 15px}
.lst_movie{overflow:hidden;margin-top:20px;border-bottom:1px solid #ccc}
.lst_movie li{float:left;width:47%;margin-bottom:15px;padding:0 1.5%}
.photo_movie_stil{max-width:228px;margin:0 auto;border:1px solid #ddd}
.photo_movie_txt{margin-top:10px;text-align:center}
.photo_movie_txt a{font-size:1em;font-weight:bold;color:#333 !important}

/* BBS_Write :: [컨텐츠 공통] */
.bbs_write th{padding:7px 5px 7px 9px;text-align:left;color:#555}
.bbs_write td{padding:7px 10px;color:#555}
.bbs_write .lst_disk{overflow:hidden;padding:8px 2px}
.txt_write,.lst_write li{margin-left:10px;text-indent:-10px}
.txt_write{margin-bottom:5px;color:#767676}
.lst_write li:first-child{margin-bottom:4px}
.txt_comm_file{margin-left:13px;color:#767676;text-indent:-13px}
.write_box_email{position:relative}
.box_mailid{display:block;padding-right:135px}
.box_mailid input[type=text]{width:100%}
.box_maildomain{position:absolute;top:0;right:0;width:130px;text-align:right}
.box_maildomain select{width:110px}
.check_email,.comm_email{margin-top:5px}

.input1,.input2{width:98%;padding:0 2px}
.input2.v2{margin-bottom:0}
.input3{width:100%}

.box_write{display:inline-block;width:21%;height:26px;padding-left:2%;border:1px solid #ccc;vertical-align:middle;text-align:center;line-height:26px}
.bu_necessary img{margin:0 5px 0 5px;vertical-align:middle}

/* Paging :: [컨텐츠 공통] */
.pagewrap{position:relative}
.paging{position:relative;margin-top:30px;font-family:Tahoma;text-align:center}
.paging span{/* overflow:hidden; */*zoom:1}
.paging a,.paging strong{display:inline-block;background:url(../img/sp_paging.gif) no-repeat;font-weight:normal;color:#555 !important;vertical-align:middle;white-space:nowrap}
.paging a.din_mbi,.paging strong.din_mbi{display:none}
.paging a.btn_paging,.paging strong{height:28px;padding-right:2px;background-position:100% 0}
.paging a.btn_paging:hover,.paging strong{background-position:100% -35px;color:#fff !important;text-decoration:none !important}
.paging a.btn_paging span,.paging strong span{display:block;padding:11px 8px 12px 10px;*padding:6px 8px 17px 10px;background:url(../img/sp_paging.gif) no-repeat 0 0;line-height:.4em}
.paging a.btn_paging span:hover,.paging strong span{background-position:0 -35px}
.paging a.btn_home,.paging a.btn_prev,.btn_next,.paging a.btn_end{overflow:hidden;width:28px;height:28px;line-height:999em}
.paging a.btn_home{margin-right:-1px;background-position:0 -70px}
.paging a.btn_prev{margin-right:2%;background-position:-35px -70px}
.paging a.btn_next{margin-left:2%;background-position:0 -105px}
.paging a.btn_end{margin-left:-1px;background-position:-35px -105px}

/* Table :: [컨텐츠 공통] */
.tbl_lst{width:100%}
.tbl_lst thead th{padding:6px 5px;border-top:1px solid #2cb084;background:#f7f7f7}
.tbl_lst th{padding:6px 5px;background:#fff}
.tbl_lst th,.tbl_lst td{border-left:1px solid #e5e5e5;border-bottom:1px solid #ccc}
.tbl_lst th:first-child,.tdln,.tbl_lst.v3 td:first-child{border-left:none !important}
.tbl_lst td{padding:7px 10px 6px;color:#767676}
.tbl_lst td li{padding-left:10px;background:url(../img/bu_introduce.gif) no-repeat 1px 9px}
.tbl_lst td.cnt{text-align:center}
.bg_graphic{text-indent:-9999px}

.tbl_lst.v2{border-top:1px solid #2cb084}
.tbl_lst.v2 th{padding:6px 10px;background:#f7f7f7;text-align:left}
.tbl_lst.v2 th,.tbl_lst.v2 td{border-top:none}
.tbl_lst.v2 td.blft{border-left:none}/* 20151103 */
.tbl_lst.v3{text-align:center}
.tbl_lst.v3 th{color:#555}
.tbl_lst.v3 td{font-weight:normal;color:#767676;background:#fff}

.lst_tbl_depth1 li{background:none !important;padding-left:0 !important}
.lst_tbl_depth2{margin-left:14px}
.lst_tbl_depth2 li{padding-left:10px !important;background:url(../img/bu_introduce.gif) no-repeat 1px 11px !important}

/* Search :: [컨텐츠 공통] */
.box_srch{position:relative;margin-bottom:40px;padding:20px;border-top:1px solid #2cb084;border-bottom:1px solid #ddd;background:#fbfbfb;text-align:center}
.box_round{display:block;position:absolute;width:4px;height:4px;background:url(../img/sp_roundbox.gif) no-repeat}

/* Tab :: [컨텐츠 공통] */
.tab{height:42px;margin-bottom:40px}
.tab.v2{margin-bottom:20px}
.tab ul{overflow:hidden;height:48px}
.tab li{float:left;width:100%}
.tab ul.num2 li{width:50%;*width:49.5%}
.tab ul.num3 li{width:33.333%;*width:33%}
.tab ul.num4 li{width:25%;*width:24.75%}
.tab ul.num5 li{width:20%;*width:19.5%}
.tab li a{display:block;position:relative;height:40px;border:1px solid #ccc;border-left-width:0;font-size:15px;color:#555 !important;line-height:40px;text-align:center;text-decoration:none !important}
.tab li a.on,.tab li:first-child a{border-left-width:1px}
.tab li a.on{margin-left:-1px;border-color:#2cb084;background:#2cb084;color:#fff !important}
.tab li:first-child a{margin-left:0}
.tab li .ico_tab{display:none}
.tab li a.on .ico_tab{display:block;position:absolute;top:100%;left:50%;width:13px;height:6px;margin-left:-6px;background:url(../img/sp_ico_v2.png) no-repeat -118px 0}

/* Icon :: [컨텐츠 공통] */
.ico{overflow:hidden;display:inline-block;background:url(../img/sp_ico_v2.png) no-repeat;text-indent:-999em;*text-indent:0;*line-height:999em/* *line-height:35px */}
.ico.mbi{background:url(../img/sp_ico.png) no-repeat}
.ico.ico_disket{width:20px;height:20px;background-position:0 0;vertical-align:top}
.ico.ico_disket.v2{margin:-2px 6px 0 0;vertical-align:middle}
.ico.ico_manage{width:14px;height:14px;background-position:-55px -60px;vertical-align:middle}
.ico.mbi.home{width:21px;height:18px;background-position:-20px -15px;background-size:50px 75px;vertical-align:top}
.ico.ico_view{width:14px;height:15px;margin:-1px 0 1px 5px;background-position:-25px 0;vertical-align:middle}
.ico.ico_reply{width:9px;height:9px;margin:-2px 5px 2px 0;background-position:-45px 0;vertical-align:middle}
.ico.ico_question{position:absolute;top:50%;left:12px;width:18px;height:20px;margin-top:-9px;background-position:-90px 0}
.ico.ico_answer{position:absolute;top:50%;left:12px;width:18px;height:19px;margin-top:-9px;background-position:0 -60px}
.ico.ico_spotarrow{width:4px;height:7px;margin-left:22px;background-position:-135px 0}
.ico_totalview{display:inline-block;width:50px;height:50px;margin-right:15px;background:url(../img/sp_mbi_menu.png) no-repeat;background-size:105px 50px;vertical-align:middle}
.ico_movieplay{width:35px;height:35px;margin-bottom:2px;background:url(../img/ico_movieplay.png) no-repeat;background-size:35px 35px}
.ico_lftarrow{position:absolute;top:11px;left:-6px;width:6px;height:12px;background-position:-170px 0}
.btn_more{position:absolute;top:15px;right:15px;width:13px;height:13px;background-position:-150px 0}
#gnb.main h2 a.on .ico_totalview{background-position:-55px 0}

/* 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.v2{font-weight:normal}
.btn:hover,.btn:focus{text-decoration:none !important}
.btn span{display:block;background:url(../img/sp_btn.gif) no-repeat}

.btn.gray{height:28px;padding-right:2px;background-position:100% 0;color:#fff !important}
.btn span.bg_gray{padding:/*\**/4px 7px 6px 9px;background-position:0 0}
:root .btn span.bg_gray{padding:3px 8px 7px 10px}

.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.white_v2{height:26px;background-position:100% -185px}
.btn.white_v3{height:22px;background-position:100% -115px;font-size:11px;line-height:22px}
.btn.print{height:26px;background-position:100% -220px;color:#555 !important}
.btn_white_v4{width:40px;height:22px;background:url(../img/btn_type_white.gif) no-repeat;cursor:pointer}
.btn.white_v5{height:28px;background-position:100% -145px}
.btn.print{height:26px;background-position:100% -220px}

.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 span.bg_white_v2{padding:2px 15px 6px 17px;background-position:0 -185px}
.btn span.bg_white_v3{padding:1px 8px 1px 10px;background-position:0 -115px}
.btn span.bg_print{padding:6px 11px 6px 29px;background-position:0 -220px}
.btn span.bg_white_v5{padding:3px 8px 4px 10px;background-position:0 -145px}

.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_cen.v2{margin:0 0 15px}
.btn_ablft{position:absolute;top:0;left:0}

/* 현재위치 :: [컨텐츠 공통] */
.group_loc{display:none;overflow:hidden;background-color:#555;color:#fff;vertical-align:top}
.group_loc b{display:none}
.group_loc span.ft_dotum{display:none}
.group_loc a.btn_loc{float:left;margin:13px 16px 0;font-size:1.385em;font-weight:bold;color:#aaa !important}
.group_loc a.btn_loc:hover,.group_loc a.btn_loc:focus{text-decoration:none !important}
.btn_lochome{float:left;display:inline-block;padding:16px 15px 11px;background-color:#474747;vertical-align:top}

/* Footer :: [컨텐츠 공통] */
#footer{min-width:320px;padding-bottom:15px;border-top:1px solid #ddd;background-color:#f7f7f7}
.foot_inner{margin:15px auto 0;padding:0 10px}
.lst_organ{overflow:hidden;width:256px;margin:0 auto 15px;zoom:1}
.lst_organ li:first-child{width:102px;margin:0}
.lst_organ li{float:left;width:133px;height:27px;margin-left:10px;vertical-align:top}
.lst_organ li a{display:block;overflow:hidden;width:100%;height:27px;background:url(../img/sp_footer.png) no-repeat 0 0;line-height:999em}
.lst_organ li a.btn_family_v1{background-position:0 0}
.lst_organ li a.btn_family_v2{height:23px;margin-top:2px;background-position:0 -30px}
.foot_menu{overflow:hidden;font-size:.923em;font-weight:bold;zoom:1}
.foot_menu li{position:relative;float:left;padding:0 11px 0 10px}
.foot_menu li:first-child{padding-left:0}	
.foot_menu li+li{background:url(../img/bu_l4.gif) no-repeat 0 5px}
.foot_menu li a{color:#555 !important}
.foot_menu li a:hover,.foot_menu li a:active,.foot_menu li a:focus{text-decoration:none !important}
.p_addr{font-size:11px;line-height:1.7em}

.familybtn{display:block;width:176px;height:25px;padding:3px 0 0 10px;background:url(../img/sp_footer.png) no-repeat 0 -60px}
.familybtn.on{background:url(../img/sp_footer.png) no-repeat 0 -95px}
.family{position:relative;width:186px;margin:9px 0 11px;z-index:100;zoom:1}
.family:after{content:"";display:block;clear:both}
.family h3{font-size:.923em;font-weight:normal}
.family a{display:inline-block}
.family a:hover,.family a:active,.family a:focus{text-decoration:none !important}
.family ul.familysub{display:none;overflow-y:auto;position:absolute;left:0;bottom:27px;width:164px;padding:5px 10px;border:1px solid #ccc;background:#fff;font-size:.923em}
.family ul.familysub li a{line-height:1.7em}

/* 이용가이드 :: [서비스안내] */
.lst_guide{}
.lst_guide>dl>dt,.lst_api_v2>li>dl>dt,.lst_mbi_srvc>li>dl>dt{margin-top:34px;font-weight:bold;color:#2cb084}
.lst_guide.v2>dl>dt{margin-top:27px}
.lst_guide>dl>dt:first-child,.lst_api_v2>li>dl>dt:first-child{margin-top:0}
.lst_guide>dl>dd,.lst_api_v2>li>dl>dd,.lst_mbi_srvc>li>dl>dd{margin:3px 0 0 15px;color:#767676}
.lst_mbi_srvc>li>dl>dd{margin-left:25px;text-indent:-10px}
.lst_guide>dl>dd.dd_tbl,.lst_api_v2>li>dl>dd.dd_tbl{margin:3px 0 0 0}
.lst_guide .thmb{margin:13px 0 0 -14px;text-align:center}
.lst_mbi_srvc .thmb{margin:24px 0 0 -14px;text-align:center}
.lst_mapoption li{margin:34px 0 0 83px;text-indent:-83px}
.lst_mapoption li:first-child{margin-top:24px}
.lst_mapoption li.txt_option{margin-left:106px;text-indent:-106px}

.group_mbi_srvc{overflow:hidden;margin-bottom:0;padding:0 0 38px;border-bottom:1px dashed #ddd}
.group_mbi_srvc>span{display:block;float:none;width:51%;margin:20px auto 0}
.box_mbi_srvc{float:none;width:auto;margin-left:0}
.box_mbi_srvc .tit_h5{margin:2px 0 10px;font-size:1.4em;color:#555}

.area_info.v5{border-top:none;background:#fff}
.area_info.v4 dt{margin-bottom:0;font-size:1em}
.txt_app{margin-bottom:10px}
.area_info.v5 .tit_app{margin:2px 0 9px;font-size:1em}

/* 20151103 */
.desc_guide dt{color:#444}
.desc_guide dd{text-indent:5px}
.lst_api_reference>li,.lst_api_menu{overflow:hidden}
.lst_api_reference>li{margin-top:10px}
.lst_api_reference>li>p{float:left;width:130px;text-indent:10px}
.lst_api_menu li,.tx_api_menu{float:left;padding-left:10px;background:url(../img/bu_graydott.gif) no-repeat 0 9px}
.lst_api_menu li{margin-right:20px}
/* 20151103 */

/* 생활안전지도란? :: [서비스안내] */
.txt_safe_info{margin:20px 10px 0}
.txt_safe_info p{margin-top:10px}
.txt_safe_info p:first-child{margin-top:0;font-size:1.333em;color:#555;line-height:1.3em}
.txt_safe span{color:#fff;background:#2cb084}

/* 세이프티매거진 :: [홍보광장] */
.lst_safemgz{padding-bottom:10px;border-top:1px solid #2db084;border-bottom:1px solid #ddd}
.lst_safemgz:after{content:"";display:block;clear:both}
.lst_safemgz li{float:left;width:46%;padding:15px 2% 0;text-align:center}
.lst_safemgz li div{max-width:167px;margin:0 auto}
.lst_safemgz li a{color:#333 !important}
.photo_safemgz{margin-bottom:10px}
.txt_safemgz{max-width:170px;margin:0 auto}

/* 자주하는 질문 :: [참여광장] */
.lst_faq{border-top:1px solid #2cb084}
.lst_faq li{border-bottom:1px solid #ddd}
.lst_faq li.txt_faq{padding:13px 0 10px;font-size:1.077em;text-align:center}
.lst_faq li h4{font-weight:normal}
.lst_faq li h4 a{display:block;position:relative;padding:13px 40px 10px 42px;font-size:1.077em;color:#555 !important}
.lst_faq li h4 a:hover,.lst_faq li h4 a.on,.lst_faq li h4 a:focus{color:#2cb084 !important;text-decoration:none !important}
.lst_faq li div{padding:13px 15px 11px 16px;background:#f7f7f7 url(../img/dot_v1.gif) repeat-x 0 0}
.lst_faq li h4 a span.ico_faq{display:block;overflow:hidden;position:absolute;top:15px;left:16px;width:16px;height:17px;background:url(../img/sp_customer.png) no-repeat -20px 0;line-height:999em}
.lst_faq li h4 a:hover span.ico_faq,.lst_faq li h4 a.on span.ico_faq{background-position:0 0}
.lst_faq li h4 a span.ico_faq_sign{display:block;position:absolute;top:16px;right:15px;width:13px;height:13px;background:url(../img/sp_customer.png) no-repeat -40px 0}
.lst_faq li h4 a.on span.ico_faq_sign{top:21px;width:13px;height:3px;background-position:-60px 0}

/* 1:1 상담 :: [참여광장] */
.box_advice{overflow:hidden;padding:25px 25px 22px;border-top:1px solid #2cb084;border-bottom:1px solid #ccc;background-color:#fcfcfc;text-align:center;zoom:1}
.box_advice.v2{padding:10px 12px 9px}
.box_advice.v3{padding:30px;text-align:left}
.box_advice.bdn{border-top:none}
.lst_space>li,.lst_space_v2>li{margin-top:22px}
.lst_space.v2>li{margin-top:30px}
.lst_space.v2>li.mspace{margin-top:36px}
.lst_space>li:first-child{margin-top:0}

.box_advice_inner img,.txt_advice_result{vertical-align:middle}
.txt_advice_result{display:block;margin-top:15px;font-size:1.308em;line-height:1.5em}
.btn_txt{overflow:hidden;margin:40px 0 5px}
.btn_txt .txt_write{width:/*\**/59%;margin-top:15px;text-align:right}
.txt_write_v2{margin:-5px 0 10px;margin-top:/*\**/-3px}
.group_agree{overflow:hidden}
.group_agree .tit_h4{margin:35px 0 10px}
.agree_box{overflow-y:scroll;height:243px;padding:8px 10px;border:1px solid #e5e5e5}
.lst_agree>li{font-weight:bold}
.lst_agree_v2,.txt_agree{margin:0 0 22px 26px;font-weight:normal}
.lst_agree_v2.v1{margin-left:32px;text-indent:-17px}
.lst_agree_v2.v2{margin-left:17px;text-indent:-17px}
.txt_agree_v2{margin-bottom:22px;font-weight:normal}
.check_agree{overflow:hidden;float:right;margin-top:10px}

/* 오픈 API :: [개발자센터] */
.tit_h5.gr_box{margin:20px 0 5px;padding:4px 0 4px 22px;background:#2cb084 url(../img/sp_ico_v2.png) no-repeat 10px -89px;font-size:1em;font-weight:normal;color:#fff;text-indent:12px}
.lst_qna{overflow:hidden;float:right;margin-top:5px;font-size:.923em;font-weight:bold;zoom:1}
.lst_qna li{position:relative;float:left;padding-left:10px}
.lst_qna li:first-child{padding:0 10px 0 0}	
.lst_qna li+li{background:url(../img/bu_l4.gif) no-repeat 0 5px}
.lst_qna li a{color:#555 !important}
.lst_qna li:first-child a{color:#2cb084 !important}
.lst_qna li a:hover,.foot_menu li a:active,.foot_menu li a:focus{text-decoration:none !important}
.scroll_div{height:238px;padding:5px 10px;border:1px solid #ccc;overflow-y:scroll}

.lst_useinfo{margin-bottom:10px}
.lst_useinfo li{position:relative;width:55%;margin:10px auto 0;text-align:center}
.lst_useinfo li:first-child{margin-top:0}

.tit_data{margin-bottom:23px;font-size:1.692em}

/* 지도 API :: [개발자센터] */
.lst_api{overflow:hidden;padding:5px 10px 5px 20px;background:#fbfbfb;border:1px solid #ccc}
.lst_api>li{float:left;width:50%;height:30px;margin-left:-10px;padding:5px 0 5px 10px;background:url(../img/bu_graydott.gif) no-repeat 0 15px;line-height:1.2em}
.lst_api>li.on a,.lst_api>li a:hover{font-weight:bold;color:#2cb084 !important}
.lst_api_v2>dl{margin-top:15px}

/* 지도문제해결 :: [서비스안내] */ 
.area_info{padding:12px 15px;border-top:1px solid #2cb084;border-bottom:1px solid #ddd;background:#fbfbfb}
.area_info dt{margin-bottom:5px;font-size:1.231em;font-weight:bold;letter-spacing:-1px}
.area_info dt span{color:#2cb084}
.area_info dd{color:#767676}
.area_info dd span{color:#2cb084;font-weight:bold;text-decoration:underline}
.area_info.v3 dd a{display:block;width:147px;height:32px;margin-top:14px;line-height:32px;background:url(../img/sp_introduce.png) no-repeat -120px -150px;text-align:center;color:#fff !important}
.area_info.v3 dd a:hover,.area_info.v3 dd a:active,.area_info.v3 dd a:focus{text-decoration:none !important}
.lst_graphic dt{height:0}
.img01_introduce{text-align:center}

/* 이메일무단수집거부 :: [이용안내] */
.lst_law>li{margin-bottom:25px;padding-left:15px;text-indent:-15px}
.lst_law_v2{padding-left:20px;text-indent:-22px}

/* 사이트맵 :: [이용안내] */
.lst_sitemap{overflow:hidden;margin:0 auto}
.lst_sitemap>ul{overflow:hidden;margin-top:-40px}
.lst_sitemap>ul>li{margin-top:40px}
.lst_sitemap h4{height:44px;padding:0 19px;border:1px solid #0a835b;background:#2cb084;font-size:18px;color:#fff;line-height:44px}
.lst_sitemap li li{border-bottom:1px solid #ddd}
.lst_sitemap li li a{display:block;position:relative;min-height:23px;padding:12px 26px 11px 21px;font-size:15px;color:#555 !important;line-height:23px}
.lst_sitemap li li a:hover,.lst_sitemap li li a:focus{color:#2cb084 !important;text-decoration:none !important}
.lst_sitemap .ico_sitemap{display:block;position:absolute;top:50%;right:14px;width:6px;height:10px;margin-top:-5px;background:url(../img/sp_ico_v2.png) no-repeat -110px 0}

/* 개인정보처리방침 :: [이용안내] */
.lst_base li,.txt_base{font-weight:bold;color:#2cb084}
.lst_base_v2 li,.txt_base_v2{padding-left:21px;font-weight:normal;color:#777}
.lst_base_v2.v2 li,.txt_base_v2.v2{padding-left:13px}
.lst_base_v2.v3 li,.txt_base_v2.v3{padding-left:15px}

.tx_a{margin-left:58px;text-indent:-58px}
.tx_a.v2{margin-left:15px;text-indent:-15px}
.txt_link{font-weight:bold;color:#2cb084 !important;text-decoration:underline !important}

/* 에러페이지 :: [공통] */
.group_error{display:table;width:100%}
.box_error{display:table-cell;padding:30px 10px 0;vertical-align:middle;text-align:center}
.poi_error{display:inline-block;width:45px;height:66px;margin:0 auto 5px;background:url(../img/ico_error.png) no-repeat;background-size:45px 66px}
.tit_error{margin-bottom:25px;font-size:1.692em;font-weight:normal;color:#2cb084}
.error_mid{max-width:700px;padding:20px 15px 17px;margin:0 auto;border-top:1px solid #2cb084;border-bottom:1px solid #2cb084;background:#f7f7f7;font-size:1.538em;line-height:30px}
.tx_error{margin:20px 20px}
.group_site a{font-size:12px;color:#2cb084;text-decoration:underline}
.group_site a:first-child{margin-right:6px;padding-right:10px;background:url(../img/bg_bar.gif) no-repeat 100% 2px;color:#777;text-decoration:none}

/* 20151125 추가 */
.group_api{margin-top:20px}
.group_api .tit_h5{margin-bottom:10px;font-size:1.308em;font-weight:bold;color:#555}
.lst_coordinate{overflow:hidden;zoom:1}
.lst_coordinate dt{width:90px;font-weight:bold}
.lst_coordinate dt,.lst_coordinate dd{float:left}
.lst_coordinate dd{margin-right:30px}
.lst_coordinate.v2 dt{width:auto;margin-right:10px}
.lst_poisel{overflow:hidden;zoom:1}
.lst_poisel li{float:left;width:20%;margin-top:5px}
.btn_vector{margin-top:5px;text-align:center}

/* 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')}

/* 생활안전지도란? :: [서비스안내] */
.txt_safe_info{margin:40px 0 0 130px}
.txt_safe_info p{margin-top:27px;line-height:24px}
.txt_safe_info p:first-child{margin-top:0;font-size:24px;line-height:40px}

/* 이용가이드 :: [서비스안내] */
.box_mbi_srvc .tit_h5{margin:2px 0 25px;font-size:2em;font-weight:normal;color:#555}
.tit_h5 .tit_bg{display:inline-block;width:30px;height:30px;margin:8px 10px -8px 0;background:url(../img/sp_introduce.png) no-repeat;background-position:-120px -225px}

.lst_mbi_srvc{overflow:hidden}
.lst_mbi_srvc li{float:left;width:50%}
.lst_mbi_srvc .thmb.v2{margin-top:47px}

.lst_guide_v2>dl{width:50%}

.lst_api{padding:8px 20px 5px 30px}
.lst_api>li{width:20%;height:auto;margin-left:-10px;padding:8px 0 8px 10px;background:url(../img/bu_graydott.gif) no-repeat 0 19px;line-height:1.7em}
.lst_api_v2>li dl{margin-top:35px}
/*
.lst_guide>dl>dt{margin-top:34px;font-weight:bold;color:#2cb084}
.lst_guide.v2>dl>dt{margin-top:27px}
.lst_guide>dl>dt:first-child{margin-top:0}
.lst_guide>dl>dd{margin:3px 0 0 15px;color:#767676}
.lst_guide>dl>dd.dd_tbl{margin:3px 0 0 0}
.lst_guide .thmb{margin:13px 0 0 -14px;text-align:center}
.lst_mapoption li{margin:34px 0 0 83px;text-indent:-83px}
.lst_mapoption li:first-child{margin-top:24px}
.lst_mapoption li.txt_option{margin-left:106px;text-indent:-106px}
*/

/* UI 설정 :: [컨텐츠 공통] */
.dn_mbi{display:inline-block}	
.dn_mbi{display:table-cell;*display:block}
.din_mbi{display:inline-block !important}	
.dbn_mbi,.dbn_mbi_v2{display:block !important}	
.db{display:none}


/* Layout :: [컨텐츠 공통] */
.foot_inner{padding:0 15px}
#container{padding:0 15px 60px}
#main_container{padding-bottom:60px}
.main_contents{margin:15px 15px 0;border:1px solid #ddd}
.menu_lft{position:absolute;width:180px;padding:0;letter-spacing:0}
.content{width:auto;margin-left:180px;padding:0}

/* Space :: [컨텐츠 공통] */
.section.v10{margin-bottom:10px}
.section.v20{margin-bottom:20px}
.section.v30{margin-bottom:30px}
.section.v40{margin-bottom:40px}
.section.v50{margin-bottom:50px}

/* Header :: [컨텐츠 공통] */
h1.logo{float:left;width:184px;height:56px;margin-top:22px;margin-left:0}
h1.logo img{width:184px;height:56px}
.group_gnb{float:right}
.header_top{height:100px;padding:0 15px;border-bottom:2px solid #dfdfdf}
.header_btm{display:block;padding:0 15px;background:url(../img/bg_body.gif) repeat-x 0 0}

/* Gnb :: [컨텐츠 공통] */
#gnb{display:block;clear:both;padding-top:40px}
#navi{position:relative;float:right;margin-right:20px}
#navi li{float:left}
#navi li a{display:block}
#navi li a.m_depth1{overflow:hidden;margin-left:45px;font-size:1.308em;font-weight:bold;color:#333}
#navi li a.m_depth1:hover,#navi li a.m_depth1.on,#navi li a.m_depth1:focus{color:#2cb084 !important;text-decoration:none}
#navi li a.m_depth1.m2{padding-left:20px !important;background:url(../img/ico_point.png) no-repeat 0 2px}

#navi li div{display:none;position:absolute;top:32px;z-index:100}
#navi li div.on{display:block}
#navi li div.snb1{left:-73px}
#navi li div.snb2{left:-33px}
#navi li div.snb3{left:100px}
/*#navi li div.snb4{left:40px;left:45px \0/IE8+9}* 20151103 */
#navi li div.snb4{left:40px;}/* 20151103 */
#navi li div ul{}
#navi li div ul li{padding-left:15px}
#navi li div a,#gnb.main #navi.subnavi li div a{padding-bottom:7px;font-size:.923em;color:#767676}
/*#gnb.main #navi.subnavi li div a{display:inline;width:auto;height:auto;padding:0 0 7px;font-size:.923em;vertical-align:auto}*/
#gnb.main #navi.subnavi li div a{display:inline;width:auto;height:auto;padding:0 0 7px;font-size:.923em;vertical-align:middle}
#navi li div a:hover,#navi li div a:active,#navi li div a:focus,#navi li div a.on,.subnvi li div a:hover,.subnvi li div a:active,.subnvi li div a:focus,.subnvi li div a.on{background:url(../img/bu_arrowdown.gif) no-repeat center bottom;color:#2cb084 !important;text-decoration:none}

#gnb.main h2{visibility:hidden;overflow:hidden;position:absolute;top:0;left:-999em;width:0;height:0;font-size:0;line-height:0;text-align:left}
#gnb.main #navi{display:block}
#gnb.main #navi.subnavi{margin-top:0}
#gnb.main #navi li{float:left;width:auto;height:auto;border-top:none;background:#fff}
#gnb.main #navi.subnavi li a.m_depth1{display:block}
/*#gnb.main #navi li a.m_depth1,.navi>li>div>ul>li a.m_depth1,#gnb.main #navi li a.m_depth1.on,#gnb.main #navi.subnavi li a.m_depth1.on{display:block;width:auto;height:auto;padding:0;font-size:1.308em;color:#333;vertical-align:auto}*/
#gnb.main #navi li a.m_depth1,.navi>li>div>ul>li a.m_depth1,#gnb.main #navi li a.m_depth1.on,#gnb.main #navi.subnavi li a.m_depth1.on{display:block;width:auto;height:auto;padding:0;font-size:1.308em;color:#333;vertical-align:middle}
#gnb.main #navi.navi>li>div>ul>li a{padding-left:0;background:none;font-size:0.923em;color:#767676 !important}

/* Title & Bullet :: [컨텐츠 공통] */
/* 20151103 */
.menu_lft h3,.lst_lnb>li a{font-size:1.846em;color:#555}
.menu_lft.v2 h3{font-size:1.538em}

.lst_lnb>li a{font-size:1.846em}
.lst_lnb>li.on a,.lst_lnb>li a:hover{font-size:1.846em !important}
.lst_lnb>li{margin-top:10px}
.lst_lnb>li:first-child{margin-top:0}
/* 20151103 */

/* 검색 :: [컨텐츠 공통] */	
.lst_field_v1{padding-bottom:10px}
.srch_v1{width:300px}
.space_srch.v2{width:50%}

/* BBS_List :: [컨텐츠 공통] */
.bbs_lst th{padding:12px 5px}
.bbs_lst td{padding:14px 5px 11px}
.bbs_lst.lst_mgz td .photo_safemgz img{max-width:100%;width:auto}

/* BBS_View :: [컨텐츠 공통] */
.bbs_next{margin-top:30px}
.bbs_next td{padding:7px 20px}

.bbs_view .tit_group,.bbs_view .con_view,.bbs_view .lst_disk{padding:17px 20px 16px}
.bbs_view .tit_group .tit_bbs_h5{margin-bottom:5px;font-size:1.231em}
.bbs_view .con_view{padding:25px 20px 24px}
.bbs_view .con_view.v2{padding:25px 10px 10px 20px}
.bbs_view .lst_disk{overflow:hidden;padding:17px 20px 16px}
.bbs_view .tit_group.v2 .group_qna{margin-left:80px;padding:17px 22px 14px}
.lst_disk li a.db{display:block}

.view_movie{padding:30px 30px}
.comm_movie_inner{padding:15px 20px 15px 20px}
.lst_movie{margin-top:30px}
.lst_movie li{width:30.3%;margin-bottom:25px}

/* BBS_Write :: [컨텐츠 공통] */
.lst_write li:first-child{margin-bottom:8px}
.bbs_write th,.bbs_write td{padding:7px 20px}
.txt_comm_file{margin-left:13px;color:#767676;text-indent:-13px}
.check_email{display:inline-block;margin-top:0;margin-left:17px}
.box_mailid{display:inline;padding-right:0}
.box_mailid input[type=text]{width:95px}
.box_maildomain{position:static;width:auto;text-align:left}
.box_maildomain select{width:140px}
.check_email{display:inline-block;margin-top:0;margin-left:17px}

.input1{width:99%}
.input2{width:160px}
.input2.v2{margin-bottom:5px}
.input3{width:166px}

.box_write{width:60px}

/* Paging :: [컨텐츠 공통] */
.paging a.dn_mbi,.paging strong.dn_mbi{display:none}

/* Table :: [컨텐츠 공통] */
.tbl_lst thead th{padding:12px 5px}
.tbl_lst th{padding:12px 5px}
.tbl_lst td{padding:14px 10px 11px}

.tbl_lst.v2 th{padding:12px 20px}
.tbl_lst.v2 td{padding:14px 20px 11px}

.tbl_lst.v3 th{padding:8px 5px}
.tbl_lst.v3 td{padding:8px 18px 6px}

/* Button :: [컨텐츠 공통] */
.btn_rgt{margin-top:20px}
.btn_cen{width:100%;margin-top:25px}
.btn span.bg_white,.btn span.bg_green{padding:5px 18px 6px 20px}

/* Tab :: [컨텐츠 공통] */
.tab li{width:129px !important}

/* Icon :: [컨텐츠 공통] */
.ico.mbi.home{width:12px;height:11px;margin:2px 0 -2px;background-position:-20px -30px;background-size:auto}
.ico.mbi.home.webnone{display:none}
.ico.ico_question{left:24px;width:32px;height:37px;margin-top:-19px;background-position:-55px 0}
.ico.ico_answer{left:24px;width:31px;height:33px;margin-top:-17px;background-position:0 -25px}
.ico_movieplay{width:71px;height:71px;margin-bottom:2px;background-size:auto}
.btn_more{top:21px;right:18px}

/* 현재위치 :: [컨텐츠 공통] */
.group_loc{display:block;float:right;margin-top:1px;padding:15px 15px 23px;background-color:#fff;color:#333}
.group_loc b{display:inline-block}
.group_loc span.ft_dotum{display:inline-block;padding:0 5px;color:#bbb}
.group_loc a.btn_loc{float:none;margin:0;font-size:1em;font-weight:normal;color:#767676 !important}
.group_loc a.btn_loc:hover{text-decoration:underline !important}
.btn_lochome{float:none;margin:3px 0 0;padding:0;background-color:transparent;line-height:1.25em}
#gnb.main a.btn_lochome{display:none}

/* Footer :: [컨텐츠 공통] */
#footer{padding-bottom:35px}
.foot_inner{margin:20px auto 0;}
.lst_organ{float:left;margin:1px 0 0}
.foot_menu{float:left;margin:5px 0 0 13px;font-size:1em}
.foot_menu li{padding:0 16px 0 15px}
.p_addr{clear:both;padding:13px 0 0 163px;font-size:.923em;line-height:1.8em}

.family{float:right;margin:0}
.family ul.familysub{right:0}

/* 세이프티매거진 :: [홍보광장] */
.lst_safemgz{padding-bottom:25px}
.lst_safemgz li{width:29.3%;padding:30px 2% 0}

/* 자주하는 질문 :: [참여광장] */
.lst_faq li h4 a{padding:13px 45px 10px 50px}
.lst_faq li div{padding:15px 20px 13px 50px}

/* 1:1 상담 :: [참여광장] */
.box_advice{padding:72px 50px 80px}
.txt_advice_result{display:inline-block;margin-top:0;margin-left:35px;font-size:1.538em;text-align:left}
.agree_box{padding:20px 26px}

.box_advice.v2{padding:25px 75px 24px}
.box_advice.v4{padding:25px 50px 24px}

/* 오픈 API :: [개발자센터] */
.tit_h5.gr_box{margin:30px 0 5px;padding:11px 0 11px 33px;background:#2cb084 url(../img/sp_ico_v2.png) no-repeat -70px -49px;font-size:1.231em;font-weight:normal;color:#fff;text-indent:20px}
.lst_qna{margin-top:20px}
.lst_useinfo{overflow:hidden;margin-bottom:25px}
.lst_useinfo li{float:left;width:30.5%;margin-top:0;margin-left:4.2%;text-align:left}
.lst_useinfo li:first-child{margin-left:0}

/* 이메일무단수집거부 :: [이용안내] */
.box_lawpoint{padding:22px 35px}

/* 사이트맵 :: [이용안내] */
.lst_sitemap>ul>li{float:left;width:31.58%;padding-right:2.63%;*padding-right:2.13%}
.lst_sitemap>ul>li.last{*float:none;padding-right:0}
.lst_sitemap>ul>li.last+li{clear:both}

/* 지도문제해결 :: [서비스안내] */
.area_info{position:relative;min-height:119px;padding:50px 50px 30px 204px}
.area_info dt{margin-bottom:11px;font-size:1.846em}
.area_info.v4,.area_info.v5{min-height:0;padding:30px 30px 25px 120px}
.txt_app{margin-bottom:25px}

.area_info .bg{display:block;position:absolute;top:50px;left:51px;width:113px;height:99px;background:url(../img/sp_introduce.png) no-repeat}
.area_info.v1 .bg{background-position:0 0}
.area_info.v2 .bg{background-position:0 -100px}
.area_info.v3 .bg{background-position:0 -200px}
.area_info.v4 .bg{top:32px;left:32px;width:68px;height:60px;background-position:0 -300px}
.area_info.v5 .bg{top:32px;left:32px;width:66px;height:66px;background-position:-70px -300px}
.area_info.v5 .bg.v2{background-position:-140px -300px}

/* 에러페이지 :: [공통] */
.group_error{position:fixed;top:0;bottom:0;height:100%}
.box_error{padding:0 15px}
.poi_error{width:89px;height:131px;margin:0 auto 23px;background:url(../img/ico_error.png) no-repeat;background-size:89px 131px}
.tit_error{margin-bottom:36px;font-size:2.308em;font-weight:normal}
.error_mid{padding:30px 20px 29px;font-size:2em;line-height:44px}
.tx_error{margin:25px 25px}
.group_site a{font-size:14px}
}


/* ETC Media Query */
@media all and (min-width:1024px){
/* Layout :: [컨텐츠 공통] */
#wrap{/* width:960px;margin:0 auto */ padding:0}
.header_top_inner{width:960px;margin:0 auto}
.foot_inner{width:1200px}
#container{width:960px;margin:0 auto;padding:0 0 80px}
#main_container{padding-bottom:80px}
.main_contents{width:958px;margin:20px auto 0}
.menu_lft{float:left;position:relative;width:200px}
.content{float:left;width:760px;margin-left:0}

/* Header :: [컨텐츠 공통] */
.header_top,.header_btm{padding:0}
	
/* Gnb :: [컨텐츠 공통] */
#navi{margin-right:20px}
#navi li a.m_depth1{margin-left:60px}
#navi li div.snb1{left:-98px}
/*#navi li div.snb2{left:-65px;left:-38px \0/IE8+9}*/
#navi li div.snb2{left:-65px;}
#navi li div.snb3{left:177px}
/*#navi li div.snb4{left:22px;left:28px \0/IE8+9}* 20151103 */
#navi li div.snb4{left:22px;}/* 20151103 */
#navi li div ul{}
#navi li div ul li{padding:0 1px 0 19px}
#navi li div a,#gnb.main #navi.subnavi li div a{font-size:1.077em}

/* Title & Bullet :: [컨텐츠 공통] */
.bg_tit{width:960px;margin:0 auto}
.menu_lft.v2 h3{font-size:1.692em}

/* 현재위치 :: [컨텐츠 공통] */
.group_loc{float:none;width:960px;margin:0 auto;padding:15px 0 23px}
.group_loc_inner{float:right}

/* Icon :: [컨텐츠 공통] */
.btn_more{top:23px;right:15px}

/* Footer :: [컨텐츠 공통] */
.foot_menu li{padding:0 16px 0 15px}

/* 지도문제해결 :: [서비스안내] */
.area_info{padding:50px 110px 30px 274px}
.area_info dt{font-weight:normal}
.area_info .bg{left:121px}
.lst_graphic dt{height:auto}
.bg_graphic{width:174px;height:46px;margin:26px 0 29px 14px;background:url(../img/sp_introduce.png) no-repeat}
.bg_graphic.nvidia{width:174px;height:46px;background-position:-120px 0}
.bg_graphic.amd{width:174px;height:46px;background-position:-120px -50px}
.bg_graphic.intel{background-position:-120px -100px}	

.group_mbi_srvc>span{float:left;width:335px}
.box_mbi_srvc{float:right;width:405px;margin-left:0}
}

@media all and (min-width:614px) and (max-width:767px){	
.lst_organ{float:left;margin:0}
.foot_menu{float:left;margin:5px 0 0 10px}
.family{clear:both;padding-top:15px}
}

@media all and (min-width:768px) and (max-width:820px){
/* Footer :: [컨텐츠 공통] */
.foot_menu{font-size:.923em}
.foot_menu li{padding:0 7px 0 6px}		
}

@media all and (min-width:768px) and (max-width:870px){
/* 지도API :: [개발자센터] */
.lst_api>li{width:33.33%}
	
.tab ul.num5 li{width:108px !important}
}
@media all and (min-width:768px) and (max-width:870px){
/* 생활안전지도란? :: [서비스안내] */
.txt_safe_info{margin:20px 0 0 10px}
.txt_safe_info p{margin-top:15px}
.txt_safe_info p:first-child{margin-top:0}
}

@media all and (min-width:906px){
.group_mbi_srvc{overflow:hidden;margin-bottom:22px;padding:40px 10px 60px;border-bottom:1px dashed #ddd}
.group_mbi_srvc>span,.box_mbi_srvc{float:right}
.group_mbi_srvc>span{width:43%}
.box_mbi_srvc{width:55%;margin-left:2%}
}

@media all and (min-width:871px) and (max-width:1023px){
/* 지도API :: [개발자센터] */
.lst_api>li{width:25%}
}