@charset "utf-8";
/* ------------------------------------------------------------
 * Name      : layout.css
 * Created   : 2014-04-14 by Ahn, Cheol hyeong
 * Email  : victoryan@hanmail.net
 ------------------------------------------------------------ */

/*
레이어 우선순위
1. 헤더
	z-index:2001
	layout.css / #header
	
	전체메뉴 : z-index:60
	layout.css / .all_menu

1-1 헤더의 LNB - 2뎁스 메뉴
    z-index:40
    layout.css / .lnb .service_list .two_depth

2. 좌측메뉴 콘텐츠
	z-index:10
	map.css / .map_service .service_info .cont

3. 버스노선 상세정보 레이어팝업
	z-index:20
	map.css / .busLine_detail

4. 버스노선 상세정보 레이어팝업 > 버스노선 리스트
	z-index:30
	map.css / .busLine_detail .dtl_bd .bus_posi_view

5. 버스종류,노선정류소,구간소통 범례 , POI
	z-index:50
	map.css / .icon_info , .local_info

6. LNB 닫기 버튼
	z-index:50
	map.css / .shadow

7. 지도 컨트롤 (+-, 1~14단계 )
	z-index:30
	map.css / .map_view .mapctrl

8. 마이버스 리스트 팝업(즐겨찾기)
	z-index:40
	map.css / .myBus_view

9. Tmap Footer(축척)
	z-index:30
	map.css / #footer

10. 하단 정보
	z-index:30
	map.css / #mapFooter.v2
*/

/* SKIP Nav */
#wrap{width:100%;height:100%;min-width:1020px}
#skipNav{position:relative;z-index:9999}
#skipNav a{display:block;width:100%;height:40px;position:absolute;left:0;top:-9999px;text-align:center;line-height:40px;background:#000;color:#fff}
#skipNav a.over{top:0}

/*GNB */
#header{width:100%;position:relative;z-index:2001;background:#fff}
#header h1.logo{position:absolute;top:39px;left:50%;margin-left:-510px;width:189px;height:45px;background:url(../images/common/logo_new.jpg) no-repeat 0 0;text-indent:-999px;overflow:hidden}
#header h1.logo a{display:block;width:100%;height:100%}
.gnb{width:100%;height:25px;background:#454c5f;border-top:1px solid #6f6f6f}
.gnb .menu{width:1020px;margin:0 auto;text-align:right;height:100%}
.gnb .menu > ul{float:right}
.gnb .menu > ul > li{float:left;background:url(../images/common/partition.gif) no-repeat right 50%;height:25px;background:url(../images/common/sp_layout_v1.png) no-repeat}
.gnb .menu > ul > li > a{display:block;color:#fff;padding:0 10px;height:100%;line-height:999px;overflow:hidden}
.gnb .menu .home{width:37px;background-position:0px 0px}
.gnb .menu .login{width:56px;background-position:-37px 0px}
.gnb .menu .logout{width:70px;background-position:-553px 0px} /* 2014-07-24 추가 */
.gnb .menu .regist{width:68px;background-position:-93px 0px}
.gnb .menu .mypage{width:80px;background-position:-161px 0px}
.gnb .menu .sitemap{width:93px;background-position:-241px 0px}
.gnb .menu .screen{width:64px;background-position:-334px 0px;line-height:999px;overflow:hidden}
.gnb .menu .zoom_out{width:25px;background-position:-398px 0px}
.gnb .menu .base{width:25px;background-position:-423px 0px}
.gnb .menu .zoom_in{width:25px;background-position:-448px 0px}
.gnb .menu .eng{width:80px;background-position:-473px 0px}

.all_menu{display:none;position:absolute;top:96px;left:0;width:100%;background:url(../images/common/all_menu_bg.png) repeat-x 0 100%;height:650px;z-index:60;text-align:left;font-size:12px;border-top:1px solid #d9d9d9}
.all_menu .nav{width:850px;height:655px;margin-left:-341px;position:absolute;left:50%;top:0;border-left:1px solid #d9d9d9}
.all_menu .nav > li{float:left;width:169px;height:100%;border-right:1px solid #d9d9d9;line-height:12px}
.all_menu .nav > li > h3{width:100%;height:39px;background:#e7e7e7;font-size:16px;font-weight:bold;color:#000;line-height:39px;margin-bottom:10px}
.all_menu .nav > li > h3 a{display:block;padding-left:10px}
.all_menu a:focus,
.all_menu a:hover{text-decoration:underline}
.all_menu .btn_close{display:block;position:absolute;left:50%;top:615px;margin-left:339px;width:145px;height:30px;line-height:30px;padding-left:26px;background:#454c5f url(../images/common/close.gif) no-repeat 9px 10px;color:#fff;font-weight:bold}
.all_menu .two_depth > li{margin-bottom:15px}
.all_menu .two_depth > li > a{display:block;font-size:14px;line-height:14px;font-weight:bold;color:#0c74cf;padding-left:10px}
.all_menu .three_depth{margin-top:10px;padding-left:10px}
.all_menu .three_depth > li{margin-bottom:5px;padding-left:8px;background:url(../images/common/bl1.gif) no-repeat 1px 3px}
.all_menu .three_depth > li > a{color:#555}
.all_menu .three_depth > li > a:hover{color:#1371b7}
.all_menu .menu3 .menu3-4 a{letter-spacing:-1px}

.lnb{clear:both;width:1020px;height:70px;margin:0 auto;background:#fff}
.lnb .service_list{float:right;}
.lnb .service_list > li{float:left;height:70px}
.lnb .service_list > li > a{display:block;height:70px;text-indent:-999px;overflow:hidden;background:url(../images/common/sp_layout_v2.png) no-repeat}
.lnb .service_list .my_bus > a{width:133px;background-position:0px -51px}
.lnb .service_list .my_bus > a.on{background-position:0px -121px}
.lnb .service_list .bus_info > a{width:167px;background-position:-133px -51px}
.lnb .service_list .bus_info > a.on{background-position:-133px -121px}
.lnb .service_list .bus_line > a{width:134px;background-position:-300px -51px}
.lnb .service_list .bus_line > a.on{background-position:-300px -121px}
.lnb .service_list .customer > a{width:134px;background-position:-434px -51px}
.lnb .service_list .customer > a.on{background-position:-434px -121px}
.lnb .service_list .manual > a{width:122px;background-position:-568px -51px}
.lnb .service_list .manual > a.on{background-position:-568px -121px}
.lnb .service_list .manual a{padding-right:0px}
.lnb .service_list .two_depth{
	display:none;
	position:absolute;top:96px;left:0;
	width:100%;
	height:20px;
	line-height:28px;
	background:url(../images/common/all_menu_bg.png) repeat-x 0 100%;
	overflow:hidden;
	z-index:40;
	text-align:left;font-size:12px;
	border-top:1px solid #d9d9d9;
	padding:15px 0
}
.lnb .service_list .my_bus .two_depth{height:75px}
.lnb .service_list .bus_line .two_depth{height:110px}
.lnb .service_list .customer .two_depth{height:180px}
.lnb .service_list .manual .two_depth{height:95px}
.lnb .service_list .two_depth > div.box{width:1020px;margin:0 auto}
.lnb .service_list .two_depth > div.box > ul{float:right}
.lnb .service_list .my_bus .two_depth .box > ul{width:500px;margin-right:160px}
.lnb .service_list .bus_info .two_depth .box > ul{width:400px;margin-right:127px}
.lnb .service_list .two_depth > div.box > ul > li{float:left;height:100%;margin-right:60px}
.lnb .service_list .two_depth > div.box > ul > li > a{display:block;font-size:14px;line-height:14px;font-weight:bold;color:#0c74cf}
.lnb .service_list .two_depth > div.box > ul > li > a:hover{text-decoration:underline}
.lnb .service_list .three_depth{margin-top:10px}
.lnb .service_list .three_depth > li{padding-left:8px;background:url(../images/common/bl1.gif) no-repeat 1px 3px;line-height:12px;margin-bottom:5px}
.lnb .service_list .three_depth > li > a{color:#555}
.lnb .service_list .three_depth > li > a:hover{text-decoration:underline}

.bg{background:#f5f5f5}
.content{width:1020px;margin:0 auto;padding-bottom:25px}
.content_print{width:1020px;margin:0 auto;padding-bottom:0}

/* 패밀리사이트 2014-05-23 수정 *//* ung 2015-06-10 수정 */
.family_site{clear:both;position:relative;width:1018px;height:40px;border:1px solid #d9d9d9;margin-top:22px;overflow:hidden;background:#fff}
.family_site > ul{position:absolute;left:15px;top:0;height:40px}
.family_site > ul > li{float:left;background:#eee;height:100%;width:120px;margin-right:20px}
.family_site a{display:block;width:100%;height:100%}
.family_site a img{width:120px;height:40px}
.family_site .ctrl{width:25px;height:40px;position:absolute;bottom:0;right:0}
.family_site .ctrl > a{display:block;width:25px;height:20px;background:url(../images/common/family_site/ctrl_v2.gif) no-repeat 0 0;text-indent:-999px;overflow:hidden}
.family_site .ctrl .btn_next{background-position: 0 0}
/* 웹접근성 명도대비 3:1 수정 */
.family_site .ctrl .btn_next.off{background-position:0 0}
.family_site .ctrl .btn_prev{background-position:0 100%}
/* 웹접근성 명도대비 3:1 수정 */
.family_site .ctrl .btn_prev.off{background-position:0 100%}

/* 하단 정보 */
.ft_warp{clear:both;width:100%;height:95px;padding-bottom:25px;background:#fff url(../images/common/foot_bg.gif) repeat-x 0 0}
.ft_warp .cont{position:relative;width:856px;height:68px;margin:0 auto;font-size:12px;padding:24px 0 0 164px;line-height:12px}
.ft_warp .ft_logo{position:absolute;top:26px;left:0}
.ft_warp .policy{height:12px}
.ft_warp .policy dd{float:left;margin-right:10px;padding-right:10px;background:url(../images/common/part.gif) no-repeat 100% 1px;height:12px}
.ft_warp .policy dd.ft_down{margin-right:0;padding-right:0;background:none}
.ft_warp .ft_Personal strong{color:#1371b7}
.ft_warp address{clear:both;padding:15px 0 7px;height:12px;}
.ft_warp .call{position:absolute;top:26px;right:87px;}
.ft_warp .wa{position:absolute;top:20px;right:0}
.ft_warp .wa a{display:block}