@charset "utf-8";
/* CSS Document */

html, body{ height:100%; position:relative;}

.m_ver{ display:none !important;}
.m_ver_in{ display:none !important}

.m_inner{ padding:0 15px; position:relative;}

.widthWrap:after { display: block; clear: both; content: "";}

/* Layout Skip Menu */
div.skip{position:absolute;top:0;left:0;width:98%;text-align:center;z-index:100;}
div.skip a{display:block;height:0px;width:10px;overflow:hidden;color:#004bd9;font-weight:bold;background:#fff;}
div.skip a:focus, div.skip a:active{height:auto;width:100%;padding:5px;margin-bottom:10px;}

/* 공통 innerLayer */
.widthWrap{margin: 0px auto; width: 1500px; position: relative;}
.innerLayer{margin: 0px auto; width:1320px; position: relative;}

#header{ height:142px; position:relative; border-bottom:1px solid #e5e7ee;}
/*#header:before{ content:""; position:absolute; left:0; bottom:1px; width:100%; height:1px; background:#e5e7ee;}*/

/* Header Nav */
.nav_wrap{ }
.nav_wrap h1{ position:absolute; top:12px; z-index:3;}

/* Mobile Ver Header */
#mobile_header{ background:#fff; display:none;}
#mobile_header h1{ padding:0 15px;}
#mobile_header h1 img{ height:36px;}
.m_top{ height:60px; line-height:60px;}

/* Mobile Ver Menu Button Menu */
.btn_m_allMenu{ background:url(../images/common/btn_allmenu.png) no-repeat; width:22px; height:22px; position:absolute; right:15px; top:20px; background-size:contain;}
.btn_m_allMenu_close{ background:url(../images/common/btn_m_all_menu_close.png) no-repeat; width:22px; height:22px; position:absolute; right:15px; top:18px; background-size:contain;}
.btn_m_admin{  background:url(../images/common/icon_admin_setting.png) no-repeat; width:23px; height:24px; position:absolute; right:56px; top:18px; background-size:contain;}
.m_user_anchor{ font-size:15px;}
.m_user_anchor em{ display:inline-block; width:30px; height:30px; vertical-align:middle; border-radius:50px; margin-right:8px; 
	background:url(../images/common/icon_user_anchor.png) no-repeat center #fff;;
}

.mobile_menu_wrap{ position:absolute; height:100%; top:0; width:100%; background:#fff; z-index:999; display:none;}
.mobile_menu_wrap:after { display: block; clear: both; content: "";}
.m_menu_top{ font-family:"SCDream5"; font-size:20px; height:60px; line-height:60px; background:url(../images/common/btn_allmenu.png) no-repeat left 20px center #eef2f7; position:relative; padding:0 15px 0 48px;}

.d_twin_banner{ height:60px; line-height:60px; background:url(../images/common/dwin_bg.png) no-repeat left #7947a7; padding:0 15px; background-size:contain;}
.d_twin_banner span{ font-family:"SCDream6"; background:url(../images/common/icon_d_service.png) no-repeat left center; font-size:20px; color:#fff; padding-left:30px;}
.d_twin_banner button{ float:right; height:60px; line-height:60px; font-size:14px; color:#fff; padding:0 28px;
	background:url(../images/common/icon_new_window.png) no-repeat right center; background-size:18%;
}

#m_menu{ padding:15px;}
#m_menu  > li{ background:url(../images/common/m_dep1_menu_plus.png) no-repeat top 19px right 15px #eef2f7; background-size:20px;}
#m_menu  > li > a{ display:block; font-size:18px; font-family:"SCDream5"; height:60px; line-height:60px; padding:0 15px 0 55px; border-bottom:1px solid #1e1e1e; background:#eef2f7;}

#m_menu .no_m_Dept3{ background:#eef2f7;}

#m_menu  > li:nth-child(1) > a{ background:url(../images/common/subMenu_01.png) no-repeat left 15px center; background-size:auto 30px;} /* 실시간 자료조회 */
#m_menu  > li:nth-child(2) > a{ background:url(../images/common/subMenu_02.png) no-repeat left 15px center; background-size:auto 30px;} /* 대기정보  */
#m_menu  > li:nth-child(3) > a{ background:url(../images/common/subMenu_03.png) no-repeat left 15px center; background-size:auto 30px;} /* 통계정보  */
#m_menu  > li:nth-child(4) > a{ background:url(../images/common/subMenu_04.png) no-repeat left 15px center; background-size:auto 30px;} /* 그린아카데미  */
#m_menu  > li:nth-child(5) > a{ background:url(../images/common/subMenu_05.png) no-repeat left 15px center; background-size:auto 30px;} /* 기타환경  */
#m_menu  > li:nth-child(6) > a{ background:url(../images/common/subMenu_06.png) no-repeat left 15px center; background-size:auto 30px;} /* 고객지원  */
#m_menu  > li:nth-child(7) > a{ background:url(../images/common/subMenu_07.png) no-repeat left 15px center; background-size:auto 30px;} /* 전기차  */
#m_menu  > li.etc > a{ background:url(../images/common/subMenu_00.png) no-repeat left 15px center; background-size:auto 30px;} /* 더추가메뉴 */

#m_menu .m_dep2,
#m_menu .m_dep3{}
#m_menu .m_dep2 > li{ background:#fff;}
#m_menu .m_dep2 > li > a{ height:56px; line-height:56px; font-size:16px; padding:0 25px; font-family:"SCDream5"; border-bottom:1px solid #dcdcdc; display:block;}
#m_menu .m_dep3{ background:#fffff4; padding:6px 0; border-bottom:1px solid #dcdcdc;}
#m_menu .m_dep3 li{ }
#m_menu .m_dep3 li a{ height:40px; line-height:40px; font-size:14px; margin-left:34px; padding-left:12px; position:relative; display:block;}
#m_menu .m_dep3 li a:before{ content:""; position:absolute; left:0; top:18px; width:4px; height:4px; border-radius:50px; background:#646464;}

/* Header Left */
.head_top{ border-bottom:1px solid #e5e7ee; height:46px;}
.head_top .top_left_link{ display:table;}
.head_top .top_left_link li{ position:relative; display:table-cell; padding-right:27px;}
.head_top .top_left_link li:last-child{ padding-right:0;}
.head_top .top_left_link li:before{ content:""; position:absolute; right:13px; top:14px; width:1px; height:15px; background:#e5e7ee;}
.head_top .top_left_link li:last-child:before{ background:none;}
.head_top .top_left_link a{ color:#666; height:46px; line-height:46px; font-size:14px;}

.head_top .top_right_link{}

/* Header Right */
.head_top .top_right_link{ position:absolute; right:0; top:0; display:table-cell;}
.top_right_link > li{ position:relative; display:table-cell; vertical-align:middle; padding:0 14px;}
.top_right_link > li:first-child:before{ content:""; position:absolute; right:5px; top:16px; width:1px; height:15px; background:#e5e7ee;}
.top_right_link > li:last-child{ padding:0;}

.btn_work_sytem{ display:inline-block; width:100px; height:30px; line-height:30px; border:1px solid #7eabc3; background:url(../images/common/icon_system_open.png) no-repeat right 12px center #f4fbff; font-size:12px; color:#006faa; border-radius:5px; padding-left:12px;}

.user_anchor{ position:relative; padding-left:23px;}
.user_anchor:before{ content:""; position:absolute; left:0; top:1px; width:13px; height:15px; background:url(../images/common/icon_user_anchor.png) no-repeat;}

/* Quick Menu */
.quick_menu{width: 80px; position:absolute;top:142px; right:0;background: #fff; padding:0 15px; z-index:3;}
.quick_menu .tit{ font-family:"SCDream6"; color:#464646; text-align:center;/* height: 38px; */line-height: 36px; border-bottom:2px solid #f0f0f0;margin-bottom:20px;}
.quick_menu li{margin-bottom: 30px;}
.quick_menu li a{ display:inline-block; width:100%; text-align:center; padding-top:42px;}
.quick_menu li:nth-child(1) a{ background:url(../images/common/icon_quick01.png) no-repeat top center;}
.quick_menu li:nth-child(2) a{ background:url(../images/common/icon_quick02.png) no-repeat top center;}
.quick_menu li:nth-child(3) a{ background:url(../images/common/icon_quick03.png) no-repeat top center;}

.btn_go_top{
   width: 56px; height:26px; line-height:26px; color:#323232;
   padding-left: 25px;
   /* margin-bottom: 10px; */
   margin-bottom: 10px;
   font-size: 10px;
   display:
   inline-block;
   background: url(../images/common/arrow_quick_top.png) no-repeat left 10px top 9px; border:1px solid #cccccc; border-radius:50px;
}

.h4{ font-size:17px; font-family:"SCDream5"; margin-top:36px; margin-bottom:20px; background:url(../images/common/h4_blit.png) no-repeat left top 3px; padding-left:26px;}
.h4_first{ margin-top:0;}

/* 레이어 창 확대/축소 */
.btn_min{ float:right; width:30px; height:30px; font-size:0; position:relative; margin-top:4px; margin-right:-5px;}
.btn_min:before {content: ""; position: absolute; left: 30%; top:50%; transform: translate(-50%,-50%); width: 14px; height: 2px; background: #fff; transition: all 0.3s;  transform: translate(0, 0);}
.btn_min.on:after {content: ""; position: absolute; left: 50%; top:30%; transform: translate(-50%,-50%); width: 2px; height: 14px; background: #fff; transition: all 0.3s;  transform: translate(0, 0);}
.btn_min.on:before,
.btn_min.on:after{ transform: rotate(180deg);}

/* 기상 icon */
.weather_info{ display:table;}
.weather_info li{ display:table-cell; vertical-align:middle; padding-right:10px;}
.weather_info .icon{ display:inline-block; width:30px; height:30px; margin-top:4px;}
.weather_info .icon.w1{ background:url(../images/common/weather_icon.png) no-repeat top 0px center;}   /* 맑음 */
.weather_info .icon.w2{ background:url(../images/common/weather_icon.png) no-repeat top -30px center;} /* 약간흐림 */
.weather_info .icon.w3{ background:url(../images/common/weather_icon.png) no-repeat top -60px center;} /* 구름많음 */
.weather_info .icon.w4{ background:url(../images/common/weather_icon.png) no-repeat top -90px center;} /* 비내림 */
.weather_info .icon.w5{ background:url(../images/common/weather_icon.png) no-repeat top -120px center;} /* 눈비내림 */
.weather_info .icon.w6{ background:url(../images/common/weather_icon.png) no-repeat top -152px center;} /* 눈내림 */

/* 디지털트윈 서비스 */
.btn_d_service{ display:inline-block; font-family:"SCDream5"; height:45px; line-height:45px; width:200px; padding-left:62px;
	background:url(../images/common/icon_d_service.png) no-repeat left 25px center #7947a7; color:#fff;
}
.btn_d_grcity{ display:inline-block; font-family:"SCDream5"; height:45px; line-height:45px; width:230px; padding-left:62px;
	background:url(../images/common/icon_d_grcity.png) no-repeat left 25px center #32a756; color:#fff !important;
}

/* 전체 메뉴 */
.btn_allmenu{ position:absolute; background:url(../images/common/btn_allmenu.png) no-repeat; height:18px; width:18px; right:0; top:40px;}

/* 상단메뉴 GNB */
.gnb-menu { display: table; float:right; margin-right:26px;}
.gnb-menu .gnb-menu-list { overflow: hidden; display: table-cell; height:70px;}
.gnb-menu .gnb-menu-list .gnb-menu-item {
	padding: 0 26px; color: #141414; height:96px; line-height:96px; font-size: 17px; font-family:"SCDream5"; display: block; position: relative; text-align:center; 
}

.gnb > li > a:hover, .gnb > li > a:focus, .gnb > li > a.current,
.gnb-menu .gnb-menu-list .gnb-menu-item.current{ color: #519a48;}

#nav{margin: 0px auto; width:1320px; position: relative;}
.submenuBg{/*background:url("../images/common/subMenu_bg.png") center 0 repeat-y;*/ background:url(../images/common/subMenu_shadow.png) repeat-x top #fff;
	position:absolute;left:0;top:142px; width:100%;z-index:990; box-sizing:content-box;
}
.submenuBg:after{content: ""; position: absolute; left: 0; bottom:-1px; right:0; height:1px; background:#7eabc3;}
.submenuBg:before{content: ""; position: absolute; left: 0; top:0; bottom:0; right:1320px; height: 100%; background:#f5f5f5;}

.gnb .submenu{width:1320px; height:auto; z-index:99999; line-height:0px; position:absolute; left:0; top:96px; background-color:#fff;
background-image:url(../images/common/subMenu_bg.png), url(../images/common/subMenu_shadow.png); background-repeat: no-repeat, repeat-x; background-position:left top, left top;}
.gnb .submenu:after{content:'';display:block;clear:both}

.gnb .submenu > div{float:left;width:300px; min-height:200px; padding:58px 0 0 30px;}
.gnb .submenu > div > span{ position:relative; font-size:28px;color:#1e1e1e;font-family:"SCDream5";}
.gnb .submenu > div > span:before {content: ""; position: absolute; left:0; bottom: -16px; width:40px; height: 2px; background: #519a48;}

ul.gnb li:nth-child(1) > .submenu > div{background:url("../images/common/subMenu_01.png") left 30px top 120px no-repeat}
ul.gnb li:nth-child(2) > .submenu > div{background:url("../images/common/subMenu_02.png") left 30px top 120px no-repeat}
ul.gnb li:nth-child(3) > .submenu > div{background:url("../images/common/subMenu_03.png") left 30px top 120px no-repeat}
ul.gnb li:nth-child(4) > .submenu > div{background:url("../images/common/subMenu_04.png") left 30px top 120px no-repeat}
ul.gnb li:nth-child(5) > .submenu > div{background:url("../images/common/subMenu_05.png") left 30px top 120px no-repeat}
ul.gnb li:nth-child(6) > .submenu > div{background:url("../images/common/subMenu_06.png") left 30px top 120px no-repeat}

.submenu ul.menubox{float:right;width:984px;padding: 38px 17px 38px 0;}
.submenu ul.menubox > li{float:left;width:25%;padding:0 14px; margin-bottom:6px;}
.submenu ul.menubox > li > a{border:#dcdcdc solid 1px;text-align:left;display:block;width:100%;height:40px;line-height:40px;font-size:16px; background:#fff;border-radius:5px;padding-left:18px;margin-top: 5px;}
.submenu ul.menubox > li > a.on,
.submenu ul.menubox > li > a:hover{ font-family:"SCDream5";border:#519a48 solid 1px;}
.submenu ul.menubox > li:nth-child(4n+1) {clear:both !important}
.submenu ul.menubox > li > ul {padding: 10px 0 0px;}
.submenu ul.menubox > li > ul > li{ margin-bottom:6px;}
.submenu ul.menubox > li > ul > li:last-child{ margin-bottom:0;}
.submenu ul.menubox > li > ul > li > a{display:block;text-align:left;word-break:keep-all; line-height:18px;color: #595959; font-size: 14px;padding-left:10px; position:relative; margin-left:20px;}
.submenu ul.menubox > li > ul > li > a:before {content: ""; position: absolute; left:0; top: 7px; width:4px; height:4px; background: #969696; border-radius:50px;}
.submenu ul.menubox > li > ul > li > a.on,
.submenu ul.menubox > li > ul > li > a:hover{ color:#519a48; text-decoration:underline;}
.submenu ul.menubox > li > ul > li > a.on:before,
.submenu ul.menubox > li > ul > li > a:hover:before {background: #519a48;}

/* DIV Box */
.divBox{ overflow:hidden;}
.dis_no{ display:none;}

.txt_red{ color:#ff3737 !important;}
.txt_blue{ color:#0052b8 !important;}
.txt_gray{ color:#999 !important;}

/*### 공용 ###*/

/* TAB */
.page_tab:after, .page2_tab:after { display: block; clear: both; content: "";}

.page_tab{ margin-bottom:30px; border-bottom:1px solid #1e1e1e;}
.page_tab li{ float:left; border: 1px solid #ddd; border-left:none; border-bottom:1px solid #1e1e1e;  margin-bottom:-1px; width:260px;}
.page_tab li:first-child{ border-left:1px solid #ddd; margin-left:-1px;}
.page_tab li a{ display:block; height:48px; line-height:48px; text-align:center; font-size:15px;}
.page_tab li.on{background:#fff; border:1px solid #1e1e1e; border-bottom:1px solid #fff; margin-bottom:-1px;}
.page_tab li.on a{ font-family:"SCDream5";}

.page2_tab{ margin-bottom:30px; border-bottom:1px solid #1e1e1e;}
.page2_tab li{ float:left; border: 1px solid #ddd; border-left:none; border-bottom:1px solid #dcdcdc;  margin-bottom:-1px; width:260px;}
.page2_tab li:first-child{ border-left:1px solid #dcdcdc; margin-left:-1px;}
.page2_tab li a{ display:block; height:48px; line-height:48px; text-align:center; font-size:15px;}
.page2_tab li.on{background:#fff; border:1px solid #1e1e1e; border-bottom:1px solid #fff; margin-bottom:-1px;}
.page2_tab li.on a{ font-family:"SCDream5";}
.page2_tab_cont{ display:none; margin-bottom:30px;}
#page2_tab1{ display:block;}

/* Table */
table{ width:100%;}

/* Table - Top */
.table_top_info{ margin-top:10px; height:40px; line-height:40px; padding:0 20px 0 20px; background:#f7f7f7; margin-bottom:5px;}
.table_top_info .tit{ color:#1e1e1e; font-family:"SCDream5"; font-size:14px;}
.table_top_info.bgNone{ background:none; padding:0;}

/* Table : Searh */
.table_search{ border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; margin-bottom:10px;}
.table_search th,
.table_search td{ border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:9px 15px; min-height:50px;}
.table_search th{ background:#f7f7f7; text-align:center;}
.table_search td{ font-size:12px;}

.day_select{}
.sel_m_warp li{ display:inline-block;}

/* Table : Basic 기본 */
.table_ba{ border-top:2px solid #1e1e1e; border-left:1px solid #dcdcdc;}
.table_ba th,
.table_ba td{ text-align:center; color:#141414; padding:9px 9px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.table_ba th{ background:#f7f7f7;}
.table_ba td{}
.table_ba.top_none{ border-top:1px solid #dcdcdc;}

.table_ba.thFix th,
.table_ba.thFix td{ white-space: nowrap;}

/* Table : Date View */
.table_data{ border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.table_data th,
.table_data td{ text-align:center; color:#1e1e1e; padding:5px 9px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.table_data th{ background:#f7f7f7; font-size:13px; white-space: nowrap; }
.table_data td{ font-size:12px;}

/* 게시판 : 목록 */
.bbs_list{ border-top:2px solid #1e1e1e;}
.bbs_list th,
.bbs_list td{ text-align:center; color:#141414; padding:14px 10px; border-bottom:1px solid #dcdcdc;}
.bbs_list th{ background:#f7f7f7; font-family:"SCDream5";}
.bbs_list td{}

.bbs_list.thFix th,
.bbs_list.thFix td{ white-space: nowrap;}

/* 게시판 : 공지사항 : 목록 */
.bbs_list.notiList{}
.bbs_list.notiList a{text-overflow: ellipsis; white-space: nowrap;overflow: hidden; width:560px; display:block;}
.bbs_list.notiList th:nth-child(1){ width:80px;}
.bbs_list.notiList th:nth-child(2){}
.bbs_list.notiList th:nth-child(3){ width:120px;}
.bbs_list.notiList th:nth-child(4){ width:100px;}
.bbs_list.notiList th:nth-child(5){ width:120px;}

/* 게시판 : FAQ : 목록 */
.bbs_list.faqList{}
.bbs_list.faqList a{text-overflow: ellipsis; white-space: nowrap;overflow: hidden; width:560px; display:block;}
.bbs_list.faqList th:nth-child(1){ border:1px solid red; width:80px;}
.bbs_list.faqList th:nth-child(2){}
.bbs_list.faqList th:nth-child(3){ width:120px;}
.bbs_list.faqList th:nth-child(4){ width:120px; border:1px solid yellow;}
.bbs_list.faqList th:nth-child(5){ width:90px; border:1px solid green;}

/* 게시판 : 상세 */
.bbs_view{ border-top:2px solid #1e1e1e;}
.bbs_view li{ padding:14px 10px; border-bottom:1px solid #dcdcdc;}
.bbs_view .tit{ background:#f7f7f7; font-family:"SCDream5";}
.bbs_view .info{}
.bbs_view em{ font-family:"SCDream5";}
.bbs_view .bbs_file_down{ color:#0000ff; text-decoration:underline; margin-left:30px; position:relative;}
.bbs_view .bbs_file_down:before{content: ""; position: absolute; left:-30px; top:0px; width:21px; height:20px; background:url(../images/common/icon_clip.png) no-repeat;}
.bbs_view .ren_date{ float:right; margin-right:200px;}
.bbs_view .user_conunt{}

.bbs_view_cont{ padding:20px; border-bottom:1px solid #1e1e1e; min-height:300px; color:#505050;}
.bbs_view_cont textarea{ min-height:250px;}

/* 게시판 : 입력 */
.bbs_view input[type=text]{ width:100%;}
.bbs_view .tit input[type=text]{ padding:8px 10px;}

/* 대기정보 : 대기정보 예보 : 예상이미지 */
.table_m_view{ border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.table_m_view th,
.table_m_view td{ text-align:center; color:#141414; padding:9px 9px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.table_m_view th{ background:#f7f7f7;}
.table_m_view td{ line-height:1.8;}

/* Button */
.btn_area{ text-align:right; margin-top:10px;}

.btn_s{ height:30px; line-height:30px; color:#fff; background:#494748; border-radius:5px; padding:0 20px; display:inline-block; text-align:center;}
.btn_s i{ color:#fff;}

.btn_m{ width:110px; height:34px; line-height:34px; color:#fff; background:#494748; border-radius:5px; display:inline-block; text-align:center;}
.btn_m i{ color:#fff; font-size:15px;}
.btn_m.green{ background:#0f783f;}
.btn_m.brown{ background:#a26b19;}
.btn_m.white{ background:#fff; border:1px solid #dcdcdc; color:#141414;}
.btn_m.white i{ color:#141414;}


/*페이징*/
.pagebtn { text-align:center; padding-top:20px; }
.pagebtn> a:first-child { margin-left:0px !important;}
.pagebtn> a { font-size:12px; width:32px; height:32px; line-height:32px; display:inline-block; text-align:center; color:#505050; margin-left:1px;  cursor: pointer; vertical-align:middle;}
.pagebtn> a> img { height:24px; width:24px; border:0px;}
.pagebtn> .select { color:#a26b19; font-family:"SCDream5"; border: 1px solid #a26b19;}
.pagebtn> a:hover { text-decoration:underline; }
.pagebtn> .arrowbtn { color:#c8c8c8; font-family:"SCDream5"; letter-spacing:-2px; border:1px solid #c8c8c8;}
.pagebtn .first{ background:url(../images/sub/arrow_page_first.png) no-repeat center;}
.pagebtn .prev{ background:url(../images/sub/arrow_page_prev.png) no-repeat center;}
.pagebtn .next{ background:url(../images/sub/arrow_page_next.png) no-repeat center;}
.pagebtn .end{ background:url(../images/sub/arrow_page_end.png) no-repeat center;}

/* 지도 확대/축소 */
.map_zoom{ position:absolute; display:table; right:20px; top:20px; z-index:99;}
.map_zoom li{ display:table-cell;}
.map_zoom li:first-child{ padding-right:1px;}
.map_zoom li button{ width:41px; height:32px;}
.map_zoom li:first-child button{ background:url(../images/common/btn_map_zoom_minus.png) no-repeat;}
.map_zoom li:last-child button{ background:url(../images/common/btn_map_zoom_plus.png) no-repeat;}
.map_zoom li:first-child button:hover{ background:url(../images/common/btn_map_zoom_minus_on.png) no-repeat;}
.map_zoom li:last-child button:hover{ background:url(../images/common/btn_map_zoom_plus_on.png) no-repeat;}

/* 지도 축척 */
.map_scale{ position:absolute; left:20px; bottom:20px; background:#fff; border-radius:5px; height:28px; line-height:28px; padding:0 15px; z-index:99;}
.map_scale em{ font-size:10px; color:#1e1e1e; margin-right:8px;}
.map_scale span{ border:2px solid #000; border-top:none; display:inline-block; width:64px; height:6px;}

/* 툴팁 */
.map_tooltip_wrap{ display:none;}
.map_tooltip{ position:absolute; border:1px solid #7c9db6; background:#fff; border-radius:5px; box-shadow: 3px 4px 0 rgba(0, 0, 0, 0.1); z-index:9999; }
.map_tooltip.slate:after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -14px; width: 14px; height: 14px; background:url(../images/common/map_tooltip_bottom.png) no-repeat;}
.map_tooltip.air_b:after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -14px; width: 14px; height: 14px; background:url(../images/common/map_tooltip_bottom.png) no-repeat;}
.map_tooltip.air_c:after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -14px; width: 14px; height: 14px; background:url(../images/common/map_tooltip_bottom.png) no-repeat;}
.map_tooltip.ev:after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -14px; width: 14px; height: 14px; background:url(../images/common/map_tooltip_bottom.png) no-repeat;}
.map_tooltip .cont{ padding:15px;}
.map_tooltip .cont span{ font-family: "SCDream5";}

.map_tooltip .cont.good ul li span{ color:#0056df;} /* 좋음 */
.map_tooltip .cont.nomal ul li span{ color:#01b56e;} /* 보통 */
.map_tooltip .cont.bad ul li span{ color:#f5c932;} /* 나쁨 */
.map_tooltip .cont.worst ul li span{ color:#da3539;} /* 매우나쁨 */

.map_tooltip.ver2:after{content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: -14px; width: 14px; height: 14px; background:url(../images/common/map_tooltip_bottom.png) no-repeat;}
.map_tooltip.ver2 .tit{ color:#323232; background:#fff; border-bottom:1px solid #dcdcdc; border-radius:5px 5px 0 0; margin:0 10px; text-align:left; padding:0 0 0 10px;}

.map_tooltip.ver3:after{content: ""; position: absolute; left: 10%; transform: translateX(-50%); bottom: -14px; width: 14px; height: 14px; background:url(../images/common/map_tooltip_bottom.png) no-repeat;}
.map_tooltip.ver3 .tit{ color:#323232; background:#fff; border-bottom:1px solid #dcdcdc; border-radius:5px 5px 0 0; margin:0 10px; text-align:left; padding:0 0 0 10px;}

.point_info_list li{ position:relative; padding-left:7px; line-height:22px; font-size:13px; color:#323232;}
.point_info_list li:after{content: ""; position: absolute; left: 0; top: 8px; width: 2px; height: 2px; background:#323232;}
.map_tooltip .tit{ position:relative; font-size:15px; color:#fff; background:#519a48; height:40px; line-height:40px; padding:0 18px; font-family: "SCDream5"; border-bottom:1px solid #dcdcdc;}
.map_tooltip .tit:after{ background:none;}
.map_tooltip .v_num{ font-family: "SCDream5"; color:#64c058;}

.map_tooltip.slate{ width:120px;}
.map_tooltip.air_b{ width:262px;}
.map_tooltip.air_c{ width:262px;}

/* 툴팁 자세히 보기 Button */
.btn_detail_view{ display:inline-block; width:114px; height:26px; line-height:26px; border:1px solid #ccc; border-radius:50px; font-size:13px; color:#323232; padding-left:15px;
	background:url(../images/common/arrow_bk_right.png) no-repeat right 15px center #fff; margin-top:-5px;
}

.btn_tooltip_close{ position:absolute; width:40px; height:40px; right:0; font-size:0; background:url(../images/common/btn_tooltip_close_web.png) no-repeat center;}
.map_point{ cursor:pointer; z-index:3;}
.dim_bg{ z-index:999; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.6); opacity:1;}

/* Footer */
#footer{ background:#3a3e3f;}
.footer_top{ border-bottom:1px solid #4e5253; height:80px; padding-top:32px;}
.footer_nav{ display:table;}
.footer_nav li{ display:table-cell; padding-right:38px; position:relative;}
.footer_nav li:before{content: ""; position: absolute; right: 16px; top: 10px; width:4px; height:4px; background: #696c6d; border-radius:50px;}
.footer_nav li:last-child:before{ display:none;}
.footer_nav li:last-child{ padding-right:0;}
.footer_nav li a{ color:#cbcccd; font-size:15px; display:inline-block;}

.family_site_wrap{ position:absolute; top:16px; right:0;}
.family_site{ width:210px; height:46px; line-height:46px; border:1px solid #4e5253;  text-align:left; font-size:14px; font-family:"SCDream5"; color:#cbcccd; padding-left:16px;
	background:url(../images/common/arrow_fsite_down.png) no-repeat right 12px center #3a3e3f;
}
.family_site.on{ background:url(../images/common/arrow_fsite_up.png) no-repeat right 12px center;}

.family_site_list{ background:#fff; position:absolute; border:1px solid #dcdcdc; width:100%; top:46px; z-index:2; display:none;}
.family_site_list li{ border-bottom:1px solid #dcdcdc;}
.family_site_list li a{ display:block; height:40px; line-height:40px; padding-left:18px;}

.footer_bottom{ padding-top:22px; padding-bottom:22px; position:relative;}
.left_info{}
.left_info p, address{ font-size:15px; color:#cbcccd;}
.left_info .address{ margin-bottom:10px;}
.left_info .tel{ margin-bottom:22px;}
.left_info .copyright{ color:#737576;}
.right_link{ position:absolute; right:0; top:30px;}
.right_link a{ margin-left:30px;}
.right_link a:first-child{ margin-left:0px;}

/* 공통 Popup */
#popup{}
.popup_tit{ background:url(../images/common/blit_popup.png) no-repeat left 20px center #494748; height:50px; line-height:50px; font-family:"SCDream5"; color:#fff; font-size:16px; padding-left:48px;}
.popup_cont{ padding:15px;}

@media all and (max-width:1500px) {
	.quick_menu{ display:none;}
	}

@media all and (max-width:1240px) {
	
	}

@media all and (max-width:1024px) {
	#header{ display:none;}
	#mobile_header{ display:block;}

	.innerLayer{ width:100%;}
	.sub_visual_cont{ padding-left:0 !important;}
	
	.sub_cont{ width:100% !important; padding:0 20px;}
	.leftMenu{ display:none;}
	
	.map_zoom{ z-index:2;}

	#footer{ padding:0 20px;}

	.table_m_view th{ white-space:nowrap;}
	
	
	
		
	.layout_inner{ width:100%; padding:0 15px;}
	.layout_inner_s{ width:100%;}
	
	/*#web_header, .w_ver, .mobile_menu_wrap{ display:none;}*/
	
	.m_ver_in{ display:inline-block !important;}
	.w_ver{ display:none !important;}
	#mobile_header{ display:block; }
	.sns_share{ display:none;}	
	

	.footer_cont{padding:28px 20px;}
	.footer_logo{ float:none; margin-top:0; margin-bottom:18px; display:block;}
	.footer_info{ float:none; margin-left:0;}
	.go_top{ right:15px;}
	
	}

@media all and (min-width:640px) {
	.dim_bg{  display:none !important;}
}

@media (max-width: 640px){
	.m_ver{ display:block !important;}
	.h4_first{margin-top: 36px !important;}
	.table_ba th,
	.table_ba td{white-space: nowrap;}
	
	.btn_m{ width:auto; padding:0 20px;}
	
	.table_search th{ white-space:nowrap;}
	
	/* MAP 툴팁 */
	.map_tooltip{ left: 50% !important; top:50% !important; transform: translate(-50%,-50%);}
	.map_tooltip.slate:after{ display:none;}
	.map_tooltip.air_b:after{ display:none;}
	.map_tooltip.air_c:after{ display:none;}
	.map_tooltip.ev:after{ display:none;}
	.map_tooltip.ver2:after{ display:none;}
	.btn_tooltip_close{ border-radius:50px; width:80px; height:40px; line-height:40px; left:50%; right:auto; top:-50px; transform: translateX(-50%); font-size:14px; padding-left:22px;
		background:url(../images/common/btn_tooltip_close_m.png) no-repeat left 18px center #fff; background-size:12px;;
		}
		.ol-selectable{position:unset !important;}
	.map_tooltip.ev{ width:100%;}
	
	.btn_ev_m_search{display: inline !important;}

	/* 공지사항 : 목록 */
	.bbs_list.notiList th:nth-child(1){ width:60px;}
	
	.bbs_list.notiList th:nth-child(3),
	.bbs_list.notiList td:nth-child(3){ display:none;}
	.bbs_list.notiList th:nth-child(4),
	.bbs_list.notiList td:nth-child(4){ display:none;}

	.bbs_list.notiList th:nth-child(5),
	.bbs_list.notiList td:nth-child(5){ display:none;}
		
	.bbs_list.notiList a{ white-space:normal; width:auto; line-height:1.6;}
	
	/* FAQ : 목록 */
	.bbs_list.faqList th:nth-child(1){ width:60px;}
	
	.bbs_list.faqList th:nth-child(3),
	.bbs_list.faqList td:nth-child(3){ display:none;}
	.bbs_list.faqList th:nth-child(4),
	.bbs_list.faqList td:nth-child(4){ display:none;}
	.bbs_list.faqList th:nth-child(5),
	.bbs_list.faqList td:nth-child(5){ display:none;}
	
	.bbs_list.faqList a{ white-space:normal; width:auto; line-height:1.6;}
	
	/* 게시판 : 상세 */
	.bbs_view .ren_date{ float:inherit; display:block; padding:14px 0 0 10px; margin-top:14px; border-top:1px solid #dcdcdc; margin-left:-10px; margin-right:-10px; margin-right:0;}
	.bbs_view .user_conunt{}
	.bbs_btn_area{ text-align:center;}
	
	.sel_m_warp input[type=text]{ width:calc( 100% - 80px);}
	.table_search #pDay,
	.table_search #pStartDay,
	.table_search #pEndDay,
	.table_search #PRSNTN_YMD{ width:calc( 100% - 80px);}
	.table_search .ui-datepicker-trigger{ display:none;}
	
	.page_tab{ display:table; width:100%; table-layout:fixed;}
	.page_tab li{ display:table-cell; float:inherit; width:100%;}
	.page_tab li a{ height:38px; line-height:38px;}
	.page2_tab{ display:table; width:100%;}
	.page2_tab li{ display:table-cell; float:inherit; width:auto;}
	
	.day_select{}
	.day_select input[type=text]{ width:100px;}
	.sel_m_warp li{ display:block;}
	.sel_m_warp li:last-child{ margin-top:8px;}
	
	.btn_area{ margin-bottom:10px;}
		
	/* Footer */
	.footer_top{}
	.family_site{ display:none;}
	
	.footer_top{ height:auto; padding:15px 0;}
	.footer_bottom { padding-top:10px;}
	
	.footer_nav{}
	.footer_nav li{ padding-right:20px;}
	.footer_nav li:before{ top:7px; right:8px;}
	.footer_nav li a{ font-size:13px;}
	
	.left_info .tel{ margin-bottom:10px;}
	.right_link{ position:relative; top:auto; right:auto; margin-top:20px; text-align:center;}
	.right_link a{}
	.right_link a:nth-child(1) img{ height:30px;}
	.right_link a:nth-child(2) img{ height:30px;}
	}