@charset "utf-8";
fieldset {position:relative;padding:0;border:0;}

#loading { width:100px; height:100px; text-align:center; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:10; background:url('/images/loading_dots.svg') no-repeat center ; background-size:auto 80%;}


/*========================================================= 
	공통 
=========================================================*/
.no-line {border-bottom:0 !important;}
.no-mb {margin-bottom:0 !important;}
.no-mb {margin-bottom:0 !important;}
.no-mt {margin-top:0 !important;}
.divide {  margin:2rem 0 2rem;  }
.divide-pop {height:.8rem; background-color:var(--color-bg-popup) !important; border-top:1px solid var(--color-border-popup) !important}



/* 게시물 없음 */
.result_nodata {position:relative;width:100% !important; margin-top:1rem; color:#999 !important; background:#fbfbfb; height:300px !important;line-height:300px;padding:0 !important; font-size:.85rem !important; font-weight:400; border-bottom:0px solid #ddd;  border-top:0px solid #ccc !important; text-align:center !important;justify-content: center !important;color:#999;}
.result_nodata:before {content:''; position:absolute;  top:50%; left:50%; transform: translate(-50%,-140%); width:50px; height:50px; background:url('/images/ico_note.png') no-repeat center; background-size:cover;  }

.result_nodata2 {position:relative !important;width:100% !important;height:300px !important;line-height:auto; padding:0 !important; font-size:1.125rem !important; font-weight:400; text-align:center; border-bottom:0px solid #ddd;  border-top:0px; background:#fff;
                      text-align:center !important;justify-content: center !important;color:#999;}
.result_nodata2:before {content:''; position:absolute;  top:50%; left:50%; transform: translate(-50%,-50%); margin-top:-30px; width:60px; height:60px; background:url('/images/ico_note.png') no-repeat center; background-size:cover;  }
.result_nodata2 p {position:absolute; left:0;top:55%; width:100%; z-index:10; font-size:1.05rem !important; line-height:1.3rem; font-weight:400;}

@media screen and (max-width:677px){
   .result_nodata { height:280px !important;line-height:280px;  font-size:0.9rem !important;}
   .result_nodata:before { transform: translate(-50%,-140%); width:50px; height:50px;  }
}

.center {text-align:center !important }
.left{text-align:left !important }
.right{text-align:right !important }


.txt_info{margin-top:5px;font-size:14px;color:#777;font-weight:normal;word-break:keep-all;}
.txt_info.error, .txt_info.ok{font-size:.9rem;}
.txt_info.error{font-size:.9rem;color:#ff1c1c;}
.txt_info.ok{color:#158cca;}
.txt_info.sm{font-size:12px;color:#e21737;}
.txt_info.md{font-size:14px;}

.inline {display:inline-block !important;}

/* style */
.text-red {color:#f8002d !important}
.text-red2 {color:#ff1c1c !important;}
.text-grey {color:#888 !important}
.text-blue {color:#00a9f8 !important}

.text-price {color:#e51c23 !important;font-weight:bold;text-align:right !important;}



.deal_count {display:inline-block;background:#f5f5f5;height:23px;padding:0 12px;margin-left:7px;border-radius:25px;line-height:25px;color:#ff1c1c;font-size:12px;text-indent:0;vertical-align:middle;}

.btn-top span, .btn-delete span {display:none;}
.btn-mini {display:inline-block;padding:0 .45rem;background-color:#e6effc; border-radius:50px;color:var(--txt-default); font-weight:500; font-size:13px;line-height:1.3rem;letter-spacing:-1px;}
.btn-toggle {clear:both;display:block;width:100%;height:2.5rem;line-height:2.5rem;font-size:.8rem;color:#999; font-weight:500; background-color:#f7f7f7;text-align:center; border:1px dashed #ccc}
.btn-toggle::after {content:'보기';display:inline-block;padding:0 1.3rem 0 0.3rem;background-image:url('/images/icon_select.png'); background-repeat:no-repeat; background-position:right ; background-size:1rem auto;}
.btn-toggle.open::after {content:'접기'; background-image:url('/images/icon_select_up.png');}
.btn-toggle.whtie {height:4rem;border-top:1px solid #eee;background-color:transparent;line-height:1.5rem;}
.btn-toggle.whtie::after {content:'' !important;display:block;height:1rem;background-position:center center;}
.btn-write {position:fixed;bottom:1.5rem;right:1rem;z-index:100;display:inline-block;width:50px;height:50px;background:url('/images/icon_write.png') center center no-repeat #ff1c1c;background-size:auto 40px;box-shadow:3px 3px 10px rgba(245,6,0,.15);border-radius:50%;font-size:0;text-align:center;box-sizing:border-box;}

.fuc-wrap {display:none;}



/* elements */
.button-group {clear:both;box-sizing:border-box; margin-top:2rem; gap:.5rem; }
.button-group .btn {display:inline-flex;align-items: center;  justify-content: center;  min-width:120px;padding:0 2rem;height:var(--hei-sign-form) !important;  background-color:#9da3ac; color:#fff; border-radius:var(--radius-sign);font-size:.95rem;font-weight:bold;box-shadow:2px 2px 3px rgba(179,189,217, .4);font-family:'pretendard'; }
.button-group .btn:hover {box-shadow:none; }
.button-group .cancel {width:120px !important; background-color:#fff; border:1px solid var(--color-border1); color:var(--color-gnb);}
.button-group .confirm { background-color:var(--color-default); color:#fff; }
.button-group.col5 {width:100% !important;}
.button-group.col5 .btn{width:50%; }
.button-group.col5 .cancel {width:50% !important; }
.button-group.full {display:flex; flex-wrap: nowrap;}
.button-group.full .btn{width:100%;}
.button-group.center {display:flex !important; justify-content: center; gap:.5rem;}

.button-group-fixed {clear:both;position:relative;height:7.6rem;z-index:10;}
.button-group-fixed .button-group {position:fixed;display:block;bottom:0;left:0;width:100%;/*height:5.5rem;*/z-index:10; }
.button-group-fixed.padd0 {height:4.5rem;}
.button-group-fixed.padd0 .button-group {height:3.5rem;padding:0;}
.button-group-fixed.padd0 .button-group button,
.button-group-fixed.padd0 .button-group .btn {border-radius:0 !important;}




.date_picker {display:inline-block;width:100px;/*text-align:center;*/font-size:17px;}
.data-empty {width:100% !important;min-height:240px;padding:1rem 0;border:1px solid #f5f5f5; border-radius:7px; background:#f9f9f9;word-break:break-all;font-size:18px !important;color:#bbb;text-align:center;line-height:240px;letter-spacing:-1px;}
.data-empty:after {display:none !important;}

@media screen and ( max-width:500px ) {
 .data-empty { height:180px !important;min-height:180px !important; padding:0 !important;  line-height:180px !important; font-size:0.95rem !important;}
}

/* jquery ui */
.ui-widget.ui-widget-content {background-color:#ddd;border:0;border-radius:0}
.ui-slider-horizontal {height:2px}
.ui-widget-header {background-color:#5c96ff;}
.ui-slider-horizontal .ui-slider-range {height:2px;}
.ui-slider-horizontal .ui-slider-handle {top:-0.895rem;width:2rem;height:2rem;background:url('/images/slider_button.png') center center no-repeat;background-size:contain;border:0;transform:translateX(-6px); z-index:333; }
.ui-slider-horizontal .ui-slider-handle:active, .ui-slider-horizontal .ui-slider-handle:focus {border:0 !important;color:#fff;}




/* 기본 테이블 */
.table_wrap {position:relative; overflow : auto; }
.table_wrap.mh{height:280px;}
.table_wrap.mh2{height:375px;}

.t_normal {width:100%;font-size:0.813rem; border-collapse: separate; border-spacing: 0;font-family:'malgun'; }
.t_normal th { background:#e3eaf6; border:1px solid #bec4d5; border-bottom:1px solid #8b9abc;  border-right:0; line-height:18px;padding:8px 7px; font-weight:600;}
.t_normal th:last-child {border-right:1px solid #bec4d5}
.t_normal td {padding:6px 7px; border-left:1px solid #bec4d5; border-bottom:1px solid #bec4d5; line-height:22px; }
.t_normal td:last-child {border-right:1px solid #bec4d5}
.t_normal .fixedheader {position:sticky; top:0;z-index:10 }
.t_normal.center td {text-align:center;}
.t_normal input[type=checkbox] + label:before {outline:0;}
.t_normal th:nth-child(1) input[type=checkbox] + label { padding:0 18px 0 0 !important;}
.t_normal td:nth-child(1) input[type=checkbox] + label { padding:0 18px 0 0 !important; }
.t_normal th:nth-child(1) input[type=checkbox] + label:after { left:6px !important; }
.t_normal td:nth-child(1) input[type=checkbox] + label:after { left:6px !important; }
.t_normal tbody tr:hover {background-color:#edf0f9}
.t_normal a {position:relative; text-decoration: underline; color:var(--color-default)}
.ch-order {cursor:pointer;}
.ch-order:after {content:''; display:inline-block; vertical-align:middle; margin-left:2px; margin-top:-3px; width:10px; height:13px; border:0px solid #f00; background-size:7px auto; background-repeat:no-repeat; background-position:center ; 
background-image: url("data:image/svg+xml,%3Csvg width='73' height='114' viewBox='0 0 73 114' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.08225 66C4.87923 66.0003 3.70329 66.4026 2.70309 67.1561C1.7029 67.9097 0.923356 68.9805 0.463014 70.2334C0.00267142 71.4862 -0.117803 72.8647 0.116825 74.1947C0.351453 75.5248 0.930648 76.7465 1.78119 77.7055L32.1989 111.992C33.3398 113.278 34.8869 114 36.5 114C38.1131 114 39.6602 113.278 40.8011 111.992L71.2188 77.7055C72.0694 76.7465 72.6485 75.5248 72.8832 74.1947C73.1178 72.8647 72.9973 71.4862 72.537 70.2334C72.0766 68.9805 71.2971 67.9097 70.2969 67.1561C69.2967 66.4026 68.1208 66.0003 66.9178 66H6.08225Z' fill='%239ca3af'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.08225 48C4.87923 47.9997 3.70329 47.5974 2.70309 46.8439C1.7029 46.0903 0.923356 45.0195 0.463014 43.7666C0.00267142 42.5138 -0.117803 41.1353 0.116825 39.8053C0.351453 38.4752 0.930648 37.2535 1.78119 36.2945L32.1989 2.00774C33.3398 0.722185 34.8869 -9.08942e-07 36.5 -9.08942e-07C38.1131 -9.08942e-07 39.6602 0.722185 40.8011 2.00774L71.2188 36.2945C72.0694 37.2535 72.6485 38.4752 72.8832 39.8053C73.1178 41.1353 72.9973 42.5138 72.537 43.7666C72.0766 45.0195 71.2971 46.0903 70.2969 46.8439C69.2967 47.5974 68.1208 47.9997 66.9178 48H6.08225Z' fill='%239ca3af'/%3E%3C/svg%3E%0A");
}

/* 테이블 리스트 형태 데이터없을때 처리 */
.t_normal.noresult-data thead,
.t_normal.noresult-data tbody {display:none;}
.noresult-data { width:100%;  height:100%; position:relative; font-size:17px; background-color:#f9fafc; display:flex; justify-content: center; align-items: center; flex-direction: column; gap:.5rem; } 
.noresult-data:before {content:"\e9a7"; font-family:'xeicon'; width:80px; height:80px; border-radius:50%; font-size:2.2rem; color:#7391df; background-color:#e8edf9; border:9px solid #fff; display:flex; justify-content: center; align-items: center; }
.noresult-data:after {content:'데이터가 없습니다.'; font-family: 'Pretendard'; font-weight:500; color:#8e94a5; font-size:1.05rem;width:100%; display:flex; justify-content: center; }

.nodata { width:100%;  height:100%;  height:calc(100vh - 310px);font-size:17px; background-color:#f9fafc; border:0 !important; text-align: center; font-family: 'pretendard'; font-size:1rem;}
.nodata:before {content:"\e9a7"; font-family:'xeicon'; width:80px; height:80px; border-radius:50%; font-size:2.2rem; color:#7391df; background-color:#e8edf9; border:9px solid #fff; margin:0 auto; display:flex;  justify-content: center; align-items: center;margin-bottom:1rem; }


.t_normal.type2 th {border-bottom:1px solid #bec4d5; }
.t_normal.type2 tbody th {background:#e3eaf6; border-top:0; }
.t_normal.type2 .line-r {border-right:1px solid #91a3bd; }
.t_normal.type2 .line-b {border-bottom:1px solid #91a3bd !important; }

.t_normal.left { font-size:0.813rem; border-collapse: collapse; font-family:'malgun';}
.t_normal.left th {padding:13px 7px; border:0; text-align:right; line-height:18px; background-color:#fff; font-weight:600; vertical-align:top; border-bottom:1px solid #c0c6d3; position:relative;}
.t_normal.left th.ess:after {top:6px; right:2px;}
.t_normal.left td {padding:7px 7px; border:0; line-height:22px; border-bottom:1px solid #e7e9ee; }
.t_normal.left tr:hover {background-color:transparent}
.t_normal.left input[type="text"],
.t_normal.left input[type="password"],
.t_normal.left select {height:32px; line-height:32px; box-shadow:1px 1px 2px rgba(179,189,217, .3);font-size:.9rem; color:#000;}
.t_normal.left textarea {box-shadow:1px 1px 2px rgba(179,189,217, .3); margin:0;}
.t_normal.left input:focus,
.t_normal.left select:focus,
.t_normal.left textarea:focus {box-shadow: 1px 1px 3px rgba(179,189,217, .5) inset;transition: all 0.2s ease-in; }
.t_normal.left  td:nth-child(1) input[type=checkbox] + label { padding:0 18px 0 0 !important; }
.t_normal.line_t {border-top:1px solid #8c97ae; }
.t_normal.left.option th{text-align:center; background-color:#ebeef5; padding:.5rem;border:1px solid #d6dae3;vertical-align:middle; }
.t_normal.left.option td{ border:1px solid #d6dae3;  }
.t_normal.left.option td {font-size:0; padding:.5rem .75rem;}
.t_normal.left.option td input[type=checkbox] + label {width:25%; font-family:'Dotum' ;font-size:13px; color:#000; letter-spacing: -.02em;}

.brd-b {border-bottom:0 !important;}
.brd-t {border-top:0 !important;}
.shorten {overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis; min-width:100px;}

/* 월임대료 */
.t_normal.rate input[type="text"] {text-align:right !important; width:100%; }

.ol-list li{position:relative; font-size:0.95rem; line-height:1.3em; color:#333; padding-left:0.85rem; margin:0.5rem 0}
.ol-list li:before {content:''; position:absolute; left:3px; top:7px; width:5px; height:5px; border-radius:1rem; background-color:#9fa8bd;}

/* 서브탭 */
.sub-nav { padding:0;margin:0;overflow:hidden;width:100%;position:relative; z-index:5}
.sub-nav ul {font-size:0;}
.sub-nav li{position:relative;display:inline-block;width:50%;margin-left:-1px;z-index:1;}
.sub-nav li:first-child	{margin-left:0;}
.sub-nav li a {display:block;border:1px solid #dfdfdf;color:#333;font-size:1.063rem;line-height:60px;text-align:center;font-weight:500;letter-spacing:-1px;font-family:'NotoSans'}
.sub-nav li.active {z-index:2;}
.sub-nav li.active a {color:var(--txt-default);border-color:var(--txt-default);background:#fff;}
.sub-nev-wrap {height:61px;background:#fff; width:100%;}
.sub-nev-wrap.fixed .sub-nav {position:fixed;top:0; left:0; margin-bottom:0; width:100%; background:#fff;z-index:10;}
.sub-nev-wrap.fixed .sub-nav ul {width:1200px; margin:0 auto; }

/* 이중탭 tab_container */
.tabs { width: 100%;  } 

.tab_nav, 
.sub_tab_nav { display: flex; align-items: center; position: relative; border-bottom: none; gap:.5rem; height:var(--hei-head)} 
.sub_tab_nav { margin-top: .5rem; } 

/*
.tab_nav::after,
.sub_tab_nav::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #ddd; z-index: 1; } 
*/

/* 메인 및 서브 탭 */
.tab_nav li a,
.sub_tab_nav li a { display: block; position: relative;font-size: 1rem;font-weight:500; line-height:var(--hei-head); color: var(--color-gnb); padding: 0 .9rem;  z-index: 0; }
.tab_nav li a {position:relative;}
.tab_nav li a:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:3px;  z-index:333 }
.tab_nav li a:hover {text-decoration:none; }
.tab_nav li.blank a:after {position:absolute; top:7px; left:auto; right:-5px !important; width:20px; height:20px; background-size:auto 15px; background-position:center center; background-repeat:no-repeat;  z-index:10; 
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3333 37.5001L33.3333 17.5001V35.4167H37.5V10.4167H12.5V14.5834H30.4167L10.4167 34.5834L13.3333 37.5001Z' fill='%23878D9C'/%3E%3C/svg%3E%0A");
}


/* 활성화된 탭 */
.tab_nav li.active a,
.sub_tab_nav li.active a {  color:var(--color-title); font-weight: 700; z-index: 2; } 

.tab_nav li.active a:after {background-color:var(--color-default)}
 
/* 탭 컨텐츠 영역 */
.tab, .sub_tab { display: none; } 
.tab.active, .sub_tab.active { display: block; } 

/* faq */
.tabs.type2 .tab_nav,
.tabs.type2 .tab_nav a{height:2.3rem; line-height:1.525;}
.tabs.type2 .tab_nav:after {content:''; position:absolute; left:0; bottom:0; height:1px; width:100%; background-color:#a6aab6; z-index:0;}
.tabs.type2 .tab_nav li a {padding:0 1.85rem; min-width:100px; text-align:center; }


/* badge label */
.badge {  display:inline-block; vertical-align:middle; font-family:'malgun'; width:55px; text-align:center; background-color:#e8ecf3;color:#7d8ba3; border-radius:6rem;  font-size:12px; height:22px; line-height:1.6; padding:0 10px; margin:0; font-weight:600 !important; font-weight:normal; }
.badge.round {border-radius:60px;}
.badge.dash {border-radius:60px; border:1pxdas}
.badge.contract { background-color:#e4edf8; color:#1f6ccc; }/* 계약중 */
.badge.standby { background-color:#f0f0f0; color:#666; }/* 대기중 */
.badge.ing { background-color:#e8f7e7; color:#229a12; }/* 처리중 */
.badge.complete { background-color:#fee8eb; color:#f74358;}/* 완료*/

.status {font-weight:bold;}
.status.use {color:var(--color-red)}
.status.not-use {color:#666}


/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                         Btn 공통
///////////////////////////////////////////////////////////////////////////////////////////*/
.btn-wrap {display:flex; gap:.25rem; align-items: center;}
.btn-wrap.flex-right { justify-content: flex-end; }
.btn {display:inline-block; vertical-align:middle; padding:0 .5rem; font-size:.85rem; font-weight:600; height:28px; line-height:28px; border-radius:var(--radius-default); color:#333; cursor: pointer; font-family:'pretendard'}
.btn:before {content:''; font-family:'xeicon';display:inline-block;vertical-align:top;font-weight:normal;  height:100%;margin-right:.2rem; color:#333;}
.btn.default {min-width:60px; padding:0 .65rem;}
.btn.default:before {display:none;}
.btn.slt{min-width:auto !important; padding:0 .85rem; line-height:1;  color:#0aa8f1; border:1px solid #0aa8f1; background-color:#fff; transition: all 0.2s ease-in; border-radius:5rem;}
.btn.slt:before {display:none;}
.btn.slt:hover {background-color:#0aa8f1; color:#fff;}
.btn.line {border:1px solid var(--color-border-basic) !important; color:var(--color-title) !important; line-height:26px;}
.btn.round {border-radius:30rem; padding:0 1rem; }
.btn.preview {background-color:#ffffff; border:1px solid #b8c1d3 !important; color:#4f60ac !important; margin-right:3px;}
.btn.preview:before {display:noen;}
.btn.preview:last-child {margin:0;}

/* 초기화 */
.btn.reset {background-color:#fff; border:1px solid var(--color-border-basic) }
.btn.reset:before {content: ""; width:16px; height:100%;  background-repeat:no-repeat; background-position:center center; background-size:auto 16px;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.97618 2.66666C10.4706 3.51908 11.4524 5.15646 11.4524 6.99999C11.4524 7.97948 11.1619 8.93697 10.6177 9.75138C10.0736 10.5658 9.30011 11.2006 8.39518 11.5754C7.49026 11.9502 6.4945 12.0483 5.53383 11.8572C4.57316 11.6661 3.69073 11.1945 2.99813 10.5019C2.30553 9.80925 1.83386 8.92682 1.64277 7.96615C1.45168 7.00548 1.54975 6.00972 1.92459 5.10479C2.29942 4.19986 2.93418 3.42641 3.7486 2.88223C4.56301 2.33806 5.5205 2.04761 6.49999 2.04761' stroke='%23424753' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.97607 5.14285V2.66666H11.4523' stroke='%23424753' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.btn-reset {background-color:#fff; border:1px solid var(--color-border-basic) }
.btn-reset:before {content: ""; width:16px; height:100%;  background-repeat:no-repeat; background-position:center center; background-size:auto 16px;
background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.97618 2.66666C10.4706 3.51908 11.4524 5.15646 11.4524 6.99999C11.4524 7.97948 11.1619 8.93697 10.6177 9.75138C10.0736 10.5658 9.30011 11.2006 8.39518 11.5754C7.49026 11.9502 6.4945 12.0483 5.53383 11.8572C4.57316 11.6661 3.69073 11.1945 2.99813 10.5019C2.30553 9.80925 1.83386 8.92682 1.64277 7.96615C1.45168 7.00548 1.54975 6.00972 1.92459 5.10479C2.29942 4.19986 2.93418 3.42641 3.7486 2.88223C4.56301 2.33806 5.5205 2.04761 6.49999 2.04761' stroke='%23424753' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.97607 5.14285V2.66666H11.4523' stroke='%23424753' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}

/* 조회 */
.btn.search {background-color:var(--color-dark-blue); color:#fff; }
.btn.search:before {content: "";  width:16px; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 19px;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 116.3 116.3' style='enable-background:new 0 0 116.3 116.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M54.1,97.6c-23,0-41.7-18.7-41.7-41.7s18.7-41.7,41.7-41.7s41.7,18.7,41.7,41.7S77.1,97.6,54.1,97.6z M54.1,25.3c-16.9,0-30.6,13.7-30.6,30.6s13.7,30.6,30.6,30.6s30.6-13.7,30.6-30.6S71,25.3,54.1,25.3z'/%3E%3Cpath class='st0' d='M98.4,102.1c-1.4,0-2.9-0.6-4-1.7L81.4,86.9c-2.1-2.2-2.1-5.7,0.1-7.8c2.2-2.1,5.7-2.1,7.8,0.1l13.1,13.5 c2.1,2.2,2.1,5.7-0.1,7.8C101.2,101.6,99.8,102.1,98.4,102.1z'/%3E%3C/g%3E%3C/svg%3E%0A");
}

/*  삭제 저장 카카오 ..... */
.btn-delete:before {content: " \e921"; }
.btn-save:before {content: "\e929";  font-size:1.3rem; }
.btn-kakao:before {content:"\ebee"; }
.btn-bill {background-color:#7D8497; color:#fff !important;}
.btn-bill:before {content:"\eb71" ; color:#fff;}
.btn-resend:before {content:"\eb58";  }
.btn-edit:before {content:"\e9b0";  }
.btn-bring:before{content:"\ea0d";}
.btn-copy:before{content:"\e9c0"; transform: rotate( 135deg ); font-size:1rem; font-weight:500;}
.btn-withdraw {width:70px;}
.btn-withdraw:before {content:"\FBC3";font-family:"Material Design Icons"; font-size:1.2rem; }


/* 추가 상승 + */
.btn-up {width:1.8rem !important; height:1.8rem !important; padding:0}
.btn-up:before {content:"\e913"; font-size:.9rem; line-height:1.8rem; color:var(--color-title); margin:0; }
.btn-down {width:1.8rem; height:1.8rem;padding:0}
.btn-down:before {content:"\e91a"; font-size:.9rem;  line-height:1.8rem;color:var(--color-title); margin:0; }


.btn-excel:before {content:''; width:20px; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 15px; 
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.63 6.40897H8.72156V5.45473H10.63V6.40897ZM10.63 6.95422H8.72156V7.90845H10.63V6.95422ZM10.63 2.45576H8.72156V3.40998H10.63V2.45576ZM10.63 3.95525H8.72156V4.90946H10.63V3.95525ZM10.63 8.4537H8.72156V9.40794H10.63V8.4537ZM11.9482 10.3349C11.8937 10.6184 11.5529 10.6252 11.3252 10.6348H7.08576V11.8616H6.23923L0 10.7711V1.23029L6.27605 0.138382H7.08576V1.22483H11.1794C11.4097 1.23437 11.6633 1.21801 11.8637 1.35568C12.0041 1.55743 11.9905 1.81372 12 2.04544L11.9945 9.14211C11.9877 9.53879 12.0313 9.94367 11.9482 10.3349ZM4.99873 8.19608C4.62251 7.43272 4.23947 6.67477 3.86459 5.91139C4.23537 5.16847 4.60071 4.42283 4.96467 3.67716C4.65523 3.69216 4.34578 3.71124 4.03772 3.73306C3.80733 4.29331 3.53878 4.83858 3.35885 5.41794C3.19118 4.8713 2.96899 4.34511 2.76588 3.81212C2.46598 3.82847 2.16607 3.84619 1.86619 3.86391C2.18243 4.56188 2.51916 5.25024 2.82586 5.95229C2.46462 6.63387 2.12655 7.32502 1.77621 8.01069C2.07473 8.02294 2.37328 8.03523 2.6718 8.0393C2.88448 7.49677 3.14892 6.97468 3.33431 6.42123C3.50062 7.01558 3.78279 7.56493 4.01454 8.13336C4.34306 8.15656 4.6702 8.177 4.99873 8.19608ZM11.3498 1.87224H7.08576V2.45576H8.17631V3.40998H7.08576V3.95525H8.17631V4.90946H7.08576V5.45473H8.17631V6.40897H7.08576V6.95422H8.17631V7.90845H7.08576V8.4537H8.17631V9.40794H7.08576V10.0383H11.3498V1.87224Z' fill='%23555860'/%3E%3C/svg%3E%0A");
}

.btn-print:before {content:''; width:24px; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto 15px; 
background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.25016 0.166672C3.09545 0.166672 2.94708 0.22813 2.83768 0.337526C2.72829 0.446922 2.66683 0.595295 2.66683 0.750005V3.08334H1.50016C1.19074 3.08334 0.893997 3.20625 0.675205 3.42505C0.456412 3.64384 0.333496 3.94059 0.333496 4.25001V8.91667C0.333496 9.22609 0.456412 9.52284 0.675205 9.74163C0.893997 9.96042 1.19074 10.0833 1.50016 10.0833H2.66683V11.25C2.66683 11.4047 2.72829 11.5531 2.83768 11.6625C2.94708 11.7719 3.09545 11.8333 3.25016 11.8333H9.0835C9.23821 11.8333 9.38658 11.7719 9.49598 11.6625C9.60537 11.5531 9.66683 11.4047 9.66683 11.25V10.0833H10.8335C11.1429 10.0833 11.4397 9.96042 11.6585 9.74163C11.8772 9.52284 12.0002 9.22609 12.0002 8.91667V4.25001C12.0002 3.94059 11.8772 3.64384 11.6585 3.42505C11.4397 3.20625 11.1429 3.08334 10.8335 3.08334H9.66683V0.750005C9.66683 0.595295 9.60537 0.446922 9.49598 0.337526C9.38658 0.22813 9.23821 0.166672 9.0835 0.166672H3.25016ZM9.0835 7.16667H3.25016C3.09545 7.16667 2.94708 7.22813 2.83768 7.33753C2.72829 7.44692 2.66683 7.5953 2.66683 7.75001V8.91667H1.50016V4.25001H10.8335V8.91667H9.66683V7.75001C9.66683 7.5953 9.60537 7.44692 9.49598 7.33753C9.38658 7.22813 9.23821 7.16667 9.0835 7.16667ZM8.50016 3.08334H3.8335V1.33334H8.50016V3.08334ZM2.0835 4.83334V6.00001H3.8335V4.83334H2.0835ZM8.50016 8.33334V10.6667H3.8335V8.33334H8.50016Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

/* 등록 */
.btn-regist {background-color:var(--color-default); border-color:var(--color-default); color:#fff;}
.btn-regist:before {content:'';   width:20px; height:100%; background-repeat:no-repeat; background-position:center center; background-size:auto; 
background-image: url("data:image/svg+xml,%3Csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.3335 11.195H12.0002M1.3335 11.195V8.52831L8.5795 1.28231L8.58016 1.28164C8.8435 1.01831 8.9755 0.88631 9.1275 0.836977C9.26138 0.793477 9.40561 0.793477 9.5395 0.836977C9.6915 0.88631 9.82283 1.01831 10.0862 1.28098L11.2462 2.44098C11.5102 2.70498 11.6422 2.83698 11.6915 2.98898C11.735 3.12287 11.735 3.26709 11.6915 3.40098C11.6422 3.55298 11.5102 3.68498 11.2462 3.94898L4.00016 11.1956L1.3335 11.195Z' stroke='white' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
/* 파일다운로드 - 업로드 - 크게보기 */
.file-down:before {content:"\eb7c"; font-size:1rem;}
.file-upload:before {content:"\eb7a"; font-size:1rem; }

.file-expand:before {content:"";display:inline-block; width:22px; height:26px; background-size:auto 13px; background-repeat:no-repeat; background-position:center center; 
background-image: url("data:image/svg+xml,%3Csvg width='470' height='470' viewBox='0 0 470 470' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M141.035 0.640625H18.3281C8.54473 0.640625 0.640625 8.54473 0.640625 18.3281V142.141C0.640625 147.005 4.62031 150.984 9.48438 150.984H36.0156C40.8797 150.984 44.8594 147.005 44.8594 142.141V44.8594H141.035C145.899 44.8594 149.879 40.8797 149.879 36.0156V9.48438C149.879 4.62031 145.899 0.640625 141.035 0.640625ZM460.516 319.016H433.984C429.12 319.016 425.141 322.995 425.141 327.859V425.141H328.965C324.101 425.141 320.121 429.12 320.121 433.984V460.516C320.121 465.38 324.101 469.359 328.965 469.359H451.672C461.455 469.359 469.359 461.455 469.359 451.672V327.859C469.359 322.995 465.38 319.016 460.516 319.016ZM141.035 425.141H44.8594V327.859C44.8594 322.995 40.8797 319.016 36.0156 319.016H9.48438C4.62031 319.016 0.640625 322.995 0.640625 327.859V451.672C0.640625 461.455 8.54473 469.359 18.3281 469.359H141.035C145.899 469.359 149.879 465.38 149.879 460.516V433.984C149.879 429.12 145.899 425.141 141.035 425.141ZM451.672 0.640625H328.965C324.101 0.640625 320.121 4.62031 320.121 9.48438V36.0156C320.121 40.8797 324.101 44.8594 328.965 44.8594H425.141V142.141C425.141 147.005 429.12 150.984 433.984 150.984H460.516C465.38 150.984 469.359 147.005 469.359 142.141V18.3281C469.359 8.54473 461.455 0.640625 451.672 0.640625Z' fill='%23333333'/%3E%3C/svg%3E%0A");
}

.btn-more {height:28px; line-height:28px; text-align:center; }
.btn-more:after {content:"\e913";font-family:'xeicon'; color:#333; font-size:1rem; display:inline-block; }

/* 견적서 상세 버튼 일부 숨김 */
.est_Detail .btn-save,
.est_Detail .btn-bring {display:none !important;}

/* main 정렬순 */
.sort-wrap {display:block; gap:.35rem; margin-bottom:.65rem; font-size:0; }
.sort { font-family:'malgun'; display:inline-block; height:26px; margin-right:.25rem; line-height:1; padding:0 .75rem 2px; background-color:#EAEDF1; color:var(--color-gnb); font-size: .75rem; font-weight:600; border-radius:5rem; }
.sort:last-child {margin-right:0;}
.sort.on {background-color:var(--color-default); color:#fff; }



.collapse:not(.show) {  display: none;}
.collapsing {  position: relative;  height: 0;  overflow: hidden;  transition: height 0.20s ease;}

@media (prefers-reduced-motion: reduce) {
  .collapsing {    transition: none;  }
}






/* btn_wrap */
.btn_wrap {display:flex;  align-items: center; gap:.8rem; margin-top:1rem; }
.btn_wrap.right {justify-content: flex-end; }
.btn_wrap.left {justify-content: flex-start;}


/* form*/
.alert-txt {font-size:.75rem; font-weight:500; color:#FA4D6A; }
.form-wrap {position:relative; display:block; width:100%; text-align:left; margin-top:2.5rem;}
.form-wrap input:focus {box-shadow: 1px 1px 3px rgba(179,189,217, .5) inset; }
.form-wrap .form-title {font-size:1.125em; font-weight:700; color:#143ea9; margin-bottom:1rem; margin-top:2rem; }
.form-wrap .form-title:nth-child(1) {margin-top:0;}
.form-group {position:relative;width:100%; margin-bottom:1.1rem; }
.form-group .form-label {font-size:.9rem; color:#43464B; font-weight:500; margin-bottom:.5rem; display:flex;  }
.form-group .form-control { display:flex; width:100%; padding:0 1rem !important; height:var(--hei-form); border-radius:var(--radius-sign); border:1px solid #B3BDD9; box-shadow:2px 2px 3px rgba(179,189,217, .4); color:#000 !important; font-size:1rem; font-weight:500;font-family:'pretendard';}
.form-group .alert-txt { display:inline-flex; justify-content: flex-end;}
.form-group label {font-size:.85rem; font-weight:500; margin-right:1.5rem; }
.form-group .btn { display:inline-flex; justify-content: center; align-items: center; background-color:#7D8497 ; font-size:.925rem; font-weight:600; color:#fff; padding:0;  height:var(--hei-form); border-radius:var(--radius-sign); box-shadow:2px 2px 3px rgba(179,189,217, .4);font-family:'pretendard'; }
.form-group .btn:hover {box-shadow:none; }
.form-group select {box-shadow:2px 2px 3px rgba(179,189,217, .4); font-size:.95rem; font-weight:500; border:1px solid #B3BDD9; border-radius:var(--radius-sign); height:var(--hei-form);font-family:'pretendard';  }
.form-group select:hover {box-shadow:none; }

.form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */   color: #bbb; font-size:.85rem; font-weight:400;}
.form-group input::-moz-placeholder { /* Firefox 19+ */   color:#bbb; font-size:.85rem;  font-weight:400;}
.form-group input::-ms-input-placeholder { /* IE 10+ */   color:#bbb; font-size:.85rem;  font-weight:400; }
.form-group input::-moz-placeholder { /* Firefox 18- */   color:#bbb; font-size:.85rem;  font-weight:400;}
.form-group button[type="button"]:disabled,
.form-group button[type="button"][disabled]{ box-shadow:1px 1px 3px rgba(179,189,217, .1);}


.form-line {display:flex; align-items: center; flex-wrap: nowrap; gap:4px; position:relative;}
.form-line input {margin:0;}
.form-search input[type=text]{width:100%; }
.form-search .btn {width:var(--hei-form); height:var(--hei-form); position:absolute; right:.5rem; top:0; border:1px solid #ddd; background:transparent; border:0; box-shadow:none !important; font-size:0; }
.form-search .btn:before {content:""; display:block;  width:100%; height:100%; vertical-align:middle; background-size:auto 60%; background-repeat:no-repeat; background-position:center center; box-shadow:none;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 116.3 116.3' style='enable-background:new 0 0 116.3 116.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23646c79;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M54.1,97.6c-23,0-41.7-18.7-41.7-41.7s18.7-41.7,41.7-41.7s41.7,18.7,41.7,41.7S77.1,97.6,54.1,97.6z M54.1,25.3c-16.9,0-30.6,13.7-30.6,30.6s13.7,30.6,30.6,30.6s30.6-13.7,30.6-30.6S71,25.3,54.1,25.3z'/%3E%3Cpath class='st0' d='M98.4,102.1c-1.4,0-2.9-0.6-4-1.7L81.4,86.9c-2.1-2.2-2.1-5.7,0.1-7.8c2.2-2.1,5.7-2.1,7.8,0.1l13.1,13.5 c2.1,2.2,2.1,5.7-0.1,7.8C101.2,101.6,99.8,102.1,98.4,102.1z'/%3E%3C/g%3E%3C/svg%3E%0A");
}



/* 팝업검색 */
.form-search.type2 {position:relative; border-radius:.25rem; border:1px solid #747f9d !important; border:1px solid #f00}
.form-search.type2 input[type=text]{ border:0; box-shadow:none !important; height:2.5rem; }
.form-search.type2 input[type=text]:focus {border:0 !important;}
.form-search.type2 .btn {width:auto; padding:0 1.65rem; height:2.5rem; right:0; top:0; border:0; color:#fff; background-color:var(--color-dark-blue); border-radius:0 .15rem .15rem 0; font-size:.925rem; font-weight:600; }
.form-search.type2 .btn:before {display:none; }



.form-sch { border:0;position:relative; }
.form-sch input[type="text"] {width:100% !important; margin:0 !important; padding-right:2rem;}
.form-sch .btn {position:absolute; right:0; top:0;width:35px;min-width:auto !important;  height:28px; background-color:transparent; border:0;padding:0 !important;  text-align:center;  }
.form-sch .btn:before {content:""; display:flex;  width:100%; height:100%;background-size:auto 70%; background-repeat:no-repeat; background-position:center center; box-shadow:none;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 116.3 116.3' style='enable-background:new 0 0 116.3 116.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23999999;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M54.1,97.6c-23,0-41.7-18.7-41.7-41.7s18.7-41.7,41.7-41.7s41.7,18.7,41.7,41.7S77.1,97.6,54.1,97.6z M54.1,25.3c-16.9,0-30.6,13.7-30.6,30.6s13.7,30.6,30.6,30.6s30.6-13.7,30.6-30.6S71,25.3,54.1,25.3z'/%3E%3Cpath class='st0' d='M98.4,102.1c-1.4,0-2.9-0.6-4-1.7L81.4,86.9c-2.1-2.2-2.1-5.7,0.1-7.8c2.2-2.1,5.7-2.1,7.8,0.1l13.1,13.5 c2.1,2.2,2.1,5.7-0.1,7.8C101.2,101.6,99.8,102.1,98.4,102.1z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.pushWrap  .t_normal.left .form-sch .btn:before{ height:30px;}
.form-mail input.add {width:45%;}
.form-mail .mail-acc {width:55%; position:relative; overflow:hidden;box-shadow:1px 1px 2px rgba(179,189,217, .3);  }
.form-mail .mail-acc input[type=text] {width:100%;padding-left:35px;}
.form-mail .mail-acc:before {content:'@';font-family: 'pretendard'; display:flex;justify-content: center; font-size:1.1rem; color:var(--color-light-gray); background-color:#EDF0F9; border-right:1px solid var(--color-border-card);
                                      position:absolute; left:1px; top:1px; width:28px; padding:4px 0; border-radius:3px 0 0 3px;
}

.form-confirm input[type=text] {width:calc(100% - 85px)}
.form-confirm .btn {width:85px;padding:0; }
.form-jumin .jumin1 {width:50%}
.form-jumin .jumin2 {width:40px; text-align:center;padding:0 !important; }

.form-phone select,
.form-phone .btn {width:85px; }
.form-phone input[type=text] {width:calc(50% - 100px); text-align:center;}
.form-phone1 select {width:90px; }
.form-phone1 input[type=text] {width:calc(100% - 90px)}

.form-phone2 {margin-top:.5rem; position:relative;}
.form-phone2 .btn {width:90px; }
.form-phone2 input[type=text] {width:calc(100% - 70px)}
.form-phone2 input + .remain {position:absolute;right:100px; top:50%;margin-top:-.5rem;font-weight:bold;color:var(--color-red);z-index:1;}

.form-phbasic select {width:110px; }
.form-phbasic input[type=text] {width:calc(100% - 120px); text-align:center;}

.form-cshpop input[type="text"] { height:32px; line-height:30px; width:calc(100% - 200px)}
.form-cshpop .btn {  padding:0;  height:32px; line-height:32px;}
.form-cshpop .btn.search {width:90px;}
.form-cshpop .btn.btn-bill { width:110px;}

.form-cshpop.type2 input[type="text"] { width:calc(100% - 90px) !important}



/* radio checkbox 정렬*/
.form-chk-order {font-size:0; }
.form-chk-order input[type=checkbox] + label{ width:33%; padding-right:0; }

.form-bn input[type="text"] {text-align:center;}
.form-bn .n01 {width:30%}
.form-bn .n02 {width:20%}
.form-bn .n03 {width:50%}

.form-txt {position:relative; }
.form-txt .txt {font-size:.85rem; position:absolute; right:.5rem; width:25px;height:20px; line-height:20px; top:50%; margin-top:-10px;color:#aaa; text-align:center;font-family:  'pretendard' !important;}
.form-txt input[type="text"] {padding-right:2rem; text-align:right; width:100% !important;}

.icon-check {display:inline-block; width:30px; height:21px;line-height:21px; text-align:center; background-color:transparent; }
.icon-check:before {content:"\e929"; font-family:'xeicon';font-size:1.85rem; color:#dedede; background-color:transparent; }
.icon-check:focus:before {color:#333; }
.icon-check.on:before {color:#333;  }

/*새창링크*/
.label-newpop {position:relative; }
.label-newpop:after {content:''; position:absolute; top:-6px; right:-17px !important; width:20px; height:20px; background-size:auto 15px; background-position:center center; background-repeat:no-repeat;  z-index:10; 
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3333 37.5001L33.3333 17.5001V35.4167H37.5V10.4167H12.5V14.5834H30.4167L10.4167 34.5834L13.3333 37.5001Z' fill='%23878D9C'/%3E%3C/svg%3E%0A");
}

/* 순서변경 */
.change-order {display:flex; justify-content: center;  align-items: center; gap:.2rem; }
.change-order button {display:inline-block; width:24px;height:24px;text-align:center; border-radius:3px; border:1px solid #ddd;}
.change-order button:before {content:""; font-family:'xeicon'; font-size:1rem; color:#999}
.change-order button.up:before {content: "\e909"; }
.change-order button.down:before {content:"\e90a"; }
.change-order button:focus {border-color:#555;}
.change-order button:focus:before {color:#333}

/* 약관동의 */
.agree-check {display:block; background:#f4f7fb; border:1px solid #ebf0f7; overflow:hidden; margin-top:1.25rem; border-radius:var(--radius-sign);}
.agree-check dt {padding:0 .5rem;border-bottom:1px solid #ebf0f7; position:relative;}
.agree-check dd {padding:.5rem 1.2rem;}
.agree-check .ag-tit { display:block; width:100%; text-align:left !important; padding:.5rem .85rem;  }
.agree-check .ag-tit label {font-size:.9rem; color:#333; font-weight:400 !important; padding-left:25px; }
.agree-check dd label {display:inline-block;width:65%;padding:.5rem 0 .5rem 1.5rem;font-size:13px;line-height:1;}
.agree-check .basic_txt{color:#f30000; font-size:12px; vertical-align: middle; margin-left:5px;}
.agree-check .basic_txt.black {color:var(--color-grey3);}
.agree-check .btn_link{float:right;margin-top:.5rem;margin-right:.5rem;color:var(--color-grey3);font-size:.8rem; border-bottom:1px solid #333;font-weight:bold; }
.agree-check .open {position:absolute; right:.2rem; top:5px;}
.agree-check .fuc_toggle:after {content:"\e943"; transform: rotate( 0deg );  position:absolute; right:.5rem; color:#555; top:0px; width:2rem; height:2rem; line-height:2rem; text-align:center; font-size:18px;font-family:'xeicon'; cursor:pointer; border:0px solid #f00}
.agree-check .fuc_toggle.on:after {transform: rotate( 180deg );}


.file_down {display:inline-block; font-size:.9rem;line-height:1.3em; font-weight:bold;  text-align:center; font-family: 'Pretendard' ; color:var(--txt-default) !important}
.file_down:before {content: "\eb7c";font-family:'xeicon'; display:inline-block; vertical-align:middle;margin-right:.1rem; font-size:1.3rem; font-weight:bold;  color:var(--txt-default);line-height:1.3em; }
.file_down:hover { color:var(--txt-default)}

/* list */
.or_list {margin-top:1rem;}
.or_list li{position:relative; padding-left:.7rem; font-size:.9rem; font-weight:500; color:#777; list-style:none; }
.or_list li:before {content:''; position:absolute; left:3px;top:7px;  width:3px; height:3px; background-color:#555; border-radius:5px; }



.btn_print2 {display:inline-block; border:0 !important; outline:0;width:1.5rem; height:1.5rem !important; line-height:1.5rem !important;background-color:transparent; }
.btn_print2:before {content:"\e9bb";font-family:'xeicon'; display:inline-block; font-size:1.25rem !important; color:#333;}


/* =====  drag file upload and list ===== */
.upload-container { width: 100%; margin:0;  border: 0;  }
.upload-container .title {font-size:.95rem; font-weight:500; }
#drop-area {position:relative;  display:flex; gap:.5rem; align-items: center; height:2.8rem; padding:0 1rem; border: 1px dashed #bcc5e6; background-color:#f8fafe;  border-radius:.35rem; /* cursor: pointer; */ }
#drop-area:before {content: "\eb7a"; font-family:'xeicon'; color:#cbd3ee; font-size:1.65rem; display:inline-flex; }
#drop-area.hover {  background-color: #fff;}
#drop-area input[type="text"] {border:0 !important; box-shadow: none !important; background-color: transparent !important; color:#838691}
#drop-area {font-size:.85rem; line-height:1.1rem;font-family: 'Pretendard'}
#drop-area .select-files {position:absolute; right:.5rem;  height:1.65rem; line-height:1.65rem; border-radius:.3	rem; color:#fff; font-size:.825rem; font-weight:600; padding:0 1.2rem; background-color:var(--color-default);
                                 font-family: 'pretendard' !important; }
#fileList {}
#uploadedFiles { list-style: none; padding: 0; }
#uploadedFiles li { display: flex; justify-content: space-between; align-items: center; padding: 3px 0 3px 5px; border-bottom: 1px dashed var(--color-border1);}
#uploadedFiles li span {font-size:.8rem;}
#uploadedFiles li:nth-child(1) {margin-top:0rem;}
.upload-container .delete-btn { cursor: pointer; background: none; border: none;  width:30px; height:30px; font-size: 0;background-color:transparent !important;}
.upload-container .delete-btn:before {content:"\e921" ; display:inline-block; vertical-align:middle; color:#333; font-size:1.0rem; }
#uploadedImageFiles span {display:none;}
#uploadedImageFiles li {display:inline-block; position:relative;margin: 2px;  }
#uploadedImageFiles li:first-child {margin-top:.5rem;}
#uploadedImageFiles li .delete-btn {position:absolute; right:0; top:0; margin:0; width:20px; height:20px; background-color:rgba(0,0,0,0.6) !important; border-radius:0}
#uploadedImageFiles li .delete-btn:before {color:#fff; font-size: 1rem; }
#uploadedImageFiles li  .thumbnail {    width: 150px;  /* 원하는 너비로 설정 */   margin:0; /* 이미지와 파일 이름 사이 여백 */}
#uploadedImageFiles.event-type li {display:block;position:relative;margin: .5rem 0 2px;  }
#uploadedImageFiles.event-type li  .thumbnail {width:100%; }
#uploadedImageFiles.code-type li  .thumbnail {width:180px; }
#uploadedImageFiles.logo-type li  .thumbnail {width:150px; }
#uploadedImageFiles_0.event-type li {display:block;position:relative;margin: .5rem 0 2px;  }
#uploadedImageFiles_0.event-type li  .thumbnail {width:100%; }
#uploadedImageFiles_1.event-type li {display:block;position:relative;margin: .5rem 0 2px;  }
#uploadedImageFiles_1.event-type li  .thumbnail {width:100%; }
#uploadedImageFiles_2.event-type li {display:block;position:relative;margin: .5rem 0 2px;  }
#uploadedImageFiles_2.event-type li  .thumbnail {width:100%; }
.event-type .delete-btn {position:absolute; top:0; right:0; z-index:10; border-radius:0; background-color:rgba(0,0,0,0.6) !important}
.event-type .delete-btn:before {color:#fff;}


/* ===== end  drag file upload and list ===== */
.file-up { position: relative;padding: 0 0 0 0px;margin: 0;}
.file-up input[type="text"] { width: 100%;padding-left: 30px; height:32px; margin: 0 !important; border: 0 !important;background-color: #f1f2f3 !important; font-size: .8rem; color:#999}
.file-up input[type="text"]:focus { background-color: #f1f2f3 !important;  border:0 !important; box-shadow:none !important;}
.file-up .icon2 { position: absolute; right: 0; top: 0; width:80px; text-align:center; height: 32px; line-height: 32px; background-color: #7B8295; border-radius:0 var(--radius-default) var(--radius-default) 0}
.file-up .icon2:before {content:"업로드";  font-size:.8rem; color:#fff;cursor: pointer; }
.file-up .icon2 > input {width: 100%; cursor: pointer; opacity: 0; border:0; outline:0; position: absolute; right: 0; top: 0; width:80px; height:32px; }
.file-up .icon2:hover {  box-shadow: none;}

.inp-file { display: inline-block; vertical-align:middle; padding:0;}
.inp-file label {display: block;	position:relative; text-align: center;	box-sizing: border-box; height:28px; width:100px; padding: 0 5px;border: 1px solid #7B8295; background-color:#7B8295; border-radius:var(--radius-default); cursor: pointer;transition: all 0.2s ease-in;}
.inp-file label:before {content:"\eb7b";font-family:'xeicon'; color:#fff; display:inline-block; vertical-align:top;  margin-right:5px; font-size:18px;line-height:24px;   }
.inp-file label span {display: inline-flex; height:28px !important; margin-top:-1px; line-height:28px !important; font-size: 13px; font-weight:500; color: #fff;}
.inp-file 	input[type="file"] { display:none;}
.inp-file .disabled label { cursor: default; background-color: #7B8295 !important; }
.inp-file .disabled label span { color: #fff; }

.addfile_list{font-size:0.85rem;padding-bottom:0rem; line-height:34px; display:inline-flex; gap:0.2rem; margin-left:.35rem; align-items: center;}
.addfile_list button { position:relative;margin-bottom:0;display:inline-block; vertical-align:middle; height:30px; line-height:28px; border:1px solid #dedede; text-align:left; padding:0 10px; width:auto; overflow:hidden; border-radius:60px; font-size:13px;
                 overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.addfile_list button:after {content:'';font-family:'xeicon'; display:inline-block; vertical-align:middle; margin-left:5px; line-height:20px;font-size:0.65rem; border:1px solid transparent;  border-radius:6rem; text-align:center;  }
.addfile_list button.file {padding:0px; border:0; margin-top:3px; margin-right:1rem; border-radius:0; background:transparent;}
/*.addfile_list  button.file:after {content:'\e921'; color:#fff; background-color:#999; width:20px; height:20px; line-height:18px;}*/
.addfile_list button.file em {display:inline-block; vertical-align:middle; margin:0 3px;}
.addfile_list button.file em:after {content:"\eb7c"; font-family:'xeicon'; border:1px solid #ddd; color:#333; background-color:#fff; font-size:1.1rem; border:0; }
.addfile_list button.file:after {content:'\e921'; color:var(--color-title); font-size:1rem; width:20px; height:20px; line-height:18px;}
.addfile_list button.file.notclose:after {display:none;}
.addfile_list button.fileDown:after {content:"\eb7c"; border:1px solid #ddd; color:#333; background-color:#fff; font-size:1.1rem; border:0; }
.addfile_list.flex {display:flex; }

.c_price{ text-align:right; font-size:0.85rem;padding-bottom:0rem; line-height:34px; display:inline-flex; gap:0.2rem;  margin-left:.35rem; align-items: center;}


.addfile-photo {font-size:0; display:flex;  justify-content: flex-start; gap:0.3rem; padding:0.5rem 0 0.3rem;position:relative;  }
.addfile-photo .box {position:relative;width:150px; height:auto; min-height:5rem;text-align:center;  overflow:hidden; z-index:5; display:flex; align-items: center; border:1px solid var(--color-border1)}
.addfile-photo .box:before {content: "\eb18"; font-family:'xeicon'; font-size:2.5rem; line-height:7rem; position:absolute; left:0; top:0; width:100%; height:100%; color:#eee; border:1px dashed #dedede; z-index:-1}
.addfile-photo .box img {width:100%;}
.addfile-photo .box .file-delete { position:absolute; right:0px; top:-1px; width:24px; height:24px; color:#000; font-size:0; border:0 !important; outline:0; padding:0;z-index:5; border-radius:0 }
.addfile-photo .box .file-delete:after {content:"\e9af"; display:inline-flex; align-items: center; justify-content: center;  font-size:11px; font-weight:bold; width:100%;height:100%; text-align:center; background-color:rgba(0,0,0,0.5);  color:#fff; font-family:'xeicon';}
.addfile-photo.banner .box {width:250px; height:150px;}



/* 설명*/
.ex-box {padding:27px;}
.ex-box h4 {font-size:16px;font-weight:bold;color:#000;letter-spacing:-1px;}
.ex-box p, .ex-box li {padding:2px 0;font-size:14px;color:#555;line-height:1.35;word-break:keep-all;letter-spacing:-1px;}
.ex-box li {position:relative;padding-left:0.85rem;}
.ex-box li::before {content:'';position:absolute;left:0.2rem;top:0.5rem;width:2px;height:2px;background:#999;}
.ex-box.bg {background:#f8f8f8;}
.ex-text {padding:0.2rem 0 0.5rem;font-size:0.8rem;color:#888;line-height:1.35;word-break:keep-all;}

/*==================================================================================
	                popup 
===================================================================================*/
/* 레이어형 */
.block-ui, .pop_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3); z-index:9999;}
.block-ui {display:none;}
.block-ui.white {display:block;background:rgba(0,0,0,.3);z-index:999 !important;}
.pop_bg.parent {z-index:10001;}
.pop_bg.zUp {z-index:10008 !important;}
/*
.modal-popup.type2 { z-index:10005;}
*/
.modal-popup.modal-reset {display:block !important;position:relative !important;height:auto !important;}
.modal-popup {display:none;overflow:hidden;position:fixed;left:50%;top:50%; transform:translate(-50%,-50%); width:auto; padding:1.5rem 1.5rem 1.2rem; max-height:100%; height:auto; 
                      border-radius:var(--radius-pop); background:#fff;  z-index:10001;-webkit-overflow-scrolling:touch;}
					  
.modal-popup .modal-container {position:relative; height:100%; padding-top:40px;}
.modal-popup .pop-header {position:absolute; left:0; top:0; width:100%;height:40px; background:#fff; display:flex;  border-bottom:1px solid #a3abbf !important; }
.modal-popup .pop-header.left {justify-content: flex-start;}
.modal-popup .pop-header .title {display:block;  height:100%; color:#333;font-size:1.125rem;font-weight:700; vertical-align:middle;word-break:keep-all; }
.modal-popup .pop-header .btn-close {position:absolute;top:0;right:0;width:25px;height:20px;background-color:transparent; text-align:right; }
.modal-popup .pop-header .btn-close:before {content: "\e921"; display:inline-block; vertical-align:top; font-size:1.25rem; line-height:1.25rem;}
.modal-popup .pop-content {padding:0 0 .5rem; height:calc(100% - 60px); font-size:1rem; line-height:1.5rem; color:#333; overflow-y:scroll; }
.modal-popup .pop-content.flex-center { display:flex; justify-content: center; align-items: center; text-align:center; flex-direction: column; }
.modal-popup .button-group {margin:0; padding-top:.5rem;}
.modal-popup .btn {font-family: 'Pretendard'; height:2.85rem !important; box-shadow:none;	 border-radius:.25rem;	}
.modal-popup .text {font-size:1rem; font-weight:600; color:var(--color-title); line-height:1.5rem; padding:.5rem 0;}
.modal-popup .s-title {font-size:.925rem; line-height:1rem; padding:1rem 0 .5rem; color:#62666d; font-weight:500;}
.modal-popup .exp{font-size:.85rem; font-weight:400; color:#888; line-height:1.4rem; padding-top:.5rem;}
.modal-popup .txt-wrap {padding:.5rem 0; text-align:center; }
.modal-popup .txt-wrap h2 {font-size:1.05rem; font-weight:600; color:var(--color-title); line-height:1.5rem; }
.modal-popup .txt-wrap p {font-size:.9rem; font-weight:400; color:#888; line-height:1.3rem; padding-top:.5rem;}
.modal-popup .txt-wrap b {display:inline-block; vertical-align:top;}
.modal-popup .alert {text-align:center;padding-bottom:.5rem }
.modal-popup .alert-icon {display:flex; justify-content: center;align-items: center;width:60px; height:60px; border-radius:50%; font-size:2rem; color:var(--color-default); background-color:#dce4f9; border:6px solid #f2f6fe;}
.modal-popup .alert-icon:before {content:"\e9a7"; font-family:"xeicon"; font-size:2rem; color:var(--color-default); }

.modal-popup.type2 {overflow:hidden;  }
.modal-popup.type2 .modal-container { padding-top:0px;}
.modal-popup.type2 .pop-header {display:none;}
.modal-popup.type2 .pop-content {  height:calc(100% - 60px); }

/* 삭제하거나 경고 alert  */
.modal-popup.type3 {overflow:hidden;  }
.modal-popup.type3 .modal-container { padding-top:0px;}
.modal-popup.type3 .alert-icon {color:#f24646; background-color:#fcd4d4; border:6px solid #fff3f4;}
.modal-popup.type3 .alert-icon:before {content:"\e9ab";  color:#f24646; }
.modal-popup.type3 .button-group .confirm {background-color:#f24646}


.modal-popup .item-box { display:block; width:100%;  background-color:#eff3f7; border-radius:var(--radius-sign); padding:1rem 1rem; }
.modal-popup .item-list {display:flex; flex-direction: column; gap:.4rem;}
.modal-popup .item-list li {display:flex; align-items: center;gap:.3rem; }
.modal-popup .item-list input,
.modal-popup .item-list select {border:1px solid #fff; background-color:#fff; width:calc(100% - 80px); height:35px; line-height:35px; padding-left:.5rem;font-size:.915rem; font-weight:700; color:#333; font-family: 'Pretendard';}
.modal-popup .item-list span {width:80px; font-size:.95rem; font-weight:500; color:var(--color-title);position:relative; }
.modal-popup .item-list .upload-container {width:calc(100% - 80px); }
.modal-popup input::-webkit-input-placeholder { font-size:.9rem; font-weight:500;  }
.modal-popup input::-moz-placeholder {  font-size:.9rem; font-weight:500; }
.modal-popup input::-ms-input-placeholder {  font-size:.9rem; font-weight:500; }
.modal-popup input::-moz-placeholder { font-size:.9rem; font-weight:500; }

.modal-popup .result-info {width:100%;}

.modal-popup .t_normal.left input[type="text"],
.modal-popup .t_normal.left input[type="password"],
.modal-popup .t_normal.left select {height:36px; line-height:36px; }



.modal-popup ::-webkit-scrollbar { border-radius:4px; width: 4px;height:4px; }
.modal-popup ::-webkit-scrollbar-track { background-color: #fff; }

.modal-popup ::-webkit-scrollbar-thumb { background:var(--txt-default); }

/* 팝업창 전체 Full */
/*
 .modal-popup.open-full {max-width:1300px;width:auto; padding:0; max-height:85%; height:auto; border-radius:0; }
 */
.modal-popup.open-full {display:block; left:50%;top:0; width:100% !important; height:100% !important; max-width:var(--max-width); margin-left:var(--margin-width) !important; transform:none !important;  width:auto; padding:0; max-height:100%; height:auto; border-radius:0; }
.modal-popup.open-full .full-body {height:100%; position:relative; }



@media screen and (max-width:1920px){
.modal-popup.open-full { max-width:100%;margin-left:0 !important;left:0 !important; }
}
@media screen and (max-width:1440px){
.modal-popup.open-full { max-width:100%;margin-left:0 !important;left:0 !important; }
}

/* 레이어팝업 아이프레임 2depth 중앙에 띄움 */
.open-center { display:block; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10009; background-color: #fff; padding: 0; border-radius:0; border:1px solid rgba(0,0,0,0.5); 
                    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);}
.popup.layer_center {width:100%;background-color:#fff; padding-top:55px; }
.popup.layer_center .title-wrap {  position:fixed; left:0; top:0; width:100%; background-color:#fff; z-index:333}
.popup.layer_center .cont-body {  padding:1rem 1rem 0; border:0px solid #f00; height:calc(100% - 60px)}
.popup.layer_center .button-group-fixed {  }
.popup.layer_center .button-group { margin:0; padding:.65rem 0;  background-color:#fff;}
.popup.layer_center .button-group .btn { font-size: .9rem !important; }


.popup.layer_center .h2 { margin-top:2rem; margin-bottom:.35rem; }
.popup.layer_center .h2:nth-child(1) {margin-top:0}

.layer-center .divide-pop {height:.5rem;}

.inform-box {display:block; padding:1rem;}
.inform-box p { font-size:1rem; width:100%; line-height:1.5rem; font-weight:600; color:#666; margin:.7rem 0;}
.inform-box p span {display:inline-block; vertical-align:top; }
.inform-box p span:first-child {width:50px; }
.inform-box p span:first-child + span {width:calc(100% - 55px)}

.tip {position:relative;display:inline-block;padding-left:5px;vertical-align:middle;}
.tip span {display:inline-block;width:20px;height:20px;border-radius:50%;background:#ccc;color:#fff;font-size:14px;text-align:center;line-height:20px;font-family:'dotum';overflow:hidden;vertical-align:middle;cursor:pointer;}
.tip i {display:none;position:absolute;left:30px;top:0;min-width:200px;padding:10px 10px;border:1px solid #ddd; border-radius:4px; background:#fff;font-size:13px; line-height:1.6em; z-index:1;}
.tip i:after {content:'';position:absolute;left:-5px;top:10px;width:10px;height:10px;border-width:0 0 1px 1px;border-color:#ddd;border-style:solid;background:#fff;z-index:2;transform:rotate(45deg);}
.tip:hover i {display:inline-block;}


/* section */
.section-wrap {position:relative; display:flex; justify-content: space-between; align-items: flex-start; gap:10px; height:100%; align-items: stretch;}
.section-wrap.no-line:after {display:none !important}
.section-wrap:after {content:''; position:absolute; left:calc(40% - 5px);top:-1px; width:10px; height:calc(100% + 2px); background-color:var(--color-bg-body); border:1px solid var(--color-bg-body); border-left:1px solid var(--color-border-card); border-right:1px solid var(--color-border-card); }
.section { padding:1rem 1rem; height:100%; }
.section-wrap.half:after {left:calc(50% - 7px) !important;}
.section-wrap.half .section {width:50%; }


/* click open layer */
.txt_hide { position:absolute!important; top:-9999px!important; text-indent:-9999px!important;}
.openLayer {  display:block; position: fixed; width: 400px; height: 100%;top: 0; z-index: 10001; background: #fff; overflow: auto; visibility: hidden; -webkit-overflow-scrolling: touch; }
.layer_close { display:block; position:absolute; top:0px; right:0px; width:50px; height:50px; border:0; background:none; }
.layer_close:before { content:"\e9af";display:inline-block; text-align:center; font-size:1.8rem; line-height:50px; color:#000}

.pushy-open-right .site-overlay, .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5) !important;z-index:9991 !important;  -webkit-animation: fade 500ms; animation: fade 500ms;}
.pushy-open-left .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background-color: rgba(0, 0, 0, 0.2); -webkit-animation: fade 500ms; animation: fade 500ms;}

.pushy.pushy-right {right: 0;}
.pushy-right{ -webkit-transform: translate3d(400px, 0, 0); -ms-transform: translate3d(400px, 0, 0); transform: translate3d(400px, 0, 0);}
.pushy-open-right .pushy, .pushy.open-right { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);visibility: visible;}
.pushy-open-right #wrap, .pushy, .push { transition: 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);}
/*.site-overlay { display: none; }*/
.popupLayer{ position:relative; background-color:#fff;}
.popupLayer .nav_top { position:relative; height:80px; padding:25px 30px; border-bottom:1px solid #dedede; background-color:#fff; }
.popupLayer .nav_top h2 {display:block; font-size:20px; font-weight:bold; color:#333; }

.popupLayer .car-list-open {display:block; padding:25px 25px; }
.popupLayer .btn-more {display:block; width:110px; height:40px; line-height:38px;  color:#333; font-weight:500;  font-size:15px;  text-align:center; margin:20px auto; border:1px solid #dedede; border-radius:60px; }
.popupLayer .btn-more:after {content:"\e913"; display:inline-block; margin-left:3px; vertical-align:top; line-height:39px;   margin-left:5px; color:#333; font-family: 'xeicon'}
.popupLayer .btn-more:hover { color:#fff; border:1px solid #333; background-color:#333}
.popupLayer .btn-more:hover:after {color:#fff;}
.popupLayer .btn-compare {display:block;  width:100%; height:40px; line-height:38px; background-color:#333; color:#fff;  font-size:15px;  text-align:center; margin-top:20px;  border-radius:7px; }
.popupLayer .ui_tab {padding-top:5px; text-align:left;  padding-left:20px;}
.popupLayer .ui_tab .ui_tab_btns { border-bottom:0 !important; }
.popupLayer .ui_tab .ui_tab_btns .ui_tab_btn {margin:0; margin-right:15px;   height:45px;  line-height:43px; font-size:17px; }
.pop-layer a.btn-layerClose {transition:300ms ease-out 0ms;   display: inline-block;margin:0 auto;    height: 40px; line-height:40px !important;   width:120px; background-color: #444;  font-weight:normal;  font-size:16px;  color:#fff;}
.pop-layer a.btn-layerClose:hover { background-color: #32caf8; }

/* openlayer push */
.openLayer.half { width: 1024px; }
.pushy.pushy-right2 {right: 0; }
.pushy-right2{ -webkit-transform: translate3d(1024px, 0, 0); -ms-transform: translate3d(1024px, 0, 0); transform: translate3d(1024px, 0, 0);}
.halfwidth {width:1024px;}
.width450 {width:450px !important;}
.width500 {width:500px !important;}
.width550 {width:550px !important;}
.width600 {width:600px !important;}
.width650 {width:650px !important; height:450px}
.width700 {width:700px !important; height:500px}
.width750 {width:750px !important; height:720px}
.width800 {width:800px !important; height:600px}
.width850 {width:850px !important; height:650px}
.width900 {width:900px !important; height:700px}
.w_pop_est {width:700px !important; height:500px}/* 견적서불러오기 */
.w_option {width:1000px !important; height:750px;}/* 차량옵션 */


/* push layer content  */
.pushWrap .title-wrap,
.popup .title-wrap,
.new-popup .title-wrap {height:55px; position:relative; padding:1rem; border-bottom:1px solid #eee; }
.pushWrap .title-wrap {border-color:var(--color-border-popup); box-shadow:1px 1px 5px rgba(53,97,137,0.1);}
.pushWrap .h1,
.popup .h1 {font-size: 1.1rem; font-weight:700; color:#222; }
.pushWrap .cont-body{padding:.65rem 1rem 0;  }
.pushWrap .cont-body .btn{height:28px !important; line-height:26px !important; min-width:auto; }
.pushWrap .h2 {font-weight:700; font-size:1rem; margin-top:2.25rem; margin-bottom:.5rem; color:#464B5B;}
.pushWrap .h2:first-child {margin-top:0;}
.pushWrap {position:relative; background-color:#fff;}
.pushWrap .btn{min-width:70px; height:32px; line-height:32px;}
.pushWrap .t_normal.left th {padding-left:0}
.pushWrap .t_normal.left td {padding-right:0}


.pushWrap .btn-regist,
.popup .btn-regist{background-color:var(--color-default); border-color:var(--color-default);}
.pushWrap .btn.line,
.popup .btn.line{color:var(--color-default); border-color:var(--color-default)}

/*open popup */
.popup {background-color:var(--color-bg-popup);  }
.popup .btn{min-width:70px;}
.popup .title-wrap.head .btn{height:32px !important; line-height:32px !important;}

.popup .card {border-color:var(--color-border-popup)}
.popup .card-title {font-size:.985rem;}
.popup .cont-body {padding:.65rem .65rem 0;  }
.popup .title-wrap {margin:0; border-color:var(--color-border-popup); box-shadow:1px 1px 5px rgba(53,97,137,0.1);}
.popup .section-wrap:after {left:calc(40% - 7px); width:14px;background-color:var(--color-bg-popup); border:1px solid var(--color-border-popup); border-left:1px solid var(--color-border-popup); border-right:1px solid var(--color-border-popup);border-bottom:0; }
.popup .section-wrap.fix-width:after { left:495px !important;}
.popup .section-wrap.fix-width .section:nth-child(1) {width:500px !important;   }
.popup .section-wrap.fix-width .section:nth-child(1) .list_wrap {margin-left:-1rem; margin-right:-1rem; padding-left:1rem; padding-right:1rem;}
.popup .section-wrap.fix-width .section:nth-child(2) {width:calc(100% - 500px) !important; padding-left:1.5rem; background-color:#f6f8f9}
.popup .section-wrap.fix-width .section:nth-child(2) .title-wrap {background-color:transparent}
.popup .section-wrap.fix-width .section:nth-child(2) .list_wrap {background-color:#fff;}
.popup .section-wrap.fix-width .button-group-fixed {height:4.5rem;}
.popup .section-wrap.fix-width .button-group {width:495px; gap:0; height:3.25rem !important;  margin:0 !important;  display:flex; flex-wrap: nowrap; flex-direction: row;}
.popup .section-wrap.fix-width .button-group .btn { width:50%; height:3.25rem !important; border-radius:0 !important; }

.popup .section-wrap .section {padding-top:0; padding-bottom:1rem !important; border:0px solid #f00;}
.popup .section-wrap .title-wrap {margin-bottom:0rem; height:auto; padding-top:1.65rem; padding-bottom:.5rem;  border-bottom:1px solid #878da4; box-shadow:none;padding-left:0; padding-right:0; }
.popup .section-wrap .title-wrap:nth-child(1) {padding-top:1rem;}
.popup .section-wrap .btn-up,
.popup .section-wrap .btn-down {min-width:28px !important;height:28px !important; line-height:26px !important;}
.popup .section-wrap .section.scroll .list_wrap { margin-left:-1rem; margin-right:-9px; padding:0 1rem .5rem;}
.popup .section-wrap .section.scroll .title_fixed {margin-left:-1rem; margin-right:-9px; padding:0 1rem; }
.popup .tabs {background-color:#fff; padding-top:.5rem;}
.popup .tabs .card-head:after { background-color:var(--color-border-popup)}
.popup .tabs .tab-contaner {padding:0 1rem 1.5rem; }
.popup .tabs .title-wrap {box-shadow:none; padding-bottom:.65rem; padding-left:0; padding-right:0; }
.popup .h3{margin-bottom:.35rem;}


/* 새창 */
.new-popup .cont-body {padding:0 .5rem .3rem;}
.new-popup .cont-body img {width:100%;}

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                       달력
///////////////////////////////////////////////////////////////////////////////////////////*/

.calendar-wrap {display:flex; gap:.1rem; font-size:12px; align-items: center;position:relative;}
.calendar { width:120px; position:relative; margin:0; display:inline-block; }
.calendar:before {content:""; position:absolute; top:0; right:0px;width:26px; height:28px; line-height:28px;background-repeat:no-repeat; background-size:auto 15px; background-position:center 55%; text-align:center; 
 font-family: 'Material Design Icons'; font-size:1rem; color:rgba(0,0,0,0.7); z-index:5;
background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.25 0C10.4489 0 10.6397 0.0790176 10.7803 0.21967C10.921 0.360322 11 0.551088 11 0.75V1.5H12.5C12.8978 1.5 13.2794 1.65804 13.5607 1.93934C13.842 2.22064 14 2.60218 14 3V12C14 12.3978 13.842 12.7794 13.5607 13.0607C13.2794 13.342 12.8978 13.5 12.5 13.5H2C1.60218 13.5 1.22064 13.342 0.93934 13.0607C0.658035 12.7794 0.5 12.3978 0.5 12V3C0.5 2.60218 0.658035 2.22064 0.93934 1.93934C1.22064 1.65804 1.60218 1.5 2 1.5H3.5V0.75C3.5 0.551088 3.57902 0.360322 3.71967 0.21967C3.86032 0.0790176 4.05109 0 4.25 0C4.44891 0 4.63968 0.0790176 4.78033 0.21967C4.92098 0.360322 5 0.551088 5 0.75V1.5H9.5V0.75C9.5 0.551088 9.57902 0.360322 9.71967 0.21967C9.86032 0.0790176 10.0511 0 10.25 0ZM4.2575 9.75H4.25C4.05884 9.75021 3.87498 9.82341 3.73597 9.95464C3.59697 10.0859 3.51332 10.2652 3.50212 10.456C3.49092 10.6469 3.55301 10.8348 3.6757 10.9814C3.79839 11.128 3.97243 11.2222 4.16225 11.2448L4.2575 11.25C4.45641 11.25 4.64718 11.171 4.78783 11.0303C4.92848 10.8897 5.0075 10.6989 5.0075 10.5C5.0075 10.3011 4.92848 10.1103 4.78783 9.96967C4.64718 9.82902 4.45641 9.75 4.2575 9.75ZM7.2575 9.75H7.25C7.05884 9.75021 6.87498 9.82341 6.73597 9.95464C6.59697 10.0859 6.51332 10.2652 6.50212 10.456C6.49092 10.6469 6.55301 10.8348 6.6757 10.9814C6.79839 11.128 6.97243 11.2222 7.16225 11.2448L7.2575 11.25C7.45641 11.25 7.64718 11.171 7.78783 11.0303C7.92848 10.8897 8.0075 10.6989 8.0075 10.5C8.0075 10.3011 7.92848 10.1103 7.78783 9.96967C7.64718 9.82902 7.45641 9.75 7.2575 9.75ZM10.2575 9.75H10.25C10.0588 9.75021 9.87498 9.82341 9.73597 9.95464C9.59697 10.0859 9.51332 10.2652 9.50212 10.456C9.49092 10.6469 9.55301 10.8348 9.6757 10.9814C9.79839 11.128 9.97243 11.2222 10.1623 11.2448L10.2575 11.25C10.4564 11.25 10.6472 11.171 10.7878 11.0303C10.9285 10.8897 11.0075 10.6989 11.0075 10.5C11.0075 10.3011 10.9285 10.1103 10.7878 9.96967C10.6472 9.82902 10.4564 9.75 10.2575 9.75ZM4.2575 6.75H4.25C4.05884 6.75021 3.87498 6.82341 3.73597 6.95464C3.59697 7.08586 3.51332 7.26521 3.50212 7.45605C3.49092 7.64688 3.55301 7.83478 3.6757 7.98137C3.79839 8.12796 3.97243 8.22217 4.16225 8.24475L4.2575 8.25C4.45641 8.25 4.64718 8.17098 4.78783 8.03033C4.92848 7.88968 5.0075 7.69891 5.0075 7.5C5.0075 7.30109 4.92848 7.11032 4.78783 6.96967C4.64718 6.82902 4.45641 6.75 4.2575 6.75ZM7.2575 6.75H7.25C7.05884 6.75021 6.87498 6.82341 6.73597 6.95464C6.59697 7.08586 6.51332 7.26521 6.50212 7.45605C6.49092 7.64688 6.55301 7.83478 6.6757 7.98137C6.79839 8.12796 6.97243 8.22217 7.16225 8.24475L7.2575 8.25C7.45641 8.25 7.64718 8.17098 7.78783 8.03033C7.92848 7.88968 8.0075 7.69891 8.0075 7.5C8.0075 7.30109 7.92848 7.11032 7.78783 6.96967C7.64718 6.82902 7.45641 6.75 7.2575 6.75ZM10.2575 6.75H10.25C10.0588 6.75021 9.87498 6.82341 9.73597 6.95464C9.59697 7.08586 9.51332 7.26521 9.50212 7.45605C9.49092 7.64688 9.55301 7.83478 9.6757 7.98137C9.79839 8.12796 9.97243 8.22217 10.1623 8.24475L10.2575 8.25C10.4564 8.25 10.6472 8.17098 10.7878 8.03033C10.9285 7.88968 11.0075 7.69891 11.0075 7.5C11.0075 7.30109 10.9285 7.11032 10.7878 6.96967C10.6472 6.82902 10.4564 6.75 10.2575 6.75ZM12.5 3H2V4.5H12.5V3Z' fill='%23555860'/%3E%3C/svg%3E%0A");
}
.calendar input {display:inline-flex; align-items: center; font-size:13px; width:100% !important; margin:0 !important; height:28px; line-height:1 !important; background:transparent !important;border:1px solid var(--color-border-basic); 
                      border-radius:var(--radius-default); letter-spacing:-.04em;padding:0 5px !important; }
.calendar:first-child {margin-left:0}
.pushWrap .t_normal.left .calendar { letter-spacing:-.06em;}
.pushWrap .t_normal.left .calendar:before {width:24px; height:32px; }

.inp-time {width:85px;position:relative;margin:0; display:inline-flex; margin-left:.15rem; }
.inp-time:before {content:'\F150'; position:absolute; top:5px; right:4px; font-family: 'Material Design Icons'; font-size:16px;  color:rgba(0,0,0,0.8); z-index:0}
.inp-time input {width:100%;  background:transparent;}


.helloCalenderDiv {padding:10px 12px 15px;margin-top:30px; background:#fff;border:1px solid rgba(0,0,0,0.2); border-radius:6px;box-shadow:3px 3px 5px rgba(0,0,0,.10);-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.10);z-index:5000;}
.hcTable {width:230px;border-collapse:collapse;}
.hcTitle {padding:0 45px;}
.hcControlBar {padding:5px 5px !important; background-color:#f8f8f8; border-radius:4px; }
.hcControlBar:hover {background-color:#f8f8f8 !important;}
.hcTable th {padding:10px 0 5px;color:#999;font-weight:normal; font-weight:bold; font-size:14px;  }
.hcTable td { padding:8px; font-size:13px; text-align:center;font-weight:bold; }
.hcTable td:hover {color:#333 !important;}
.hcTable .Year    {min-width:65px;width:35%;margin:0; height:30px;  line-height:30px;font-size:13px;font-weight:bold; border-radius:5px; padding:0 8px; }
.hcTable .Month {min-width:50px;width:30%; height:30px;  line-height:30px;font-size:13px;font-weight:bold;border-radius:5px; padding:0 8px; }
.hcTable .mouseOver { border-radius:2px; cursor:pointer; }
.hcTable .hcSun { color:#333; }
.hcTable .hcSat { color:#333; }
.hcTable .selectDay { background:var(--color-default);color:#fff !important; overflow:hidden; border-radius:.5rem;}
.hcTable .selectDay:hover {color:#fff !important;}
.hcTable select {background-color:transparent; border:0;}
.hcTable select:focus { background-color:transparent !important; color:#333; border-color:#b6c0cf; }

.hcPrev {display:inline-block;width:26px;height:26px; line-height:26px;position:relative; border-radius:.5rem; margin-right:5px;padding:0 6px;border-width:0; color:transparent; font-size:18px; border:1px solid #f0f0f0; background:#fff url(../images/arrow_left.png) no-repeat center ; background-size:auto 12px;        -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;}
.hcPrev:hover { border:1px solid #999}
.hcNext {display:inline-block;width:26px;height:26px; line-height:26px;border-radius:.5rem;margin-left:5px;padding:0 6px;border-width:0;background:#aaa;font-weight:bold;color:transparent;border:1px solid #f0f0f0;background:#fff url(../images/arrow_right.png) no-repeat center ; background-size:auto 12px;   -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;}
.hcNext:hover { border:1px solid #999}
.hcToday { border:1px; border-color:#C8C8C8; border-style:solid; background-color:white;color:#6C6C6C;padding-top:4px; }
.hcToday { margin-right:25px; }
.hcTable .noSelect { background-color:#fff; }

.date-picker-wrapper .drp_top-bar .apply-btn:after {content:'저장';position:absolute;right:0;top:0;font-size:14px;font-weight:bold;background-image:none;z-index:1;}


/* timepicker */
.ui-timepicker-container{position:absolute;overflow:hidden;box-sizing:border-box}
.ui-timepicker,.ui-timepicker-viewport{box-sizing:content-box;height:205px;display:block;margin:0}
.ui-timepicker{list-style:none;padding:0 1px;text-align:center; background-color:#fff !important;}
.ui-timepicker-viewport{padding:0;overflow:auto;overflow-x:hidden}
.ui-timepicker-standard{font-size:1.1em;background-color:#FFF;border:1px solid #dedede;color:#222;margin:0;padding:2px; border-radius:.25rem}
.ui-timepicker-standard a{border:1px solid transparent;color:#222;display:block;padding:.2em .2em;text-decoration:none}
.ui-timepicker-standard .ui-state-hover{background-color:var(--color-default) !important;border:1px solid transparent;font-weight:400;color:#fff }
.ui-timepicker-standard .ui-menu-item{margin:0;padding:0}
.ui-timepicker-corners,
.ui-timepicker-corners .ui-corner-all{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.ui-timepicker-hidden{display:none}
.ui-timepicker-no-scrollbar .ui-tim



/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                      pagination
///////////////////////////////////////////////////////////////////////////////////////////*/
.pagination { display:inline-block; width:100%; margin-top:5px;  padding:0; font-size:0;text-align:center;}
.pagination:after {content:''; clear:both; }
.pagination span { display:inline-block;  margin:0 2px; }
.pagination span a { display:inline-block; font-size:13px; border:1px solid #dcdde0; width:32px; height:32px; line-height:30px;color:#333;background:#fff; vertical-align:middle; transition:300ms ease-out 0ms;}
.pagination span a:before {content:''; display:inline-block; font-family:"Material Design Icons","xeicon"; font-size:18px;}
.pagination span .first:before  {content:"\F13D"; }
.pagination span .prev:before {content: "\F141"; }
.pagination span .next:before {content:"\F142" }
.pagination span .last:before  {content:"\F13E" }
.pagination span .prev {margin-right:7px; font-size:0; }
.pagination span .next {margin-left:7px;font-size:0;  }
.pagination span .last {font-size:0;}
.pagination span a.on { background:var(--color-default); border:1px solid var(--color-default); color:#fff; }
.pagination span a.off { color:#bfc2ca; }
.pagination span a.first{  margin-left:0;border-left:1px solid #dcdde0; font-size:0; }
.pagination span .first.on,
.pagination span .prev.on,
.pagination span .next.on,
.pagination span .last.on { background-color:#fff; color:#111; border-color:#aaa}



/* 약관  */
.agree-detail { margin-top:20px;}
.agree-detail h2 {margin-bottom: 0px;margin-top:5rem; font-size: 1.125rem; line-height:1.5rem; color: #333; }
.agree-detail h3 {margin-bottom:1.3rem;margin-top:2.5rem; font-size: 1rem; font-weight:600; color:var(--brand-color-main);}
.agree-detail h2:first-child,
.agree-detail h3:first-child{margin-top:0}
.agree-detail p {padding:1rem 0; color:#888; font-size:.95rem;line-height:1.5rem;}
.agree-detail strong {font-weight: bold;}
.agree-detail ol { padding: 5px 5px 5px 5px; list-style:none; }
.agree-detail ul { padding: 5px 5px 5px 5px; }
.agree-detail  span {display:inline-block; vertical-align:top;margin-top:-1px; margin-right:3px; font-weight:500;}
.agree-detail li { padding: 1px 0 1px 0;font-size:15px;line-height:1.5rem;}
.agree-detail li.tit {font-size: .9rem; color: #222; padding: 20px 5px 10px 0; font-weight: bold; }
.agree-detail li.tit:first-of-type {padding-top: 0;}
.agree-detail ol li ol { list-style-type:decimal; list-style-position:outside; margin-left:12px; margin:20px 0;}
.agree-detail ol li ol li {font-size:.85rem;}
.agree-detail b {color:#333; line-height:1.8em;}

/* modal pop */
.modal-popup .agree-detail {}






/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                        print
///////////////////////////////////////////////////////////////////////////////////////////*/
@media print {
    body,
	.wrapper {background-color:#fff !important; }
	.navbar,
	.navigation,
	.search-wrap {display:none !important;}
	 body,
	.wrapper {padding:0 !important;}
	.column {padding:0 !important; width:100% !important; min-width:100; max-width:100%;}
	.grid-margin {margin:0 !important; }
	.card {border:0; padding:0 !important; box-shadow:none !important;  border-radius:0; border:1px solid #fff !important}
	table colgroup {display:none;}
	.section {padding:0; border:0; }
	body,
	.wrapper,
    body.popup {min-width:900px !important;  overflow:hidden;  }
	.navbar {min-width:100%;}
	.no-print {display:none !important; }
	.shorten {overflow:visible !important; word-break:break-all; white-space:wrap; text-overflow:none; min-width:auto;}
    .t_normal td {line-height:1.2em; padding:5px;}

}