/* 레이어 팝업 공통 */
.layer_bg {display:none; position:fixed; top:0; left:0; z-index:1; width:100%; height:100%; background:url('../images/common/lnb_bg.png') repeat left top;}
.layer {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; background-color:#fff;}
.layer .layer_wrap {position:relative;}
#wrapper.low_ie .layer .layer_wrap {position:static;}
.layer .layer_cont {position:relative; overflow-y:scroll; overflow-x:hidden; max-height:500px; padding:30px;}
#contents .layer .layer_cont .box2 {margin-bottom:30px;}
.layer .layer_tit {min-height:43px; padding:25px 0 25px 30px; background:url('../images/program/layer_tit.gif') no-repeat left top; background-size:100% 100%;}
.layer .layer_tit span {display:inline-block; width:60%; color:#fff; font-weight:600; font-size:30px;}
.layer .layer_wrap .layer_print {display:inline-block; position:absolute; top:26px; right:98px; z-index:1; padding:5px 0 5px 44px; background:url('../images/program/layer_print.png') no-repeat left center; color:#fff; font-size:25px; font-weight:600; line-height:26px;}
.layer .layer_wrap .layer_close {position:absolute; top:26px; right:35px; z-index:1;}
.layer .layer_btn {padding:20px 0; line-height:1.5em; text-align:center;}
.layer .layer_btn form {display:inline;}
.layer .layer_cont .ea {text-align:center;}
.layer .layer_cont .ea span {display:inline-block; margin-right:10px; margin-bottom:5px; color:#4f4d4d; font-size:20px; vertical-align:middle;}
#chart_content {margin:30px 0; padding:30px; border:1px solid #ddd; text-align:center;}

/* xwcms */
.putA_right {position:absolute; bottom:13px; left:0; width:100%; text-align:right;}
.buttonA_01 {display:inline-block; padding:3px 15px; background-color:#43B1F9; border-radius:5px; color:#fff;}
.buttonA_01:hover {color:#fff;}
.buttonA_01 span {color:#fff; cursor:pointer;}

/* 일괄 다운로드 */
.pb_form {display:inline;}

/* 로그인 */
.login {margin:40px 66px; border-top:3px solid #2d508a;}
.login .login_top {padding-top:30px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:url('../images/program/login_icon.gif') no-repeat 29px 35px;}
.login .login_top > div {margin-right:30px;}
.login .login_top .login_tit {float:right;}
#contents .login h2 {margin-bottom:12px; color:#2b2b2b; font-size:25px;}
.login p { color:#2b2b2b; font-size:14px;}
.login .login_top .login_form {float:right; margin-top:20px; margin-bottom:35px;}
.login .login_top .login_form form {margin-bottom:22px; padding-bottom:25px; border-bottom:1px solid #e9e9e9;}
.login .login_top .login_form fieldset {position:relative; padding-right:139px;}
.login .login_top .login_form input[type=text], .login .login_top .login_form input[type=password] {display:block; width:307px; height:15px; padding:12px 10px 12px 10px; border:1px solid #d0d0d0; color:#606060;}
.login .login_top .login_form #mem_id, .login .login_top .login_form input[type=text] {margin-bottom:5px;}
.login .login_top .login_form .login_btn {position:absolute; top:0; right:0; display:inline-block; width:131px; height:88px; background-color:#555; color:#fff; font-size:15px; cursor:pointer;}
.login .login_more {display:inline-block; padding-bottom:5px; border-bottom:2px solid #565656; color:#3c3c3c; font-size:17px; font-weight:600;}
.login .login_more:hover {text-decoration:none;}
.login .new_join {position:relative; clear:both; margin:0 0 0 30px; padding:35px 0 33px 13px; border-top:1px solid #565656;}
.login .new_join .login_more {position:absolute; bottom:33px; right:0;}
.login .login_bottom {padding:0 86px 46px 30px; background:url('../images/program/login_bottom.gif') no-repeat left top; background-size:100% 100%;}
#contents .login .login_bottom .guide h3 {padding-top:32px; color:#fff; font-size:17px; font-weight:600;}
.login .login_bottom .guide ul {margin-top:15px;}
.login .login_bottom .guide ul li {margin-top:5px; padding-left:8px; background:url('../images/program/guide_bu.png') no-repeat left 8px; color:#fff; font-size:13px;}
.login .login_bottom .guide ul li:first-child {margin-top:0;}

/* 종합 통계 및 지표 트리 */
/*.total_indicator .tree {position:relative; padding:40px 35px; border:1px solid #e0e0e0;}
.total_indicator .tree .tree_dep2, .total_indicator .tree .tree_dep3 {display:none;}
.total_indicator .tree button {text-align:left; vertical-align:middle;}
.total_indicator .tree img {vertical-align:middle;}
.total_indicator .tree li {line-height:normal;}
.total_indicator .tree .tree_wrap {position:relative; display:inline-block; max-width:90%; overflow:hidden; white-space:nowrap; background:url('../images/program/tree_line.gif') repeat-y 12px bottom;}
.total_indicator .tree .tree_wrap img {display:inline-block; padding-right:20px; background:url('../images/program/tree_line.gif') repeat-x right 12px; cursor:pointer;}
.total_indicator .tree .tree_wrap button {display:inline-block; padding-left:35px;}
.total_indicator .tree .other_tree {position:relative; display:inline-block; max-width:90%; overflow:hidden; white-space:nowrap;}
.total_indicator .tree .other_tree button {display:inline-block; padding-right:30px; line-height:17px;}
.total_indicator .tree .tree_dep1 {padding-bottom:5px; background:url('../images/program/tree_line.gif') repeat-y 12px bottom;}
.total_indicator .tree .tree_dep1 > .other_tree {margin-left:3px; margin-right:5px;}
.total_indicator .tree .tree_dep1 > .other_tree img {margin-right:5px;}
.total_indicator .tree .tree_dep1.last {padding-bottom:0; background:none;}
.total_indicator .tree .tree_dep2 li {margin-top:-3px; margin-left: 44px; padding:10px 0 15px 13px; background:url('../images/program/tree_line.gif') repeat-y 12px bottom;}
.total_indicator .tree .tree_dep2 li .other_tree img {display:inline-block; margin-right:6px; padding-left:22px; background:url('../images/program/tree_line.gif') repeat-x left 12px;}
.total_indicator .tree .tree_dep2 > li:first-child {margin-top:-7px; padding-top:14px; padding-bottom:11px;}
.total_indicator .tree .tree_dep2 > li.last {padding-top:0; padding-bottom:0; margin-left:32px; background:none;}
.total_indicator .tree .tree_dep2 > li.last2 {background:url('../images/program/tree_bu.gif') no-repeat 12px -7px;}
.total_indicator .tree .tree_dep3 {background:url('../images/program/tree_line.gif') repeat-y 11px bottom;}
.total_indicator .tree .tree_dep3 > li:first-child {position:relative; margin-top:-7px; padding-top:14px; padding-bottom:11px;}
.total_indicator .tree .tree_dep3.last {background:none;}
.total_indicator .tree .tree_dep3 .last {background:url('../images/program/tree_bu.gif') no-repeat 12px -7px;}
.total_indicator .tree .tree_dep3 > li.last2 {background:url('../images/program/tree_bu.gif') no-repeat 12px -7px;}*/
.total_indicator .tree {position:relative; padding:40px 35px; border:1px solid #e0e0e0;}
.total_indicator img, .total_indicator button {vertical-align:middle;}
.total_indicator img {cursor:pointer;}
.total_indicator ul ul {display:none; padding:10px 0; background:url('../images/program/tree_line.gif') repeat-y 12px top;}
.total_indicator .tree_dep2 li {padding-left:45px;}
.total_indicator .tree_dep3 li {padding-left:48px;}
.total_indicator .tree_dep1 > .other_tree {margin-left:3px; padding-bottom:5px; background:url('../images/program/tree_line.gif') repeat-y 8px top;}
.total_indicator .dep1_last > .other_tree {padding-bottom:0; background:none;}
.total_indicator .tree_wrap, .total_indicator .other_tree {display:inline-block;}
.total_indicator .tree_wrap {position:relative; padding-bottom:5px; background:url('../images/program/tree_line.gif') repeat-y 12px top;}
.total_indicator .tree_wrap button {display:inline-block; margin-top:3px; margin-left:44px; padding-left:35px; font-size:15px; color:#333;}
.total_indicator .tree_wrap button.plusicon{position:absolute; top:0; left:0; display:inline-block; width:25px; height:25px; box-sizing:content-box; margin:0; padding-top:0; padding-bottom:0; padding-left:0; border:none; padding-right:19px; background:url('../images/program/tree_line.gif') repeat-x right 12px;}
.total_indicator .tree_wrap img {}
.total_indicator .other_tree {position:relative; margin-left:3px; padding-bottom:5px; background:url('../images/program/tree_line.gif') repeat-y 8px top;}
.total_indicator .other_tree img {position:absolute; top:0; left:0; display:inline-block; padding-right:5px;}
.total_indicator .other_tree button{padding-left:20px; padding-right:30px; text-align:left;}
.total_indicator .dep1_last > .tree_wrap, .total_indicator .tree_dep2 .dep2_last > .tree_wrap, .total_indicator .dep3_last {padding-bottom:0; background:none;}
.total_indicator .dep1_last .tree_dep2 {background:none;}
.total_indicator .tree_dep2 .dep2_last > span {padding-bottom:0; background:none;}
.total_indicator .tree_dep3 .dep3_last2 > span {padding-bottom:0; background:none;}
.total_indicator .tree_dep3 .dep3_last2 .tree_dep4 {padding-bottom:0; background:none;}

/* 자료목록 */
.data_list {position:relative; min-height:131px; margin-bottom:20px; border:5px solid #1a5ea6; background:url('../images/program/data_bg.jpg') no-repeat left top; background-size:171px 100%;}
.data_list .data_tit span {display:inline-block; width:70px; min-height:29px; padding-top:80px; background:url('../images/program/data_bu.png') no-repeat center top; color:#fff; font-size:18px; font-weight:600;}
.data_list .data_tit {position:absolute; top:10%; left:35px;}
.data_list form {float:left; width:100%; margin-bottom:5px;}
.data_list form fieldset {padding:30px 30px 0 181px;}
.data_list form select {display:inline-block; width:100px; height:30px; margin-right:10px; border:1px solid #e6e6e6; vertical-align:middle;}
.data_list form input[type=text] {display:inline-block; width:480px; height:28px; border:1px solid #e6e6e6;}
.data_list form input {vertical-align:middle;}
.data_list .data_btn {float:left; margin-bottom:30px; padding-left:181px; padding-right:30px;}
.data_list .data_btn a {display:inline-block; margin-top:5px;}
.data_list .data_btn a.on {border-right:0 none; background:url('../images/program/wblack_on.gif') no-repeat right top;}

/* 공공데이터신청 */
.traffic_app .ta, .traffic_app .to {float:left; width:47%; background-size:100% 90px;}
.traffic_app .ta {background:url('../images/program/ta_h2.gif') no-repeat left top;}
.traffic_app .to {background:url('../images/program/to_h2.gif') no-repeat left top;}
#contents .traffic_app h3 {padding:15px 0; color:#000; font-size:15px; font-weight:600;}
#contents .traffic_app .ta h2 {padding:25px 0 0 97px; background:url('../images/program/ta_icon.png') no-repeat 20px 10px;}
#contents .traffic_app .to h2 {padding:25px 0 0 100px; background:url('../images/program/to_icon.png') no-repeat 30px 15px;}
#contents .traffic_app .ta h2, #contents .traffic_app .to h2 {height:90px; border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#fff; font-size:25px; font-weight:600;}
#contents .traffic_app .ta .em_b_green {display:block; font-size:15px;}
#contents .traffic_app .box1 li {float:left; margin-left:6px; padding-left:27px; line-height:22px; letter-spacing:-1px;}
#contents .traffic_app .ta .box1 li {background:url('../images/program/ta_bu.png') no-repeat left center;}
#contents .traffic_app .to .box1 li {background:url('../images/program/to_bu.png') no-repeat left center;}
#contents .traffic_app .box1 li:first-child {margin-left:0; padding-left:0; background:none;}
#contents .traffic_app .bu li {margin-top:5px;}
#contents .traffic_app .bu li:first-child {margin-top:0;}
.traffic_app .ta {margin-right:6%;}
.traffic_app .ta .ta_wrap, .traffic_app .to .to_wrap {min-height:546px; padding:26px 4%; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.traffic_app .ta .ta_wrap > p, .traffic_app .to .to_wrap .to_pad p {line-height:2;}
.traffic_app .ta .ta_wrap > p {padding:0 9px 43px 9px; border-bottom:1px solid #e0e0e0;}
.traffic_app .to .to_wrap .to_pad {padding:0 9px 25px 9px; border-bottom:1px solid #e0e0e0;}
.traffic_app .to .to_wrap .to_af {display:block; width:100%; min-height:45px; margin-top:20px; background-color:#2d508a; color:#fff; font-size:15px; text-align:center;}
.traffic_app .to .to_wrap .to_af span {display:inline-block; margin-top:10px; padding-left:32px; background:url('../images/program/traffic_down.png') no-repeat left center;}
.traffic_app .ta .ta_wrap .ta_btn {display:block; margin:30px auto 0 auto; width:62%; min-height:35px; padding-top:15px; padding-right:13%; background:url('../images/program/ta_btn.gif') no-repeat right center #18863E; background-size:50px 100%; color:#fff; font-weight:600; font-size:16px; text-align:center;}
.traffic_app .ta .ta_wrap .ta_btn span {display:inline-block; padding:0 20px 13px 20px; letter-spacing:-1px;}
.traffic_app .ta .ta_wrap .ta_btn:hover span {text-decoration:underline;} 
.traffic_app .to .to_wrap .to_btn {display:block; margin:30px auto 0 auto; width:62%; min-height:35px; padding-top:15px; padding-right:13%; background:url('../images/program/to_btn.gif') no-repeat right center #568ac7; background-size:50px 100%; color:#fff; font-weight:600; font-size:16px; text-align:center;}
.traffic_app .to .to_wrap .to_btn span {display:inline-block; padding:0 20px 13px 20px; letter-spacing:-1px;}
.traffic_app .to .to_wrap .to_btn:hover span {text-decoration:underline;} 

/* 회원관련 css 공통 */
a.clause span {display:inline-block; padding-left:20px; background:url('../images/program/agree_bu.gif') no-repeat left center;}

/* 개인정보수집재동의 */
.agree .blue_box2 {margin-bottom:20px;}
.agree .blue_box2 p {margin-top:20px;}
.agree .blue_box2 p:first-child {margin-top:0; font-size:20px;}
#contents .agree .pos_r > p.box2 {position:relative; overflow-y:scroll; height:100px; margin-bottom:20px;}

/* 비밀번호변경안내 */
#contents .pw_change h2 {color:#313131; font-size:20px; font-weight:600;}
#contents .pw_change .box1 {color:#737373; font-size:15px;}
#contents .pw_change .box2 > p {color:#3c3c3c; font-size:13px;}

/* 아이디 찾기 결과 */
#contents .id_result h3 {color:#313131; font-size:20px; font-weight:600;}
#contents .id_result .box1 {color:#737373; font-size:15px;}

/* 비밀번호 찾기 결과 */
#contents .pw_result h3 {color:#313131; font-size:20px; font-weight:600;}
#contents .pw_result .box1 {color:#737373; font-size:15px;}

/* 아이디 찾기 */
.id_find input[type=text] {display:inline-block; border:1px solid #e1e1e1; width:90%; height:22px; padding:5px; max-width:300px;}

/* 비밀번호 찾기 */
.pw_find input[type=text] {display:inline-block; border:1px solid #e1e1e1; width:90%; height:22px; padding:5px; max-width:300px;}

/* 회원탈퇴 */
.unregister input[type=password] {display:inline-block; border:1px solid #e1e1e1; width:90%; height:22px; padding:5px; max-width:300px;}

/* 회원가입 */
.register .register_step {margin:35px 0 45px 0;}
.register .register_step ul li {float:left; width:32%; height:29px; margin-left:1%; padding:18px 0; border-bottom:5px solid #767676; background:url('../images/program/register_off.gif') repeat-x left top #d7d7d7; color:#2e2e2e; font-size:20px; text-align:center;}
.register .register_step ul li:first-child {width:34%; margin-left:0;}
.register .register_step ul li.on {border-bottom:5px solid #4cb840; background:url('../images/program/register_on.gif') repeat-x left top #256ebc; background-size:100% 100%; color:#fff; font-size:20px;}
.register .register_step ul li.on span {display:inline-block; padding-bottom:33px; background:url('../images/program/register_on_bu.gif') no-repeat center bottom;}
#contents .register .register_step1 > .box2 {position:relative; overflow-y:scroll; height:100px;}
.register .register_step2 label {vertical-align:middle;}
.register .register_step2 input[type=text], .register .register_step2 input[type=password] {display:inline-block; width:100%; height:22px; max-width:150px; margin-top:5px; margin-bottom:5px; padding:5px;border:1px solid #e1e1e1; vertical-align:middle;}
.register .register_step2 input[type=radio] {display:inline-block; margin:0 5px; vertical-align:middle;}
.register .register_step2 select {display:inline-block; width:100px; height:34px; border:1px solid #afafaf; vertical-align:top;}
.register .register_step2 input[type=submit] {display:inline-block; height:34px; vertical-align:top;}
#contents .register .register_step3 h2 {color:#313131; font-size:20px; font-weight:600;}
#contents .register .register_step3 .box1 {font-size:15px;}

/* 회원정보 수정 */
.modify_info input[type=radio] {display:inline-block; margin-right:5px; vertical-align:middle;}
.modify_info input[type=text] {display:inline-block; height:18px; padding:5px; border:1px solid #e4e4e4;}

/* 자료오류신고 */
.data_error input[type=text], .data_error input[type=file]  {display:inline-block; border:1px solid #e1e1e1; width:90%; height:22px; padding:5px; max-width:300px;}
.data_error #email1, .data_error #email2 {width:30%;}
.data_error select {display:inline-block; width:100px; height:34px; border:1px solid #afafaf; vertical-align:top;}
.data_error textarea {display:block; width:100%; height:300px; border:1px solid #e1e1e1; resize:none; font-size:13px;}

/* 자료신청 공통 */
.data_step {margin-bottom:30px;}
.data_step ul li {float:left; width:33%; margin-bottom:5px;}
.data_step ul li:first-child {width:34%;}
.data_step ul li span {display:block; overflow:hidden; position:relative; padding:12px 5px; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background-color:#eff3f4; color:#666; font-size:15px; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
.data_step ul li:first-child span {border-left:1px solid #d9d9d9;}
.data_step ul li.on {padding-bottom:9px; background:url('../images/program/data_step_bu.gif') no-repeat center bottom;}
.data_step ul li.on span {border-top:1px solid #2568bc; border-right:1px solid #2568bc; border-bottom:1px solid #2568bc; background-color:#2568bc; color:#fff;}
.data_step ul li.on:first-child span {border-left:1px solid #2568bc;}

.data_table {width:100%;}
.data_table input[type=checkbox] {display:inline-block; margin-right:5px; border:1px solid #7a7a7a; vertical-align:middle;}
.data_table thead th {padding:15px 0; background-color:#ddeffd; color:#010101; font-size:15px; font-weight:normal; text-align:left;}
.data_table thead th:first-child {padding-left:35px;}
.data_table tbody td {padding-bottom:15px; background-color:#fff; color:#333; font-size:13px;}
.data_table tbody tr:first-child td {padding-top:15px;}
.data_table tbody tr td:first-child {padding-left:45px;}

.step_of {position:relative; height:400px; overflow-y:scroll; overflow-x:hidden; background-color:#fff;}

/* 교통원시자료 신청서작성 */
#to_request.write .pos_r {z-index:2;}
#to_request.write input[type=radio], #to_request.write input[type=checkbox], #to_request.write label {display:inline-block; margin-right:5px; vertical-align:middle;}
#to_request.write input[type=text] {display:inline-block; width:80%; height:28px; border:1px solid #afafaf;}
#to_request.write input[type=file] {display:inline-block; width:100%; height:28px; border:1px solid #afafaf;}
#to_request.write label {color:#333;}
#to_request.write select, #to_request.write .wave {display:inline-block; margin-right:5px; vertical-align:middle;}
#to_request.write select {width:70px; height:28px; border:1px solid #afafaf;}
#to_request.write label[for=private_access] {color:#256ebc; font-size:15px; font-weight:600; text-decoration:underline;}

/* 교통원시자료 자료선택 */
#to_request.select .to_choice .to_step1 {width:100%; margin-bottom:1%; background-color:#0a4da1;}
#to_request.select .to_choice .to_step1 .to_wrap {padding:0 5px 5px 5px; background:url('../images/program/step_mask.png') no-repeat right top;}
#to_request.select .to_choice .all_check {padding:15px 17px; background-color:#ddeffd;} 
#to_request.select .to_choice .all_check input[type=checkbox], #to_request.select .to_choice .all_check label {display:inline-block; vertical-align:middle;}
#to_request.select .to_choice .all_check input[type=checkbox] {margin-right:10px; border:1px solid #7a7a7a;}
#to_request.select .to_choice .all_check label {color:#010101; font-size:15px;}
#contents #to_request.select .to_choice h2 {padding:5px 0 5px 15px;}
#to_request.select .to_choice h2 span {vertical-align:middle;}
#to_request.select .to_choice h2 .kor {display:inline-block; margin-left:5px; color:#fff; font-weight:600; font-size:20px;}
#to_request.select .to_choice .to_step1 h2 .eng {color:#E2F2FF; font-weight:900; font-size:18px;}
#to_request.select .to_choice .to_step1 h2 .num {color:#E2F2FF; font-weight:600; font-size:30px;}
#to_request.select .to_choice .to_step1 ul {padding:20px 0 20px 45px;}
#to_request.select .to_choice .to_step1 ul li {margin-top:15px; color:#333; font-size:13px;}
#to_request.select .to_choice .to_step1 ul li:first-child {margin-top:0;}
#to_request.select .to_choice .to_step1 ul li input[type=checkbox] {display:inline-block; margin-right:5px; border:1px solid #7a7a7a; vertical-align:middle;}

/* 교통원시자료 신청완료 */
#contents #to_request.finish h2.h0 {margin-top:20px; color:#000; font-size:20px; font-weight:600;}
#to_request.finish p {font-size:15px; color:#737373;}
#to_request.finish .text_center a.btn {margin-top:5px;}

/*  교통분석데이터 자료선택 */
#ta_request.select .ta_choice {margin-bottom:20px;}
#ta_request.select .ta_choice .ta_step1 .tree {padding:20px;}
#ta_request.select .ta_choice .ta_step1 .tree ul li {line-height:0; padding-bottom:10px; background:url('../images/program/tree_line.gif') repeat-y 8px top;}
#ta_request.select .ta_choice .ta_step1 .tree ul li img, #ta_request.select .ta_choice .ta_step1 .tree ul li input[type=checkbox] {vertical-align:middle;}
#ta_request.select .ta_choice .ta_step1 .tree ul ul {display:none; margin-top:10px; padding-left:50px;}
#ta_request.select .ta_choice .ta_step1 .tree ul li button {display:inline-block; width:17px; height:17px; margin-right:5px; vertical-align:middle;}
#ta_request.select .ta_choice .ta_step1 .tree ul li input[type=checkbox] {display:inline-block; margin-right:5px;}
#ta_request.select .ta_choice .ta_step1 .tree > ul > li input[type=checkbox] {margin-left:3px;}
#ta_request.select .ta_choice .ta_step1 .tree ul ul li {margin-left:3px;}
#ta_request.select .ta_choice .ta_step1 .tree ul li.last {background:none; padding-bottom:0;}
/*#ta_request.select .ta_choice .ta_step1 .tree ul li button {display:inline-block; width:45px; height:25px; padding-right:20px; vertical-align:middle; background:url('../images/program/tree_line.gif') repeat-x right center;}
#contents #ta_request.select .ta_choice .ta_step1 .tree ul li button img {max-width:none;}
#ta_request.select .ta_choice .ta_step1 .tree ul li input[type=checkbox] {display:inline-block; margin-right:5px; border:1px solid #7a7a7a; vertical-align:middle;}
#ta_request.select .ta_choice .ta_step1 .tree > ul > li {padding:5px 0;}
#ta_request.select .ta_choice .ta_step1 .tree ul li.last {background:url('../images/program/tree_last.gif') no-repeat left -6px;}
#ta_request.select .ta_choice .ta_step1 .tree ul li.bg_none {background:none;}
#ta_request.select .ta_choice .ta_step1 .tree > ul > li.solo {margin:-17px 0 -6px 12px; padding:22px 0 11px 32px; border-left:1px solid #d6d6d6; background:url('../images/program/tree_small_line.gif') no-repeat left 32px;}
#ta_request.select .ta_choice .ta_step1 .tree > ul > li.solo.first {border-left:0 none; background:url('../images/program/tree_default.gif') no-repeat left bottom;}
#ta_request.select .ta_choice .ta_step1 .tree > ul > li.solo.last {border-left:0 none; background:url('../images/program/tree_default2.gif') no-repeat left top;}
#ta_request.select .ta_choice .ta_step1 .tree ul ul {display:none; padding-left:12px; background:url('../images/program/tree_line.gif') repeat-y 12px top;}
#ta_request.select .ta_choice .ta_step1 .tree ul ul li {padding:5px 0 5px 20px; background:url('../images/program/tree_small_line.gif') no-repeat left center;}*/
#ta_request.select #tempTable {display:none;}
#ta_request.select .ta_choice .ta_step2 ul {padding:5px 20px 20px 20px;}
#ta_request.select .ta_choice .ta_step2 ul li {float:left; width:50%; margin-top:15px; color:#333; font-size:13px;}
#ta_request.select .ta_choice .ta_step2 ul li input[type=checkbox] {display:inline-block; margin-right:5px; border:1px solid #7a7a7a; vertical-align:middle;}
#ta_request.select .ta_choice .ta_step3 ul {padding:20px 0 20px 20px;}
#ta_request.select .ta_choice .ta_step3 ul li {margin-top:15px; color:#333; font-size:13px;}
#ta_request.select .ta_choice .ta_step3 ul li:first-child {margin-top:0;}
#ta_request.select .ta_choice .ta_step3 ul li input[type=checkbox] {display:inline-block; margin-right:5px; border:1px solid #7a7a7a; vertical-align:middle;}
#ta_request.select .ta_choice .ta_step4 .step4_table {width:100%;}
#ta_request.select .ta_choice .ta_step4 .step4_table input[type=checkbox] {display:inline-block; margin-right:5px; border:1px solid #7a7a7a; vertical-align:middle;}
#ta_request.select .ta_choice .ta_step4 .step4_table thead th {padding:15px 0; background-color:#ddeffd; color:#010101; font-size:15px; font-weight:normal; text-align:left;}
#ta_request.select .ta_choice .ta_step4 .step4_table thead th:first-child {padding-left:15px;}
#ta_request.select .ta_choice .ta_step4 .step4_table tbody td {padding-bottom:15px; background-color:#fff; color:#333; font-size:13px;}
#ta_request.select .ta_choice .ta_step4 .step4_table tbody tr:first-child td {padding-top:15px;}
#ta_request.select .ta_choice .ta_step4 .step4_table tbody tr td:first-child {padding-left:45px;}
#ta_request.select .ta_choice .ta_step1 {float:left; width:34%; margin-right:1%; margin-bottom:1%; background-color:#0a4da1;}
#ta_request.select .ta_choice .ta_step2 {float:left; width:34%; margin-right:1%; margin-bottom:1%; background-color:#006589;}
#ta_request.select .ta_choice .ta_step3 {float:left; width:30%; margin-bottom:1%; background-color:#007E2C;}
#ta_request.select .ta_choice .ta_step4 {clear:left; width:100%; margin-bottom:1%; background-color:#3B42AD;}
#ta_request.select .ta_choice .ta_step1 .ta_wrap {padding:0 5px 5px 5px; background:url('../images/program/step_mask.png') no-repeat right top;} 
#ta_request.select .ta_choice .ta_step2 .ta_wrap {padding:0 5px 5px 5px; background:url('../images/program/step_mask.png') no-repeat right top;} 
#ta_request.select .ta_choice .ta_step3 .ta_wrap {padding:0 5px 5px 5px; background:url('../images/program/step_mask.png') no-repeat right top;} 
#ta_request.select .ta_choice .ta_step4 .ta_wrap {padding:0 5px 5px 5px; background:url('../images/program/step_mask.png') no-repeat right top;} 
#ta_request.select .ta_choice .ta_step1 .all_check {padding:15px 17px; background-color:#ddf6fd;} 
#ta_request.select .ta_choice .ta_step2 .all_check {padding:15px 17px; background-color:#ddfdfc;} 
#ta_request.select .ta_choice .ta_step3 .all_check {padding:15px 17px; background-color:#ddfdf4;}
#ta_request.select .ta_choice .ta_step4 .all_check {padding:15px 17px; background-color:#ddf6fd;}
#ta_request.select .ta_choice .all_check input[type=checkbox], #ta_request.select .ta_choice .all_check label {display:inline-block; vertical-align:middle;}
#ta_request.select .ta_choice .all_check input[type=checkbox] {margin-right:10px; border:1px solid #7a7a7a;}
#ta_request.select .ta_choice .all_check label {color:#010101; font-size:15px;}
#contents #ta_request.select .ta_choice h2 {padding:5px 0 5px 15px;}
#ta_request.select .ta_choice h2 span {vertical-align:middle;}
#ta_request.select .ta_choice h2 .kor {display:inline-block; margin-left:5px; color:#fff; font-weight:600; font-size:20px;}
#ta_request.select .ta_choice .ta_step1 h2 .eng {color:#E2F2FF; font-weight:900; font-size:18px;}
#ta_request.select .ta_choice .ta_step1 h2 .num {color:#E2F2FF; font-weight:600; font-size:30px;}
#ta_request.select .ta_choice .ta_step2 h2 .eng {color:#DFFBFD; font-weight:900; font-size:18px;}
#ta_request.select .ta_choice .ta_step2 h2 .num {color:#DFFBFD; font-weight:600; font-size:30px;}
#ta_request.select .ta_choice .ta_step3 h2 .eng {color:#D5FDEB; font-weight:900; font-size:18px;}
#ta_request.select .ta_choice .ta_step3 h2 .num {color:#D5FDEB; font-weight:600; font-size:30px;}
#ta_request.select .ta_choice .ta_step4 h2 .eng {color:#EBE7FF; font-weight:900; font-size:18px;}
#ta_request.select .ta_choice .ta_step4 h2 .num {color:#EBE7FF; font-weight:600; font-size:30px;}

/* 교통분석데이터 신청서작성 */
/*#ta_request.write .request_type {margin-bottom:20px; padding-bottom:22px; border-bottom:1px solid #e9e9e9;}
#ta_request.write .request_type li {float:left; margin-right:35px; letter-spacing:-1px;}*/
#ta_request.write .pos_r {z-index:2;}
#ta_request.write .request_type {position:relative;}
#ta_request.write .request_type > li {float:left; margin-right:1px;}
#ta_request.write .request_type > li:first-child {margin-left:0;}
#ta_request.write .request_type li a {position:absolute; top:0; left:0; display:block; padding:12px 20px; text-align:center; background-color:#e1e1e1; font-size:13px; color:#333;}
#ta_request.write .request_type li a.on {background-color:#3B864A; color:#fff;}
#ta_request.write label {color:#333;}
#ta_request.write input[type=checkbox], #ta_request.write input[type=radio], #ta_request.write label {display:inline-block; margin-right:5px;vertical-align:middle;}
#ta_request.write .request_type .tabcontent {display:none; width:100%; margin-top:55px; padding-top:10px; border-top:1px solid #e9e9e9;}
#ta_request.write .at, #ta_request.write .hyphen{display:inline-block; margin:0 5px; vertical-align:middle;}
#ta_request.write .realm li {float:left;}
#ta_request.write input[type=radio], #ta_request.write label {display:inline-block; margin-right:5px; vertical-align:middle;}
#ta_request.write select {display:inline-block; width:100%; height:30px; margin-top:5px; border:1px solid #e9e9e9; vertical-align:middle;}
#ta_request.write input[type=text] {display:inline-block; width:28%; height:28px; border:1px solid #e9e9e9; vertical-align:middle;}
#ta_request.write #prjctSj {width:100%;}
#ta_request.write input[type=file] {display:inline-block; width:100%; height:28px; border:1px solid #e9e9e9; vertical-align:middle;}
#ta_request.write select, #ta_request.write .wave {margin-right:5px; vertical-align:middle;}
#ta_request.write label[for=private_access] {color:#256ebc; font-size:15px; font-weight:600; text-decoration:underline;}
#ta_request.write .blue_box3 {min-height:30px;}

/* 교통분석데이터 신청완료 */
#contents #ta_request.finish h2.h0 {margin-top:20px; color:#000; font-size:20px; font-weight:600;}
#ta_request.finish p {font-size:15px; color:#737373;}
#ta_request.finish .text_center a.btn {margin-top:5px;}

/* 교통통계용어 */
.traffic_words {position:relative; min-height:131px; margin-bottom:20px; border:5px solid #1a5ea6; background:url('../images/program/words_bg.jpg') no-repeat left top; background-size:171px 100%;}
.traffic_words .tw_tit span {display:inline-block; width:70px; min-height:29px; padding-top:80px; background:url('../images/program/words_bu.png') no-repeat center top; color:#fff; font-size:18px; font-weight:600;}
.traffic_words .tw_tit {position:absolute; top:10%; left:35px;}
.traffic_words form {float:left; width:100%; margin-bottom:5px;}
.traffic_words form fieldset {padding:30px 30px 0 181px;}
.traffic_words form select {display:inline-block; width:100px; height:30px; margin-right:10px; border:1px solid #e6e6e6; vertical-align:middle;}
.traffic_words form input[type=text] {display:inline-block; width:480px; height:30px; border:1px solid #e6e6e6;}
.traffic_words form input {vertical-align:middle;}
.traffic_words .tw_btn {float:left; margin-bottom:30px; padding-left:181px; padding-right:30px;}
.traffic_words .tw_btn a {display:inline-block; margin-top:5px;}
.traffic_words .tw_btn a.on {border-right:0 none; background:url('../images/program/wblack_on.gif') no-repeat right top;}

/* 기타발간물 */
.etc_public {position:relative; min-height:81px; margin-bottom:20px; border:5px solid #1a5ea6; background:url('../images/program/ep_bg.jpg') no-repeat left top; background-size:181px 100%;}
.etc_public .ep_tit {position:absolute; top:50%; left:20px; margin-top:-30px;}
.etc_public .ep_tit span {display:inline-block; height:55px; padding-left:55px; background:url('../images/program/ep_bu.png') no-repeat left center; color:#fff; font-size:18px; font-weight:600; line-height:3;}
.etc_public .ep_btn {margin:26px 0 20px 193px;}
.etc_public .ep_btn a {display:inline-block; margin-bottom:5px;}
.etc_public .ep_btn a.on {border-right:0 none; background:url('../images/program/wblack_on.gif') no-repeat right top;}

/* 연구발간물 */
.research_report {position:relative; min-height:81px; margin-bottom:20px; border:5px solid #1a5ea6; background:url('../images/program/rr_bg.jpg') no-repeat left top; background-size:181px 100%;}
.research_report .rr_tit {position:absolute; top:50%; left:10px; margin-top:-30px;}
.research_report .rr_tit span {display:inline-block; height:55px; padding-left:70px; background:url('../images/program/rr_bu.png') no-repeat left center; color:#fff; font-size:18px; font-weight:600; line-height:3;}
.research_report form {margin:26px 0 20px 0; text-align:center;}
.research_report form fieldset {padding-left:80px;}
.research_report form select {width:25%; height:30px; border:1px solid #e6e6e6; vertical-align:middle;}
.research_report form input[type=image] {vertical-align:middle;}

/* 사이트맵 */
.sitemap .sm_depth1 {float:left; width:23%; margin-left:3%;}
.sitemap .sm_col {margin-top:35px;}
.sitemap .sm_col:first-child {margin-top:0;}
.sitemap .sm_col .sm_depth1:first-child {width:22%; margin-left:0;}
.sitemap .sm_depth1 .sm_tit1 {display:block; padding:21px 0 15px 0; background:url('../images/program/sm_tit1_bg.gif') no-repeat left top #fbfbfb; color:#3b3b3b; font-size:16px; font-weight:600; text-align:center;}
.sitemap .sm_depth1 > ul {padding:20px 0 20px 8px; border-top:1px solid #e1e1e1; border-bottom:1px solid #b2b2b2;}
.sitemap .sm_depth1 > ul > li {margin-top:8px; padding-left:7px; background:url('../images/program/sm_dep1_bu.gif') no-repeat left 9px;}
.sitemap .sm_depth1 > ul > li:first-child {margin-top:0;}
.sitemap .sm_depth1 > ul > li a {color:#767676; font-size:13px;}
.sitemap .sm_depth1 ul ul {padding:10px 0 0 10px;}
.sitemap .sm_depth1 ul ul li {margin-top:10px; padding-left:7px; background:url('../images/program/sm_dep2_bu.gif') no-repeat left center;}
.sitemap .sm_depth1 ul ul li:first-child {margin-top:0;}
.sitemap .sm_depth1 ul ul li a {color:#767676; font-size:13px;}

/* web */
@media screen and (max-width:1200px) {
	.login .login_top {background:none;}

	.data_list .data_tit {top:50%; margin-top:-54px;}
	.data_list form fieldset {text-align:center;}
	.data_list form select {width:100%;}
	.data_list form input[type=text] {width:99.6%; margin-top:5px;}
	.data_list form input[type=image] {margin-top:5px;}

	.traffic_words .tw_tit {top:50%; margin-top:-54px;}
	.traffic_words form fieldset {text-align:center;}
	.traffic_words form select {width:100%;}
	.traffic_words form input[type=text] {width:99.6%; margin-top:5px;}
	.traffic_words form input[type=image] {margin-top:5px;}

	.login .new_join .login_more {position:static; bottom:auto; right:auto; margin-top:15px;}
}

/* tablet */
@media screen and (max-width:1000px) {
	.login {margin-left:55px; margin-right:55px;}
	.login .login_top {text-align:center;}
	.login .login_top > div {display:inline-block; margin-right:0;}
	.login .login_top .login_form {float:none; padding:0 13px; text-align:left; box-sizing:border-box;}
	.login .login_top .login_tit {float:none; padding:0 13px; text-align:left; box-sizing:border-box;}
	.login .new_join {clear:none; width:90%; margin:0 0 20px 0; padding-left:0;box-sizing:border-box; text-align:left;}

	#ta_request.select .ta_choice .ta_step1 {float:none; width:100%;}
	#ta_request.select .ta_choice .ta_step2 {float:none; width:100%;}
	#ta_request.select .ta_choice .ta_step3 {float:none; width:100%;}
	#ta_request.select .ta_choice .ta_step4 {clear:none;}

	.data_table tbody tr td:first-child {padding-left:15px;}
	.data_table thead th:first-child {padding-left:15px;}
}

@media screen and (max-width:800px) {
	#ta_request.write .request_type li {width:100%; margin-bottom:10px; float:none;}
	#ta_request.write .request_type li a {position:static; left:auto; top:auto; width:100%; padding-left:0; padding-right:0;}
	#ta_request.write .at, #ta_request.write .hyphen {display:none;}
	#ta_request.write .board_ctrl1 input[type=text] {display:block; width:100%;}
	#ta_request.write .request_type .tabcontent {margin-top:0;}
	#ta_request.write input[type=text] {width:100%;}
}

/* mobile */
@media screen and (max-width:640px) {
	
	.sitemap .sm_depth1 {float:none; width:100%; margin-top:10px;}
	.sitemap .sm_depth1:first-child {margin-top:0;}
	.sitemap .sm_col .sm_depth1:first-child {width:auto;}
	.sitemap .sm_depth1 .sm_tit1  {background-size:100% 6px;}

	.data_list {background-size:130px 100%;}
	.data_list .data_tit {left:20px;}
	.data_list form fieldset {padding-left:135px;}
	.data_list .data_btn {padding-left:135px;}
	.data_list .data_btn a {width:100%;}

	.traffic_words {background-size:130px 100%;}
	.traffic_words .tw_tit {left:20px;}
	.traffic_words form fieldset {padding-left:135px;}
	.traffic_words .tw_btn {padding-left:135px;}
	.traffic_words .tw_btn a {width:100%;}
	
	.etc_public {padding-right:5px; background-size:130px 100%;}
	.etc_public .ep_tit {left:15px; margin-top:-46px;}
	.etc_public .ep_tit span {padding-left:0px; padding-top:70px; background-position:top center; line-height:normal; height:auto;}
	.etc_public .ep_btn {margin-left:130px;}
	.etc_public .ep_btn a {display:inline-block; width:100%; box-sizing:border-box;}

	.research_report {padding-right:5px; background-size:130px 100%;}
	.research_report .rr_tit {left:20px; margin-top:-36px;}
	.research_report .rr_tit span {padding-left:0px; padding-top:50px; background-position:top center; line-height:normal; height:auto;}
	.research_report form fieldset {padding-left:120px;}
	.research_report form select {width:100%; margin-bottom:10px;}

	.login {margin-left:0; margin-right:0;}
	.login .login_top .login_tit {width:100%;}
	.login .login_top .login_form {width:100%;}
	.login .login_top .login_form input[type="text"], .login .login_top .login_form input[type="password"] {width:100%;}
	.login .login_top .login_form .login_btn {width:101px; right:10px;}

	.total_indicator .tree {padding:5px;}

	.layer .layer_tit {height:auto; min-height:30px; padding:15px 60px 15px 30px; background-size:100% 100%;}
	.layer .layer_tit span {width:auto; font-size:20px;}
	.layer .layer_wrap .layer_close {top:20px; right:20px;}
	.layer .layer_wrap .layer_close img {width:20px; height:20px;}
	.layer .layer_wrap .layer_print {display:none;}
	.layer .layer_cont {max-height:300px;}

	.putA_right {position:static; bottom:auto; left:auto; margin-top:20px;}
	
	#contents .traffic_app .ta h2, #contents .traffic_app .to h2 {font-size:20px; height:auto;}
	#contents .traffic_app .ta h2 {padding-left:70px; background-size:50px 35px; background-position:10px 20px;}
	#contents .traffic_app .to h2 {padding-left:60px; background-size:35px 35px; background-position:10px 20px;}
	.traffic_app .ta {margin-right:0; margin-bottom:50px;}
	.traffic_app .ta, .traffic_app .to {float:none; width:100%; background-size:100% 70px;}

	.register .register_step ul li span {font-size:16px; letter-spacing:-1px;}

	.data_error select {width:100%; margin-top:10px;}
}

/* mobile */
@media screen and (max-width:320px) {
	/*.total_indicator .tree .other_tree button {width:145px;}*/
}