/**********nav menu***************/
#navbar{
    width: 100%;
}
#navbar > .navbar-nav > a.nn:hover{
    color: #fff;
}
#navbar > .navbar-nav > a.nn{
    color:#fff;
}
/**********nav menu 끝***************/

body{
    overflow: hidden;
}
#ad 
{
    width: 100%;
    min-height: 100%;
    position: relative;
    padding:0 15px;
}
.ad_mange{
    width: 100%;
    max-width: 1200px;

}
.ad_manage_title{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ad_manage_title .amt_btns > button{
    border-radius: 0px;
    width: 100px;
    height: 40px;
    font-weight: bold;
    cursor: pointer;
}

.ad_manage_title .amt_btns > button:first-child{
    background-color: #fff;
    border:1px solid #000;
    color: rgba(0,0,0,.7);
    margin-right: 10px;
}
.ad_manage_title .amt_btns > button:first-child:hover{
    color:#000;
}
.ad_manage_title .amt_btns > button:last-child{
    background-color: #dc3545;
    border:1px solid #dc3545;
    color: rgba(255,255,255,.8);
}
.ad_manage_title .amt_btns > button:last-child:hover{
    color:#fff;
}
.ad_manage_title .amt_inputs > label{
    margin-left: 15px;
    margin-right: 5px;
    font-weight: bold;
}
.ad_manage_title .amt_inputs > input{
    width: 170px;
    height: 40px;
}
.ad_manage_title .amt_inputs > select{
    height: 40px;
    width: 130px;
    border:1px solid #000;
    border-radius:3px;
}

.ad_manage_title .amt2{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ad_manage_title .amt2 > h4{
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    margin-bottom: 0;
}
.ad_manage_title .amt2 .amt2_select label{
    font-weight: bold;
}
.ad_manage_title .amt2 .amt2_select select{
    width: 170px;
    height: 40px;
    margin-left: 10px;
    padding:0 10px;
}

.ad_mange_conts{
    width: 100%;
}
ul,li {list-style:none; margin:0; padding:0;}
.tab{
    width:100%; }
.tabnav{
    margin:0 !important;
    padding:0 !important;
    width:100%; 
    background-color: #eee;
}
.tabnav li{
    display: inline-block; 
    width: 100px;
    box-sizing: border-box;
    margin-right: -7px;
}

.tabnav li a{ 
    position:relative; 
    display:block; 
    background: #fff; 
    color:rgb(160, 160, 160);
    line-height:46px; 
    text-decoration:none; 
    font-size:16px;
    text-align: center;    
    border-bottom:3px solid #fff;
}
.tabnav li a:hover,
.tabnav li a.active{
    z-index: 100;
    background:#fff; 
    color:#dc3545;  
    border-bottom:3px solid #dc3545;   
}
.tabcontent{
    padding: 20px 0; 
    border-top:none;
}
#tab01 .tab_table tr:first-child td,
#tab02 .tab_table tr:first-child td{
    background-color: rgb(53, 53, 53);
    color:#fff;
    border:1px solid #fff;
    padding: 10px;
}
#tab01 .tab_table tr td,
#tab02 .tab_table tr td{
    border:1px solid #ddd;
    text-align: center;
    padding: 10px;
}

#tab01 .tab_table tr td > button.ad_btn,
#tab02 .tab_table tr td > button.ad_btn{
    border-radius: 5px;
    background-color: #fff;
    border:1px solid #000;
    cursor: pointer;
    color:#000;
}
#tab01 .tab_table tr td > button.ad_btn:hover,
#tab02 .tab_table tr td > button.ad_btn:hover{
    border:2px solid #000;
    height: 28px;
    line-height: 22px;
    color:#000;
}


.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

/*팝업창 스타일*/
#modal_admin1 > .modal-dialog > .modal-content > .modal-header{
    border-bottom: none;
}
#modal_admin1 > .modal-dialog {
    top:200px;
    max-width: 800px;
}
#modal_admin1 > .modal-dialog > .modal-content > .modal-body{
    margin:0 auto;
}
#modal_admin1 > .modal-dialog > .modal-content > .modal-body > label{
    margin-right: 50px;
}
#modal_admin1 > .modal-dialog > .modal-content > .modal-body > input[type="date"]{
    width: 400px;
    padding:0 10px;
    color:#000;
    border:1px solid #000;
    background-color: #fff;
    color:#000;
}
#modal_admin1 > .modal-dialog > .modal-content > .modal-body > input[type="date"]::-webkit-calendar-picker-indicator {
	color: rgba(0, 0, 0, 0);
	opacity: 1;
	display: block;
	background: url(./Image/calender.png)
		center/80% no-repeat white;
	width: 20px;
	height: 20px;
	border-width: thin;
	cursor: pointer;
}

#modal_admin1 > .modal-dialog > .modal-content > .modal-footer{
    border-top: none;
}
#modal_admin1 > .modal-dialog > .modal-content > .modal-footer > button:first-child{
    background: #dc3545;
    color:#fff;
}


#modal_admin2 > .modal-dialog > .modal-content > .modal-header{
    border-bottom: none;
}
#modal_admin2 > .modal-dialog {
    top:0;
    max-width: 800px;
}
#modal_admin2 > .modal-dialog > .modal-content > .modal-body{
    margin:0 auto;
    
}
#modal_admin2 > .modal-dialog > .modal-content > .modal-body > label{
    margin-right: 50px;
}
#modal_admin2 > .modal-dialog > .modal-content > .modal-body > label.label3{
    margin-right: 30px;
}
#modal_admin2 > .modal-dialog > .modal-content > .modal-body > label.label4{
    margin-right: 80px;
}
#modal_admin2 > .modal-dialog > .modal-content > .modal-body > .down_btn > label.label4{
    margin-right: 35px;
}
#modal_admin2 > .modal-dialog > .modal-content > .modal-body > .down_btn > input{
    width: 400px;
    padding:0 10px;
    margin-right: 10px;
}

#modal_admin2 > .modal-dialog > .modal-content > .modal-body > input[type="text"],
#modal_admin2 > .modal-dialog > .modal-content > .modal-body > select{
    width: 400px;
    padding:0 10px;
    height: 30px;
    margin-bottom: 20px;
}
#modal_admin2 > .modal-dialog > .modal-content > .modal-body > img{
    margin-bottom: 20px;
}
#modal_admin2 > .modal-dialog > .modal-content > .modal-footer{
    border-top: none;
}
#modal_admin2 > .modal-dialog > .modal-content > .modal-footer > button:first-child{
    background: #dc3545;
    color:#fff;
}

#modal_admin2 > .modal-dialog > .modal-content > .modal-body > .txt_conts{
    display: flex;
}
#modal_admin2 > .modal-dialog > .modal-content > .modal-body > .txt_conts label{
    margin-right: 53px;
}


#modal_admin3 > .modal-dialog > .modal-content > .modal-header{
    border-bottom: none;
}
#modal_admin3 > .modal-dialog {
    top:200px;
    max-width: 800px;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body{
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    padding:0 1rem 1rem;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left{
    width: 55%;
    margin-right: 30px;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left p em{
    font-style: normal;
    display: inline-block;
    margin-left: 20px;
    font-weight: bold;
    color:#dc3545;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div{
    margin: 30px 0;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div h4{
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 10px;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div .charge_table{
    width: 100%;
    text-align: center;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div .charge_table tr td{
    border:1px solid #000;
    padding:5px;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div .charge_table tr td input{
    border:none;
    width: 86%;
    text-align: right;
    margin-right: 5px;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div div a{
    text-align: center;
    width: 150px;
    height: 40px;
    line-height: 40px;
    cursor: pointer;
    display: inline-block;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div div .payment_btn{
    border:1px solid #dc3545;
    color: #dc3545;
    background-color: #fff;
    font-weight: bold;
}

#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div div .bank_btn{
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
   font-weight: bold;
}

#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div .dropdown-content2{
    margin:0 0;
}


.dropdown-content2 {
    display: block;
    width: 100%;
    height: 30px;
}

.switch-field2 input {
	position: absolute !important;
	height: 1px;
	width: 1px;
	border: 0;
}
.switch-field2 label {
	background-color: #fff;
	color: #000;
	font-size: 1em;
	line-height: 48px;
	text-align: left;
	padding: 8px 15px;
	margin-right: -1px;	
	transition: all 0.1s ease-in-out;
    width: 100%;
    margin-bottom: 0;
    height: 48px;
    display: block;
    margin-right: 5px;
}

.switch-field2 label:hover {
	cursor: pointer;
}
.switch-field2 input + label{
    border:1px solid #000;
}
.switch-field2 input:checked + label {
    background-color: #dc3545;
    border:1px solid #dc3545;
    color:#fff;
}









#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div h4 em{
    color:rgb(126, 126, 126);
    font-size: 0.8em;
    font-style: normal;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div label {
   display: inline;
}


#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right{
    width: 45%;
    background: rgb(243, 243, 243);
    padding:10px 15px;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right h4{
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 20px;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right div{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
 
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right p {
    text-align: right;
    font-weight: bold;
    color:#dc3545;
    width: 100%;
    margin:20px 0 40px;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right button{
    display: block;
    text-align: center;
    margin:10px auto;
   width: 150px;
   height: 40px;
   cursor: pointer;
}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right button.charge_btn{
    background-color: #dc3545;
    border:none;
    color:#fff;

}
#modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right button.close_btn{
    border:1px solid #000;

}


#modal_admin4_1 > .modal-dialog > .modal-content > .modal-header{
    border-bottom: none;
}
#modal_admin4_1 > .modal-dialog {
    top:200px;
    max-width: 800px;
}
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body{
    margin:0 auto;
}

#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body .down_btn2{
    display: flex;
}
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body .down_btn2 .file-upload-input2{
    width: 400px;
    margin-right: 15px;
}
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body .down_btn2 .file-upload-button2{
    background: #fff;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #000;
    text-decoration: none;
    width: 100px;
    height: 30px;
    font-size: 1em;

}

#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body .down_btn2 label {
    margin-right: 10px;
}
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > label{
    margin-right: 70px;
}
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .label2{
    margin-right: 45px;
}
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .down_btn > label.label4{
    margin-right:5px;
}

#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .down_btn > label.label4_1{
    margin-right: 25px;
}
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .down_btn > input{
    width: 400px;
    padding:0 10px;
    margin-right: 10px;
}
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .down_btn > input[type="number"]::-webkit-outer-spin-button,
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .down_btn > input[type="number"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > input[type="text"],
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > select{
    width: 400px;
    padding:0 10px;
    height: 30px;
    margin-bottom: 20px;
}
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > img{
    margin-bottom: 20px;
}
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-footer{
    border-top: none;
}
#modal_admin4_1 > .modal-dialog > .modal-content > .modal-footer > button:first-child{
    background: #dc3545;
    color:#fff;
}


#modal_admin4_2 > .modal-dialog > .modal-content > .modal-header{
    border-bottom: none;
}
#modal_admin4_2 > .modal-dialog {
    top:150px;
    max-width: 800px;
}
#modal_admin4_2 > .modal-dialog > .modal-content > .modal-body{
    margin:0 auto;
}
#modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > label{
    margin-right: 50px;
}
#modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > label.label2{
    margin-right: 93px;
}
#modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > label.label3{
    margin-right: 111px;
}
#modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > label.label4{
    margin-right: 72px;
}
#modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > .down_btn > label.label4{
    margin-right: 35px;
}
#modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > .down_btn > input{
    width: 400px;
    padding:0 10px;
    margin-right: 10px;
}

#modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > input[type="text"]{
    width: 400px;
    padding:0 10px;
    height: 30px;
    margin-bottom: 20px;
}
#modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > img{
    margin-bottom: 20px;
}
#modal_admin4_2 > .modal-dialog > .modal-content > .modal-footer{
    border-top: none;
}
#modal_admin4_2 > .modal-dialog > .modal-content > .modal-footer > button:first-child{
    background: #dc3545;
    color:#fff;
}

#modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > .txt_conts{
    display: flex;
}
#modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > .txt_conts label{
    margin-right: 53px;
}


#modal_alert2> .modal-dialog > .modal-content > .modal-header{
    border-bottom: none;
}
#modal_alert2> .modal-dialog {
    top:200px;
    max-width: 300px;
}
#modal_alert2> .modal-dialog > .modal-content > .modal-body{
    margin:0 auto;
}


/*팝업창 스타일 끝*/

.down_btn a.numcheck_btn{
    background: #dc3545;
    color: #fff;
    cursor: pointer;    
    padding:5px 10px;
    border-radius: 5px;
    border:1px solid #dc3545;
    text-decoration: none;
    width: 60px;
    height: 28px;
    font-size: 1em;
}
.down_btn a.numcheck_btn:hover{
    border:1px solid #dc3545;
}
.down_btn a.numcheck_btn2{
    background: #ddd;
    color: #000;
    cursor: default;    
    padding:5px 10px;
    border-radius: 5px;
    border:1px solid #ddd;
    text-decoration: none;
    width: 60px;
    height: 28px;
    font-size: 1em;
}
.down_btn a.numcheck_btn2:hover{
    border:1px solid #ddd;
}



.down_btn a{
    background: #fff;
    font-size: 12px;
    color: #000;
    cursor: pointer;    
    padding:5px 10px;
    border-radius: 5px;
    border:1px solid #000;
    text-decoration: none;
    width: 60px;
    height: 28px;
    font-size: 1em;
}
.down_btn a:hover{
    border:2px solid #000;
    width: 58px;
}


/*************radio button***************/


.switch-field input {
	position: absolute !important;
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #fff;
	color: #000;
	font-size: 1em;
	line-height: 48px;
	text-align: left;
	padding: 0 14px;
	margin-right: -1px;	
	transition: all 0.1s ease-in-out;
    width: 100%;
    margin-bottom: 0;
    height: 48px;

}

.switch-field label:hover {
	cursor: pointer;
}





/*********광고신청 디테일 :: ad_applicate_detail.html**********/
#ad_detail{
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 100%;    
}

#ad_detail .ad_detail_left{
    padding:0 20px;
    width: 70%;
    display: flex;
    justify-content: space-between;
    max-height: 300px;
}
#ad_detail .ad_detail_right{
    width: 30%;
    border-left:1px solid #000;
    margin:0 auto;
    text-align: center;
    padding:0 20px;
    height: 100%;
}

#ad_detail .ad_detail_right h4{
    font-size: 1.2em;
    font-weight: bold;
    margin: 1.5rem 0;
}
#ad_detail .ad_detail_right .advert_condition{
    width: 100%;
}
#ad_detail .ad_detail_right .advert_condition tr td {
    border:1px solid #000;
    padding:5px;
}
#ad_detail .ad_detail_right .advert_condition tr td:first-child{
    background-color: rgb(243, 243, 243);
}


.advert_condition_form {
    margin-top: 50px;
    width: 100%;
}
.custom-file-upload{
    display: flex;
    text-align: left;
    flex-direction: column;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
}
.advert_condition_form > .custom-file-upload>label{
    margin-bottom: 0;
    width: 100%;
    margin-right: 20px;
}
.advert_condition_form > .cfu3 >label {
    font-size: 1em;
}
.advert_condition_form > .custom-file-upload> input{
    width: 100%;
    border-bottom:1px solid #000 !important;
    border:none;
    height: 40px;
    font-size: 0.9em;
    padding:0;
}
.advert_condition_form > .custom-file-upload> button{
    display: block;
    position:absolute;
    right:20px;
}
.dropbtn {
    background-color: rgb(207, 207, 207);
    color: #000;
    padding: 16px;
    font-size: 16px;
    border: none;
    width: 100%;
    margin-bottom: 0;
}
  
  .dropdown {
    position: relative;
    display: inline-block;
    width: 32%;
    max-height: 150px;
  }
  
  .dropdown-content {
    display: block;
    position: absolute;
    background-color: #fff;
    border:1px solid #eee;
    z-index: 1;
    width: 100%;
  }
  
 
  .switch-field input:checked + label {
    background-color: #dc3545;
    color:#fff;
}


.ad_ad_btn{
    width: 100%;
    max-width: 200px;
    height: 50px;
    border:1px solid #dc3545;
    background-color: #dc3545;
    color:#fff;
    border-radius: 0px;
    margin:0 auto;
    margin-top: 100px;
    cursor: pointer;
}


.custom-file-upload> label{
    width: 30%;
}
.file-upload-wrapper{
    width: 100%;
    max-width: 500px !important;
    display: flex;
    justify-content: space-between;
}

.file-upload-input{
   width: 100%;
   border-bottom:1px solid #000 !important;
   border:none;
   height: 40px;
   background-color: #fff;
   font-size: .9em;
}
.file-upload-button{
    display: inline-block;
    width: 90px;
    margin-left: 10px;
    font-size: .9em;
    background-color: #fff;
    border:1px solid #000;
    color: #000;
    cursor: pointer;
    border-radius: 5px;  
}





/*********충전하기 :: ad_charge.html**********/
#ad_charge{
    width: 100%;
    position: relative;
    padding: 0 15px;
}
#ad_charge .ad_charge_title{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#ad_charge .ad_charge_title h4{
    margin-right:10px;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    margin-bottom: 0;
}
#ad_charge .ad_charge_title button{
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: rgba(255,255,255,.8);
    border-radius: 0px;
    width: 100px;
    height: 40px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 20px;
}

#ad_charge .ad_charge_title button:hover{
    color: rgba(255,255,255,1);
}

#ad_charge .ad_charge_conts .acc_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#ad_charge .ad_charge_conts .acc_title h4{
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    margin-bottom: 0;
}
#ad_charge .ad_charge_conts .acc_title div label{
    font-weight: bold;
    margin-right: 10px;
}
#ad_charge .ad_charge_conts .acc_title div input{
    height: 40px;
}
#ad_charge .ad_charge_conts .acc_table{
    width: 100%;
    text-align: center;
}
#ad_charge .ad_charge_conts .acc_table tr td{
    border: 1px solid #ddd;
    text-align: center;
    padding: 10px;
}
#ad_charge .ad_charge_conts .acc_table tr:first-child td{
    background-color: rgb(53, 53, 53);
    color: #fff;
    border: 1px solid #fff;
    padding: 10px;
}


/*********사업자등록증 :: ad_business_registrate.html**********/
#ad_business_registrate{
    width: 100%;
    min-height: 100%;
    position: relative;
    padding: 0 15px;
}

#ad_business_registrate .abr_title h4{
    margin-right:10px;
    font-size: 1.1em;
    font-weight: bold;
    display: block;
    margin-bottom: 0;
}
#ad_business_registrate .abr_conts button{
    background-color: #fff;
    border: 1px solid #000;
    color: rgba(0,0,0,.7);
    margin-right: 10px;
    border-radius: 0px;
    width: 100px;
    height: 40px;
    font-weight: bold;
    cursor: pointer;
}

#ad_business_registrate .abr_conts_sub{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}
#ad_business_registrate .abr_conts_sub p {
    margin-bottom: 0;
    margin-right: 20px;
}
#ad_business_registrate .abr_conts_sub button{
    background-color: #dc3545;
    border: none;
    color: #fff;
    display: block;
    width: 160px;
    height: 40px;
    cursor: pointer;
}

#ad_business_registrate .abr_conts_sub2{
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 30px;
}
#ad_business_registrate .abr_conts_sub2 p {
    margin-bottom: 0;
    margin-right: 20px;
}
#ad_business_registrate .abr_conts_sub2 button{
    background-color: #dc3545;
    border: none;
    color: #fff;
    display: block;
    width: 160px;
    height: 40px;
    cursor: pointer;
}
#ad_business_registrate .abr_conts_sub2 .acs2_table {
    width: 100%;
}
#ad_business_registrate .abr_conts_sub2 .acs2_table tr td{
    padding:10px;
}
#ad_business_registrate .abr_conts_sub2 .acs2_table tr td:last-child{
    font-weight: bold;
}
#ad_business_registrate .abr_conts_sub2 .acs2_table tr td .at_btn{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#ad_business_registrate .abr_conts_sub2 .acs2_table tr td .at_btn button{
    margin-left: 20px;
}

#navbar2 .navbar-nav{
    display: none;
}
.navbar-toggler2{
    display: none;
}
#ad_title{
    display: none;
}
/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:480px){
    body{
        overflow: auto;
    }

    #ad_title{
        display: block;
        height: 35px;
        background-color: rgb(226, 226, 226);
        color:#000;
        font-size: 1em;
        font-weight: bold;
        padding:0 15px;
        line-height: 35px;
    }

    .ad_manage_title{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    .ad_manage_title .amt_inputs > label{
        margin:0;
        margin-right: 5px;
        font-size: 0.9em;
    }
    .ad_manage_title .amt_inputs > input{
        width: 100%;
        border:1px solid #000;
        border-radius: 3px;
        margin-bottom: 10px;
    }
    .ad_manage_title .amt_inputs > select{
        width: 100%;
        background-color: #fff;
        color:#000;
        font-size: 0.9em;
        padding:0 10px;
        margin-bottom: 10px;
    }
   
    .amt_inputs{
        margin-top: 20px;
    }

    #tab01,#tab02{
        width: 100%; overflow: auto; 
    }
    .tab_table{
        white-space: nowrap;
        border-collapse: collapse;
    }
    


    #navbar, .navbar-toggler{
        display: none;
    }
    .navbar-collapse{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    #navbar2 .navbar-nav{
        display: block;
    }
    #navbar2 #navbar2_info{
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: center;
        
        width: 100%;
        margin: 20px auto 10px;
    }
    #navbar2 #navbar2_info h4{
        font-size: 1em;
        font-weight: bold;
        margin-bottom: 0;
    }
    #navbar2 #navbar2_info h4 a{
        text-decoration: underline;
        margin-left: 10px;
    }
    #navbar2 #navbar2_info a{
        color:#fff;
        font-weight: normal;
    }
    .navbar-toggler2{
        display: block;
    }
    #navbar2_info2{
        width: 100%;
        padding-bottom: 20px;
    }
    #navbar2_info2 p{
        margin-bottom: 0;
        color:rgb(255, 255, 255, .5);
    }
    #navbar2_info2 p b{
        color:#fff;
    }
    #navbar2_info2 .nav-link{
        padding:0;
    }

    #navbar2_info2 a{
        width: 100%;
        border-bottom:1px solid rgba(255,255,255,.3);
        line-height: 40px;
        display: block;
    }

    /* .navbar-dark .navbar-nav .nav-link{
        color:#fff;
    } */
   
    /**ad_applicate_detail.html**/
    #ad_detail{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start
    }
    
    #ad_detail .ad_detail_left{
        padding:0 20px;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        max-height: 100%;
        height: 100%;
        margin-bottom: 30px;
    }
    #ad_detail .ad_detail_right{
        width: 100%;
        border-left:none;
        margin:0 auto;
        text-align: center;
        padding:0 20px;
        height: 100%;
    }

    .dropbtn {
        background-color: rgb(207, 207, 207);
        color: #000;
       text-align: center;
        font-size: 0.9em;
        border: none;
        width: 100%;
        margin-bottom: 0;
    }
    .dropdown {
        position: relative;
        display: block;
        width: 100%;
        min-height: 180px;
        margin-bottom: 0px;
        
    }
    
    .dropdown-content {
        display: block;
        position: absolute;
        background-color: #fff;
        border:1px solid #eee;
        z-index: 1;
        width: 100%;
        height: auto;
    }
    .switch-field label {
        background-color: #fff;
        color: #000;
        font-size: 0.95em;
        line-height: 48px;
        text-align: left;
        padding: 0 14px;
        margin-right: -1px;	
        transition: all 0.1s ease-in-out;
        width: 100%;
        margin-bottom: 0;
        height: 48px;
        text-align: center;
    }
    .switch-field input:checked + label {
        background-color: #dc3545;
        color:#fff;
        font-size: 0.95em;
        text-align: center;
    }


    .file-upload-button{
        display: inline-block;
        margin-left: 0;
        font-size: 0.9em;
        background-color: #fff;
        border:1px solid #000;
        color: #000;
        cursor: pointer;
        border-radius: 5px;  
        width: 70px;
    }
    .ad_ad_btn{
        margin-bottom: 20px;
    }

    /**ad_applicate_detail.html 끝**/
   
    /*팝업창*/
    #modal_admin1 > .modal-dialog > .modal-content > .modal-body > label{
        margin-right: 10px;
    }
    #modal_admin1 > .modal-dialog > .modal-content > .modal-body{
        margin:0 auto;
        width: 100%;
    }
    #modal_admin1 > .modal-dialog > .modal-content > .modal-body > input[type="date"]{
        width: 70%;
        padding:0 10px;
        max-width: 300px;
    }

    #modal_admin2 > .modal-dialog > .modal-content > .modal-body{
        margin:0 auto;
        width: 100%;   
    }

    #modal_admin2 > .modal-dialog > .modal-content > .modal-body > input[type="text"],#modal_admin2 > .modal-dialog > .modal-content > .modal-body > select{
        width: 100%;
    }
    #modal_admin2 > .modal-dialog > .modal-content > .modal-body > .down_btn{
        width: 100%;
    }
    #modal_admin2 > .modal-dialog > .modal-content > .modal-body > .down_btn > input{
        width: 70%;
        padding:0 10px;
        margin-right: 10px;
        height: 30px;
    }
    #modal_admin2 > .modal-dialog > .modal-content > .modal-body > .txt_conts{
        display: flex;
        flex-direction: column;
    }
    #modal_admin2 > .modal-dialog > .modal-content > .modal-body > .txt_conts label{
        margin-right: 0;
        width: 100%;
    }




    #modal_admin3 > .modal-dialog > .modal-content > .modal-header{
        border-bottom: none;
    }
    #modal_admin3 > .modal-dialog {
        top:0;
        max-width: 800px;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body{
        margin:0 auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding:0 1rem 1rem;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left{
        width: 100%;
        margin-right: 0;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left p em{
        font-style: normal;
        display: inline-block;
        margin-left: 20px;
        font-weight: bold;
        color:#dc3545;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div{
        margin: 30px 0;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div h4{
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 10px;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div .charge_table{
        width: 100%;
        text-align: center;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div .charge_table tr td{
        border:1px solid #000;
        padding:5px;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div .charge_table tr td input{
        border:none;
        width: 80%;
        text-align: right;
        margin-right: 5px;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div div a{
        text-align: center;
        width: 150px;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        display: inline-block;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div div .payment_btn{
        border:1px solid #dc3545;
        color: #dc3545;
        background-color: #fff;
        font-weight: bold;
    }
    
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div div .bank_btn{
        background-color: #fff;
        border: 1px solid #000;
        color: #000;
       font-weight: bold;
    }
    
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div .dropdown-content2{
        margin:0 0;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div h4 em{
        color:rgb(126, 126, 126);
        font-size: 0.8em;
        font-style: normal;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_left div label {
       display: inline;
    }
    
    
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right{
        width: 100%;
        background: rgb(243, 243, 243);
        padding:10px 15px;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right h4{
        font-size: 1.1em;
        font-weight: bold;
        margin-bottom: 20px;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right div{
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
     
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right p {
        text-align: right;
        font-weight: bold;
        color:#dc3545;
        width: 100%;
        margin:20px 0 40px;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right button{
        display: block;
        text-align: center;
        margin:10px auto;
       width: 150px;
       height: 40px;
       cursor: pointer;
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right button.charge_btn{
        background-color: #dc3545;
        border:none;
        color:#fff;
    
    }
    #modal_admin3 > .modal-dialog > .modal-content > .modal-body .modal_admin3_right button.close_btn{
        border:1px solid #000;
    
    }






    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-header{
        border-bottom: none;
    }
    #modal_admin4_1 > .modal-dialog {
        top:80px;
        max-width: 800px;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body{
        margin:0 auto;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body .down_btn{
        width: 100%;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body .down_btn2{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body .down_btn2 .file-upload-input2{
        width: 70%;
        margin-right: 10px;
        font-size: 1em;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body .down_btn2 .file-upload-button2{
        background: #fff;
        font-size: 12px;
        color: #000;
        cursor: pointer;
        border-radius: 5px;
        border: 1px solid #000;
        text-decoration: none;
        width: 26%;
        height: 30px;
        font-size: 0.9em;
        padding:0;
    }
    
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body .down_btn2 label {
        margin-right: 10px;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > label{
        margin-right: 70px;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .label2{
        margin-right: 45px;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .down_btn > label.label4{
        margin-right:5px;
    }
    
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .down_btn > label.label4_1{
        margin-right: 25px;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .down_btn > input{
        width: 100%;
        padding:0 10px;
        margin-right: 10px;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .down_btn > input.numcheck_input{
        width: 68%;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .down_btn > input[type="number"]::-webkit-outer-spin-button,
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > .down_btn > input[type="number"]::-webkit-inner-spin-button{
        -webkit-appearance: none;
        margin: 0;
    }
    
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > input[type="text"],
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > select{
        width: 100%;
        padding:0 10px;
        height: 30px;
        margin-bottom: 20px;
        font-size: 1em;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-body > img{
        margin-bottom: 20px;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-footer{
        border-top: none;
    }
    #modal_admin4_1 > .modal-dialog > .modal-content > .modal-footer > button:first-child{
        background: #dc3545;
        color:#fff;
    }

    #modal_admin4_1 .modal-dialog > .modal-content > .modal-body .down_btn a.numcheck_btn{
        margin-top: 0;
        width: 50%;
    }


    #modal_alert2> .modal-dialog {
        margin:0 auto;
    }


    .down_btn a{
        background: #fff;
        color: #000;
        cursor: pointer;    
        border-radius: 5px;
        border:1px solid #000;
        text-decoration: none;
        width: 40px;
        height: 30px;
        line-height: 30px;
        font-size: 0.9em;
       padding:6px 10px;
    }



    #modal_admin4_2 > .modal-dialog{
        top:10%;
    }

    #modal_admin4_2 > .modal-dialog > .modal-content > .modal-body{
        margin:0 auto;
        width: 100%;   
    }

    #modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > input[type="text"]{
        width: 100%;
    }
    #modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > .down_btn{
        width: 100%;
    }
    #modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > .down_btn > input{
        width: 70%;
        padding:0 10px;
        margin-right: 10px;
    }
    #modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > .txt_conts{
        display: flex;
        flex-direction: column;
    }
    #modal_admin4_2 > .modal-dialog > .modal-content > .modal-body > .txt_conts label{
        margin-right: 0;
        width: 100%;
    }
    






    /**ad_business_registrate.html**/
    #ad_business_registrate .abr_conts_sub2{
        display: flex;
        width: 100%;
        align-items: center;
        margin-top:10px;
    }

    #ad_business_registrate .abr_conts_sub2 .acs2_table tr td .at_btn{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    #ad_business_registrate .abr_conts_sub2 .acs2_table colgroup col:first-child{width: 35%;}
    #ad_business_registrate .abr_conts_sub2 .acs2_table tr:first-child{
        width: 200px;
    }
    #ad_business_registrate .abr_conts_sub2 .acs2_table tr td{
        font-size: 0.9em;
    }
    #ad_business_registrate .abr_conts_sub2 .acs2_table tr td .at_btn button{
        margin-left: 0;
    }
    
   



    /** ad_charge.html **/
    .advert_condition_form > .custom-file-upload>label{
        width: 36%;
       
    }
    .advert_condition_form > .cfu3 > label{
       width: 35%;
       font-size: 1em;
    }
    .file-upload-input {
        width: 240px;
        background-color: #fff;
    }
    #ad_charge .ad_charge_title{
        justify-content: space-between;
    }

    #ad_charge .ad_charge_conts{
        width:100%;
        overflow:auto;
    }

    #ad_charge .ad_charge_conts .acc_title{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }

    #ad_charge .ad_charge_conts .acc_title h4{
        font-size: 1.1em;
        font-weight: bold;
        display: block;
        margin-bottom: 0;
        width: 100%;
    }
    #ad_charge .ad_charge_conts .acc_title div{
        width: 100%;
        
    }
    #ad_charge .ad_charge_conts .acc_table{
        white-space:nowrap;
        border-collapse:collapse;
    }

    #ad_charge .ad_charge_conts .acc_title div label{
        font-weight: normal;
        margin-right: 5px;
    }
    #ad_charge .ad_charge_conts .acc_title div input{
        height: 40px;
        width: 41%;
        padding:0 10px;
        font-size: 0.9em;
    }

    /** ad_applicate_detail_n.html **/
    #ad_business_registrate .abr_conts_sub{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        margin-top: 30px;
    }
    #ad_business_registrate .abr_conts_sub p{
        margin-right: 0;
    }
    #ad_business_registrate .abr_conts_sub button{
        margin-top: 10px;
        font-size: 0.9em;
    } 



   
}