body {font-family: 'NotoSans','Malgun Gothic',Arial,sans-serif; font-size: 15px; font-weight: 500;  color: #595959;  line-height: 1.6;  letter-spacing: -0.04em;}




#wrapper {position:relative; min-height:calc(100vh - 110px); background:#fff; }

#header {position: fixed; top: 0; left: 0; width:100%; height:85px; z-index: 1005; background-color: #172235; }
#header .m_top, 
#header .alarm_box, 
#header .lnb_open, 
#header .lnb_close {display:none}


#header .logo {position:absolute; top:22px; left:60px; z-index:10}
#header .logo img {width:200px}
#header .gnb {position:absolute; top:20px; right:60px; z-index:10; background:#fff; padding:10px 20px; border-radius:20px}
#header .gnb > a {padding:0 7px;}
#header .gnb > a em {positioN:relative; background:#ed1c24; width:20px; height:20px; text-indent: -2px; text-align:center; line-height:20px; font-size:12px; margin:-3px 0 0 2px; border-radius:50%; color:#fff;}



#header .lnb_menu {position:Relative; width:100%; display:inline-block; text-align:center;}
#header .lnb_menu li {display:inline-block;}
#header .lnb_menu li.on a {color:#fff}
#header .lnb_menu .depth_1_li a {padding:0 25px; line-height:85px; color:#fff; font-size:18px; width:100%; display:inline-block; }
#header .lnb_menu .depth_1_li a i {margin:-2px 5px 0 0; font-size:15px; vertical-align:middle;}
#header .lnb_menu .depth_1_li a:hover {color:#fff}


#header .lnb_open {position:absolute;  top:20px; right:20px;  width:32px; line-height:0em}
#header .m_back_btn {display:none}
#header .lnb_close {position:absolute;  top:21px; left:20px;  width:32px; height:32px; line-height:0em}
#header .lnb_close .line, 
#header .lnb_open .line {width:32px; height:3px; border-radius:5px; margin:4px 0; background:#fff; display:inline-block; vertical-align:top;}

#header .lnb_open .line:nth-child(2) {width:18px; float:right;}

.m_top_btn {display:inline-block; position:fixed; bottom:20px; right:20px; width:65px; height:65px; border-radius:100%; background:#172235; z-index:1000}
.m_top_btn a {color:#fff; width:100%; height:100%; line-height:65px; font-size:18px; font-family:'Roboto'; text-align:center;}


#main_content {padding:125px 0 40px 0; min-height:calc(100vh - 223px);}
#main_content .content_wrap {width:1400px; margin:0 auto}

h3.h3 {margin:40px 0 10px; width:100%; display:inline-block; font-size:20px; color:#000; font-weight:bold}
h3.h3.bd_line {border-bottom:1px solid #eee; padding:0 0 10px 0}
h4.h4 {margin:0 0 10px 0; width:100%; display:inline-block; font-size:17px; color:#333; font-weight:500}
h4.h4 em {color:#3692b4; font-weight:bold}
.btn_title {position:Relative;}
.btn_title .btn {position:absolute; top:0px; right:0px;}
.btn_title h3 + .btn {top:40px;}


.user_tab_box {width:100%; display:inline-block;}
.user_tab_box ul {display:flex; width:100%; margin:0 0 10px 0}
.user_tab_box li {width:100%; display:inline-block; margin:0 0 0 -1px}
.user_tab_box li a {width:100%; display:inline-block; text-align:center; height:50px; line-height:50px; border:1px solid #e0e1e3;}
.user_tab_box li a.on {background:#005b9e; color:#fff; border:1px solid #005b9e;}



.footer {position:relative; background:#333; padding:40px 0; text-align:center;}
.footer .foot_logo {width:200px; margin:0 auto}
.footer ul {width:100%; display:inline-block; padding:12px 0}
.footer ul li {position:relative; display:inline-block;}
.footer ul li a { color:#999; padding:5px 15px}
.footer ul li:before {width:1px; height:8px; background:#777; display:block; content:""; position:absolute; top:13px; left:0px;}
.footer ul li:first-child:before {display:none}
.footer address {color:#999}



.ch_de_box {}
.ch_de_box input {display:none}
.ch_de_box label .fa {color:#ccccd1; font-size:17px; vertical-align:middle; margin:-1px 3px 0 0}
.ch_de_box input:checked + label .fa {color:#005b9e}

.card {position: relative;  display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  min-width: 0;  word-wrap: break-word;  background-color: #fff;  background-clip: border-box;  border: 1px solid #eff0f2;  border-radius: 12px; margin-bottom: 24px;   -webkit-box-shadow: 0 2px 3px #e4e8f0;    box-shadow: 0 2px 3px #e4e8f0;}

.card-header:first-child {border-radius:12px 12px 0 0}

.card-header {position:relative; padding: 15px 20px; margin-bottom: 0; background-color: #fff; border-bottom: 1px solid #eff0f2;}
.card-header.btn_title .btn  {position:absolute; top:10px; right:20px;}
.card-header .card-title {font-size: 18px; font-weight: bold; color: #000;}
.card-body {  padding:20px;}

.form-label{width:100%; display:none; font-size:16px; }
.form-label .need {color: #e60012;  font-size: 12px; font-weight: normal;}
select.form-select {border:1px solid #e2e5e8;
    vertical-align: middle; letter-spacing:-0.025em; width:100%; height: auto; padding: 0 34px 0 10px; line-height:42px; box-sizing:border-box; border-radius:6px; display:inline-block; font-size:16px}
input.form-control {border:1px solid #e2e5e8; 
    vertical-align: middle; background: #fff; letter-spacing:-0.025em; width:100%; height: auto; padding: 0 10px; line-height:42px; box-sizing:border-box; border-radius:6px; display:inline-block; font-size:16px}
textarea.form-control {border:1px solid #e2e5e8; 
    vertical-align: middle; background: #fff; letter-spacing:-0.025em; width:100%; height: auto; padding:5px 10px; min-height:60px; box-sizing:border-box; border-radius:6px; display:inline-block; font-size:16px}
input.form-control:focus {background:#fff; }


.loginWrap select.form-select, .member_join_Wrap select.form-select, 
.loginWrap input.form-control, .member_join_Wrap input.form-control {line-height:54px;}



input.form-control::placeholder {color:#9fa4ab}
.input-group:focus-within, 
input.form-control:focus {background:#fff; border:1px solid #eee}
.input-group input.form-control:focus {background:none; border:none}
input.form-control:read-only {border:1px solid #e2e5e8; background: #e2e5e8; }

.w_auto {width:auto !important}

.input-group {position: relative;  background: #fff; border:1px solid #e2e5e8; border-radius:6px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: center; width: 100%;}
.input-group .form-control {background:none; border:none}
.input-group .btn {height:47px; }
.input-group .count_text {color:#e60012; font-size:16px;  margin-right:15px}
.input-group>.form-control, 
.input-group>.form-select {position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto;  width: 1%;  min-width: 0;}


.warning {color: #e60012;  font-size: 14px; padding:5px 0 5px 10px; display:inline-block; width:100%; font-weight: normal;}

.btn { padding:10px 15px; margin:0px; border-radius:8px}
.big_btn {padding:15px 25px; font-size:18px; margin:0px; border-radius:8px}
.sm_btn {padding:6px 10px; font-size:15px}
.btn.btn_0 {background:#595959;}
.btn.btn_1 {background:#005b9e;}
.btn.btn_2 {background:#d20a0a;}
.btn.btn_excel {position:relative; background:#1e7145; padding: 10px 15px 10px 45px;}
.btn.btn_excel:before {width:27px; height:27px; content:""; display:inline-block; vertical-align:middle; position:absolute; top:8px; left:10px;  background-image: url(../img/common/excel_icon.png);}


.row>* { -ms-flex-negative: 0;  flex-shrink: 0;  width: 100%;  max-width: 100%;  padding-right: calc(var(--x_width) * .5);  padding-left: calc(var(--x_width) * .5);  margin-top: var(--height-y);}
.row {--x_width: 12px;    --height-y: 0;    display: -webkit-box;    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;    margin-top: calc(-1 * var(--height-y));    margin-right: calc(-.5 * var(--x_width));    margin-left: calc(-.5 * var(--x_width));}

.write_form .input-group {}




.sub_title {position:relative; width:100%; display:inline-block; }
.sub_title h2 {position:relative; font-size:25px; color:#172235; padding:15px 0 15px 25px; font-weight:bold}
.sub_title h2:before {position:absolute; top:30px; left:5px; width:10px; height:10px; background:#ed4a02; display:block; content:""; border-radius:50%;}
.sub_title .path {position:absolute; top:30px; right:0px;}

.sub_title .path li:first-child {width:18px; height:18px; display:inline-block; content:""; background:url('../img/path_home.png') no-repeat left top; line-height:0; vertical-align:middle; font-size:0px}

.sub_title .path li {position:relative; displaY:inline-block; padding-left: 15px;  margin-left: 10px;}
.sub_title .path li:not(:first-child):before {position:absolute; top:8px; left:0px; width:5px; height:10px; background:url('../img/icon_arrow_calendar_r.gif') no-repeat left top; background-size:5px auto; display:block; content:"";}
.sub_title .path li:first-child {padding-left:0px; margin-left:0px;}



.table_top {width:100%; display:inline-block; margin-top:20px}
.bot_btn_box {width:100%; display:inline-block; margin-top:10px}
.table_top .left_box,
.bot_btn_box .left_box {float:left;}
.table_top .right_box, 
.bot_btn_box .right_box {float:right;}

.table_top .left_box {font-size:16px}
.table_top .left_box strong {color:#000; font-weight:bold}

#frm_pdf {display:none}

table.table {position:relative; margin-top:10px; margin-bottom:10px; width:100%; border-top:2px solid #1d262d; border-bottom:1px solid #b2b5c0; border-collapse:separate; background:#fff;}
table.table:before {display:block; content:""; position:absolute; top:0; left:0; width:1px; height:100%; background-color:#fff;}
table.table caption + thead tr:first-child th, table.table caption + thead tr:first-child td, table.table colgroup + thead tr:first-child th, table.table colgroup + thead tr:first-child td, .table caption + tbody tr:first-child th, .table caption + tbody tr:first-child td, .table colgroup + tbody tr:first-child th, .table thead + tbody tr:first-child td,  .table tbody tr:first-child th, .table colgroup + tbody tr:first-child td,  table.table colgroup + tfoot tr:first-child th, table.table colgroup + tfoot tr:first-child td {border-top-width:0;}
table.table th, table.table td {padding:15px 15px 13px; font-size:16px; color:#333; border-top:1px solid #e0e1e3; vertical-align:middle; border-left:1px solid #e0e1e3; }
table.table tr:first-child td {border-top:0px}
table.table  thead tr th{background-color:#f4f4f4; border-top:0px; border-left:0px; border-right:0px; border-bottom:1px solid #c5c9d6; color:#292f4d; font-size:16px; font-weight:bold; text-align:center;}
table.table tbody th {font-weight:bold; background-color:#fcfcfc; color:#222121; text-align:center;}
table.table td ul li, table.table td ol li {font-size:16px}
table.table tbody tr:hover {background: #f5f6fa;}
table.table tfoot tr {background-color:#f4f4f4;}
table.table tfoot th {font-weight:400;}
table.table .empty_tbody td {padding:45px 20px; text-align:center;}
table.table tr.no_working {background:#f4f4f4}
table.table tr.dup_working {background:#bde}
table.table tbody td.file_write_td img {width:150px; margin:10px auto 0}
table.table .board_list_new_icon {vertical-align:middle; margin:0 0 0 5px;}

.table_search_box {width:100%; display:inline-block;}
.table_search_box .saerch_sel {width:100%; display:inline-block;}
.table_search_box .saerch_sel span {display:inline-block; width:100%; padding:10px 0; border-bottom:1px solid #e0e1e3; float:left;}
.table_search_box .saerch_sel span label {width:180px; display:inline-block;}
.table_search_box .saerch_sel span select {width: calc(100% - 190px); display:inline-block;}
.popup_wrap table.table:before  {background:#f1f3f7}

.responsive_table_2 tbody tr td.subject a {color:#333 !important}
.pc_none {display:none}

@media screen and (min-width:800px) {
	.pc_text_center {text-align:center;}
	.pc_text_left {text-align:left;}
	.pc_text_right {text-align:right;}
}
@media screen and (max-width:800px) {
	.m_text_left {text-align:left !Important}
	.m_text_center {text-align:center !Important}
	.m_text_right {text-align:right !Important}
}



@media screen and (max-width: 1400px) {
	#header .logo {left:20px;}
	#header .gnb {right:20px}
	#main_content .content_wrap {width:100%; padding:0 20px}
}


@media screen and (max-width: 1300px) {
	#header .lnb_menu .depth_1_li a {padding:0 18px; font-size:17px}
	#header .gnb > a {padding:0 4px}
}


@media screen and (max-width: 1200px) {
	#header {height:125px}
	#header .lnb_menu {margin:65px 0 0 0;   display: flex;  text-align: center;  justify-content: space-around;}
	#header .lnb_menu .depth_1_li a {padding:0 25px; line-height: 55px;}
	#main_content {padding-top:140px}
}
@media screen and (max-width: 1000px) {
	#header .lnb_menu .depth_1_li a {padding:0 18px}

}
@media screen and (max-width:800px) {
	#header {height:75px}
	#header .logo {left:50%; margin:0 0 0 -90px}
	#header .logo img {width:180px; }
	#header .lnb_open {display:inline-block}
	#header .m_back_btn {position:absolute; top:23px; left:20px; width:14px; height:26px; background:url('../img/common/back_arrow.png') no-repeat center center; display:block; font-size:0px;}
	#main_content .content_wrap {padding:0 15px}
    .lnb_active {overflow-y: hidden;}
	.lnb_active #header .menu_wrap {right:0px; visibility: visible; text-align:right;}
	#header .lnb_menu {width:calc(100% - 60px); padding:20px 0; display:inline-block; height:calc(100% - 60px); background:#fff; margin:0px; text-align:left;}
	#header .lnb_menu .depth_1_li a:hover,
	#header .lnb_menu li.on a {color:#0c4ca3;}
	#header .lnb_menu li {width:100%;}
	#header .lnb_menu .depth_1_li a {padding:0 25px; line-height:45px; color:#333}
	#header .lnb_menu .depth_1_li a i {margin: -2px 7px 0 0;}
	#header .m_top {display:inline-block; vertical-align:top; width:calc(100% - 60px); text-align:left; background:#172235; height:60px; padding:15px 25px}
	#header .m_top .user_name {color:#fff; font-size:18px; display:inline-block; vertical-align:top; float:left; }

	#header .m_top .m_top_btn_wrap {position:absolute; top:11px; right:10px;}
	#header .m_top .m_top_btn_wrap a {position:relative; font-size:20px; margin-right:12px; color:#fff;}
	#header .m_top a.alarm_btn i em {positioN: absolute; top:0px; right:-10px; background: #ed1c24; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 11px; font-family:dotum; margin: -3px 0 0 2px; border-radius: 50%; color: #fff; text-indent:-2px}
	
	#header .m_top .user_email {margin-top:20px 0 0 0;}
	#header .m_top .user_phone, 
	#header .m_top .user_email {color:#fff; font-size:12px; margin:0; displaY:inline-block; width:100%; letter-spacing:0px; vertical-align:top; float:left; line-height:1.25em}

	#header .gnb {display:none}

	#header .menu_wrap { visibility: hidden;    overflow-x: hidden;    overflow-y: auto;    position: fixed;    top: 0px;    left: auto;    right:-100%;    z-index: 120;    width:100%;    height: 100%;    background-color:rgba(0,0,0,0.75);    transition-property: visibility, right; transition: all 0.25s ease;}


	.lnb_active #header .lnb_close {display:block; z-index: 130;}
	.lnb_active #header .lnb_close .line {position:absolute; top:10px; left:0px;}
	.lnb_active #header .lnb_close .line:nth-child(1) {  transform: rotate(45deg);}
	.lnb_active #header .lnb_close .line:nth-child(2) {  transform: rotate(135deg);}

	.responsive_table_2 table colgroup {display:none}
	.responsive_table_2 table.table {border-top:none; border-bottom:none; background:none}
	.responsive_table_2 thead {display:none}
	.responsive_table_2 tbody tr {border: 1px solid #ccc;  width: 100%; display: block; text-align:left; position: relative;  margin-bottom: 5px;  padding: 15px;  border-radius: 10px;  background-color: white;}
	.responsive_table_2 tbody tr.depth_1_tr {background:#f5f6fa; padding:10px}
	.responsive_table_2 tbody tr.depth_1_tr th {padding:5px 10px !important; margin:0px; background:none; font-size:16px }
	.responsive_table_2 tbody tr.depth_1_tr th:before, 
	.responsive_table_2 tbody tr.depth_1_tr td:before {display:none}


	
	.responsive_table_2 tbody tr th,
	.responsive_table_2 tbody tr td {position:relative; display: inline-block; min-width: calc(50% - 10px); box-sizing: border-box;  font-size: 14px;  text-align: left;  border: 0; padding:4px 5px 4px 95px; min-height:34px; margin:0; vertical-align:top;}
	.responsive_table_2 tbody tr td {word-break:keep-all; }
	.responsive_table_2 tbody tr th::before, 
	.responsive_table_2 tbody tr td::before{position:absolute; top:4px; left:0px; display: inline-block; content: attr(data-label);  font-size: 14px; color: #0c4ca3; background-color: #eef4fb; border: 1px solid #7e9fcc; border-radius: 4px;    line-height:32px; margin-right: 5px; letter-spacing: -1.5px; width: 85px; text-align: center; font-weight: normal;}

	.responsive_table_2 table.table tbody td {line-height:34px;}

	.responsive_table_2 tbody tr td.report_title_td {font-size:16px; font-weight:bold; color:#333; text-align:center; line-height: 1.35em;  padding: 10px 0; width:100%;}
	.responsive_table_2 tbody tr td.report_title_td:before {display:none}
	.responsive_table_2 tbody tr td.cate_title_td {width:100%; padding:0px; font-size: 14px; color: #0c4ca3; background-color: #eef4fb; border: 1px solid #7e9fcc; border-radius: 4px;    line-height:34px; letter-spacing: -1.5px;  text-align: center; font-weight: normal;}
	.responsive_table_2 tbody tr td.cate_title_td:before {display:none;}
	.responsive_table_2 tbody tr td.long_label {width:100%; padding-left:140px !important}
	.responsive_table_2 tbody tr td.long_label::before {width:130px}	
	.responsive_table_2 tbody tr td.m_none {display:none;}
	.responsive_table_2 tbody tr th.subject, .responsive_table_2 tbody tr td.subject {width:100%; padding:0 0 !important; font-weight:bold; word-break:break-all; font-size:16px; line-height:1.35em;  min-height:auto}
	.responsive_table_2 tbody tr th.file_down_td, .responsive_table_2 tbody tr td.file_down_td, 
	.responsive_table_2 tbody tr th.btn_td, .responsive_table_2 tbody tr td.btn_td {padding:15px 0 2px !important;  display:flex; width:calc(100% + 6px); margin:0 0 0 -3px}
	.responsive_table_2 tbody tr th.btn_td .btn, .responsive_table_2 tbody tr td.btn_td .btn {width:100%; margin:0 3px}
	.responsive_table_2 tbody tr th.btn_td::before, .responsive_table_2 tbody tr td.btn_td::before {display:none}
	.responsive_table_2 tbody tr th.subject::before, .responsive_table_2 tbody tr td.subject::before {display:none}
	.responsive_table_2 tbody tr th.file_down_td::before, .responsive_table_2 tbody tr td.file_down_td::before {display:none}
	.responsive_table_2 tbody tr td.w_100 {width:100% !important}
	.responsive_table_2 tbody tr td.w_100.w_100_title {padding:50px 0 4px 0;}
	.responsive_table_2 tbody tr td.w_100.w_100_title:before {width:100%;}
	.responsive_table_2 tbody tr td.w_100.no_pd {padding:8px 0px 4px 0px;}
	.responsive_table_2 table.table tbody td.nobefore {line-height:1.25;}
	.responsive_table_2 tbody tr th.file_down_td a, .responsive_table_2 tbody tr td.file_down_td a {border:1px solid #ccc; text-align:center; width: 100%;     line-height: 1.35em;    border-radius: 8px;    padding: 8px 15px;    font-size: 14px; background:#fff;}

	.responsive_table_2 tbody tr th.file_down_td a .text, .responsive_table_2 tbody tr td.file_down_td a .text { color:#333; display:inline-block;}
	
	.responsive_table_2 .board-list tbody tr td {padding:4px 15px 4px 0px; margin-right:15px; min-width:auto; }
	.responsive_table_2 .board-list tbody tr th::before, .responsive_table_2 .board-list tbody tr td::before {position:relative; left:auto; top:auto; color:#333; width:auto; border:none;background:none; line-height: 20px; margin-right:10px}
	
	.responsive_table_2 .board-list tbody tr td:nth-child(n+5)::after {width:1px; height:13px; background:#ccc; displaY:block; position:absolute; top:10px; left:-15px; content:"";}


	.responsive_table_1 table.table tbody tr:first-child th {padding:18px 15px 5px;}
	.responsive_table_1 .table tbody th,
	.responsive_table_1 .table tbody td {display:block; width:100%; text-align:left;}
	.responsive_table_1 .table tbody td #email3 {margin-top:5px;}
	.responsive_table_1 .table tbody th {background:none; font-size:14px; color:#595959; padding: 8px 15px 5px; font-weight:normal; border:0px; }
	.responsive_table_1 .table tbody td {padding:0 15px 10px;  border:0px;}
	.responsive_table_1 .table tbody td #counter {font-size:14px}
	.responsive_table { overflow: auto;}
	.responsive_table .table {width:800px}
	.responsive_table .table th,
	.responsive_table .table td {padding: 8px 10px 7px; font-size: 14px;}
	table.table tbody tr:hover {background: #fff;} 
	textarea.form-control,
	input.form-control {font-size:14px; padding: 0 10px;  line-height:32px;}

	select.form-select, .loginWrap select.form-select, .member_join_Wrap select.form-select  {font-size:14px; padding: 0 35px 0 10px; line-height:32px;}
	.loginWrap input.form-control, .member_join_Wrap input.form-control {font-size:14px; padding: 0 10px; line-height:32px;}
	h3.h3 {margin:25px 0 10px; font-size:18px}
	h4.h4 {font-size:16px;}
	.input-group .btn {height:38px;}
	.btn {padding:8px 15px; font-size:15px}
	.btn.btn_excel {padding: 8px 15px 8px 40px;}
	.btn.btn_excel:before {top:5px; left:8px;  background-image: url(../img/common/excel_icon.png);}
	.m_none {display:none !important}
	.pc_none {display:inline-block}

	
	
	.btn_title h3 + .btn {top:25px}


	#main_content {padding:75px 0 40px 0; min-height:auto;}
	.sub_title {width:calc(100% + 30px); margin:0 0 20px -15px; padding:20px 15px; background:url('/lib/img/sub_visual_bg.jpg') no-repeat center center;; }
	.sub_title h2 {font-size:20px; padding:0px;}
	.sub_title h2:before {display:none}
	.sub_title .path li:not(:first-child):before {top:5px}
	.sub_title .path {position:relative; top:auto; right:auto; font-size:12px}
	.sub_title .path li:first-child {width:12px; height:12px; background-size:12px; }


	.p-search {}
	.table_top .left_box {font-size:14px;}
	.card {border-radius:8px; margin-bottom: 18px;}
	.card-header {padding:10px 15px}
	.card-body {padding:15px}
	.card-header .card-title {font-size:16px}
	.card-header.btn_title .btn {position: absolute;  top: 5px; right: 5px;}
	
	.btn-box {margin:20px 0}
	.report_view_btn {position:fixed; bottom:0px; left:0px; z-index:5; width:100%; background:#fff; border-top:1px solid #ececec; padding:10px 0; text-align:center;}
	.report_view_btn .btn_1 {width:auto; }
	.report_view_btn .btn_2 {width:auto; display:inline-block}
	.report_view_btn .btn_0 {width:auto; display:inline-block}
	.m_text_left {text-align:left !important}
	.m_w_100 {width:100%}
	.user_tab_box li a {height:40px; line-height:40px; font-size: 14px;}

	
.m_top_btn {bottom:10px; right:10px; width:45px; height:45px; bottom:10px; right:10px; }
.m_top_btn a {color:#fff; line-height:45px; font-size:14px }
}


@media screen and (max-width:480px) {
.responsive_table_2 tbody tr td.file_write_td {padding:38px 0px 4px 0px !important;}
	.responsive_table .table {width:640px}

}







.pop {display:none;position:fixed;z-index:99999;top: 0;left: 0;height: 100%;width: 100%;text-align: center;}
.pop.active {display:block;}
.pop:before {display:inline-block;width:0;height:100%;vertical-align:middle;}
.pop .close {display:block;position:absolute;width:100%;height:100%;left:0;top:0;background-color: rgba(0,0,0,0.5);}
.pop .pop_inner {display:inline-block;padding:0;vertical-align:middle;width:900px;z-index: 10;position: relative; top:50%;  transform: translate(0px, -50%); max-height:calc(100vh - 250px); background-color: #fff;text-align: left;border-radius:10px; overflow:hidden}

.pop h2 {font-size:20px; text-align:left; color:#fff;}

.pop .pop_con {position: relative;}


.pop .pop_header {background:#005b9e; width:100%; padding:20px 20px;}
.pop .inner_close {display:block;position:absolute;top:0px; right:0px; padding:20px; color:#fff;}
.pop .inner_close i {position:relative; font-size:24px;}
.pop .pop_scroll {width:100%;  max-height: calc(100vh - 310px); overflow-y:auto; padding:20px}
.pop .pop_scroll .info_box {width:100%; display:inline-block; vertical-align:top; }
.pop .pop_scroll .info_box .info_text_1 {width:100%; display:inline-block; font-size:16px}
.pop .pop_scroll .info_box .tool_img_box_wrap {width:100%; display:inline-block;  vertical-align: top; font-size:0px;}
.pop .pop_scroll .info_box .tool_img_box_wrap .tool_img_box {width:50%; display:inline-block; font-size:16px; box-sizing:border-box; vertical-align:top;}
.pop .pop_scroll .info_box .tool_img_box_wrap .tool_img_box .text_box {border:1px solid #ececec; padding:15px; border-top:0px; width:100%;}
.pop .pop_scroll .info_box .tool_img_box_wrap .tool_img_box:nth-child(1) {padding-right:10px;}
.pop .pop_scroll .info_box .tool_img_box_wrap .tool_img_box:nth-child(2) {padding-left:10px;}


.pop .pop_scroll .info_box {margin:20px 0 0 0}

.pop .pop_scroll .info_box:first-child  {margin-top:0px}
.pop .pop_scroll .info_box.type_1 .tool_img_box_wrap  {margin-top:20px}
.pop .pop_scroll .info_box.type_2 .tool_img_box_wrap  {margin-bottom:20px}
.pop .pop_scroll .info_box.type_3 .img_box {width:100%; text-align:center; margin-bottom:20px}

@media all and (max-width:1000px){ 

	.pop {padding:0 20px}
	.pop .pop_inner {width:100%;}
}
@media all and (max-width:640px){ 
	.pop .pop_header {padding:15px 20px}
	.pop h2 {font-size:18px}
	.pop .pop_scroll {max-height: calc(100vh - 300px);}
	.pop .inner_close {padding:12px;}
	.pop .pop_scroll .info_box .tool_img_box_wrap .tool_img_box:nth-child(1) {padding-right:5px;}
	.pop .pop_scroll .info_box .tool_img_box_wrap .tool_img_box:nth-child(2) {padding-left:5px;}
	.pop .pop_scroll .info_box .tool_img_box_wrap .tool_img_box, 
	.pop .pop_scroll .info_box .info_text_1 {font-size:15px; }
	.pop .pop_scroll .info_box.type_1 .tool_img_box_wrap {margin-top:10px}
	.pop .pop_scroll .info_box.type_2 .tool_img_box_wrap {margin-bottom:10px}
	.pop .pop_scroll .info_box .tool_img_box_wrap .tool_img_box .text_box {padding:15px 10px;}

}
@media all and (max-width:480px){ 
	.pop .pop_scroll .info_box .tool_img_box_wrap .tool_img_box {width:100%; margin-bottom:15px}
	.pop .pop_scroll .info_box .tool_img_box_wrap .tool_img_box:nth-child(1), 
	.pop .pop_scroll .info_box .tool_img_box_wrap .tool_img_box:nth-child(2) {padding:0px;}
}