@charset "UTF-8";


.blind { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px; }
.ir_wa { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; z-index: -1; font-size: 1px; text-indent: -9999px;}
.f_l { float: left; }
.f_r { float: right; }
.cl_b { width: 0; height: 0; font-size: 0; line-height: 0; clear: both; }
.clear_g { display: block; overflow: visible; width: auto; clear: both; *zoom: 1; }
.clear_g:after { display: block; visibility: hidden; height: 0; font-size: 0; clear: both; content: ''; }
.skip_navi { position: relative; top: 0; left: 0; height: 0; font-size: 0; z-index: 999999; }
.skip_navi a { left: -3000%; position: absolute; font-size: 12px; }
.skip_navi a:hover, .skip_navi a:focus, .skip_navi a:active { background: #1d60a7; color: #fff; display: block; height: 30px; left: 0; line-height: 30px; text-align: center; top: 0; width: 100%; z-index: 999999; }
.skip { position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; }
.ta_l{text-align:left !important;}
.ta_c{text-align:center !important;}
.ta_r{text-align:right !important;}

[role="button"] { cursor: pointer;}

.g-title { color: #313131; font-size: 28px; border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; font-family: 'Montserrat'; margin-bottom: 20px; }
.g-titles { font-size: 18px; color: #313131; margin-bottom: 30px; font-family: 'Montserrat'; font-weight: 400; }

.g-cotent { overflow: hidden; padding-bottom: 20px; }
.g-cotent + .g-title { margin-top: 30px; }
.g-cotent .col { float: left; width: 100%; }
.g-cotent .col + .col { margin-top: 45px; }
.g-cotent .col-6 { width: 50%; padding: 0 15px; }
.g-cotent .col-6 + .col { margin-top: 0; }

.g-btn_Size a.btn, .g-btn_Size button.btn { height: auto; line-height: 1.1; }
.g-btn_Size a.btn { padding-top: 10px; padding-bottom: 10px; }

.g-form p + p { margin-top: 15px; }
.g-form input, .g-form textarea { width: 100%;}

.tablet_show, .mobile_show { display: none; }
.hidden { display: none;}
	
/* font 
*/
.font_black { color: #222 !important; }
.font_black2 { color: #555 !important; }
.font_sky { color: #0d87bb !important; }
.regular { font-weight: 400; }
.bold { font-weight: 700; }

/*
* form
*/

.select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/img/common/arrow_select.png) no-repeat 95% 50%; border: 1px solid #e5e5e5; padding: 0 30px 0 10px; height: 35px; }
.select::-ms-expand { display: none; }
.select.block { display: block; width: 100%; }

.label_set { display: inline-block; overflow: hidden; }
.label_set label, .label_set select, .label_set input { float: left; display: inline-block; }
.label_set label { line-height: 35px; height: 35px; }

.tf_text, .tf_password { display: inline-block; border: 1px solid #dbdbdb; background: #fff; padding: 0 0 0 10px; height: 40px; }
.tf_text.tf_full, .tf_password.tf_full { width: 100%; }

.textarea { display: block; min-height: 150px; width: 100%; background: #fff; border: 1px solid #dbdbdb; padding: 10px; }

.tf_block { display: block; }

.input_file { display: inline-block; }
.input_file input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; }
.input_file label { display: block; float: left; background: #222; color: #fff; text-align: center; width: 105px; height: 40px; line-height: 40px; font-size: 16px; }
.input_file input[type="text"] { display: block; float: left; background: #fff; height: 50px; border: 1px solid #dbdbdb; line-height: 48px; padding: 0 0 0 5px; font-size: 16px; }
.input_file .file_focus { outline: 1px solid #0d87bb; }

.input_file input[type="text"] { line-height: 38px; height: 40px; }

/*
* button
*/

.btn { display: inline-block; font-size: 18px; padding: 0 30px; height: 48px; border-radius: 5px; }
a.btn { line-height: 40px; }
.btn.btn_block { display: block; }
.btn_01 { background: #1069ab; color: #fff; border: 1px solid #0a4977; }
.btn_02 { background: #595959; color: #fff; border: 1px solid #555; }
.btn_03 { background: #fff; color: #333; border: 1px solid #222; }
.btn_04 { background: #ff7062; color: #fff; border: 1px solid #ee6457; }


/* icon */
.btn_icon { display: inline-block; background-repeat: no-repeat; border: 1px solid #ccc; padding: 0 40px 0 10px; font-size: 15px; color: #555; padding: 0 40px 0 10px; }
.btn_download { background-image: url(/img/common/icon_file_down.png); background-position: 90% 5px; background-color: #f2f2f2; border-color: #ccc; height: 26px; }
.btn_area {margin-top: 30px; height: 40px; }

.btn_area:after{content: ""; display: block; clear: both; margin-bottom: 40px}
.btn_area.center { text-align: center; }
.btn_area.area_right { position: absolute; top: 0; right: 0; }
.btn_area.right { text-align: right; }
.btn_area .left { display: block; float: left; }
.btn_area .right { display: block; float: right; }
/*
* tab
*/
.tablist:after { content: ""; display: block; clear: both; }
.tablist > li { float: left; }

.tab_content .tabpanel { display: none; }

/*
* table
*/
.table table { width: 100%; }
.table table caption { position: absolute; top: -9999px; left: -9999px; width: 1px; height: 1px; }
.table table th { font-size: 16px; font-weight: 700; }
.table table td { font-size: 16px; }
.icon { display: inline-block; font-size: 0; text-indent: -9999em; vertical-align: middle; background-repeat: no-repeat; background-position: 0 0; }
.icon.icon_note { width: 19px; height: 15px; background: url(/img/common/icon_note.png); }
.icon.icon_file { width: 14px; height: 14px; background: url(/img/common/icon_file.png); }

.table.table_horizontal { border-top: 3px solid #626262; }
.table.table_horizontal table tr { border-bottom: 1px solid #dadcde; }
.table.table_horizontal table tr.notice { background: #f2f2f2; }
.table.table_horizontal table thead.no_line th:after { display: none; }
.table.table_horizontal table thead th { padding: 15px 0; position: relative; }
.table.table_horizontal table thead th:first-child:after { display: none; }
.table.table_horizontal table thead th.bd_r { border-right: 1px solid #ccc; }
.table.table_horizontal table td { padding: 15px; text-align: center; }
.table.table_horizontal table thead.bg{background: #f3f5f7; }
.table.table_horizontal table thead.bg th{border-left:1px solid #ccc; border-bottom:1px solid #ccc}
.table.table_horizontal table thead.bg th.bgLine{border-left:none; border-bottom:1px solid #ccc}
.table.table_horizontal table thead.bg th.bgLine:before{ display: inline-block;content: ""; position: absolute; left: 0;top: 50%; width: 1px; height: 14px; margin-top: -7px;background: #ccc;}
.table.table_horizontal table .title { text-align: left; word-break: break-word;}
.table.table_horizontal table td.title strong { font-weight: 400; }
.table.table_horizontal.rd_table th, .table.table_horizontal.rd_table td { font-size: 14px; }
.table.table_horizontal.rd_table th { border-left: 1px solid #ddd; }

.table.table_vertical { border-top: 1px solid #777; }
.table.table_vertical table.td_line td { position: relative; padding-top: 20px; padding-bottom: 20px; }
.table.table_vertical table.td_line th { text-align: left; padding-left: 30px; }
.table.table_vertical table.no_bg th {background: #f2f2f2; }
.table.table_vertical table tr { border-bottom: 1px solid #ddd; }
.table.table_vertical table th { background: #f2f2f2; padding: 15px 0; }
.table.table_vertical table td { padding: 15px 30px; }

.table_view { border-top: 2px solid #333; }
.table_view table { width: 100%; }
.table_view table .view_col1 { width: 11.1%; }
.table_view table .view_col2 { width: 70.9%; }
.table_view table .view_col3 { width: 9%; }
.table_view table .view_col4 { width: 9%; }
.table_view table td, .table_view table th { padding: 12px 0; }
.table_view table th { position: relative; }
.table_view table th:after { display: inline-block; content: ""; position: absolute; right: 0; width: 1px; top: 12px; bottom: 12px; background: #999; }
.table_view table td { padding-left: 10px; font-size: 15px; }
.table_view table tr { border-bottom: 1px solid #ddd; }
.table_view table .bo_v_cont { padding: 40px 30px; }
.table_view table td.bo_v_cont p ~ p{margin-top:10px; }
.table_view table td.content{padding: 40px 0}

.table_view .section .bx-answer{border-bottom: 1px solid #ddd; background: #f4f4f4; padding: 20px 20px 40px 20px;}
.table_view .section .bx-answer .content{ margin-top: 20px; border-top: 1px solid #ddd; padding-top: 20px;}
.table_view .section .bx-answer .content .file-list{padding: 12px 0; font-size: 15px;height: 100%; overflow: hidden; vertical-align: middle;}
.table_view .section .bx-answer .content .file-list:before{display: block; content: ""; vertical-align: middle; height: 100%; overflow: hidden;}

.table_view .section .bx-answer .content .file-list .left{width: 65px; display: inline-block; vertical-align: middle;border-right: 1px solid #999;}
.table_view .section .bx-answer .content .file-list .left.fileNm{width: 90%;}
.table_view .section .bx-answer .content .file-list .right{ display: inline-block; position: relative; padding-left: 10px;}
.table_view .section .bx-answer .content .file-list .right:before{width:calc(100% - 65px); display: inline-block; content: ""; position: absolute; left: 0; top:0; border-left: 1px solid #999;height: 100%}
.table_view .section .bx-answer .content .file-list .right .icon { display: block; font-size: 0; text-indent: -9999em; vertical-align: middle; background-repeat: no-repeat;  background-position: 0 0;}

/*attachment file*/
.bo_v_file button { font-size: 14px; background-repeat: no-repeat; background-position: 0 0; line-height: 1.1; }
.bo_v_file p{margin-bottom: 7px; }
.bo_v_file p button.down_excel { padding-left: 25px; background-image: url(/img/common/icon_file_excel.png); }
.bo_v_file p button.down_hwp { padding-left: 25px; background-image: url(/img/common/icon_file_hwp.png); }
.bo_v_file p button.down_pdf { padding-left: 25px; background-image: url(/img/common/icon_file_pdf.png); }
.bo_v_file p button.down_ppt { padding-left: 25px; background-image: url(/img/common/icon_file_ppt.png); }
.bo_v_file p button.down_word { padding-left: 25px; background-image: url(/img/common/icon_file_word.png); }
.bo_v_file p button.down_zip { padding-left: 25px; background-image: url(/img/common/icon_file_zip.png); }
.bo_v_file p button:hover, .bo_v_file p button:focus { text-decoration: underline; }
.bo_v_file p button.file_delete { padding-left: 0; padding-right:25px; background: url(/img/common/icon_file_delete.png) 100% 0 no-repeat; }

.content_footer { max-width: 1200px; position: relative; text-align: center; overflow: hidden;}

/* paging
*/

.paginate { margin: 30px 0px; font-weight: 700; font-size: 12px; text-align: center; margin-bottom: 0px; }
.paginate .skip_txt { font-size: 0; text-indent: -9999em; background-repeat: no-repeat; background-position: 50% 50%; }
.paginate .prev10 { background-image: url(/img/common/arrow_paging_first.gif); }
.paginate .prev { background-image: url(/img/common/arrow_paging_prev.gif); }
.paginate .next { background-image: url(/img/common/arrow_paging_next.gif); }
.paginate .next10 { background-image: url(/img/common/arrow_paging_end.gif); }
.paginate a, .paginate strong { display: inline-block; border: 1px solid #d7d7d7; width: 38px; height: 38px; line-height: 38px; text-align: center; vertical-align: middle; background-color: #fff; }
.paginate strong { color: #fff; border-color: #4799d0; background: #4799d0; }

.collapse { display: none; }

.bbs_search { text-align: right; padding-bottom: 20px; }
.bbs_search .inbox { display: inline-block; vertical-align: top; }
.bbs_search .inbox .select, .bbs_search .inbox .inner_keyword { float: left; }
.bbs_search .inbox .select { height: 40px; margin-right: 5px; min-width: 120px; }
.bbs_search .inbox .inner_keyword { position: relative; }
.bbs_search .inbox .inner_keyword .tf_text { width: 300px; }
.bbs_search .inbox .inner_keyword .btn_bbs_submit { display: block; position: absolute; right: 0; top: 7px; bottom: 7px; background: url(/img/common/icon_search.png) no-repeat 50% 50%; width: 40px; border-left: 1px solid #ddd; }

/*
* Popup
*/

.layer_popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; padding: 30px; display: none; overflow-y: auto; }
.layer_popup .inner_wrap { display: table; height: 100%; width: 100%; }
.layer_popup .inner_wrap .table_cell { display: table-cell; vertical-align: middle; }
.layer_popup .size_wrap { position: relative; margin: 0 auto; z-index: 3; }
.layer_popup header {height: 75px; z-index: 1; background-color: #186bb9; border-radius:30px 30px 0 0}
.layer_popup header h2 {z-index: 10; display: inline-block; position: absolute; top: 25px; color: #fff; font-weight: 400; font-size: 24px; margin-left: 30px; }
.layer_popup .dialog_container {background: -webkit-gradient(linear, left top, right top, color-stop(0.48, #fff), color-stop(1, #fff));background: -moz-linear-gradient(left, #fff 48%, #fff 100%);background: -webkit-linear-gradient(left, #fff 48%, #fff 100%);background: -o-linear-gradient(left, #fff 48%, #fff 100%);background: -ms-linear-gradient(left, #fff 48%, #fff 100%);background: linear-gradient(to left, #fff 48%, #fff 100%); background:#ffffff; padding: 0;position: relative;border-radius: 60px 60px 30px 30px;}
.layer_popup .js_dialog_close { position: absolute; right: 30px; top: 30px; width: 23px; height: 23px; background: url(/img/common/btn_dialog_close.png) 0 0 no-repeat; }
.layer_popup .backdrop { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 2; }
.layer_popup .size_wrap .content_body { padding: 30px; }
.layer_popup .content_body .table.table_horizontal td > p {text-align: left;}
.layer_popup .content_body .table.table_horizontal td > p.rnAddr {margin-bottom: 6px;}
.layer_popup .content_body .table.table_horizontal td > p span {color: #626262;}

#top_notice { display: none; background: #3e4a5a; position: relative; z-index: 99; }
body.main.banner #top_notice{display:block}


#search_country { display: none; z-index: 100; }
#search_country .searchCountry_inner { max-width: 810px; }
#search_country .content_body { padding: 30px 30px 50px 30px; border-radius: 60px; background: rgba(0, 0, 0, 0); overflow-y: hidden;}
#search_country .content_body .address_area { padding-right: 5px; }
#search_country .content_body .sort_box { overflow: hidden; padding-bottom: 13px; border-bottom: 1px solid #e8eaec; }
#search_country .content_body .sort_box .col_6 { float: left; width: 50%; }
#search_country .content_body .sort_box .label_set label { color: #313131; font-size: 16px; font-weight: 700; margin-right: 10px; width: 80px; }
#search_country .content_body .sort_box .label_set .select { min-width: 200px; }
#search_country .content_body .complete_zone { height: 100px; padding: 16px 0 0; border-bottom: 1px solid #e8eaec; }
#search_country .content_body .complete_zone h4 { color: #1078bc; font-size: 16px; font-weight: 700; position: relative; padding-left: 8px; margin-bottom: 6px; }
#search_country .content_body .complete_zone h4:after { content: ""; display: block; position: absolute; left: 0; top: 6px; width: 4px; height: 4px; border-radius: 100%; background: #1078bc; }
#search_country .content_body .complete_zone #addrValue { display: block; width: 100%; background: #eee; color: #313131; height: 35px; padding: 5px 0 0 10px; border: 0; }
#search_country .content_body .complete_zone #menuExplain { font-size: 14px;}
#search_country .content_body .btn_box { padding: 19px 0 0; overflow: hidden; }
#search_country .content_body .btn_box button { display: block; width: 48%; float: left; background: #363636; color: #fff; height: 35px; font-size: 16px; }
#search_country .content_body .btn_box button + button { float: right; background: #1078bc; }
#search_country .content_body .dic_area { }
#search_country .content_body .dic_list { overflow: hidden; }
#search_country .content_body .dic_list li { float: left; display: inline-block;border:1px solid #fff;  background: #e8eaec;  width: 6.66%}
#search_country .content_body .dic_list li a { display: block; color: #acacac; height: 24px; position: relative; text-align: center; cursor: default ;}
#search_country .content_body .dic_list li a:after { content: ""; vertical-align: middle; height: 100%; display: inline-block; }
#search_country .content_body .dic_list li a.press { color: #000; cursor: pointer; }
#search_country .content_body .dic_list li.on a.press {text-decoration: underline;background-color: #1078bc;color: #fff;}
#search_country .content_body .dic_content { border: 1px solid #e8eaec; margin-top: 1px; padding: 0 9px; height: 185px; overflow-y: auto; }
#search_country .content_body .dic_content dl dt { padding: 5px 0 3px; border-bottom: 1px solid #e8eaec; color: #2b5cb2; font-size: 15px; font-weight: 700; }
#search_country .content_body .dic_content dl dd { margin-top: 5px; }
#search_country .content_body .dic_content dl dd ul li button { display: block; padding: 0 0 0 6px; height: 24px; width: 100%; text-align: left; }
#search_country .content_body .dic_content dl dd ul li button:hover, #search_country .content_body .dic_content dl dd ul li button:focus { background-color: #f3f3f3; }

#top_notice .box_comm {width: 50%; height: 250px; float: left; color: #d5d8dd; padding: 40px 0;}
#top_notice .title{ padding: 0 0 0 140px; font-size: 24px; color: #fff; background: url("/img/common/notice_top_icon.png") 20px 3px no-repeat;}
#top_notice .box_commbg{background: url("/img/common/notice_topBg.png") 0 0 no-repeat; }
#top_notice .contents_text{font-size: 14px; margin: 20px 0 0 140px; line-height: 1.5em;}
#top_notice .contents_notice{font-size: 18px; color: #fff; line-height: 1.5em; padding-left: 50px;}
#top_notice .contents_point{margin-top:20px; font-size: 13px; color: #f8a246; padding-left: 50px;}


#top_notice .box_comm { float: left; width: 50%; height: 250px; }
#top_notice .box_bottom { position: absolute; right: 0; bottom: 8px; }
#top_notice .today_check { position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; background: rgba(0, 0, 0, 0.5); text-align: right; }
#top_notice .today_check label { display: inline-block; z-index: 2; color: #fff; font-size: 14px; padding-top: 10px; }
#top_notice .today_check input { vertical-align: middle; line-height: 1.1; display: inline-block; margin-right: 3px; }
#top_notice .js_banner_control{margin-left:3px;padding-top:0px;width:25px;height:25px;border-radius:100%;background-color:rgba(255,255,255,0.2);color:#fff;text-align:center;vertical-align:middle;font-size:13px}

/* title*/
.title_2 { text-align: center; font-weight: 400; font-size: 20px; padding: 45px 0 35px; }
.title_3 { font-size: 22px; background: url(/img/common/icon_tit3.gif) no-repeat 0 50%; margin-bottom: 20px; padding-left: 25px; margin-left: 2px; }
.title_4 { font-size: 16px; background: url(/img/common/icon_tit4.gif) no-repeat 3px 2px; margin-bottom: 14px; padding-left: 25px; }
.title_4-2 { font-size: 18px; background: url(/img/common/icon_tit4_2.png) no-repeat 3px 50%; margin-bottom: 14px; padding-left: 25px; }

.list_type1 { padding-left: 23px; }
.list_type1 li { position: relative; padding-left: 13px; font-size: 16px; color: #555; }
.list_type1 li:after { content: ""; display: block; position: absolute; left: 0; top: 6px; width: 4px; height: 4px; border-radius: 100%; background: #c9c9c9; line-height: 1.1; }
.list_type1 li + li { margin-top: 15px; }
.list_type1 li .block { display: block; }

.bbs_search_2 { background: #f2f2f2; padding: 15px 20px; margin-bottom: 30px}
.bbs_search_2 .inbox { overflow: hidden; }
.bbs_search_2 .inbox .col { float: left; overflow: hidden; }
.bbs_search_2 .inbox .col + .col { margin-left: 30px; }
.bbs_search_2 .inbox label, .bbs_search_2 .inbox input, .bbs_search_2 .inbox select { display: block; float: left; height: 40px; font-size: 14px; }
.bbs_search_2 .inbox label { line-height: 40px; margin-right: 35px; font-size: 16px; font-weight: bold;}
.bbs_search_2 .inbox input, .bbs_search_2 .inbox select { min-width: 330px; color: #555; }
.bbs_search_2 .inbox .select + .select { margin-left: 10px; }
.bbs_search_2 .inbox #btn_search { display: block; float: right; background: #2a497f; color: #fff; font-size: 16px; width: 75px; height: 40px; }

.bbs_search_1 { background: #f2f2f2; padding: 15px 20px; margin-bottom: 30px}
.bbs_search_1 .inbox { overflow: hidden; }
.bbs_search_1 .inbox .col { float: left; overflow: hidden; }
.bbs_search_1 .inbox .col + .col { margin-left: 40px; }
.bbs_search_1 .inbox label, .bbs_search_1 .inbox input, .bbs_search_1 .inbox select { display: block; float: left; height: 40px; font-size: 14px; }
.bbs_search_1 .inbox label { line-height: 40px; margin-right: 15px; font-size: 16px; font-weight: bold;}
.bbs_search_1 .inbox input, .bbs_search_1 .inbox select { min-width: 265px; color: #555; }
.bbs_search_1 .inbox .select + .select { margin-left: 10px; }
.bbs_search_1 .inbox #btn_search { display: block; float: right; background: #2a497f; color: #fff; font-size: 16px; width: 75px; height: 40px; }

.bbs_search_4 { background: #f2f2f2; padding: 10px 20px; margin-bottom: 30px}
.bbs_search_4 .inbox { overflow: hidden; margin-top: 10px; }
.bbs_search_4 .inbox .col{ float: left; overflow: hidden; }
.bbs_search_4 .inbox .col + .col { margin-left: 10px; }
.bbs_search_4 .inbox .col_r { float: right; overflow: hidden; margin-right: 70px; }
.bbs_search_4 .inbox label, .bbs_search_4 .inbox input, .bbs_search_4 .inbox select { display: block; float: left; height: 40px; width:100px; font-size: 14px; }
.bbs_search_4 .inbox label { line-height: 40px; margin-right: 15px; font-size: 16px; font-weight: bold;}
.bbs_search_4 .inbox input[type="text"] { min-width: 200px; color: #555; border: 1px solid #e5e5e5  }
.bbs_search_4 .inbox input[type="checkbox"]{ display: inline-block; width: 16px; height: 16px; color: #555; margin-top: 10px; margin-left: 20px;}
.bbs_search_4 .inbox input[type="radio"]{ display: inline-block; width: 16px; height: 16px; color: #555; margin-top: 10px;}
.bbs_search_4 .inbox select { min-width: 310px; color: #555; }
.bbs_search_4 .inbox .select + .select { margin-left: 10px; }
.bbs_search_4 .inbox #btn_search { display: inline-block; float: right; background: #2a497f; color: #fff; font-size: 16px; width: 75px; height: 40px; border-radius: 3px;right: 25px; position: absolute; top: auto;}

/*도로명 정보 조회 팝업창 최대 사이즈 제한*/
#roadName_dt .size_wrap {max-width: 600px;}
#roadName_dt .content_body ul { margin-top: 10px; padding-left: 0; }
#roadName_dt .content_body ul li strong { color: #0d87bb; }
#searchAddressHistPopup .size_wrap {max-width: 850px;}
#searchAddressHistPopup.layer_popup .size_wrap .content_body{padding-bottom: 50px;}
#searchAddressHistPopup .size_wrap .table_horizontal{max-height: 350px; overflow-Y:auto;}
#searchAddressHistPopup .table.table_vertical table td{padding: 10px 15px;}

.bbs_search_3 { background: #f2f2f2; padding: 10px 20px 20px 20px; margin-bottom: 30px}
.bbs_search_3 .inbox { overflow: hidden; margin-top: 10px; }
.bbs_search_3 .inbox .col{ float: left; overflow: hidden; width: 48%}
.bbs_search_3 .inbox .col .box{ float: left; overflow: hidden;}
.bbs_search_3 .inbox .col .box span.dash{float: left;display: inline-block;height: 40px;padding: 0 5px 0 5px;line-height: 40px;}
.bbs_search_3 .inbox .col_r .box span.dash{float: left;display: inline-block;height: 40px;padding: 0 5px 0 5px;line-height: 40px;}
.bbs_search_3 .inbox .col_r .box{ float: left; overflow: hidden; margin-right: 10px;}
.bbs_search_3 .inbox .col + .col { margin-left: 10px; }
.bbs_search_3 .inbox .col_r { float: left; overflow: hidden; margin-left: 20px; }
.bbs_search_3 .inbox label, .bbs_search_3 .inbox input, .bbs_search_3 .inbox select { display: inline-block; float: left; font-size: 14px;height: 40px }
.bbs_search_3 .inbox label { height: 40px; width:70px;  line-height: 40px; margin-right: 15px; font-size: 16px; font-weight: bold;}
.bbs_search_3 .inbox .col .box input[type="text"] { min-width: 160px; width:80px;   color: #555; border: 1px solid #e5e5e5  }
.bbs_search_3 .inbox input[type="text"] { max-width: 200px;  width:80px;  color: #555; border: 1px solid #e5e5e5  }
.bbs_search_3 .inbox input[type="checkbox"]{ display: inline-block; width: 16px; height: 16px; color: #555; margin-top: 10px; margin-left: 20px;}
.bbs_search_3 .inbox input[type="radio"]{ display: inline-block; width: 16px; height: 16px; color: #555; margin-top: 10px;}
.bbs_search_3 .inbox select { max-width: 410px;  width:360px; color: #555; }
.bbs_search_3 .inbox .select + .select { margin-left: 10px; }
.bbs_search_3 .inbox #btn_search { display: inline-block; float: right; background: #2a497f; color: #fff; font-size: 16px; width: 75px; height: 40px; border-radius: 3px;right: 25px; position: absolute;}
.bbs_search_3 .inbox .col .box .ui-datepicker-trigger { height: 40px; margin-left: 5px; }
.bbs_search_3 .inbox .col .box .ui-datepicker-trigger img { height: 20px; vertical-align: middle; }
.bbs_search_3 .inbox select.roadIdx {min-width: 50px; width: 80px;}
.bbs_search_3 .inbox select.road{min-width: 100px; width: 270px;}
.bbs_search_3 .inbox .col .box input[type="text"] {min-width: 120px;}
.bbs_search_3 .inbox .col .box:last-child {margin-right: 0px;}

.sch_res_list { display: block;position: relative;}
.sch_res_list h3 { padding-bottom: 10px; border-bottom: 1px solid #ddd; font-size: 20px; height: 40px; }
.sch_res_list a { position: absolute; right: 0; top: -15px; font-size: 14px; }

.common_sch_notice { margin-top: 50px; }
.common_sch_notice .sample_img { margin: 5px 0; max-width: 600px; }


/* title */
[class*="section-hjhkjhj"] h3 {padding-bottom:19px; font-weight:400; font-size:24px; border-bottom:4px solid #000}
[class*="section-"] h3 > span {position:relative; margin-left:47px}
[class*="section-"] h3 > span:before {display:inline-block; content:""; position:absolute; left:-26px; top:50%; width:8px; height:12px; margin-top:-6px; background:url(/img/common/icon-tit-arr.gif) no-repeat; }
[class*="section-"] h4 {padding-bottom:18px; font-weight:400; font-size:24px}
[class*="section-"] h4.type2 {font-size:20px}

/* paginate - small (상위 태그에 pop class 추가 필요)*/
.pop .paginate > * {display:inline-block; vertical-align:middle; padding:0 3px; min-width:20px; height:20px; line-height:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
.pop .paginate strong:after {display:inline-block; content:""; position:absolute; left:50%; bottom:0; width:13px; height:2px; margin-left:-6px; background:#186bb9}
.pop .paginate a:hover:after,
.pop .paginate a:focus:after {display:inline-block; content:""; position:absolute; left:50%; bottom:0; width:13px; height:2px; margin-left:-6px; background:#186bb9}
.pop .paginate a.skip:after {display:none}
.pop .paginate .skip.prev {margin-right:12px; background:url('/img/common/btn-paginate-prev-s.gif') 50% 50% no-repeat}
.pop .paginate .skip.prev10 {margin-right:0; background:url('/img/common/btn-paginate-prev10-s.gif') 50% 50% no-repeat}
.pop .paginate .skip.next {margin-left:12px; background:url('/img/common/btn-paginate-next-s.gif') 50% 50% no-repeat}
.pop .paginate .skip.next10 {margin-left:0; background:url('/img/common/btn-paginate-next10-s.gif') 50% 50% no-repeat}

/* button */
.btn {	display: inline-block; font-size: 18px; padding: 0 30px; height: 40px; line-height: 40px; border-radius: 3px;}
[class*="btn-"] {display:inline-block; height:24px; line-height:24px; min-width:90px; text-align:center; padding:0 8px; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.no-rgba [class*="btn-"] {min-width:70px}
[class*="btn-"] span {display:block; height:inherit; line-height:inherit; margin-top:-1px; margin-bottom:-1px}
[class*="btn-"].m {min-width:86px; height:27px; line-height:27px; font-size:12px}
.no-rgba [class*="btn-"].m {min-width:66px}
[class*="btn-"].l {height:39px; line-height:39px; padding:0 18px;}
.no-rgba [class*="btn-"].l {min-width:50px}
[class*="btn-"].xl {height:50px; line-height:50px; padding:0 18px;}
.no-rgba [class*="btn-"].xl {min-width:50px}
.btn-g {color:#000; background:#ccd1d5; border:1px solid #ccd1d5}
.btn-b {color:#fff; background:#013b71; border:1px solid #013b71}
.btn-blue{color:#fff; background:#186bb9; border:1px solid #186bb9}
.btn-w {color:#000; background:#fff; border:1px solid #000}

/* button with an icon */
[class*="btn-"] span.arr {padding-right:18px; background:url(/img/common/error_arrow.png) right center no-repeat}/*x*/
[class*="btn-"] span.plus {padding-left:18px; background:url(/img/common/icon-btn-plus.gif) 0 center no-repeat}
[class*="btn-"] span.pdf {padding-left:49px; font-weight:700; background:url(/img/common/icon-btn-pdf.gif) 0 center no-repeat}/*o*/
[class*="btn-"] span.list {padding-left:24px; background:url(/img/common/icon-btn-list.gif) 0 center no-repeat}	/*o*/
[class*="btn-"] span.switch {padding-left:30px; background:url(/img/common/icon-btn-switch.gif) 0 center no-repeat}
[class*="btn-"] span.xls {padding-left:39px; background:url(/img/common/icon-btn-xls.png) 0 center no-repeat}
[class*="btn-"] span.txt {padding-left:39px; background:url(/img/common/icon-btn-txt.png) 0 center no-repeat}
[class*="btn-"] span.result {padding-left:33px; background:url(/img/common/icon-btn-result.gif) 0 center no-repeat}
[class*="btn-"] span.down {padding-left:33px; background:url(/img/common/icon-btn-down.png) 0 center no-repeat}/*x*/
[class*="btn-"] span.down2 {padding-left:33px; background:url(/img/common/icon-btn-down2.gif) 0 center no-repeat}
.btn-g.arrow span {padding-right:14px; font-size:12px; background:url(/img/common/btn-detail.gif) right center no-repeat}
.btn-g.arrowUpDown span {padding-right:14px; font-size:12px;}
.btn-g.arrowUpDown{position: relative}
.btn-g.arrowUpDown:after{content: "";display: inline-block;position: absolute;top: 50%;right: 6px;width: 7px;height: 4px;margin-top: -2px;background: url(/img/content/ico-arr-updown.gif) 0 0 no-repeat}
.btn-g.arrowUpDown.on:after{background-position:0 -4px}

/* button area */
.btns-submit {margin:40px 0; background:url(/img/common/icon_write.png) 0 0 no-repeat}
.btns-submit:after {display:block; content:""; clear:both}
.btns-submit.center {text-align:center}
.btns-submit a ~ a {margin-left:5px}
.btns-submit a.left {float:left}

.btn_wrap{ display: inline-block; font-size: 18px; padding: 0 30px; height: 40px; line-height: 40px; border-radius: 3px;color:#fff; border: 1px solid #0a4977; background: #1069ab;}


.btnIcon_registration{padding: 0 30px 0 30px; background: #186bb9; font-size: 18px;}
.btnIcon_preview{padding: 0 30px 0 30px; font-size: 18px; background: #333; border: 1px solid #1a1a1a;}
.btnIcon_delete{padding: 0 30px 0 30px; background:#186bb9; font-size: 18px;}
.btnIcon_list{padding: 0 30px 0 52px; background:url(/img/common/icon_list.png) 30px 50% no-repeat #186bb9; font-size: 18px;}
.btnIcon_mylist{padding: 0 30px 0 52px; background:url(/img/common/icon_list.png) 30px 50% no-repeat #1069ab;}
.btnIcon_xls{background: #1069ab; color: #fff; border: 1px solid #0a4977;}


/* table */
table td.nodata {padding:50px 0; text-align:center}

/* table by block element */
.tbl {display:table; width:100%}
.tbl .row {display:table-row}
.tbl .row .cell {display:table-cell}

/* table-gray */
.tbl-gray {width:100%; border-top:1px solid #ddd;}
.tbl-gray th {padding:20px; font-weight:400; text-align:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; background:#f7f7f7}
.tbl-gray td {padding:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd}

/* table-basic */
.tbl-basic {width:100%; border-bottom:1px solid #ddd}
.tbl-basic th {height:50px; font-weight:400; border:2px solid #fff; background:#efefef}
.tbl-basic td {padding:18px 10px; line-height:1.25; border-top:1px solid #ddd}
.tbl-basic td.center {text-align:center}

/* fake form - select */
.select-title {text-align:left; vertical-align:middle; padding:10px 15px; border:1px solid #ccc; background:#fff url(/img/common/icon-select.png) no-repeat 91% center; display:inline-block; box-sizing:border-box;color: #000}
.select-title ~ .select-title {margin-left:5px}
.select-title strong {width:100%; height:1.25em; word-break:break-all; line-height:1.2em; padding:1px 0 2px; display:block; overflow:hidden}
.select-title.focus,
.select-title.active {color:#000; border-color:#666}
.select-title.disabled {color:#000; text-shadow:1px 1px 0 #fff; border-color:#ccc;}
.select-option {border:1px solid #ccc; background:#fff; overflow:auto}
.select-option ul {margin:0; padding:0}
.select-option li {list-style:none}
.select-option span,
.select-option strong {height:1.1em; white-space:nowrap; /* text-overflow:ellipsis; */ line-height:1.0; text-decoration:none; padding:4px; display:block; overflow:hidden; cursor:default}
.select-option strong {font-weight:bold; color:#000; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.select-option li li span {padding-left:10px}
.select-option span:hover,
.select-option span.selected {color:#000; background:#eee;}
.select-option .disabled span,
.select-option .disabled strong {text-decoration:line-through; background:none}

/**/
.radio_sub{ display: inline-block; margin-bottom: 20px; margin-right: 60px;}
.radio_sub label{display: inline-block; vertical-align: middle; margin-left: 5px;}
.radio_sub input[type="radio"]{display: inline-block; vertical-align: middle;}


/* popup */
.section-pop {/* display:inline-block */ width:auto; padding-top:0; padding-bottom:0; background:#fff; -webkit-box-shadow:10px 10px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow:10px 10px 10px 0px rgba(0,0,0,0.5); box-shadow:10px 10px 10px 0px rgba(0,0,0,0.5);}
.section-pop .header {position:relative}
.section-pop .header h1,
.section-pop .header h2,
.section-pop .header h3 {width:100%; height:55px; padding-left:20px; font-weight:700; font-size:21px; color:#fff; line-height:55px; border:none; background:#186bb9}
.section-pop .header .close {position:absolute; top:50%; right:20px; width:21px; height:21px; margin-top:-10px; text-indent:-9999px; font-size:0; color:#186bb9; background:url(/img/common/btn-pop-close.gif) no-repeat; text-decoration:none}
.section-pop .header .close:hover,
.section-pop .header .close:focus {text-decoration:none}
.section-pop .content {padding:15px 30px}
.section-pop .content ul.guide {margin:10px 0 0 0}
.section-pop .content ul.guide li {font-size:14px; font-weight:normal}
.section-pop .content ul.guide li span {font-weight:700; color:#186bb9}
.section-pop .content ul.guide li {position:relative; padding-left:13px; line-height:1.25}
.section-pop .content ul.guide li:before {display:inline-block; content:""; position:absolute; left:0; top:7px; width:3px; height:3px; border-radius:3px; background:#000}
.section-pop .content .btns-submit {margin-top:20px; text-align:center}
.section-pop .content .btns-submit a span {padding-right:18px; background:url(/img/common/btn-arr.png) right center no-repeat}
.wrap-pop {display:none; position:fixed; z-index:10000; background:rgba(0,0,0,.7); left:0; top:0; right:0; bottom:0; overflow-y:auto; text-align:center; margin:0px !important;}
.wrap-pop:after {content:""; display:inline-block; vertical-align:middle; width:0; height:100%}
.wrap-pop .section-pop {display:inline-block; vertical-align:middle; text-align:left}

/* list */
/* black dot list */
ul.dot-b > li {position:relative; padding-left:10px; line-height:2.3}
ul.dot-b > li:before {display:inline-block; content:""; position:absolute; left:0; top:14px; width:3px; height:3px; border-radius:3px; background:#000}
ul.dot-b > li > span {display:block; margin-bottom:3px; font-size:12px}
ul.dot-b > li > strong {font-weight:400; color:#1468c2}
/* blue dot list */
ul.dot-blue > li {position:relative; padding-left:18px; line-height:2.4}
ul.dot-blue > li:before {display:inline-block; content:""; position:absolute; left:0; top:14px; width:8px; height:8px; background:url(/img/common/dot-cir-b.png) no-repeat}
ul.dot-blue > li strong {color:#1468c2}
ul.dot-blue > li > ul {margin-bottom:5px}
ul.dot-blue > li > ul > li {font-weight:400; line-height:1.7}
ul.dot-blue.strong > li {font-weight:700}

/* tab */
.tab-basic {width:100%; margin-top:40px; text-align:center}
.tab-basic:after {display:block; content:""; clear:both}
.tab-basic a {float:left; position:relative; padding:24px 0; border-bottom:2px solid #000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}
.tab-basic a:before {content:""; display:inline-block; position:absolute; left:-2px; top:50%; width:2px; height:50px; margin-top:-25px; background:#d7d7d7}
.tab-basic a:first-child:before {display:none}
.tab-basic a > strong {font-weight:400; font-size:21px;}
.tab-basic a > span {display:block}
.tab-basic a > span > span {display:block}
.tab-basic a.on {z-index:1; border-top:2px solid #000; border-right:2px solid #000; border-bottom:none; border-left:2px solid #000}
.tab-basic a.on:before {display:none}
.tab-basic a.on > strong {font-weight:700; color:#1468c2}
.tab-basic.two a {width:50%}
.tab-basic.three a {width:33.3%}
.tab-basic.three a > strong {display:inline-block; padding-bottom:32px}
.tab-basic.three a > span {display:block; position:absolute; left:0; top:53px; width:100%; line-height:1.25}

/* input */
.wrap-file {display:inline-block; position:relative; height:24px; padding:0 76px 0 0; cursor:pointer}
.wrap-file input[type="file"] {position:absolute; left:0; top:0; width:100%; height:24px; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border:none; cursor:pointer}
.wrap-file > strong {position:absolute; left:0; top:1px; display:block; height:24px; line-height:22px; padding:0 25px 0 0; font-weight:700; vertical-align:middle}
.wrap-file > a {position:absolute; right:0; top:50%; min-width:74px; margin-top:-12px}
.wrap-file > label.btn-g {min-width:74px;cursor: pointer}
.no-rgba .wrap-file > label.btn-g {min-width:58px}
.wrap-file.alone {padding-right:0}
.wrap-wide select,
.wrap-wide .select-title {width:100% !important}

/* top Button */
.gototop { display:none; background:url(/img/common/btn-top.png) no-repeat center center; width: 45px; height: 45px; text-indent: -99999px; position: fixed; z-index: 999; bottom: 20px; right: 15px; background-size: 45px; }

/*통합검색창*/
.searchHeader {position: absolute; top:0;width:100%; display:none; background: #354a74; padding: 0; z-index:15;}
.searchHeader.open{display: block; background: #354a74; }
.searchWrap{position:relative; margin: 0 auto; z-index: 11;}
.wordWrap{ position: relative; z-index: 99999; display: none; top: -50px; width: 100%; background: #354a74;padding-bottom: 15px;}
.wordWrap.open{display: inline-block;}
.topSearch{position:relative; display: block; max-width: 700px;	margin: 50px auto; height:80px; padding:25px 40px; border-radius: 40px; background: #edf2fc} 

.searchHeader input[type="text"] { display:block; width:87%; height:30px; line-height:30px; background:#edf2fc; border:0px none; padding:0 ; font-size:20px; font-weight: 400;float:left; color: #162543 ; }
.searchHeader input[type="text"]::-webkit-input-placeholder { color: #162543; }
.searchHeader input[type="text"]:-moz-placeholder { color: #162543; }
.searchHeader input[type="text"]::-moz-placeholder { color: #162543; }
.searchHeader input[type="text"]:-ms-input-placeholder { color: #162543; }
.searchHeader .search_delete{display: inline-block;background: url(/img/common/btn_delete.png) 100% 0 no-repeat;width:20px;height:20px;text-indent: -9999px;margin-left: 10px; position: absolute; top:31px;}
    
.searchCloseBtn {color: #fff; position: absolute; display: block; width: 30px; height: 30px; top: 25px; right: 15px; background: url(/img/common/searchCloseBtn.png) 0 0 no-repeat; text-indent:-9999px}

.searchWrap .wordWrap .addr-hist-section, .searchWrap .wordWrap .addr-autoComple-section, .searchWrap .wordWrap .addr-korEng-section{position:relative; display: none; width: 650px;	margin: 20px auto 0 auto;}
.searchWrap  .addr-autoComple-section .addrroad_list ul { margin: 20px 0 20px 0; overflow-y: scroll; height: 200px; }
    
.searchWrap .wordWrap .addr-hist-section.open, .searchWrap .wordWrap .addr-autoComple-section.open, .searchWrap .wordWrap .addr-korEng-section.open {display: block;}
.searchWrap .wordWrap .recent_title{color: #fff; border-bottom: 1px solid #687794; padding-bottom: 10px; margin-bottom: 10px; font-size: 16px;}
.searchWrap .wordWrap .recent_lst{border-bottom: 1px solid #687794; padding-bottom: 8px; margin-bottom: 5px;}
.searchWrap .wordWrap .recent_lst ul li{padding: 5px 0;}
.searchWrap .wordWrap .recent_lst ul li a{color: #fff; font-size: 15px;}
.searchWrap .wordWrap .recent_lst ul li em{position: absolute; color: #fff; color: #fff; right: 40px; font-size: 13px; line-height: 21px;height: 21px;}
.searchWrap .wordWrap .recent_lst ul li a.hist_del{position: absolute; right:0; padding: 0 5px;background: #fff;border-radius: 3px;color: #214080;line-height: 21px;height: 21px; font-size: 12px; }
.searchWrap .wordWrap .recent_lst ul li span.no-data{color: #fff; font-size: 14px;}
.searchWrap .wordWrap .recentBtnGrp {position:relative; width: 650px; text-align: right; margin-top: 10px;}
.searchWrap .wordWrap .recentBtnGrp a{display: inline-block; color: #fff; margin-left:10px; padding-left:10px ;border-left: 1px solid #687794;   font-size: 13px; font-weight: 400 }
.searchWrap .wordWrap .recentBtnGrp a:first-child { margin: 0; background: none; border-left: none; padding-left: 0;}

.searchWrap .addrroad_list ul li {padding: 2px 0}
.searchWrap .addrroad_list ul li:hover{background:#214080;}
.searchWrap .addrroad_list ul li a{display:inline-block; color:#fff; padding: 3px 0;font-size: 14px;  font-weight: 400; text-decoration: none;}
.searchWrap .addrroad_list ul li a em{color: #c4fdff}
.searchWrap .addrroad_list ul li a:hover{color: #c4fdff; text-decoration: underline;}
.searchWrap .addrroad_list ul li a:hover em{color: #4be4fa;}

.searchHeader .searchTopBtn:before{position:relative; display: block; max-width: 650px;	margin: 20px auto 0 auto; height:40px}
.searchHeader .searchTopBtn:after{}
.searchTopBtn{position:absolute;left:51.2%;top:22px;transform:translateX(261px);width:40px;height:40px;}
.searchHeader .searchTopBtn input[type="button"] {width:100%; height:100%; background: url(/img/content/btn_search.png) 100% 0 no-repeat; background-size: 100%; border:0 none; text-indent:-9999px}
.searchHeader .searchTopBtn input[type="button"]:before{}
.searchHeader .searchTopBtn input[type="button"]:after{}

/***** START : 반응형 CSS ******/

@media (max-width: 1161px) { 
	.bbs_search_4 .inbox select {min-width: 249px; }/* 도로명정보 조회 디테일 */

}
@media (max-width: 1146px) { 
	.bbs_search_4 .inbox select:nth-child(3){ margin-left: 105px;}/* 도로명정보 조회 디테일 */

}
@media (max-width: 1131px) { 
	.bbs_search_4 .inbox select:nth-child(3){ margin-left: 105px;}/* 도로명정보 조회 디테일 */

}

@media (max-width: 1046px) { 
	.bbs_search_3 .inbox .col .box input[type="text"] {min-width: 100px;}/* 도로명고시정보 조회 디테일 */

}
@media (max-width: 1004px) { /* 도로명고시정보 조회 디테일 */
	.bbs_search_3 .inbox select.road {width: 59%}
	.bbs_search_3 .inbox #city1{width:80%;} 

}
   
@media (max-width: 979px) {
	.bbs_search_2 { padding: 20px;}
	.bbs_search_2 .inbox .col + .col { margin: 0px 5px;}
	.bbs_search_2 .inbox input, .bbs_search_2 .inbox select { min-width: 0; width: 300px;}
	.bbs_search_2 .inbox label { margin-right: 10px; font-size: 17px; position: absolute; left: -9999em; width: 1px; height: 1px; overflow: hidden;}
	.bbs_search_1 { padding: 20px;}
	.bbs_search_1 .inbox .col { float: none;}
	.bbs_search_1 .inbox .col + .col { margin: 10px 0;}
	.bbs_search_1 .inbox input, .bbs_search_1 .inbox select { min-width: 0; width: 300px;}
	.bbs_search_1 .inbox label { margin-right: 10px; font-size: 17px; position: absolute; left: -9999em; width: 1px; height: 1px; overflow: hidden;}
	.bbs_search_4 { padding: 20px;}
	.bbs_search_4 .inbox .col { float: none;display:inline-block;vertical-align: middle;}
	.bbs_search_4 .inbox .col_r { float: none; margin-top: 10px;}
	.bbs_search_4 .inbox .col + .col { margin: 10px 0;}
	.bbs_search_4 .inbox input { min-width: 0; width: 300px;}
	.bbs_search_4 .inbox .select{min-width:200px;}
	.bbs_search_4 .inbox.last #btn_search{position: relative;width: 100%;}
	.bbs_search_4 .inbox select { margin-left: 0;}
	.bbs_search_3 { padding: 20px;}
	.bbs_search_3 .inbox .col { float: none;width: 100%; margin-bottom: 10px;}
	.bbs_search_3 .inbox .col_r { float: none;margin-left: 0;width: 100%;}
	.bbs_search_3 .inbox .col + .col { margin: 10px 0;}
	.bbs_search_3 .inbox .col .box input[type="text"] {min-width: 120px;}
	.bbs_search_3 .inbox input, .bbs_search_3 .inbox select { min-width: 0; width: 80%;max-width: 100%;}
	.bbs_search_3 .inbox #btn_search{position: relative;width: 100%;margin: 10px;}/* 고시정보조회 디테일 */
	.bbs_search_3 .inbox .select + .select { margin-left: 17px; }/* 고시정보 조회 디테일 */
	.bbs_search_3 .inbox select.road {width: 270px}
	.bbs_search_3 .inbox #city1{width:80%;} 
}

@media (max-width: 899px) {

	#top_notice .box_commbg { background: url(/img/common/notice_topBg.png) 0 0 no-repeat; background-size: 60% 100%;}
	#top_notice .title {padding: 0 0 0 20px; background: url(notice_top_icon.png) 0px 3px no-repeat;}
	#top_notice .contents_text { font-size: 13px; margin: 10px 0 0 20px;}
	#top_notice .box_comm {padding: 30px 0;}
	#top_notice .contents_notice { font-size: 15px;padding-left: 40px;}
	#top_notice .contents_point{padding-left: 40px;}
	
	/*통합검색창*/
	.searchHeader {position: relative;display: block;top:0;background: #354a74;padding:0;z-index:14;}
	.searchHeader.open{display: block;	background: #214080;}
	.searchWrap{position:relative; margin: 0 auto;}
	.wordWrap {top:-20px; padding-bottom : 5px;}
	.searchWrap .wordWrap .addr-hist-section, .searchWrap .wordWrap .addr-autoComple-section, .searchWrap .wordWrap .addr-korEng-section {width: 100%; padding: 0 20px;}
	.searchWrap .wordWrap .addr-autoComple-section {width: 100%; padding: 0px 20px;}
	.searchWrap .wordWrap  a{font-size : 12px !important; line-height: 16px !important; height: 16px !important;}
	.searchWrap .wordWrap .recentBtnGrp {width: 100%; margin-top : 5px;}
	.searchWrap .wordWrap .recent_title{font-size: 14px;}
	.searchWrap .wordWrap .recent_lst ul li{padding: 3px 0}
	.searchWrap .wordWrap .recent_lst ul li em {right: 75px; font-size: 13px; }
	.searchWrap .wordWrap .recent_lst ul li a.hist_del {right: 25px;  font-size: 11px;}

	.topSearch{padding: 15px 20px; height: 50px; border-radius: 22px; margin: 30px 20px;   max-width: 100%;}
	.searchHeader input[type="text"] { display:inline-block; width:88%; height:20px; line-height:20px;  border:0 none; padding:0 ; font-size:16px;}
	.searchHeader .searchTopBtn input[type="button"] { background-size: 70%;}
	.searchCloseBtn {display: none}

	.searchHeader input[type="text"]{width:calc(100% - 75px)}
	.searchHeader .search_delete{top:16px;}
	.searchTopBtn{top:12px; transform:translateX(-20px); left: auto; right: 20px;} 
		
	.tablet_show { display: block;}
	.desktop_show { display: none;}
	.sr_only { position: absolute; left: -999999em; width: 1px; height: 1px;}
	.input_file input[type="text"], .input_file label { font-size: 14px; height: 40px; line-height: 40px;}
	.btn { font-size: 16px; padding: 0 15px; height: 40px;}
	a.btn { line-height: 40px;} 
	.btn_area { padding-top: 0;margin-top: 10px;} 
	.btn_area.right { padding-top: 0;} 
	
	.table table th, td { font-size: 12px;}
	.table table td {font-size: 12px;}
	.table.table_horizontal { border-top: 2px solid #626262;}
	.table.table_horizontal table thead th {padding: 12px 0;}
	.table.table_horizontal table td { padding: 10px;}
	.table.table_vertical { border-top: 2px solid #626262;}
	.table.table_vertical table.td_line td { position: relative; padding-top: 20px; padding-bottom: 20px;}
	.table.table_vertical table.td_line td:after { top: 10px; bottom: 10px;}
	.table.table_vertical table.td_line th { padding-left: 20px;}
	.table.table_vertical table th { padding: 10px 0;}
	.table.table_vertical table td { padding: 10px 20px;} 
	
	.sitemap_wrap { display: none !important; left: -999999em;}
	
	.table_view table td { padding: 10px 15px; font-size: 13px; }
	
	.search_wrap .search_inner { margin: 25px 0 0;}
	.search_wrap .search_inner .box_search { padding: 15px 30px 15px 20px; margin: 0 50px;}
	.search_wrap .search_inner .box_search .input_country { width: 44vw; font-size: 16px; height: 35px;}
	.search_wrap .search_inner .box_search .js_country_open { font-size: 16px; height: 35px; background-size: 8.5px 5.5px; background-position: 100% 50%;}
	.search_wrap .search_inner .box_search .btn_search { margin-top: 8px; width: 21px; height: 21px; background-size: 100% auto;}
	.search_wrap .search_inner .js_dialog_close { top: 15px; right: 15px; width: 40px; height: 40px; padding-right: 0; font-size: 0; background-size: 100% auto; background-position: 0 0;} 
	
	.list_type1 li { font-size: 13px;} 
	.bbs_search_2 .inbox .select + .select{margin-left:0}
	.bbs_search_2 .inbox .col + .col { margin: 10px 0;}
	.bbs_search_2 .inbox .col, .bbs_search_2 .inbox #btn_search, .bbs_search_2 .inbox input, .bbs_search_2 .inbox select { min-width: 0; width: 100%; float: none;}
	.bbs_search_2 .inbox input, .bbs_search_2 .inbox select { min-width: 0; width: 100%;  height: 30px; font-size: 12px;}
	.bbs_search_2 .inbox #btn_search { margin-top: 5px;}
	.bbs_search_2 .inbox .col { float: none;}
	
	.bbs_search_1 .inbox .select + .select{margin-left:0}
	.bbs_search_1 .inbox .col, .bbs_search_1 .inbox #btn_search, .bbs_search_1 .inbox input, .bbs_search_1 .inbox select { min-width: 0; width: 100%; float: none;}
	.bbs_search_1 .inbox input, .bbs_search_1 .inbox select { min-width: 0; width: 100%;  height: 30px; font-size: 12px;}
	.bbs_search_1 .inbox #btn_search { margin-top: 5px;} 
	
	.bbs_search_4 .inbox .select + .select{margin-left:0}
	.bbs_search_4 .inbox .col, .bbs_search_4 .inbox #btn_search, .bbs_search_4 .inbox input, .bbs_search_4 .inbox select, .bbs_search_4 .inbox .col_r { min-width: 0; width: 100%; float: none;}
	.bbs_search_4 .inbox input, .bbs_search_4 .inbox select { min-width: 0; width: 100%;  height: 30px; font-size: 12px;}
	.bbs_search_4 .inbox .col_r > label{width: 100%;}
	.bbs_search_4 .inbox .col_r > input{width: 70%; float: left;}
	.bbs_search_4 .inbox #extendWrap {width: 28%; display: block; float: right;margin-left: 2%;}
	.bbs_search_4 .inbox #extendWrap input{float: left;margin-left: 0;}
	.bbs_search_4 .inbox #extendWrap label{float: left; font-size: 14px;width: auto;margin-right: 0;}
	.bbs_search_4 .inbox #btn_search { margin-top: 5px;position: relative;} 
	.bbs_search_4 .inbox.last .col {width: 50%;}
	.bbs_search_4 .inbox.last .col > input{float: left;}
	.bbs_search_4 .inbox.last .col > label {float: left; font-size: 14px; width: auto;}
	.content_wrap { padding-top: 48px;}
	
	.bbs_search_3 .inbox .select + .select{margin-left: 10px; width: 40%;}/* 고시정보 조회 디테일 */
	.bbs_search_3 .inbox .col, .bbs_search_3 .inbox #btn_search, .bbs_search_3 .inbox input, .bbs_search_3 .inbox select { min-width: 0; width: 100%; float: none;}
	.bbs_search_3 .inbox input, .bbs_search_3 .inbox select { min-width: 0; width: 80%;  height: 30px; font-size: 12px;}
	.bbs_search_3 .inbox #ntfcDateCheckBox,  .bbs_search_3 .inbox #bdMaSn, .bbs_search_3 .inbox #bdSbSn{float:left;}
	.bbs_search_3 .inbox #btn_search { margin-top: 20px;} 
	.bbs_search_3 .inbox .col {margin-bottom: 10px;}
	.bbs_search_3 .inbox label {width: 80px; margin-right: 0px;}
    .bbs_search_3 .inbox .datepicker_wrap:nth-child(3) label {width: 64.1%}
	.content_wrap { padding-top: 48px;}

	.btns-submit{position: relative;}
	.btns-submit .btn-mybtn{width:100%;}
	.btn-mybtn { padding: 0 18px 0  18px; background: none #186bb9;}
	.title_3{ font-size: 18px; background: url(/img/common/icon_tit3.gif) no-repeat 0 50%; background-size: 3.8%;}
	.title_4-2{font-size: 14px;}
	
	.layer_popup .dialog_container{border-radius: 30px;}
	.layer_popup header { height: 55px; z-index: 1; border-radius: 30px 30px 0 0;}
	.layer_popup header h2 { top: 20px; font-size: 18px; margin-left: 20px;}
	.layer_popup .js_dialog_close { right: 20px; top: 20px; width: 23px; height: 23px; background: url(/img/common/btn_dialog_close.png) 0 0 no-repeat;}
}

	
@media (max-width: 767px) {
	
	#top_notice .box_comm{padding: 20px 0;}
	#top_notice .box_commbg { background-size: 40% 100%;}
	#top_notice .title { padding: 0 0 0 50px; font-size: 18px; background: url(notice_top_icon.png) 0px 3px no-repeat;background-size: 12%;}
	#top_notice .contents_text {font-size: 13px;margin: 10px 0 0 50px;}
	#top_notice .contents_notice { font-size: 13px;padding-left: 20px;}
	
	.top_menu .menu .menu_d1 > a { font-size: 14px;}
	.top_menu .menu .menu_d2 a { font-size: 13px; padding: 12px 0 12px 20px;}
	
	.tablet_show { display: none;}
	.mobile_show { display: block;} 
	.select { height: 30px; line-height: 28px; font-size: 12px;} 
	.tf_text, .tf_password { height: 30px; line-height: 28px; font-size: 12px;} 
	.input_file input[type="text"], .input_file label { font-size: 12px;}
	
	.btn { font-size: 14px; padding: 0 10px; height: 35px;}
	a.btn { line-height: 35px;}
	
	.table table th,td { font-size: 12px;}
	.table.table_mobile_block.table_vertical th, .table.table_mobile_block.table_vertical td { display: block; padding: 10px !important;}
	.table.table_mobile_block.table_vertical th { border-bottom: 1px solid #ccc; background: #f3f3f3 !important;}
	.table.table_mobile_block.table_vertical td:after { display: none !important;}
	.table.table_mobile_block.table_vertical .input_tel { overflow: hidden;}
	.table.table_mobile_block.table_vertical .input_tel .select, .table.table_mobile_block.table_vertical .input_tel .tf_text { width: 32%; height: 30px;}
	.table.table_mobile_block.table_vertical .input_tel .tf_text { margin-left: 2%;}
	.table.table_mobile_block.table_vertical .input_tel .hyphen { display: none;}
	.table.table_mobile_block.table_vertical .input_file { height: 30px; width: 100%;}
	.table.table_mobile_block.table_vertical .input_file input[type="text"] { height: 30px; width: calc(100% - 105px);}
	.table.table_mobile_block.table_vertical .input_file label { height: 30px; line-height: 30px;}
	.table.table_mobile_list .no, .table.table_mobile_list .type, .table.table_mobile_list .viewCnt,
	.table.table_mobile_list .file, .table.table_mobile_list .state, .table.table_mobile_list .regNm { display: none; position: absolute; left: -999em;}
	.table.table_mobile_list .title, .table.table_mobile_list .date,  .table.table_mobile_list .prog { border-left: 0 !important; font-size: 12px; padding: 10px;}
	.table.table_mobile_list .title { width: calc(100% - 200px); word-break: break-word;}
	.table.table_mobile_list .date { width: 85px;}
	.table.table_mobile_list .prog { width: 68px;}
	.table_view.table .bo_v_cont { padding: 20px 15px;}
	.table_view.table .view_col1 { width: 20%;}
	.table_view.table .view_col3 { width: 20%;}
	.paginate { margin: 15px 0;}
	.paginate a, .paginate strong { width: 30px; height: 30px; line-height: 30px;}
	
	.table_view table td { padding-left: 10px; font-size: 12px; }

	.bbs_search .inbox { display: block;}
	.bbs_search .inbox .select, .bbs_search .inbox .inner_keyword { float: none; display: block; width: 100%;}
	.bbs_search .inbox .select { margin-bottom: 10px; height: 30px;}
	.bbs_search .inbox .inner_keyword .tf_text { width: 100%;} 
	
	.layer_popup { padding: 15px;}
	
	.search_wrap .search_inner { text-align: left;}
	.search_wrap .search_inner .box_search { margin: 0 45px 0 15px; padding: 10px; display: block;}
	.search_wrap .search_inner .box_search .input_country { font-size: 12px; padding-left: 15px;}
	.search_wrap .search_inner .box_search .js_country_open { font-size: 12px; padding-right: 15px;}
	.search_wrap .search_inner .js_dialog_close { margin-top: 5px; width: 20px; height: 20px; background-size: 100% auto;}
	
	#search_country .content_body { padding-left: 10px; padding-right: 10px;}
	#search_country .content_body .address_area { width: 100%; padding-right: 0;}
	#search_country .content_body .sort_box { padding-bottom: 10px;}
	#search_country .content_body .sort_box .col_6:first-child { padding-right: 5px;}
	#search_country .content_body .sort_box .col_6 + .col_6 { padding-left: 5px;}
	#search_country .content_body .sort_box .label_set { display: block; width: 100%;}
	#search_country .content_body .sort_box .label_set .select { min-width: 0; width: 100%;}
	#search_country .content_body .complete_zone #addrValue { font-size: 12px;}
	#search_country .content_body .complete_zone #menuExplain { font-size: 12px;}
	#search_country .content_body .btn_box { padding: 15px 0;}
	#search_country .content_body .btn_box button { font-size: 14px;}
	#search_country .content_body .dic_area { width: 100%; padding-left: 0;}
	#search_country .content_body .dic_list { overflow: hidden; margin-bottom: 5px;}
	#search_country .content_body .dic_list li { padding: 1px; width: 20%; margin: 0;}
	#search_country .content_body .dic_list li a { width: 100%;}
	#search_country .content_body .dic_content { padding: 0 5px; height: 125px;}
	#search_country .content_body .dic_content dl dd button { font-size: 12px;}
	
	.list_type1 li { font-size: 12px;} 
	.bbs_search_2 .inbox input{ min-width: 0; width: 100%;  height: 30px; font-size: 12px;}
	.bbs_search_2 .inbox input, .bbs_search_2 .inbox select { min-width: 0; width: 100%;  height: 30px; font-size: 12px;}
	.bbs_search_2 .inbox .col, .bbs_search_2 .inbox #btn_search { font-size: 14px;}
	.bbs_search_2 .inbox .select { height: 30px; line-height: 28px;}
	.bbs_search_2 .inbox .select + .select { margin: 5px 0;} 
	
	.bbs_search_1 .inbox input{ min-width: 0; width: 100%;  height: 30px; font-size: 12px;}
	.bbs_search_1 .inbox input, .bbs_search_1 .inbox select { min-width: 0; width: 100%;  height: 30px; font-size: 12px;}
	.bbs_search_1 .inbox .col, .bbs_search_1 .inbox #btn_search { font-size: 14px;}
	.bbs_search_1 .inbox .select { height: 30px; line-height: 28px;}
	.bbs_search_1 .inbox .select + .select { margin: 5px 0;} 
	
	.bbs_search_4 .inbox input{ min-width: 0; width: 100%;  height: 30px; font-size: 12px;}
	.bbs_search_4 .inbox input, .bbs_search_4 .inbox select { min-width: 0; width: 100%;  height: 30px; font-size: 12px;}
	.bbs_search_4 .inbox .col, .bbs_search_4 .inbox #btn_search { font-size: 14px;}
	.bbs_search_4 .inbox .select { height: 30px; line-height: 28px;}
	.bbs_search_4 .inbox .select + .select { margin: 5px 0;} 

	.bbs_search_3 .inbox input{ min-width: 0; width: 100%;  height: 30px; font-size: 12px;}
	.bbs_search_3 .inbox input, .bbs_search_3 .inbox select { min-width: 0; width: 100%;  height: 30px; font-size: 12px;}
	.bbs_search_3 .inbox .col{ margin-bottom: 5px;}
	.bbs_search_3 .inbox .col label, .bbs_search_3 .inbox .col_r label{height: 30px; line-height: 30px;}
	.bbs_search_3 .inbox .col, .bbs_search_3 .inbox #btn_search { font-size: 14px;}
	.bbs_search_3 .inbox .select { height: 30px; line-height: 28px;}
	.bbs_search_3 .inbox .col_r .box span.dash{height: 30px; line-height: 30px;}
	
	.sch_res_list h3 { font-size: 18px; height: 40px; font-weight: 400}
	.table_responsive { overflow-y: auto; overflow-x: auto; min-height: 0.1%;}
	.table_responsive th, .table_responsive td { white-space: nowrap;}
	
	.layer_popup header h2 {font-size:15px; }
}

@media screen and (min-width:768px) {
	.paginate {margin-top:30px; font-size:18px;}
	.paginate > *{ min-width:26px; height:26px; line-height:26px;}
	.paginate .skip.prev {margin-right:30px; background:url(/img/common/btn-paginate-prev.gif) 50% 50% no-repeat}
	.paginate .skip.prev10 {margin-right:11px; background:url(/img/common/btn-paginate-prev10.gif) 50% 50% no-repeat}
	.paginate .skip.next {margin-left:30px; background:url(/img/common/btn-paginate-next.gif) 50% 50% no-repeat}
	.paginate .skip.next10 {margin-left:11px; background:url(/img/common/btn-paginate-next10.gif) 50% 50% no-repeat}
	
	.gototop { width: 60px; height: 60px; bottom: 30px; right: 30px; background-size: 60px;}
}


@media screen and (min-width:1025px) {
	.tbl-black.board td > a > span.new { background:url(/img/common/icon_new.gif) no-repeat;}
	.paginate {display:inline-block; font-size:18px;}
	.paginate > *{ min-width:26px; height:26px; line-height:26px;}
	.paginate .skip.prev {margin-right:30px; background:url(/img/common/btn-paginate-prev.gif) 50% 50% no-repeat}
	.paginate .skip.prev10 {margin-right:11px; background:url(/img/common/btn-paginate-prev10.gif) 50% 50% no-repeat}
	.paginate .skip.next {margin-left:30px; background:url(/img/common/btn-paginate-next.gif) 50% 50% no-repeat}
	.paginate .skip.next10 {margin-left:11px; background:url(/img/common/btn-paginate-next10.gif) 50% 50% no-repeat}
	.gototop { display:none !important;}
	.btns-submit{position: absolute; top: 0; right: 0;}
}
@media (max-width:561px){
	.bbs_search_3 .inbox .col .box:last-child { margin-right: 0px; float: right;}/* 고시정보조회 기간검색 디테일 */
	
}
@media (max-width:499px){
	.bbs_search_3 .inbox select.roadIdx {width: 100%;}
	.bbs_search_3 .inbox .select + .select {margin-left: 0; width: 100%;}
	.bbs_search_3 .inbox #city1 {width: 100%;}
	.bbs_search_3 .inbox input, .bbs_search_3 .inbox select {width: 100%;}
	.bbs_search_3 .inbox label { width: 100%;}
	.bbs_search_3 .inbox .col .box input[type="text"] {min-width: 110px; width: 0; }
	.bbs_search_3 .inbox label:nth-child(2) {width: 75px; }
	
	.bbs_search_4 .inbox .col_r > input {width: 100%;}
	.bbs_search_4 .inbox #extendWrap { width: 35%;}
	.bbs_search_4 .inbox input[type="text"] {min-width: 0; }
	.bbs_search_4 .inbox.last #btn_search { width: 110%; }
	.bbs_search_4 .inbox label {margin-right: 5px;}
	
}
@media (max-width: 399px) {
/* 
	#top_notice .box_comm{padding: 20px 0;}
	#top_notice .box_commbg { background-size: 40% 100%; background: inherit;}
	#top_notice .title { padding: 0 0 0 20px; font-size: 16px; background: inherit;background-size: inherit;}
	#top_notice .contents_text {font-size: 13px; margin: 10px 0 0 20px; height: 140px; overflow: hidden;}
	#top_notice .contents_notice { font-size: 13px;padding-left: 20px;}
	#top_notice .contents_point {padding-left: 20px; height: 55px; overflow: hidden;}
*/
	.btn { font-size: 12px;}
	.tbl-black.board .no{display: none;}
	.tbl-black.board th,td{font-size:12px;}
	.btn_area.area_right{position: relative; width: 100%;}
}

/***** END : 반응형 CSS ******/