@charset "utf-8";

* { padding:0; margin:0; font-size:13px; color:#333333; }
ul, li { list-style:none; }
input, button, textarea { border:1px solid #AAAAAA; cursor:pointer; }
table { border:0; border-spacing:0; }
label { cursor:pointer; }
h1 { font-size:50px; }
img { border:0; }

a:active, a:link, a:visited { text-decoration:none; color:#333333; }
a:hover { text-decoration:none; color:#DB2728; }

a.GRAY:active, a.GRAY:link, a.GRAY:visited { text-decoration:none; color:#AAAAAA; }
a.GRAY:hover { text-decoration:none; color:#DB2728; }

a.WHITE:active, a.WHITE:link, a.WHITE:visited { text-decoration:none; color:#FFFFFF; }
a.WHITE:hover { text-decoration:none; color:#DB2728; }

#wrap { width:100%; overflow-x:scroll; }

.clear { clear:both; width:0; height:0; }
.center { margin:0 auto; }
.p_null { width:100%;height:50px; }

.BD0 { border:0; }
.BD_gray { border:1px solid #DDDDDD; }

.BOLD { font-weight:bold; }
.HIDE { display:none; }

.RED { color:#FF0000; }
.GRAY { color:#AAAAAA; }
.WHITE { color:#FFFFFF; }

.ENG { font-family:Tahoma; }

.RED { color:#DB2728; }

.TC { text-align:center; }
.TL { text-align:left; }
.TR { text-align:right; }

.FL { float:left; }

.FS15 { font-size:13px; }
.FS18 { font-size:18px; }
.FS20 { font-size:20px; }
.FS30 { font-size:30px; }

.sp_11 { padding:11px; }

.WD25 { width:25%; }
.WD50 { width:50%; }
.WD75 { width:75%; }
.WD90 { width:90%; }
.WD96 { width:96%; }
.WD100 { width:100%; }

.W20 { width:20px; }
.W50 { width:50px; }
.W80 { width:80px; }
.W100 { width:100px; }
.W200 { width:200px; }
.W300 { width:300px; }
.W490 { width:490px; }

.LT20 { line-height:20px; }
.LT25 { line-height:25px; }
.LT30 { line-height:30px; }
.LT40 { line-height:40px; }

.H10 { height:10px; }
.H20 { height:20px; }
.H30 { height:30px; }
.H120 { height:120px; }
.H200 { height:200px; }

.ML5 { margin-left:5px; }
.ML10 { margin-left:10px; }
.ML15 { margin-left:15px; }
.ML20 { margin-left:20px; }
.ML40 { margin-left:40px; }
.ML73 { margin-left:73px; }

.MR5 { margin-right:5px; }
.MR10 { margin-right:10px; }
.MR15 { margin-right:15px; }

.MT3 { margin-top:3px; }
.MT5 { margin-top:5px; }
.MT7 { margin-top:7px; }
.MT10 { margin-top:10px; } 
.MT14 { margin-top:14px; }
.MT15 { margin-top:15px; }
.MT17 { margin-top:17px; }
.MT20 { margin-top:20px; }
.MT27 { margin-top:27px; }
.MT30 { margin-top:30px; }
.MT40 { margin-top:40px; }
.MT50 { margin-top:50px; }
.MT100 { margin-top:100px; }

.MB0 { margin-bottom:0px; }
.MB7 { margin-bottom:7px; }
.MB10 { margin-bottom:10px; }
.MB20 { margin-bottom:20px; }
.MB30 { margin-bottom:30px; }
.MB40 { margin-bottom:40px; }
.MB52 { margin-bottom:52px; }

.btn_RED { padding:20px 40px 20px 40px; border:0; background-color:#DB2728; border-radius:10px; color:#FFFFFF; font-weight:bold; font-size:18px; }
.btn_BLUE { padding:20px 40px 20px 40px; border:0; background-color:#fe3f40; border-radius:10px; color:#FFFFFF; font-weight:bold; font-size:18px; }

.ellipsis { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.roadview_control { position:absolute; top:5px; left:5px; width:65px; height:24px; padding:2px; z-index:1; background-color:#F5F5F5; border-radius:4px; border:1px solid #C8C8C8; box-shadow:0 1px #888888; cursor:pointer; }
.roadview_control span { background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/mapworker.png') no-repeat; padding-left:25px; height:24px; display:inline-block; font-weight:bold; line-height:24px; }

.roadview_control_on { position:absolute; top:5px; left:5px; width:65px; height:24px; padding:2px; z-index:1; background-color:#CCCCCC; border-radius:4px; border:1px solid #7F818A; box-shadow:0 1px #5F616D; cursor:pointer; }
.roadview_control_on span { background:url('http://i1.daumcdn.net/localimg/localimages/07/mapapidoc/mapworker_on.png') no-repeat; padding-left:25px; height:24px; display:inline-block; font-weight:bold; line-height:24px; color:#4C4E57; }

#top { width:100%; height:80px; border-bottom:1px solid #002C72; }
#top .top_menu { width:1200px; margin:20px auto; }
#top .top_menu .top_logo { float:left; width:100px; }
#top .top_menu .main_menu { float:left; width:770px; text-align:center; line-height:60px; }
#top .top_menu .main_menu a { font-size:17px; font-weight:bold; }
#top .top_menu .main_menu span { margin:0 20px 0 20px; }
#top .top_menu .login_menu { float:left; width:130px; text-align:center; }
#top .top_menu .login_menu span { margin:0 5px 0 5px; color:#AAAAAA; }
#top .top_menu .login_menu p { margin:10px 0 10px 0; font-weight:bold; }

.top_line { width:100%; height:4px; border:0; background-color:#fe3f40; }

#login { width:100%; max-width:500px; margin:0 auto; }

@media screen and (max-width: 1280px) {
	#login { width:100%; max-width:400px; margin:0 auto; }
}

#login h1 { font-size:2em; }

#login_box .login_area .account_type { margin-left:100px; height:20px; }

#login_box .login_area .btn_login { border:0; min-height:80px; margin:20px 0 20px 10px; background-color:#333333; border-radius:15px; color:#FFFFFF; padding:30px; }

#login_box .password_info { width:450px; margin:20px auto; margin-top:50px; }
#login_box .password_info li { font-size:13px; }
#login_box .password_area { width:430px; margin:0 auto; }
#login_box .password_area .btn_update { border:0; width:80px; height:80px; margin:20px 0 20px 20px; background-color:#fe3f40; border-radius:5px; color:#FFFFFF; padding:10px 0 10px 0; font-weight:bold; }
#login_box .password_area .login_input { border:0; width:70%; height:30px; background-color:#DDDDDD; }
#login_box .password_area .password_txt { clear:both; width:400px; font-size:13px; margin-bottom:50px; line-height:50px; color:#FF0000; text-align:center; }

#login_box .login_info { width:500px; margin:40px auto; }
#login_box .login_info li { font-size:13px; }
#login_box .login_info strong { font-size:13px; }
#login_box .login_info button { margin:5px 0 0 12px; border:0; background-color:#000000; border-radius:5px; color:#FFFFFF; padding:5px 15px 5px 15px; font-weight:bold; }

#contents { width:1200px; min-height:630px; }
#contents h2 { font-size:20px; margin-bottom:10px; }
#contents .img_main { width:100%; height:600px; background:url('/imgs/bg_main.png') no-repeat; }
#contents .img_main .main_title { color:#DB2728; font-family:tahoma; font-size:46px; font-weight:bold; }
#contents .right_main { float:left; width:200px; margin-left:20px; margin-top:20px; }
#contents .right_main .banner_main { width:100%; height:215px; border-bottom:1px dotted #777777; text-align:center; }
#contents .right_main .notice_txt { float:left; width:160px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#contents .right_main .notice_date { float:left; width:40px; line-height:25px; color:#777777; font-size:11px; text-align:right; }
#contents .right_main hr { width:100%; height:15px; border:0; border-top:1px dotted #777777; margin-top:15px; }
#contents .right_main .banner_adv { width:200px; height:200px; background:url('/imgs/bg_banner_adv.png') no-repeat; cursor:pointer; }
#contents .right_main .banner_pub { width:200px; height:200px; background:url('/imgs/bg_banner_pub.png') no-repeat; cursor:pointer; }

#contents .bottom_main { width:100%; margin-top:20px; }
#contents .bottom_main .banner_notice { float:left; width:438px; height:200px; padding-right:40px; border-right:1px dotted #777777; }
#contents .bottom_main .notice_txt { float:left; width:330px; line-height:33px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#contents .bottom_main .notice_date { float:left; width:108px; line-height:33px; color:#777777; font-size:11px; text-align:right; }
#contents .bottom_main hr { width:100%; height:15px; border:0; border-top:1px dotted #777777; margin-top:15px; }
#contents .bottom_main .banner_adv { float:left; margin-left:40px; padding-right:40px; border-right:1px dotted #777777; width:200px; height:200px; background:url('/imgs/bg_banner_adv.png') no-repeat; cursor:pointer; }
#contents .bottom_main .banner_pub { float:left; margin-left:40px; width:200px; height:200px; background:url('/imgs/bg_banner_pub.png') no-repeat; cursor:pointer; }

#contents .txt_gray { color:#777777; font-size:14px; }
#contents .txt_bold { color:#333333; font-size:13px; font-weight:bold; }
#contents .txt_title_eng { color:#333333; font-family:tahoma; font-size:20px; font-weight:bold; margin-bottom:5px; }

#contents .main_ad_report { float:left; width:60%; height:140px; }
#contents .main_notice { float:left; width:40%; height:140px; }
#contents .main_notice .notice_txt { float:left; width:80%; line-height:27px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#contents .main_notice .notice_date { float:left; width:20%; line-height:27px; color:#777777; font-size:11px; text-align:right; }

#contents .title_txt { font-size:13px; line-height:24px; }
#contents .sub_title { font-size:35px; margin-top:50px; }

#contents .info_area { width:95%; margin:30px auto; text-align:left; }
#contents .info_sub_title { font-size:20px; line-height:30px; }
#contents .info_line { clear:both; width:100%; height:10px; border-bottom:1px dotted #777777; }
#contents .info_txt { font-size:13px; line-height:30px; }
#contents .map_area { width:95%; margin:20px auto; text-align:left; position:relative; margin-top:50px; }
#contents .map { width:950px; height:500px; margin:0 auto; }
#contents .address_gray { margin:0 0 7px 87px; font-size:14px; color:#777777; }

#contents .title_left { float:left; width:50%; height:33px; }
#contents .title_right { float:left; width:50%; height:33px; text-align:right; line-height:25px; }
#contents .title_notice_left { float:left; width:50%; height:29px; }
#contents .title_notice_right { float:left; width:50%; height:29px; text-align:right; line-height:25px; }

#contents table { width:100%; border-spacing:1px; background-color:#DDDDDD; line-height:17px; border-top:2px solid #8a8a8a; }
#contents .table_title { height:46px; background-color:#f9f9f9; border-bottom:1px solid #e7e7e7; text-align:center; }
#contents .table_title_bold { height:36px; background-color:#fe3f40; color:#FFFFFF; text-align:center; }
#contents .table_txt { height:36px; padding:5px; background-color:#FFFFFF; border-bottom:1px solid #e7e7e7; text-align:center; }
#contents .table_text { background-color:#FFFFFF; text-align:left; padding:5px 10px 5px 10px; border-bottom:1px solid #e7e7e7; }
#contents .table_input { height:46px; background-color:#FFFFFF; text-align:left; border-bottom:1px solid #e7e7e7; }
#contents .table_sum { height:36px; background-color:#FFFBBB; text-align:center; font-weight:bold; }
#contents .table_sub_title { height:26px; background-color:#EEEEEE; }
#contents .table_sub_txt { height:20px; padding:3px; background-color:#FFFFFF; text-align:center; }
#contents .table_file { background-color:#FFFFFF; text-align:left; padding:5px 0 5px 10px; line-height:23px; }
#contents .table_textarea { background-color:#FFFFFF; text-align:left; padding:10px; }

#contents .btn_add { border:0; line-height:20px; background-color:#DB2728; border-radius:5px; color:#FFFFFF; padding:5px 15px 5px 15px; }
#contents .btn_ok { border:0; background-color:#fe3f40; border-radius:5px; color:#FFFFFF; padding:10px 50px 10px 50px; }
#contents .btn_cancel { border:0; background-color:#777777; border-radius:5px; color:#FFFFFF; padding:10px 50px 10px 50px; }
#contents .btn_search { line-height:14px; margin-left:3px; border:0; background-color:#F66634; border-radius:5px; color:#FFFFFF; padding:10px 15px 10px 15px; }
#contents .btn_search_big { border:0; background-color:#F66634; border-radius:5px; color:#FFFFFF; padding:10px 50px 10px 50px; }
#contents .btn_view { border:0; background-color:#B000A7; border-radius:5px; color:#FFFFFF; padding:4px 15px 5px 15px; }
#contents .btn_view_big { border:0; background-color:#B000A7; border-radius:5px; color:#FFFFFF; padding:10px 50px 10px 50px; }
#contents .btn_black { border:0; background-color:#000000; border-radius:5px; color:#FFFFFF; padding:4px 15px 5px 15px; }
#contents .btn_gray { border:0; background-color:#CCCCCC; border-radius:5px; color:#FFFFFF; padding:4px 15px 5px 15px; }
#contents .btn_excel { padding:15px 25px 13px 25px; }

#contents .ic_all { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#1BB11B; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }
#contents .ic_adv { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#fe3f40; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }
#contents .ic_agc { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#FF7700; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }
#contents .ic_pub { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#B000A7; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }

#contents .signup_step_img { float:left; width:19%; }
#contents .signup_step_icon { float:left; width:8%; font-size:30px; font-weight:bold; color:#DDDDDD; line-height:60px; }
#contents .signup_step { float:left; width:50%; font-size:13px; line-height:25px; margin-top:5px; }
#contents .signup_step_on { float:left; width:50%; font-size:13px; line-height:25px; margin-top:5px; color:#DB2728; font-weight:bold; }
#contents .account_type_box { width:493px; height:290px; float:left; border:1px solid #DDDDDD; background-color:#F5F5F5; border-radius:10px; }
#contents .account_type_box .btn_adv { width:250px; border:0; background-color:#000000; border-radius:10px; color:#FFFFFF; padding:30px 0 30px 0; font-weight:bold; font-size:20px; line-height:25px; }
#contents .account_type_box .btn_pub { width:250px; border:0; background-color:#fe3f40; border-radius:10px; color:#FFFFFF; padding:30px 0 30px 0; font-weight:bold; font-size:20px; line-height:25px; }
#contents .signup_finish_box { width:700px; margin:0 auto; border:1px solid #8FB5BD; border-radius:20px; background-color:#8FB5BD; }
#contents .signup_id { color:#DB2728; font-size:20px; font-weight:bold; margin:0 5px 0 5px; }

#contents .search_box { width:998px; height:50px; background-color:#F5F5F5; border:1px solid #DDDDDD; text-align:left; }
#contents .search_box .search_title { float:left; margin:0 20px 0 40px; line-height:50px; font-weight:bold; }

#contents .search_box_big { width:998px; background-color:#F5F5F5; border:1px solid #DDDDDD; text-align:left; }
#contents .search_box_big .search_title { float:left; margin-right:20px; margin-left:40px; line-height:30px; font-weight:bold; }

#contents .report_tab_box { width:100%; height:35px; border-bottom:1px solid #DDDDDD; }
#contents .report_tab { float:left; border:1px solid #DDDDDD;  padding:10px 30px 10px 30px; font-weight:bold; margin-right:5px; cursor:pointer; }
#contents .report_tab_on { float:left; border:1px solid #DDDDDD; background-color:#fe3f40; color:#FFFFFF; padding:10px 30px 10px 30px; font-weight:bold; margin-right:5px; cursor:pointer; }

#contents .info_box { width:100%; background-color:#F5F5F5; border:1px solid #DDDDDD; } 

#contents .paging { width:100%; text-align:center; margin-top:20px; }
#contents .paging button { padding:5px 7px 5px 7px; }

#pop_contents { width:90%; margin:20px auto; text-align:center; }
#pop_contents h2 { font-size:20px; margin-bottom:10px; }

#pop_contents table { width:100%; border-spacing:1px; border-top:2px solid #8a8a8a; }
#pop_contents .table_title { height:46px; background-color:#f9f9f9; border-bottom:1px solid #e7e7e7; }
#pop_contents .table_txt { height:26px; padding:5px; background-color:#FFFFFF; text-align:center; }
#pop_contents .table_text { background-color:#FFFFFF; text-align:left; padding:5px 10px 5px 10px; }
#pop_contents .table_input { height:34px; background-color:#f9f9f9; border-bottom:1px solid #e7e7e7; text-align:left; }
#pop_contents .table_file { background-color:#FFFFFF; text-align:left; padding:5px 0 5px 10px; line-height:23px; }
#pop_contents .table_textarea { background-color:#FFFFFF; text-align:left; padding:10px; }

#pop_contents .btn_ok { border:0; background-color:#fe3f40; border-radius:5px; color:#FFFFFF; padding:10px 50px 10px 50px; font-weight:bold; }
#pop_contents .btn_cancel { border:0; background-color:#777777; border-radius:5px; color:#FFFFFF; padding:10px 50px 10px 50px; font-weight:bold; }
#pop_contents .btn_search { line-height:14px; margin-left:3px; border:0; background-color:#1BB11B; border-radius:5px; color:#FFFFFF; padding:4px 15px 5px 15px; font-weight:bold; }

#pop_contents .ic_all { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#1BB11B; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }
#pop_contents .ic_adv { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#fe3f40; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }
#pop_contents .ic_agc { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#FF7700; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }
#pop_contents .ic_pub { display:inline-block; text-align:center; width:40px; height:20px; line-height:19px; cursor:default; border:0; background-color:#B000A7; border-radius:5px; color:#FFFFFF; font-weight:bold; margin-right:5px; }

#pop_contents .paging { width:100%; text-align:center; margin-top:20px; }
#pop_contents .paging button { padding:5px 7px 5px 7px; }

#banner a.button { color:#FFFFFF; }
#banner a.button.alt { color:#444444; }