body{word-break: keep-all;}

.wrap{width:1024px; margin:0 auto;}
.pop_wrap{width:500px; margin:0 auto;}
.back{width:100%; background: #f4f4f4; padding:40px 0;}
.back2{width:100%; background: #f4f4f4; position: fixed; height: 100%; z-index: -1;}

.nav{width:100%; background: #434343;}
.nav h1{float: left;}
.nav h1 img{padding-top:13px;}
.nav ul{text-align: right;}
.nav ul li{display:inline-block; color:#fff; padding:10px 15px; font-weight:300;}
.nav ul li:last-child{padding-right:0;}
.nav ul li a{color:#fff;}
.nav ul li a.active{font-weight: 700;}
.nav select{background: #434343; border: none; color: #fff;}
.nav .m-nav-bar {color: #fff; display: none;}
.m-nav {display: none;}

.main{background: #828282; width:100%; text-align: center;}
.main img{width:100%; max-width: 1308px;}

h2{font-size:30px; font-weight:700;}
h3{font-size:18px; font-weight: 300;}

.btn{font-weight: 700; font-size:20px; color:#fff; border:none; 
    border-radius: 5px; padding:15px 0px; width:150px;}
.btn_orange{background: #ff6000; }
.btn_green{background: #00e2a0;}
.btn_border{border:1px solid #ccc; background: #fff; color:#000;}
.btn_job{font-weight: 300; font-size:15px; color:#fff; border:none; 
    border-radius: 5px; padding:5px 15px;}

.table{padding:40px 0;}
.table table{width:100%; font-size:14px; font-weight: 400;}
.table table th{background: #ececee; padding:10px 0; border-right:1px solid #fff; vertical-align: middle;}
.table table th:last-child{border-right:0;}
.table table td{padding:10px 0; font-weight: 300; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; vertical-align: middle;}
.table table td a{cursor: pointer;}
.table table td:last-child{border-right:none;}

.pop_wrap .table2 table th {width: 90px;}

.table2{padding:40px 0;}
.table2 table{width:100%; font-size:14px; font-weight: 400;}
.table2 table th{background: #ececee; padding:10px 0; border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; vertical-align: middle;}
.table2 table td{padding:10px; font-weight: 300; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-top:1px solid #dfdfdf;}
.table2 table td button{background: #fff; border: 1px solid #ccc; height:29px;}
.table2 table td input {}
.table2 table td textarea {width: 500px; height: 300px;}

.table3{width:100%;}
.table3 th{background: #646464; color:#fff; font-weight:700; padding:10px 0;}
.table3 td{padding:10px 0; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; border-top:1px solid #dfdfdf; vertical-align: middle;}
.table3 td:last-child{border-right:none;}
.table3 td li{width:130px; border: 1px solid #ccc; margin: 0 auto; margin-bottom: 10px; display: inline-block; margin-right:5px; background: #f4f4f4;}
.table3 td li:hover{background: #fff;}
.table3 td li:nth-child(2n){margin-right: 0;}
.table3 td li a{display: block; color:#000; padding:10px 0;}
.table3 td li a.active{background: #ffd5bb;}

.login_wrap {margin-top: 150px;}


.processs{height: 250px; margin: 0 auto; text-align:center; }
.processs ul li{display: inline-block; vertical-align: top; width: 130px;}
.processs ul li p {font-size: 13px;}
.processs ul li a {color: #ff6000;}
.processs ul li:nth-child(2n-1) img {width: 80px;}
.processs ul li:nth-child(2n) {width: 20px;}
.processs ul li:nth-child(2n) img {width: 10px; padding-top: 30px;}

.login input{width:300px; height:50px;}

.join table th{padding:10px 20px 10px 0;}
.join table td input[type="file"]{background: none; border: none; padding-left: 0;}
.join table td button{background: #fff; border: 1px solid #ccc; height:29px;}
.top{background: #ddd; font-size: 13px; padding:5px 0px 5px 10px;}
.join textarea{width:100%; height:100px;}

.mypage {
        border-top: 1px dashed #cfcfcf;
        width: 100%;
        table-layout: fixed;
    }
    .mypage tr th {
        padding: 20px 10px;
        border-bottom: 1px dashed #cfcfcf;
        border-right: 1px dashed #cfcfcf;
        font-weight: bold;
        background: #f4f4f4;
        width: 180px;
    }
    .mypage tr td {
        padding: 20px 0 20px 20px;
        border-bottom: 1px dashed #cfcfcf;
    }
    .mypage tr td.phone input {
        width: 60px;
    }

.sub_text{font-size: 13px; color:#7a7a7a; font-weight: 300;}

.page ul li{display: inline-block; padding:0 15px;}
.page ul li a{color:#606060;}
.page ul li a.active{color:#ff6000; font-weight: 700;}

.nav2{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}

.nav_tab { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; 
	padding-left: 0; margin-bottom: 0; list-style: none; }  
.nav-link { display: block; padding: 0.5rem 1rem; color:#6c757d;}
.nav-link:hover, .nav-link:focus { text-decoration: none; }
.nav-link.disabled { color: #6c757d;}
.nav-tabs { border-bottom: 1px solid #dee2e6; }
.nav-tabs .nav-item {margin-bottom: -1px;}
.nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {border-color: #e9ecef #e9ecef #dee2e6;}
.nav-tabs .nav-link.disabled {color: #6c757d; background-color: transparent;
border-color: transparent; }
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link { color: #ff6000; background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;}
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; 
border-top-right-radius: 0; }

.map{width:100%;}
.map iframe{width:100%; margin-bottom: 35px;}

.footer{background: #414141; width:100%; padding: 10px; font-size:13px; color:#fff;  line-height: 20px; height:40px; position: absolute; bottom: 0}

.disnone {display: table-cell;}
.deemed {width: 100%; height: 100%; background:#000000; opacity:0.4; filter:alpha(opacity=40); position: fixed; top:0px; left:0px; z-index:1; display:none;}

.clear-after {
    content: "";
    clear: both;
    display: block !important;
}
.clear-after::after {
    content: "";
    clear: both;
    display: block !important;
}

@media screen and (max-width:700px) {
    .wrap {width: 90%;}
    .pop_wrap {width: 90%;}
    
    .nav {height: 45px;}
    .nav ul li {display: none;}
    .nav ul li.m-nav-bar {display: inline-block; float: right; padding-top: 10px;}
    .m-nav-wrap {
        display: block;
        width: 75%;
        background: #353535;
        position: absolute;
        top: 0;
        right: -300px;
        z-index: 99999;
        -webkit-box-shadow: 1px 1px 24px -3px rgba(0,0,0,0.2);
        -moz-box-shadow: 1px 1px 24px -3px rgba(0,0,0,0.2);
        box-shadow: 1px 1px 24px -3px rgba(0,0,0,0.2);
        height: 100vh;
    }
    .m-nav-wrap ul {
        padding: 30px 0 0 20px;
    }
    .m-nav-wrap ul li{
        padding: 10px 0;
        color: #fff;
    }
    .m-nav-wrap ul li a {
        color: #fff;
    }
    .close {display: block; position: absolute; top: 16px; right: 0; width: 25px; height: 25px; color: #fff;}

    .pop_wrap2 {width:100% !important; left:0 !important; bottom:3% !important;  position: absolute !important;
		z-index: 999;}
	.pop_wrap .pop_cont {width:95%; margin:0 auto;}

    h2 {line-height: 35px; margin-bottom: 10px;}

    .login_wrap {margin-top: 80px;}

    .processs-wrap {padding-bottom: 60%;}
    .processs {width: 100%;}
    .processs ul li {width: 28%; padding: 0px 10px 20px 0; vertical-align: top;}
    .processs ul li:last-child {padding-right: 0;}
    .processs ul li:nth-child(2n-1) img {width: 100%;}
    .processs ul li:nth-child(2n) {width: 5%; padding: 20px 0 0 0;}
    .processs ul li:nth-child(2n) img {padding-top: 7px;}
    .processs ul li:nth-child(6) {display: none;}
    .processs ul li img {width: 100%;}

    .table {padding-top:0;}
    .table .fl {float: none; margin-bottom: 5px;}
    .table .fr {float: none;}

    .table2 table td input{width: 100%;}
    .table2 table td textarea {width: 100%; height: 200px;}

    .mypage tr th {
        width: 80px;
    }
    .mypage tr td {
        font-size: 13px;
    }
    .mypage tr td input[type="text"], 
    .mypage tr td input[type="password"]{
        width: 150px;
    }
    .mypage tr td.phone input{
        width: 55px;
    }

    .search-rang label{
        display: block;
    }
    .search-rang label:first-child {
        margin-bottom: 10px;
    }

    .disnone {display: none;}
}

.layer_pop {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
  }
  
  .layer_pop .layer_wrap {
    margin: 0 auto;
    padding: 20px;
    font-size: 18px;
    width: 400px;
    margin-top: 0px;
    word-break: break-word;
    background: white;
    box-shadow: 5px 5px 5px 5px #dbdbdb;
  }
  
  .layer_pop .layer_wrap .layer_close {
    text-align: right;
  }
  
  .layer_pop .layer_wrap .layer_close img {
    width: 20px;
    cursor: pointer;
  }
  
  .layer_pop .layer_wrap .layer_content {
    margin-top: 0px;
    margin-bottom: 30px;
  }
  
  .layer_pop .layer_wrap .layer_content p {
    font-size: 14px;
  }