body { 
 -ms-overflow-style: none; 
 min-width: 1200px; 
 } ::-webkit-scrollbar { display: none; } 


/*border 보더*/
.border { border-color:#e9e9e9 } 
.rounded { border-radius: 1.2rem !important; } 
.rounded-lg { border-radius: 1.0rem!important; } 
.rounded-xl { border-radius: 2.2rem!important; } 


/*a 밑줄*/
.a_line { text-decoration:none; } 

/*패딩, 마진, 넓이 추가*/
.pt_20{padding-top: 2rem;}
.pr_20 { padding-right: 2rem; } 
.pl_20 { padding-left: 2rem; } 
.mr_6 { margin-right: 0.6rem; } 
.mt_20 { margin-top: 2rem; } 
.mt_25 { margin-top: 2.5rem; } 
.pt_180 { padding-top: 18rem; } 
.w_100 { width: 11rem; } 
.w_140 { max-width: 14rem ; } 
.w_180 { width: 18rem; } 
.w_240 {  width: 24rem;} 
.w_280 { max-width: 28rem; } 
.fs_70 { font-size: 7rem; } 


/*틀 부분*/
.content_wrap { display: flex; margin-top: 7.6rem; transition: all 0.5s ease; } 
.wrap { padding: 3.5rem 3rem 3rem; min-height: calc(100vh - 25.7rem); } 
.main_panel { 
 background-color: #F8f8f8; 
 width: calc(100% - 26rem); 
 transition: all 0.2s ease; 
 } 
 .main_panel.fold { width: 100%; } 
.container-xl { background-color: #fff; padding: 3.5rem 3rem 3rem; border-radius: 1.5rem; min-height: calc(100vh - 32.8rem);} 
.sidebar { 
 min-height: calc(100vh - 7.6rem); 
 background: #ffffff; 
 width: 26rem; 
 z-index: 11; 
 box-shadow: none; 
 border-right: 1px solid #E1E1E1; 
 transition: all 0.2s ease; 
 } 
#hd.fold { transform: translateX(-26rem); width: calc(100% + 26rem); } 
.content_wrap.fold { transform: translateX(-26rem); width: calc(100% + 26rem); } 





/*헤드*/
#hd { 
 background: #fff;
 width: 100%; 
 height: 7.6rem; 
 position: fixed; 
 top: 0; 
 left: 0; 
 z-index: 99; 
 display: flex; 
 color: #fff; 
 transition: all 0.5s ease; 
 } 
 .sidebar_hd { 
 transition: 0.25s ease; 
 width: 26rem; 
 height: 100%; 
 border-right: 1px solid rgba(255,255,255,0.2); 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 padding: 0 2.2rem; 
 background: linear-gradient( 45deg, #66CCAD);
 } 
.hd_wrap { width: calc(100% - 26rem); height: 100%; display: flex; align-items: center; justify-content: space-between; padding: 0 6rem 0rem 3rem; } 

#sidebar_menu { transform: translateY(2px); } 
.hd_wrap.fold { width:100% } 
.allim {
    width: 2.8rem;
    height: 2.8rem;
    position: relative;
}
.allim.on span {
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    background-color: #0c4e98;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -3px;
}


 
/*푸터*/
#ft { 
 background-color: #fff; 
 height: 18.2rem; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 color: #AAAAAA; 
 font-weight: 300; 
 padding: 2rem 3rem; 
 font-size: 1.5rem; 
 } 
 .ft_info { font-size: 1.5rem; } 
 .ft_info span { padding-right: 1rem; } 
 .customer { 
 background-color: #f8f8f8; 
 color: #888888; 
 padding:2rem; 
 border-radius: 1.2rem; 
 flex-shrink: 0; 
 } 
.mr_line { border-right: 1px solid #E9E9E9; } 




/*사이드바*/
.side_hd { color: #fff;  background-size: 10.4rem; background-color: #1A213B; padding: 2.5rem; } 
.side_hd .car { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 padding: 1.4rem 2rem; 
 background-color: rgba(255,255,255,0.04); 
 border-radius: 1.2rem; 
 margin-top: 2.2rem; 
 } 
.side_hd strong { font-size: 2.2rem; font-weight: 400; line-height: 1.3; } 
.nav-item a { text-decoration: none; } 
 .sidebar .nav-item.active { background-color: #f8f8f8; } 
 .sidebar .nav-item.active i { color: #333; } 
 .sidebar .nav-link { 
 display: flex; 
 align-items: center; 
 font-weight: 600; 
 padding: 1.5rem 2.5rem; 
 justify-content: space-between; 
 position: relative; 
 } 
.sidebar .nav-link p { font-size: 1.7rem; } 
.sidebar i { font-size: 1.7rem; color:#888888; } 
.sidebar .nav .nav-item .nav-link { 
 display: flex; 
 align-items: center; 
 white-space: nowrap; 
 padding: 0.75rem 2.5rem 0.75rem 1.25rem; 
 color: #000; 
 } 
.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link { margin: 0; } 
.sidebar .nav.sub-menu { 
 padding-left: 4.5rem; 
 margin-bottom: 0; 
 margin-top: 0; 
 list-style: none; 
 padding-bottom: 1.73rem; 
 } 
.sidebar .nav.sub-menu .nav-item { 
 padding: 0; 
 border-bottom:0; 
 margin-bottom: 1rem; 
 } 
 .sidebar .nav.sub-menu .nav-item:last-child { margin-bottom: 0; } 
 .sidebar .nav.sub-menu .nav-item:hover::before { background-color: #0c4e98; } 
 .sidebar .nav.sub-menu .nav-item::before { 
 content: ''; 
 position: absolute; 
 width: 7px; 
 height: 1px; 
 border-radius: 50%; 
 background: #888; 
 margin-top: 13px; 
 } 
.sidebar .nav.sub-menu .nav-item .nav-link { 
 color: #777777; 
 padding: 0.6rem 1rem; 
 padding-left: 1.5rem; 
 position: relative; 
 font-size: 1.6rem; 
 line-height: 1; 
 height: auto; 
 border-top: 0; 
 font-weight: 400; 
 } 
 .sidebar .nav.sub-menu .nav-item .nav-link:hover { color: #0c4e98; } 
.sidebar .nav { 
 overflow: hidden; 
 flex-wrap: nowrap; 
 flex-direction: column; 
 margin-bottom: 6rem; 
 } 



/*타이틀*/
.h2_tit { font-size: 2.8rem; font-weight: 700; margin-bottom: 2rem; line-height: 1.4; } 
.h3_tit { font-size: 2.2rem; font-weight: 700; margin-bottom: 2.2rem; } 
.form_tit .h3_tit { padding-bottom: 1.2rem; border-bottom: 2px solid #333; } 


/*메인*/
.inx_pg .w-45 { display: flex; height: 100%; align-items: center; padding: 3rem; } 
.main_left { width: 100%; height: 50rem; background: url(../../images/index_img02.png) no-repeat bottom right; background-size: 58rem; } 
.main_logo { width: 36.5rem; margin-top: 0.5rem; } 
.main_left_txt { font-size: 1.7rem; background-color: #fff; padding: 0.8rem 2.5rem; margin-top: 1.2rem; display: inline-block; border-radius: 3rem; } 
.inx_pg .wrap { display: flex; height: calc(100vh - 25.8rem); } 
.inx_pg .w-55 { overflow-y: scroll; padding: 6.5vh 0; } 
.main_menu { display: flex; justify-content: space-between; margin-bottom: 2.5rem; } 
.main_menu section { width: 32%; border-radius: 1.5rem; color: #fff; } 
.main_menu section .top { padding: 3rem 3rem 1.5rem; border-bottom: 1px solid rgba(255,255,255,0.4); position:relative; } 
.main_menu section .cont { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem; } 
.main_menu .cont_bg { width: 100%; background-color: #F8F8F8; border-radius: 1.2rem; padding: 2.5rem 0.5rem 2.3rem; } 
.main_menu .cont_txt { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.main_menu .cont_txt p { font-weight: 300; margin-bottom: 0.2rem; } 
.main_menu .cont_txt strong { font-size: 2.4rem; font-weight: 700; } 
.main_menu section:nth-child(1) { background-color: #fff; color: #333; } 
.main_menu section:nth-child(1) .h3_tit { color: #333; } 
.main_menu section:nth-child(1) .top { border-bottom: 1px solid #eee; } 
.main_menu section:nth-child(1) .top::after { width:10.4rem; } 
.main_menu section:nth-child(2) { background-color: #0c4e98; } 
.main_menu section:nth-child(2) .cont_bg { background-color: #07468d; } 
.main_menu section:nth-child(2) .top::after { background-color: #fff; } 
.main_menu section:nth-child(3) { background-color: #1A213B; } 
.main_menu section:nth-child(3) .br_bt { background-color: #C1CBEE; } 
.main_menu section .h3_tit { color: #fff; margin-bottom: 0; } 
.main_menu section .top::after { content: ''; display: block; width: 7.5rem; height: 3px; background-color: #0c4e98; position: absolute; bottom:0; left:3rem; } 
.br_bt { content: ''; display: block; width: 3rem; height: 2px; background-color: #E3E3E3; margin: 0 auto; } 
.btn-outline-wh{border-color: #fff; color: #fff}



/*프로그래스바 css*/
.cir_progress { 
position:relative; 
width:10.7rem; 
height:10.7rem; 
border-radius:50%; 
background:#f2f2f2; 
 } 
.cir_progress div { 
position:absolute; 
left:5.35rem; 
top:0; 
display:none; 
width:2px; 
height:5.35rem; 
background: #FFCD60; 
transform-origin: 0px 5.35rem; 
-webkit-transform-origin: 0px 5.35rem; 
-moz-transform-origin: 0px 5.35rem; 
-ms-transform-origin: 0px 5.35rem; 
 } 

.cir_progress_value { 
transform:lotate(0deg); 
-webkit-transform:lotate(0deg); 
-moz-transform:lotate(0deg); 
-ms-transform:lotate(0deg); 
 } 
.cir_progress span { 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 transform: translate(-50%,-50%); 
 width: 8.8rem; 
 height: 8.8rem; 
 border-radius: 50%; 
 background-color: #fff; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 z-index: 5; 
 font-size: 2.6rem; 
 font-weight: 700; 
 color: #333; 
 } 



/*서브*/
.profile { 
 width: 10.6rem; 
 height: 10.6rem; 
 border-radius: 1.2rem; 
 position: relative; 
 overflow: hidden; 
 flex-shrink: 0; 
 background-color: #fff; 
 border: 1px solid #E3E3E3; 
 } 
.profile div { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%; 
 background-size: cover; 
 background-repeat: no-repeat; 
 background-position: center; 
 image-rendering: -webkit-optimize-contrast; 
 } 
.btn_group .btn { display: flex; align-items: center; position: relative; overflow: hidden; } 
.btn_group.cancle .btn:first-child::after { display: none; } 
 .profile02 { 
    width: 10.6rem; 
    height: 10.6rem; 
    border-radius: 1.2rem; 
    position: relative; 
    overflow: hidden; 
    flex-shrink: 0; 
    background-color: #fff; 
    border: 1px solid #E3E3E3; 
  } 
 .profile02 div { 
     position: absolute; 
     top: 0; 
     left: 0; 
     width: 100%; 
     height: 100%; 
     background-size:cover; 
     background-repeat: no-repeat; 
     background-position: center; 
     image-rendering: -webkit-optimize-contrast; 
  }
  .profile02 .del { 
     display: block; 
     width: 2.6rem; 
     height: 2.6rem; 
     position: absolute; 
     top: 0.8rem; 
     right: 0.8rem; 
     background:url(../img/img_canle.png) no-repeat center; 
     background-size: cover; 
     image-rendering: auto;
     border: 0;
  }
 .ul_list01 { height: 36rem; overflow-y: scroll;margin-top: 1rem; } 
 .ul_list01 > li { padding: 1.5rem 1rem; border-bottom: 1px solid #E3E3E3; } 
 .ul_list01 > li:last-child { border-bottom: 0; } 
 .ul_list01 strong { font-size: 1.8rem; font-weight: 400; } 
 .ul_list02 strong{font-weight: 700;}
.ul_list01 .info li { display: flex; align-items: center; font-size: 1.4rem; font-weight: 300; } 
.ul_list01 .info span { color: #888; width: 6rem; flex-shrink: 0; }
.ul_list02 .info{margin-top: 0.3rem;}
.ul_list02 .info span {width: 9.5rem;}
.active .btn-outline-primary { background: #0c4e98; background-color: transparent; color: #0c4e98 !important; border-color: none; } 
.btn_tab { display: flex; } 
.btn_tab .btn:not(:last-child) { margin-right: 0.6rem; } 
.separation { display: flex; margin-top: 5rem; margin-bottom: 5rem; width: 100%;} 
.separation article .ip_wr:first-child { margin-top: 0; } 
.separation .w-50 { padding: 0 7vw 0 2vw; } 
.separation .ip_wr { display: flex; align-items: center; } 
.separation .ip_wr.align-items-start .ip_tit { margin-top: 1.5rem; } 
.separation .ip_wr .ip_tit h5 { width: 14rem; flex-shrink: 0; font-size: 1.6rem !important; margin-bottom: 0; } 
.separation .form-row .ip_wr:not(:first-child) .ip_tit h5 { padding-left: 2rem; } 
.separation .select .checks { margin-bottom: 0; } 
.separation .checks { margin-bottom: 1.8rem; } 
.explan { margin-top: 1rem; font-size: 1.4rem; font-weight: 300; color: #666; } 
.explan li { display: flex; } 
.explan li span { width: 1rem; flex-shrink: 0; } 
.form_right { padding-left: 1.7rem; } 
.row { margin-left: 0; } 
.separation .w-100 { padding:3rem 4rem; } 
.separation .w-100 .checks { margin-bottom: 0; } 
.ip_wr .custom-select[readonly] { background-color: #F5F5F5 !important; border: 1px solid #F5F5F5 !important; } 
.ip_wr .form-control[readonly] { background-color: #F5F5F5 !important; border: 1px solid #F5F5F5 !important; } 
.ip_wr input[readonly]::placeholder { color: #333 !important; } 
.search_condition { display: flex; flex-wrap: wrap; border: 1px solid #e3e3e3; border-radius: 1.2rem;} 
.search_condition li { width: 50%; display: flex; align-items: center; height: 8rem; padding: 0 3rem; } 
.search_condition li:nth-child(2n-1) { border-right: 1px solid #e3e3e3; } 
.search_condition li p { width: 9rem; flex-shrink: 0; font-weight: 600; } 
.search_condition .btn-group .btn-sm { 
 border-radius: 0.4rem; 
 font-weight: 600;
 height: 4rem;
 } 
.search_condition .btn-group .btn-sm.active { 
 background-color: #fff; 
 border-color: #0c4e98; 
 color: #0c4e98; 
 } 
.search_condition .btn-group>.btn:not(:first-child) { 
 border-top-left-radius: 0; 
 border-bottom-left-radius: 0; 
 }
 .search_condition .cont{max-width: calc(100% - 6rem); overflow-x: scroll;}
 .separation .w-50 .custom-select.mt-3{margin-top: 0rem !important;}
 .separation.area{margin-top: 5rem;padding-top: 4rem;}
.area{border-top: 14px solid #f5f5f5;position: relative;}
.area::before{content: ''; display: block; width: 100%; height: 1px ; background-color: #E9E9E9; position: absolute; top: -14px; left: 0;}
.px_6{padding: 0 6vw !important;}
.modal .memo li{align-items: flex-start;}
.modal .memo li img{padding-top: 0.2rem;}
.memo {max-height: 43rem ; overflow-y: scroll;}
.memo li{display: flex; align-items: center;padding-bottom: 2.2rem; margin-bottom: 2.2rem ; border-bottom: 1px solid #E9E9E9;}
.memo li:last-child{margin-bottom: 0; border-bottom: 0;}
.memo li img{width: 4.4rem; margin-right: 1.5rem;}
.memo li > div{width: calc(100% - 5.9rem);}
.memo li  span{font-size: 1.5rem; font-weight: 300; color: #888;}
.more_tit{font-size: 2.6rem; font-weight: 700;position: relative;}
.more_cont{border-radius: 0;padding: 0 3rem; height: 9rem; width: 100%; display: flex; align-items: center; justify-content: space-between ;border-bottom: 1px solid #E3E3E3;}
.more_cont i{font-size: 3.2rem;}
.more_cont.collapsed{border-bottom: 0;}
.more_cont.collapsed i{transform: rotate(180deg); }
.more_cont .separation{margin-top: 5rem;}
#billing_rate .modal-body{max-height: 41.5rem; overflow-y: scroll;}
#billing_rate li{padding: 0 2rem; height: 6rem; display: flex; align-items: center;border-bottom: 1px solid #e3e3e3; font-size: 1.8rem; font-weight: 600;}
#billing_rate li:last-child{border-bottom: 0;}
.separation .form-control.w-100{padding: 1.4rem 2rem !important;}
.more_btn {position: absolute;top: 3rem;left: 14.5rem;}
.table_tab{height: 5.2rem; width: 100% ; border-top: 1px solid #333;padding: 0 1.5rem; display: flex; align-items: center;}
.table_tab .btn{padding: 0; margin: 0 1.5rem;position: relative; font-weight: 700; font-size: 1.6rem;height: 100%; position: relative;}
.table_tab .btn.active::after{content: ''; display: block; width: 100%; height: 2px; background-color: #333; position: absolute; bottom: -2px; left: 0;}
.modal .table {font-weight: 300;font-size: 1.5rem;}
.modal .table .checks input[type="radio"] + label {transform: translate(5px, -13px);}
.modal .table thead th {
    font-weight: 400;
    font-size: 1.5rem;
}
.br_bk{border-top: 1px solid #333;}
.separation .input-group p{font-weight: 600;}
.separation.info .ip_wr{margin-top: 1.5rem;}
.modal .rounded-pill{font-size: 1.6rem;height: 4.5rem;}
.contract_img img{width: 100%;max-width: 42.4rem;margin-top: 2rem;}
.modal-body .bg-mgr{background-color: #f5f5f5;}
.rent .btn.off{background: #F2F2F2 !important; border-color: #F2F2F2 !important; color: #333 !important;}
.car_select {
    position: absolute;
    top: 4.8rem;
    left: 13.5rem;
}
.car_ul{max-height: 50rem; overflow-y: scroll;}
.car_ul li{
 border-radius: 1.2rem;
 margin-bottom: 1.5rem;
 border:1px solid #e3e3e3;
 padding: 2rem;
}
.car_ul li .memo{
    background-color: #F5F5F5;
    padding: 1.5rem 2rem;
    font-size: 1.5rem;
    font-weight: 300;
    border-radius: 1.2rem;
    margin-top: 2rem;
}
.container-md{max-width: 80rem;}
.container-md .ip_tit h5{font-size: 1.6rem !important;}
.txt_box{background-color: #F5F5F5;padding: 2.5rem 2rem; border-radius: 1.2rem;}
.txt_box p{font-size: 1.5rem; font-weight: 300; white-space: pre-line;}
.answer_box{border: 1px solid #e3e3e3; border-radius: 1.2rem ; padding: 2.5rem 2rem; margin-top: 2rem; font-size: 1.5rem;}
.answer_box strong{font-weight: 600; margin-bottom: 0.5rem;}
.answer_box p{font-weight: 400; white-space: pre-line;}
.answer::before{content: 'ㄴ'; color: #888; font-size: 1.8rem; font-weight: 400; margin-right: 0.6rem;}
.inx_pg .container-xl{min-height: auto;}





/*페이지*/
 .pagination { justify-content: center; margin-bottom: 1rem; } 
 .page-item:first-child { 
 border: 1px solid #e9e9e9; 
 } 
.page-item:last-child { 
 border: 1px solid #e9e9e9; 
 transform: translateX(-2px); 
 } 



/*테이블*/
.x_scroll{overflow-x: scroll;}
.table { margin-top: 2rem; color: #333; font-weight: 500; } 
.table td { 
 border-top: none; 
 height: 6.6rem; 
 padding: 1.8rem 1rem; 
 vertical-align: middle; 
 line-height: 1.2; 
 } 
.table thead th { 
 background-color: #F2F2F2; 
 height: 6.6rem; 
 vertical-align: middle; 
 border-bottom:none; 
 border-top: 1px solid #E9E9E9; 
 font-weight: 600; 
 line-height: 1.2; 
 } 

.table-striped tbody tr:nth-of-type(odd) { 
 background-color: #fbfbfb; 
 } 
.table .checks input[type="checkbox"] + label { 
 position: initial; 
 transform: translate(10px,-12px); 
 } 

.table2 {font-weight: 300;font-size: 1.5rem;}
.table2 thead th {
    font-weight: 400;
    font-size: 1.5rem;
    height: 5rem;
}
.table2 tbody tr{border-bottom: 1px solid #e3e3e3;}
.table2 td {height: 5rem;

}




/*모달*/
.modal-dialog { 
 max-width: 56rem; 
 } 
.modal-header { 
 justify-content: center; 
 padding: 1.5rem 3rem; 
 border-bottom: 1px solid #e3e3e3; 
 } 
 .modal-header .close { opacity: 1; position: absolute; top: 1.5rem; right: 3rem; } 
 .modal-header .close img { width: 2.8rem; opacity: 1; } 
.modal-footer { 
 padding: 0rem 3rem 3rem; 
 border-top: 0; 
 } 
.modal-title { 
 font-size: 1.8rem; 
 font-weight: 600; 
 text-align: center; 
 } 
 .modal-content { 
width: 48rem; 
 border:0; 
 border-radius: 1.5rem; 
 } 
.modal-body { 
 padding:4rem 3rem; 
 } 
 .modal-sm {
    max-width: 40rem;
}
.modal-md {
    width: 54.5rem !important;
}
.modal-body.h-auto{max-height:none;}
#picture_detail .modal-body img{width: 100%;}


 

/*로그인*/
.login_pg .h2_tit { font-weight: 800; } 
.login_pg { min-height: calc(100vh - 18.2rem); background-color: #F8F8F8; } 
.container-sm { max-width:54rem; margin: 10rem auto; padding: 8.5rem 6rem 6rem; background-color: #fff; border-radius: 2rem; } 
.login_pg .container-sm { flex-direction: column; box-shadow: 0px 3px 6px rgb(0 0 0 / 8%); } 
.login_img img { width: 18rem; margin: 0 auto; image-rendering: -webkit-optimize-contrast;} 
.join_bg {padding:2.4rem 3rem; display: flex; align-items: center; justify-content: space-between; width: 100%; border-radius: 1.2rem; } 
.join_bg.lg_bg{padding:0;background: url(../../images/join_ic03.png) no-repeat center right;  background-size: 15rem; background-color: #0c4e98; }
.join_bg.lg_bg a{color: #fff; display: block;padding:2.8rem 3rem; }
.join_bg2 { background-color: #fff; box-shadow: 0px 3px 6px rgb(0 0 0 / 8%); }
.join_bg2  img{width: 5.6rem;}
.guide li { font-size: 1.4rem; border-bottom: 1px solid #E3E3E3; padding: 2rem 1rem; } 
.guide li:last-child { border-bottom: 0; } 
.guide li div { display: flex; } 
.guide li div:not(:first-child) { margin-top: 0.2rem; } 
.guide li div span { margin-right: 0.4rem; } 
.notice_text { display: flex; } 
.notice_text span { margin-right: 0.4rem; } 
.terms { margin-top: 3rem; } 
.terms .input-group { display: flex; align-items: center; justify-content: space-between; } 
.terms_cont { background-color: #F5F5F5; padding:0 2rem; font-size: 1.4rem; font-weight: 300; color: #888; height: 16rem; overflow: scroll; } 
.terms_cont p { margin: 2rem 0; white-space: pre-line; } 
.term_all { border: 1px solid #E3E3E3; padding: 1.8rem 2rem; border-radius: 1.2rem; } 
.completion { background: url(../../images/completion_bg.png) no-repeat top 7rem center; background-size: 54rem; background-color: #fff; padding-top:28rem; } 
.refuse { background: url(../img/refuse_bg.png) no-repeat top 7rem center; background-size: 54rem; background-color: #fff; padding-top:28rem; } 
.completion > div, .refuse > div { display: flex; flex-direction: column; align-items: center; text-align: center; } 



/*인풋수정*/
.form-control.is-invalid, .was-validated .form-control:invalid { 
 border-color: #E3E3E3; 
 background:none; 
 } 
.invalid-feedback { 
 margin-top: 0.8rem; 
 font-size: 1.4rem; 
 color: #FF5D4A; 
 }
.invalid-feedbacka {
 width: 100%;
 margin-top: 0.8rem;
 font-size: 1.4rem;
 color: #FF5D4A;
 display: none;
}
.form-row {
 align-items: flex-end; 
 } 
 .btn_group .btn { margin-bottom: 0.8rem; } 
.btn_group { display: flex; align-items: center; flex-wrap: wrap; } 
.btn_group .btn:not(:last-child) { 
 margin-right: 0.8rem; 
 } 
 .search { 
 padding: 1.4rem 2rem; 
 font-size: 1.5rem; 
 height: 5.2rem; 
 border-radius: 1.2rem; 
 border:1px solid #e3e3e3; 
 display: flex; 
 align-items: center; 
 } 
 .search .form-control:focus .search { 
 border-color: var(--main) !important; 
 } 
.search .form-control { 
 height: 0; 
 border: 0; 
 transform: translateY(-0.3rem); 
 width: calc(100% - 6.7rem); 
 padding-left: 0;padding-right: 0;
 } 
 .serch_delete img { width: 2rem; transform: translateY(-0.4rem); } 
.serch_btn img { width: 2.8rem; transform: translateY(-0.4rem); } 
.delete_btn{position: absolute; top: 50% ; transform: translateY(-50%); right: 14.5rem; z-index: 8;}
.delete_btn img{width: 2rem;}
.memo_ip .form-inline {
    justify-content: space-between;
    border-radius: 1.2rem;
    flex-wrap: nowrap;
    border: 1px solid #e3e3e3;
}
.memo_ip .form-inline .form-control {
    background: transparent;
    flex: 1 1 auto!important;
    border: 0;
    box-shadow: 0 0 0 rgb(0 0 0 / 0%);
}
.sign{display: block; content: ''; width: 100%; height: 11.4rem; background-color: #F5F5F5; border-radius: 1.2rem;} 
.banner_img{max-width: 412px; margin: 0 auto;}








@media (max-width:1900px) { 
 .container-sm  .form-row{display: flex;}
 .form-row { display: block; margin-top: 3rem; } 
 .separation .form-row .ip_wr:not(:first-child) .ip_tit h5 { padding-left: 0; } 
 .separation .form-row .ip_wr.col-6 { max-width: 100%; } 
 } 

 @media (max-width: 1800px) { 
 .separation .w-50 { padding: 0 4.5vw 0 2vw; } 
 } 

@media (max-width: 1700px) { 
 .main_left { height: auto; background: none; } 
 .inx_pg .wrap { display: block; height:100%; } 
 .inx_pg .w-45 { width: 100%; padding: 5rem 0 1rem; } 
 .inx_pg .w-55 { width: 100%; overflow-y: inherit; padding: 3rem 0; } 
 .main_menu { margin-bottom: 3rem; } 
 .separation .ip_wr { display: block; } 
 .separation .ip_wr .ip_tit h5 { margin-bottom: 1rem; } 
 .separation .w-50 { padding: 0 2vw 0 2vw; }
 .px_6{padding: 0 2vw !important;}
 .separation .ip_wr .ip_tit h5 {width: auto;}
.separation .w-50 .custom-select.mt-3{margin-top: 1rem !important;}
.separation .w-50 .custom-select.mr-6{margin-right:0;}
.pt_180 {padding-top: 27.8rem;}
 } 


/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) { 

 } 


/*반응형 max 992px lg*/
@media (max-width: 991.98px) { 

 } 




/*반응형 max 767px md*/
@media (max-width: 767.98px) { 

 } 

/*반응형 max 576px sm*/
@media (max-width: 575.98px) { 

 } 

@media (max-width:380px) { 
body { font-size: 1.4rem; } 
 }