@charset "utf-8";

.blind {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden}
.m_content {display: block}
.pc_content {display: none}
.txt_left {text-align: left !important}
.txt_right {text-align: right !important}
.txt_center {text-align: center !important}
.fl {float: left !important}
.fr {float: right !important}
.fn {float: none !important}
.clearfix:after {content: ''; display: block; clear: both}
.skip_nav a {position: fixed; top: -40px; left: 0; width: 100%; height: 40px; background: #333; color: #fff; line-height: 40px; text-align: center; z-index: 999}
.skip_nav a:focus {top: 0}
.bold {font-weight: 500; color: #333}
.fw400 {font-weight: 400}
.fw500 {font-weight: 500}
.color_red {color: #d71921 !important}
.color_black {color: #333 !important}
.mt5 {margin-top: 5px !important}
.mt10 {margin-top: 10px !important}
.ml10 {margin-left: 10px !important}
.underline {text-decoration: underline}
.textarea2 {width:100%;height:95px;resize:none;vertical-align:top}
.bg_navi {background-color: #2c4059 !important}
.bg_red {background-color: #d71921 !important}
.bg_yellow {background-color: #f7941d !important}
.bg_gray {background-color: #999 !important}

/* header*/
.header {position: relative; height: 54px; background-color: #fff; border-bottom: 1px solid #e1e1e1; z-index: 9}
.header .logo {width: 164px; height: 54px; margin: 0 auto}
.header .logo a {display: block; height: 100%; background: url(../images/common/logo2.png) no-repeat 50% 50%; background-size: 100%}
.header .btn_search {position: absolute; top: 0; right: 0; display: block; width: 50px; height: 100%; background: url(../images/common/icon_search.png) no-repeat 50% 50%; background-size: 30px; text-indent: -9999px; font-size: 0}
.header .btn_sitemap {display: none}
.header .btn_menu {position: absolute; top: 0; left: 0; display: block; width: 50px; height: 100%; background: url(../images/common/icon_menu.png) no-repeat 50% 50%; background-size: 30px; text-indent: -9999px; font-size: 0}
.header .btn_menu_close {position: absolute; top: 0; right: 0; width: 44px; height: 54px; background: url(../images/common/icon_menu_close.png) no-repeat 50% 50%; background-size: 14px; text-indent: -9999px; font-size: 0}
.header .global_wrap {display: none}
.header .top_search_wrap {display: none; position: absolute; top: 55px; left: 0; width: 100%; padding: 10px 13px 18px; background: #f4f4f4; box-sizing: border-box; z-index: 7}
.header .top_search_wrap input[type=text] {width: calc(100% - 40px); height: 36px; padding-left: 0; font-size: 14px; background: none; border: none}
.header .top_search_wrap .top_search {position: relative; border-bottom: 2px solid #d71921}
.header .top_search_wrap .offten .tit {margin: 12px 0 6px; font-size: 15px; font-weight: 400; color: #333; text-align: center}
.header .top_search_wrap .offten ul {font-size: 0; text-align: center}
.header .top_search_wrap .offten ul li {display: inline-block; margin-top: 2px; margin-bottom: 2px}
.header .top_search_wrap .offten ul li + li {margin-left: 5px}
.header .top_search_wrap .offten ul li a {display: block; padding: 6px 7px; font-size: 12px; color: #fff; background: #2d4059; border-radius: 3px}
.header .btn_search_close {position: absolute; top: -550px; right: 0; width: 50px; height: 54px; font-size: 0; background: url(../images/common/icon_search_close.png) no-repeat 50% 50%; background-size: 30px; text-indent: -9999px; z-index: 1}
.header .btn_top_search {position: absolute; bottom: 0; right: 0; width: 30px; height: 100%; background: url(../images/common/icon_top_search.gif) no-repeat 100% 50%; background-size: 14px; text-indent: -9999px; font-size: 0}
.header .gnb_wrap {display: none; position: fixed; top: 0; left: -100%; width: 100%; height: 100%; z-index: 10}
.header .gnb_wrap:before {display: none; content: ''; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.55); z-index: 8}
.header .gnb_wrap.open:before {display: block}
.header nav {position: relative; overflow-y: auto; width: 88%; max-width: 400px; height: 100%; background: #f2f3f5; z-index: 9}
.header nav .top {padding: 14px 15px 10px; color: #fff; background: #333}
.header nav .top .user01 {margin-bottom: 10px; padding-bottom: 14px; border-bottom: 1px dashed #666}
.header nav .top .user01 .name {font-size: 16px; font-weight: 500; color: #ffdd00}
.header nav .top .user02 span {display: inline-block; margin-top: 4px}
.header nav .top .user02 a {float: right; display: block; height: 26px; padding: 0 10px; line-height: 25px; font-size: 12px; color: #fff; background: #999;}
.header nav .top .user02:after {content: ''; display: block; clear: both}
.header .gnb li a {position: relative; display: block; color: #333}
.header .gnb > li {border-bottom: 1px solid #d9d9d9}
.header .gnb > li > a {padding: 10px 0 10px 15px; font-size: 15px; font-weight: 500}
.header .gnb > li.has_dep2 > a:after {content: ''; position: absolute; top: 50%; right: 15px; width: 13px; height: 7px; margin-top: -3px; background-image: url(../images/common/icon_dep1.png); background-size: 100%}
.header .gnb > li.active > a {background-color: #d71921; color: #fff}
.header .gnb > li.active > a + .dep2 {display: block}
.header .gnb > li.active > a:after {background-image: url(../images/common/icon_dep1_on.png)}
.header .gnb .dep2 {display: none; background: #fff}
.header .gnb .dep2 > li {border-bottom: 1px solid #d9d9d9}
.header .gnb .dep2 > li > a {padding: 8px 0 8px 24px; font-size: 14px; font-weight: 400}
.header .gnb .dep2 > li > a:before {content: ''; position: absolute; top: 50%; left: 15px; width: 5px; height: 9px; margin-top: -4px; background: url(../images/common/icon_dep2_m.png) no-repeat; background-size: 5px 9px}
.header .gnb .dep2 > li:last-child {border-bottom: 0}

.content {padding: 0 10px 45px}

/* title */
.tit_wrap {position: relative}
h2.tit {margin-bottom: 25px; padding-top: 25px; padding-bottom: 9px; font-size: 21px; font-weight: 500; color: #000; border-bottom: 1px solid #d9d9d9}
h3.tit {position: relative; margin-bottom: 9px; padding-left: 18px; font-size: 16px; font-weight: 500; color: #333}
h3.tit:before {content: ''; position: absolute; top: 6px; left: 0; width: 13px; height: 13px; background: url(../images/common/icon_tit_m.gif); background-size: 13px}

.location {display: none}

/* tab */
.normal_tab {margin-bottom: 30px}
.normal_tab:after {content: ''; display: block; clear: both}
.normal_tab li {float: left; width: calc(50% - 3px); margin-top: 8px}
.normal_tab li a {display: block; height: 38px; font-size: 14px; color: #333; text-align: center; line-height: 37px; border: 1px solid #d9d9d9}
.normal_tab li.current a {position: relative; background: #d71921; border-color: #d71921; font-weight: 500; color: #fff}
.normal_tab li.current a:before {content: ''; position: absolute; bottom: -6px; left: 50%; margin-left: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #d71921}
.normal_tab li:nth-child(2) {margin-left: 6px}
.normal_tab li:nth-child(1), .normal_tab li:nth-child(2) {margin-top: 0}

/* form */
select, input[type=text], input[type=password] {width: 100%; height: 30px; padding-left: 7px; font-size: 12px}
select {background-image: url(../images/common/icon_select_m.gif); background-repeat: no-repeat; background-position: calc(100% - 7px) 50%; background-size: 10px}
input[type=text][readonly] {background: #f2f3f5;}
.checkbox, .radio {display: inline-block}
.checkbox label, .radio label {position: relative; padding-left: 22px}
.checkbox label:before, .radio label:before {content: ''; position: absolute; top: 2px; left: 0; width: 17px; height: 17px; background-size: 100%}
.checkbox,.radio {margin-right: 16px}
.checkbox label:before {background-image: url(../images/common/checkbox.png)}
.checkbox input[type=checkbox]:checked + label:before {background-image: url(../images/common/checkbox_on.png)}
.radio label:before {background-image: url(../images/common/radio_m.png)}
.radio input[type=radio]:checked + label:before {background-image: url(../images/common/radio_on_m.png)}
.checkbox2, .radio2 {display: inline-block}
.checkbox2 label, .radio2 label {display: block; width: 17px; height: 17px; text-indent: -9999px; font-size: 0; background-size: 100%}
.checkbox2 label {background-image: url(../images/common/checkbox.png)}
.checkbox2 input[type=checkbox]:checked + label {background-image: url(../images/common/checkbox_on.png)}
.radio2 label {background-image: url(../images/common/radio_m.png)}
.radio2 input[type=radio]:checked + label {background-image: url(../images/common/radio_on_m.png)}
.checkbox input[type=checkbox]:focus + label, .radio input[type=radio]:focus + label, .checkbox2 input[type=checkbox]:focus + label, .radio2 input[type=radio]:focus + label {outline: 1px dotted #666}
.date_wrap {display: inline-block; position: relative}
.date_wrap .ui-datepicker-trigger {position: absolute; top: 0; right: 0; width: 30px; height: 100%; text-align: center}
.date_wrap .ui-datepicker-trigger img {width: 14px; height: 14px}
.date_wrap + .date_wrap {position: relative; margin-left: 15px}
.date_wrap + .date_wrap:before {content: '~'; position: absolute; top: 5px; left: -13px}
.input_wrap, .select_wrap {display: block}

/* list */
.list_a:after {content: ''; display: block; clear: both}
.list_a > li {position: relative; margin-bottom: 2px; padding-left: 8px}
.list_a > li:before {content: ''; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background: #666}
.list_a > li:last-child {margin-bottom: 0}

/* button */
.btn_wrap {margin-top: 17px; text-align: center; font-size: 0}
.btn_wrap:after {content: ''; display: block; clear: both}
.btn_wrap .l {float: left}
.btn_wrap .r {float: right}
.btn_normal {display: inline-block; padding: 0 20px; height: 37px; font-size: 13px; font-weight: 400; color: #fff; background-color: #666; line-height: 36px; box-sizing: border-box; text-align: center}
.btn_normal + .btn_normal {margin-left: 5px}
.btn_s_normal {display: inline-block; height: 30px; padding: 0 12px; font-size: 12px; color: #fff; background: #888; line-height: 29px}
.btn_s_normal2 {display: inline-block; height: 26px; padding: 0 10px; font-size: 12px; color: #fff; background: #888; line-height: 25px}
.btn_s_normal2 + .btn_s_normal2 {margin-left:5px}

/* table */
.table {overflow-x: auto}
.link {font-weight: 500; color: #333; text-decoration: underline}
.subject {font-weight: 500}
.normal_table {border-top: 2px solid #d71921}
.normal_table colgroup {display: none}
.normal_table thead {display: none}
.normal_table tr {display: block; padding: 12px 0 4px; border-bottom: 1px solid #d9d9d9}
.normal_table tr:last-child {border-bottom-color: #666}
.normal_table th {position: relative; padding: 9px 0; font-weight: 500; font-size: 14px; color: #333; border-bottom: 1px solid #d9d9d9}
.normal_table th:before {content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; margin-top: -6px; background: #d9d9d9}
.normal_table th:last-child:before {display: none}
.normal_table th:last-child, .normal_table td:last-child {border-right: 0}
.normal_table td {display: block; position: relative; width: 100% !important; margin-bottom: 5px; color: #555}
.normal_table td a {color: #555}
.normal_table td .subject .bold, .normal_table td .h_link .bold, .normal_table td .h_link2 .bold  {font-weight: 400; color: #555}
.normal_table tbody tr:last-child td {border-bottom-color: #666}
.normal_table .m_hidden {display: none}
.normal_table .auto {width: auto}
.normal_table .m_tit {display: inline-block; margin-right: 5px; padding-left: 8px; font-weight: 500; color: #333}
.normal_table .m_tit:before {content: ''; position: absolute; top: 50%; left: 0; width: 3px; height: 3px; margin-top: -2px; background: #666}
.normal_table .cate {font-weight: 500; color: #555}

.normal_table02 {border-top: 2px solid #d71921; background: #fff}
.normal_table02 .data {overflow: hidden; border-bottom: 1px solid #d9d9d9; background: url(../images/common/table_line01_m.gif) repeat-y 0 0; font-size: 0}
.normal_table02 .tit, .normal_table02 .cont {display: inline-block; font-size: 13px; box-sizing: border-box; vertical-align: middle}
.normal_table02 .tit {width: 85px; padding: 12px 0 12px 15px; font-weight: 500; color: #333; background: #faf6f0}
.normal_table02 .cont {width: calc(100% - 85px); min-height: 43px; padding: 12px 10px; background: #fff; border-left: 1px solid #d9d9d9}
.normal_table02 li:last-child .data + .data {border-bottom-color: #333}

.normal_table02.v2 .data {background: url(../images/common/table_line02_m.gif) repeat-y 0 0}
.normal_table02.v2 .tit {width: 110px}
.normal_table02.v2 .cont {width: calc(100% - 110px)}

.normal_table02.v4 .data {background: url(../images/common/table_line03_m.gif) repeat-y 0 0}
.normal_table02.v4 .tit {width: 143px}
.normal_table02.v4 .cont {width: calc(100% - 143px)}

.normal_table03 {min-width: 100%; border-top: 2px solid #d71921; text-align: center; table-layout: auto}
.normal_table03 colgroup {display: none}
.normal_table03 th, .normal_table03 td {padding: 9px 18px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; white-space: nowrap}
.normal_table03 th {position: relative; font-weight: 500; color: #333; border-bottom: 1px solid #d9d9d9; background: #faf6f0}
.normal_table03 th.dep2 {background: #f4f4f4}
.normal_table03 th:last-child, .normal_table03 td:last-child {border-right: 0}
.normal_table03 th:last-child.dep2 {border-right: 1px solid #d9d9d9}
.normal_table03 td.tit {padding: 9px 0 9px 15px; font-weight: 500; color: #333; border-bottom: 1px solid #d9d9d9; background: #faf6f0; text-align: left}
.normal_table03 td u {font-size: 18px; font-weight: bold;}
.normal_table03 tbody tr:last-child td {border-bottom-color: #333}

.normal_view {border-top: 2px solid #d71921; border-bottom: 1px solid #333}
.normal_view .view_top {padding: 15px; background: #faf6f0}
.normal_view .view_top .tit {font-size: 15px; font-weight: 500; color: #333}
.normal_view .view_top .info {padding-top: 7px}
.normal_view .view_top .info:after {content: ''; display: block; clear: both}
.normal_view .view_top .info li {position: relative; float: left; margin-right: 20px; color: #666}
.normal_view .view_top .info li:before {content: ''; position: absolute; top: 50%; right: -10px; width: 1px; height: 10px; margin-top: -5px; background: #d9d9d9}
.normal_view .view_top .info li:last-child {margin-right: 0}
.normal_view .view_top .info li:last-child:before {display: none}
.normal_view .view_top .info li span {font-weight: 500; color: #333}
.normal_view .view_cont {padding: 18px 15px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9}
.normal_view .view_file_wrap {padding: 14px 15px}
.normal_view .view_file_wrap li {margin-bottom: 6px}
.normal_view .view_file_wrap li:last-child {margin-bottom: 0}

.normal_table02 .cont .file_wrap li {display:block;width:100%}
.normal_table02 .cont .file_wrap li:not(:first-child) {margin-top:7px}

.tb_form_wrap {overflow: hidden; margin: -5px 0}
.view_file {display: inline-block}
.view_file:before {content: ''; display: inline-block; width: 6px; height: 14px; margin-right: 5px; background-image: url(../images/common/icon_file.png); background-size: 6px 14px; vertical-align: -2px}

/* search*/
.search_wrap:after {content: ''; display: block; clear: both}
.search_wrap .select_wrap {float: left; width: calc(50% - 3px); margin-bottom: 6px}
.search_wrap .select_wrap + .select_wrap {margin-left: 6px}
.search_wrap .input_wrap {float: left; width: calc(100% - 66px)}
.search_wrap .btn_search {float: left; width: 60px; height: 30px; margin-left: 6px; background: #666; color: #fff; text-align: center; line-height: 29px}
.search_wrap.v2 .select_wrap {width: 95px; margin-right: 6px}
.search_wrap.v2 .input_wrap {width: calc(100% - 177px)}
.search_wrap.v3 .select_wrap {width: calc(33.33% - 4px)}
.search_wrap.v3 .select_wrap:nth-child(2), .search_wrap.v3 .select_wrap:nth-child(3) {margin-left: 6px}

/* paging */
.paging {margin-top: 18px; font-size: 0; text-align: center}
.paging a{display: inline-block; width: 25px; height: 25px; margin-right: 5px; font-size: 13px; color: #999; line-height: 24px; border: 1px solid #d9d9d9; vertical-align: top; box-sizing: border-box; background-size: 100%}
.paging a:last-child {margin-right: 0}
.paging .active {font-weight: 400; color: #fff; background: #d71921; border-color: #d71921; text-decoration: underline}
.paging .btn_first {background-image: url(../images/common/paging01_m.gif)}
.paging .btn_prev {margin-right: 13px; background-image: url(../images/common/paging02_m.gif)}
.paging .btn_next {margin-left: 8px; background-image: url(../images/common/paging03_m.gif)}
.paging .btn_last {background-image: url(../images/common/paging04_m.gif)}

/* popup */
.ly_pop_wrap {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.45); z-index: 10}
.ly_pop_wrap.active {display: block}
.ly_pop {position: absolute; top: 50%; left: 50%; width: calc(100% - 20px); transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: #fff}
.ly_title {position: relative; padding: 10px 0 10px 15px; font-size: 16px; font-weight: 500; color: #fff; background: #2d4059}
.ly_title .btn_close {position: absolute; top: 0; right: 0; display: block; height: 100%; width: 44px; background: url(../images/common/btn_pop_close_m.png) no-repeat 50% 50%; background-size: 14px; text-indent: -9999px; font-size: 0}
.ly_content {overflow-y: auto; max-height: calc(100vh - 200px); padding: 20px 15px}

.table_top {position: relative; margin-bottom: 15px}
.table_top:after {content: ''; display: block; clear: both}
.page_num {display: none; margin: 15px 0 8px}
.page_num .current {display: inline-block; margin-left: 10px}
.page_num .color_red {font-weight: 400}
.new_write {display: inline-block; width: 11px; height: 12px; margin-left: 5px; background-image: url(../images/common/icon_new_m.png); background-size: 11px 12px; font-size: 0; vertical-align: middle}
.box + .box {margin-top: 28px}
.search_tit {float: left}
.icon_lock {display: inline-block; width: 17px; margin-left: 5px; vertical-align: -3px}
.textarea {width: 100%; height: 200px}
input[type="file"] {max-width: 100%}
.m_type1 {width: 120px}
.table .checkbox2 {vertical-align: middle}
.mem_table .date_career {width: 120px}

@media screen and (min-width: 1280px){

	.m_content {display: none}
	.pc_content {display: block}

	body {font-size: 15px}

	/* header */
	.header {float: left; width: 220px; height: auto; border-bottom: 0}
	.header .header_cont {display: none}
	.header .gnb_wrap {display: block; position: static; top: auto; left: auto}
	.header nav {width: 100%; max-width: none; background: #f2f3f5 url(../images/common/bg_line.gif) repeat-y 0 0;}
	.header nav .top {padding: 20px 20px 15px; background: #323232}
	.header nav .top .user01 {margin-bottom: 15px; padding-bottom: 19px}
	.header nav .top .user01 .name {font-size: 18px}
	.header nav .top .user02 a {height: 32px; padding: 0 14px; font-size: 14px; line-height: 31px;}
	.header .gnb > li {border-bottom-color: #e1e1e1}
	.header .gnb > li > a {padding: 15px 0 15px 20px; font-size: 16px; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1}
	.header .gnb > li.active > a {border-color: #d71921}
	.header .gnb .dep2 {padding: 18px 0; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1}
	.header .gnb .dep2 > li {border-bottom: 0}
	.header .gnb .dep2 > li > a {padding: 3px 0 3px 32px; font-size: 15px; font-weight: 300; color: #666}
	.header .gnb .dep2 > li > a:before {left: 20px; width: 4px; height: 5px; margin-top: -2px; background: url(../images/common/icon_dep2.gif)}
	.header .gnb .dep2 > li > a.active, .header .gnb .dep2 > li > a:hover, .header .gnb .dep2 > li > a:focus {font-weight: 500; color: #333; text-decoration: underline}
	.header .gnb .dep2 > li > a.active:before, .header .gnb .dep2 > li > a:hover:before, .header .gnb .dep2 > li > a:focus:before {background: url(../images/common/icon_dep2_on.gif)}
	.header .btn_menu_close {display: none}

	.container {width: 1280px; margin: 0 auto}
	.container:after {content: ''; display: block; clear: both}
	.content {float: right; width: 1020px}

	.location {display: block; position: absolute; bottom: 23px; right: 0; font-size: 0}
	.location ul li {position: relative; display: inline-block; margin-left: 12px; padding-left: 12px; font-size: 14px; vertical-align: baseline}
	.location ul li:before {content: ''; position: absolute; top: 50%; left: 0; display: block; width: 5px; height: 9px; margin-top: -5px; background: url(../images/common/arrow_location.gif)}
	.location ul li.home {width: 13px; height: 12px; margin: 0; padding: 0; background: url(../images/common/icon_home.gif) no-repeat}
	.location ul li.home:before {display: none}
	.location ul li:last-child {font-weight: 400; color: #333}

	/* tit */
	h2.tit {margin-bottom: 50px; padding-top: 48px; padding-bottom: 18px; font-size: 36px}
	h3.tit {margin-bottom: 17px; padding-left: 23px; font-size: 20px}
	h3.tit:before {top: 8px; width: 16px; height: 16px; background: url(../images/common/icon_tit.gif); background-size: 16px}

	/* form */
	select, input[type="text"], input[type="password"] {height: 40px; padding-left: 14px; font-size: 14px}
	select {background-image: url(../images/common/icon_select.gif); background-position: calc(100% - 14px) 50%; background-size: auto}
	.checkbox label, .radio label {padding-left: 30px}
	.checkbox label:before, .radio label:before {top: 2px; width: 20px; height: 20px}
	.checkbox, .radio {margin-right: 20px}
	.checkbox2 label, .radio2 label {width: 20px; height: 20px}
	.date_wrap .ui-datepicker-trigger {top: 50%; right: 15px; width: 20px; height: 20px; margin-top: -10px}
	.date_wrap .ui-datepicker-trigger img {width: 20px; height: 20px}
	.date_wrap + .date_wrap {margin-left: 27px}
	.date_wrap + .date_wrap:before {left: -17px; top: 8px}
	.radio label:before {background-image: url(../images/common/radio.png)}
	.radio input[type=radio]:checked + label:before {background-image: url(../images/common/radio_on.png)}
	.radio2 label {background-image: url(../images/common/radio.png)}
	.radio2 input[type=radio]:checked + label {background-image: url(../images/common/radio_on.png)}

	/* tab */
	.normal_tab {margin-bottom: 47px}
	.normal_tab li {width: calc(50% - 5px); margin-top: 0}
	.normal_tab li:first-child {margin-left: 0 !important}
	.normal_tab li a {height: 54px; font-size: 17px; line-height: 53px}
	.normal_tab li.current a:before {bottom: -7px; margin-left: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #d71921}
	.normal_tab.v3 li {width: calc(33.33% - 4px)}
	.normal_tab.v3 li:nth-child(3) {margin-left: 6px}
	.normal_tab.v4 li {width: calc(25% - 6px); margin-left: 8px}

	/* button */
	.btn_wrap {margin-top: 30px}
	.btn_normal {height: 46px; padding: 0 34px; font-size: 16px; line-height: 45px}
	.btn_normal + .btn_normal {margin-left: 10px}
	.btn_s_normal {height: 40px; padding: 0 15px; font-size: 14px; line-height: 39px}
	.btn_s_normal2 {height: 32px; padding: 0 14px; font-size: 14px; line-height: 31px}
	.paging + .btn_wrap {margin-top: -33px}

	/* list */
	.list_a > li  {margin-bottom: 7px; padding-left: 9px}
	.list_a > li:before {top: 9px; width: 4px; height: 4px}

	/* table */
	.subject:hover, .h_link:hover, .h_link2:hover {font-weight: 500; color: #333; text-decoration: underline}
	.subject, .h_link {display: inline-block; font-weight: 300; max-width: 88%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle}
	.h_link2 {display: inline-block; font-weight: 300; max-width: 88%; overflow: hidden; text-overflow: ellipsis; vertical-align: middle}
	.table strong.notice {padding: 3px 15px; font-size: 14px; border-radius: 15px}
	.normal_table {text-align: center}
	.normal_table colgroup {display: table-column-group}
	.normal_table thead {display: table-header-group}
	.normal_table tr {display: table-row; padding: 0; border-bottom: 0}
	.normal_table th {padding: 18px 0; font-weight: 500; font-size: 16px}
	.normal_table td {display: table-cell; padding: 17px 5px; font-size: 16px; border-bottom: 1px solid #d9d9d9}
	.normal_table td.txt_left {padding-left: 30px}
	.normal_table td .subject .bold, .normal_table td .h_link .bold, .normal_table td .h_link2 .bold {font-weight: 500}
	.normal_table tbody tr:last-child td {border-bottom-color: #333}
	.normal_table col.m_hidden {display: table-column}
	.normal_table th.m_hidden, .normal_table td.m_hidden {display: table-cell}
	.normal_table .m_tit {display: none}
	.normal_table .mt {margin-top: 0}

	.normal_table.v2 {}
	.normal_table.v2 th, .normal_table.v2 td {padding: 16px 5px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; white-space: normal}
	.normal_table.v2 th:before {display: none}
	.normal_table.v2 th {position: relative; font-weight: 500; color: #333; border-bottom: 1px solid #d9d9d9; background: #faf6f0}
	.normal_table.v2 th:last-child, .normal_table.v2 td:last-child {border-right: 0}
	.normal_table.v2 .h_link {vertical-align: middle}

	.normal_table02 .data {background: url(../images/common/table_line01.gif) repeat-y 0 0}
	.normal_table02 .tit, .normal_table02 .cont {min-height: 54px; font-size: 15px}
	.normal_table02 .tit {width: 125px; padding: 16px 0 16px 20px}
	.normal_table02 .cont {width: calc(100% - 125px); padding: 16px 20px}
	.normal_table02 .colum {display: table; width: 100%; table-layout: fixed}
	.normal_table02 .colum li {display: table-cell; width: 50%; box-sizing: border-box}
	.normal_table02 .colum .data {display: table-cell; width: 50%; vertical-align: middle}
	.normal_table02 .colum .data + .data {border-left: 1px solid #d9d9d9}
	.normal_table02 li:last-child .data {border-bottom-color: #333}

	.normal_table02.v2 .data {background: url(../images/common/table_line02.gif) repeat-y}
	.normal_table02.v2 .tit {width: 163px}
	.normal_table02.v2 .cont {width: calc(100% - 163px)}

	.normal_table02.v4 .data {background: url(../images/common/table_line03.gif) repeat-y}
	.normal_table02.v4 .tit {width: 236px}
	.normal_table02.v4 .cont {width: calc(100% - 236px)}

	.normal_table03 {table-layout: fixed}
	.normal_table03 colgroup {display: table-column-group}
	.normal_table03 th, .normal_table03 td {padding: 16px 10px; white-space: normal}
	.normal_table03 th {font-size: 15px}
	.normal_table03 td.tit {padding: 16px 0 16px 20px}

	.normal_view .view_top {padding: 19px 30px}
	.normal_view .view_top .tit {font-size: 20px}
	.normal_view .view_top .info {padding-top: 10px}
	.normal_view .view_top .info li {margin-right: 30px}
	.normal_view .view_top .info li:before {right: -15px; width: 1px; height: 14px; margin-top: -7px}
	.normal_view .view_cont {padding: 35px 30px}
	.normal_view .view_file_wrap {padding: 15px 30px}
	.normal_view .view_file_wrap li {margin-bottom: 7px}

	.tb_form_wrap {margin: -9px 0}
	.view_file:before {width: 8px; height: 18px; margin-right: 10px; background-size: 8px 18px; vertical-align: -3px}

	/* search*/
	.search_wrap {float: right}
	.search_wrap .select_wrap {width: 130px; margin-bottom: 0}
	.search_wrap .select_wrap + .select_wrap {margin-left: 5px}
	.search_wrap .input_wrap {width: 220px; margin-left: 5px}
	.search_wrap .btn_search {width: 54px; height: 40px; margin-left: 5px; line-height: 39px}
	.search_wrap.v2 .select_wrap {width: 130px; margin-right: 0}
	.search_wrap.v2 .input_wrap {width: 220px}
	.search_wrap.v3 .select_wrap {width: 130px}
	.search_wrap.v3 .select_wrap:nth-child(2), .search_wrap.v3 .select_wrap:nth-child(3) {margin-left: 5px}

	/* paging */
	.paging {margin-top: 30px}
	.paging a {width: 33px; height: 33px; margin-right: 5px; font-size: 14px; line-height: 32px}
	.paging .btn_first {background-image: url(../images/common/paging01.gif)}
	.paging .btn_prev {margin-right: 20px; background-image: url(../images/common/paging02.gif)}
	.paging .btn_next {margin-left: 15px; background-image: url(../images/common/paging03.gif)}
	.paging .btn_last {background-image: url(../images/common/paging04.gif)}
	.btn_wrap + .paging {margin-top: -46px}

	/* popup */
	.ly_pop {width: 900px}
	.ly_title {padding: 15px 0 15px 25px; font-size: 20px}
	.ly_title .btn_close {width: 66px; background: url(../images/common/btn_pop_close.png) no-repeat 50% 50%; background-size: auto}
	.ly_content {max-height: calc(100vh - 200px); padding: 30px 25px}

	.table_top {min-height: 40px; margin-bottom: 20px}
	.page_num {display: block; position: absolute; bottom: 0; left: 0; margin: 0}
	.page_num .current {margin-left: 17px}
	.new_write {display: inline-block; width: 18px; height: 19px; margin-left: 10px; background-image: url(../images/common/icon_new.png); background-size: 18px 19px}
	.box + .box {margin-top: 44px}
	.icon_lock {width: 24px; margin-left: 10px; vertical-align: top}
	.textarea {height: 300px}
	.type1 {width: 190px}
	.m_type1 {width: 100%}

}