@charset "euc-kr";

/* CSS Document */
 *{margin: 0; padding:0; box-sizing: border-box;}
ul {margin-bottom: 0px;}
li {list-style: none;}
a {text-decoration: none; cursor: pointer; color: unset;}
a:hover{text-decoration: none; color: unset;}
html {font-size: 16px;}
body {font-family: 'Noto Sans KR', sans-serif; border: 0; padding: 0px;}

.pagination {}
.pagination a{padding:10px 20px;}
.pagination .page_on {padding:10px 20px; font-weight: bold;}

.graph_wrap {margin-bottom: 20px; border-bottom: 1px solid #000000; padding-bottom: 20px;}
.graph_wrap::after {content: ""; display: block;clear: both;}
.line_chart {float:left;}
.graph_result {float:left; width:290px; padding:30px; height: 400px; background-color: #f4f4f4; margin-left: 10px}
.graph_box {width:100%;}
.graph_label {font-size: 14px; margin-bottom: 10px;}
.graph_input {display:flex;}
.graph_input input {width:100px; margin-right:5px;}
.graph_value {width:100%; font-size:20px; margin-top:10px;}



/*board*/

.noticetop div {background-color: #eaf2ff;}
.notice_view_text_03 table {width: 100%;}


/* .notice_view_text_03 table td {padding: 0.75rem;  vertical-align: top; border-top: 1px solid #dee2e6;} */

.attach {padding: 10px; border: 1px solid #0c4ec8; margin-bottom: 20px;  display: block;  color: #0c4ec8;}


.body_community {display: flex;}
.body_left {width: 20%; padding-right:20px;}
.body_right {width: 80%;;}
.left_btn {display: block; padding:10px; font-size: 18px;}
.left_btn:hover {color:#0c4ec8;}
.page_title {font-size: 22px; font-weight: bold; padding-bottom: 10px; margin-bottom: 20px; border-bottom:3px solid #093c99}

.comm_option {float: right; width: 100px;}
.board_label {width: 100px;}

.reply_header {margin-bottom: 20px;}
.reply_arrow {margin-right:10px;}
.reply_name {font-weight: bold;}
.reply_date {font-size:13px; color:#666666;}
.reply_form {background-color: #ffffff; padding:25px; border:1px solid #eaeaea;}
.reply_form textarea {width:100%; height:150px; padding:10px;}
.reply_form_btn {padding: 10px; border: 1px solid #eaeaea; margin-top: 10px; overflow: hidden; display: inline-block; width: 20%; text-align: center; background-color: #ffffff; color: #000000;}
.reply_form_btn:hover { background-color: #000000; color: #ffffff;}

.notice_view_box select {width:200px;}

.btn_area {display:flex; justify-content: center;}
.btn_area a {margin:2px;}


/*popup*/
.popup {position: absolute; top: 10px; left: 10px; width: 400px; height:407px; background-color: #ffffff; z-index:1000;}
#status_div2.popup {position: absolute; top: 10px; left: 10px; width: 400px; height:407px; background-color: #ffffff;}
#status_div3.popup {position: absolute; top: 10px; left: 412px; width: 400px; height:407px; background-color: #ffffff;}
#status_div4.popup {position: absolute; top: 10px; left: 814px; width: 400px; height:407px; background-color: #ffffff;}
.popup_cont {height:370px; overflow-y: auto; padding: 10px; font-size:16px; overflow-x: hidden;}
.popup_cont img {max-width: 380px;}
.popup_footer {text-align: right; padding: 5px 10px; border-top:1px solid #eaeaea; height:37px;}
.popup_footer a {color:#333333; font-size: 13px; text-decoration: none;}





/* Page */

@media(min-width:1200px) {
		
.header_all{width: 1200px; margin: 0 auto; height: 120px; display: block; align-items: center;}
.main_header_all{width: 100%; padding: 20px 0px 0px; display: block; margin: 0 auto; height: 480px; background-image: url(https://jtmg.co.kr/KIMM/images/main_bg_01.jpg); background-position: left; background-repeat: no-repeat; background-size: cover; margin-top: -130px;}
	
.header_box_00{width: 100%; height: 25px; display: inline-block; margin-bottom: 10px;}
.header_box_01{width: 41%; height: auto; float: left;}
.header_box_02{width: 59%; height: auto; float: right;}

.main_header_box_00{width: 100%; height: 25px; display: inline-block; margin-bottom: 10px;}
.main_header_box_01{width: 50%; height: auto; float: left;}
.main_header_box_02{width: 50%; height: auto; float: right;}	
	
.login_all{width: 100%; height: calc(100vh - 70px); background-image: url(https://jtmg.co.kr/KIMM/images/main_bg_00.jpg); background-position: left; background-repeat: no-repeat; background-size: cover;}
.login_logo{width: 1200px; margin: 0 auto; height: 120px; text-align: left; padding: 60px 0px 0px;}
.login_wrap{width: 1200px; margin: 0 auto; height: auto; padding: 180px 0px;}
.login_box{width: 400px; margin: 0 auto;}
.login_id{width: 100%; background-color: #fff; height: 64px; border: 2px solid #fff; color:#a09d9a; border-radius: 35px; padding: 0px 30px; display: flex; align-items: center; margin-bottom: 20px;}
.login_id:focus {color: #2b68d9; background-color: #fff; border-color: #5a86d8; outline:0; transition: 0.5s;}
.login_password{width: 100%; background-color: #fff; height: 64px; border: 2px solid #fff; color:#a09d9a; border-radius: 35px; padding: 0px 30px; display: flex; align-items: center; margin-bottom: 30px;}
.login_password:focus {color: #2b68d9; background-color: #fff; border-color: #5a86d8; outline:0; transition: 0.5s;}
.login_btn{width: 100%; background-color: #aaa79d; height: 64px; color: #fff; border-radius: 35px; font-size: 20px; display: grid; align-items: center; text-align: center; margin: 0 auto; cursor: pointer;}	
.login_btn:hover{background-color: #928f88; transition: 0.5s;}
.login_add{width: 100%; font-size: 18px; color:#fff; text-align: center; padding: 30px 0px 0px;}
.login_search_idps{color:#fff; cursor: pointer;}
.login_search_idps:hover{color:#98b1e0; transition: 0.5s;}
.login_register{color:#fff; cursor: pointer;}
.login_register:hover{color:#98b1e0; transition: 0.5s;}	

.join_all{width: 100%; height: auto; background-image: url(https://jtmg.co.kr/KIMM/images/main_bg_00.jpg); background-position: left; background-repeat: no-repeat; background-size: cover; padding-bottom: 80px;}
.join_wrap{width: 1200px; margin: 0 auto; height: auto; padding: 80px 60px; background-color: #fff; border-radius: 10px; display: block; margin-top: 50px;}
.join_title{width: 100%; font-size: 30px; font-weight: 500; text-align: center; display: block;}
.join_subtitle{width: 100%; color: #04287e; font-size: 24px; display: block; padding-bottom: 20px;}
.join_text_01{width: 100%; font-size: 15px; text-align: right; color: #3a72d1; display: block; padding: 30px 0px 0px; margin-bottom: -30px;}
.join_input_wrap{width:100%; height: auto; display: inline-block; padding: 10px 0px;}
.join_input_box_01{width: 49%; float: left; display: block;}
.join_input_box_02{width: 49%; float: right; display: block;}
.join_form_title{width: 100%; font-size: 18px; color: #000000; display: block; padding-bottom: 10px;}	
.join_form_01{width: 100%; height: 50px; background-color: #fff; border: 2px solid #e5e5e5; padding: 0px 10px; border-radius: 5px; display: flex; align-items: center;}
.join_form_01:focus {color: #2b68d9; background-color: #fff; border-color: #80a4e1; outline:0; transition: 0.5s;}
.join_form_02{width: 26%; height: 50px; background-color: #fff; border: 2px solid #e5e5e5; padding: 0px 10px; border-radius: 5px; display: flex; align-items: center; float: left;}
.join_form_02:focus {color: #2b68d9; background-color: #fff; border-color: #80a4e1; outline:0; transition: 0.5s;}	
.phone_blank{width:4%; text-align: center; float: left; padding: 12px 0px;}
.join_form_03{width: 33%; height: 50px; background-color: #fff; border: 2px solid #e5e5e5; padding: 0px 10px; border-radius: 5px; display: flex; align-items: center; float: left;}
.join_form_03:focus {color: #2b68d9; background-color: #fff; border-color: #80a4e1; outline:0; transition: 0.5s;}	
.join_agree_wrap{background-color: #f0f0f0; border-radius: 5px; padding: 25px; font-size: 14px; color: #535353;}
.join_agree_check{width: 100%; padding: 10px 10px 40px;}
.join_btn{width: 200px; height: 70px; display: grid; align-items: center; color: #fff; background-color: #093c99; font-size: 25px; margin: 0 auto; text-align: center; border-radius: 35px;}
.join_btn:hover{background-color: #0c4ec8; transition: 0.5s;}	
	
	
.logo_01_box{width: 284px; height: auto; text-align: left; float: left;}
.logo_02_box{font-size: 21px; font-weight: 600; color: #2b2b2b; float: left; border: 2px solid #2b2b2b; border-radius: 6px; padding: 2px 10px; float: left; margin: 5px 20px;}
.logo_02_box_w{font-size: 21px; font-weight: 600; color: #fff; float: left; border: 2px solid #fff; border-radius: 6px; padding: 2px 10px; float: left; margin: 5px 20px;}
	
.submenu_box{list-style: none; float: right; width: 100%; padding-top:10px;} 	
.submenu_box li{float:right; margin-left: 20px;}		
.submenu_btn_01{color: #999999; font-size: 15px;}
.submenu_btn_02{color: #a5bee9; font-size: 15px;}
.main_submenu_box li{float: right; margin-left: 20px;}		
.main_submenu_btn_01{color: #b5b5b5; font-size: 15px;}
.main_submenu_btn_02{color: #a5bee9; font-size: 15px;}	
		
.menu_box{list-style: none; float: right; width: 100%; margin: 10px 0px;}	
.menu_box li{float:right; margin-left: 24px;}
.menu_btn{color: #9e9e9e; font-size: 20px;}
.menu_btn:hover{color: #000; font-size: 20px; font-weight: 600; transition: 0.5s;}
.menu_btn2{color: #e4e4e4; font-size: 20px;}
.menu_btn2:hover{color: #fff; font-size: 20px; font-weight: 600; transition: 0.5s;}

.main_title_01{width: 100%; margin: 0 auto; padding: 0px; font-size: 21px; font-weight: 500; color: #fff; padding-bottom: 15px;}		
.main_title_02{width: 100%; margin: 0 auto; padding: 0px; font-size: 40px; font-weight: 500; color: #fff; line-height: 1.3;}
	
.main_img_all{width: 1200px; margin: 0 auto; height:330px; padding: 190px 0px;}	
.main_img_all_01{width: 100%; height:230px; background-image: url(https://jtmg.co.kr/KIMM/images/bg_01.jpg); background-position: top; background-repeat: no-repeat; background-size: cover;}
.main_img_all_02{width: 100%; height:230px; background-image: url(https://jtmg.co.kr/KIMM/images/bg_02.jpg); background-position: top; background-repeat: no-repeat; background-size: cover;}
.main_img_all_03{width: 100%; height:230px; background-image: url(https://jtmg.co.kr/KIMM/images/bg_03.jpg); background-position: top; background-repeat: no-repeat; background-size: cover;}
.main_img_all_04{width: 100%; height:230px; background-image: url(https://jtmg.co.kr/KIMM/images/bg_04.jpg); background-position: top; background-repeat: no-repeat; background-size: cover;}
.main_img_title{width: 1200px; margin: 0 auto; padding: 91px 0px; font-size: 32px; font-weight: 500; color: #fff;}	
	
.main_menu_all{width: 100%; background-color: #aaa79d; }	
.main_menu_wrap{width: 1200px; margin: 0 auto; height: 120px; border-left: 1px solid #fff;}	
.main_menu_btn_box{width: 20%; height: 120px; float: left; fill: #e9e6db; color: #e9e6db; stroke: #e9e6db; border-right: 1px solid #fff;}
.main_menu_btn_box:hover{fill: #fff; color: #fff; stroke: #fff; background-color: #1546a0; transition: 0.7s;}
.main_menu_btn{width: 100%; margin: 0 auto; padding: 20px 0px; text-align: center;}	
.main_menu_btn on{fill: #fff; color: #fff; stroke: #fff; background-color: #1546a0;}	
	

.main_menu_img_01{width: 54px; stroke-width: 0.80339;}	
.main_menu_img_02{width: 56px;}	
.main_menu_img_03{width: 54px;}	
.main_menu_img_04{width: 54px; margin-top: -2px;}	
.main_menu_img_05{width: 50px; margin-bottom: -2px; margin-top: -5px;}
	
.main_menu_txt{width: 100%; display: block;  text-align: center; margin-top: 10px;}		

.main_contents_all{width: 100%; height: auto; display: inline-block;}
.main_contents_wrap{width: 48%; margin: 0% 1% 30px; float: left; height: 300px;}
.main_contents_box{width: 100%; background-color: #f8f8f8; border-radius: 7px; padding: 20px 25px;}
.main_contents_box_02{width: 100%; height: 240px; overflow-y: hidden;}	
.main_contents_box_03{width: 100%; height: 240px; background-color: #f1f3f7; border-top: 2px solid #dde3ed; border-bottom: 2px solid #dde3ed; padding: 18px 25px;}
	
.main_contents_title_01{font-size: 25px; color:  #494949; font-weight: 500; margin-bottom: 10px;}
.main_contents_title_02{font-size: 16px; color: #858585; margin-left: 10px;}
.main_contents_more_btn{font-size: 16px; color: #093c99; font-weight: 500; margin-top: 10px; text-align: right; cursor: pointer;}	
.main_contents_product{width: 100%; padding: 6px 0px; cursor: pointer;}
.main_contents_notice{width: 100%; padding: 5px 0px; cursor: pointer;}
.main_contents_num{font-size: 14px; color: #fff; background-color: #3972d1; width: 22px; border-radius: 5px; height: 22px; display: inline-block; text-align: center; margin-right: 10px;}
.main_contents_text{font-size: 16px; color: #353535;}
.main_contents_date{font-size: 14px; color: #92908d; text-align: right; float: right;}
	
.main_contents_issue_img_box{width:100%; height: 240px; position: relative;}
.main_contents_issue_arrow{width: 100%; position: absolute; padding: 0px 20px; z-index: 6; top: 100px; align-items: center;}
.main_contents_issue_img_black_box{width: 100%; position: absolute; bottom: 0px; height: 58px; background-color: #000; opacity: 60%; z-index: 3; }
.main_contents_issue_img_title{color: #fff; opacity: 100%; position: absolute; bottom: 20px; z-index: 6; text-align: center; width: 100%; margin: 0 auto; font-size: 18px; height: 22px; overflow-y: hidden;}
.issue_arrow_01{width: 18px; color:#fff; fill: #fff; float: left; cursor: pointer;}
.issue_arrow_02{width: 18px; color:#fff; fill: #fff; float: right; cursor: pointer;}	
.issue_img{width: auto; height: auto;}	
	
	
.body_all{width: 100%;}
.body_wrap{width: 1200px; margin: 0 auto; padding: 80px 0px; display: block;}	
.body_title_01{font-size: 24px; color: #04287e; font-weight: 500;}
.body_title_02{font-size: 35px; color: #000; font-weight: 500; margin-bottom: 50px;}		
.body_title_03{font-size: 24px; color: #04287e; font-weight: 500; margin-bottom: 20px;}
	
.search_bar{width: 100%; height: 35vh; padding: 40px 0px; display: inline-block;}
.search_box_01{width: 1082px;}
.search_input_01{width: 92%; float: left; background-color: #f3f3eb; height: 50px; border: 2px solid #f3f3eb; color:#aaa79d; border-radius: 7px; padding: 10px;}
.search_input_01:focus {color: #4d4c48; background-color: #f3f3eb; border-color: #e0e0d9; outline:0;}
.search_input_02{width: 49%; float: left; background-color: #f3f3eb; height: 50px; border: 2px solid #f3f3eb; color:#aaa79d; border-radius: 7px; margin-right: 10px;     padding: 10px;}
.search_input_02:focus {color: #4d4c48; background-color: #f3f3eb; border-color: #e0e0d9; outline:0;}
.search_input_015{width: 65%; float: left; background-color: #f3f3eb; height: 50px; border: 2px solid #f3f3eb; color:#aaa79d; border-radius: 7px; margin-right: 10px;    padding: 10px;}
.search_input_015:focus {color: #4d4c48; background-color: #f3f3eb; border-color: #e0e0d9; outline:0;}
.search_input_02drop{width: 33%; float: left; background-color: #f4f6f9; height: 50px; border: 2px solid #d8e0ef; color:#667287; border-radius: 7px; margin-right: 10px;  padding: 10px;}
.search_input_02drop:focus {color: #000; background-color: #ebeef3; border-color: #bfcadc; outline:0;}
.search_input_03{width: 29.9%; float: left; background-color: #f3f3eb; height: 50px; border: 2px solid #f3f3eb; color:#aaa79d; border-radius: 7px; margin-right: 10px;    padding: 10px;}
.search_input_03:focus {color: #4d4c48; background-color: #f3f3eb; border-color: #e0e0d9; outline:0;}
.search_input_04{width: 22.1%; float: left; background-color: #f3f3eb; height: 50px; border: 2px solid #f3f3eb; color:#aaa79d; border-radius: 7px; margin-right: 10px;    padding: 10px;}
.search_input_04:focus {color: #4d4c48; background-color: #f3f3eb; border-color: #e0e0d9; outline:0;}	
.search_box_02{width: 80px; height: 50px; background-color: #454545; float: right; text-align: center; padding: 12px 0px; border-radius: 7px; cursor: pointer;}
.search_box_02:hover{background-color: #292929; transition: 0.5s;}
.search_icon{width: 24px; margin: 0 auto; fill: #fff;}	
	
.hr_01{border: 1px solid #f0f0f0; margin-bottom: 50px; margin-top: -21vh;}
.hr_02{border: 1px solid #fff; margin: 30px 0px;}
.hr_03{border: 1px solid #f0f0f0; margin: 30px 0px;}
.hr_04{border: 1px solid #f0f0f0; margin: 0px;}
	
.cat_text_num{width:15%; float: left; padding: 0px 5px;}
.cat_text_08{width:8%; float: left; padding: 0px 5px;}	
.cat_text_09{width:9%; float: left; padding: 0px 5px;}
.cat_text_10{width:10%; float: left; padding: 0px 5px;}
.cat_text_11{width:11%; float: left; padding: 0px 5px;}
.cat_text_14{width:14.2%; float: left; padding: 0px 5px;}
.cat_text_16{width:16%; float: left; padding: 0px 5px;}
.cat_text_17{width:17%; float: left; padding: 0px 5px;}
.cat_text_20{width:20%; float: left; padding: 0px 5px;}
.cat_text_25{width:25%; float: left; padding: 0px 5px;}
.cat_text_30{width:30%; float: left; padding: 0px 5px;}
.cat_text_40{width:40%; float: left; padding: 0px 5px;}
.cat_text_60{width:60%; float: left; padding: 0px 5px;}
.cat_text_70{width:70%; float: left; padding: 0px 5px;}
	
.con_text_num{width:15%; float: left; height: 50px; text-align: center; padding: 15px 0px; background-color: #a2a09c; border-bottom: 2px solid #fff; color: #fff;}
.con_text_08{width:8%; float: left; padding: 0px 5px; height: auto;}
.con_text_09{width:9%; float: left; padding: 0px 5px; height: auto;}
.con_text_10{width:10%; float: left; padding: 0px 5px; height: auto;}
.con_text_11{width:11%; float: left; padding: 0px 5px; height: auto;}
.con_text_14{width:14.2%; float: left; padding: 10px 5px; height: auto;}
.con_text_16{width:16%; float: left; padding: 0px 5px; height: auto;}
.con_text_17_w{width:17%; float: left; height: 50px; text-align: center; padding: 15px 0px; border-bottom: 2px solid #fff;}
.con_text_20{width:20%; float: left; padding: 0px 5px; height: auto;}
.con_text_25{width:25%; float: left; padding: 0px 5px; height: auto;}
.con_text_30{width:30%; float: left; padding: 0px 5px; height: auto;}
.con_text_40{width:40%; float: left; padding: 0px 5px; height: auto;}
.con_text_60{width:60%; float: left; padding: 0px 5px; height: auto;}
.con_text_70{width:70%; float: left; padding: 0px 5px; height: auto;}
	
	
.table_cat_text_10{width:10%; float: left; padding: 0px 5px 0px 30px; overflow: hidden; text-overflow: ellipsis;}	
.table_cat_text_20{width:20%; float: left; padding: 0px 5px 0px 30px; overflow: hidden; text-overflow: ellipsis;}
.table_cat_text_30{width:30%; float: left; padding: 0px 5px 0px 30px; overflow: hidden; text-overflow: ellipsis;}
.table_cat_text_40{width:40%; float: left; padding: 0px 5px 0px 30px; overflow: hidden; text-overflow: ellipsis;}
.table_cat_text_50{width:50%; float: left; padding: 0px 5px 0px 30px; text-align: center; overflow: hidden; text-overflow: ellipsis;}	
.table_cat_text_50{width:50%; float: left; padding: 0px 5px 0px 30px; text-align: center; overflow: hidden; text-overflow: ellipsis;}	
.table_cat_text_60{width:60%; float: left; padding: 0px 5px 0px 30px; text-align: center; overflow: hidden; text-overflow: ellipsis;}	
.table_cat_text_70{width:70%; float: left; padding: 0px 5px 0px 30px; text-align: center; overflow: hidden; text-overflow: ellipsis;}	
.table_cat_text_80{width:80%; float: left; padding: 0px 5px 0px 30px; text-align: center; overflow: hidden; text-overflow: ellipsis;}	
	
.table_con_text_10{width:10%; float: left; padding: 0px 5px 0px 30px; overflow: hidden; text-overflow: ellipsis;}	
.table_con_text_20{width:20%; float: left; padding: 0px 5px 0px 30px; overflow: hidden; text-overflow: ellipsis;}		
.table_con_text_30{width:30%; float: left; padding: 0px 5px 0px 30px; overflow: hidden; text-overflow: ellipsis;}		
.table_con_text_40{width:40%; float: left; padding: 0px 5px 0px 30px; text-align: left; overflow: hidden; text-overflow: ellipsis;}		
.table_con_text_50{width:50%; float: left; padding: 0px 5px 0px 30px; text-align: left; overflow: hidden; text-overflow: ellipsis;}	
.table_con_text_60{width:60%; float: left; padding: 0px 5px 0px 30px; text-align: left; overflow: hidden; text-overflow: ellipsis;}	
.table_con_text_70{width:70%; float: left; padding: 0px 5px 0px 30px; text-align: left; overflow: hidden; text-overflow: ellipsis;}	
.table_con_text_80{width:80%; float: left; padding: 0px 5px 0px 30px; text-align: left; overflow: hidden; text-overflow: ellipsis;}	
.table_con_text_90{width:90%; float: left; padding: 0px 5px 0px 30px; text-align: left; overflow: hidden; text-overflow: ellipsis;}	
	

	
.search_table_wrap{width: 100%; height: auto; padding: 40px 0px 0px; display: inline-block;}

.search_text_01{color: #000000; margin-bottom:20px; font-size: 16px; font-weight: 500;}
.search_text_02{font-size:18px; color: #000000; margin-bottom:20px; font-weight: 500;}	
	
.search_table_cat{width: 100%; background-color: #3972d1; font-size: 15px; color: #fff; height: auto; padding: 15px 0px; border-radius: 7px; text-align: center; display: flex; align-items: center;}
.search_table{width: 100%; height : auto; padding: 5px 0px 0px;}
.search_table_con{width: 100%; background-color: #f8f8f8; font-size: 15px; color: #000000; margin-bottom: 5px; text-align: center; display: flex; align-items: center; border-radius: 7px; cursor: pointer; height: auto; padding: 10px 0px;}
.search_table_con:hover{background-color: #e5e9ef; transition: 0.5s;}

.result_table_wrap{width: 100%; height: auto; display: inline-block; margin-bottom: 30px;}			
.result_table_wrap_02{width: 100%; height: auto; display: inline-block; margin: 20px 0px 0px;}		
	
.result_table_box_01{width: 100px; height: 104px; background-color: #716e68; float: left; border-top-left-radius: 7px; border-bottom-left-radius: 7px; padding: 40px 10px; text-align: center; color: #fff;}
.result_table_box_02{width: calc(100% - 100px); height: 104px; float:right;}	
.result_table_box_03{width: 100px; height: 104px; float: left;}
.result_table_box_04{width: 100%;}	
.result_table_box_04_t{width: 100%; display: flex; margin-bottom: -4px;}
.result_table_box_04_b{width: 100%; margin-top: -4px; display: flex;}	
	
	
.result_table_cat{width: 100%; background-color: #3972d1; font-size: 15px; color: #fff; height: 54px; border-top-left-radius: 7px; border-top-right-radius: 7px; text-align: center; padding: 15px 0px;}
.result_table_con{width: 100%; background-color: #f8f8f8; font-size: 15px; color: #000000; height: 50px; text-align: center; padding: 12px 0px; border: 2px solid #f8f8f8; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}		
.result_table_cat_02{width: 100%; background-color: #88857e; font-size: 15px; color: #fff; height: 54px; border-top-right-radius: 7px; text-align: center; display: flex; align-items: center;}
.result_table_con_02{width: 100%; background-color: #f4f4f4; font-size: 15px; color: #000000; height: 50px; text-align: center; display: flex; align-items: center; border: 2px solid #f8f8f8; border-bottom-right-radius: 7px;}	
.result_table_cat_03{width: 100%; background-color: #716e68; font-size: 15px; color: #fff; height: 54px; border-top-left-radius: 7px; text-align: center; padding: 16px 0px;}
.result_table_con_03{width: 100%; background-color: #a2a09c; font-size: 15px; color: #000000; height: 50px; text-align: center; padding: 15px 0px; border-bottom-left-radius: 7px;}
.result_table_cat_04{width: 100%; background-color: #88857e; font-size: 15px; color: #fff; height: 54px; border-top-left-radius: 7px; border-top-right-radius: 7px; text-align: center; padding: 15px 0px;}	

.result_table_con_04{width: 100%; background-color: #f4f4f4; font-size: 15px; color: #000000; height: auto; text-align: center;}
.result_table_cat_04_t{width: 15%; text-align: center; height: 7px; background-color: #a2a09c; float: left;}	
.result_table_con_04_t{width: 85%; background-color: #f4f4f4; height: 7px; text-align: center; float: left;}		
.result_table_cat_04_b{width: 15%; border-bottom-left-radius: 7px; text-align: center; height: 7px; background-color: #a2a09c; float: left;}	
.result_table_con_04_b{width: 85%; border-bottom-right-radius: 7px; background-color: #f4f4f4; height: 7px; text-align: center; float: left;}		
.result_table_con_05{width: 100%; background-color: #f4f4f4; font-size: 15px; color: #000000; height: auto; text-align: center; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}	
	
.result_table_con_box{width: 100%; display: flex; align-items: center; border-bottom-left-radius: 7px; border-bottom: 1px solid #fff;}
.result_table_none{width: 100%; color: #0c4ec8; font-size: 17px; font-weight: 500; padding: 10px 0px 70px; text-align: center; margin-top: -100px;}	
	
.result_detail{width: 100%;}
.result_detail_box{width: 100%; background-color: #f5f4f2; border-radius: 7px; color: #000000; line-height: 2; padding: 20px 30px; font-size: 15px; margin-bottom: 10px;}
.result_detail_txt{width: 100%; color: #04287e; font-size: 15px; padding: 0px 20px 0px;}

.result_graph_wrap{width: 100%; height: auto; display: inline-block; padding: 0px 0px 0px 30px;}
.result_graph_box{width: 31%; margin: 0px 2% 30px 0px; float: left;} 	

.export_button {width: 200px; height: 60px; display: grid; align-items: center; color: #fff; background-color: #093c99; font-size: 20px; margin: 0 auto; text-align: center; border-radius: 35px; border: none;}	
.export_button:hover{background-color: #0c4ec8; transition: 0.5s;}		
	
	
.list_menu_all{width: 100%; height: auto; background-color: #282828; text-align: center;}
.list_menu_wrap{width: 1200px; padding: 30px 0px; margin-right: -2%; margin: 0 auto; height: auto; display: flex; align-items: center;}
.list_menu_box{width: 18%; margin-right: 2.5%; background-color: #141414; text-align: center; color: #898989; font-size: 18px; padding: 10px 0px; float: left; border-radius: 30px; cursor: pointer;}	
.list_menu_box:hover{background-color: #e7ecf2; color: #141414; transition: 0.5s;}
.list_menu_boxr{width: 18%; background-color: #141414; text-align: center; color: #898989; font-size: 18px; padding: 10px 0px; float: left; border-radius: 30px; cursor: pointer;}	
.list_menu_boxr:hover{background-color: #e7ecf2; color: #141414; transition: 0.5s;}
	
.list_result_box{width: 100%; height: auto; padding: 15px 0px;}
.list_table_wrap{width: 100%; height: auto; display: inline-block;}		
.list_table_cat_01{width: 100%; background-color: #6d8fba; font-size: 15px; color: #fff; height: 54px; border-top-left-radius: 7px; border-top-right-radius: 7px; text-align: center; padding: 15px 0px;}
.list_table_cat_02{width: 100%; background-color: #949da8; font-size: 15px; color: #fff; height: 54px; border-top-left-radius: 7px; border-top-right-radius: 7px; text-align: center; padding: 15px 0px;}
.list_table_con{width: 100%; background-color: #f8f8f8; font-size: 15px; color: #000000; height: 50px; text-align: center; padding: 12px 0px; border: 2px solid #f8f8f8; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}	

.list_more_btn{width: 120px; margin: 0 auto; text-align: center; padding: 8px 10px; border: 2px solid #093c99; color: #093c99; height: auto; display: block;
 border-radius: 30px; margin-top: 30px; font-weight: 500; cursor: pointer;}	
.list_more_btn:hover{background-color: #093c99; color: #fff; transition: 0.5s;}
	
.notice_result_box{width: 100%; height: auto; padding: 15px 0px;}
.notice_table_wrap{width: 100%; display: inline-block;}		
.notice_table_cat{width: 100%; background-color: #1547a0; font-size: 15px; color: #fff; height: 54px; border-radius: 7px; text-align: center; display: flex; align-items: center;}
	
.notice_table_con_wrap{width: 100%; height: auto; padding: 5px 0px; margin-bottom: -5px;}
.notice_table_con_01{width: 100%; background-color: #e4e7ee; font-size: 15px; color: #000000; height: 50px; text-align: center; display: flex; align-items: center; border-radius: 7px; font-weight: 500; margin-bottom: 5px; cursor: pointer;}	
.notice_table_con_01:hover{background-color: #ced2dc; transition: 0.5s;}
.notice_table_con_02{width: 100%; background-color: #f8f8f8; font-size: 15px; color: #000000; min-height: 50px; text-align: center; display: flex; align-items: center; border-radius: 7px; margin-bottom: 7px; cursor: pointer;}		
.notice_table_con_02:hover{background-color: #e5e9ef; transition: 0.5s;}	
.notice_icon{width: 22px; color: #000; fill: #000;}	
	
.notice_search_bar{width: 100%; height: auto; padding: 0px 0px 15px; display: inline-block;}
.notice_search_box_01{width: 1150px;}
.notice_seach_input_01{width: 100%; float: left; background-color: #f3f3eb; height: 40px; border: 2px solid #f3f3eb; color:#aaa79d; border-top-left-radius: 7px; border-bottom-left-radius: 7px; padding: 0px 10px; font-size: 14px;}
.notice_seach_input_01:focus {color: #4d4c48; background-color: #f3f3eb; border-color: #e0e0d9; outline:0;}
.notice_search_box_02{width: 50px; height: 40px; background-color: #454545; float: right; text-align: center; display: flex; align-items: center; border-top-right-radius: 7px; border-bottom-right-radius: 7px;cursor: pointer;}
.notice_search_box_02:hover{background-color: #292929; transition: 0.5s;}
.notice_search_icon{width: 15px; margin: 0 auto; fill: #fff;}	
	
.notice_view_box{width: 100%; height: auto;}
.notice_view_inform{width: 100%; height: auto; font-size: 15px; display: inline-block; margin-bottom:0px; padding: 0px 20px;}
.notice_view_date{height: auto; float: right; color: #979282;}
.notice_view_writer{height: auto; float: right; margin-right: 60px; color: #979282;}
.notice_view_num{height: auto; float: right; margin-right: 60px; color: #979282;}
.notice_view_text_01{color: #736e5f; font-weight: 500; margin-right: 20px;}
.notice_view_text_02{width: 100%; height: auto; background-color: #f6f5f1; padding: 20px 30px; font-size: 18px; font-weight: 500; border-radius: 5px;}
.notice_view_text_02_nonbg{width: 100%; height: auto; padding: 20px 30px 0px 30px; font-size: 18px; font-weight: 500; border-radius: 5px;}
.notice_view_text_03{width: 100%; height: auto; font-size: 16px; color: #494949; padding: 30px 30px; display: block; overflow-x: hidden;}
.notice_view_text_03 img{max-width: 100%; height: auto;}
.notice_view_text_03_2{width: 100%; height: auto; font-size: 16px; color: #334363; padding: 40px 30px; background-color: #f2f5f9; border-radius: 5px; margin-bottom: 5px;}
.notice_view_text_03_2 img{max-width: 100%; height: auto;}
.notice_view_text_04{width: 10%; height: auto; color: #093c99; font-weight: 500; float: left;}
.notice_view_text_05{width: 85%; height: 24px; overflow-y: hidden; color: #5c5c5c; float: left;}
.notice_view_filebox{width: 100%; height: auto; padding: 20px 30px; background-color: #f8f8f8; border-radius: 5px;}
.notice_view_filenone{color: #494949;}
.notice_view_filename{color: #5e5e5e;}
.notice_view_other{width: 100%; border-top: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; margin: 50px 0px;}
.notice_view_pre{width: 100%; padding: 20px 30px; display: inline-block; margin-bottom: -5px;}
.notice_view_next{width: 100%; padding: 20px 30px; display: inline-block; margin-bottom: -5px;}
.notice_view_confirmbtn{width: 200px; height: 60px; display: grid; align-items: center; color: #fff; background-color: #252525; font-size: 20px; margin: 0 auto; text-align: center; border-radius: 35px; cursor: pointer;}
.notice_view_confirmbtn:hover{background-color: #000; transition: 0.5s;}		
.notice_view_listbtn{width: 200px; height: 60px; display: grid; align-items: center; color: #fff; background-color: #093c99; font-size: 20px; margin: 0 auto; text-align: center; border-radius: 35px; cursor: pointer; margin-top: 50px;}
.notice_view_listbtn:hover{background-color: #0c4ec8; transition: 0.5s;}		
.notice_view_arrow{width: 2%; color: #093c99; fill: #093c99; padding-right: 10px; float: left; padding-top: 8px;}	
.notice_hr{width: 96%; margin: 0 auto; text-align: center; border: 1px solid #ebebeb; margin-top: 50px;}	
	
.contact_wrap{width: 100%; height: auto; display: inline-block; margin: 10px 0px 40px;}
.contact_box_01{width:49%; margin-right: 1%; height: auto; float: left;}
.contact_box_02{width:49%; margin-left: 1%; height: auto; float: left;}
.contact_box_title{display: inline-block; padding: 8px 20px; border-radius: 5px; background-color: #093c99; color: #fff; font-size: 20px; margin-bottom: 20px;}
.contact_box_contents{width:100%; height: auto; display: inline-block;}
.contact_box_phone{width: 50%; padding-right: 10px; font-size: 18px; float: left;}
.contact_box_mail{width: 50%; font-size: 18px; float: left;}	
.contact_phone_icon{width:18px; fill:#7a7870; margin-right: 10px; margin-bottom: 2px;}		
.contact_mail_icon{width:20px; fill:#7a7870; margin-right: 10px;}	
.contact_wrap .guide_box:last-child {border-bottom:none;}

.guide_box {width: 100%; display: inline-block; overflow: hidden; padding: 30px 0px 80px; border-bottom:1px solid #dddddd;}
.guide_box_img {float: left; width: 450px;}
.guide_box_text {float: left; padding: 20px 0px 0px 50px; font-size: 16px; line-height: 2;width:750px;}

	
.footer_all{width: 100%; background-color: #1b1b1b; height: auto; display: block;}
.footer_wrap{width: 1200px; margin: 0 auto; height: 70px; display: block; padding: 25px 0px;}
.footer_box_01{font-size: 13px; color: #a7a7a7; float: left;}
.footer_box_02{font-size: 13px; color: #a7a7a7; float: right;}
.footer_btn{margin-left: 30px; float: right;}	
	
	
	
/*m_menu*/	
.m_menu{display: none;}
.m_menu_bg{display: none;}
.m_menu_close{display: none;}
.m_menu_txt{display: none;}	
	
	
	
	
}


	
/* IE10+ */
@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	 
}

/* IE10+ end*/





/* Mobile */
@media(max-width:1199px) {
	
.header_all{width: 100%; padding: 20px 4%; display: flex; margin: 0 auto; height: 110px; align-items: center;}
.main_header_all{width: 100%; padding: 20px 4%; display: block; margin: 0 auto; height: 480px; background-image: url(https://jtmg.co.kr/KIMM/images/main_bg_01.jpg); background-position: left; background-repeat: no-repeat; background-size: cover; margin-top: -130px;}
	
.header_box_01{width: 80%; height: auto; float: left;}
.main_header_box_01{width: 80%; height: auto; float: left;}
	
	
/*menu - mobile-> display: none;*/	
.header_box_00{display: none;}
.header_box_02{display: none;}	
.main_header_box_00{display: none;}
.main_header_box_02{display: none;}
	
/*m_menu*/	
.m_menu_bg{display: none; width: 100%; height:100%; position: fixed; background-color: #3972d1; text-align: center; padding: 30px; margin: auto; z-index: 9999; top: 0px; left: 0px; box-shadow: 0 1rem 1rem rgb(0 0 0 / 20%); overflow-y: scroll;}
.m_menu_bg::-webkit-scrollbar{width: 6px;}
.m_menu_bg::-webkit-scrollbar-thumb{background-color: #d6d6d6; border-radius: 10px; border: 10px solid #4a4238;}
.m_menu_bg::-webkit-scrollbar-track{ background-color:none; border-radius: 10px; box-shadow: inset 0px 0px 5px #f4f4f4;}	

.m_menu{width: 20%; display:block; float: right; text-align: right;}
.m_menu_icon{width:38px; height:38px; fill:#000;}
.m_menu_icon_w{width:38px; height:38px; fill:#fff;}
.m_menu_txt{padding: 30px 0px;}
.m_menu_close{}
.m_menu_txt{display:block; color:#fff; fill:#fff;}
.m_menu_box1{width: 100%; display: inline-block; padding: 25px 0px; font-size: 22px; font-weight: 400;}
.m_menu_box1 a {text-decoration:none; color:#fff; fill:#fff;}
.m_menu_box2{padding: 6px 0px;}
.m_menu_box2 a {text-decoration:none; color: #e5ebf5; fill:#e5ebf5; font-size: 15px;}
.sub{padding: 10px 0px;}	
	
	
	
	
	
.login_all{width: 100%; height: calc(100vh - 70px); background-image: url(https://jtmg.co.kr/KIMM/images/main_bg_00.jpg); background-position: left; background-repeat: no-repeat; background-size: cover;}
.login_logo{width: 100%; margin: 0 auto; height: 120px; text-align: left; padding: 60px 0px 0px;}
.login_wrap{width: 100%; margin: 0 auto; height: auto; padding: 180px 0px;}
.login_box{width: 400px; margin: 0 auto;}
.login_id{width: 100%; background-color: #fff; height: 64px; border: 2px solid #fff; color:#a09d9a; border-radius: 35px; padding: 0px 30px; display: flex; align-items: center; margin-bottom: 20px;}
.login_id:focus {color: #2b68d9; background-color: #fff; border-color: #5a86d8; outline:0; transition: 0.5s;}
.login_password{width: 100%; background-color: #fff; height: 64px; border: 2px solid #fff; color:#a09d9a; border-radius: 35px; padding: 0px 30px; display: flex; align-items: center; margin-bottom: 30px;}
.login_password:focus {color: #2b68d9; background-color: #fff; border-color: #5a86d8; outline:0; transition: 0.5s;}
.login_btn{width: 100%; background-color: #aaa79d; height: 64px; color: #fff; border-radius: 35px; font-size: 20px; display: grid; align-items: center; text-align: center; margin: 0 auto; cursor: pointer;}	
.login_btn:hover{background-color: #928f88; transition: 0.5s;}
.login_add{width: 100%; font-size: 18px; color:#fff; text-align: center; padding: 30px 0px 0px;}
.login_search_idps{color:#fff; cursor: pointer;}
.login_search_idps:hover{color:#98b1e0; transition: 0.5s;}
.login_register{color:#fff; cursor: pointer;}
.login_register:hover{color:#98b1e0; transition: 0.5s;}	

.join_all{width: 100%; height: auto; background-image: url(https://jtmg.co.kr/KIMM/images/main_bg_00.jpg); background-position: left; background-repeat: no-repeat; background-size: cover; padding-bottom: 80px;}
.join_wrap{width: 100%; margin: 0 auto; height: auto; padding: 80px 60px; background-color: #fff; border-radius: 10px; display: block; margin-top: 50px;}
.join_title{width: 100%; font-size: 30px; font-weight: 500; text-align: center; display: block;}
.join_subtitle{width: 100%; color: #04287e; font-size: 24px; display: block; padding-bottom: 20px;}
.join_text_01{width: 100%; font-size: 15px; text-align: right; color: #3a72d1; display: block; padding: 30px 0px 0px; margin-bottom: -30px;}
.join_input_wrap{width:100%; height: auto; display: inline-block; padding: 10px 0px;}
.join_input_box_01{width: 49%; float: left; display: block;}
.join_input_box_02{width: 49%; float: right; display: block;}
.join_form_title{width: 100%; font-size: 18px; color: #000000; display: block; padding-bottom: 10px;}	
.join_form_01{width: 100%; height: 50px; background-color: #fff; border: 2px solid #e5e5e5; padding: 0px 10px; border-radius: 5px; display: flex; align-items: center;}
.join_form_01:focus {color: #2b68d9; background-color: #fff; border-color: #80a4e1; outline:0; transition: 0.5s;}
.join_form_02{width: 26%; height: 50px; background-color: #fff; border: 2px solid #e5e5e5; padding: 0px 10px; border-radius: 5px; display: flex; align-items: center; float: left;}
.join_form_02:focus {color: #2b68d9; background-color: #fff; border-color: #80a4e1; outline:0; transition: 0.5s;}	
.phone_blank{width:4%; text-align: center; float: left; padding: 12px 0px;}
.join_form_03{width: 33%; height: 50px; background-color: #fff; border: 2px solid #e5e5e5; padding: 0px 10px; border-radius: 5px; display: flex; align-items: center; float: left;}
.join_form_03:focus {color: #2b68d9; background-color: #fff; border-color: #80a4e1; outline:0; transition: 0.5s;}	
.join_agree_wrap{background-color: #f0f0f0; border-radius: 5px; padding: 25px; font-size: 14px; color: #535353;}
.join_agree_check{width: 100%; padding: 10px 10px 40px;}
.join_btn{width: 200px; height: 70px; display: grid; align-items: center; color: #fff; background-color: #093c99; font-size: 25px; margin: 0 auto; text-align: center; border-radius: 35px;}
.join_btn:hover{background-color: #0c4ec8; transition: 0.5s;}	
	
	
.logo_01_box{width: 284px; height: auto; text-align: left; float: left;}
.logo_02_box{font-size: 21px; font-weight: 600; color: #2b2b2b; float: left; border: 2px solid #2b2b2b; border-radius: 6px; padding: 2px 10px; float: left; margin: 5px 20px;}
.logo_02_box_w{font-size: 21px; font-weight: 600; color: #fff; float: left; border: 2px solid #fff; border-radius: 6px; padding: 2px 10px; float: left; margin: 5px 20px;}
	
.submenu_box{list-style: none; float: right; width: 100%;}	
.submenu_box li{float:right; margin-left: 20px;}		
.submenu_btn_01{color: #343434; font-size: 15px;}
.submenu_btn_02{color: #a5bee9; font-size: 15px;}
.main_submenu_box li{float: right; margin-left: 20px;}		
.main_submenu_btn_01{color: #b5b5b5; font-size: 15px;}
.main_submenu_btn_02{color: #a5bee9; font-size: 15px;}	
		
.menu_box{list-style: none; float: right; width: 100%; margin: 10px 0px;}	
.menu_box li{float:right; margin-left: 40px;}
.menu_btn{color: #9e9e9e; font-size: 20px;}
.menu_btn:hover{color: #000; font-size: 20px; font-weight: 600; transition: 0.5s;}
.menu_btn2{color: #e4e4e4; font-size: 20px;}
.menu_btn2:hover{color: #fff; font-size: 20px; font-weight: 600; transition: 0.5s;}

.main_title_01{width: 100%; margin: 0 auto; padding: 0px; font-size: 21px; font-weight: 500; color: #fff; padding-bottom: 15px;}		
.main_title_02{width: 100%; margin: 0 auto; padding: 0px; font-size: 40px; font-weight: 500; color: #fff; line-height: 1.3;}
	
.main_img_all{width: 100%; margin: 0 auto; height:330px; padding: 190px 0px;}	
.main_img_all_01{width: 100%; height:230px; background-image: url(https://jtmg.co.kr/KIMM/images/bg_01.jpg); background-position: top; background-repeat: no-repeat; background-size: cover;}
.main_img_all_02{width: 100%; height:230px; background-image: url(https://jtmg.co.kr/KIMM/images/bg_02.jpg); background-position: top; background-repeat: no-repeat; background-size: cover;}
.main_img_all_03{width: 100%; height:230px; background-image: url(https://jtmg.co.kr/KIMM/images/bg_03.jpg); background-position: top; background-repeat: no-repeat; background-size: cover;}
.main_img_all_04{width: 100%; height:230px; background-image: url(https://jtmg.co.kr/KIMM/images/bg_04.jpg); background-position: top; background-repeat: no-repeat; background-size: cover;}
.main_img_title{width: 100%; margin: 0 auto; padding: 91px 4%; font-size: 32px; font-weight: 500; color: #fff;}	
	
.main_menu_all{width: 100%; background-color: #aaa79d; }	
.main_menu_wrap{width: 100%; margin: 0 auto; height: 120px;}	
.main_menu_btn_box{width: 20%; height: 120px; float: left; fill: #e9e6db; color: #e9e6db; stroke: #e9e6db;}
.main_menu_btn_box:hover{fill: #fff; color: #fff; stroke: #fff; background-color: #1546a0; transition: 0.5s;}
.main_menu_btn{width: 100%; margin: 0 auto; padding: 20px 0px; text-align: center;}	
.main_menu_btn on{fill: #fff; color: #fff; stroke: #fff; background-color: #1546a0;}	
	

.main_menu_img_01{width: 54px; stroke-width: 0.80339;}	
.main_menu_img_02{width: 56px;}	
.main_menu_img_03{width: 54px;}	
.main_menu_img_04{width: 54px; margin-top: -2px;}	
.main_menu_img_05{width: 50px; margin-bottom: -2px; margin-top: -5px;}
	
.main_menu_txt{width: 100%; display: block;  text-align: center; margin-top: 10px;}		

.main_contents_all{width: 100%; height: auto; display: inline-block;}
.main_contents_wrap{width: 100%; margin: 0% 0% 50px; float: left; height: auto;}
.main_contents_box{width: 100%; background-color: #f8f8f8; border-radius: 7px; padding: 20px 25px;}
.main_contents_box_02{width: 100%; height: auto; overflow-y: hidden;}	
.main_contents_box_03{width: 100%; height: auto; background-color: #f1f3f7; border-top: 2px solid #dde3ed; border-bottom: 2px solid #dde3ed; padding: 18px 25px;}
	
.main_contents_title_01{font-size: 25px; color:  #494949; font-weight: 500; margin-bottom: 10px;}
.main_contents_title_02{font-size: 16px; color: #858585; margin-left: 10px;}
.main_contents_more_btn{font-size: 16px; color: #093c99; font-weight: 500; margin-top: 10px; text-align: right; cursor: pointer;}	
.main_contents_product{width: 100%; padding: 6px 0px; cursor: pointer; height: auto; display: inline-block;}
.main_contents_notice{width: 100%; padding: 6px 0px; cursor: pointer; height: auto; display: inline-block;}
.main_contents_num{float: left; font-size: 12px; color: #fff; background-color: #3972d1; width: 18px; border-radius: 5px; height: 18px; display: inline-block; text-align: center; margin-right: 10px;}
.main_contents_text{width: 70%; height: 18px; overflow-y: hidden; float: left; font-size: 14px; color: #353535;}
.main_contents_date{width: 30%; height: 18px; overflow-y: hidden; float: right; font-size: 14px; color: #92908d; text-align: right;}
	
.main_contents_issue_img_box{width:100%; height: 240px; position: relative; overflow-x: hidden;}
.main_contents_issue_arrow{width: 100%; position: absolute; padding: 0px 20px; z-index: 6; top: 100px; align-items: center;}
.main_contents_issue_img_black_box{width: 100%; position: absolute; bottom: 0px; height: 58px; background-color: #000; opacity: 60%; z-index: 3; }
.main_contents_issue_img_title{color: #fff; opacity: 100%; position: absolute; bottom: 20px; z-index: 6; text-align: center; width: 100%; margin: 0 auto; font-size: 18px; height: 22px; overflow-y: hidden;}
.issue_arrow_01{width: 18px; color:#fff; fill: #fff; float: left; cursor: pointer;}
.issue_arrow_02{width: 18px; color:#fff; fill: #fff; float: right; cursor: pointer;}	
.issue_img{width: auto; height: auto;}	
	
	
.body_all{width: 100%; padding: 0px 4%;}
.body_wrap{width: 100%; margin: 0 auto; padding: 80px 0px; display: block;}	
.body_title_01{font-size: 20px; color: #04287e; font-weight: 500;}
.body_title_02{font-size: 30px; color: #000; font-weight: 500; margin-bottom: 50px;}		
.body_title_03{font-size: 24px; color: #04287e; font-weight: 500; margin-bottom: 20px;}
	
.search_bar{width: 100%; height: 35vh; padding: 40px 0px; display: inline-block;}
.search_box_01{width: 100%;}
.search_input_01{width: 89%; float: left; background-color: #f3f3eb; height: 48px; border: 2px solid #f3f3eb; color:#aaa79d; border-radius: 7px; padding: 10px;}
.search_input_01:focus {color: #4d4c48; background-color: #f3f3eb; border-color: #e0e0d9; outline:0;}
.search_input_02{width: 43.5%; float: left; background-color: #f3f3eb; height: 48px; border: 2px solid #f3f3eb; color:#aaa79d; border-radius: 7px; margin-right: 10px;     padding: 10px;}
.search_input_02:focus {color: #4d4c48; background-color: #f3f3eb; border-color: #e0e0d9; outline:0;}
.search_input_015{width: 65%; float: left; background-color: #f3f3eb; height: 48px; border: 2px solid #f3f3eb; color:#aaa79d; border-radius: 7px; margin-right: 10px;    padding: 10px;}
.search_input_015:focus {color: #4d4c48; background-color: #f3f3eb; border-color: #e0e0d9; outline:0;}
.search_input_02drop{width: 33%; float: left; background-color: #f4f6f9; height: 48px; border: 2px solid #d8e0ef; color:#667287; border-radius: 7px; margin-right: 10px;  padding: 10px;}
.search_input_02drop:focus {color: #000; background-color: #ebeef3; border-color: #bfcadc; outline:0;}
.search_input_03{width: 28.5%; float: left; background-color: #f3f3eb; height: 48px; border: 2px solid #f3f3eb; color:#aaa79d; border-radius: 7px; margin-right: 10px;    padding: 10px; font-size: 15px;}
.search_input_03:focus {color: #4d4c48; background-color: #f3f3eb; border-color: #e0e0d9; outline:0;}
.search_input_04{width: 21%; float: left; background-color: #f3f3eb; height: 48px; border: 2px solid #f3f3eb; color:#aaa79d; border-radius: 7px; margin-right: 10px;    padding: 10px;}
.search_input_04:focus {color: #4d4c48; background-color: #f3f3eb; border-color: #e0e0d9; outline:0;}	
.search_box_02{width: 10%; height: 48px; background-color: #454545; float: right; text-align: center; padding: 12px 0px; border-radius: 7px; cursor: pointer;}
.search_box_02:hover{background-color: #292929; transition: 0.5s;}
.search_icon{width: 24px; margin: 0 auto; fill: #fff;}	
	
.hr_01{border: 1px solid #f0f0f0; margin-bottom: 50px; margin-top: -21vh;}
.hr_02{border: 1px solid #fff; margin: 30px 0px;}
.hr_03{border: 1px solid #f0f0f0; margin: 30px 0px;}
.hr_04{border: 1px solid #f0f0f0; margin: 0px;}
	
.cat_text_num{width:15%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_08{width:8%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_09{width:9%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_10{width:10%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_11{width:11%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_14{width:14.2%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_16{width:16%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_17{width:17%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_20{width:20%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_25{width:25%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_30{width:30%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_40{width:40%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_60{width:60%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
.cat_text_70{width:70%; float: left; padding: 0px 5px; height: auto; overflow-wrap: anywhere;}
	
.con_text_num{width: 15%; float: left; height: auto; text-align: center; padding: 20px 0px; color: #88857e; font-weight: 600; overflow-wrap: anywhere;}
.con_text_08{width:8%; float: left; padding: 10px 5px; height: auto; overflow-wrap: anywhere;}
.con_text_09{width:9%; float: left; padding: 10px 5px; height: auto; overflow-wrap: anywhere;}
.con_text_10{width:10%; float: left; padding: 10px 5px; height: auto; overflow-wrap: anywhere;}
.con_text_11{width:11%; float: left; padding: 10px 5px; line-height: 1.2; height: auto; overflow-wrap: anywhere;}
.con_text_14{width:14.2%; float: left; padding: 10px 5px; overflow-wrap: anywhere; height: auto;}
.con_text_16{width:16%; float: left; padding: 10px 5px; height: auto; overflow-wrap: anywhere;}
.con_text_17_w{width: 17%; float: left; height: auto; text-align: center; padding: 15px 0px; overflow-wrap: anywhere;}
.con_text_20{width:20%; float: left; padding: 10px 5px; height: auto; overflow-wrap: anywhere;}	
.con_text_25{width:25%; float: left; padding: 10px 5px; height: auto; overflow-wrap: anywhere;}	
.con_text_30{width:30%; float: left; padding: 10px 5px; height: auto; overflow-wrap: anywhere;}
.con_text_40{width:40%; float: left; padding: 10px 5px; height: auto; overflow-wrap: anywhere;}
.con_text_60{width:60%; float: left; padding: 10px 5px; height: auto; overflow-wrap: anywhere;}	
.con_text_70{width:70%; float: left; padding: 10px 5px; text-align: left; height: auto; overflow-wrap: anywhere;}

	
	
.table_cat_text_10{width:20%; float: left; padding: 0px 10px 0px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}	
.table_cat_text_20{width:20%; float: left; padding: 0px 5px 0px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}	
.table_cat_text_30{width:30%; float: left; padding: 0px 5px 0px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}	
.table_cat_text_40{width:40%; float: left; padding: 0px 5px 0px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}	
.table_cat_text_50{width:50%; float: left; padding: 0px 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}	
.table_cat_text_60{width:60%; float: left; padding: 0px 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}	
.table_cat_text_70{width:70%; float: left; padding: 0px 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}	
.table_cat_text_80{width:80%; float: left; padding: 0px 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}	
.table_cat_text_90{width:90%; float: left; padding: 0px 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}	
	
.table_con_text_10{width:20%; float: left; padding: 0px 10px 0px 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}	
.table_con_text_20{width:20%; float: left; padding: 0px 5px 0px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}		
.table_con_text_30{width:30%; float: left; padding: 0px 5px 0px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}		
.table_con_text_40{width:40%; float: left; padding: 0px 5px 0px 10px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}		
.table_con_text_50{width:50%; float: left; padding: 0px 5px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table_con_text_60{width:60%; float: left; padding: 0px 5px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table_con_text_70{width:70%; float: left; padding: 0px 5px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table_con_text_80{width:80%; float: left; padding: 0px 5px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table_con_text_90{width:90%; float: left; padding: 0px 5px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
		
.table_con_text_20 .btn	{margin-bottom:3px;}
	
.search_table_wrap{width: 100%; height: auto; padding: 40px 0px 0px; display: inline-block;}

.search_text_01{color: #000000; margin-bottom:20px; font-size: 16px; font-weight: 500;}
.search_text_02{font-size:18px; color: #000000; margin-bottom:20px; font-weight: 500;}	
	
.search_table_cat{width: 100%; background-color: #3972d1; font-size: 13px; color: #fff; height: 54px; border-radius: 7px; text-align: center; display: flex; align-items: center;}
.search_table{width: 100%; height : auto; padding: 5px 0px 0px;}
.search_table_con{width: 100%; background-color: #f8f8f8; font-size: 13px; color: #000000; height: 50px; margin-bottom: 5px; text-align: center; display: flex; align-items: center; border-radius: 7px; cursor: pointer;}
.search_table_con:hover{background-color: #e5e9ef; transition: 0.5s;}

.result_table_wrap{width: 100%; height: auto; display: inline-block; margin-bottom: 30px;}			
.result_table_wrap_02{width: 100%; height: auto; display: inline-block; margin: 20px 0px 0px;}		
	
.result_table_box_01{width: 10%; height: 104px; background-color: #716e68; float: left; border-top-left-radius: 7px; border-bottom-left-radius: 7px; padding: 40px 10px; text-align: center; color: #fff; font-size: 13px;}
.result_table_box_02{width: 90%; height: 104px; float:right;}	
.result_table_box_03{width: 10%; height: 104px; float: left;}
.result_table_box_04{width: 100%;}	
.result_table_box_04_t{display: none;}
.result_table_box_04_b{width: 100%; margin-top: -4px; display: flex;}	
	
	
.result_table_cat{width: 100%; background-color: #3972d1; font-size: 13px; color: #fff; height: 50px; border-top-left-radius: 7px; border-top-right-radius: 7px; text-align: center; display: flex; align-items: center;}
.result_table_con{width: 100%; background-color: #f8f8f8; font-size: 13px; color: #000000; height: 50px; text-align: center; display: flex; align-items: center; border: 2px solid #f8f8f8; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}		
.result_table_cat_02{width: 100%; background-color: #88857e; font-size: 13px; color: #fff; height: 50px; border-top-right-radius: 7px; text-align: center; display: flex; align-items: center;}
.result_table_con_02{width: 100%; background-color: #f4f4f4; font-size: 13px; color: #000000; height: 50px; text-align: center; display: flex; align-items: center; border: 2px solid #f8f8f8; border-bottom-right-radius: 7px;}	
.result_table_cat_03{width: 100%; background-color: #716e68; font-size: 13px; color: #fff; height: 50px; border-top-left-radius: 7px; text-align: center; padding: 15px 0px;}
.result_table_con_03{width: 100%; background-color: #a2a09c; font-size: 13px; color: #000000; height: 50px; text-align: center; padding: 15px 0px; border-bottom-left-radius: 7px;}
.result_table_cat_04{width: 100%; background-color: #88857e; font-size: 13px; color: #fff; height: 50px; border-top-left-radius: 7px; border-top-right-radius: 7px; text-align: center; display: flex; align-items: center;}	

.result_table_con_04{width: 100%; background-color: #f4f4f4; font-size: 15px; color: #000000; height: auto; text-align: center;}
.result_table_cat_04_t{width: 15%; text-align: center; height: 7px; background-color: #a2a09c; float: left;}	
.result_table_con_04_t{width: 85%; background-color: #f4f4f4; height: 7px; text-align: center; float: left;}		
.result_table_cat_04_b{width: 15%; border-bottom-left-radius: 7px; text-align: center; height: 7px; background-color: #f4f4f4; float: left;}	
.result_table_con_04_b{width: 85%; border-bottom-right-radius: 7px; background-color: #f4f4f4; height: 7px; text-align: center; float: left;}		
.result_table_con_05{width: 100%; background-color: #f4f4f4; font-size: 15px; color: #000000; height: auto; text-align: center; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}	
	
.result_table_con_box{width: 100%; display: flex; align-items: center; border-bottom-left-radius: 7px; border-bottom: 1px solid #fff; font-size: 13px;}
.result_table_none{width: 100%; color: #0c4ec8; font-size: 17px; font-weight: 500; padding: 10px 0px 70px; text-align: center; margin-top: -100px;}	
	
	
.result_detail{width: 100%;}
.result_detail_box{width: 100%; background-color: #f5f4f2; border-radius: 7px; color: #000000; line-height: 2; padding: 20px 30px; font-size: 13px; margin-bottom: 10px;}
.result_detail_txt{width: 100%; color: #04287e; font-size: 13px; padding: 0px 20px 0px;}

.result_graph_wrap{width: 100%; height: auto; display: inline-block; padding: 0px 0px 0px 30px;}
.result_graph_box{width: 31%; margin: 0px 2% 30px 0px; float: left;} 	

.export_button {width: 200px; height: 60px; display: grid; align-items: center; color: #fff; background-color: #093c99; font-size: 20px; margin: 0 auto; text-align: center; border-radius: 35px; border: none;}	
.export_button:hover{background-color: #0c4ec8; transition: 0.5s;}			
	
.list_menu_all{width: 100%; height: auto; background-color: #282828; text-align: center;}
.list_menu_wrap{width: 100%; padding: 30px 0px; margin-right: -2%; margin: 0 auto; height: auto; display: flex; align-items: center;}
.list_menu_box{width: 18%; margin-right: 2.5%; background-color: #141414; text-align: center; color: #898989; font-size: 18px; padding: 10px 0px; float: left; border-radius: 30px; cursor: pointer;}	
.list_menu_box:hover{background-color: #e7ecf2; color: #141414; transition: 0.5s;}
.list_menu_boxr{width: 18%; background-color: #141414; text-align: center; color: #898989; font-size: 18px; padding: 10px 0px; float: left; border-radius: 30px; cursor: pointer;}	
.list_menu_boxr:hover{background-color: #e7ecf2; color: #141414; transition: 0.5s;}
	
.list_result_box{width: 100%; height: auto; padding: 15px 0px;}
.list_table_wrap{width: 100%; height: auto; display: inline-block;}		
.list_table_cat_01{width: 100%; background-color: #6d8fba; font-size: 15px; color: #fff; height: 54px; border-top-left-radius: 7px; border-top-right-radius: 7px; text-align: center; padding: 15px 0px;}
.list_table_cat_02{width: 100%; background-color: #949da8; font-size: 15px; color: #fff; height: 54px; border-top-left-radius: 7px; border-top-right-radius: 7px; text-align: center; padding: 15px 0px;}
.list_table_con{width: 100%; background-color: #f8f8f8; font-size: 15px; color: #000000; height: 50px; text-align: center; padding: 12px 0px; border: 2px solid #f8f8f8; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}	

.list_more_btn{width: 120px; margin: 0 auto; text-align: center; padding: 8px 10px; border: 2px solid #093c99; color: #093c99; height: auto; display: block;
 border-radius: 30px; margin-top: 30px; font-weight: 500; cursor: pointer;}	
.list_more_btn:hover{background-color: #093c99; color: #fff; transition: 0.5s;}
	
.notice_result_box{width: 100%; height: auto; padding: 15px 0px;}
.notice_table_wrap{width: 100%; display: inline-block; height: 60vh;}		
.notice_table_cat{width: 100%; background-color: #1547a0; font-size: 15px; color: #fff; height: 54px; border-radius: 7px; text-align: center; display: flex; align-items: center;}
	
.notice_table_con_wrap{width: 100%; height: auto; padding: 5px 0px; margin-bottom: -5px;}
.notice_table_con_01{width: 100%; background-color: #e4e7ee; font-size: 15px; color: #000000; height: 50px; text-align: center; display: flex; align-items: center; border-radius: 7px; font-weight: 500; margin-bottom: 5px; cursor: pointer;}	
.notice_table_con_01:hover{background-color: #ced2dc; transition: 0.5s;}
.notice_table_con_02{width: 100%; background-color: #f8f8f8; font-size: 15px; color: #000000; height: 50px; text-align: center; display: flex; align-items: center; border-radius: 7px; margin-bottom: 7px; cursor: pointer;}		
.notice_table_con_02:hover{background-color: #e5e9ef; transition: 0.5s;}	
.notice_icon{width: 22px; color: #000; fill: #000;}	
	
.notice_search_bar{width: 100%; height: auto; padding: 0px 0px 15px; display: inline-block;}
.notice_search_box_01{width: 1150px;}
.notice_seach_input_01{width: 100%; float: left; background-color: #f3f3eb; height: 40px; border: 2px solid #f3f3eb; color:#aaa79d; border-top-left-radius: 7px; border-bottom-left-radius: 7px; padding: 0px 10px; font-size: 14px;}
.notice_seach_input_01:focus {color: #4d4c48; background-color: #f3f3eb; border-color: #e0e0d9; outline:0;}
.notice_search_box_02{width: 50px; height: 40px; background-color: #454545; float: right; text-align: center; display: flex; align-items: center; border-top-right-radius: 7px; border-bottom-right-radius: 7px;cursor: pointer;}
.notice_search_box_02:hover{background-color: #292929; transition: 0.5s;}
.notice_search_icon{width: 15px; margin: 0 auto; fill: #fff;}	
	
.notice_view_box{width: 100%; height: auto;}
.notice_view_inform{width: 100%; height: auto; font-size: 15px; display: inline-block; margin-bottom: 0px; padding: 0px 20px;}
.notice_view_date{height: auto; float: right; color: #979282;}
.notice_view_writer{height: auto; float: right; margin-right: 60px; color: #979282;}
.notice_view_num{height: auto; float: right; margin-right: 60px; color: #979282;}
.notice_view_text_01{color: #736e5f; font-weight: 500; margin-right: 20px;}
.notice_view_text_02{width: 100%; height: auto; background-color: #f6f5f1; padding: 20px 30px; font-size: 18px; font-weight: 500; border-radius: 5px;}
.notice_view_text_02_nonbg{width: 100%; height: auto; padding: 20px 30px 0px 30px; font-size: 18px; font-weight: 500; border-radius: 5px;}
.notice_view_text_03{width: 100%; height: auto; font-size: 16px; color: #494949; padding: 30px 30px 70px; display: block; overflow-x: hidden;}
.notice_view_text_03 img{max-width: 100%; height: auto;}
.notice_view_text_03_2{width: 100%; height: auto; font-size: 16px; color: #334363; padding: 40px 30px; background-color: #f2f5f9; border-radius: 5px; margin-bottom: 5px;}
.notice_view_text_03_2 img{max-width: 100%; height: auto;}
.notice_view_text_04{width: 10%; height: auto; color: #093c99; font-weight: 500; float: left;}
.notice_view_text_05{width: 85%; height: 24px; overflow-y: hidden; color: #5c5c5c; float: left;}
.notice_view_filebox{width: 100%; height: auto; padding: 20px 30px; background-color: #f8f8f8; border-radius: 5px;}
.notice_view_filenone{color: #494949;}
.notice_view_filename{color: #5e5e5e;}
.notice_view_other{width: 100%; border-top: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; margin: 50px 0px;}
.notice_view_pre{width: 100%; padding: 20px 30px; display: inline-block; margin-bottom: -5px;}
.notice_view_next{width: 100%; padding: 20px 30px; display: inline-block; margin-bottom: -5px;}
.notice_view_confirmbtn{width: 200px; height: 60px; display: grid; align-items: center; color: #fff; background-color: #252525; font-size: 20px; margin: 0 auto; text-align: center; border-radius: 35px; cursor: pointer;}
.notice_view_confirmbtn:hover{background-color: #000; transition: 0.5s;}	
.notice_view_listbtn{width: 200px; height: 60px; display: grid; align-items: center; color: #fff; background-color: #093c99; font-size: 20px; margin: 0 auto; text-align: center; border-radius: 35px; cursor: pointer; margin-top: 50px;}
.notice_view_listbtn:hover{background-color: #0c4ec8; transition: 0.5s;}		
.notice_view_arrow{width: 3%; color: #093c99; fill: #093c99; padding-right: 10px; float: left; padding-top: 8px;}	
.notice_hr{width: 96%; margin: 0 auto; text-align: center; border: 1px solid #ebebeb; margin-top: 50px;}		
	
.contact_wrap{width: 100%; height: auto; display: inline-block; margin: 10px 0px 40px;}
.contact_box_01{width:49%; margin-right: 1%; height: auto; float: left;}
.contact_box_02{width:49%; margin-left: 1%; height: auto; float: left;}
.contact_box_title{display: inline-block; padding: 8px 20px; border-radius: 5px; background-color: #093c99; color: #fff; font-size: 20px; margin-bottom: 20px;}
.contact_box_contents{width:100%; height: auto; display: inline-block;}
.contact_box_phone{width: 50%; padding-right: 10px; font-size: 18px; float: left;}
.contact_box_mail{width: 50%; font-size: 18px; float: left;}	
.contact_phone_icon{width:18px; fill:#7a7870; margin-right: 10px; margin-bottom: 2px;}		
.contact_mail_icon{width:20px; fill:#7a7870; margin-right: 10px;}	
.contact_wrap .guide_box:last-child {border-bottom:none;}	
	
.guide_box {width: 100%; display: inline-block; overflow: hidden; padding: 30px 0px 80px; border-bottom:1px solid #dddddd;}
.guide_box_img {float: left; width: 100%;}
.guide_box_text {float: left; padding: 20px 30px; font-size: 16px; line-height: 2; width:100%;}

	
.footer_all{width: 100%; background-color: #1b1b1b; height: auto; display: block;}
.footer_wrap{width: 100%; margin: 0 auto; height: 70px; display: block; padding: 25px 4%;}
.footer_box_01{font-size: 12px; color: #a7a7a7; float: left;}
.footer_box_02{font-size: 12px; color: #a7a7a7; float: right;}
.footer_btn{margin-left: 30px; float: right;}	
	

.graph_wrap {margin-bottom: 20px; border-bottom: 1px solid #000000; padding-bottom: 20px; overflow-x: auto;}
.graph_wrap::after {content: ""; display: block;clear: both;}
.line_chart {float:left;}
.graph_result {float:left; width:100%; padding:30px; height:auto; background-color: #f4f4f4; margin-left: 10px; margin-top:20px;}
.graph_box {width:100%;}
.graph_label {font-size: 14px; margin-bottom: 10px;}
.graph_input {display:flex;}
.graph_input input {width:100px; margin-right:5px;}
.graph_value {width:100%; font-size:30px;}
		
}




@media(max-width:768px) {
.m_menu_icon {width: 28px;}	
.m_menu_icon_w {width: 28px;}	
	
.main_header_box_01 {width: 80%; display: flex; align-items: center;}
.logo_01_box {width: 40%;}	
.logo_02_box {font-size: 14px; padding: 2px 10px; margin: 0px 20px;}
.logo_02_box_w {font-size: 14px; padding: 2px 10px; margin: 0px 20px;}
	
.header_all {height: 90px;}	
	
.main_title_01 {font-size: 17px;}	
.main_title_02 {font-size: 30px;}
.main_header_all {padding: 20px 4% 0px; height: auto;}
.main_img_all{height: auto; padding: 150px 0px 80px;}	
	
.main_menu_img_01 {width: 30px;}	
.main_menu_img_02 {width: 32px;}
.main_menu_img_03 {width: 30px;}	
.main_menu_img_04 {width: 30px;}
.main_menu_img_05 {width: 30px;}	
.main_menu_txt {font-size: 12px; }	
.main_menu_all {height: auto; display: inline-block;}	
.main_menu_wrap {height: auto;}	
.main_menu_btn_box {height: auto;}	
	
.main_contents_wrap {width: 100%; margin-bottom: 40px;}
	
.search_bar {width: 100%; height: auto;}
.search_input_01 {width: 100%; margin-bottom: 10px; font-size: 14px;}	
.search_input_02 {width: 100%; margin-bottom: 10px; font-size: 14px;}	
.search_input_03 {width: 100%; margin-bottom: 10px; font-size: 14px;}	
.search_input_04 {width: 100%; margin-bottom: 10px; font-size: 14px;}	
.search_box_02 {width: 100%;}	
	
.result_table_none{margin-top:30px;}	
	
.result_table_cat {height: 40px;}	
.result_table_con {height: 40px;}

	
.result_table_box_01 {width: 100%; height: auto; border-radius: 0px; border-top-left-radius: 7px; border-top-right-radius: 7px; padding: 10px 10px; text-align: center;
 color: #fff; font-size: 13px;}	
.result_table_box_02 {width: 100%; height: auto; float: right; border-radius: 0px;}	
.result_table_cat_02 {height: auto; border-radius: 0px; font-size: 10px; padding: 10px 0px;}
.result_table_con_02 {height: auto; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; font-size: 10px; padding: 10px 0px;}
.result_table_box_03 {width: 100%; height: auto;}
.result_table_cat_03 {height: auto; border-radius: 0px; font-size: 13px; padding: 10px 0px; border-top-left-radius: 7px; border-top-right-radius: 7px;}
.result_table_con_03 {display: none;}	
.result_table_cat_04 {height: auto; border-radius: 0px; font-size: 13px; padding: 10px 0px; border-top-left-radius: 7px; border-top-right-radius: 7px;}	
.result_table_con_04 {height: auto; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; font-size: 10px; padding: 10px 0px;}
	
	
	
.hr_01 {border: 1px solid #f0f0f0; margin-bottom: 50px; margin-top: 0;}
	
.notice_table_cat {height: 40px; font-size: 13px;}
.notice_table_con_02 {height: auto; font-size: 13px; padding:10px;}		
.notice_view_text_01 {margin-right: 10px;}
.notice_view_text_02 {font-size: 16px; padding: 20px;}	
.notice_view_text_02_nonbg {font-size: 16px; padding: 20px 20px 0px 20px;}	
.notice_view_text_03 {font-size: 14px; padding: 30px 20px 70px;}
.notice_view_text_03_2 {font-size: 14px; padding: 40px 20px; margin-bottom: 5px;}
.notice_view_text_04 {width: 20%; padding-right: 10px;}	
.notice_view_text_05 {width: 80%;}		
.notice_view_arrow {display: none;}	
.notice_view_filebox {padding: 20px; font-size: 15px;}	
.notice_view_num {margin-right: 25px; font-size: 12px;}
.notice_view_writer {margin-right: 25px; font-size: 12px;}
.notice_view_date {font-size: 12px;}
.notice_view_pre {padding: 15px 20px; font-size: 14px;}
.notice_view_next {padding: 15px 20px; font-size: 14px;}
	
	
	
.cat_text_10 {width: 15%;}	
.cat_text_70 {width: 65%;}	
		
.con_text_10 {width: 15%;}	
.con_text_70 {width: 65%;}		
	
	
	
	
	
.footer_wrap {height: auto; display: block;}
.footer_box_01 {width: 100%; float: none; margin: 0 auto; text-align: center; height: auto; display: block; margin-bottom: 0px;}	
.footer_box_02 {width: 70%; float: none; margin: 0 auto; text-align: center; display: flex; align-items: center;}
.footer_btn {width: 50%; float: left; margin-left: 0px;}	

.body_wrap {padding: 10px 0px;}
.body_community {display: block;}
.body_left {width: 100%; padding:10px 0px; display: flex;}
.body_right {width:100%;}

.left_btn {padding: 10px; border: 1px solid #eaeaea; margin-right: 5px; display: none;} /*커뮤니티 메뉴 1개만 있어서 모바일에서 메뉴영역 숨김. 2개이상일경우 필요함*/

.reply_form_btn {width: 100%;}

.dnone {display: none;}

}	


@media(max-width:500px) {	
.cat_text_20 {width: 30%;}	
.cat_text_70 {width: 55%;}	
		
.con_text_20 {width: 30%;}	
.con_text_70 {width: 55%;}	
	
.guide_box_text {font-size: 14px;}
	
.footer_box_01 {font-size: 10px;}
}



@media(max-width:350px) {
.header_all {height: 70px;}
.main_img_all_03 {width: 100%; height: 160px;}
.main_img_title {padding: 60px 10%; font-size: 25px;}
.logo_02_box {display: none;}	
.main_menu_txt {display: none;}	
.notice_table_con_02 {font-size: 10px;}

.cat_text_10 {width: 20%;}	
.cat_text_70 {width: 45%;}
	
.con_text_10 {width: 20%; padding: 0px 5px 0px 10px; height: 16px;}
.con_text_20 {width: 20%; padding: 0px 5px 0px 10px; height: 16px;}
.con_text_70 {width: 45%; padding: 0px 5px 0px 10px; height: 16px; }
	

	
}