/* ***************** common ***************** */
.subpage{padding: 50px 0 129px;background-color: #fff;border-radius: 30px 30px 0 0;box-shadow: 14px 21px 33px #CDCDD696;}

/* 스크롤바 커스텀 */
.scrollBar { width: 100%;height: 100%;overflow-y: scroll;line-height: 22px;}
.scrollBar::-webkit-scrollbar {width: 8px;}
.scrollBar::-webkit-scrollbar-thumb {height: 30%;background: #8399d9;border-radius: 10px;}
.scrollBar::-webkit-scrollbar-track {background: rgba(33, 122, 244, .1);  /*스크롤바 뒷 배경 색상*/}



/* ***************** 로그인 (+ 회원가입 공통)***************** */
.login-pg .input-form{padding: 24px 0 53px;}
.login-pg .input-form ul.ul-top{padding-top: 33px;}
.login-pg .input-form ul.ul-top:first-child{border-top: 1px solid #D3D6E3;}
.login-pg .input-form ul li{text-align: left;}
.login-pg .input-form ul li.li-tit{margin-bottom: 14px;}
.login-pg .input-form ul li label.login-name{font-size: 20px;line-height: 33px; font-weight: bold;color: #1E2A52;font-family: 'paybooc';}

.login-pg .input-form ul li.phoneNum-wrap{border: 1px solid #b5b9ce;border-radius: 14px;height: 82px;display: flex;align-items: flex-start;}
.login-pg .input-form ul li select.code-sel{background-color: #fff; width: 125px;height: 80px;border: 0;border-radius: 14px;font-family: 'paybooc';color: #1E2A52; font-size: 21px; font-weight: bold;padding-left: 24px;}

.login-pg .input-form input[type=tel].phoneNum{width: 100%; height: 80px;border: 0;border-radius: 14px; padding-left: 29px;font-size: 20px;font-family: 'paybooc';font-weight: 500;}
.login-pg .input-form input[type=tel].phoneNum::placeholder{font-size: 20px;line-height: 33px;color: #7c819a;font-family: 'paybooc';font-weight: 500;}

.login-pg .input-form .login-input{width: 100%;height: 82px;border-radius: 14px;border: 1px solid #b5b9ce;padding-left: 29px;font-size: 20px;font-family: 'paybooc';font-weight: 500;}
.login-pg .input-form .login-input::placeholder{font-size: 20px;line-height: 33px;color: #7c819a;font-family: 'paybooc';font-weight: 500;}

.login-pg ul.btn-wrap li{margin-bottom: 12px;}
.login-pg ul.btn-wrap li:last-child{margin-bottom: 0;}
.login-pg ul.btn-wrap li.or-txt{width: 100%;height: 57px;font-size: 21px;font-weight: bold;line-height: 57px; color: #A3A8B9;}
.login-pg ul.btn-wrap button{width: 100%;height: 82px;border-radius: 14px;font-size: 20px;line-height: 33px;font-weight: bold;color: #fff;font-family: 'paybooc';}
.login-pg ul.btn-wrap button.chk-btn{background-color: #025EFF;}
.login-pg ul.btn-wrap button.chk-btn:hover{background-color: #fff;border: 1px solid #025EFF;color: #025EFF;}
.login-pg ul.btn-wrap button.join-btn{background-color: #1E2A52;}
.login-pg ul.btn-wrap button.join-btn:hover{background-color: #fff;border: 1px solid #1E2A52;color: #1E2A52;}
.login-pg ul.btn-wrap button.find-btn{background-color: #FFFFFF;border: 1px solid #DEE0E5;color: #A3A8B9;}
.login-pg ul.btn-wrap button.find-btn:hover{background-color: #DEE0E5;color: #fff;}


/* ***************** 회원가입 ***************** */
.join-pg{padding: 50px 0 71px;}
.join-pg span.requisited{font-size: 20px;font-weight: bold; font-family: 'paybooc';color: #025EFF;line-height: 33px;margin-left: 2px;vertical-align: super;}

.join-pg .agree-box{background-color: #F9FAFC;border: 1px solid #DEE0E5;border-radius: 14px;padding: 21px 24px;margin-bottom: 38px;}
.join-pg .agree-box p.agree-info{font-size: 16px;color: #025EFF;line-height: 33px; font-weight: 500;text-align: left;margin-bottom: 15px;}
.join-pg .agree-box ul.agree-cont li ul.a-cont{display: flex;align-items: center;justify-content: flex-start;}
.join-pg .agree-box ul.agree-cont li ul.a-cont01{margin-bottom: 11px;}
.join-pg .agree-box ul.agree-cont li ul.a-cont li label.name{font-size: 17px;color: #646464;font-weight: 400;}
.join-pg .agree-box ul.agree-cont li ul.a-cont li button.contView-btn{font-family: 'Noto Sans KR';background-color: #646464;width: 73px;height: 25px; border-radius: 4px;font-size: 13px;color: #fff;margin-left: 7px;}
.join-pg .agree-box ul.agree-cont li ul.a-cont li button.contView-btn:hover{background-color: #fff;border: 1px solid #646464;color: #646464;}


/* 체크박스 커스텀 */
input[type=checkbox].chkBtn{display:none;}
input[type=checkbox].chkBtn + label{cursor:pointer;}
input[type=checkbox].chkBtn + label > span{vertical-align: middle;padding-left: 5px;}
input[type=checkbox].chkBtn + label:before{content:"";display:inline-block;width:28px;height:28px;border:1px solid #A4AABA;border-radius: 30px;vertical-align:middle;}
input[type=checkbox].chkBtn + label:before{content:"";background-image: url('../img/chk_ico02.png');background-repeat: no-repeat;background-position: 50%;}
input[type=checkbox].chkBtn:checked + label:before{content:"";background-color:#025EFF;border-color:#fff;background-image: url('../img/chk_ico01.png');background-repeat: no-repeat;background-position: 50%;}

/* 내용보기 버튼 팝업 */
#cont-popup01.view{transform: translateX(0%);opacity: 1;}
#cont-popup02.view{transform: translateX(0%);opacity: 1;}

.popup{font-family: 'paybooc';position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;transform: translateX(100%); opacity: 0;z-index: 9999;}
.popup .box{ width: 500px;height: auto;background-color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;border-radius: 24px;}
.popup .box .popup-top{background-color: #1E2A52;color: #fff; height: 60px;padding: 20px 25px;display: flex;align-items: center;justify-content: space-between;border-radius: 24px 24px 0 0;}
.popup .box .popup-top h4{font-size: 17px;}
.popup .box .content{width: 100%;height: 100%;background-color: white;text-align: left;padding: 25px;border-radius: 24px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.popup .box .content .contTxt{border:1px solid #DEE0E5;width: 100%;height: 300px;padding: 15px 20px;font-size: 14px;}
.popup .box .content .btn-wrap{margin-top: 21px;}
.popup .box .content .btn-wrap button.popupBtn{background-color: #8399d9;border-radius: 10px;font-size: 16px;color: #fff; line-height: 24px;width: 120px;height: 50px;font-family: 'Noto Sans KR';}
.popup .box .content .btn-wrap button.popupBtn:hover{background-color: #1E2A52;color: #fff;}
.popup .bg{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background-color: #000a;z-index: 1;}



/* ***************** 방문신청 ***************** */
.join-pg p.p-info{font-size: 16px; color: #025EFF;margin-bottom: 8px;text-align: right;font-weight: 500;}
.join-pg .request-form{padding: 32px 28px 58px;background-color: #F9FAFC;border: 1px solid #DEE0E5;border-radius: 14px;}
.join-pg .wrap01{margin-bottom: 52px;}
.join-pg .wrap02{margin-bottom: 33px;}
.join-pg .form-top{display: flex;align-items: center;}
.join-pg .form-top img{margin-right: 11px;}
.join-pg .form-top span{font-size: 25px;font-weight: bold;font-family: 'paybooc';}
.join-pg .request-form select.request-sel{appearance:none;background:url('../img/select_down03.png') no-repeat right 22px center;font-family: 'paybooc';font-weight: 500; width: 100%;height: 70px;border: 1px solid #b5b9ce;border-radius: 14px;font-size: 20px;color: #7c819a;padding-left: 26px;}
.join-pg .request-form input[type=text],
.join-pg .request-form input[type=date]
{width: 100%;height: 70px;}
.join-pg .request-form input[type=text].input-color{background-color: #F3F5F9;}
.join-pg .request-form input[type=text].input-color::placeholder{color: #7c819a;}

.join-pg .v-add{display: flex;align-items: center;justify-content: center;margin: 18px 0;}
.join-pg .v-add button.v-addBtn{background-color: #1E2A52;border-radius: 14px;font-size: 18px;color: #fff;width: 133px;height: 46px;font-family: 'paybooc';}
.join-pg .v-add button.v-addBtn:hover{background-color: #fff;color: #1E2A52;border: 1px solid #1E2A52;}

.join-pg .v-chk{display: flex;align-items: center;justify-content: flex-end;margin-bottom: 18px;}
.join-pg .v-chk input[type=checkbox] + label:before{width: 28px;height: 28px;}
.join-pg .v-chk input[type=checkbox]:checked + label:before{background-color: #1E2A52;}
.join-pg .v-chk label span{font-size: 20px;line-height: 30px;font-weight: bold;font-family: 'paybooc';margin-left: 10px;}

.join-pg .request-form ul.ul-top li.guide-wrap{display: flex;align-items: flex-start;justify-content: space-between;}
.join-pg .request-form ul.ul-top li.guide-wrap button{background-color: #1E2A52;border-radius: 16px;height: 31px; font-size: 14px;color: #fff;font-family: 'paybooc';font-weight: 500;}
.join-pg .request-form ul.ul-top li.guide-wrap button:hover{background-color: #fff;color: #1E2A52;border: 1px solid #1E2A52;}
.join-pg .request-form ul.ul-top li.guide-wrap button.guide-btn01{width: 117px;}
.join-pg .request-form ul.ul-top li.guide-wrap button.guide-btn02{width: 138px;}
.join-pg .request-form ul.ul-top li.guide-wrap .chk-name{display: flex;flex-direction: column-reverse;}
.join-pg .request-form ul.ul-top li.guide-wrap .car-name{position: relative}
.join-pg .request-form ul.ul-top li.guide-wrap .car-name input[type=checkbox].chkBtn + label:before{position: absolute;top: 0;right: -40px;}
.join-pg .request-form ul.ul-top li.downBtn-wrap{margin-top: 12px;display: flex;align-items: center;justify-content: flex-end;}
.join-pg .request-form ul.ul-top li button.down-btn{font-family: 'paybooc';font-size: 20px;font-weight: bold;color: #025EFF;text-align: right;}
.join-pg .request-form ul.ul-top li button.down-btn:hover{color: #5995ff;}


.join-pg .request-form .date-wrap{margin-bottom: 15px;}
.join-pg .request-form ul.input-grid{display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 14px;}
.join-pg .request-form input[type=date].input-date{position: relative; background-color: #F3F5F9; font-family: 'paybooc';font-weight: 500; width: 100%;height: 70px;border: 1px solid #b5b9ce;border-radius: 14px;font-size: 20px;color: #7c819a;padding-left: 26px;}
.join-pg .request-form input[type=date].input-date::-webkit-clear-button, .join-pg .request-form input[type=date].input-date::-webkit-inner-spin-button, .join-pg .request-form input[type=date].input-date::-webkit-outer-spin-button{ display: none; -webkit-appearance: none;}
.join-pg .request-form input[type=date].input-date::-webkit-calendar-picker-indicator {background: transparent;z-index: 1;width: 35%;cursor: pointer;}
.join-pg .request-form input[type=date].input-date:after{position: absolute;top:50%;right:20px;content: '';width: 20px;height:22px;background: url('../img/date_ico.png') center center /contain no-repeat;transform: translateY(-50%);z-index: 0;}
.join-pg .request-form input[type=date].input-date::before{content: attr(data-placeholder);width: 100%;}
.join-pg .request-form input[type=date]:focus::before,
.join-pg .request-form input[type=date]:valid::before {display: none;}


.join-pg .request-form ul.w-flex{display: flex;align-items: center;justify-content: space-between;}
.join-pg .request-form ul.w-flex li{margin-right: 14px;}
.join-pg .request-form ul.w-flex li:last-child{margin-right: 0;}
.join-pg .request-form ul.w-flex li select.carry-sel{width: 138px;}
.join-pg .request-form ul.w-flex li input[type=text].carry-input{padding-left: 19px;}
.join-pg .request-form ul.w-flex li button{border-radius: 14px;width: 70px;height: 70px;font-weight: 500;font-family: 'paybooc';}
.join-pg .request-form ul.w-flex li button.del-btn{background-color: #DEE0E5;font-size: 20px;color: #1E2A52;}
.join-pg .request-form ul.w-flex li button.del-btn:hover{background-color: #fff;border: 1px solid #1E2A52;}
.join-pg .request-form ul.w-flex li button.add-btn{background-color: #fff;font-size: 20px;color: #A3A8B9; border: 1px solid #DEE0E5;}
.join-pg .request-form ul.w-flex li button.add-btn:hover{background-color: #A3A8B9;color: #fff;}

.join-pg .request-form ul.input-flex{display: flex;align-items: center;justify-content: space-between;}
.join-pg .request-form ul.input-flex001 li:last-child{margin-right: 14px;}


/* 차량가이드 팝업 */
#guide-popup01.view{transform: translateX(0%);opacity: 1;}
#guide-popup01-2.view{transform: translateX(0%);opacity: 1;}
#guide-popup01-3.view{transform: translateX(0%);opacity: 1;}
#guide-popup02.view{transform: translateX(0%);opacity: 1;}
.guide-pop .guide-cont{width: 100%;height: 170px; font-size: 14px;font-weight: 500;line-height: 26px;}


/* 방문자 추가 아코디언  */
#Accordion_wrap{padding: 16px 28px;margin-bottom: 25px;}
/* .tit_line div.tit-flex, .cont_line div.cont-flex{display: flex;align-items: center;} */
.tit_line { position: relative;padding: 16px 0; cursor: pointer; font-size: 16px;font-weight: 500;}
.cont_line { display: none; overflow: hidden;}
.arrow-wrap { position: absolute; top:50%; right: 20px; transform: translate(0, -50%); }
.arrow-wrap  button{width: 35px;height: 35px;}
.tit_line .arrow-top { display: none; }
.tit_line .arrow-bottom {display: flex; align-items: center;justify-content: flex-end;}
.tit_line button{background-color: transparent;}
.tit_line.on .arrow-bottom { display: none; }
.tit_line.on .arrow-top {display: flex; align-items: center;justify-content: flex-end;}



/* ***************** 관리자페이지 ***************** */
.adm-pg{text-align: left;background-color: #EFF5F9;}
.adm-pg .adm-inner{width: 1400px;margin: 0 auto;}

/* 체크박스 커스텀 */
.adm-pg input[type=checkbox].chkBtn{display:none;}
.adm-pg input[type=checkbox].chkBtn + label{cursor:pointer;}
.adm-pg input[type=checkbox].chkBtn + label > span{vertical-align: middle;padding-left: 5px;}
.adm-pg input[type=checkbox].chkBtn + label:before{content:"";display:inline-block;width:20px;height:20px;border:1px solid #A4AABA;border-radius: 4px;vertical-align:middle;}

.adm-pg .adm-cont .searchBox .search-selec .search01 ul li input[type='radio']{margin-right:5px;width:20px;height:20px;}

.adm-pg input[type=checkbox].chkBtn + label:before{background: none;}
.adm-pg input[type=checkbox].chkBtn:checked + label:before{content:"";background-color:#025EFF;border-color:#fff;background-image: url('../img/chk_ico01.png');background-repeat: no-repeat;background-position: 50%;}

.adm-pg input[type=checkbox].tb_chkBtn + label:before{width: 18px;height: 18px;}


.adm-pg header{width: 100%;padding: 11px 0;background-color: #fff;box-shadow: 0px 3px 6px #1E2A520A;border-radius: 0px 0px 14px 14px;}
.adm-pg header .adm-inner{display: flex;align-items: center;justify-content: space-between;}
.adm-pg header ul.bar{display: flex;align-items: center;}
.adm-pg header ul.bar li img.setting-ico{padding: 0 11px;}
.adm-pg header ul.bar li select{appearance:none;background:url('../img/select_down.png') no-repeat right 15px center;width: 100px;height: 33px;background-color: #1E2A52;border-radius: 17px;font-size: 15px;color: #fff;font-family: 'paybooc';font-weight: bold;padding-left: 15px;}



.adm-pg footer{border-radius: 0;}
.adm-pg footer .adm-inner{display: flex;flex-direction: column;align-items: center;justify-content: space-between;}
.adm-pg footer .adm-inner h2 img{margin: 0 auto;}

.adm-pg .adm-cont{padding: 35px 0 94px;}
.adm-pg .adm-cont h4{font-size: 20px;font-weight: 800;font-family: 'paybooc';margin-bottom: 24px;}
.adm-pg .adm-cont h5{font-size: 18px;font-weight: bold;margin-bottom: 7px;line-height: 26px;}

.adm-pg .adm-cont .visitCont{display: flex;align-items: center;justify-content: space-between;}
.adm-pg .adm-cont .visitCont .visit-day{margin-right: 47px;width: 70%;}
.adm-pg .adm-cont .visitCont .visit-day ul{display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 14px;}
.adm-pg .adm-cont .visitCont .visit-day ul li.v-box{width: 100%; height: 193px; border-radius: 24px;padding: 32px 30px 19px;}
.adm-pg .adm-cont .visitCont .visit-day ul li.v-box1{background: transparent linear-gradient(180deg, #0050DC 0%, #003DAA 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #0050DC4D;}
.adm-pg .adm-cont .visitCont .visit-day ul li.v-box2{background: transparent linear-gradient(180deg, #00A1F1 0%, #0083C4 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #00A1F14D;}
.adm-pg .adm-cont .visitCont .visit-day ul li.v-box3{background: transparent linear-gradient(180deg, #1E2A52 0%, #131F46 100%) 0% 0% no-repeat padding-box;box-shadow: 0px 3px 6px #1E2A524D;}
.adm-pg .adm-cont .visit-day ul li.v-box a{display: flex;flex-direction: column;justify-content: space-between;}
.adm-pg .adm-cont .visit-day ul li.v-box h4{display: flex;align-items: center;justify-content: flex-start;font-size: 20px;font-weight: bold;font-family: 'paybooc';color: #fff;}
.adm-pg .adm-cont .visit-day ul li.v-box h4 img{margin-right: 14px;}
.adm-pg .adm-cont .visit-day ul li.v-box .num{align-self: flex-end;font-size: 22px;font-weight: bold;color: #fff;font-family: 'paybooc';}
.adm-pg .adm-cont .visit-day ul li.v-box .num span{font-size: 72px;font-weight: 100;font-family: 'Roboto';line-height: 100px;vertical-align: sub;}

.adm-pg .adm-cont .visit-total{width: 30%;}
.adm-pg .adm-cont .visit-total .totalBox{width: 100%; background-color: #fff;border-radius: 24px;box-shadow: 0px 3px 6px #1E2A5212;padding: 27px 33px 33px;}
.adm-pg .adm-cont .visit-total .totalBox ul{display: flex;align-items: center;justify-content: space-between;}
.adm-pg .adm-cont .visit-total .totalBox ul li{font-size: 17px;line-height: 35px;}
.adm-pg .adm-cont .visit-total .totalBox ul li.t-num{color: #A3A8B9;}
.adm-pg .adm-cont .visit-total .totalBox ul li.t-num span{font-size: 23px;font-weight: 500;color: #1E2A52; line-height: 30px;font-family: 'Roboto Mono';}

.adm-pg .adm-cont .v-list{padding-top: 46px;}
.adm-pg .adm-cont .v-list02{padding-top: 13px;}
.adm-pg .adm-cont .v-list .listBox{background-color: #fff;box-shadow: 0px 3px 6px #1E2A5212;border-radius: 24px;}
.adm-pg .adm-cont .v-list .v-search{margin-bottom: 13px;padding: 22px 30px 12px;}
.adm-pg .adm-cont .v-list .v-search h5{border-bottom: 1px solid #D3D6E3;padding-bottom: 11px;margin-bottom: 0;}

.adm-pg .adm-cont .v-list .searchBox{display: flex;align-items: center;justify-content: space-between;padding: 13px 0 34px;}
.adm-pg .adm-cont .v-list .searchBox .search-selec .selec .s-title{display: flex;align-items: center;width: 60px;margin-right: 100px;}
.adm-pg .adm-cont .v-list .searchBox .search-selec .selec .s-title img{margin-right: 6px;}
.adm-pg .adm-cont .v-list .searchBox .search-selec .selec .s-title h6{font-size: 17px;font-weight: 500;}
.adm-pg .adm-cont .v-list .searchBox .search-selec .selec ul{display: flex;align-items: center;}
.adm-pg .adm-cont .searchBox .search-selec .search01{display: flex;align-items: center;margin-top: 12px;}

.adm-pg .adm-cont .searchBox .search-selec .search01 ul li{display:flex;align-items:center;font-size: 16px;color: #7E88A6;line-height: 24px;margin-right: 25px;}
.adm-pg .adm-cont .searchBox .search-selec .search01 ul li:last-child{margin-right: 0;}
.adm-pg .adm-cont .searchBox .search-selec .search02{display: flex;align-items: center;margin-top: 22px;}
.adm-pg .adm-cont .searchBox .search-selec .search02 ul li select{font-family: 'Noto Sans KR';width: 156px;height: 45px;border: 1px solid #DEE0E5;border-radius: 10px;margin-right: 7px;padding-left: 15px;font-size: 16px;color: #B5B9CE;font-weight: 500;}
.adm-pg .adm-cont .searchBox .search-selec .search02 ul li input[type="text"]{font-family: 'Noto Sans KR';width: 333px;height: 45px;border-radius: 10px;border: 1px solid #DEE0E5;font-size: 16px;padding-left: 15px;}
.adm-pg .adm-cont .searchBox .search-selec .search02 ul li input[type="text"]::placeholder{font-family: 'Noto Sans KR';font-size: 16px;color: #B5B9CE;}
.adm-pg .adm-cont .searchBox .btn-wrap button.search-btn{width: 145px;height: 100%;height: 99px; font-size: 16px;border-radius: 10px;background-color: #DEE0E5;}
.adm-pg .adm-cont .searchBox .btn-wrap button.search-btn:hover{background-color: #7E88A6;}
.adm-pg .adm-cont .searchBox select.adm-name{appearance:none;background:url('../img/select_down03.png') no-repeat right 17px center;}


.adm-pg .adm-cont .v-list .total-list{padding: 22px 30px 42px;}
.adm-pg .adm-cont .v-list .total-list ul.t-info{display: flex;align-items: center;margin-bottom: 20px;}
.adm-pg .adm-cont .v-list .total-list ul.t-info li{font-size: 16px;color:#B2B2B2;}
.adm-pg .adm-cont .v-list .total-list ul.t-info li.bar{margin: 0 13px;background-color: #B2B2B2;width: 1px;height: 15px;}
.adm-pg .adm-cont .v-list .total-list ul.t-info li span{margin-left: 5px;}
.adm-pg .adm-cont .v-list .total-list .list-top{display: flex;align-items: center;justify-content: space-between;padding-bottom: 10px;}
.adm-pg .adm-cont .v-list .total-list .list-top h5{margin-bottom: 0;}
/*
.adm-pg .adm-cont .v-list .total-list .list-top .recent-view select{font-family: 'Noto Sans KR';appearance:none;background:url('../img/select_down02.png') no-repeat right 5px center;width: 136px;font-size: 16px;color: #7E88A6;border: 0;padding-left: 12px;}
*/
.adm-pg .adm-cont .v-list .total-list .list-top .recent-view select{font-family: 'Noto Sans KR';appearance:none;background:url('../img/select_down02.png') no-repeat right 5px center;width: 180px;font-size: 16px;color: #7E88A6;border: 0;padding-left: 12px;}


.adm-pg .adm-cont .v-list .tb-wrap table.info_view{text-align: center;font-size: 16px;}
.adm-pg .adm-cont .v-list .tb-wrap table.info_view input[type=checkbox]{border-color: #A3A8B9;}
.adm-pg .adm-cont .v-list .tb-wrap table.info_view thead{border-radius: 10px;height: 45px;background-color: #F9FAFC;border-style: hidden;box-shadow: 0 0 0 1px #DEE0E5;}
.adm-pg .adm-cont .v-list .tb-wrap table.info_view thead tr th{padding: 10px 25px 11px;font-weight: 500;position: relative;}
.adm-pg .adm-cont .v-list .tb-wrap table.info_view thead tr th:nth-child(1){border-radius: 11px 0 0 11px;}
.adm-pg .adm-cont .v-list .tb-wrap table.info_view thead tr th:last-child{border-radius: 0 11px 11px 0;}
.adm-pg .adm-cont .v-list .tb-wrap table.info_view thead tr th:before{content: '';position: absolute;top: 15px;right: 0;background-color: #DEE0E5;width: 1px ;height: 17px;}
.adm-pg .adm-cont .v-list .tb-wrap table.info_view thead tr th:last-child::before{display: none;}
.adm-pg .adm-cont .v-list .tb-wrap table.info_view tbody tr{border-bottom: 1px solid #DEE0E5;cursor: pointer;}
.adm-pg .adm-cont .v-list .tb-wrap table.info_view tbody tr td{padding: 12px 25px;}
.adm-pg .adm-cont .v-list .tb-wrap table.info_view tbody tr td.okay{color: #025EFF;}
.adm-pg .adm-cont .v-list .tb-wrap table.info_view tbody tr td.num{font-family: 'Roboto Mono';}

.adm-pg .adm-cont .v-list .btn-wrap{display: flex;align-items: center;justify-content: space-between;}
.adm-pg .adm-cont .v-list .tb-btn-wrap{margin-top: 13px;}
.adm-pg .adm-cont .v-list .btn-wrap button{height: 42px;border-radius: 10px;font-size: 16px;color: #fff;text-align: center;font-family: 'Noto Sans KR';}
.adm-pg .adm-cont .v-list .btn-wrap button.down-btn{width: 121px;background-color: #025EFF;}
.adm-pg .adm-cont .v-list .btn-wrap button.down-btn:hover{background-color: #003da9;}
.adm-pg .adm-cont .v-list .btn-wrap ul{display: flex;align-items: center ;}

.adm-pg .adm-cont .v-list .btn-wrap ul li button{padding:0px 10px;margin:0px 3px;width:auto;background-color: #7E88A6;}
.adm-pg .adm-cont .v-list .btn-wrap ul li button.certi_ok{background-color:green}
.adm-pg .adm-cont .v-list .btn-wrap ul li button.certi_cancle{background-color:#7E88A6;}
.adm-pg .adm-cont .v-list .btn-wrap ul li button.delete{background-color:red;}

.adm-pg .adm-cont .v-list .btn-wrap ul li button:hover{background-color: #4f5872;}
.adm-pg .adm-cont .v-list .btn-wrap button.edit-btn{margin-right: 8px;}

.adm-pg .adm-cont .pager-wrap{display: flex;align-items: center;justify-content: center;margin-top: 43px;}
.adm-pg .adm-cont .pager-wrap ul.pager_flex{display: flex;align-items: center;}
.adm-pg .adm-cont .pager-wrap ul.pager_flex li{width: 34px;height: 34px;background-color: #fff;border-radius: 4px;border: 1px solid #DEE0E5;}
.adm-pg .adm-cont .pager-wrap ul.pager_flex li a{width: 34px;height: 34px;display: flex;align-items: center;justify-content: center;}
.adm-pg .adm-cont .pager-wrap ul.pager-move li{margin-right: 8px;}
.adm-pg .adm-cont .pager-wrap ul.pager-move li:hover{background-color: #868a99;}
.adm-pg .adm-cont .pager-wrap ul.pager-move li img.img-hover{display: none;}
.adm-pg .adm-cont .pager-wrap ul.pager-move li:hover img.img-basic{display: none;}
.adm-pg .adm-cont .pager-wrap ul.pager-move li:hover img.img-hover{display: block;}
.adm-pg .adm-cont .pager-wrap ul.pager-move li:last-child{margin-right: 0;}
.adm-pg .adm-cont .pager-wrap ul.pager_num{margin: 0 26px;}
.adm-pg .adm-cont .pager-wrap ul.pager_num li{text-align: center;font-size: 16px;color: #A3A8B9;font-family: 'Roboto Mono';margin-right: 8px;}
.adm-pg .adm-cont .pager-wrap ul.pager_num li:hover{background-color: #A3A8B9;color: #fff;}
.adm-pg .adm-cont .pager-wrap ul.pager_num li:last-child{margin-right: 0;}
.adm-pg .adm-cont .pager-wrap ul.pager_num li.selected{background-color: #A3A8B9;color: #fff;}



/* 방문/방문자 정보 팝업 */
.scrollBar {overflow-y: scroll;}
.scrollBar::-webkit-scrollbar {width: 10px;}
.scrollBar::-webkit-scrollbar-thumb {height: 30%;background: #025EFF;border-radius: 10px;}
.scrollBar::-webkit-scrollbar-track { background: #DEE0E5;border-radius: 10px;}

#visitor-popup.view{transform: translateX(0%);opacity: 1;}

.adm-popup{font-family: 'Noto Sans KR';}
.adm-popup .box{width: 1345px;padding: 48px 10px 38px 40px;}
.adm-popup .adm-content{padding-right: 38px;}
.adm-popup .adm-content h4{display: flex;align-items: center; font-size: 20px;font-weight: 800;font-family: 'paybooc';text-align: left;}
.adm-popup .adm-content h4 img{margin-right: 12px;}
.adm-popup .adm-content .cont-grid{height: 660px;}

.adm-popup .adm-content .infoBox{background-color: #F9FAFC;border: 1px solid #DEE0E5;border-radius: 10px;padding: 30px 38px 42px;width: 100%;height: 221px;}
.adm-popup .adm-content table tr td{height: 48px;}
.adm-popup .adm-content table tr td.info-tit{width: 133px; display: flex;align-items: center;font-size: 17px;font-weight: 500; color: #1E2A52;}
.adm-popup .adm-content table tr td.info-tit span{margin-right: 6px;font-size: 41px;}
.adm-popup .adm-content table tr td.info-cont{font-size: 16px;color: #7E88A6;}
.adm-popup .adm-content input[type=text].admPop-input{width: 192px;height: 45px; background-color: #fff;border-radius: 10px;border: 1px solid #DEE0E5;font-size: 16px;padding-left: 15px;}
.adm-popup .adm-content input[type=text].admPop-input::placeholder{font-size: 16px;color: #7E88A6;}
.adm-popup .adm-content .right-wrap{margin-top: 31px;}
.adm-popup .adm-content .right-wrap .right-top{position: relative; display: flex;align-items: center;justify-content: space-between;}
.adm-popup .adm-content .right-wrap table.popup-tb{margin-left: 2px;}
.adm-popup .adm-content .right-wrap table.popup-tb thead tr th{padding: 10px 8px 10px !important;}
.adm-popup .adm-content .right-wrap table.popup-tb input[type=text]{width: 149px;height: 39px;background-color: #fff;border-radius: 10px;border: 1px solid #DEE0E5;font-size: 16px;text-align: center;}
.adm-popup .adm-content .right-wrap table.popup-tb input[type=text]::placeholder{font-size: 16px;color: #7E88A6;}
.adm-popup .adm-content .right-wrap table.popup-tb tr td{color: #7E88A6;padding: 8px 4px !important;}

/* 방문자정보 탭메뉴 */
ul.tab-btn {position: absolute; right: 0;bottom: -1px; display: flex; align-items: center; justify-content: flex-end; }
ul.tab-btn li { width: 50px; height: 52px; line-height: 43px;border-radius: 10px 10px 0px 0px;margin-left: 3px;}
ul.tab-btn li:last-child{margin-right: 10px;}
ul.tab-btn li button{width: 100%;height: 100%;border-radius: 10px 10px 0px 0px;background-color: #F9FAFC;border-top: 1px solid #DEE0E5;border-right: 1px solid #DEE0E5;border-left: 1px solid #DEE0E5;}
ul.tab-btn li button img{margin: 0 auto;}
ul.tab-btn li.on button{background-color: #F9FAFC}
ul.tab-btn li button{background-color: #DEE0E5}
ul.tab-btn li button .material-symbols-outlined{font-size: 29px;color: #fff;}
ul.tab-btn li.on button .material-symbols-outlined{color: #DEE0E5;}

/* 방문자정보 리스트 스타일 수정 */
.popup-tb p table.info_view thead tr th{padding: 10px 4px 10px;}


.tab-cont .tab-box { width: 100%; height: 100%; display: none;background-color: #F9FAFC;border: 1px solid #DEE0E5;border-radius: 10px;padding: 45px 32px;width: 100%;height: 512px;}
.tab-cont .tab-box.show { display: block; }

.adm-popup .admBtn-wrap{margin: 31px 40px 0 0;display: flex;align-items: center;justify-content: space-between;}
.adm-popup .admBtn-wrap button{width: 162px;height: 58px;border-radius: 10px;font-size: 16px;color: #fff;}
.adm-popup .admBtn-wrap .left-btn{display: flex;}
.adm-popup .admBtn-wrap .left-btn button{display: flex;align-items: center;justify-content: center;}
.adm-popup .admBtn-wrap .left-btn button img{margin-right: 7px;}
.adm-popup .admBtn-wrap button.admission-btn{background-color: #025EFF;border: 1px solid #025EFF;margin-right: 8px;}
.adm-popup .admBtn-wrap button.admission-btn:hover{background-color: #004dd3;}
.adm-popup .admBtn-wrap button.unapproved-btn{background-color: #fff;border: 1px solid #A4AABA;color: #A4AABA;}
.adm-popup .admBtn-wrap button.unapproved-btn:hover{background-color: #A4AABA;color: #fff;}
.adm-popup .admBtn-wrap button.edit-btn{background-color: #1E2A52;margin-right: 8px;}
.adm-popup .admBtn-wrap button.edit-btn:hover{background-color: #F9FAFC;border: 1px solid #1E2A52;color: #1E2A52;}
.adm-popup .admBtn-wrap button.close-btn{background-color: #7E88A6;}
.adm-popup .admBtn-wrap button.close-btn:hover{background-color: #F9FAFC;border: 1px solid #7E88A6;color: #6b738d;}

/* 도그 모니터링 */
.monitoring{position: relative;background: url(../img/monitoring_bg.png) no-repeat center / cover; width: 100%;height: 638px;}
.monitoring .ico_wrap{/*position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);*/width: 100%;height: 100%;}
.monitoring .ico_wrap img.ico_ship{position: absolute;}
.monitoring .ico_wrap img.ship_01{transform: rotate(270deg);left: 221px;bottom: 165px;}
.monitoring .ico_wrap img.ship_02{transform: rotate(270deg);left: 326px;top: 236px;}
.monitoring .ico_wrap img.ship_03{transform: rotate(270deg);left: 347px;bottom: 165px;}
.monitoring .ico_wrap img.ship_04{left: 500px;top: 77px;}
.monitoring .ico_wrap img.ship_05{left: 500px;top: 147px;}
.monitoring .ico_wrap img.ship_06{left: 500px;top: 251px;}
.monitoring .ico_wrap img.ship_07{left: 500px;top: 336px;}
.monitoring .ico_wrap img.ship_08{left: 500px;top: 392px;}


@media (max-width: 720px) {

  /* 로그인 */
  .login-pg .input-form ul li label.login-name{font-size: 16px;}
  .login-pg .input-form .login-input{height: 60px;font-size: 15px;padding-left: 20px;}
  .login-pg .input-form .login-input::placeholder{font-size: 15px;}
  .login-pg .input-form ul li.phoneNum-wrap{height: 60px;}
  .login-pg .input-form ul li select.code-sel{font-size: 15px;width: 85px; height: 58px;padding-left: 14px;}
  .login-pg .input-form input[type=tel].phoneNum{height: 58px;font-size: 15px;padding-left: 15px;}
  .login-pg .input-form input[type=tel].phoneNum::placeholder{font-size: 15px;}


  /* 방문신청 */
  .join-pg .request-form input[type=date].input-date{font-size: 15px;height: 60px;width: 268px;}
  .join-pg .request-form .date-wrap li{width: 100%;}
  .join-pg .request-form select.request-sel{font-size: 15px;height: 60px;}
  .join-pg .request-form ul.w-flex li select.carry-sel{width: 120px;}
  .join-pg .request-form input[type=text]{height: 60px;}
  .join-pg .request-form ul.w-flex li button{height: 60px;}
  .join-pg .request-form ul.w-flex li button.del-btn{font-size: 15px;}
  .join-pg .request-form ul.w-flex li select.carry-sel {width: 82px;padding-left: 12px;}
  .join-pg .request-form select.carry-sel{appearance:none;background:url('../img/select_down03.png') no-repeat right 12px center;}
  .join-pg .request-form ul.w-flex li input[type=text].carry-input{padding-left: 12px;}
  .join-pg .request-form ul.ul-top li button.down-btn{font-size: 17px;}

}

@media (max-width: 600px) {

  /* 라디오 커스텀 */
  input[type=checkbox].chkBtn + label:before{width: 24px;height: 24px;}

  /* 팝업 */
  .popup .box{width: 400px;}
  .popup .box .content .contTxt{height: 280px;}

  /* 로그인 */
  .login-pg ul.btn-wrap button{height: 55px;font-size: 17px;}

  /* 회원가입 */
  .login-pg .input-form {padding: 10px 0 30px;}
  .join-pg .agree-box{padding: 18px 15px;}
  .join-pg .agree-box p.agree-info{font-size: 14px;line-height: 25px;}
  .join-pg .agree-box ul.agree-cont li ul.a-cont li label.name{font-size: 15px;}
  .join-pg .agree-box ul.agree-cont li ul.a-cont li button.contView-btn{font-size: 12px;width: 68px;height: 23px;line-height: 25px;}

  .login-pg .input-form ul li select.code-sel{font-size: 15px;width: 85px; height: 58px;}
  .login-pg .input-form ul.ul-top{padding-top: 25px;}
  .join-pg span.requisited{font-size: 13px;}

  /* 방문신청 */
  .login-pg .input-form ul li.li-tit{margin-bottom: 8px;}
  .login-pg .input-form ul li label.login-name{line-height: 24px;}
  .join-pg .v-chk{margin-bottom: 12px;}
  .join-pg .request-form{padding: 32px 15px 45px;}
  .join-pg p.p-info{font-size: 13px;}
  .join-pg .request-form .form-top span{font-size: 21px;}
  .join-pg .request-form ul.input-grid{grid-template-columns: 1fr;grid-gap: 8px;}
  .join-pg .v-add button.v-addBtn{font-size: 14px;width: 108px;height: 40px;}
  .join-pg .v-chk label span{font-size: 15px;margin-left: 5px;}
  .join-pg .v-chk input[type=checkbox] + label:before{width: 23px;height: 23px;}
  .join-pg .request-form ul.ul-top li.guide-wrap .car-name input[type=checkbox].chkBtn + label:before{top: 5px;right: -35px;}
  .join-pg .request-form ul.w-flex{flex-direction: column;}
  .join-pg .request-form ul.input-flex001, .join-pg .request-form ul.input-flex002{width: 100%;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 8px;}
  .join-pg .request-form ul.input-flex002{margin-top: 14px;}
  .join-pg .request-form ul.w-flex li select.carry-sel{width: 100%;padding-left: 20px;}
  .join-pg .request-form ul.input-flex001 li:last-child{margin-right: 0;}
  .join-pg .request-form ul.w-flex li button{width: 100%;}
  .join-pg .request-form ul.ul-top li button.down-btn{font-size: 15px;}
  #Accordion_wrap{padding: 15px;margin-bottom: 15px;}
  .tit_line{padding: 8px 0;}


}

@media (max-width: 420px) {
  .subpage{padding: 42px 0 110px;}

  /* 라디오 커스텀 */
  input[type=checkbox].chkBtn + label:before{width: 20px;height: 20px;}
  input[type=checkbox].chkBtn + label:before{background-size: 62%;}

  /* 팝업 */
  .popup .box{width: 300px;}
  .popup .box .content .contTxt{height: 250px;font-size: 13px;padding: 12px 15px;}
  .popup .box .popup-top h4{font-size: 15px;}
  .popup .box .content .btn-wrap button.popupBtn{width: 100px;height: 45px;font-size: 15px;}
  .guide-pop .guide-cont{font-size: 13px;padding: 12px 15px;}

  /* 로그인 */
  .login-pg .input-form ul li label.login-name{font-size: 14px;line-height: 28px;}
  .login-pg ul.btn-wrap button{font-size: 15px;height: 50px;}
  .login-pg .input-form ul li.phoneNum-wrap{height: 50px;}
  .login-pg .input-form ul li select.code-sel{font-size: 14px;height: 48px;}
  .login-pg .input-form input[type=tel].phoneNum{font-size: 14px;height: 48px;}
  .login-pg .input-form input[type=tel].phoneNum::placeholder{font-size: 14px;}
  .login-pg .input-form .login-input{font-size: 14px;height: 50px;}
  .login-pg .input-form .login-input::placeholder{font-size: 14px;}

  /* 회원가입 */
  .join-pg .agree-box p.agree-info{font-size: 12px;line-height: 20px;}
  .join-pg .agree-box ul.agree-cont li ul.a-cont li label.name{font-size: 14px;}
  .join-pg .agree-box ul.agree-cont li ul.a-cont li button.contView-btn{height: 22px;}

  /* 방문신청 */
  .join-pg .v-add button.v-addBtn {font-size: 13px;width: 103px;height: 34px;}
  .join-pg .request-form input[type=date].input-date{height: 50px;font-size: 14px;}
  .join-pg .request-form select.request-sel{height: 50px;font-size: 14px;}
  .join-pg .request-form input[type=text]{height: 50px;}
  .join-pg .request-form .form-top span{font-size: 18px;}
  .join-pg .request-form .form-top img{width: 24px;}
  .join-pg .request-form ul.ul-top li.guide-wrap button{font-size: 12px;height: 29px;}
  .join-pg .request-form ul.ul-top li.guide-wrap button.guide-btn01{width: 96px;}
  .join-pg .request-form ul.ul-top li.guide-wrap button.guide-btn02{width: 122px;}
  .join-pg .request-form ul.ul-top li.guide-wrap .car-name input[type=checkbox].chkBtn + label:before{top: 6px;right: -30px;}
  .join-pg .request-form ul.w-flex li button{height: 50px;}
  .join-pg .request-form ul.input-flex001{grid-template-columns: 1fr;}
  .join-pg .request-form ul.input-flex001 li{margin-right: 0;}
  .join-pg .request-form ul.w-flex li input[type=text].carry-input{padding-left: 20px;}
  .join-pg .request-form select.carry-sel{appearance:none;background:url('../img/select_down03.png') no-repeat right 22px center;}
  .join-pg .request-form ul.w-flex li button.del-btn{font-size: 14px;}
  .join-pg .request-form ul.w-flex li button.add-btn{font-size: 18px;}
  .join-pg .request-form ul.ul-top li button.down-btn{font-size: 14px;}
  #Accordion_wrap {padding: 10px 15px;}
  .join-pg .v-chk{margin-bottom: 8px;}

}

@media (max-width: 390px) {

  /* 방문신청 */
  .join-pg p.p-info{font-size: 12px;}
  .join-pg .v-chk label span{font-size: 13px;}
  .join-pg .request-form ul.ul-top li.guide-wrap button {font-size: 11px;height: 25px;}
  .join-pg .request-form ul.ul-top li.guide-wrap button.guide-btn01{width: 90px;}
  .join-pg .request-form ul.ul-top li.guide-wrap button.guide-btn02{width: 110px;}
  .join-pg .request-form ul.ul-top li.guide-wrap .car-name input[type=checkbox].chkBtn + label:before{top: 2px;}
  .join-pg .request-form ul.ul-top li button.down-btn{font-size: 13px;}
}