@charset "UTF-8";


/* 본문 구분 */
.sound_only {visibility:hidden;position:absolute;left:-9999em;width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em;}

img.centerIMG {display:block;margin-left:auto;margin-right:auto;}

.float_left {float:left;}
.float_right {float:right;}



/* 기능조회 QUICK */
.quick_menu {float:left;width:160px;height:585px;margin:0;padding:0}
.quick_nav ul { margin:0; padding:0;}
.quick_nav {width:160px;height:513px;}
.quick_nav li {margin-top:1px;}

/* 지도 팝업 */
/*
.esriPopupWrapper .sizer {width: 200px !important;}
.esriPopupWrapper .content {width: 200px !important;}
.esriPopupWrapper .contentPane {width: 200px !important;}
*/
.esriPopup .outerPointer.left {/*left: -6px;*/top: 3px;}
.esriPopup .outerPointer.right {/*right: -8px; background-position: 0px -284px;*/}
.esriPopup .pointer.top {/*top: -14px; left: 5px; background-position: 0 -469px;*/}
.esriPopupWrapper #selStartBiz, .esriPopupWrapper #selEndBiz { border: solid 1px #c0c0c0; font-size: 12px; padding: 5px 10px; background: #e5e5e5; color: #666666; text-align: center; display: inline-block; cursor: pointer; margin-left: 9px; }
.esriPopupWrapper .trafficInfo ul li {list-style: none;	background: url(../images/block_list_bullet.png) 0px 4px no-repeat;	padding-left: 6px;}
.esriPopupWrapper .pointer{background-image: url(../images/map_popup_arrow.png);}
.esriPopupWrapper {background-color:#fff; /*left: 27px !important;*/}
.esriPopupWrapper .title {padding: 0px !important; padding: 0 0 0 10px !important; color: white; line-height: 26px; float: left;}
.esriPopupWrapper img {vertical-align: middle !important; padding-right: 0px !important; float: left;}
.esriPopupWrapper .title {background: url(../images/map_popup_title_bg.png) center center repeat-x;}
.esriPopupWrapper .titlePane {/*background-color:#e5e5e5; border-bottom:1px solid #d6d6d6;*/ /*padding: 5px 3px;*/ background: url(../images/map_popup_title_bg.png) center center repeat-x; overflow: hidden; top: 0px; padding: 0px;}
.esriPopupWrapper .action.zoomTo {background: url(../images/map_popup_btn_zoom.png) 0px 0px no-repeat; width: 50px; height: 26px; text-align: right; overflow: hidden; display: block; text-decoration: none; color: #666666; line-height: 26px;}
.esriPopupWrapper .titlePane .wayName {line-height:30px; overflow:hidden;padding: 0 0 0 5px; margin: 5px 0 0 0; color: white; font-weight:bold; float: left; width: 110px;}
.esriPopupWrapper .contentPane {background-color: #fff;}
.esriPopupWrapper .actionsPane {background-color: #e5e5e5;}
.esriPopupWrapper .prev,
.esriPopupWrapper .next,
.esriPopupWrapper .maximize {display: none; }
.esriPopupWrapper .close {display: block; background: url(../images/map_popup_btn_close.png) no-repeat !important; width: 23px !important; height: 36px !important; background-position: center center !important; position: relative; float: right;}
.esriPopup a {color:#ff0000;}
.trafficInfo ul li {margin-bottom: 5px; list-style: disc;list-style-position: inside;}
 

/* 지도 툴팁 */
#tooltipDialog {background: url(../images/map_tooltip_arrow.png) 0px 0px no-repeat;/*width: 70px;*/ height: 30px; line-height: 30px; color: #333333; padding: 44px 0 0 0;}
#tooltipDialog .dijitTooltipContainer {border: 0px;background: url(../images/map_tooltip_bg.png) left bottom repeat-x; color: #333333; line-height: 21px;width: 100px; overflow: hidden; height: 21px; padding: 5px 10px; border: solid 1px #898989; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;	border-radius: 10px; text-align: center;}

#tooltipDialog .dijitTooltipContainer .dijitTooltipContents.dijitTooltipFocusNode {	padding: 0px; line-height: 21px;}

.text-right {text-align:right !important;padding-right:10px !important;}

/* 사이트맵 */
.sitemap_container {clear:both;width:800px;margin:20px 0 0 6px; line-height:15px;}
.sitemap_container .column1, .sitemap_container .column2, .sitemap_container .column3, .sitemap_container .column4, .sitemap_container .column5 {float:left; width:185px; margin: 0 5px; }
.sitemap_container .column1 p, .sitemap_container .column2 p, .sitemap_container .column3 p, .sitemap_container .column4 p, .sitemap_container .column5 p{border-radius:4px; height:45px; color:#FFF; font:700 18px 'NanumGothicBold'; text-align:center; padding:20px 0 0 0;}

.sitemap_container ul li {margin: 20px 5px; padding: 0 0 10px 15px; background:url(../images/ico_detail_arrow.png) no-repeat 6px 5px; color:#36617f; border-bottom: 1px solid #e4e4e4;color:#5a5a5a; font:700 14px 'NanumGothicBold';}
.sitemap_container ul li ul li:last-child {background:url(../images/ico_detail_tree.png) no-repeat 0 2px; padding:3px 0 8px 10px;border-bottom: none; }
.sitemap_container ul li ul li {margin: 7px 0px; padding:1px 0 3px 10px; background:url(../images/ico_detail_tree.png) no-repeat 0 2px; border-bottom: none;  font:500 12px 'tahoma','Dotum';}
.sitemap_container ul li ul li ul li a {color:#34639a;}
.sitemap_container ul li a:hover,
.sitemap_container ul li ul li a:hover,
.sitemap_container ul li ul li ul li a:hover {color:#34639a;}
.sitemap_container ul li ul li ul li,
.sitemap_container ul li ul li ul li:last-child {margin: 7px 0 0 3px; padding: 0 0 0 6px; background:url(../images/bullet_gray.png) no-repeat 0 3px; border-bottom: none;}

.sitemap_container .no_sub {padding-bottom: 30px;}
.siteuse {color:#01518f;}

.bg_bl{background:#6195d0;}
.bg_gr{background:#709F5E;}
.bg_org{background:#E87300;}
.bg_gbl{background:#439FB9;}
.bg_pur{background:#9887DB;}


/*공통코드*/
.download_list{clear:both; width:347.5px; margin:5px 0 0 7.5px; line-height:15px;}
.download_list li{float:left; display:block;  height:55px;  width:160px; border-radius:4px; margin:5px 5px; font:700 16px 'NanumGothicBold';}
.download_list li a{color:#FFF; display:block; text-align:center; padding-top:20px;}
.download_list li a:hover{color:#34639a;} 

/* 달력 오늘 날짜 */
.ui-datepicker-today .ui-state-highlight {border: 1px solid #ececec !important;	background: #ececec url(../images/ui-bg_glass_75_ececec_1x400.png) 50% 50% repeat-x !important;	color: #555555 !important;}

/* 검색된 데이터가 없습니다. */
.noData {width: 100%; height: 284px; line-height: 284px; text-align: center;}
/* logo 이미지 변경*/
.map .logo-sm { background-image: url("../images/map/vWorldLogo.png") !important; width: 80px !important; height: 22px !important;}

/* 회원가입 및 로그인 폼 */
.login_wrapper {width:800px;  margin:20px 0 0 0px; font-family:'NanumGothicBold';}
.login_container {clear: both; width:760px; margin:0 auto; padding:10px 0 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.login_container h5{display:inline-block; font-size:14px; }
.login_container h5 strong{padding-left:5px;}

.login_container .item_wrapper {float: left; width:370px; margin:60px 0 0 5px; }
.login_container .loginBox {position:relative; width:370px; height:270px; background:#d8eaf7; border-radius:5px; }
.login_container .loginBox h6{position:absolute; top:-60px; left:0px; height:150px; background:url(../images/loginBox_bg.png) no-repeat center 0 }
.login_container .loginBox h6 strong{position:absolute; top:100px; left:130px; display:block; color:#6195d0; font-size:23px;}
.login_container .loginArea{position:absolute; top:98px; left:45px; width:290px; height:103px;  border-bottom:1px solid #eff5fa; }
.login_container .loginArea .mb_id {position:absolute; top:0px; left:0px;}
.login_container .loginArea .mb_pw {position:absolute; top:38px; left:0px;}
.login_container .loginArea .id_check {position:absolute; top:75px; left:0px;}
.login_container .loginArea .id_check input{float:left; margin:2px 0 0 0;}
.login_container .loginArea .id_check label{float:left; font-size:13px; padding-left:3px;}
.login_container .loginArea .mb_submit {position:absolute; top:0px; left:210px;}
.login_container .loginArea input[type=text], .login_container .loginArea input[type=password] {width:186px; height:23px; border: 1px solid #aaa; padding:3px 8px}
.login_container .login_txt{position:absolute; bottom:50px; left:75px; font-size:12px; color:#888;}
.login_container .login_txt em{color:#ec3b4d;}
.login_container .loginBtn{position:absolute; left:30%; bottom:15px}

.login_container .certfBox {position:relative; width:370px; height:270px; background:#d4f0c9; border-radius:5px; margin-left:10px;}
.login_container .certfBox h6{position:absolute; top:-60px; left:0px; height:150px; background:url(../images/certfBox_bg.png) no-repeat center 0 }
.login_container .certfBox h6 strong{position:absolute; top:100px; left:130px; display:block; color:#669e4f; font-size:23px;}
.login_container .certfArea{position:absolute; top:102px; left:35px; width:310px; height:103px;}
.login_container .certfArea img{padding-left:80px;}
.login_container .certfArea p{line-height:160%; padding:3px 0 0 0;}
.login_container .certfArea p em{color:#ec3b4d;}

.mem_join {position:relative; display:block; width:755px; height:80px; background:#efefef; border-radius:5px; margin-left:25px; }
.mem_join h6{display:inline-block; color:#576370 !important; padding-bottom:8px;}
.mem_join h6 span{float:left;}
.mem_join h6 strong{float:left; font-size:18px !important; padding-top:5px;}
.mem_join .txt{ font:500 12px 'tahoma','Dotum'; padding-left:22px;}
.mem_join a{position:absolute; right:20px; top:15px;}

/*회원가입-단계별*/
.join_steps {width:800px; height:152px; text-align:center; margin:30px 0;}
/*회원가입1-공공아이핀*/
.certfArea {width:750px; margin:0 auto; }
.certfArea .txt{display: block; font-size:12px; padding:10px 0;}
.certfArea .txt em{color:#ec3b4d;}
.ipinBox {display:inline-block; background:#f5f5f5; border-radius:5px; margin:20px 0; font-family:'tahoma','NanumGothicBold'; }
.ipinBox .ipin_img{float:left; padding:25px 0 15px 40px}
.ipinBox .ipin_guide{float:right; width:64%; padding:25px 24px 10px; line-height:19px; font-size:13px; word-wrap: break-word;}
.ipinBox .ipin_guide strong{color:#ec3b4d; font-weight:bold}
/*.ipinBox .btnWrap{width:100%\9; display:inline-block; float:right; padding:0 80px 20px 0}*/
/*회원가입2-약관동의*/
.term1 {width:100%; height: 150px; border: 1px solid #ccc; margin: 10px 0; padding: 20px; resize:none; overflow: auto; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-family: "Dotum"; font-size: 12px; line-height:15px;}
/*회원가입3-기본정보입력테이블*/
table.table_join {width:780px; margin:10px 0 0 10px; border-top: 2px solid #6195d0; border-bottom: 1px solid #eaeaea; }
.table_join td {text-indent: 10px;height: 34px; border-bottom: 1px solid #eaeaea; line-height:0; vertical-align:middle !important;}
.table_join td label {position: relative; top:2px; font-family:'tahoma','NanumGothicBold'; }
.table_join td label em {color:#ec3b4d;}
.table_join td span {position: relative; top: 2px;}
.table_join td:first-child {text-indent: 15px;height: 34px; background:url(../images/member/tb_right.gif) no-repeat center right;}
.table_join img {vertical-align:middle !important;}
.table_join input[type=text] {width: 161px; height:18px;vertical-align:middle; border: 1px solid #a9a9a9; }
.table_join td.form_mail input[type=text] {width:131px; height:20px; border: 1px solid #a9a9a9;}
.table_join td.form_mail select {vertical-align: middle;}
.table_join td input[type=image] {vertical-align: middle;}
.serch_user_info {margin: 50px 0 0 120px;}
/*회원가입4-가입완료*/
.join_finish {position: relative; width:750px; height:266px; margin:30px auto; background:url(../images/join_finish_img.png) no-repeat 0 0; }
.join_finish span{display:block; width:310px; position:absolute;  right:30px; }
.join_finish span.finish_msg{top:53px; font:600 24px 'NanumGothicBold'; color:#6195d0}
.join_finish span.finish_guide{top:90px; font:500 14px 'NanumGothic'; color:#666; line-height:18px;}

/* 아이디 찾기 */
.findBox {position:relative; height:154px; background:url(../images/find_idpw_img.png) no-repeat 30px 0; }
.findBox ul{position:absolute; top:20px; left:280px;}
.findBox ul li{display:block; float:left; font:500 13px 'tahoma','NanumGothic'; line-height:26px; }
.findBox ul li span{float:left; padding:6px 5px 0 0;}
.findBox ul li.phone{background:#e6ebf2; color:#34639a; font-size:15px; border-radius:15px; padding:2px 15px;  margin:5px 0 0 12px;}
.findBox ul li strong{color:#ec3b4d; font-family:NanumGothicBold}
.findBox input[type=text] {position: relative; top:-2px;width: 161px; height:18px;vertical-align:middle; border: 1px solid #a9a9a9; }

#mapDiv_layer0 {z-index:0;}

.spansub1 {margin-top: 40px;padding: 0 20px 20px 20px;}
.spanmenu1 {margin-top: 40px;}

.spansub1 img {vertical-align:middle;}
.spansub1 h6 small {line-height:17px;color:#6e6e6e;}

.imgGap {padding-top:60px;padding-bottom:60px;}

.dpb{display:block;}
.dpib{display:inline-block;}
/* 폰트 들여쓰기 */
.text_indent1 {text-indent:10px;}
.text_indent2 {text-indent:20px;}

/* Menu Common 
.menu{clear:both; width: 720px; height: 56px; padding-top: 20px; background:url(../images/new/main_nav_bg.png) no-repeat center;}
.menu:after{ content:""; display:block; clear:both;}
.menu .inset{ position:relative; overflow:visible; z-index:9999;}
.menu .inset:after{ content:""; display:block; clear:both;}
.menu ul{ float:left; list-style:none; margin:-1px 0; padding:0;padding-left:55px;}
.menu ul:after{ content:""; display:block; clear:both;}
.menu li{ position:relative; z-index:9999; float:left;}
.menu a{ position:relative; float:left; padding:12px 0 11px 0; margin-bottom:-1px; text-decoration:none !important; cursor:pointer;}
.menu a span{ padding:0 30px; height:14px; color: #656565; font-size:16px; font-weight:bold; vertical-align:top; border-right: 1px solid #c5c5c5;}
*/

/* Menu Major */
.menu .major{ position:relative; z-index:9999; float:left;}
.menu .major a{ overflow:hidden;}
.m2 a span {border-right: 1px solid #ffffff;}
.menu .major span{}

/*SUB 기본 레이아웃 */
.subContainer {float:left; width:788px; margin-left:10px; background:#FFF; box-shadow:1px 1px 1px 1px #cdcdcd; padding:30px 22px 30px; }
/*각 페이지 제목 레이아웃 두줄로 인하여 font-size 26에서 25로 변경 시작 - 2015.12.14*/
/*.subContainerBox{padding:30px 22px 30px; border:1px solid #d9d9d9;}*/
.subContainer h4{display:inline-block; width:786px;color:#2f76ac; letter-spacing:-1px; font-size:25px; font-family:"NanumGothicBold";
margin:0 0 20px; border-bottom:1px solid #6195d0; /*background:url(../images/h4_title_img.png) no-repeat 5px center;*/ padding:8px 0 6px 0px; }
/*각 페이지 제목 레이아웃 두줄로 인하여 font-size 26에서 25로 변경 끝 - 2015.12.14*/
.subContainer h4 span{color:#646363; font-size:12px; padding-top:10px; letter-spacing:0;font-family:"NanumGothic"; font-weight:normal}
.subContainer h4 span strong{color:#424242;}
.subContainer h4 img{vertical-align:middle}
.subContainer h5{clear:both; display:inline-block;color:#20252b;  }
.subContainer h5 strong{float:left; font:700 15px 'NanumGothicBold'; padding-top:2px;}
.subContainer h5 span{float:left; text-indent:10px; padding-right:3px;  }
.subContainer h6{display:inline-block; width:97%; height:22px; color:#464a4e; /*background:#e5eff7;*/ border-radius:3px; margin:5px 0 0px 12px;  padding-top:4px;}
.subContainer h6 strong{float:left; font:600 13px 'NanumGothicBold';}
.subContainer h6 span{float:left; text-indent:10px; padding:0px 3px 0 0;  }

/*서브 좌측메뉴 */
.vNav{ position:relative;}
.vNav img {vertical-align:middle; padding-right: 5px;  margin-left: -2px !important;}
.vNav ul{margin:0; }
.vNav > ul{border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
.vNav li{position:relative; vertical-align:top; font:600 15px 'NanumGothicBold';/* border-bottom:1px solid #d8dcde;*/}
.vNav li a{display:block; position:relative; color:#3468a3; font-weight:bold; }
.vNav > ul > li > a {background-color:#f7fafc; padding:8px 10px; border-bottom:1px solid #d9d9d9;}
.vNav li a:hover {color:#ff8a00;}
.vNav li a:hover > span {}
/*.vNav li.category ul{margin:4px 0 0 -5px !important;}*/
.vNav li.cateline{border-top:1px solid #d9d9d9;}
.vNav li.category li{display:inline-block; width:100%; background:none !important; padding:2px 3px 2px 2px;}
.vNav li.category li a{color:#444; font:600 12px 'NanumGothicBold'; height:17px; background:none !important ;}
.vNav li.category li a:hover{background:#d4e8f6 !important;}
.vNav li.category li em{float:left; width:18px; padding:0 2px 0 0; text-align:center;}
.vNav li.category li span{float:left; padding:1px 0 0; }



.vNav li ul{padding:10px;}
.vNav li li{color:#3d4e5a; margin:0; border:0; /*padding:3px 0 0;*/ font:600 13px 'NanumGothicBold'; background:url(../images/qmenu_sub_before.png) no-repeat 1px center; letter-spacing:-1px;}
.vNav li li:last-child {border-bottom: none !important;}
.vNav li li a{ font-weight:normal; border:0; color:#666 !important; padding:4px 0 5px 8px;}
.vNav li li a:focus{ }

.vNav li li a:hover {background:#d4e8f6 ; color:#000 !important;}
.vNav li li ul{margin:0px 0 5px 5px; padding:0px 0px 8px 7px; background-color:#fff;}
.vNav li li li{ margin:0;border:0;}
.vNav li li li a{ font-weight:lighter; line-height: 15px; border:0;  font:600 12px 'tahoma','Dotum';  padding:5px 5px 2px 0px; }
.vNav li li li a .i{ position:absolute; top:50%; left:100%; margin:-4px 0 0 -16px; width:8px; height:8px; color:#161b25;}
.vNav li.active{z-index:2;}
.vNav li li.active{ border:0; background:#d4e8f6 !important;/* padding:2px;*/}
.vNav li.active a{color:#3468a3; }
.vNav li.active a > span {}
.vNav li.active li a{ border:0;}
.vNav li.active .i{background-position:0 -7px;}
.vNav li.active ul{ display:inline-block; }
.vNav li.active li.active a {/*background:url(../images/ico_detailview.png) no-repeat 150px center !important;*/padding:4px 0 5px 8px; color:#20252b !important; font-weight:bold;}
.vNav li.active li.active li{background:url(../images/ico_detail_tree.png) no-repeat 0 center !important; padding:2px 0 0px 5px !important; letter-spacing:-1px; }
.vNav li.active li.active li a:hover{background:none !important; }
.vNav li.active li.active li a{background:none !important;  padding:3px 2px!important;}
.vNav li.active li.active li a span {background:none !important; padding:0 !important; color:#666 !important; font-weight:lighter;}
.vNav li.active li.active li a:hover span {background:none !important; color: #ff8a00 !important;}

.vNav li li.traffic, .vNav li li.build, .vNav li li.manage, .vNav li li.office, .vNav li li.toll, .vNav li li.coffee, .vNav li li.file, .vNav li li.link, .vNav li li.api, .vNav li li.filepur,  .vNav li li.data{background:none;}
.vNav li li.traffic img, .vNav li li.build img, .vNav li li.manage img, .vNav li li.office img, .vNav li li.toll img, .vNav li li.coffee img, .vNav li li.file img, .vNav li li.link img, .vNav li li.api img, .vNav li li.filepur img, .vNav li li.data img{padding-right:5px; margin-left:-2px !important;}
.vNav li li.active .traffic, .vNav li li.active .build, .vNav li li.active .manage, .vNav li li.active .office, .vNav li li.active .toll, .vNav li li.active .coffee{background:#d4e8f6 !important; padding:2px;}
vNav li.active li.traffic a:active{background:url(../images/ico_detailview.png) no-repeat 150px center !important;}
/*
.vNav li.active li.active .build a, .vNav li.active li.active .manage a, .vNav li.active li.active .office a,
.vNav li.active li.active .toll a, .vNav li.active li.active .coffee a, .vNav li.active li.active .file a, .vNav li.active li.active .link a, .vNav li.active li.active .api a,
.vNav li.active li.active .filepur a{ background:none !important;}
*/
.vNav .guide{ background:#eef5fa !important; border-radius:3px !important; padding:8px 5px !important; font-size:13px !important; text-align:center;}
.vNav .guide img{vertical-align:middle;}

.ul_level_2 {width:167px;}
.ul_level_3 {width:150px;}

.file_gr{color:#87bc57;}
.link_org{color:#e37948;}
.api_blue{color:#6195d0;}
.file_pur{color:#9276e1; }

.link_as{float:right;font:500 12px 'tahoma','NanumGothic'; margin-bottom:5px; }
.link_as span{float:left; }
.link_as em{float:left; padding:10px 0 0 5px;}

.link_add{float:left;}
.link_add em{float:left; padding:2px 0 0 5px;}

.link_file{float:left; color:#dbdbdb; font-size:11px; background:#eee; padding:5px 12px; margin:8px 0; border-radius:30px; letter-spacing:0;}
.link_file a{color:#aaa;}

/*--버튼스타일--*/
.searchBtnArea{display:inline; width:96%; margin-left:6px;}
.searchBtnArea div{float:left; margin-right:5px;}
a:link .searchBtn, a:visited .searchBtn{display:inline-block; height:15px; padding:4px 10px 3px; background:#ebeff2 url('../images/tbl_grid_thbg.png') repeat-x 0 0; border:1px solid #cfcfcf; border-radius:2px; color:#333; font:600 12px 'NanumGothicBold';}
.V_searchBtn{display:inline-block; height:15px; padding:4px 10px 3px; background:#ebeff2 url('../images/tbl_grid_thbg.png') repeat-x 0 0; border:1px solid #cfcfcf; border-radius:2px; color:#333; font:600 12px 'NanumGothicBold'; margin-left: 10px;}
a:hover .searchBtn, a:active .searchBtn{ height:15px; padding:4px 10px 3px; background:#ffc5ab url('../images/tbl_grid_thbg_press.png') repeat-x 0 0; border:1px solid #ddb4a0; border-radius:2px; color:#000; }
#golink .searchBtn{height:13px !important; padding:2px 10px 3px; margin-left:5px;}

/*검색*/
#btn_Search a{background-color:#0677bd; color:#fff; font-size:12px;font-family:'NanumGothic'; width:40px; height:23px; text-align:center; float:left;
display:inline-block; line-height:22px;}
#btn_Search a:hover, #btn_Search a:focus, #btn_Search a:active{text-decoration:none;}

/*원문일때 파일 다운로드 css - 2015.12.08 정재윤*/
#btn_Search1 a{background-color:#0677bd; color:#fff; font-size:12px;font-family:'NanumGothic'; width:97px; height:23px; text-align:center; float:right; margin-top: -23px;
display:inline-block; line-height:22px; margin-right: 150px; }


.btnWrap{clear:both; width:100%; display:block; display:inline-block;  text-align:center; margin-top:10px; height:70px;} 
a:link .btn_base, a:visited .btn_base{display:inline-block;  height:25px;  background:#b5d8f8 url('../images/btn_base_bg.png') repeat-x 0 0; border-radius:2px; padding:4px 12px 1px 10px;  border:1px solid #8ba0b2 ; margin:1px 0 0 3px; font:bold 13px 'NanumGothicBold'; color:#2c3845;}
a:link .btn_base .ion{padding-top:1px;}
a:link .btn_base em{float:left; display:inline-block; display:inline; margin-left:5px; letter-spacing:-1px; padding-top:3px;}
a:link .btn_base span{float:left; }
a:hover .btn_base, a:active .btn_base{height:25px; color:#FFF !important; background:#7db1e0 url('../images/btn_base_press_bg.png') repeat-x 0 0; border-radius:2px; padding:4px 12px 1px 10px; border:1px solid #6195d0 ; margin:1px 0 0 3px;}

/* 웹접근성 인증페이지 */
.sub_dl {margin-top:10px;}
.sub_dl li {margin:10px 20px 10px 20px; line-height:18px; }
.sub_dl li span{padding-right:5px; }
.sub_dl li.mark{height:150px; background:url(../images/webAccess_mark.png) no-repeat 20px center; padding:15px 0 0 250px;}
.sub_dl li.top3 img{margin-top:30px;}

/* 개인정보처리방침 */
table.privacy td {text-align: justify; line-height: 16px; font-size: 12px;}
table.privacy td.msg {padding: 10px;  font:600 13px 'NanumGothicBold'; color:#6195d0; line-height:20px; }
table.privacy td.head {padding: 30px 10px 0 0;	font-weight: bold;}
table.privacy td.text {padding: 10px;}
table.privacy td.text table.table1,table.privacy td.text table.table2 {margin: 10px; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; border-top: solid 1px #e5e5e5;}
table.privacy td.text table.table1 td, table.privacy td.text table.table2 td { vertical-align: top;	padding: 5px; border-bottom: solid 1px #e5e5e5;}
table.privacy td.text table.table1 td.type,	table.privacy td.text table.table2 td.type {font-weight: bold; white-space: nowrap;}
table.privacy td.link {text-align:center; margin-bottom:20px;}

/* 홈페이지 이용약관 */
table.useSite td {text-align: justify; line-height: 20px; font-size: 12px;}
table.useSite td.title1 {font-size: 16px; font-weight: bold; padding: 30px 10px 15px 10px;  font:600 20px 'NanumGothicBold'; color:#6195d0; border-top:1px solid #d8eaf7;}
table.useSite td.noline{border-top:none}
table.useSite td.title2 {font-weight: bold; padding: 20px 10px 0px 20px; font:600 14px 'NanumGothicBold';}
table.useSite td.text {	padding: 10px 10px 10px 30px;}
table.useSite td.text ol {margin: 0 10px 10px 20px;	list-style-type: decimal; padding: 0;}
table.useSite td.text ol li {padding: 0; margin: 0;}
table.useSite td.text ol li ol {margin: 5px 10px 5px 10px; list-style-type: circle;}
table.useSite td.text ol li ol li {padding: 0; margin: 0;}

/* 서비스 이용약관 */
table.useService td {text-align: justify; line-height: 20px; font-size: 12px;}
table.useService td.title1 {font-size: 16px; font-weight: bold;  padding: 30px 10px 15px 10px;  font:600 20px 'NanumGothicBold'; color:#6195d0; border-top:1px solid #d8eaf7;} 
table.useService td.noline{border-top:none}
table.useService td.text {padding: 10px 10px 10px 20px;}
table.useService td.text ol {margin: 10px 10px 10px 20px; list-style-type: decimal;	padding: 0;}
table.useService td.text ol li {padding: 0; margin: 0;}
table.useService td.text ol li ol {margin: 5px 10px 5px 10px; list-style-type: circle;}
table.useService td.text ol li ol li {padding: 0;margin: 0;}

/*인증키발급 */
.key{margin-left:20px; font-family:NanumGothicBold; cursor:pointer;}
.key .title{position:relative; height:190px; background:url(../images/apikey_img.png) no-repeat 0 center}
.key .title p {position:absolute; top:33px; left:380px; color:#2d5c92;  font-size:23px;}
.key .title p strong {display:block; color:#8C929B; font-size:16px; padding-top:10px; line-height:22px;}
.key ul{margin:30px 0; padding:15px 10px 13px; width:729px; background:#e7e7e7; border-radius:3px;}
.key li{font-size:12px; word-wrap: break-word; line-height:20px; color:#333; background:url(../images/bullet_gray.png) no-repeat 5px center; padding-left:12px;}
.key li em{color:#ec3b4d;}
.key fieldset{margin:20px 0; border-top:2px solid #6195d0; border-bottom:1px solid #b1b7be; width:750px; padding:20px 0}
.key fieldset label{padding:0 0 0 30px;  background:url(../images/ico_detail_arrow.png) no-repeat 20px center; }
.key fieldset input{margin-left:3px;}

/*이용안내*/
.userGuide{margin-left:20px; font-family:NanumGothicBold}
.userGuide .title{position:relative; height:180px; background:url(../images/userGuide_img.png) no-repeat 0 center}
.userGuide .title p {position:absolute; top:33px; left:380px; color:#2d5c92;  font-size:23px;}
.userGuide .title p strong {display:block; color:#8C929B; font-size:16px; padding-top:10px; line-height:22px;}
.userGuide .guide_txt{padding:8px 18px 0 22px; line-height:20px; }
.userGuide .down{display:block; margin:15px 0 15px 20px}
.userGuide .down span a{color:#000}
.userGuide .down .hancom{height:32px;background:url(../images/icon_hancom.png) no-repeat 5px center; margin-right:50px; padding:10px 0 10px 40px}
.userGuide .down .excel{height:32px; background:url(../images/icon_excel.png) no-repeat 5px center;  padding:10px 0 10px 40px}
.userGuide ul{margin:10px 0 0 10px; padding:15px 20px 13px 12px; width:715px; background:#e7e7e7; border-radius:3px;}
.userGuide li{font-size:12px; word-wrap: break-word; line-height:20px; color:#333; background:url(../images/bullet_gray.png) no-repeat 5px 7px; padding-left:12px;}
.userGuide li em{color:#ec3b4d;}
.userGuide li strong{font-size:14px;}
.userGuide .bottom3{margin-bottom:30px !important;}
.userGuide table {margin:10px 0 0 10px; padding:15px 20px 13px 12px; width:745px; border-top:2px solid #579ed6;}
.userGuide table td {text-align:center; color:#34639a; padding:10px 10px; background:#e4effb; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.userGuide table td:last-child {border-right:none;}
.userGuide table th {vertical-align: middle; min-width:40px; text-align:center; line-height:17px; color:#858585; padding:10px 10px; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6;}
.userGuide table th:last-child {border-right:none;}

/*한국도로공사 활용사례*/
.exUse{display:block; margin:0 0 30px 10px;}
.exUse_ti {background:url(../images/exUse_bg.png) no-repeat 0 center; height:235px; margin-left:5px; padding-bottom:50px;}
.exUse h5{display:block}
.exWinner{width:100%; display:inline-block; height:190px; margin-top:10px;}
.exWinner li{display:inline; padding-left:3px;} 

.exWin table{display:block;}
.exWin table th.noline{border-right:none !important;}
.exWin table td{line-height:20px;}
.exWin td.fontB{font-weight:bold; color:#444;}
.exWin td strong {display:block; font:600 15px 'NanumGothicBold'; padding:4px 0;}
.exWin td em{width:82px; font:500 11px 'NanumGothic'; letter-spacing:-1px;}
.exWin td.org{color:#ff620d; }
.exWin td.gr{color:#4FA600; }
.exWin td.bl{color:#6195d0; }
.exWin td.pur{color:#9276e1; }

.error{ width:800px; margin:100px auto; font:600 14px 'NanumGothicBold';}
.error h2{height:215px; background:url(../images/systemError_img.png) no-repeat 0 0;}
.error p { margin-top:50px;text-align:center; color:#2d5c92;  font-size:35px;}
.error p strong {display:block; color:#8C929B; font-size:17px; padding-top:10px; line-height:22px;}
.error .phone{background:#fff; color:#34639a; font-size:13px; border-radius:15px; padding:8px 15px;  margin:5px 0 0 12px;}

#mapDiv_container, #mapDiv2_container {-moz-border-radius: 10px 10px;-webkit-border-radius: 10px 10px;-khtml-border-radius: 10px 10px;-border-radius: 10px 10px;}

/* 슬라이더 노브 */
.dj_a11y div.dijitSliderImageHandle,.dijitSliderImageHandle {margin:0; padding:0; position:relative !important; margin-top:-3px; width:22px; height:19px; cursor: pointer; background-image:url(../images/index_slide_knob.png); background-position: 0 0; background-repeat: no-repeat; border: none !important;}
/* 슬라이더 컨트롤 버튼 */
.esriTimeSlider .tsLabels {margin-top: 0px !important;}
.esriTimeSlider .tsPlayButton {/*margin-bottom: 19px; *//*width: 16px !important; height:19px*/ padding-left: 16px; width: 0px !important; height:0px !important;background-image:url("../images/index_slide_btn.png"); background-repeat: no-repeat; background-position: 0 0; background-size: 16px 38px !important;}
.esriTimeSlider .tsPauseButton {/*margin-bottom: 19px; *//*width:16px !important; height:19px*/ padding-left: 16px; width: 0px !important; height:0px !important;background-image:url("../images/index_slide_btn.png"); background-repeat: no-repeat; background-position: 0 -20px; background-size: 16px 38px !important;}
.esriTimeSlider .tsPrevButton {width: 20px; height: 18px !important;background-image:url(../images/index_slide_btn_prev.png);  background-repeat: no-repeat; background-position: 0 0;	/*margin-bottom: 19px;*/}
.esriTimeSlider .tsNextButton {width:20px; height: 18px !important; background:url(../images/index_slide_btn_next.png) no-repeat 0px 0; /*margin-bottom: 19px;*/}
.dijitButtonNode { border: none !important;}
.dijitRuleMark {position:absolute; border: none !important; line-height:0; height:0px !important;}
/* 타임라인 위치 */
/*.dijitRuleLabelContainer {display:none !important;}*/
.timeline {position: relative; top:-20px; left: 73px;}
.dijitRuleLabelH {color: #666 !important;	padding: 4px 0 0 0; 	background: url(../images/map_slider_label_bg.png) top center no-repeat;}
.claro .dijitSlider .dijitSliderProgressBarH, .claro .dijitSlider .dijitSliderLeftBumper {border:none !important;background-color:transparent !important;background-image:none !important;background-repeat:no-repeat !important;}

.dj_iequirks .dj_a11y .dijitSliderImageHandle {font-size: 0;}
.dj_ie7 .dijitSliderImageHandle {overflow: hidden; font-size: 75%;}
.dj_ie7 .dj_a11y .dijitSliderImageHandle {overflow: visible;}
.dj_a11y .dijitSliderFocused .dijitSliderImageHandle {border:4px solid #000; height:8px; width:8px;}
.dijitSliderImageHandleV {top:-8px; right: -50%;}
.dijitSliderImageHandleH {left:50%; top:0px; vertical-align:top;}
.dijitSliderBar {	height: 12px !important;	border: none !important;	/*background-image:none !important;*/	/*background: green;*/	background: url(../images/map_slider_bar_right_bg.png) repeat-x; 	cursor: pointer; 	/*margin-top:-5px;*/}
/* .dijitSliderBar {border-style:solid; border-color:black; cursor: pointer;} */
.dijitSliderBarContainerV {position:relative; height:100%; z-index:1;}
.dijitSliderBarContainerH {position:relative; z-index:1;}
.dijitSliderBarH {height:4px; border-width:1px 0;}
.dijitSliderBarV {width:4px; border-width:0 1px;}
.dijitSliderProgressBar {/* 진행 바 배경 색 */	/*background-color: #4a7fce;*/	background: url(../images/map_slider_bar_left_bg.png) repeat-x; 	z-index:1;} 
.dijitSliderProgressBarV {position:static !important; height:0; vertical-align:top; text-align:left;}
.dj_webkit .dijitSliderProgressBarV {padding-top: 1px;}
.dijitSliderProgressBarH {position:absolute !important; width:0; vertical-align:middle; overflow:visible;}
.dijitSliderRemainingBar {overflow:hidden; /*background-color:transparent;*/ z-index:1;}
.dijitSliderRemainingBarV {height:100%; text-align:left;}
.dijitSliderRemainingBarH {width:240px !important;}
.dijitSliderBumper {overflow:hidden; z-index:1;}
.dijitSliderBumperV {width:4px; height:8px; border-width:0 1px;}
/* 좌측 범퍼 위치 */
.dijitSliderBumperH {width:8px; height:4px; border-width:1px 0;	/*margin-top:-13px;*/	/*margin-left:10px;*/	}
.dijitSliderLeftBumper {	/*background-color: #4a7fce !important;*/	background: url(../images/map_slider_bar_left_bg.png) repeat-x; 	-moz-border-radius: 10px 0 0 10px;	-webkit-border-radius: 10px 0 0 10px;	-khtml-border-radius: 10px 0 0 10px;	border-radius: 10px 0 0 10px;}
.dijitSliderRightBumper {	/*background-color: green !important;*/	background: url(../images/map_slider_bar_right_bg.png) repeat-x; 	-moz-border-radius: 0 10px 10px 0;	-webkit-border-radius: 0 10px 10px 0;	-khtml-border-radius: 0 10px 10px 0;	border-radius: 0 10px 10px 0;}
/*.tsNextButton {display:none;}
.tsPrevButton {display:none;}*/
/*
.dijitSliderBumper {background: red;} 
.dijitSliderBumperH {background: yellow;}
.dijitSliderLeftBumper {background: red;}*/

/* main.jsp */
.scroll-img {
  width: 925px;
  height: 40px;
  overflow: hidden;
  font-size: 0;
}
.scroll-img ul {
  width: 925px;
  height: 40px;
  margin: 0;
}