@charset "UTF-8";
/****************************************/
/***** 기존 토비스 복사 내역 ************/
/****************************************/
/* width % */
.whole {width: 100%; vertical-align: top;}
.half {width: calc((100% - 10px) / 2)!important; margin-right: 6px; display: inline-block; vertical-align: top;}
.third {width: calc((100% - 20px) / 3)!important; margin-right: 6px; display: inline-block; vertical-align: top;}
.quarter {width: calc((100% - 30px) / 4)!important; margin-right: 6px; display: inline-block; vertical-align: top;}
.half:last-child,
.third:last-child,
.quarter:last-child { margin-right: -4px;}

/* width */
.w-25 {width: 25px!important;}
.w-30 {width: 30px!important;}
.w-40 {width: 40px!important;}
.w-50 {width: 50px!important;}
.w-60 {width: 60px!important;}
.w-65 {width: 65px!important;}
.w-70 {width: 70px!important;}
.w-80 {width: 80px!important;}
.w-90 {width: 90px!important;}
.w-100 {width: 100px!important;}
.w-110 {width: 110px!important;}
.w-120 {width: 120px!important;}
.w-130 {width: 130px!important;}
.w-140 {width: 140px!important;}
.w-145 {width: 145px!important;}
.w-150 {width: 150px!important;}
.w-155 {width: 155px!important;}
.w-160 {width: 160px!important;}
.w-165 {width: 165px!important;}
.w-170 {width: 170px!important;}
.w-180 {width: 180px!important;}
.w-190 {width: 190px!important;}
.w-200 {width: 200px!important;}
.w-220 {width: 220px!important;}
.w-230 {width: 230px!important;}
.w-240 {width: 240px!important;}
.w-250 {width: 250px!important;}
.w-255 {width: 255px!important;}
.w-260 {width: 260px!important;}
.w-280 {width: 280px!important;}
.w-290 {width: 290px!important;}
.w-300 {width: 300px!important;}
.w-320 {width: 320px!important;}
.w-340 {width: 340px!important;}
.w-350 {width: 350px!important;}
.w-360 {width: 360px!important;}
.w-380 {width: 380px!important;}
.w-400 {width: 400px!important;}
.w-420 {width: 420px!important;}
.w-440 {width: 440px!important;}
.w-450 {width: 450px!important;}
.w-460 {width: 460px!important;}
.w-480 {width: 480px!important;}
.w-500 {width: 500px!important;}
.w-550 {width: 550px!important;}
.w-600 {width: 600px!important;}
.w-650 {width: 650px!important;}
.w-700 {width: 700px!important;}
.w-750 {width: 750px!important;}
.w-800 {width: 800px!important;}
.w-850 {width: 850px!important;}
.w-900 {width: 900px!important;}
.w-950 {width: 950px!important;}
.w-1000 {width: 1000px!important;}

.wp-10 {width: 10%!important;}
.wp-20 {width: 20%!important;}
.wp-30 {width: 30%!important;}
.wp-40 {width: 40%!important;}
.wp-50 {width: 50%!important;}
.wp-60 {width: 60%!important;}
.wp-70 {width: 70%!important;}
.wp-80 {width: 80%!important;}
.wp-82 {width: 82%!important;}
.wp-88 {width: 88%!important;}
.wp-90 {width: 90%!important;}
.wp-100 {width: 100%!important;}

/* height */
.h-30 {height: 30px!important;}
.h-40 {height: 40px!important;}
.h-45 {height: 45px!important;}
.h-50 {height: 50px!important;}
.h-60 {height: 60px!important;}
.h-70 {height: 70px!important;}
.h-80 {height: 80px!important;}
.h-90 {height: 90px!important;}
.h-100 {height: 100px!important;}
.h-120 {height: 120px!important;}
.h-140 {height: 140px!important;}
.h-150 {height: 150px!important;}
.h-160 {height: 160px!important;}
.h-180 {height: 180px!important;}
.h-200 {height: 200px!important;}
.h-220 {height: 220px!important;}
.h-240 {height: 240px!important;}
.h-250 {height: 250px!important;}
.h-260 {height: 260px!important;}
.h-280 {height: 280px!important;}
.h-300 {height: 300px!important;}
.h-320 {height: 320px!important;}
.h-340 {height: 340px!important;}
.h-350 {height: 350px!important;}
.h-360 {height: 360px!important;}
.h-380 {height: 380px!important;}
.h-400 {height: 400px!important;}
.h-420 {height: 420px!important;}
.h-440 {height: 440px!important;}
.h-450 {height: 450px!important;}
.h-460 {height: 460px!important;}
.h-480 {height: 480px!important;}
.h-500 {height: 500px!important;}
.h-550 {height: 550px!important;}
.h-600 {height: 600px!important;}
.h-650 {height: 650px!important;}
.h-700 {height: 700px!important;}
.h-750 {height: 750px!important;}
.h-800 {height: 800px!important;}
.h-850 {height: 850px!important;}
.h-900 {height: 900px!important;}

.hp-10 {height: 10%!important;}
.hp-20 {height: 20%!important;}
.hp-30 {height: 30%!important;}
.hp-40 {height: 40%!important;}
.hp-50 {height: 50%!important;}
.hp-60 {height: 60%!important;}
.hp-70 {height: 70%!important;}
.hp-80 {height: 80%!important;}
.hp-90 {height: 90%!important;}
.hp-100 {height: 100%!important;}

/* padding */
.p-0 {padding: 0!important;}
.p-10 {padding: 10px!important;}
.p-20 {padding: 20px!important;}
.p-30 {padding: 30px!important;}
.p-40 {padding: 40px!important;}
.p-50 {padding: 50px!important;}
.p-60 {padding: 60px!important;}
.p-70 {padding: 70px!important;}
.p-80 {padding: 80px!important;}
.p-90 {padding: 90px!important;}
.p-100 {padding: 100px!important;}

.pt-0 {padding-top: 0!important;}
.pt-10 {padding-top: 10px!important;}
.pt-20 {padding-top: 20px!important;}
.pt-30 {padding-top: 30px!important;}
.pt-40 {padding-top: 40px!important;}
.pt-50 {padding-top: 50px!important;}
.pt-60 {padding-top: 60px!important;}
.pt-70 {padding-top: 70px!important;}
.pt-80 {padding-top: 80px!important;}
.pt-90 {padding-top: 90px!important;}
.pt-100 {padding-top: 100px!important;}
.pt-105 {padding-top: 105px!important;}

.pr-0 {padding-right: 0!important;}
.pr-10 {padding-right: 10px!important;}
.pr-15 {padding-right: 15px!important;}
.pr-20 {padding-right: 20px!important;}
.pr-30 {padding-right: 30px!important;}
.pr-35 {padding-right: 35px!important;}
.pr-40 {padding-right: 40px!important;}
.pr-50 {padding-right: 50px!important;}
.pr-60 {padding-right: 60px!important;}
.pr-70 {padding-right: 70px!important;}
.pr-80 {padding-right: 80px!important;}
.pr-90 {padding-right: 90px!important;}
.pr-100 {padding-right: 100px!important;}

.pb-0 {padding-bottom: 0!important;}
.pb-10 {padding-bottom: 10px!important;}
.pb-20 {padding-bottom: 20px!important;}
.pb-30 {padding-bottom: 30px!important;}
.pb-40 {padding-bottom: 40px!important;}
.pb-50 {padding-bottom: 50px!important;}
.pb-60 {padding-bottom: 60px!important;}
.pb-70 {padding-bottom: 70px!important;}
.pb-80 {padding-bottom: 80px!important;}
.pb-90 {padding-bottom: 90px!important;}
.pb-100 {padding-bottom: 100px!important;}

.pl-0 {padding-left: 0!important;}
.pl-10 {padding-left: 10px!important;}
.pl-20 {padding-left: 20px!important;}
.pl-30 {padding-left: 30px!important;}
.pl-40 {padding-left: 40px!important;}
.pl-50 {padding-left: 50px!important;}
.pl-60 {padding-left: 60px!important;}
.pl-70 {padding-left: 70px!important;}
.pl-80 {padding-left: 80px!important;}
.pl-90 {padding-left: 90px!important;}
.pl-100 {padding-left: 100px!important;}

.prl-10 {padding: 0 10px!important;}

.p-0-td td {padding: 0!important;}

/* margin */
.m-auto {margin: 0 auto!important;}

.m-0 {margin: 0!important;}
.m-10 {margin: 10px!important;}
.m-20 {margin: 20px!important;}
.m-30 {margin: 30px!important;}
.m-40 {margin: 40px!important;}
.m-50 {margin: 50px!important;}
.m-60 {margin: 60px!important;}
.m-80 {margin: 80px!important;}
.m-100 {margin: 100px!important;}
.m-120 {margin: 120px!important;}
.m-140 {margin: 140px!important;}
.m-160 {margin: 160px!important;}
.m-180 {margin: 180px!important;}
.m-200 {margin: 200px!important;}

.mt-0 {margin-top: 0!important;}
.mt-5 {margin-top: 5px!important;}
.mt-10 {margin-top: 10px!important;}
.mt-12 {margin-top: 12px!important;}
.mt-20 {margin-top: 20px!important;}
.mt-30 {margin-top: 30px!important;}
.mt-40 {margin-top: 40px!important;}
.mt-50 {margin-top: 50px!important;}
.mt-60 {margin-top: 60px!important;}
.mt-70 {margin-top: 70px!important;}
.mt-80 {margin-top: 80px!important;}
.mt-100 {margin-top: 100px!important;}
.mt-120 {margin-top: 120px!important;}
.mt-140 {margin-top: 140px!important;}
.mt-160 {margin-top: 160px!important;}
.mt-180 {margin-top: 180px!important;}
.mt-200 {margin-top: 200px!important;}

.mr-0 {margin-right: 0!important;}
.mr-3 {margin-right: 3px!important;}
.mr-5 {margin-right: 5px!important;}
.mr-6 {margin-right: 6px!important;}
.mr-8 {margin-right: 8px!important;}
.mr-9 {margin-right: 9px!important;}
.mr-10 {margin-right: 10px!important;}
.mr-15 {margin-right: 15px!important;}
.mr-20 {margin-right: 20px!important;}
.mr-21 {margin-right: 21px!important;}
.mr-30 {margin-right: 30px!important;}
.mr-40 {margin-right: 40px!important;}
.mr-50 {margin-right: 50px!important;}
.mr-60 {margin-right: 60px!important;}
.mr-80 {margin-right: 80px!important;}
.mr-100 {margin-right: 100px!important;}
.mr-120 {margin-right: 120px!important;}
.mr-140 {margin-right: 140px!important;}
.mr-160 {margin-right: 160px!important;}
.mr-180 {margin-right: 180px!important;}
.mr-200 {margin-right: 200px!important;}

.mb-0 {margin-bottom: 0!important;}
.mb-5 {margin-bottom: 5px!important;}
.mb-10 {margin-bottom: 10px!important;}
.mb-20 {margin-bottom: 20px!important;}
.mb-30 {margin-bottom: 30px!important;}
.mb-40 {margin-bottom: 40px!important;}
.mb-45 {margin-bottom: 45px!important;}
.mb-50 {margin-bottom: 50px!important;}
.mb-60 {margin-bottom: 60px!important;}
.mb-80 {margin-bottom: 80px!important;}
.mb-100 {margin-bottom: 100px!important;}
.mb-120 {margin-bottom: 120px!important;}
.mb-140 {margin-bottom: 140px!important;}
.mb-160 {margin-bottom: 160px!important;}
.mb-180 {margin-bottom: 180px!important;}
.mb-200 {margin-bottom: 200px!important;}

.ml-0 {margin-left: 0!important;}
.ml-3 {margin-left: 3px!important;}
.ml-5 {margin-left: 5px!important;}
.ml-10 {margin-left: 10px!important;}
.ml-20 {margin-left: 20px!important;}
.ml-30 {margin-left: 30px!important;}
.ml-40 {margin-left: 40px!important;}
.ml-50 {margin-left: 50px!important;}
.ml-60 {margin-left: 60px!important;}
.ml-80 {margin-left: 80px!important;}
.ml-100 {margin-left: 100px!important;}
.ml-120 {margin-left: 120px!important;}
.ml-140 {margin-left: 140px!important;}
.ml-160 {margin-left: 160px!important;}
.ml-180 {margin-left: 180px!important;}
.ml-200 {margin-left: 200px!important;}


.mt--10 {margin-top: -10px!important;}
.mt--20 {margin-top: -20px!important;}
.mr--10 {margin-right: -10px!important;}
.mb--10 {margin-bottom: -10px!important;}
.ml--10 {margin-left: -10px!important;}


/*  jklee add */
.per30 {width: calc((100% - 10px) * 0.30)!important; display: inline-block; vertical-align: top;}
.per35 {width: calc((100% - 10px) * 0.35)!important; display: inline-block; vertical-align: top;}
.per40 {width: calc((100% - 10px) * 0.40)!important; display: inline-block; vertical-align: top;}
.per45 {width: calc((100% - 10px) * 0.45)!important; display: inline-block; vertical-align: top;}
.per45-margin-zero {width: calc((100% - 0px) * 0.45)!important; display: inline-block; vertical-align: top;}
.per50 {width: calc((100% - 10px) * 0.50)!important; display: inline-block; vertical-align: top;}
.per55 {width: calc((100% - 10px) * 0.55)!important; display: inline-block; vertical-align: top;}
.per60 {width: calc((100% - 10px) * 0.60)!important; display: inline-block; vertical-align: top;}
.per65 {width: calc((100% - 10px) * 0.65)!important; display: inline-block; vertical-align: top;}
.per70 {width: calc((100% - 10px) * 0.70)!important; display: inline-block; vertical-align: top;}

/* readonly 색상 */
input:read-only {background: #f5f5f5;}
textarea:read-only {background: #f5f5f5;}

/* background color */
.red {background: #E9354B!important; color: #fff!important;}
.orange {background: #F9A825!important; color: #fff!important;}
.yellow {background: #F2D068!important; color: #111!important;}
.green {background: #0a1f55!important; color: #fff!important;}
.blue {background: #567cdd!important; color: #fff!important;}
.navy {background: #067fd9!important; color: #fff!important;}
.purple {background: #A56DEB!important; color: #fff!important;}
/* .gray {background: #545864!important; color: #fff!important;} 이름이 겹쳐서 임시 주석처리 */
.gray-light {background: #C4C4C4!important; color: #fff!important;}
.black {background: #111!important; color: #fff!important;}
.white {background: #fff!important; color: #111!important;}

/* text color */
.t-red {color: #E9354B!important;}
.t-orange { color: #F9A825!important;}
.t-yellow {color: #F2D068!important;}
.t-green {color: #09BFA5!important;}
.t-blue {color: #567cdd!important;}
.t-navy {color: #073E80!important;}
.t-purple {color: #A56DEB!important;}
.t-gray {color: #545864!important;}
.t-gray-light {color: #C4C4C4!important;}
.t-black {color: #111!important;}
.t-white {color: #fff!important;}
.t-10a5d6 {color: #10a5d6!important;}
.t-blue-btn {color: #158fea!important;}

/* text style */
.italic {font-style: italic;}
.underline {text-decoration: underline;}

/* text align */
.align-left, .align-left th, .align-left td {text-align: left!important;}
.align-center, .align-center th, .align-center td {text-align: center!important;}
.align-right, .align-right th, .align-right td {text-align: right!important;}

/* font weight */
.font-bold {font-weight: bold!important;}
.font-100 {font-weight: 100!important;}
.font-200 {font-weight: 200!important;}
.font-300 {font-weight: 300!important;}
.font-400 {font-weight: 400!important;}
.font-500 {font-weight: 500!important;}
.font-600 {font-weight: 600!important;}
.font-700 {font-weight: 700!important;}

/* font size */
.font-xxsm {font-size: 10px!important;}
.font-s11 {font-size: 11px!important;}
.font-xsm {font-size: 12px!important;}
.font-s13 {font-size: 13px!important;}
.font-sm {font-size: 14px!important;}
.font-md {font-size: 16px!important;}
.font-lg {font-size: 18px!important;}
.font-xlg {font-size: 24px!important;}
.font-xxlg {font-size: 28px!important;}

/* float */
.float-none {float: none!important; clear: both!important;}
.float-left {float: left!important;}
.float-right {float: right!important;}

/* position */
.position-rel {position: relative;}
.position-abs {position: absolute;}

/* login page notice  */
#notice {box-sizing: border-box; width: 100%; height: 10%; padding: 0 16px; background: #158fea; border-bottom: 1px solid #e9ecf0; text-align: center;}
.notice-bar .notice-item {display: inline-block; padding: 10px 10px; font-size: 15px; color: #fff; font-weight: 600; line-height: 25px; position: relative;}

/* 리스트 버튼 타입 */
.list-btn_type {background:#fff!important; color: #ffa042!important; border: solid 1.5px #ffa042!important; border-radius:5px!important; padding: 0 5px 0 5px!important; transition: all 0.5s ease!important;}
.list-btn_type:hover{background:#ffa042!important; color: #fff!important;}

.list-btn_type2 {background:#fff!important; color: #158fea!important; border: solid 1.5px #158fea!important; border-radius:5px!important; padding: 0 5px 0 5px!important; transition: all 0.5s ease!important;}
.list-btn_type2:hover{background:#158fea!important; color: #fff!important;}

/* 팝업 닫기 버튼 */
.btn_close_layer {width: 45px; height: 25px; border-radius:5px; background: #808080 !important; color: #fff; font-size: 15px; font-weight: 500; border:2; box-sizing:border-box;}

/****************************************/
/***** 개발자 추가 내역 *****************/
/****************************************/
#loading {width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: none; opacity: 0.7; background-color: #fff; z-index: 99;  text-align: center;}
#loading-image {position: absolute; top: 50%; left: 50%; z-index: 100;}

/* a태그에서 버튼으로 변경(추가) */
.view_wrap .tab_wrap .price .align input {border-radius:5px; padding:0 20px; max-width:285px; height: 45px; color: #808080;}
.join_wrap article ul li input{transition:.3s;  width: 100%; height: 55px; color: #fff; border-radius:5px; background: #9fa4aa; display: flex; justify-content: center;  align-items: center;}
.join_wrap article ul li input:hover {background: #158fea;}
.login_wrap .bt_box input {width: 100%; height: 55px; background: #073e80; color: #fff; border: 0; padding: 0; border-radius:5px;}

/* 비밀번호 찾기 모달 */
.layer_pw {width: 400px; height: 325px; display:none;}
.layer_box .pw_area { display:table; width:100%; border-collapse:collapse; border-spacing:0; margin:0; padding:0; overflow:hidden; }
.layer_box .pw_box { display:table-cell; width:100%; padding:50px; text-align:center; vertical-align:middle; box-sizing:border-box; overflow:hidden; }
.layer_box .pw_area .pw_box .big_txt { margin-bottom:20px; font-size:20px; color:#222; font-weight:700; }
.layer_box .pw_area .pw_box .normal_txt { margin:0; font-size:15px; color:#555; line-height:1.5; word-break:keep-all; } 

/* 약관동의 이전으로 버튼 */
.join_agree .prev {display:flex; justify-content: flex-end; }
.join_agree .prev > div {position: relative;}
.join_agree .prev > div input[type="button"] { width: 120px; height: 50px; border-radius:5px; background:#073e80; color: #fff; border:0; cursor: pointer; font-size: 16px; font-weight: 500; padding-right: 25px; text-align: right;}
.join_agree .prev > div:before {content: ''; display: block; position: absolute; left: 21px; top: 51%; transform:translatE(0,-50%); width: 7px; height: 12px; background: url(/images/sub/form_prev-e006a6b56e59e5d69b4bd6d0739dc014.png);}

/* 검색 영역 최대 길이 */
.insurance_form .model {max-width:82%;}
.modal_section .insurance_form .cate {margin-right: 0; align-items: center;}    /* width: 28% 제거 */

/* 파일 첨부 */
.filebox label {display: inline-block; padding: 10px 20px; color: #fff; vertical-align: middle; background-color: #999999; cursor: pointer; height: 40px;}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

/* 최신 게시글 New 표시 */
.new {position: relative; margin-left: 5px; font-weight: 700; font-size:12px; color:#d6000f; display: inline-block; right: 0; top: 50%; transform:translate(0,-20%);}

/* 등록 페이지 버튼 폼 */
.form_bt2 {display:flex; justify-content: flex-end; margin-top: 70px;}
.form_bt2 li {margin-right: 5px; position: relative;}
.form_bt2 input[type="button"] { width: 120px; height: 50px; border-radius:5px; background:#168fea; color: #fff; border:0; cursor: pointer; font-size: 16px; font-weight: 500; }
.form_bt2 li:last-child input[type="button"] {background: #073e80;}

/* 견적 > 사진 및 첨부파일 > 기능 버튼 */
.tb_text input[type="button"] { width: 120px; height: 50px; border-radius:5px; background:#168fea; color: #fff; border:0; cursor: pointer; font-size: 16px; font-weight: 500; }
.tb_text div input[type="button"]:nth-child(1) {background: #073e80; margin-left:20px;}
.tb_text div input[type="button"]:last-child {background: #111; margin-left:10px;}

/* 사이트맵 스크롤바 제거 */
.layer_box.layer_sitemap .div_outline_padding::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}

/* 파츠맵 레이어 */
.layer_partsmap {
	position:fixed; display:none; left:0; right:0; top:0; bottom:0; min-width:520px; max-width:65%; min-height:325px; max-height:80%; margin:auto auto; padding:30px; background:#fff; z-index:2;
	box-sizing:border-box;
}
.layer_partsmap .btn_close { position:absolute; display:block; width:60px; height:56px; right:-60px; top:0; background:url(/images/layout/btn_close-301f951b8c8178a9ac981530e9b33d4d.jpg) no-repeat center center; overflow:hidden; font-size:0;line-height:0;}
.layer_partsmap .partsmap_area {width:100%; border-collapse:collapse; border-spacing:0; margin:0; padding:0; overflow:hidden; }
.layer_partsmap .partsmap_area .big_txt { margin-bottom:20px; font-size:1.0rem; color:#222; font-weight:400; }
.layer_partsmap .partsmap_area .normal_txt { margin:0; font-size:0.8rem; color:#555; line-height:1.5; word-break:keep-all; }
.layer_partsmap .partsmap_area > div {width: 100%; margin-bottom: 0px;}
.layer_partsmap .partsmap_area table {width: 100%; margin-bottom: 8px !important; border-collapse: collapse; border-spacing: 0; font-weight: 300; word-break: break-all; text-align: center; table-layout: fixed; vertical-align: top;}
.layer_partsmap .partsmap_area table th {background: #eaeaea; font-weight: 600; color: #111; border: 1px solid #ddd; padding: 8px; line-height: 140%; vertical-align: middle;}
.layer_partsmap .partsmap_area table td {color: #111; border: 1px solid #ddd; padding: 8px 4px; line-height: 140%; vertical-align: middle;}
.layer_partsmap .partsmap_area table td label {color: #111!important;}
.layer_partsmap .partsmap_area table td.none {border: none;}
.magnifier {
	width: 170px;
	height: 170px;
	border:1px solid #073e80;
	position: absolute;
	border-radius: 100%;
	box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25), inset 0 0 20px 2px rgba(0, 0, 0, 0.15);
	/*box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.85), 0 0 3px 3px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);*/
	display: none;
	z-index: 3;
}

/* 검색 영역 버튼 오른쪽 끝 위치 */
.insurance_form .cate {margin-right: 0;}

/* 등록 및 상세보기등 테이블안에서 사용하는 버튼 */
.table-func-btn {background: #9ea3aa!important;}

/* 샘플 다운로드 버튼 */
.sample-down-btn {width: 100px; height: 40px; color: #fff; border-radius:5px; background: #9ea3aa !important; font-size: 16px; font-weight: 400; border:0; cursor:pointer;}

/* 리스트 내에 TR 버튼 */
.list-tr-btn {width: 50px; height: 30px; color: #fff; border-radius:5px; background: #10a5d6 !important; font-size: 16px; font-weight: 400; border:0; cursor:pointer;}
.list-btn {width: 100%; color: #fff; border-radius:5px; background: #10a5d6; font-size: 16px; font-weight: 400; border:0; cursor:pointer;}


/* 라디오 버튼 */
/* .agreen_box {display: inline-block;}
.agreen_box label {margin-left: 10px;}
.agreen_box span {vertical-align: middle;}
.agreen_box [type="radio"] {vertical-align: middle;} */

/* 자동저장 텍스트 영역 */
.view_wrap .tab_wrap .save h3 {font-size: 15px; font-weight: 400; color: #073e80; box-sizing:border-box; padding-left: 30px; margin-left: 15px; position: relative;}
.view_wrap .tab_wrap .save h3:before {content: ''; display: block; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: url(/images/sub/tb_text-f5d2095d5cfe52b9bb1512ada39c9291.png) no-repeat;}

/* 견적 상세보기 기능 버튼 */
.view_wrap .tb_wrap .tb_text2 h2 {font-size: 26px; font-weight: 500; color: #333;}
.view_wrap .tb_wrap .tb_text2 {display:flex; align-items:center; margin-bottom: 20px; justify-content:space-between;}

/* 견적 등록&수정&상세보기 하단 버튼 */
.service_wrap .btn_div {width: 100%;}
.service_wrap .btn_div .form_bt {display:flex; justify-content: flex-end; margin-top: 70px;}
.service_wrap .btn_div .form_bt li {margin-right: 5px; position: relative;}
.service_wrap .btn_div .form_bt li:last-child {margin-right: 0;}
.service_wrap .btn_div .form_bt input[type="button"] { width: 120px; height: 50px; border-radius:5px; background:#168fea; color: #fff; border:0; cursor: pointer; font-size: 16px; font-weight: 500; }
/* .service_wrap .btn_div .form_bt li:nth-child(3) input[type="button"] {background: #232323;} */
/* .service_wrap .btn_div .form_bt li:last-child input[type="button"] {background: #232323;}

/* 견적 등록&수정 그룹 이미지 팝업 */
.material-symbols-outlined {font-size: 48px; font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 200, 'opsz' 48}
@media (max-width:1024px) {
	.material-symbols-outlined {font-size: 24px; font-variation-settings: 'FILL' 0, 'wght' 700, 'GRAD' 200, 'opsz' 24}
}

/* 견적 그룹 분류 썸네일 */
.group-division-wrap .img ul li a:before {content: '✓'; display: block; position: absolute; left: 50%; top: 50%; transform:Translate(-50%,-50%); color: #158fea; font-size: 30px; background: rgba(255,255,255,0.8); width: 100%; height: 100%; display:flex; align-items: center; justify-content: center; opacity: 0; transition:.3s;}
.group-division-wrap .img ul li a:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing:border-box; border:2px solid #158fea; opacity: 0; transition:.3s;}
.group-division-wrap .img ul li figcaption { font-size: 11px; color: #232323; display:flex; align-items: center; justify-content: center; height: 20px; border: 0;}
.group-division-wrap .img ul li figure {height: 90px; box-sizing:border-box; border:1px solid #ddd; display:flex; align-items: center; justify-content: center;}
.group-division-wrap .img ul li figure img {max-width:100%; max-height: 100%;}
.group-division-wrap .img ul li figure img .img_accident {width:100%; max-height: 100%;}

/* flex 텍스트 세로 가운데 정렬 */
.flex-ac {display:flex; align-items: center;}
.service_wrap .img .img_wrap {overflow-x: hidden; overflow-y: auto;}

/* flex direction */
.fd-column {flex-direction: column;}
.fd-cr {flex-direction: column-reverse;}

/* flex 가로 정렬 */
.jc-start {justify-content: flex-start;}
.jc-center {justify-content: center !important;}
.jc-end {justify-content: flex-end;}
.jc-sb {justify-content: space-between;}
.jc-sa {justify-content: space-around;}
.jc-se {justify-content: space-evenly;}

/* flex wrap or no-wrap */
.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;}

/* flex align-items */
.ai-center {align-items: center;}
.ai-end {align-items: flex-end;}

/* 노출 순서 팝업 버튼 */
.modal_section .modal-btn {display:flex; justify-content: center; margin: 30px 0;}
.modal_section .modal-btn li {margin-right: 5px; position: relative;}
.modal_section .modal-btn li:nth-child(1) input[type='button'] {width: 120px; height: 50px; border-radius:5px; background:#168fea; color: #fff; border:0; cursor: pointer; font-size: 16px; font-weight: 500;}
.modal_section .modal-btn li:nth-child(2) input[type='button'] {width: 120px; height: 50px; border-radius:5px; background:#111; color: #fff; border:0; cursor: pointer; font-size: 16px; font-weight: 500;}

.blind {overflow: hidden; position: absolute; width: 1px; height: 1px; font-size: 12px; clip: rect(1px, 1px, 1px, 1px);}

.section_wrap  pre, .service_wrap pre, .view_wrap pre, .list_wrap pre, .modal_section pre {font-family:'Noto Sans KR', sans-serif; font-size:15px; font-weight: 400; color:#808080;}

/* 견적 상세보기의 기능 버튼 */
.list_wrap .arti1 ul li {margin-right:5px;}
.list_wrap .arti1 ul li:last-child {margin-right: 0;} 
.list_wrap .arti1 ul li input[type="button"]{ width: 100px; height: 40px; color: #fff; border-radius:5px; background: #53bed4; font-size: 16px; font-weight: 400; border:0; cursor:pointer;}

/* 손해사정 청구내역 테이블 */
.view_wrap .tb_wrap4 {margin-bottom: 70px;}
.view_wrap .tb_wrap4:last-child {margin-bottom: 70px;}
.view_wrap .tb_wrap4 .tb_text {display:flex; align-items:center; margin-bottom: 20px;}
.view_wrap .tb_wrap4 .tb_text h2 {font-size: 26px; font-weight: 500; color: #333;}
.view_wrap .tb_wrap4 .tb_text h3 {font-size: 15px; font-weight: 400; color: #073e80; box-sizing:border-box; padding-left: 30px; margin-left: 15px; position: relative;}
.view_wrap .tb_wrap4 .tb_text h3:before {content: ''; display: block; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: url(/images/sub/tb_text-f5d2095d5cfe52b9bb1512ada39c9291.png) no-repeat;}

.view_wrap .tb_wrap4 th {font-size: 16px; font-weight: 500; color: #333;  border:1px solid #ddd; border-right: 0; border-left: 0;  padding:10px 20px;}
.view_wrap .tb_wrap4 th .re {color: #d6000f; margin-right: 3px!important;}
.view_wrap .tb_wrap4 th input[type="date"],
.view_wrap .tb_wrap4 th input[type="text"],
.view_wrap .tb_wrap4 th input[type="password"],
.view_wrap .tb_wrap4 th select {max-width:300px; padding:0 20px; height: 45px; border-radius:5px; border:1px solid #ddd; color: #808080; width: 100%;}
.view_wrap .tb_wrap4 th input.ml {margin-left: 10px;}
.view_wrap .tb_wrap4 th input.mr {margin-right: 10px;}
.view_wrap .tb_wrap4 th .align {display:flex; align-items: center;}
.view_wrap .tb_wrap4 th .align span {display: block; margin-left: 10px; color: #333;}
.view_wrap .tb_wrap4 th input[type="button"] { width: 100px; height: 40px; border-radius:5px; background:#10a5d6; color: #fff; border:0; cursor: pointer;}
.view_wrap .tb_wrap4 th.vat {vertical-align: middle;}
.view_wrap .tb_wrap4 th .tel {display:flex;}
.view_wrap .tb_wrap4 th .tel li {width: 31%; margin-right: 2.5%; position: relative;}
.view_wrap .tb_wrap4 th .tel li:last-child {margin-right:0;}
.view_wrap .tb_wrap4 th .tel input {max-width:100%; }
.view_wrap .tb_wrap4 th .tel li:before {content: '-'; display: block; position: absolute; right: -5%; top: 50%; transform:translate(0,-50%);}
.view_wrap .tb_wrap4 th .tel li:last-child:before {display: none;}

.view_wrap .tb_wrap4 td {font-size: 15px; font-weight: 400; color: #808080; border:1px solid #ddd; border-right: 0; border-left: 0;	text-align: left; padding:10px;}
.view_wrap .tb_wrap4 td input[type="date"],
.view_wrap .tb_wrap4 td input[type="text"],
.view_wrap .tb_wrap4 td input[type="password"],
.view_wrap .tb_wrap4 td select {max-width:300px; padding:0 20px; height: 45px; border-radius:5px; border:1px solid #ddd; color: #808080; width: 100%;}
.view_wrap .tb_wrap4 td input.ml {margin-left: 10px;}
.view_wrap .tb_wrap4 td input.mr {margin-right: 10px;}
.view_wrap .tb_wrap4 td .align {display:flex; align-items: center;}
.view_wrap .tb_wrap4 td .align span {display: block; margin-left: 10px; color: #333;}
.view_wrap .tb_wrap4 td input[type="button"] { width: 100px; height: 40px; border-radius:5px; background:#10a5d6; color: #fff; border:0; cursor: pointer;}
.view_wrap .tb_wrap4 td.vat {vertical-align: top;}
.view_wrap .tb_wrap4 td .tel {display:flex;}
.view_wrap .tb_wrap4 td .tel li {width: 31%; margin-right: 2.5%; position: relative;}
.view_wrap .tb_wrap4 td .tel li:last-child {margin-right:0;}
.view_wrap .tb_wrap4 td .tel input {max-width:100%; }
.view_wrap .tb_wrap4 td .tel li:before {content: '-'; display: block; position: absolute; right: -5%; top: 50%; transform:translate(0,-50%);}
.view_wrap .tb_wrap4 td .tel li:last-child:before {display: none;}
.view_wrap .tb_wrap4 textarea {resize: none; height: 125px; width: 100%; bordeR:1px solid #ddd; border-radius:5px; padding:20px; color: #808080;}
.view_wrap .tb_wrap4 .bt_wrap {margin-bottom: 10px;}
.view_wrap .tb_wrap4 .bt_wrap input {margin-right: 5px;}

/* 빨간체크 파란체크 이미지 적용 */
.required {width: 12px; height: 12px; display: inline-block; background: url("/images/sub/Ico_check-37abace199614c3ada9af332164e200b.png") no-repeat; background-size: 12px; margin-left: 4px; margin-top: 16px;}
.required-b {width: 12px; height: 12px; display: inline-block; background: url("/images/sub/Ico_check_blue-be09fe38771159c0ab5e6cc1c26cbc8a.png") no-repeat; background-size: 12px; margin-left: 4px; margin-top: 16px;}
.tooltip-box .required {width: 12px; height: 12px; display: inline-block; background: url("/images/sub/Ico_check-37abace199614c3ada9af332164e200b.png") no-repeat; background-size: 12px; margin-left: 4px;}
.tooltip-box .required-b {width: 12px; height: 12px; display: inline-block; background: url("/images/sub/Ico_check_blue-be09fe38771159c0ab5e6cc1c26cbc8a.png") no-repeat; background-size: 12px; margin-left: 4px;}

/* 견적의 정비내역 placeholder 문구 폰트 사이즈 */
input[name=prices]::placeholder,
input[name=amounts]::placeholder,
input[name=workingTimes]::placeholder {font-size:10px;}

/* placeholder 문구 폰트 사이즈 */
#p-font-12::placeholder {font-size:12px;}

/* tooltip */
.tooltip-box {text-align: right;}
.tooltip {width: 103px; position: relative;}
.tooltip div {display: inline-block;}
.tooltip div .tooltiptext {visibility: hidden; font-size: 12px; background-color: black; color:white; opacity: 0.5; text-align: left; border-radius: 6px; padding: 5px 0 5px 2px; position: absolute; z-index: 1; line-height: 14px;}
.tooltip div .tooltip-t {width: 262px; top: -15px; right: 0%;}
.tooltip div:hover .tooltip-t {visibility: visible;}
.tooltip div .tooltip-t::after {content: " "; position: absolute; border-style: solid; border-width: 5px; top: 100%; right: 2%; border-color: black transparent transparent transparent;}
.tooltip div .tooltiptext-bt {width: 250px; bottom: -53px; right: 0%;}
.tooltip div:hover .tooltiptext-bt {visibility: visible;}
.tooltip div .tooltiptext-bt::after {content: " "; position: absolute; border-style: solid; border-width: 5px; bottom: 100%; right: 2%; border-color: transparent transparent black transparent;}

/* tooltip2 */
[data-tooltip]{position:relative; display: inline-block;}
[data-tooltip]:before,
[data-tooltip]:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:11px;font-family:dotum;letter-spacing:-1px;}
[data-tooltip]:before{content:attr(data-tooltip);height:13px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:#fff;background:#025272;box-shadow:0 3px 8px rgba(165, 165, 165, 0.5);}
[data-tooltip]:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid #025272;}
[data-tooltip]:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px}
[data-tooltip]:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/* tooltip3 */
[data-tooltip2]{position:relative; display: inline-block; right: 2px; vertical-align: bottom; width: 25px; height: 25px; background: url(/images/icon/question_mark-33f711d7c4757b3a8a76046acf741256.jpg) no-repeat center/contain; background-color: rgba(231,244,253, 0.8); transition: .3s; border-radius: 15px; border: 3px solid rgba(231,244,253, 0.8);}
[data-tooltip2]:before,
[data-tooltip2]:after{visibility:hidden;opacity:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;transition:all .2s ease;font-size:11px;font-family:dotum;letter-spacing:-1px;}
[data-tooltip2]:before{content:attr(data-tooltip2);height:23px;position:absolute;top:-20px;padding:5px 10px;border-radius:5px;color:#fff;background:#025272;box-shadow:0 3px 8px rgba(165, 165, 165, 0.5); font-size: 16px; font-weight: 600; z-index: 1;}
[data-tooltip2]:after{content: '';border-left:5px solid transparent;top:2px;border-right:5px solid transparent;border-top:5px solid #025272;}
[data-tooltip2]:not([data-tooltip=""]):hover:before{visibility:visible;opacity:1;top:-30px}
[data-tooltip2]:not([data-tooltip=""]):hover:after{visibility:visible;opacity:1;top:-8px}

/* 메인 화면 카드(보험청구, 일반견적, 공지사항 등) */
.m_ul>li:nth-child(1), .m_ul>li:nth-child(2),
.marti03 .right, .marti05 .right {width:48.83%; background: #fff; box-sizing:border-box; border-radius:15px; padding:2.9%; box-shadow:5px 5px 15px rgba(0,0,0,0.1);}

/* 청구 조회 탭 메뉴 및 타이틀 */
/*.title_box2 .active / .title_box2 .inactive 추후 미사용 시 코드 삭제 => .tap / .tap_present로 변경*/
.title_box2 .active{width:150px; border-bottom: 1px solid #fff; color: #fff; font-weight: 700; background: #073E80;}
.title_box2 .inactive{width:150px; background: #ddd; font-weight: 500; cursor: pointer;}

.tap{font-weight:500;}
.tap:hover{color:#158fea; cursor:pointer;}
.tap_current{font-weight:500; color:#158fea; cursor:pointer;}
.tap_bar{width:1px; height:25px; margin:2.5px 0 2.5px; background-color:#666;}

.title_box2{display: flex; margin-bottom: 30px; flex-direction: column;}
.title2{font-size: 22px; color: #111; box-sizing: border-box; margin-top:10px; padding: 5px; line-height: 1; text-align: center;}

/* 영역 밖 글자 생략 */
.text-over {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 사고접수번호 팝업 차량번호 선택시 공지 문구 */
.modal_section .tb_wrap span {font-size: 15px; font-weight: 400; color: #808080;}

/* 견적 알림 레이어 팝업 */
.layer_estimate {width: 340px; height: 250px; display:none;}
.layer_box .estimate_area {display:table; width:100%; height:100%; border-collapse:collapse; border-spacing:0; margin:0; padding:0; overflow:hidden; }
.layer_box .estimate_box {display:table-cell; padding:30px; text-align:center; vertical-align:middle; box-sizing:border-box; overflow:hidden; }
.layer_box .estimate_area .estimate_box .big_txt {font-size:20px; color:#222; font-weight:700; }
.layer_box .estimate_area .estimate_box .normal_txt {margin:0; font-size:15px; color:#555; line-height:1.5; word-break:keep-all; }

/* 부가세별도 알림 레이어 팝업 */
.layer_vatNoti {width: 340px; height: 250px; display:none;}

/* 견적 탭 메뉴 */
.fixed_wrap {position: fixed!important; width: 100%; z-index: 1;}
.price {padding:10px; border:solid 2px #ffa042; border-radius:10px;}
.date {padding:10px; border:solid 1px #ddd; border-radius:10px; height:45px;}
.border-r {border-right: solid 2px #ffa042; padding-right:15px;}

/* [RUSER, ADMIN] 보험청구 > 등록 - 보험 / 차량 추가 정보 토글 버튼 */
.toggleBtn { width: 175px; height: 40px; border-radius:5px;  color: #fff; border:0; cursor: pointer; text-align:left;}
.arrow_downward {background:#ffa042 url(/images/sub/arrow_downward-0ae1fc8cc4920bccbabfb19386af8887.png) no-repeat 91% 51% !important; background-size:15px!important; padding-left:10px;}
.arrow_upward {background:#ffa042 url(/images/sub/arrow_upward-81d8ce690292da4fb9c827da85dae0a1.png) no-repeat 91% 51% !important; background-size:15px!important; padding-left:10px;}

/* 부품 조회 가격 숨김 */
.hide {display: none;}

/* 스위치 스타일 */
.switch {position: relative; display: inline-block; width: 50px; height: 28px;}
.switch input {opacity: 0; width: 0; height: 0;}
.slider {position: absolute; cursor: pointer; background-color: #ccc; transition: 0.4s; border-radius: 34px; top: 0; left: 0; right: 0; bottom: 0;}
.slider::before {position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; transition: 0.4s; border-radius: 50%;}
input:checked + .slider {background-color: #4caf50;}
input:checked + .slider::before {transform: translateX(22px);}

/* KG PG iframe */
#kgPaymentFrameDiv {width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: none; z-index: 99;}
#kgPaymentFrame {width: 100%; height: 100%; position: absolute; z-index: 100;}

/****************************************/
/***** 퍼블리싱 수정 내역 ***************/
/****************************************/
/***** sub.css *****/
/* 주석처리 */
/*
.join_wrap article ul li a {transition:.3s;  width: 100%; height: 55px; color: #fff; border-radius:5px; background: #9fa4aa; display: flex;  justify-content: center;  align-items: center;}
.join_wrap .prev:before {content: ''; display: block; position: absolute; left: 0; top: 50%; transform:translate(0,-50%); width: 22px; height: 8px;  background:url(/images/sub/join_prev-cc9c70eaa67e9d20c8344325fe0ecb48.png) no-repeat;}
.join_wrap article ul li a:hover {background: #158fea;}
.join_wrap article ul li:last-child a:hover {background: #40b7de;}
.login_wrap .bt_box li:first-child a {background: #073e80;}
.insurance_form .cate:nth-child(2n) {margin-right: 0;}
.service_wrap .text tr:nth-child(even) {background: #f4f9ff;}
.service_wrap .insurance_form {display: block;}
.service_wrap .insurance_form .cate {max-width:100%; width: 100%;}
.service_wrap .insurance_form .car ul li {max-width:270px; margin-right: 1.5%;}
.service_wrap .insurance_form .car ul li:last-child {max-width:100%; margin-right: 0;}
.insurance_form .car ul li:last-child,
.insurance_form .cate.model ul li:last-child {margin-left: 10px; float: right;}
.service_wrap .text {width: 37.33%;}
.view_wrap .tb_wrap td input.gray {background: #f5f5f5;}
 */
.modal .tb_wrap .bt_wrap input[type=button] { width: 130px; height: 40px; border-radius:5px; background:#10a5d6; color: #fff; border:0; cursor: pointer; margin-right: 10px;}

/* 견적 작성시 사용 시작 */
.img-popup {visibility: hidden;}
.img-popup.active {visibility: visible; opacity: 1;}
.img-popup.active .popup-inner {position: relative;}
.service_wrap .img ul.on {display: none;}
.img-popup .popup-inner {position: absolute; left: 0; top: 0; overflow: hidden;}
.img-popup .popup-inner > div:first-child {height: 70px; padding-right: 70px; border:1px solid #ddd; background: #fff; box-sizing:borer-box;}
.img-popup .popup-inner > h1 {width: 100%; font-size: 24px; font-weight: 700; color: #333;  display:flex; align-items: center; justify-content: center;}
.img-popup .popup-inner > canvas {display: block; width: auto; margin: 0 auto;}
.img-popup .popup-inner .close-btn {display: flex; display: -webkit-flex; display: -ms-flexbox; position: absolute; top:0; right: 0; width: 70px; height: 70px; background-color: #000; justify-content: center; align-items: center; color: #fff; font-size: 30px;}
.img-popup .popup-inner .close-btn i {transition: all 0.3s;}
.img-popup .popup-inner .close-btn:hover i {transform: rotate(180deg);}
.img-popup .popup-inner ul.arrow {display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0}
.img-popup .popup-inner ul.arrow > li {display: inherit; position: relative; align-items: inherit; width: auto; height: 48px; margin: 0; padding: 0; font-size: 15px;} /* cursor: pointer 삭제 */
.img-popup .popup-inner ul.arrow > li:first-child {width: 48px; justify-content: flex-start; left: -14px;}
.img-popup .popup-inner ul.arrow > li:last-child {width: 48px; justify-content: flex-end; right: -14px;}

/* 견적 > 정비내역 > 부품 그룹명 해상도에 따른 말줄임 */
@media(max-width:1920px) {
	.arrow #groupImgNm {max-width:510px;}
}
@media(max-width:1800px) {
	.arrow #groupImgNm {max-width:470px;}
}
@media(max-width:1680px) {
	.arrow #groupImgNm {max-width:365px;}
}
@media(max-width:1400px) {
	.arrow #groupImgNm {max-width:350px;}
}
@media(max-width:1360px) {
	.arrow #groupImgNm {max-width:320px;}
}
@media(max-width:1280px) {
	.arrow #groupImgNm {max-width:270px;}
}
@media(max-width:1152px) {
	.arrow #groupImgNm {max-width:220px;}
}
@media (max-width:1024px) {
	.img-popup .popup-inner > div:first-child {height: 50px; padding-right: 50px; border: 1px solid #ddd; background: #fff; box-sizing: borer-box;}
	.img-popup .popup-inner > h1 { width: 100%; font-size: 16px; font-weight: 400;	color: #333; display: flex; align-items: center; justify-content: center;}
	.img-popup .popup-inner {width: 90%; max-width: 500px;}
	.img-popup .popup-inner .close-btn {width: 50px; height: 50px; top: 0px;}
	.img-popup .popup-inner .close-btn img {width: 20px;}
	.item {width: 48%; margin-right: 2.5% !important; max-width: 100%;}
	.item:nth-child(2n) {margin-right: 0 !important;}
	.item a {padding: 10px; min-height: auto; border: 0;}
	.img-popup .popup-inner ul.arrow {display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0}
	.img-popup .popup-inner ul.arrow > li {display: inherit; position: relative; align-items: inherit; width: auto; height: 24px; margin: 0; padding: 0; font-size: 12px;} /* cursor: pointer 삭제 */
	.img-popup .popup-inner ul.arrow > li:first-child {width: 24px; justify-content: flex-start; left: -14px;}
	.img-popup .popup-inner ul.arrow > li:last-child {width: 24px; justify-content: flex-end; right: -14px;}
	.arrow #groupImgNm {max-width:169px;}
}
@media(max-width:800px) {
	.arrow #groupImgNm {max-width:120px;}
}
/* 견적 작성시 사용 끝 */

/* dml */
.insurance_form {display:flex; flex-wrap:wrap; margin-top: 45px; justify-content: space-between;} /* justify-content 추가 */
.insurance_form .cate.model ul {display:flex; flex-wrap: wrap;} /* flex-wrap 추가 .insurance_form .car ul,삭제 */
.insurance_form .cate.model ul li {min-width:120px; margin-right: 15px; } /* min-width 추가 max-width 변경 */
.list_wrap .total h2 {display:flex; font-size: 15px; font-weight: 500; color: #333; ; margin-right: 15px;} /* width 삭제 */
.insurance_form input:last-child,
.insurance_form select:last-child {margin-right: 0 !important;} /* !important 추가 */
.view_wrap .tab_wrap {display:flex; align-items: center;justify-content: space-between; width: 90%;} /* width 길이 수정 */
.hidden_container.modal-open .modal {top: 35px;} /* top 값 변경 */
.open_bt {cursor:pointer;  margin:-35px auto 0; width: 120px; height: 50px; font-size: 16px; font-weight: 500; background: #FF6600; color: #fff; border-radius:10px 10px 0 0;} /* margin, background: #073e80 값 변경  */
.modal_section .insurance_form .cate .box {width: 90%;} /* margin-left: 2% 삭제 */

/* 정비업체 상세보기 상단 버튼기능 */
.view_wrap .tab_wrap2 {display:flex; align-items: center;justify-content: flex-end; width: 80%;} /* width 길이 수정 */

/***** common.css *****/
/* 주석처리 */

/* table style */
/* tbody scroll */
/* .scrolltbody {display: block; width: 100%; overflow-y: auto;} */
.scrolltbody {display: block; width: 100%; overflow-y: auto;}
.scrolltbody::-webkit-scrollbar { width: 2px; }
.scrolltbody::-webkit-scrollbar-track { background-color:#5D5D5D; }
.scrolltbody::-webkit-scrollbar-thumb { background: #303030; }
.scrolltbody::-webkit-scrollbar-thumb:hover { background: #404040; }
.scrolltbody::-webkit-scrollbar-thumb:active { background: #808080; }
.scrolltbody::-webkit-scrollbar-button { display: none; }

/* dml */
input[type="button"] {-webkit-appearance: none; cursor: pointer; border: 0;} /* cursor, border 추가 */
input[type="button"].type1 {box-sizing:border-box; display: block; width: 84px; height: 26px; font-size: 14px; font-weight: 400; color: #fff; background: #9ea3aa; border-radius:5px;  display: flex;  justify-content: center;   align-items: center;}
input[type="button"].type2 {box-sizing:border-box; display: block; width: 42px; height: 26px; font-size: 14px; font-weight: 400; color: #fff; background: #9ea3aa; border-radius:5px;  display: flex;  justify-content: center;   align-items: center;}
input[type="button"].type1 {background: #e7f4fd; color: #158fea; border:1px solid #158fea}
input[type="button"].type2 {background: #e7f4fd; color: #158fea; border:1px solid #158fea}
input[type="button"].type1_1 {background: #fff9e6; color: #dfaf01; border:1px solid #dfaf01}

.button-wrap {
	margin-top:0.1vw;
	display: flex;
	justify-content: center;
	gap: 0.1vw; /* 버튼 사이 간격 */
}

/* 이미지 우클릭 다운로드 방지 */
/* img {pointer-events: none;} */
/* canvas {pointer-events: none;} */
.no-drag {-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none;}

/***** main.css *****/
/* 주석처리 */
/*
.m_ul li,
.marti03 .right {width:48.83%; background: #fff; box-sizing:border-box; border-radius:15px; padding:2.9%; box-shadow:5px 5px 15px rgba(0,0,0,0.1);}
*/

/* dml */
.marti01 {position: relative; margin-top: 180px !important; margin-bottom: 70px !important;} /* important 추가 */
.marti03 {margin-top: 70px !important; display:flex; justify-content: space-between; } /* important 추가 */
.board_wrap ul li a .name {display:flex; justify-content: flex-end; font-size: 15px; font-weight: 400; color: #808080; width:175px;} /* width 길이 수정 justify-content 추가 */

/***** layout.css *****/
/* 주석처리 */
/* 
#header .wrap nav {margin-right: 15%;}
*/

/* dml */
.layer_box .sitemap {border:0;height:auto;width:20%;margin:0;box-sizing:border-box; margin-bottom: 33px;} /* float 제거 */
/* 사이트맵 스크롤바 제거 */
.layer_box.layer_sitemap .div_outline_padding {margin:auto;width:1400px;max-width:1400px;height:700px;max-height:700px;border:0;padding:0; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */} /*  -ms-overflow-style, scrollbar-width 추가 */

.qa-tit {margin: 20px 0; position: relative;}
.qa-tit > img {width: 30px;}
.qa-tit > div {display: inline; font-size: 21px; position: absolute; top: 3px; margin-left: 10px; font-weight: 500;}

.img-slide {width: 100%; text-align: center; background: #f4f4f4; padding: 20px; position: relative; margin-bottom: 40px;}
.img-slide > ul.arrow > li {position: absolute; top: 50%; cursor: pointer; margin-top: -40px; font-size: 80px;}
.img-slide > ul.arrow > li:first-child {left: 30px;}
.img-slide > ul.arrow > li:last-child {right: 30px;}
.img-slide > ul.img > li {display: inline-block; width: 220px; margin: 0 10px 20px; text-align: center; font-size: 14px;}
.img-slide > ul.img > li > h4 {padding-bottom: 8px;}
.img-slide > ul.img > li > img {width: 100%; height: 160px; border: 1px solid #ddd;}
.img-slide > ul.img > a > li {display: inline-block; width: 220px; margin: 0 10px 20px; text-align: center; font-size: 14px;}
.img-slide > ul.img > a > li > h4 {padding-bottom: 8px;}
.img-slide > ul.img > a > li > img {width: 100%; height: 160px; border: 1px solid #ddd;}
.img-slide .more {background: #f4f4f4; position: absolute; bottom: -30px; left: 50%; margin-left: -40px; width: 80px; padding: 8px 0; font-size: 14px; text-align: center; cursor: pointer;}
.img-slide.close > ul.img {margin: 0 auto; width: 88%; height: 225px; overflow-y: hidden;}
.img-slide.open > ul.img {margin: 0 auto; width: 88%; height: auto;}

/* table */
.table-box {width: 100%; margin-bottom: 8px;}
.table-box > table:last-child {margin-bottom: 0;}
.table-box .drop-con {text-align: left!important; background: #F5F6FA;}
.table-box input[type='checkbox'] {display: none;}
.table-box label.check-label {display: block; width: 14px; height: 14px; background: #fff; border: 1px solid #ddd; cursor: pointer;}
.table-box input[type='checkbox']:checked + label.check-label {background: #fff url(/images/sub/check-solid-e597acabaa68ed548f509cddfb1ab741.svg) no-repeat 50% 50%; background-size: 10px;}
.table-box label.check-label2 {cursor: pointer; margin-right: 16px;}
.table-box label.check-label2 span {display: inline-block; width: 14px; height: 14px; margin-right: 8px; background: #fff; border: 1px solid #ddd; vertical-align: middle;}
.table-box input[type='checkbox']:checked + label.check-label2 span {background: #fff url(/images/sub/check-solid-e597acabaa68ed548f509cddfb1ab741.svg) no-repeat 50% 50%; background-size: 10px;}
.table-box input[type='radio'] {display: none;}
.table-box label.radio-label {cursor: pointer; margin-right: 16px;}
.table-box label.radio-label span {display: inline-block; width: 16px; height: 16px; margin-right: 8px; background: #fff; border: 5px solid #ddd; border-radius: 50px; vertical-align: middle;}
.table-box input[type='radio']:checked + label.radio-label span {border: 5px solid #1E2A35;}

/* 21 05 03 style 02-21 주석처리 */
/* .table-box > h4 {font-size: 18px; font-weight: 700; margin: 16px 0;}
.table-box .table-sub {font-size: 15px; float: right; margin-top: -32px;}
.table-box .table-sub > input[type=date] {margin-top: -8px;}
.table-box .required {width: 12px; height: 12px; display: inline-block; background: url("/images/sub/ico_check.png") no-repeat; background-size: 12px; margin-left: 4px;}
.table-box .required-b {width: 12px; height: 12px; display: inline-block; background: url("/images/sub/ico_check_blue.png") no-repeat; background-size: 12px; margin-left: 4px;} */

/* modal02 */
.modal02-wrap {box-sizing: border-box; padding: 24px; background: #fff; border: 1px solid #ccc; position: fixed; top: 50%; left: 50%; z-index: 1001111;}
.modal02-wrap > h2 {font-size: 20px; font-weight: 600; text-align: center; margin-bottom: 32px;}
.modal02-wrap > i {position: absolute; top: 24px; right: 24px; font-size: 20px; cursor: pointer;}
.modal02-wrap .btn_close { position:absolute; display:block; width:60px; height:56px; right:-60px; top:0; background:url(/images/layout/btn_close-301f951b8c8178a9ac981530e9b33d4d.jpg) no-repeat center center; overflow:hidden; font-size:0;line-height:0;}
.modal02-wrap .modal02-con {width: 100%; margin-bottom: 24px;}
.modal02-wrap .modal02-con > div {width: 100%; height: 300px; margin-bottom: 16px;}
.modal02-wrap .modal02-con > div > img {width: 100%; height: 100%;}
.modal02-wrap .modal02-btn {display:flex; justify-content: center; margin-top: 30px;}
.modal02-wrap .modal02-btn li {margin-right: 5px; position: relative;}
.modal02-wrap .modal02-btn li:nth-child(1) input[type='button'] {width: 120px; height: 50px; border-radius:5px; background:#168fea; color: #fff; border:0; cursor: pointer; font-size: 16px; font-weight: 500;}
.modal02-wrap .modal02-btn li:nth-child(2) input[type='button'] {width: 120px; height: 50px; border-radius:5px; background:#111; color: #fff; border:0; cursor: pointer; font-size: 16px; font-weight: 500;}

.modal02-wrap table {width: 100%; margin-bottom: 8px; border-collapse: collapse; border-spacing: 0; font-weight: 300; word-break: break-all; text-align: center; table-layout: fixed; vertical-align: top;}
.modal02-wrap table th {background: #eaeaea; color: #111; border: 1px solid #ddd; padding: 8px; line-height: 140%; vertical-align: middle; font-size: 14px;}
.modal02-wrap table td {height: 38px; color: #111; border: 1px solid #ddd; padding: 8px 4px; line-height: 140%; vertical-align: middle; font-size: 15px;}
.modal02-wrap table td label {color: #111!important;}
.modal02-wrap table td.none {border: none;}

.modal02-wrap input, select {max-width:270px; width: 100%; height: 45px; border-radius:5px; box-sizing:border-box; border:1px solid #ddd; margin-right: 16px; padding:0 20px; font-size: 15px; font-weight: 400; color: #808080;}
.modal02-wrap textarea {width: 100%; height: 100%; padding: 16px;}

/* modal loading */
.modal-wrap .modal-loading {text-align: center; margin-top: 6px;}
.modal-wrap .modal-loading > p {margin-top: 20px;}

/* partsMap mouse event */
.hover > td {background: #01579b10;}
.choice > td {background: #FF00914C;}
.check > td {background: #fef4f4;}

/* header */
#header .wrap {text-align: center;width: 100%; display:flex;}
/*#header .wrap .member {display: flex;  justify-content: center; flex-direction: column; margin-left: auto; right: 55px; top: 15px; position: fixed;}*/
#header .wrap .member {display: flex;  justify-content: center; flex-direction: column; margin-left: auto;}
#header .sub_bg .member {display: flex;  justify-content: center; flex-direction: column; margin-left: auto;}

#header .sub_bg .member ul {display:flex;}
/*#header .sub_bg .member ul li {margin-right: 10px;}*/
#header .sub_bg .member ul li:last-child {margin-right: 0;}
#header .sub_bg .member ul li a {font-size: 14px; font-weight: 500; color: rgba(0,0,0,0.8); position: relative; box-sizing:border-box; padding-left: 10px; padding-right: 10px; transition:.3s;}
#header .sub_bg .member ul li a:hover {color:  rgba(0,0,0,1); }
#header .sub_bg .member ul li:last-child a {padding-right: 0;}
/*#header .sub_bg .member ul li a:before {content: ''; display: block; position: absolute; left: 0; top: 50%; transform:translate(0,-50%); width:12px; height: 14px; background: url(/images/layout/mypage-49a5bf4a768598b962f582816d6f1da8.png);}*/
#header .sub_bg .member ul li a:after {content: ''; display: block; position: absolute; right: 0; top: 50%; transform:translate(0,-50%); width:1px; height: 14px; background: rgba(0,0,0,0.6);}
#header .sub_bg .member ul li:last-child a:after {display: none;}
/*#header .sub_bg .member ul li:nth-child(2) a:before {background: url(/images/layout/set-2faf17b50fcc1a1371de6cd822510e03.png); width: 14px; height: 14px;}*/

/* 청구서 작성 요청 버튼 타입 */
.btn_demand {background: #ffa042!important; color: #FFF!important; border:1px solid #ffa042!important; border-radius:5px!important; padding: 0 5px 0 5px;}

/***** template.css *****/
/* 주석처리 */
/* select_type p:last-child {margin-left: 2rem;} */

/* 라디오 버튼 */
.select_type {display:flex;} /* margin-top 삭제 */
.select_type label:after {position: absolute; content: ''; width: 15px; height: 15px; box-sizing: border-box; border: 4px solid #073e7f; border-radius: 50%; left: 0; top: 5px; opacity: 0; transition: .3s;}
.select_type label:before {position: absolute; content: ''; width: 15px; height: 15px; box-sizing: border-box; border: 4px solid #ddd; border-radius: 50%; left: 0; top: 5px;}
.select_type label:last-child {margin-left: 1rem;}
.select_type label:nth-child(4) {margin-left: 1rem;}
.select_type label:nth-child(6) {margin-left: 1rem;}

/* sticky */
.sticky {position: -webkit-sticky; position: sticky; top: 0;}

/* marti01 메인 화면 이용현황 카테고리별 색상 구분*/
/* 공통 */
.marti01 .box ul li a figure {background: #fff;}

/* 일반견적 */
.marti01 .box ul li.light_purple {background: #F5F3FC 0 0 no-repeat padding-box !important; border: 1px solid #DAD6FF;}
.marti01 .box ul li.light_purple a p span.month {color:#6A55F8;}
.marti01 .box ul li.light_purple a p span.total {color:#4C3CC7;}

/* 보험견적 */
.marti01 .box ul li.sky_blue {background: #ECF6FF 0 0 no-repeat padding-box !important; border: 1px solid #CFE6FF;}
.marti01 .box ul li.sky_blue a p span.month {color:#3F83D5;}
.marti01 .box ul li.sky_blue a p span.total {color:#083E80;}

/* 부품,배송 관리 */
.marti01 .box ul li.light_orange {background: #FFF5EC 0 0 no-repeat padding-box !important; border: 1px solid #FFE4C9;}
.marti01 .box ul li.light_orange a p span.month {color:#DB6A00;}
.marti01 .box ul li.light_orange a p span.total {color:#A95500;}

/* marti01 메인 화면 이용현황 영역 분할 */
.marti01 .left {width: 48.83%;}
.marti01 .left .box .title {width: 29.19%; max-width: 200px;}
.marti01 .left .box ul li {width:29.1%;}
.marti01 .right {width:48.83%; background: #fff; box-sizing:border-box; border-radius:15px; padding:1.5%; box-shadow:5px 5px 15px rgba(0,0,0,0.1);}
.marti01 table {}
.marti01 table th {background: #f3f4f6; font-size: 16px; font-weight: 500; color: #333; padding:8px 0;}
.marti01 table th:first-child {border-radius:5px 0 0 5px;}
.marti01 table th:last-child {border-radius:0 5px 5px 0;}
.marti01 table td {font-size: 16px; font-weight: 400; color: #808080; padding:6px 0; border-bottom: 1px solid #ddd;}
.marti01 table tr:hover {background-color: #f3f9fe; cursor: pointer;}


/* layer terms */
.terms-overlay {position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); display: none; align-items: center; justify-content: center; z-index: 9999;}
.terms-overlay .confirm-modal {background: #fff; width: 800px; max-width: calc(100% - 32px); height: 600px; max-height: calc(100% - 32px); border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); overflow: hidden; animation: fadeUp 0.2s ease-out; display: flex; flex-direction: column;}
.terms-overlay .confirm-header {padding: 16px 20px; font-size: 16px; font-weight: 600; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;}
.terms-overlay .confirm-close {background: none; border: none; font-size: 36px; line-height: 1; cursor: pointer; color: #666;}
.terms-overlay .confirm-close:hover {color: #000;}
.terms-overlay .confirm-body {padding: 20px; font-size: 14px; line-height: 1.5; color: #333; overflow-y: auto; flex: 1;}
.terms-overlay .confirm-body-header {padding-bottom: 10px;}
.terms-overlay .confirm-body-contents {padding: 20px 0;}
.terms-overlay .confirm-body-footer {padding-top: 10px;}
.terms-overlay .confirm-footer {
  display: flex;
  gap: 8px;
  padding: 12px 16px 16px;
  justify-content: flex-end;
}

/* layer confirm */
.confirm-overlay {position: fixed; inset: 0; background: rgba(0, 0, 0, 0.5); display: none; align-items: center; justify-content: center; z-index: 9999;}
.confirm-overlay .confirm-modal {background: #fff; width: 400px; max-width: calc(100% - 32px); height: 250px; max-height: calc(100% - 32px); border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); overflow: hidden; animation: fadeUp 0.2s ease-out; display: flex; flex-direction: column;}
.confirm-overlay .confirm-header {padding: 16px 20px; font-size: 16px; font-weight: 600; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between;}
.confirm-overlay .confirm-close {background: none; border: none; font-size: 36px; line-height: 1; cursor: pointer; color: #666;}
.confirm-overlay .confirm-close:hover {color: #000;}
.confirm-overlay .confirm-body {padding: 20px; font-size: 14px; line-height: 1.5; color: #333; overflow-y: auto; flex: 1;}
.confirm-overlay .confirm-body-header {padding-bottom: 10px;}
.confirm-overlay .confirm-body-contents {padding: 20px 0;}
.confirm-overlay .confirm-body-footer {padding-top: 10px;}
.confirm-overlay .confirm-footer {
  display: flex;
  gap: 8px;
  padding: 12px 16px 16px;
  justify-content: flex-end;
}

.btn {
  min-width: 80px;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 14px;
  cursor: pointer;
  border: none;
}

.btn-cancel {
  background: #f2f2f2;
  color: #333;
}

.btn-confirm {
  background: #2563eb;
  color: #fff;
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}


/* 예치금 정보 모달 */
/*.balance-wrap {box-sizing: border-box; padding: 24px; background: #fff; border: 1px solid #ccc; position: fixed; top: 50%; left: 50%; z-index: 1001111;}*/
#balanceInfoModal {position: fixed; width: clamp(200px, 18vw, 260px); box-sizing: border-box;}
.balance-wrap {padding: 12px; background: #fff; border: 1px solid #ddd; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 1001111; width: 100%; box-sizing: border-box;}
.balance-wrap > h2 {font-size: 20px; font-weight: 600; text-align: center; margin-bottom: 32px;}
.balance-wrap > i {position: absolute; top: 24px; right: 24px; font-size: 20px; cursor: pointer;}
.balance-wrap .btn_close { position:absolute; display:block; width:60px; height:56px; right:-60px; top:0; background:url(/images/layout/btn_close-301f951b8c8178a9ac981530e9b33d4d.jpg) no-repeat center center; overflow:hidden; font-size:0;line-height:0;}
.balance-wrap .balance-con {width: 100%;}
.balance-wrap .balance-con > div {width: 100%; height: 300px; margin-bottom: 16px;}
.balance-wrap .balance-con > div > img {width: 100%; height: 100%;}
.balance-wrap .balance-btn {display:flex; justify-content: center; margin-top: 30px;}
.balance-wrap .balance-btn li {margin-right: 5px; position: relative;}
.balance-wrap .balance-btn li:nth-child(1) input[type='button'] {width: 120px; height: 50px; border-radius:5px; background:#168fea; color: #fff; border:0; cursor: pointer; font-size: 16px; font-weight: 500;}
.balance-wrap .balance-btn li:nth-child(2) input[type='button'] {width: 120px; height: 50px; border-radius:5px; background:#111; color: #fff; border:0; cursor: pointer; font-size: 16px; font-weight: 500;}

.balance-wrap table {width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-weight: 300; word-break: break-all; text-align: center; vertical-align: top;}
.balance-wrap table th {background: #eaeaea; color: #111; border: 1px solid #ddd; padding: 8px; line-height: 140%; vertical-align: middle; font-size: 14px;}
.balance-wrap table td {height: 38px; color: #111; border: 1px solid #ddd; padding: 8px 4px; line-height: 140%; vertical-align: middle; font-size: 15px;}
.balance-wrap table td label {color: #111!important;}
.balance-wrap table td.none {border: none;}

.balance-wrap input, select {max-width:270px; width: 100%; height: 45px; border-radius:5px; box-sizing:border-box; border:1px solid #ddd; margin-right: 16px; padding:0 20px; font-size: 15px; font-weight: 400; color: #808080;}
.balance-wrap textarea {width: 100%; height: 100%; padding: 16px;}

.copy-btn {margin-left: 6px; font-size: 12px; color: #007bff; cursor: pointer;}
.copy-btn:hover {text-decoration: underline;}