@charset "utf-8";

html, body { overflow:hidden; }

/* ==== コネスト韓国地図 지도 메인 CSS ==== */
.disabled 			{ color:#a0a0a0; }

label { color:#666666; }

/* TOP MENU */
.topmenu, a.topmenu	{ font-size:14px; font-weight:bold; color:#ffffff; text-decoration:none; padding-top:0px; }
a.topmenu:visited 	{ color:#ffffff; }
a.topmenu:hover		{ color:#fff000; text-decoration:none; }

.topmenuon, a.topmenuon	{ font-size:14px; font-weight:bold; color:#fff000; text-decoration:none; padding-top:0px; }
a.topmenuon:visited 	{ color:#fff000; }
a.topmenuon:hover		{ color:#fff000; text-decoration:none; }

/* AREA BUTTON */
td.favbtn				{ background-image:url(/rsc/img/frame/fav_btn_bg.gif); }
td.favbtn_on			{ background-image:url(/rsc/img/frame/fav_btn_on_bg.gif); }

td.favbtn a				{ font-size:12px; font-weight:normal; color:#0777e7; text-decoration:none; }
td.favbtn a:visited 	{ color:#0777e7; }
td.favbtn a:hover		{ color:#fe7904; text-decoration:underline; }

td.favbtn_on a			{ font-size:12px; font-weight:normal; color:#ffffff; text-decoration:none; }
td.favbtn_on a:visited 	{ color:#ffffff; }
td.favbtn_on a:hover	{ color:#fff000; text-decoration:underline; }

td.favbtn_dis			{ background-image:url(/rsc/img/frame/fav_btn_dis.gif); }
td.favbtn_dis a			{ font-size:12px; font-weight:normal; color:#888888; text-decoration:none; cursor:normal; }
td.favbtn_dis a:visited { color:#888888; }
td.favbtn_dis a:hover	{ color:#888888; text-decoration:none; }

/* USER INFO */
td.USERINFO 		{ font-size:11px; color:#CAE7FF; letter-spacing:-0.03em; }
td.USERINFO b 		{ font-size:12px; color:#CAE7FF; letter-spacing:-0.03em; }
td.USERMENU			{ padding:0px 4px 0px 2px; }

.mypageu, a.mypageu, a.mypageu:visited
					{ font-size:12px; color:#E1F1FF; letter-spacing:-0.03em; text-decoration:underline; font-weight:bold; }
a.mypageu:hover		{ color:#fff000; text-decoration:underline; }

#TOPAREA			{ display:; height:95px; } /* FF에서 display:block경우 상단 영역 넓어짐 */
#AREAINFO			{ font-size:12px; color:#4b4b4b; white-space:nowrap; }

/* SEARCH */
input.cmr_btn		{ border:0px; margin:0px; width:16px; height:16px; font-size:1px; }
label.cmr_btn		{ font-size:11px; }
input.defvalue		{ color:#ababab; }

/* ADDR */
a.addrlang, a.addrlang:visited
					{ font-size:12px; color:#3591e8; text-decoration:none; }
a.addrlang:hover	{ color:#fe7904; text-decoration:underline; }

a.addrlang_on, a.addrlang_on:visited
					{ font-size:12px; color:#313131; text-decoration:underline; }
a.addrlang_on:hover	{ color:#fe7904; text-decoration:underline; }


#contWrapper 		{ position:relative; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }


.tabmenu, a.tabmenu { font-size:14px; font-weight:bold; color:#828282; text-decoration:none; }
a.tabmenu:hover		{ color:#0376E0; text-decoration:underline; }
span.tabmenuon, a.tabmenuon			{ font-size:14px; font-weight:bold; color:#0376E0; }

.onemenu, a.onemenu	{ font-size:12px; font-weight:normal; color:#3E3E3E; text-decoration:none; }
a.onemenu:visited 	{ color:#3E3E3E; }
a.onemenu:hover		{ color:#737171; text-decoration:underline; }

img.oneimg			{ vertical-align:middle; margin:0px 3px; }
img.onesep			{ vertical-align:middle; margin:0px 4px 1px 4px; }

a.favcatall			{ font-size:11px; font-weight:normal; color:#08209c; text-decoration:underline; }
a.favcatall:visited { color:#08209c; }
a.favcatall:hover	{ color:#2B49F4; text-decoration:underline; }

div.favcatbtn		{ border:1px solid #C6C5C5; padding:3px 12px 2px 8px; margin:0px 2px 2px 0px; float:left; white-space:nowrap; }
img.favcatimg		{ vertical-align:middle; margin:0px 4px; }
a.favcat			{ font-size:12px; font-weight:normal; color:#4b4b4b; text-decoration:none; line-height:130%; }
a.favcat:visited 	{ color:#4b4b4b; }
a.favcat:hover		{ color:#222222; text-decoration:underline; }

/* ==== 검색바 ==== */
#pannelWrapper		{ position:absolute; z-index:4; top:0px; left:0px; width:324px; height:100%; visibility:visible; overflow:hidden; }
#searchPannelDiv, #routePannelDiv, #bookmarkPannelDiv {
	position:absolute; z-index:4; top:0px; left:0px; margin-left:10px; width:306px; height:100%; overflow:hidden; display:none;
}
#searchPannelDiv 	{ display:block; }
div.searchPannelTab	{ position:absolute; z-index:0; top:9px; left:0px; width:324px; height:26px; background:url(/rsc/img/frame/search_tab_bg.gif); }

#subwayPannelDiv 	{ position:absolute; z-index:8; top:0px; left:0px; margin-left:0px; width:100%; height:100%; overflow:hidden; display:none; background-color:#ffffff; }

div.resultWrapper	{ position:relative; top:0px; left:0px; z-index:5; width:100%; height:100%; overflow:hidden; padding:0px; background-color:#ffffff; }
div.resultDivSearch {
	position:relative; top:0px; left:0px; width:100%; height:100%;
	padding:0px 0px; margin:0px; min-height:100%; max-height:100%;
	overflow:auto; overflow-x:hidden; overflow-y:auto;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #D6D6D6;
	scrollbar-darkshadow-color: #D6D6D6;
	scrollbar-track-color: #f6f6f6;
	scrollbar-arrow-color: #6B6B6B;
	background-color:#ffffff;
}
td.resultDivTop { height:2px; font-size:1px; line-height:1px; background-image:url(/rsc/img/frame/result_div_top_line.gif); }
td.resultDivBot { height:1px; font-size:1px; line-height:1px; background-image:url(/rsc/img/frame/result_div_bot_line.gif); }

/* ==== 지도 ==== */
img.WEATHERICON		{ vertical-align:middle; width:20px; height:20px; cursor:help; margin-left:8px; }
span.WEATHERINFO 	{ font-size:12px; color:#3f3f3f !important; }
a.wtinfo, a.wtinfo:visited, a.wtinfo:hover { font-size:12px; color:#0080C0; text-decoration:none; border-bottom:1px dotted #0080C0; }
a.wtinfo:hover { color:#4AA5FF; text-decoration:underline; }
table.wtlist td { font-size:11px; color:#3f3f3f; line-height:12px; letter-spacing:-1px; }
table.wtlist td span { font-size:11px; line-height:12px; letter-spacing:-1px; }
table.wtcurrent td { font-size:12px; color:#333333; line-height:13px; }

#mapDivWrapper		{ position:relative; width:100%; height:100%; }
#mapDiv				{ position:absolute; z-index:0; left:0px; width:100%; height:100%; overflow:hidden; font-size:1px; }
#mapCenterMark		{ position:absolute; z-index:0; top:50%; left:50%; width:33px; height:33px; font-size:1px; background:url(/rsc/img/frame/map_center_mark_blue.png); display:none; }
#mapContextMenu		{ position:absolute; z-index:100; top:0px; left:0px; display:none; width:100px; height:100px; }
#mapShadowTop		{ position:absolute; z-index:2; top:0px; left:0px; width:100%; height:1px; overflow:hidden; font-size:1px; }
#mapShadowLeft		{ position:absolute; z-index:2; top:0px; left:0px; width:1px; height:100%; overflow:hidden; font-size:1px; }
#mapShadowBottom	{ position:absolute; z-index:2; top:100%; left:1px; width:100%; height:1px; overflow:hidden; font-size:1px; }
#mapShadowRight		{ position:absolute; z-index:2; top:0px; left:100%; width:1px; height:100%; overflow:hidden; font-size:1px; }
#searchLayerClose	{ position:absolute; z-index:6; top:43%; left:-1px; width:20px; height:62px; display:; }
#searchLayerOpen	{ position:absolute; z-index:6; top:43%; left:-1px; width:20px; height:62px; display:none; }
img.searchLayerBtn	{ cursor:pointer; }

#MAPDEBUG	{ display:none; position:absolute; top:5px; left:260px; width:300px; height:20px; border:1px solid #efefef; background-color:#ffffff; overflow:hidden; }
#MAPTEMP 	{ display:none; visibility:hidden; position:absolute; top:-1000px; left:-1000px; width:50px; height:50px; overflow:hidden; }
#INFOTEMP 	{ display:none; visibility:hidden; position:absolute; top:-1000px; left:-1000px; width:50px; height:50px; overflow:hidden; }
#MAPIFRM	{ display:none; visibility:hidden; position:absolute; top:-1000px; left:-1000px; width:50px; height:50px; overflow:hidden; }
#SEARCHING 	{ display:none; visibility:hidden; position:absolute; top:-1000px; left:-1000px; width:50px; height:50px; overflow:hidden; z-index:9999; }

/* ==== 지하철 ==== */
#SubwayDivWrapper	{ position:relative; top:0px; left:0px; width:100%; height:100%; background-color:#ffffff; overflow:auto; }
/* #SubwayDiv			{ position:absolute; top:0px; left:0px; width:1280px; height:1050px; background-color:#ffffff; overflow:hidden; } */
#SubwayDiv			{ position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#ffffff; overflow:hidden; }
#SubwayProcessingDiv { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; display:none; z-index:9999; }

/* ==== INFO (18.07.20 ksnam) ==== */
#SubwayCInfo { position:relative; top:0px; left:0px; z-index:9999; }
#SubwayCInfo > div { x-margin-top:3px; line-height:100%; padding-left:4px; }
#SubwayCInfo > div:first-child { x-margin-top:0px; }

#SubwayCInfo > div:last-child { padding-left:10px; }

span.sublangbtn				{ display:inline-block; width:54px; height:20px; text-align:center; background:url(/rsc/img/subway/subway_lang_btn.gif); white-space:nowrap; }
span.sublangbtn.slangon  	{ background:url(/rsc/img/subway/subway_lang_btn_on.gif); }
span.sublangbtn a 			{ font-size:12px; font-weight:normal; color:#4c4b4b; text-decoration:none; }
span.sublangbtn a:visited 	{ color:#4c4b4b; }
span.sublangbtn a:hover		{ color:#222222; text-decoration:underline; }
span.sublangbtn.slangon a	{ font-weight:bold; }

label.subcid { font-size:13px; font-weight:bold; color:#0376E0; }
label.subcideng { font-size:12px; font-weight:bold; color:#0376E0; }

/* 호선 */
.sublid, .sublid a	{
	position:relative; margin:0; margin-right:2px; display:inline-block; text-decoration:none !important; border:0;
	font-size:12px; line-height:11px; white-space:nowrap; letter-spacing:-0.03em; color:#666666;
	background:url(/rsc/img/frame/sublid_btn_bg.gif) left top no-repeat;
	vertical-align:middle; overflow:visible; height:23px;
}
.sublid a, { left:2px;  padding:5px 5px 0px 3px; background-position:right top; }
.sublid *:hover, .sublid *:active, .sublid *:focus { color:#0080C0; }

/* 호선 OFF */
.sublid.slidoff, .sublid.slidoff a { /* background:url(/rsc/img/frame/sublid_btn_bg.gif) left top no-repeat; */ background:transparent; }
.sublid.slidoff a { left:2px;  padding:5px 2px 0px 3px; background-position:right top; }
.sublid.slidoff *:hover, .sublid.slidoff *:active, .sublid.slidoff *:focus {  }

/* 호선 ON */
.sublid.slidon, .sublid.slidon a { color:#0080C0; background:url(/rsc/img/frame/sublid_btn_on_bg.gif) left top no-repeat; color:#333333; }
.sublid.slidon a { left:2px;  padding:5px 2px 0px 3px; background-position:right top; }
.sublid.slidon *:hover, .sublid.slidon *:active, .sublid.slidon *:focus { color:#000000; }

.sublid.sm { font-size:11px; }
.sublid img { filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity: 0.8; }

/* 지하철 링크 */
a.sublink			{ font-size:12px; font-weight:bold; color:#03239b; text-decoration:underline; }
a.sublink:visited 	{ color:#03239b; }
a.sublink:hover		{ color:#5F7EFC; text-decoration:underline; }

img.sublinebtn		{ width:12px; height:12px; margin-right:2px; margin-bottom:2px; vertical-align:middle; }

input.subwaytext	{ width:100%; height:22px; font-size:13px; border:1px solid #aaaaaa; padding:3px 4px 0px 4px; background-color:#ffffff; }
input.subwaytext.subtexton { border:1px solid #0376e0; background-color:#F2F2F9; color:#076938; font-weight:bold; }

/* 지하철 검색 박스 */
.autocomplete-w1 { background:url(/rsc/common/jquery.autocomplete-1.1.3/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:250px; overflow:hidden; overflow-y:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:150px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

/* 16.04.21 ksnam : 지하철 환승 정보 관련 */
div[name='SWRESWIN'] span.rt-info { color:#888888; }
tr[name='SWLISTSUB'] span.rt-info { color:#aaaaaa; }

/* 즐겨찾기 */
input.bookmarkinput	{ width:100%; height:22px; font-size:13px; border:1px solid #aaaaaa; padding:3px 4px 0px 4px; background-color:#ffffff; }
input.bookmarktarea	{ width:100%; height:100%; font-size:13px; border:1px solid #aaaaaa; padding:3px 4px 0px 4px; background-color:#ffffff; }


/* 경로탐색 */
span.rtstart { font-size:14px; font-weight:bold; color:#7874EC; }
input.rtresult { width:185px; border:1px solid #0376e0; background-color:#F2F2F9; color:#0076DC; letter-spacing:-0.05em; font-weight:bold; }

a.rt_point, a.rt_point:visited
					{ color:#3F017E; text-decoration:none; }
a.rt_point:hover	{ color:#8000FF; text-decoration:underline; }
}
img.routebtn_off { border:0px; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity: 0.7; }

/* 주소선택 */
.addrSelbox, a.addrSelbox, a.addrSelbox:visited, a.addrSelbox:hover
					 { font-size:12px; font-weight:normal; color:#666666; text-decoration:none; border-bottom:1px dotted #ffffff; }
a.addrSelbox		 { color:#0080C0; border-bottom:1px dotted #0080C0 !important; }
a.addrSelbox:visited { color:#0080C0; border-bottom:1px dotted #0080C0 !important; }
a.addrSelbox:hover	 { color:#FE7904; border-bottom:1px dotted #FE7904 !important; }
.addrSelCtx			 { color:#DA6801 !important; border-bottom:1px dotted #DA6801 !important; border-top:1px dotted #DA6801 !important;}

tr.addrnor td 		 { background-color:#ffffff; cursor:pointer; }
tr.addrcur td 		 { background-color:#FFF5EC; cursor:pointer; }
tr.addrhvr td 		 { background-color:#F6F6F6; cursor:pointer; }
td.addrsep    		 { width:8px; height:18px; border-right:1px solid #cccccc; }
td.addrcode          { padding-left:4px; color:#000000; }
td.addrinfo          { padding-left:8px; padding-right:4px; color:#666666; }

/* 2011.08.08 공지사항 */
.main_notice, a.main_notice, a.main_notice:visited { letter-spacing:-1px; color:#666666; text-decoration:none; }
a.main_notice:hover { color:#1195D2; text-decoration:underline; }

/* 2013.06.10 ksnam : Main Area */
div.area_btn {
	font-size:14px; color:#8A4B20; font-weight:bold; text-align:center;
	width:93px; height:26px; padding-top:4px;
	background:url(/rsc/img/frame/area_toggle_btn.gif) no-repeat;
	margin:1px; display:block; float:left; cursor:pointer;
}
div.area_btn_on {
	color:#ffffff;
	background:url(/rsc/img/frame/area_toggle_btn_on.gif) no-repeat;
}
