@charset "utf-8";
/* 폰트적용 */
@import "fonts.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800); /* Open Sans*/

/**
* OLYM Cascading Style Sheets
* File Name : default.css
* Description : 기본 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : desingtj@olym.co.kr
* Date : 2017.02.07
* Update : 2018.10.24
* Copyright(c) 2018 OLYM Communications. All Rights Reserved.
*/

/* 기본설정 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td { padding:0; margin:0; line-height:1.4em; font-family:'Noto Sans KR', 'sans-serif' ,'Malgun Gothic', 'Open Sans', '나눔 고딕', 'Nanum Gothic', '돋움', 'dotum'; word-wrap:break-word; -webkit-text-size-adjust:none;}
ol, ul, li { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
form, fieldset { border:0; }
address, caption, em { font-weight:normal; font-style:normal; }
img { border:0; margin:0; padding:0; width:100%;}
a { text-decoration:none; font-size:13px; color:#000}
a:link, a:visited, a:hover, a:active { text-decoration:none !important; }
a.nolink{pointer-events: none;}
.fx{display:flex; -ms-display:flex; -webkit-display:flex;}.page1 .content_2 .button:last-child
body{background:#f2f2f2; min-width:425px; position: relative;}
input, select {-webkit-border-radius:0; -webkit-appearance:auto;} /* 아이폰 입력폼 초기화 */

.mgT10{margin-top:10px;}
.mgT20{margin-top:20px;}
.mgT30{margin-top:30px;}
.mgT40{margin-top:40px;}
.mgT50{margin-top:50px;}
.mgT60{margin-top:60px;}
.mgT70{margin-top:70px;}
.mgT80{margin-top:80px;}
.mgT90{margin-top:90px;}
.mgT100{margin-top:100px;}
.mgR10{margin-right:10px;}
.mgR20{margin-right:20px;}
.mgR30{margin-right:30px;}
.mgR40{margin-right:40px;}
.mgR50{margin-right:50px;}
.mgR60{margin-right:60px;}
.mgR70{margin-right:70px;}
.mgR80{margin-right:80px;}
.mgR90{margin-right:90px;}
.mgR100{margin-right:100px;}
.mgL10{margin-left:10px;}
.mgL20{margin-left:20px;}
.mgL30{margin-left:30px;}
.mgL40{margin-left:40px;}
.mgL50{margin-left:50px;}
.mgL60{margin-left:60px;}
.mgL70{margin-left:70px;}
.mgL80{margin-left:80px;}
.mgL90{margin-left:90px;}
.mgL100{margin-left:100px;}

.invisible {
width:0px;
height:0px;
visibility: hidden;
}

.main .lnb .menu > li .list_title i{width:20px; height:20px;}
.top_box .search i{width:20px; height:20px;}
.next_button i{width:20px; height:20px;}
.xi-folder-add{width:30px; height:30px; }
.xi-folder-remove-o{ width:30px; height:30px; }
.xi-time-o{  width:20px; height:20px; }

.main .main_container .page_h{margin:10px; padding-left:15px; box-sizing: border-box; justify-content: space-between;}
.main .main_container .page_h h2{font-size:15px; font-weight: 500;}
.main .main_container .page_h img{width:20px; height:20px;}
.main .main_container .page_h ul li, .main .main_container .page_h ul li a{display:flex; -ms-display:flex; -webkit-display:flex; align-items: center; font-size:13px; color:#000;}
.main .main_container .page_h ul li {margin-right:25px; position: relative;}
.main .main_container .page_h ul li:last-child{margin:0;}
.main .main_container .page_h ul li::after {position: absolute; right:-17px; top:2px; content:'＞'; font-size:10px;}
.main .main_container .page_h ul li:last-child::after{display: none;}

.addi{overflow: visible !important;}
.addi table{width:100% !important;}
.addi table .title th.grup ul{z-index: 1;}

.login{width:100%; height:100vh; justify-content: center; align-items: center;}
.login .content{width:60%;}
.login .login_box{background:#fff; padding:60px 80px; box-sizing: border-box; width:40%;}
.login .login_box h1{width:70%; margin:0 auto 20px;}
.login .login_box > ul{width:100%; margin-bottom:20px;}
.login .login_box > ul > li > h2{font-size:15px; color:#626262; margin-bottom:10px; font-weight: 500;}
.login .login_box > ul > li .list_box{width:100%; padding: 10px 15px; background:#f0f1f3; position: relative; box-sizing: border-box; border:1px solid #e0e1e4; border-radius: 5px;}
.login .login_box > ul > li .list_box > h2{font-size:15px; width:100%; justify-content: space-between;}
.login .login_box > ul > li .list_box > h2 i{width:20px; height:20px; background:url(../img/arrow1.png)no-repeat center / 100%;}
.login .login_box > ul > li .list_box ul{position: absolute; top:39px; left:-1px; width:100%; background:#f0f1f3; padding:5px 0; border-radius: 0 0 5px 5px; border:1px solid #e0e1e4; border-top:0; z-index: 1; display: none; cursor: pointer;}
.login .login_box > ul > li .list_box ul > li{padding:7px 15px; font-size:15px; transition: all .3s ease;} 
.login .login_box > ul > li .list_box ul > li:hover{background:#fff;}
.login .login_box > ul > li input{width:100%; padding: 10px 15px; background:#f0f1f3; position: relative; box-sizing: border-box; border:1px solid #e0e1e4; border-radius: 5px;}
.login .login_box > ul > li a.link{width:100%; padding: 10px 15px; background:#1d458f; position: relative; box-sizing: border-box; border-radius: 5px; color:#fff; display: block; text-align: center;}


.login .login_box .bottom_box{justify-content: space-between;}
.login .img_box{width:60%; padding-bottom:50%; background:url(../img/login_bg2.jpg )no-repeat left / cover; position: relative;}
.login .img_box span{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); background:#000; padding:10px; display: none;}


header{position: fixed; top:0; left:0; width:100%;  box-shadow: 0px 15px 25px rgba(0,0,0,0.1); z-index: 9000; transition: all .5s ease;}
header .header_box{width:100%; height:80px; margin:0 40px 0 0 ; background:#fff; align-items: center; position: relative;}
header .header_box span.on{position: absolute; right:0; bottom:-25px; background:#fff; padding: 5px 10px; cursor: pointer; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);font-size: 15px; border-radius: 0 0 10px 10px;  text-align: center;}
header .header_box span.off{position: absolute;right:0;  bottom:-25px; background:#fff; padding:5px 10px; cursor: pointer; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.1);font-size: 15px; border-radius: 0 0 10px 10px; display: none; text-align: center;}
header .header_box .logo{width:14%; margin-right:40px; box-sizing:border-box; justify-content: flex-start; align-items: center; margin-left:30px;}
header .header_box .logo a{display: block;}
header .header_box .h_title{width:86%; height:100%; margin:0 40px 0 0; justify-content: space-between; align-items: center; word-break: keep-all}
header .header_box .h_title h1{font-size:17px; font-weight: bold;}
header .header_box .h_title .member .name{align-items: center; font-size:14px; font-weight: bold; margin-right:25px; position: relative;}
header .header_box .h_title .member .name::after{position: absolute; top:50%; right:-16px; transform: translate(0, -50%); content:'';width:1px; height:13px; background:#000;}
header .header_box .h_title .member .name .clock{font-weight: 500; color:#626262; margin-left:10px;}
header .header_box .h_title .member .name i{font-size:30px; margin: 0 10px 0 0; color:#9d9d9d; width:25px; height:25px;}
header .header_box .h_title .member ul{display:flex; -ms-display:flex; -webkit-display:flex;}
header .header_box .h_title .member ul li { font-size:13px; display:flex; -ms-display:flex; -webkit-display:flex; align-items: center; margin-right:5px;}
header .header_box .h_title .member ul li a{display:flex; -ms-display:flex; -webkit-display:flex; align-items: center; margin-left:5px;}
header .header_box .h_title .member ul li img{width:20px; height:20px;}




.main{width:100%; height:100%; padding:80px 0 0; box-sizing: border-box; position: relative; transition: all .5s ease;}
.main .lnb{width:14%; height:100%; margin-right:40px; background:#184180;position: fixed; left:0; top:80px; transition: all .5s ease; z-index: 100;}
.main .lnb.on{left:-14%; transition: all .5s ease;}
.main .lnb_button{position: absolute; top:0; right:-40px; width:40px; height:40px; cursor: pointer; justify-content: center; align-items: center; background:#184180; border-radius: 0 5px 5px 0;}
.main .lnb_button i{color:#fff; width:22px; height:22px; font-size:21px;}
.main .lnb .menu{margin:40px 20px;}
.main .lnb .menu > li .list_title{padding:14px 20px;   cursor: pointer; align-items: center; font-size:13px; color:#fff; font-weight: 500; border-radius: 5px 0 0 0; position: relative; z-index: 10; overflow: hidden;}
.main .lnb .menu > li .list_title.on{background: linear-gradient(to right,#1fa7f1,#184180);}
.main .lnb .menu > li .list_title i{font-size:20px; margin:0 20px 0 0; z-index: 11; opacity: 0.8;}
.main .lnb .menu > li .list_title img{width:20px; height:20px; margin:0 20px 0 0; z-index: 11;}
.main .lnb .menu > li .list_title span{z-index: 11; word-break: keep-all;}
.main .lnb .menu > li .list_title::after{position: absolute; content:''; width:100%; height:100%; left: -100%; top:0; background: linear-gradient(to right,#1fa7f1,#184180); transform: translate(0,0); z-index: 9; transition: all .5s ease; opacity: 0;}
.main .lnb .menu > li:hover .list_title::after{left:0; opacity: 1;}
.main .lnb .menu > li .list_title.on::after{display: none;}
.main .lnb .menu > li > ul{display: none; background:#12376e; border-radius: 0 0 5px 5px; overflow: hidden;}
.main .lnb .menu > li > ul > li{width: 100%; }
.main .lnb .menu > li > ul > li a{transition: all .3s ease; font-size:13px; word-break: keep-all;}
.main .lnb .menu > li > ul > li a:hover{background:#0d2c5c;}
.main .lnb .menu > li > ul > li a.on{background:#0d2c5c;; color:#fff;}
.main .lnb .menu > li > ul > li a{display: block; color:#bac0cd; padding:15px 20px 15px 60px; line-height: 1;}
.main .main_container{width:86%; height:100%; padding:10px 40px 0 40px; margin:0 0 0 14%; box-sizing:border-box; transition: all .5s;}
.main .main_container.on{width:100%; transition: all .5s ease; margin:0 40px 0 40px;}

h2{font-size:17px}


/* table_type1 */
.table_type1{width:100%;}
.table_type1 table{width:100%; border-collapse:separate; border-spacing: 0 7px;}
.table_type1 table tr{height:35px; text-align: center; font-size:13px;}
.table_type1 table th{height:35px; text-align: center; font-size:13px;}
.table_type1 table td{height:35px; text-align: center; font-size:13px;}
.table_type1 table .title{background:#1fa7f1;  box-shadow: 0px 15px 15px rgba(0,0,0,0.1);}
.table_type1 table .title th{font-size:13px; font-weight: 500; color:#fff;}
.table_type1 table .title th:first-child{border-radius: 5px 0 0 5px;}
.table_type1 table .title th:last-child{border-radius: 0 5px 5px 0;}

.table_type1 table .title2 {background:#1fa7f1;}
.table_type1 table .title2 th{font-size:13px; font-weight: 500; color:#fff;}
.table_type1 table .title2 th:first-child{border-radius: 5px 0 0 5px;}
.table_type1 table .title2 th:last-child{border-radius: 0 5px 5px 0;}

.table_type1 table .title3 {background:#1fa7f1;  box-shadow: 0px 15px 15px rgba(0,0,0,0.1);}
.table_type1 table .title3 th{font-size:13px; font-weight: 500; color:#fff;}
.table_type1 table .title3 th:last-child{border-radius: 0 5px 5px 0;}

.table_type1 table tbody tr{background:#fff; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); transition: all .3s ease;}
.table_type1 table tbody td:first-child{border-radius: 5px 0 0 5px;}
.table_type1 table tbody td:last-child{border-radius: 0 5px 5px 0;}
.table_type1 table tbody tr:hover{background:#f2f2f2;}
.table_type1 table tbody tr:hover select{background:#f2f2f2;}

/* table_type2 */
.table_type2{width:100%;}
.table_type2 table{width:100%; border-collapse:separate; border-spacing: 0 7px;}
.table_type2 table tr{height:35px; text-align: center; font-size:13px;}
.table_type2 table th{height:35px; text-align: center; font-size:13px;}
.table_type2 table td{height:35px; text-align: center; font-size:13px;}
.table_type2 table .title{background:#1fa7f1;  box-shadow: 0px 15px 15px rgba(0,0,0,0.1);}
.table_type2 table .title th{font-size:13px; font-weight: 500; color:#fff;}
.table_type2 table .title th:first-child{border-radius: 5px 0 0 5px;}
.table_type2 table .title th:last-child{border-radius: 0 5px 5px 0;}
.table_type2 table tbody tr{background:#fff; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); transition: all .3s ease;}
.table_type2 table tbody td:first-child{border-radius: 5px 0 0 5px;}
.table_type2 table tbody td:last-child{border-radius: 0 5px 5px 0;}
.table_type2 table tbody tr:hover{background:#f2f2f2;}
.table_type2 table tbody tr:hover select{background:#f2f2f2;}

.top_box{justify-content: space-between;}
.top_box .item_box ul.type1{ margin-right:10px;}
.top_box .item_box ul.type1:last-child{margin:0;}
.top_box .item_box ul.type1 > li {position: relative; cursor: pointer; box-shadow: 0px 15px 15px rgba(0,0,0,0.1);  background:#fff;  border-radius: 5px;}
.top_box .item_box ul.type1 > li > span{display: block; padding:10px 50px 10px 15px; font-size:13px; font-weight: 500; box-sizing: border-box; }
.top_box .item_box ul.type1 > li > i{position: absolute; right:10px; top:10px;  width:20px; height:20px; }
.top_box .item_box ul.type1 > li > ul{display: none; position: absolute; width:100%; background:#fff; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); top:40px; border-radius: 0 0 5px 5px; z-index: 1;}
.top_box .item_box ul.type1 > li > ul.on{display: block;}
.top_box .item_box ul.type1 > li > ul > li{padding:0 15px 15px; font-size:13px;}
.top_box .item_box ul.type_day{margin-right:10px; background:#fff; display:flex; -ms-display:flex; -webkit-display:flex; align-items: center; font-size:13px; padding:0 15px;  box-shadow: 0px 15px 15px rgba(0,0,0,0.1); border-radius: 5px;}
.top_box input{border:0; border-radius: 5px 0 0 5px; box-shadow: 0px 15px 15px rgba(0,0,0,0.05); padding:0px 4px; box-sizing: border-box; height:42px; width:100%;}
.top_box select{border:0; border-radius: 5px; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); padding:0 15px; box-sizing: border-box; height:42px; width: 100%;}
.top_box .search{width: 42px; height:42px; background:#9d9d9d; align-items: center; justify-content: center; font-size:20px; border-radius: 0 5px 5px 0; color:#fff; transition: all .3s ease;  box-shadow: 0px 15px 15px rgba(0,0,0,0.1); }
.top_box .search:hover{background: #000; }
.button{ border-radius: 5px; justify-content: center; align-items: center; box-shadow: 0px 15px 15px rgba(0,0,0,0.1);  transition: all .3s ease;}
.button.button2{background:#fff; color:#000; font-size:13px; width:70px; height:42px;}
.button:hover{background:#000; color:#fff;}
.top_box .item_box2{justify-content: flex-end;}
.top_box .item_box2 .search{border-radius: 5px; margin-right:10px;}

.next_box{justify-content: center; height:42px; margin-top:10px;}
.next_button{width:42px; border-radius: 5px; border:1px solid #9d9d9d; justify-content: center; align-items: center;  color:#000; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); margin-right:10px; align-items: center; justify-content: center; transition: all .3s ease;}
.next_button:nth-child(){margin:0;}
.next_button i{font-size:20px;}
.next_button span{font-size:13px;}
.next_button.on{background:#1fa7f1; color:#fff; border:1px solid #1fa7f1;}
.next_button:hover{background:#1fa7f1; color:#fff; border:1px solid #1fa7f1;}


.main_container{position: relative;}



.tab_type1 .content .contbox .row .box1 .table_type1::-webkit-scrollbar{width:7px;}
.tab_type1 .content .contbox .row .box1 .table_type1::-webkit-scrollbar-track{background:#f2f2f2; border-radius: 15px;}
.tab_type1 .content .contbox .row .box1 .table_type1::-webkit-scrollbar-thumb{background:#1fa7f1; border-radius: 15px;}
.tab_type1 .content .contbox .row .box2 {position: relative;}
.tab_type1 .content .contbox .row .box2 i{position: absolute; left:20px; top:15px; width:35px; height:35px; background-color:#888888; border-radius: 5px; background-size:25px;}
.tab_type1 .content .contbox .row .box2 ul{width:100%; padding:8% 20px 20px; box-sizing: border-box;}
.tab_type1 .content .contbox .row .box2 ul li{width:100%; align-items: center; margin-bottom:10px;}
.tab_type1 .content .contbox .row .box2 ul li span{font-size:13px; color:#1fa7f1; text-align: right; width:20%; margin-right:20px;}
.tab_type1 .content .contbox .row .box2 ul li input{width:80%; height:35px;background:#f2f2f2; border-radius: 5px; padding:0 15px; box-sizing: border-box; border:1px solid #adadad;}
.tab_type1 .content .contbox .row .box3{padding:20px; box-sizing: border-box; }
.tab_type1 .content .contbox .row .box3 .sampleimg{width:100%; height:100%; background:url(../img/page6_img1.png)no-repeat center / 100%;}


.modal{width:100%; height:100%; background:rgba(0, 0, 0, 0.6); position: fixed; z-index: 9999; top:0; left:0; backdrop-filter: blur(5px); display: none;}
.modal .container{ background:#f2f2f2; width:70%; border-radius: 5px; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
.modal .container .top{background:#1fa7f1; color:#fff; width:100%; justify-content: space-between; align-items: center; border-radius: 5px 5px 0 0;;}
.modal .container .top h5{font-size:15px; padding:10px 15px;}
.modal .container .top i{width:20px; cursor: pointer; padding:10px 15px;}
.modal .container .top i img{width:100%;}
.modal1 .container .content{padding:40px;}
.modal1 .container .content > div{width:50%; margin-right:20px;}
.modal1 .container .content > div:last-child{margin:0;}
.modal1 .container .content .left_box{background:#fff;  box-shadow: 0px 15px 25px rgba(0,0,0,0.1); border-radius: 5px;}
.modal1 .container .content .left_box ul{width:100%; padding:20px; box-sizing: border-box;}
.modal1 .container .content .left_box ul li{width:100%; align-items: center; margin-bottom:10px;}
.modal1 .container .content .left_box ul li:last-of-type{margin:0;}
.modal1 .container .content .left_box ul li span{font-size:13px; color:#1fa7f1; text-align: right; width:30%; margin-right:20px;}
.modal1 .container .content .left_box ul li input{width:70%; height:40px; background:#f2f2f2; border-radius: 5px;  border:1px solid #adadad; padding:0 15px; box-sizing: border-box;} 
.modal1 .container .content .right_box{ box-shadow: 0px 15px 25px rgba(0,0,0,0.1); background:#fff; background:url(../img/page3_map.png)no-repeat center / 100%; border-radius: 5px;}



.tab_type1{width:100%; padding:10px 0px 40px; box-sizing: border-box; position: relative;}
.tab_type1 > ul{width:100%; border-bottom:1px solid #dbdbdb;}
.tab_type1 > ul li{background:#fff; color:#000; margin-right:10px; width:100px; text-align: center; padding:8px 12px; box-sizing: border-box; border-radius: 5px 5px 0 0; font-size:13px; cursor: pointer;}
.tab_type1 > ul li.on{background:#184180 !important; color:#fff !important; box-shadow: 0px 10px 15px rgba(0,0,0,0.1);}
.tab_type1 .content{position: relative;}
.tab_type1 .content .contbox{position: absolute; top:20px; left:50%;  transform: translate(-50%, -0%); width:100%; height:100%; box-sizing:border-box; flex-wrap: wrap;}
.tab_type1 .content .contbox .row{width:100%; height:calc(50% - 20px); margin-bottom:20px;}
.tab_type1 .content .contbox .row > div{flex-grow: 1; background:#fff; margin-right:20px; border-radius: 5px; box-shadow: 0px 10px 15px rgba(0,0,0,0.1);}
.tab_type1 .content .contbox .row > div:last-child{margin:0;}
.tab_type1 .content .contbox .row .box1{padding:10px 20px 20px; box-sizing: border-box; }


.page1 {padding:50px 40px 25px !important; flex-wrap: wrap;}
.page1 .content{box-sizing:border-box; height:50%;}
.page1 .content_0{width:100%; padding:0 10px 0 0; margin-bottom:10px;}
.page1 .content_1{width:30%; padding:0 10px 0 0; margin-bottom:10px;}
.page1 .content_2{width:40%; padding:0 0 0 10px; margin-bottom:10px;}
.page1 .content_2 .button{margin-right:10px;}
.page1 .content_2 .button:last-child{margin:0;}
.page1 .content_3{width:30%; padding:0 0 0 10px; margin-bottom:10px;}
.page1 .content_4{width:100%;}
.page1 .content .top_box{margin:0; padding:0; justify-content: space-between; align-items: center;}
.page1 .content .top_box h3{padding:5px 0; font-weight: bold;}
.page1 .content .top_box .button2{width:75px; background:#888; color:#fff; transition: all .3s ease;}
.page1 .content .top_box .button2:hover{background:#000;}
.page1 .content .chart_box{padding:20px; box-sizing: border-box;  background:#fff; border-radius: 5px; width:100%; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); }
.page1 .content_3 .chart_box{margin-top:10px;}
.page1 .content .chart_box .chart{width:100%; border:2px solid #1fa7f1; border-radius: 5px; box-sizing: border-box; padding: 15px; }
.page1 .content .chart_box .map{width:100%; border-radius: 5px; padding-bottom:245px; box-sizing: border-box; background: url(../img/page1_2.png)no-repeat center /100%;}
.page1 .content .chart_box .graph{width:100%; border-radius: 5px; box-sizing: border-box;}
.page1 .table_type1 table .title th.grup{align-items: center; justify-content: space-between; padding:0 15px; box-sizing: border-box; position: relative; border-radius: 5px 0 0 5px;}
.page1 .table_type1 table .title th.grup ul{position: absolute; top:35px; left:0; box-sizing:border-box; width:100%; background:#1fa7f1; border-radius: 0 0 5px 5px; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); display: none; z-index:1;}
.page1 .table_type1 table .title th.grup ul li{padding:10px 15px 10px; text-align: left; cursor: pointer; transition: all .3s ease;}
.page1 .table_type1 table .title th.grup ul li:hover{background:#fff; color:#000;}
.page1 .table_type1 table .title th.grup ul li:last-child{border:0 0 5px 5px;}
.page1 .table_type1 table th.search{position: relative;}
.page1 .table_type1 table th.search input{width:calc(100% - 40px); background:none; border:0; border-bottom:1px solid rgba(255,255,255,0.6); color:#fff;margin-right:40px;padding:0 5px;box-sizing:border-box;}
.page1 .table_type1 table th.search i{position: absolute; right:15px; color:rgba(255,255,255,0.6); font-size:17px;}
.page2 .top_box{margin:0 0 10px;}
.page2 .top_box .item_box1{width:80%;}
.page2 .top_box .item_box2{width:20%;}
.page2 .top_box .item_box ul.type2 li{display: flex; -webkit-display: flex; -ms-display: flex;}
.page2 .top_box .item_box ul.type2 li input{width:calc(100% - 42px);}
.top_box .item_box ul.type2{position: relative; z-index: 0;}
.page12{width:100%; position: relative;}
.page12 .tab_type1{padding:0; z-index: 2;}
.page12 .tab_type1 > ul li{width:auto;background:#f2f2f2;}
.page12 #con1 .button.button2{background:#9d9d9d; color:#fff;}
.page12 #con1 .button.button2:hover{background:#000;}
.page12 #con1 .top_box .search{border-radius: 5px;}
.page12 #con1 .top_box .item_box ul.type1{width:140px;}
.page12 #con1 .box{background:#fff; width:100%; padding:20px;  margin-top:20px; box-shadow: 0px 15px 25px rgba(0,0,0,0.1); box-sizing: border-box;}
.page12 #con1 .box .samplebox{background:url(../img/page12_img1.png)no-repeat center / 100%; padding-bottom:20%; box-sizing: border-box;}
.modal2 .tab_type1 .content .contbox .row .box1 .table_type1{overflow-y: scroll; height:100%; padding:0 10px 0 0; box-sizing: border-box;}


.modal3 .tab_type1 .content .contbox .row .box1 .table_type1{overflow-y: scroll; height:70%; padding:0 10px 0 0; box-sizing: border-box;}


.page16 #con1 .top_box .search{margin-right:0;}
.page16 .table_type1 table {border-spacing: 0;}
.page16 .table_type1 table .title th:first-child{border-radius:0;}
.page16 .table_type1 table .title{ box-shadow: 5px 5px 10px rgba(0,0,0,0.0);}
.page16 .table_type1 table .title th:last-child{border-radius: 0;}
.page16 .table_type1 table tbody tr{border-spacing: 0 7px;}
.page16 .table_type1 .t_head{ box-shadow: 5px 5px 10px rgba(0,0,0,0.2); border-spacing: 1px; background:#dadada; border-radius: 7px; overflow: hidden;}
.page16 .table_type1 .t_body{ border-spacing: 0 7px;}
.page16 .table_type1 .t_body tr{color:#888;}


.page19 .top_box .item_box ul.search_box{margin-right:0; width:200px;}
.page19 .top_box .item_box ul.search_box li:nth-of-type(1){width:158px;}
.page19 .top_box .item_box ul.type1 > li > i.xi-maker{ width:20px; height:20px; font-size:21px;}
.page19 .content{width:100%; margin-top:10px;}
.page19 .content > div{margin-right:20px;}
.page19 .content > div:last-child{margin:0;}
.page19 .content .list{width:24%;}
.page19 .content .map{width:76%; padding-top:7px;}
.page19 .content .map .map_box{width:100%; height:300px; border-radius: 5px; box-shadow: 0 15px 15px rgba(0,0,0,0.1); vertical-align:middle;}
.page19 .content .map ul{align-items: center; width:100%; margin:20px 0; height:35px;}
.page19 .content .map ul li{margin-right:10px; align-items: center;}
.page19 .content .map ul li:last-child{margin:0;}
.page19 .content .map ul li span{font-size:13px; margin-right:10px; font-weight: 500; width: 60px;}
.page19 .content .map ul li input{height: 35px;
    border: 0;
    background: #fff;
    box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
    border-radius: 5px;
    width: 120px;
    text-align: center;
    font-size: 8pt;}
.page19 .content .map .chart_box{padding:20px; box-sizing: border-box;  background:#fff; border-radius: 5px; width:100%; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); }
.page19 .content .map .chart_box .chart{width:100%; border:2px solid #1fa7f1; border-radius: 5px; box-sizing: border-box; }
.page19 .button.button2{background:#9d9d9d; color:#fff; font-weight: 500;}
.page19 .button.button2:hover{background:#000;}
.page19 .tab_type1{padding:0;}
.page19 .tab_type1 ul{margin-bottom:0}
.page19 .table_type2 .container{height: 250px; overflow: scroll;}

.page20{display: block;}
.page20 .tab_type1{padding:10px 0px 0px;}
.page20 .tab_type1 > ul li:last-child{width:100px;}
.page20 .tab_type1 .content .contbox{height:98%;}
.page20 .top_box{margin:0 0 10px;}
.page20 .top_box .item_box{flex-wrap: wrap;}
.page20 .top_box .item_box1{width:80%;}
.page20 .top_box .item_box2{width:20%;}
.page20 .tab_type1 > ul li{background:#f2f2f2;}
.page20 .top_box .item_box > ul{margin-bottom:10px;}
.page20 .top_box .item_box > ul:last-child{width:33.8%;}
.page20 .top_box .item_box1 ul.type1:last-child li::after{position: absolute; content:''; width:42px; height:42px; right:0; top:0; background:#9d9d9d; z-index: 0; border-radius: 0 5px 5px 0; transition: all .3s ease;}
.page20 .top_box .item_box1 ul.type1:last-child li:hover::after{background:#000;}
.page20 .top_box .item_box ul.type1 > li > i.xi-search{z-index: 1; font-size:21px; color:#fff;}
.page20 .top_box .item_box ul.type1 > li > span{padding:10px 0 10px 15px;}
.page20 .top_box .item_box ul.type1 > li > ul > li{padding: 7px 15px; transition: all .3s ease;}


.page20 .top_box .item_box2{align-items: flex-end; justify-content: flex-end;}
.page20 .top_box .item_box2 .search:last-child{margin-right:0;}
.page20 .table_type1 table td{align-items: center; justify-content: center;}
.page20 .table_type1 table td img{width:30px; height:30px; cursor: pointer;}


.page27{display: block;}
.page27 .container{width:40%;}
.page27 .container .content{width:100%; padding:20px; box-sizing: border-box; background:#fff; border-radius: 0 0 5px 5px;}
.page27 .container .content > ul{width:100%;}
.page27 .container .content > ul > li{margin-bottom:10px; font-size:13px; align-items: center; font-weight: 500; position: relative;}
.page27 .container .content > ul > li:last-child{margin:0;}
.page27 .container .content > ul > li span.desc1{width:30%;}
.page27 .container .content > ul > li span.desc2{width:70%; position: relative;}
.page27 .container .content > ul > li span.desc2 input{width:100%; padding:5px 15px; box-sizing: border-box; border-radius: 5px; border:1px solid #adadad; background:#f2f2f2; }
.page27 .container .content > ul > li span.i{position: relative;}
.page27 .container .content > ul > li span.i::after{content:'*'; position: absolute; right:-10px; top:0; color:#1fa7f1; font-size:15px;}
.page27 .container .content > ul > li span.desc2 > ul{width:calc(100% - 2px); position: absolute; right:0;  top:30px; background:#f2f2f2; border-radius: 0 0 5px 5px; border:1px solid #adadad; border-top:1px solid #f2f2f2; display: none; z-index: 1;}
.page27 .container .content > ul > li span.desc2 > ul > li{padding:10px 15px; box-sizing: border-box; transition: all .3s ease;}
.page27 .container .content > ul > li span.on input{border-bottom:1px solid #f2f2f2; border-radius: 5px 5px 0 0; box-sizing: border-box;}
.page27 .container .content > ul > li span.on select{border-bottom:1px solid #f2f2f2; border-radius: 5px 5px 0 0; box-sizing: border-box;}
.page27 .container .content > ul > li span.desc2 > ul > li:hover{background:#fff;}
.page27 .container .content > ul > li span.desc2 img{width:20px; height:20px; position: absolute; top:50%; right:10px; transform: translate(0, -50%);}

.page27 .container .content .button_box{width:100%; justify-content: center; margin-top:20px;}
.page27 .container .content .button_box a{padding:5px 25px; box-sizing: border-box; display: block; background:#f2f2f2; font-size:13px; border-radius: 5px; margin-right:10px; color:#000;  box-shadow: 0px 5px 15px rgba(0,0,0,0.2);}
.page27 .container .content .button_box a:last-child{margin:0;}
.page27 .container .content .button_box a:first-child{background:#1fa7f1; color:#fff; }

.content .top{background:#1fa7f1; color:#fff; width:100%; justify-content: space-between; align-items: center; border-radius: 5px 5px 0 0;;}
.content .top h5{font-size:15px; padding:10px 15px;}
.content .top i{width:20px; cursor: pointer; padding:10px 15px;}
.content .top i img{width:100%;}

.page31 .tab_type1{padding:10px 40px 0px;}
.page31 .tab_type1 > ul li:last-child{width:100px;}
.page31 .tab_type1 .content .contbox{height:98%;}
.page31 .top_box{margin:0}
.page31 .top_box .item_box{flex-wrap: wrap;}
.page31 .top_box .item_box1{width:50%;}
.page31 .top_box .item_box2{width:50%;}
.page31 .tab_type1 > ul li{background:#f2f2f2;}
.page31 .top_box .item_box > ul{margin-bottom:10px;}
.page31 .top_box .item_box > ul:last-child{width:33.8%;}
.page31 .top_box .item_box1 ul.type1:last-child li::after{position: absolute; content:''; width:42px; height:42px; right:0; top:0; background:#9d9d9d; z-index: 0; border-radius: 0 5px 5px 0; transition: all .3s ease;}
.page31 .top_box .item_box1 ul.type1:last-child li:hover::after{background:#000;}
.page31 .top_box .item_box ul.type1 > li > i.xi-search{  z-index: 1; font-size:21px; color:#fff;}
.page31 .top_box .item_box ul.type1 > li > span{padding:10px 0 10px 15px;}
.page31 .top_box .item_box ul.type1 > li > ul > li{padding: 7px 15px; transition: all .3s ease;}
.page31 .top_box .item_box2{align-items: flex-end; justify-content: flex-end;}
.page31 .top_box .item_box2 .search{margin-bottom:10px;}
.page31 .top_box .item_box2 .search:last-child{margin-right:0;}
.page31 .top_box .item_box2 a:last-child{background:#1fa7f1;}
.page31 .top_box .item_box2 a:last-child:hover{background:#000;}
.page31 .table_type1 table td{align-items: center; justify-content: center;}
.page31 .table_type1 table td img{width:30px; height:30px; cursor: pointer;}
.page31 .top_box .item_box2 a.text{font-size:13px; height:42px; padding: 0 15px; background:#9d9d9d; margin-bottom:10px; margin-right:10px; align-items: center; border-radius: 5px; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); color:#fff; transition: all .3s ease;}
.page31 .top_box .item_box2 a.text:hover{background:#000;}
.page31 .top_box .item_box2 a.text:last-child{margin-right:0;}

.page34{flex-direction: column}
.page34 > div{border:1px}
.page34 .sver{width:25%; margin-right:20px; background:#fff; border-radius: 5px;  box-shadow: 0px 10px 10px rgba(0,0,0,0.1); padding:20px; box-sizing: border-box;}
.page34 .sver > ul{width:100%; font-size:13px;}
.page34 .sver > ul > li{position: relative;}
.page34 .sver > ul > li div{width:100%; align-items: center;}
.page34 .sver > ul > li div i{margin-right:10px; box-sizing:border-box;}
.page34 .sver > ul > li  ul{display: none;}
.page34 .sver > ul > li > ul > li{padding-left:7px;}
.page34 .sver > ul > li > ul > li > ul > li{padding-left:21px;}
.page34 .sver > ul > li > ul > li > ul > li > ul > li{padding-left:22px;}
.page34 .sver > ul > li > ul > li > ul > li > ul > li > ul > li{padding-left:22px;}




.page34 .top_box{margin:0 0 10px;}
.page34 .content{width:75%;}
.page34 .content .top_box .item_box ul.type2{width:30%;  box-shadow: 0px 10px 10px rgba(0,0,0,0.1);}
.page34 .content .top_box .item_box ul.type2 > li.search_box{justify-content: space-between;}
.page34 .content .top_box input{width:100% !important; box-shadow:none;}
.page34 .content .top_box .item_box ul.type2 > li > i{ background-color:#9d9d9d; height:42px; width:55px; right:-42px; top:0; border-radius: 0 5px 5px 0; box-shadow: 0px 15px 15px rgb(0,0,0,0.1); transition: all .3s ease; color:#fff; font-size:21px; padding:10px 0; box-sizing: border-box; text-align: center;}
.page34 .content .top_box .item_box ul.type2 > li > i:hover{background-color:#000;}
.page34 .content .top_box .item_box2 a{width:auto; font-size:13px; padding: 5px 15px; box-sizing: border-box;  align-items: center;}
.page34 .content .top_box .item_box2 a:last-child{margin:0;}

.page34 .content .chart_box{padding:20px; box-sizing: border-box;  background:#fff; border-radius: 5px; width:100%; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); }
.page34 .content .chart_box .chart{width:100%; border:2px solid #1fa7f1; border-radius: 5px; box-sizing: border-box; }
.page34 .tab_type1{padding:0;}
.page34 .tab_type1 ul{margin-bottom:0}
.page34 .table_type2 .container{height: 250px; overflow: scroll;}

.page38 > ul{width:100%; margin-bottom:20px;}
.page38 > ul > li{width:50%; margin-right:20px; position: relative;}
.page38 > ul > li:last-child{margin:0;}
.page38 > ul > li.on div{border-radius: 5px 5px 0 0;}
.page38 > ul > li h3{margin-bottom:10px; font-weight: 500;}
.page38 > ul > li  div{justify-content: space-between; align-items: center; background:#fff;  box-shadow: 0px 10px 10px rgba(0,0,0,0.1); border-radius: 5px; height: 40px;}
.page38 > ul > li  div > span{align-items: center; font-size:13px; padding-left:20px;}
.page38 > ul > li  div > span.desc2{background:#9d9d9d; color:#fff; height:30px; padding:5px 15px; align-items: center; justify-content: center; border-radius: 0 5px 5px 0;}
.page38 > ul > li  div > img{width:30px; height:30px; padding:5px;}
.page38 > ul > li  div input{width:100%; height:100%; padding:5px 20px; box-sizing: border-box; border:0; border-radius: 5px;}
.page38 > ul > li > ul{position: absolute; top:69px; left:0; width:100%; background:#fff;  box-shadow: 0px 10px 10px rgba(0,0,0,0.1); padding:5px 0; border-radius: 0 0 5px 5px; display: none; z-index: 1;}
.page38 > ul > li > ul > li{padding:5px 15px; font-size:13px; cursor: pointer;}
.page38 > ul:nth-of-type(3) li{width:100%;}
.page38 > ul:nth-of-type(3) li div{padding:0; height:200px;}
.page38 > ul:nth-of-type(3) li div textarea{border:0; padding:5px 15px; width:100%; height:100%; box-sizing: border-box; border-radius: 5px; resize: none;}
.page38 > ul:nth-of-type(4) li{width:100%;}


.page40{height:90vh !important;}
.page40 .top_box{width:100%;}
.page40 .top_box .item_box{width:50%;}
.page40 .top_box .item_box ul.type1{width:30%;}
.page40 .top_box .item_box ul.type1 > li.search_box{justify-content: space-between;}
.page40 .top_box input{width:100%; box-shadow:none;}
.page40 .top_box .item_box ul.type1 > li > i{background-color:#9d9d9d; width:42px; height:42px; right:-42px; top:0; border-radius: 0 5px 5px 0; box-shadow: 0px 15px 15px rgb(0,0,0,0.1); transition: all .3s ease; color:#fff;}
.page40 .top_box .item_box ul.type1 > li > i:hover{background-color:#000;}
.page40 .table_type1{width:100%;}
.page40 .list_box{ width:15%; margin-right:20px; word-break: keep-all}
.page40 .list_box > ul{margin-top:8px;}
.page40 .list_box > ul > li{background:#1fa7f1; border-radius: 5px;  box-shadow: 0px 10px 15px rgba(0,0,0,0.1); position: relative;}
.page40 .list_box > ul > li.on{border-radius: 5px 5px 0 0;}
.page40 .list_box > ul > li > ul{border-radius: 0 0 5px 5px; position: absolute; top:35px; left:0; width:100%;  box-shadow: 0px 10px 10px rgba(0,0,0,0.1);}
.page40 .list_box > ul > li > div{justify-content: space-between; align-items: center; color:#fff; padding:8px 15px; box-sizing: border-box; font-size:13px; position: relative;}
.page40 .list_box > ul > li > ul {padding:5px 0; background: #fff; border-radius: 0 0 5px 5px; }
.page40 .list_box > ul > li > ul > li{transition: all .3s ease;}
.page40 .list_box > ul > li > ul > li > a{display: block; padding:5px 15px 5px 15px;; box-sizing: border-box; font-size:13px; color:#000 !important; pointer-events: none;}
.page40 .list_box > ul > li > ul > li:hover{background:#f2f2f2;}
.page40 .list_box > ul > li > ul > li:last-child{border-radius: 0 0 5px 5px;}
.page40 .list_box > ul > li > div i{width:25px; height:25px; position: absolute; right:5px;}


.page41 {justify-content: center; flex-direction: column;}
.page41 .content{width:60%; margin:0 auto;}
.page41 .content h5{font-weight: bold; font-size:17px; margin-bottom:5px; }
.page41 .content > ul{width:100%; background:#fff;  box-shadow: 0px 10px 10px rgba(0,0,0,0.1); padding:20px; box-sizing: border-box; border-radius: 5px;}
.page41 .content > ul > li{justify-content: space-between; align-items: center; margin-bottom:15px;}
.page41 .content > ul > li:last-of-type{margin:0;}
.page41 .content > ul > li > h6{width:35%; font-size:15px; margin-right:10px; align-items:right;}
.page41 .content > ul > li > div{width:65%; font-size:15px;}
.page41 .content > ul > li > div .desc1{color:#1fa7f1;}
.page41 .content > ul > li > div .desc2{padding:5px 25px; box-sizing: border-box; border:1px solid #adadad; background:#f2f2f2; border-radius: 5px; margin:0 10px; width:70px;}
.page41 .content > ul > li > ul{width:65%; position: relative; cursor: pointer;}
.page41 .content > ul > li > ul.on li{border-bottom:1px solid #f2f2f2; border-radius: 5px 5px 0 0;}
.page41 .content > ul > li > ul > li{justify-content: space-between; align-items: center; position: relative; box-sizing: border-box; border:1px solid #adadad; border-radius: 5px; background:#f2f2f2; font-size:15px; width:100%;}
.page41 .content > ul > li > ul > li > input{justify-content: space-between; align-items: center; position: relative;  box-sizing: border-box; border:0;  background:#f2f2f2; font-size:15px; width:100%; border-radius: 5px; padding:8px 10px; font-size:13px;}
.page41 .content > ul > li > ul > li > textarea{justify-content: space-between; align-items: center; position: relative;  box-sizing: border-box; border:0;  background:#f2f2f2; font-size:15px; width:100%; border-radius: 5px; padding:8px 10px; font-size:13px;}
.page41 .content > ul > li > ul > li > i{width:35px; height:35px; font-size:21px; padding-top:8px; text-align: center; box-sizing: border-box;}
.page41 .content > ul > li > ul > li span{padding:5px 10px; font-size:13px;}
.page41 .content > ul > li > ul > li.menu{position: absolute; border:0; width:100%; border:1px solid #adadad; border-top:0; border-radius: 0 0 5px 5px; padding:0; display: none; z-index: 1;}
.page41 .content > ul > li > ul > li.menu > ul > li{padding:10px 15px; transition: all .3s ease;}
.page41 .content > ul > li > ul > li.menu > ul > li:hover{background:#fff;}

.page41 .content > ul{width:100%; background:#fff;  box-shadow: 0px 10px 10px rgba(0,0,0,0.1); padding:20px; box-sizing: border-box; border-radius: 5px;}
.page41 .content > ul > li{justify-content: space-between; align-items: center; margin-bottom:15px;}
.page41 .content > ul > li:last-of-type{margin:0;}
.page41 .content > ul > li > h6{width:35%; font-size:15px; margin-right:10px;}
.page41 .content > ul > li > div{width:65%; font-size:15px;}
.page41 .content > ul > li > div .desc1{color:#1fa7f1;}
.page41 .content > ul > li > div .desc2{padding:5px 25px; box-sizing: border-box; border:1px solid #adadad; background:#f2f2f2; border-radius: 5px; margin:0 10px; width:70px;}
.page41 .content > ul > li > ul{width:65%; position: relative; cursor: pointer;}
.page41 .content > ul > li > ul.on li{border-bottom:1px solid #f2f2f2; border-radius: 5px 5px 0 0;}
.page41 .content > ul > li > ul > li{justify-content: space-between; align-items: center; position: relative; box-sizing: border-box; border:1px solid #adadad; border-radius: 5px; background:#f2f2f2; font-size:15px; width:100%;}
.page41 .content > ul > li > ul > li > input{justify-content: space-between; align-items: center; position: relative;  box-sizing: border-box; border:0;  background:#f2f2f2; font-size:15px; width:100%; border-radius: 5px; padding:8px 10px; font-size:13px;}
.page41 .content > ul > li > ul > li span{padding:5px 10px; font-size:13px;}
.page41 .content > ul > li > ul > li.menu{position: absolute; border:0; width:100%; border:1px solid #adadad; border-top:0; border-radius: 0 0 5px 5px; padding:0; display: none; z-index: 1;}
.page41 .content > ul > li > ul > li.menu > ul > li{padding:10px 15px; transition: all .3s ease;}
.page41 .content > ul > li > ul > li.menu > ul > li:hover{background:#fff;}

.page41 .button_box{width:100%; margin:30px 0 ; justify-content: center;}
.page41 .button_box a{display: block; padding:5px 20px; box-sizing: border-box; margin-right:10px; background:#888; color:#fff; border-radius: 5px;  box-shadow: 0px 10px 10px rgba(0,0,0,0.1); font-size:13px; width:68px;}
.page41 .button_box input{display: block; padding:5px 20px; box-sizing: border-box; margin-right:10px; background:#1fa7f1;  border-radius: 5px;  box-shadow: 0px 10px 10px rgba(0,0,0,0.1); font-size:13px; width:68px; border:0; color:#fff}
.page41 .button_box input::-webkit-input-placeholder{color:#fff;}
.page41 .button_box button{display: block; font-weight: bold; padding:5px 20px; box-sizing: border-box; margin-right:10px; background:#1fa7f1;  border-radius: 5px;  box-shadow: 0px 10px 10px rgba(0,0,0,0.1); font-size:13px; border:0; color:#fff}
.page41 .button_box button::-webkit-input-placeholder{color:#fff;}
.page41 .button_box a:last-child{margin:0;}

/*the container must be positioned relative:*/
.custom-select {
  position: relative;
  font-family: Arial;
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  background-color: DodgerBlue;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

   .main .addiation_1{height:calc(100vh - 80px); box-sizing: border-box; background:#fafafa;}
   .main .addiation_1 .top_box{width:100%; margin-bottom:10px;}
   .main .addiation_1 .top_box > ul{flex-grow: 1; width:100%; margin-right:10px; height:44px;}
   .main .addiation_1 .top_box > ul:nth-child(1) > li{background:none; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0); font-size:21px; font-weight: bold;}
   .main .addiation_1 .top_box > ul:nth-child(2) > li{background:none; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0); font-size:14px; font-weight: bold;}
   .main .addiation_1 .top_box > ul:nth-child(6) > li{background:none; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0); font-size:14px; font-weight: bold;}
   .main .addiation_1 .top_box > ul:nth-child(9) > li{background:none; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0); font-size:14px; font-weight: bold;}
   .main .addiation_1 .top_box > ul:nth-child(1) > li span{margin:0; padding:0;}
   .main .addiation_1 .top_box > ul:last-child{margin:0; width:165%;}
   .main .addiation_1 .top_box > ul > .li_title{background:#fff; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);  border-radius: 5px; height:42px;}
   .main .addiation_1 .top_box > ul > .li_title:last-child{margin:0; }
   .main .addiation_1 .top_box > ul > .li_title span{ padding:10px 15px;  width:100%; align-items: center; justify-content: space-between;}
   .main .addiation_1 .top_box > ul > .input_box input{width:calc(100% - 42px); padding:10px 15px;}
   .main .addiation_1 .top_box > ul > .input_box i{width:42px; background:#9d9d9d; color:#fff; border-radius: 0 5px 5px 0;  display:flex; display:-ms-flex; display:-webkit-flex; align-items: center; justify-content: center;}
   .main .addiation_1 .top_box > ul > .input_box i img{width:70%;}

   .t_button{ background:#9d9d9d; color:#fff; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); transition: all .3s ease; width:25px; height:25px; display:flex; display:-ms-flex; display:-webkit-flex; cursor:Pointer}
   .t_button i{display:flex; display:-ms-flex; display:-webkit-flex; justify-content: center; align-items: center;}
   .t_button img{width:70%; text-align: center;}
   .t_button:hover{background:#000;}

   .main .addiation_1 .content_box .grup1{width:70%; margin-right:10px;}
   .main .addiation_1 .content_box .grup1 .item_box_1{width:100%;}
   .main .addiation_1 .content_box .grup1 .item_box_1 p{font-size:12px; margin-bottom:5px;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul{margin-bottom:10px;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul li{width:100%; margin-right:10px; padding:15px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; transition: all .3s ease;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul li:last-child{margin:0;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul li:nth-child(1){background:#51608C;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul li:nth-child(2){background:#8697A6;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul li:nth-child(3){background:#4799B7;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul li:nth-child(4){background:#BF8756;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul li:nth-child(5){background:#8C4F2B;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul li:nth-child(6){background:#30364a;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul li a{flex-wrap: wrap; color:#fff; font-size:16px;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul li a span{width:100%; text-align: center;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul li a .desc1{font-size:12px;}
   .main .addiation_1 .content_box .grup1 .item_box_1 ul li a .desc2{font-size:18px;}
   .main .addiation_1 .content_box .grup1 .item_box_2 {margin-bottom:10px;}
   .main .addiation_1 .content_box .grup1 .title{justify-content: space-between; align-items: center; margin-bottom:5px;}
   .main .addiation_1 .content_box .grup1 .title h5{font-weight: 500;}
   .main .addiation_1 .content_box .grup1 .item_box_2 .content{padding:10px; box-sizing: border-box; background:#fff; border-radius: 5px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);}
   .main .addiation_1 .content_box .grup1 .item_box_3{ border-radius: 5px;}
   .main .addiation_1 .content_box .grup1 .item_box_3 .left{width:50%;  flex-grow: 1; box-sizing: border-box; margin-right:10px;}
   .main .addiation_1 .content_box .grup1 .item_box_3 .test{padding:10px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);box-sizing: border-box; background: #fff; border-radius: 5px;}
   .main .addiation_1 .content_box .grup1 .item_box_3 .right{width:50%; flex-grow: 1; box-sizing: border-box;}
   .main .addiation_1 .content_box .grup1 .item_box_3 .left .con_li ul{flex-wrap: wrap;}
   .main .addiation_1 .content_box .grup1 .item_box_3 .left .con_li ul li{flex-grow: 1; width:21%; padding:3px; box-sizing: border-box; font-size:12px;}
   .main .addiation_1 .content_box .grup1 .item_box_3 .left .con_li ul li i{margin-right:5px;}
   .main .addiation_1 .content_box .grup2{width:30%; padding:10px; box-sizing: border-box; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); background:#fff;}

   /* xeicon 사용예정 */
   
    .filter1{filter: invert(40%) sepia(90%) saturate(1132%) hue-rotate(319deg) brightness(81%) contrast(108%);}
   .filter2{filter: invert(22%) sepia(32%) saturate(5575%) hue-rotate(232deg) brightness(92%) contrast(88%);}
   .filter3{filter: invert(73%) sepia(26%) saturate(2106%) hue-rotate(177deg) brightness(98%) contrast(99%);}
   .filter4{filter: invert(74%) sepia(54%) saturate(359%) hue-rotate(70deg) brightness(84%) contrast(91%);}
   .filter5{filter: invert(93%) sepia(41%) saturate(3222%) hue-rotate(317deg) brightness(98%) contrast(89%);}
   .filter6{filter: invert(32%) sepia(30%) saturate(250%) hue-rotate(175deg) brightness(89%) contrast(85%);}
   .filter7{filter: invert(12%) sepia(13%) saturate(806%) hue-rotate(172deg) brightness(91%) contrast(91%);}
   .filter8{filter: invert(83%) sepia(7%) saturate(3658%) hue-rotate(19deg) brightness(96%) contrast(79%);}
   .filter9{filter: invert(97%) sepia(4%) saturate(705%) hue-rotate(26deg) brightness(103%) contrast(77%);}
   .filter10{filter: invert(36%) sepia(35%) saturate(485%) hue-rotate(209deg) brightness(99%) contrast(87%);}
   .filter11{filter: invert(77%) sepia(24%) saturate(1132%) hue-rotate(309deg) brightness(95%) contrast(89%);}
   .filter12{filter: invert(57%) sepia(52%) saturate(2537%) hue-rotate(325deg) brightness(89%) contrast(97%);} 

    /* -------------반응형----------- */
   @media(max-width:1440px){
      .main .addiation_1{height:100%;}
      .main .addiation_1 .top_box > ul{margin-bottom:5px;}
      .main .addiation_1 .content_box{flex-wrap: wrap;}
      .main .addiation_1 .content_box .grup1{width:100%; margin-right:0;}
      .main .addiation_1 .content_box .grup2{width:100%;}
      .main .addiation_1 .top_box > ul{margin-right:0;}
   }
   @media(max-width:768px){
      .main .addiation_1 .content_box .grup1 .item_box_3{flex-wrap: wrap;}
      .main .addiation_1 .content_box .grup1 .item_box_3 .left{padding:10px; width:100%;}
      .main .addiation_1 .content_box .grup1 .item_box_3 .right{padding:10px; width:100%;}
      .main .addiation_1 .content_box .grup1 .item_box_1 ul{margin-bottom:5px; flex-wrap: wrap; margin-bottom:10px;}
      .main .addiation_1 .content_box .grup1 .item_box_1 ul li{margin-right:0; width:100%; margin-bottom:5px;}
   }

   @media(max-width:425px){
      .main .addiation_1 .content_box .grup1 .item_box_3 .left .con_li ul li{width:40%;}
   }


@media(max-width:1700px){
    .page12 .top_box{flex-wrap: wrap;}
    .page12 .top_box .item_box ul.type1 > li{margin-bottom:10px;}
    .page12 .top_box .item_box ul.type_day{margin-bottom:10px;}
}


@media(max-width:1500px){
    .tab_type1 .content .contbox .row .box2 ul li input{height:30px;}
    .tab_type1 .content .contbox .row{height:60%;}
    .tab_type1 .content .contbox .row:nth-child(2){height:40%;}
    .top_box{flex-wrap: wrap;}
    .top_box .item_box1{width:100%;}
    .top_box .item_box2{width:100%; justify-content: flex-start;}
    .top_box .item_box2 .search{margin-top:10px;}
    .page2 .top_box .item_box2{justify-content: flex-end;}
    .page2 .top_box .item_box2 .search{margin-top:0;}
    .page12 #con1 .top_box .search{margin:0 10px 0 0;}
    .page16 .top_box{flex-wrap: nowrap;}
    .page16 .top_box .item_box2{justify-content: flex-end;}
    .page16 .top_box .item_box1{flex-wrap: nowrap;}
    .page19 .top_box .item_box ul.type1{margin-bottom:10px;}
    .page19 .top_box .item_box2 .search{margin-top:0;}
    .page19 .top_box .search{margin-top:0;}
    .page34 .content .top_box .item_box2 a:last-child{margin-top:10px;}
    .page40 .top_box .item_box2{justify-content: flex-end;}
    .page40 .top_box{margin:0 0 10px;}
    .page40 .top_box .item_box2 .search{margin-top:0;}
    .page40 .top_box .item_box2 .search:last-child{margin-right:0;}
}



@media(max-width:1440px){
    .page41{padding:0 20px 20px;}
    .login .content{width:80%;}
    .login .login_box{padding:50px; width:50%;}
    .login .img_box{width:50%;}
    .main .lnb .menu > li .list_title{padding:14px 0;}
    .main .lnb .menu > li > ul > li a{padding:15px;}
    .top_box .item_box1{flex-wrap: wrap; margin-bottom:10px;}
    .page1 .content{width:100% !important;}
    .page1 .content_2 .button:last-child{margin:0;}
    .page1 .content_1{padding:20px 0 0 !important;}
    .page2 .top_box input{margin-top:0; width:calc(100% - 42px);}
    .page2 .top_box .search{margin-top:0;}
    .page2 .top_box .item_box ul.type1{margin-bottom:10px;}
    .page2 .top_box .item_box1{width:100%;}
    .page2 .top_box .item_box ul.type2{width:100%;}
    .page2 .top_box .item_box2{width:100%;}

    .main_container{padding:50px 20px 20px !important;}
    .page16 .top_box .search{margin:0 0 10px;}
    .page41 .content{width:70%;}
    .page20 .top_box{flex-wrap: nowrap;}
    .page20 .top_box .item_box > ul{margin-right:0; margin-left:10px; width:calc(12.6% - 10px);}
    .page20 .top_box .item_box > ul:first-child{margin-left:0;}
    .page20 .top_box .item_box > ul select{padding:0;}
    .page20 .top_box .item_box2{margin-top:-50px;}
    .page20 .table_type1{margin-top:-10px;}
    .page20 .top_box .item_box2{padding:0 5px;}
    .page20 .top_box select{width:100%;}
    .page20 .top_box .item_box ul.type1:last-child{margin-left:10px;}
    .page20 .top_box .item_box1{margin-bottom:0;}
    .page31 .top_box{flex-wrap: wrap;}
    .page31 .top_box .item_box1{width:100%;}
    .page31 .top_box .item_box2{width:100%;}
    .page31 .top_box .item_box > ul{margin-right:0; margin-left:10px; width:calc(12.6% - 10px);}
    .page31 .top_box .item_box > ul:first-child{margin-left:0;}
    .page31 .top_box .item_box2{margin-top:-50px;}
    .page31 .table_type1{margin-top:-10px;}
    .page31 .top_box .item_box2{padding:0 5px;}
     .page34 .top_box input{margin-top:0;}
    .poage40 .top_box input{margin:0;}
}


@media(max-width:1255px){
    .page41 .content{width:100%; word-break: keep-all;}
}


@media(max-width:1250px){
    .page40 .list_box{width:20%;}
}

@media(max-width:1160px){
    .page2 .top_box .item_box ul.type1{flex-grow: 1; width:48%; margin-bottom:10px;}
    .page2 .top_box .item_box ul.type1:nth-child(even){margin-right:0;}
    .page2 .top_box input{width:calc(100% - 42px);}
}


@media(max-width:1024px){
    .login .content{width:90%;}
    header .header_box .logo{margin-left:20px;}
    .main .lnb{width:25%;left:-25%;}
    .main .lnb.on{left:0;}
    .main .main_container.on{margin:0; width:100%; filter: blur(5px); position: relative; transition: all .3s ease;}
    .main .main_container.on::after{position: absolute; content:''; width:100%; left:0; top:0; z-index: 99;}
    .main .main_container{width:100%; margin:0;}
    header .header_box{padding:0 20px;}
    header .header_box .h_title .member .name span{display: none;}
    .top_box .item_box ul.type1{width:110px;}
    .page19 .content{flex-wrap: wrap;}
    .page19 .content .list{width:100%;}
    .page19 .content > div{margin:0;}
    .page19 .content .map{width:100%;}
    .page19 .content > div:last-child{margin:40px 0 0;}
    .page19 .content .map ul{justify-content: space-between; flex-wrap: wrap; height: auto;}
    .page27 .container{width:60%;}
    .page40 .next_box{width:calc(100% - 20px); margin-left:5%;}
    .page40 .top_box .item_box ul.type1{width:70%;}
    .page19 .top_box .item_box ul.type1{flex-grow: 1; width:40%;}
    .page34 .top_box .item_box ul.type1{flex-grow: 1; width:100%; margin-right:0; margin-bottom:10px;}
    .page34 .top_box .item_box ul.type2{flex-grow: 1; width:100%; margin-bottom:10px;}
    
    .page34 .sver > ul{width:500px;}

}


@media(max-width:950px){
    .page20 .top_box .item_box > ul{flex-grow: 1; width:20%; margin-left:5px; margin-right:5px; }
    .page20 .top_box .item_box > ul:first-child{margin-left:5px;}
    .page20 .top_box .item_box > ul:last-child{margin-left:5px; margin-right:5px;}
    .page20 .tab_type1{padding:10px 0;}
    .page20 .table_type1{overflow: scroll;}
    .page20 .table_type1 table{width:200%;}
    .page31 .top_box .item_box > ul{flex-grow: 1; width:20%; margin-left:5px; margin-right:5px; }
    .page31 .top_box .item_box > ul:first-child{margin-left:5px;}
    .page31 .top_box .item_box2{margin-top:0;}
    .page31 .top_box .item_box > ul:last-child{margin-left:5px; margin-right:5px;}
    .page31 .tab_type1{padding:10px 0;}
    .page31 .table_type1{overflow: scroll;}
    .page31 .table_type1 table{width:200%;} 
}


@media(max-width:845px){
    .login .content{flex-wrap: wrap;}
    .login .content > div{width:100%;}
    .login .img_box{display: none;}
    .login .login_box h1{width:40%;}
    .page34 .content .top_box .item_box2 a{flex-grow: 1; width:20% !important;}
}

@media(max-width:746px){
    .page34 .top_box .item_box1 ul{flex-grow: 1; margin:5px;}
    .page34 .top_box .item_box2 a{flex-grow: 1; margin:5px; width:30%;}
    .page34 .content .top_box .item_box2 a:last-child{margin:5px;}
    
}

@media(max-width:768px){
    .login .content{width:80%;}
    .main .lnb{width:40%; left:-40%;}
    .table_type1{overflow:scroll;}
    .table_type1 table{width:200%;}
    .page19 .table_type1{overflow:inherit;}
    .page19 .table_type1 table{width:100%;}
    .page19 .content .map ul li{width:100%; margin:0 0 10px;}
    .page19 .content .map ul li span{width:20%; margin-right:20px;}
    .page19 .content .map ul li input{width:80%;}
    .page40 .content{flex-wrap: wrap;}
    .page40 .list_box > ul > li > div{height:42px; margin-bottom:10px;}
    .page40 .list_box > ul > li > ul{top:43px;}
    .page40 .top_box .item_box ul.type1{width:100%;}
    .page41 .content > ul > li > div{line-height: 3em;}
    .page34 .top_box .item_box ul.type1{flex-grow: 1;}
    .page34 .content .top_box .item_box ul.type2{flex-grow: 1;}
    .page20 .top_box .item_box2 .search{margin-bottom:0;}
    .main .main_container .page_h{display: none;}
    header .header_box .h_title h1{display: none;}
    header .header_box .logo{width:25%;}
    header .header_box .h_title{justify-content: flex-end;}
    .page34 .content_box{flex-wrap: wrap;}
    .page34 .sver{width:100%; height:200px; margin-right:0; margin-bottom:10px; }
    .page34 .content{width:100%}
}


@media(max-width:670px){
    .page40 .list_box{width:30%;}
}


@media(max-width:620px){
    .page34 .top_box .item_box ul.type1{width:100% !important;}
    .page34 .top_box .item_box ul.type2{width:100% !important;}
    .page34 .content .top_box .item_box2 a{width:40% !important;}
}

@media(max-width:600px){
    .page27 .container{width:80%;}
    .page34 .top_box .item_box2{flex-wrap: wrap;}
    .page34 .content .top_box .item_box2 a{width:40%;}
    .next_button{border:0; box-shadow:none;}
    .next_button.on{background:none; color:#1fa7f1; border:0; font-weight: 400;}
}


@media(max-width:570px){
    .page16 .top_box{flex-wrap: wrap;}
    .page16 .top_box .item_box1{flex-wrap: wrap;}
    .page16 .tab_type1{padding:10px 0 40px;}
    .page16 .top_box .item_box ul.type1 > li > span{margin-bottom:10px;}
    .page16 .top_box .item_box ul.type1{width:100px;}
}

@media(max-width:560px){
    .page20 .top_box{flex-wrap: wrap;}
    .page20 .top_box .item_box1{width:100%;}
    .page20 .top_box .item_box2{width:100%; justify-content: flex-end; margin-top:0;}
    .page20 .top_box .item_box > ul{width:100%;}
}


@media(max-width:559px){
    .top_box .item_box ul.type1{flex-grow: 1;}
    .page12 .top_box{margin-right:-10px;}
    .page12 #con1 .button.button2{margin-right:10px;}
}


@media(max-width:550px){
    .page20 .table_type1 table{width:250%;}
    .tab_type1 > ul{flex-wrap: wrap; border:0;}
    .tab_type1 > ul > li{flex-grow: 1; width:40%; margin-bottom:10px;}
    .page20 .tab_type1 > ul li:last-child{flex-grow: 0; width:calc(50% - 10px); margin-bottom:10px; }
    .page31 .tab_type1 > ul li:last-child{flex-grow: 0; width:calc(50% - 10px); margin-bottom:0; }
    .page20 .top_box .item_box ul.type1:last-child{margin-left:0;}
    
}


@media(max-width:425px){
    .login .login_box h1{width:60%;}
    .login .login_box .bottom_box{flex-wrap: wrap;}
    .login .login_box .bottom_box ul{width:100%; margin-bottom:10px;}
    .login .login_box .bottom_box ul:last-child{margin:0;}
    header .header_box .logo{width:50%; margin-right:10px;}
    header .header_box .h_title h1{font-size:13px; }
    .main .lnb{width:60%; left:-60%;}
    .page20 .table_type1 table{width:300%;}
    .page31 .top_box .item_box > ul{width:40%;}
    .page31 .top_box .item_box2{flex-wrap: nowrap;}
    .page31 .top_box .search{width:auto;}
    .page31 .top_box .item_box2 a{padding:0 10px !important;}
    .page40 .top_box .item_box ul.type1{width:80%;}
    .page40 .top_box{flex-wrap: wrap;}
    .page40 .top_box .item_box1{width:100%; margin-bottom:10px;}
    .page40 .top_box .item_box2{width:100%;}
    .page40 .top_box .item_box ul.type1 > li > i{right:0;}
    .page40 .content{margin-top:-60px;}
    .page40 .list_box{width:50%;}
}


@media(max-width:375px){
    .page2 .top_box{margin:0;}
    .page2 .top_box .item_box ul.type1{width:100%; margin-right:0;}
    .page2 .top_box .item_box ul.type1:nth-child(even){margin-right:0;}
    .page12 .top_box .item_box ul.type_day{flex-grow: 1; padding:10px 15px; margin-top:10px;}
    .page20 .table_type1 table{width:350%;}
    .page31 .table_type1 table{width:350%;}
    .page27 .container{width:90%;}
    header .header_box .logo{margin:0 15px 0 0;}
    .page19 .top_box .item_box ul.type1{width:50%;}
    .page34 .top_box .item_box1 ul{width:100%;}
    .page34 .content .top_box .item_box ul.type2{width:100% !important; border-radius: 5px !important;}

    
}


@media(max-width:370px){
    .page38 > ul{flex-wrap: wrap;}
    .page38 > ul > li{width:100%; margin:0 0 10px;}
}

@media(max-width:320px){
    .page31 .top_box .item_box2 a{padding:0 8px !important;}
    .page40 .list_box{width:40%;}
}


.table_type2{width:100%; padding-bottom:30px; margin:0;}
.table_type2::-webkit-scrollbar{background:#f2f2f2; width:5px; height:5px; border-radius: 10px;}
.table_type2::-webkit-scrollbar-thumb{background:#1fa7f1; border-radius:10px;}
.table_type2 .container{width:100%; height:330px; overflow: scroll;}
.table_type2 .thead {width:calc(100% - 20px); height:35px; background: #1fa7f1; align-items: center; padding:10px; box-sizing: border-box; color:#fff; font-size:13px; border-radius: 5px; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); margin-bottom:5px;}
.table_type2 .thead .td:nth-child(1){width:50px; flex-grow: 1; text-align:center;}
.table_type2 .thead .td:nth-child(2){width:100px; flex-grow: 1; text-align:center;}
.table_type2 .thead .td:nth-child(3){width:150px; flex-grow: 1; text-align:center;}
.table_type2 .thead .td:nth-child(4){width:100px; flex-grow: 1; text-align:center;}
.table_type2 .thead .td:nth-child(5){width: calc(100% - 820px); flex-grow: 1; text-align:center;}
.table_type2 .thead .td:nth-child(6){width:100px; flex-grow: 1; }
.table_type2 .thead .td:nth-child(7){width:120px; flex-grow: 1; }
.table_type2 .thead .td:nth-child(8){width:100px; flex-grow: 1; text-align:center;}
.table_type2 .thead .td:nth-child(9){width:100px; flex-grow: 1; text-align:center;}

.table_type2 .tbody .tr{width:100%; height:35px; background: #fff; align-items: center; cursor:pointer; padding:10px; box-sizing: border-box;  font-size:13px; border-radius: 5px; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); margin-bottom:5px;}
.table_type2 .tbody .tr .noRow{width:100%; text-align:center}
.table_type2 .tbody .tr .td:nth-child(1){width:50px;  flex-grow: 1; text-align:center; background:transparent !important;}
.table_type2 .tbody .tr .td:nth-child(2){width:100px; flex-grow: 1; text-align:center; background:transparent !important;}
.table_type2 .tbody .tr .td:nth-child(3){width:150px; flex-grow: 1; text-align:center; background:transparent !important;}
.table_type2 .tbody .tr .td:nth-child(4){width:100px; flex-grow: 1; text-align:center; background:transparent !important;}
.table_type2 .tbody .tr .td:nth-child(5){width:calc(100% - 820px) ; flex-grow: 1; text-align:left; background:transparent !important;}
.table_type2 .tbody .tr .td:nth-child(6){width:100px; flex-grow: 1; text-align:center; background:transparent !important;}
.table_type2 .tbody .tr .td:nth-child(7){width:120px; flex-grow: 1; text-align:center; background:transparent !important;}
.table_type2 .tbody .tr .td:nth-child(8){width:100px; flex-grow: 1; text-align:right; padding-right:10px; background:transparent !important;}
.table_type2 .tbody .tr .td:nth-child(9){width:100px; flex-grow: 1; text-align:right; padding-right:10px; background:transparent !important;}


.table_type3 {width:100%; padding-bottom:30px; margin:0;}
.table_type3::-webkit-scrollbar{background:#f2f2f2; width:5px; height:5px; border-radius: 10px;}
.table_type3::-webkit-scrollbar-thumb{background:#1fa7f1; border-radius:10px;}
.table_type3 .container{width:100%; height:330px; overflow: scroll;}
.table_type3 .thead {width:calc(100% - 20px); height:35px; background: #1fa7f1; align-items: center; padding:10px; box-sizing: border-box; color:#fff; font-size:13px; border-radius: 5px; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); margin-bottom:5px;}
.table_type3 .thead .td:nth-child(1){width:100px; flex-grow: 1; text-align:center;}
.table_type3 .thead .td:nth-child(2){width:100px; flex-grow: 1; text-align:center;}
.table_type3 .thead .td:nth-child(3){width:100px; flex-grow: 1; text-align:center;}
.table_type3 .thead .td:nth-child(4){width: calc(100% - 720px); flex-grow: 1; text-align:center;}
.table_type3 .thead .td:nth-child(5){width:100px; flex-grow: 1; }
.table_type3 .thead .td:nth-child(6){width:120px; flex-grow: 1; }
.table_type3 .thead .td:nth-child(7){width:100px; flex-grow: 1; text-align:center;}
.table_type3 .thead .td:nth-child(8){width:100px; flex-grow: 1; text-align:center;}

.table_type3 .tbody .tr{width:100%; height:35px; background: #fff; align-items: center; padding:10px; box-sizing: border-box;  font-size:13px; border-radius: 5px; box-shadow: 0px 15px 15px rgba(0,0,0,0.1); margin-bottom:5px;}
.table_type3 .tbody .tr .noRow{width:100%; text-align:center}
.table_type3 .tbody .tr .td:nth-child(1){width:100px; flex-grow: 1; text-align:center;}
.table_type3 .tbody .tr .td:nth-child(2){width:100px; flex-grow: 1; text-align:center;}
.table_type3 .tbody .tr .td:nth-child(3){width:100px; flex-grow: 1; text-align:center;}
.table_type3 .tbody .tr .td:nth-child(4){width:calc(100% - 720px) ; flex-grow: 1; text-align:left;}
.table_type3 .tbody .tr .td:nth-child(5){width:100px; flex-grow: 1; text-align:center}
.table_type3 .tbody .tr .td:nth-child(6){width:120px; flex-grow: 1; text-align:center;}
.table_type3 .tbody .tr .td:nth-child(7){width:100px; flex-grow: 1; text-align:right; padding-right:10px;}
.table_type3 .tbody .tr .td:nth-child(8){width:100px; flex-grow: 1; text-align:right; padding-right:10px;}


@media(max-width:1440px){
    .table_type2 .container{height:62vh;}
}

@media(max-width:768px){
    .table_type2 .container{width:230%;}
}
@media(max-width:550px){
    .table_type2 .container{width:300%;}
}
@media(max-width:425px){
    .table_type2 .container{width:500%; height:60vh;}
    
}
@media(max-width:375px){
    .table_type2 .container{height:59vh;}
}