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


/*========================================================= 
	공통 
=========================================================*/
/* 에러페이지 */
.error {background-color:#f9fbfe}
.error .wrap {width:1200px; margin:0 auto; position:relative;letter-spacing:-.04em; }
.error .wrap .logo {position:absolute; left:1rem; top:3rem; height:2rem; width:20rem; background:url('/images/inc/logo_big.png') no-repeat left ; background-size:auto 100%; }
.error .wrap .error_box {width:600px;display:flex; flex-direction: column; align-items: center; margin:0 auto;  padding-top:10rem; text-align:center;}
.error .wrap .error_box figure {width:100%;height:15rem; background-repeat:no-repeat; background-position:center center ; background-size:auto 100%;}
.error .wrap .error_box figure.not_found {background-image:url('/images/img_error.png') }
.error .wrap .error_box figure.error {background-image:url('/images/img_error.png') }
.error .wrap .error_box figure.checking {background-image:url('/images/img_error.png') }
.error .wrap .error_box h2 {font-size:2rem; line-height:1.5em; font-weight:700; color:#111; margin:1.5rem 0 2rem; }
.error .wrap .error_box p {font-size:1.25rem; line-height:1.5em; font-weight:600; color:#555; margin-bottom:.65rem; }
.error .wrap .error_box .btn_go {height:3.5rem; padding:0 6rem; border-radius:.5rem; color:#fff; font-size:1.1rem; font-weight:500; display:flex; align-items: center; margin-top:1.5rem;background: linear-gradient(to bottom right, #2450db 0%, #1939c1 100%);}
.error .wrap .error_box .basic_table { width:100%; border-top:1px solid #555; font-size:1.1rem; margin-top:2.5rem; background-color:#fff;}
.error .wrap .error_box .basic_table th,
.error .wrap .error_box .basic_table td{border-bottom:1px solid #ced4e0; padding:1.5rem;}
.error .wrap .error_box .basic_table th {background-color:#e8eef7; font-weight:700; color:#333}


@media screen and (max-width: 1200px) {
  .error .wrap {width:100%; padding:1rem;}
}
@media screen and (max-width: 600px) {
.error .wrap .logo { top:1.2rem;height:1.65rem;}
.error .wrap .error_box {width:100%; padding-top:7rem;}
.error .wrap .error_box figure { height:10rem;}
.error .wrap .error_box h2 {font-size:1.5rem; }
.error .wrap .error_box p {font-size:1.125rem; line-height:1.5em; }
.error .wrap .error_box p br {display:none;}
.error .wrap .error_box .btn_go {padding:0 4.5rem; }
}






.btn_box {  display: flex;  align-items: center;  flex-wrap: wrap;  justify-content: center; gap: .5rem; padding-bottom:2rem; }
.btn_box.left {  justify-content: flex-start;}
.btn_box.right {  justify-content: flex-end;}
.btn_box.mtop {margin-top:-3.25rem;}

@media screen and (max-width: 1380px) {
  .btn_box.md_center { justify-content: center; }
  .btn_box.md_left { justify-content: flex-start; }
  .btn_box.md_right { justify-content: flex-end; }
  .btn_box.mtop {margin-top:0;}

}
@media screen and (max-width:1024px){
.btn_box {  gap: .35rem;  }
}

@media screen and (max-width:460px){
.btn_box.right .btn { width:100%; }
}

.btn {  display: inline-flex; align-items: center; justify-content: center; background-color:var(--color-grey5); color: var(--color-white); font-size: .95rem;  padding-left: 1.2rem;  padding-right: 1.2rem; /*height: 2.375rem; */ border-radius:.3rem;   transition: all 0.2s ease-in; font-weight: 500;    }
.btn.sm { height:1.65rem;font-size: .85rem;  padding-left: .65rem;  padding-right:.65rem; }

.btn:hover {box-shadow:5px 5px 20px rgba(0,0,0,0.15)}
.btn.new {background-color:var(--color-darkblue);}
.btn.print {border:1px solid var(--color-grey5); background-color:var(--color-white); color:var(--color-grey5); font-weight:600; }
.btn.print:after {content:''; display:block; width:1.5rem; height:1.5rem; background-repeat:no-repeat; background-position:center center; background-size:auto 1.2rem;  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 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23231F20;%7D%0A%3C/style%3E%3Cg id='XMLID_14_'%3E%3Crect id='XMLID_15_' x='181.24' y='151.25' class='st0' width='137.32' height='14.07'/%3E%3Crect id='XMLID_36_' x='181.24' y='186.61' class='st0' width='137.32' height='14.07'/%3E%3Cpath id='XMLID_39_' class='st0' d='M422.71,193.63h-32.29c0.23-0.39,0.51-0.75,0.51-1.24v-40.89c0-1.43-1.15-2.58-2.58-2.58 h-31.91v-43.18c0-3.89-3.15-7.04-7.04-7.04h-199c-3.89,0-7.04,3.15-7.04,7.04v43.18h-31.91c-1.43,0-2.58,1.15-2.58,2.58v40.89 c0,0.48,0.28,0.85,0.51,1.24H77.11c-17.3,0-31.38,14.07-31.38,31.38v110.63c0,17.3,14.07,31.38,31.38,31.38h345.6 c17.3,0,31.38-14.07,31.38-31.38V225.01C454.08,207.71,440.01,193.63,422.71,193.63z M342.36,215.8H157.44V112.78h184.93V215.8z M408.7,246.63c-6.86,0-12.43-5.55-12.43-12.41c0-6.87,5.57-12.42,12.43-12.42c6.86,0,12.42,5.55,12.42,12.42 C421.12,241.07,415.56,246.63,408.7,246.63z'/%3E%3Cpath id='XMLID_41_' class='st0' d='M388.35,379.32h-276.9c-1.43,0-2.58,1.15-2.58,2.58v23.24c0,1.43,1.15,2.58,2.58,2.58h276.9 c1.43,0,2.58-1.15,2.58-2.58V381.9C390.93,380.47,389.78,379.32,388.35,379.32z'/%3E%3C/g%3E%3C/svg%3E%0A");}

.btn.apply {border:1px solid var(--color-darkblue); color:var(--color-white); background-color:var(--color-darkblue); font-weight:600; }
.btn.apply:after {content:"\ea39"; margin-left:.3rem;display:inline-block; vertical-align:middle; font-family:'xeicon';  font-weight:normal; color:var(--color-white)}
.btn.file {color:var(--color-grey3);border:1px solid var(--color-grey5); background-color:var(--color-white); color:var(--color-grey5); font-weight:600; }
.btn.file:after {content: "\eb7c"; font-family:'xeicon'; margin-left:.3rem; display:inline-block; vertical-align:middle; font-size:1.1rem; color:var(--color-grey3)}
.btn.open {border:1px solid var(--color-darkblue); color:var(--color-white); background-color:var(--color-darkblue); font-weight:600; }

@media screen and (max-width:1024px){
	.btn {  font-size: .85rem;  padding-left: 1rem;  padding-right: 1rem; letter-spacing:-.06em; }

}

@media screen and (max-width:360px){
	.btn {  font-size: .8rem;  padding-left: .7rem;  padding-right: .7rem; letter-spacing:-.08em; }
}




/* title */
.title_wrap h1 {display:block; text-align:center; font-size:2.3rem; line-height:2.3rem; margin-bottom:2rem; font-weight:800; color:#222; }
.title_wrap h2 { font-size:1.3rem; line-height:1.3em;  font-weight:700; color:#333; }
.title_wrap .subtitle {display:block; text-align:center; font-size:1.65rem; line-height:2.0rem; margin-bottom:2rem; font-weight:700; color:var(--color-grey3); }
.title_wrap .subtext {font-size:1.1rem; color:var(--color-grey); line-height:1.3em; margin-top:2rem;}
.title_wrap .subtext strong {color:var(--brand-color-main);}

@media screen and (max-width:1024px){
   .subtitle { font-size:1.35rem; line-height:1.35rem;margin-bottom:1.25rem;}
}



/*========================================================= 
	공통 
=========================================================*/


/* 게시물 없음*/
.result_nodata {position:relative;width:100% !important; border:0; border-radius:.25rem !important; font-size:1.1rem;  color:#777;  background:#f9f9f9; height:400px !important; display:flex; justify-content: center;   align-items: center;flex-direction: column; }
.result_nodata:before {content:''; position:absolute; top:50%; left:50%; transform: translate(-50%,-100%); width:50px; height:50px; background:url('/images/ico_note.png') no-repeat center; background-size:cover;}
.result_nodata:after {content:'게시물이 없습니다.'; display:block; margin-top:2rem;}

@media screen and (max-width:677px){
   .result_nodata {  }
}

.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:var(--color-red);}
.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;}

.font12 {font-size:.8rem;}
.fs_0 {font-size:0 !important}

.paddLR0, .no-padding {padding-left:0 !important;padding-right:0 !important;}
.padd0 {padding:0 !important}
.paddB0 {padding-bottom:0 !important}
.padd7 {padding:0 .7rem !important}
.line_t {border-top:1px solid #eee;}

.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(--brand-color-main); 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;}


.t_normal {width:100%;}

/* elements */
.button-group {clear:both;;box-sizing:border-box;padding:20px;margin-bottom:0;font-size:0;}
.button-group .button {display:inline-block;width:100%;height:60px;border-radius:0;font-size:16px;font-weight:bold;border:0;/*line-height:60px;border-radius:4px;*/padding:0}
.button-group .button em.count {display:inline-block;padding:0 10px;margin-left:10px;border-radius:50px;background:rgba(0,0,0,.3);font-style:normal;font-size:13px;line-height:22px;}
.button {height:2.65rem;border-radius:5px;padding:0 1rem;}
.button.color-black {color:#fff;background-color:#bbb}
.button.color-blackdark {color:#fff;background-color:#333;}
.button.color-red, .button.color-red {color:#fff;background-color:#fb6612;}
.button.color-green {background-color:#30c294;}
.button.color-red2 {color:#fff;background-color:var(--brand-color-main);}
.button.line {color:#333;background-color:transparent;border:1px solid #999;}
.button.w_full {width:100%;}
.button-group.button-2 .button:first-child {margin-right:3px}
.button-group.button-2 .button:last-child {margin-left:3px}
.button:hover {background-color:var(--brand-color-main);}
.button.line:hover {background-color:#1c2650;color:#fff;border:0;}

.button-group-temp {background-color:#fff;box-sizing:border-box;padding:0.625rem;margin-bottom:0}
.button-group-temp .button {display:inline-block;width:100%;height:2.375rem;line-height:2.375rem;font-size:1rem;font-weight:600;border:0;border-radius:4px;padding:0;visibility:hidden;}



.button-group.col2 button {width:49.5%;}
.button-group.search-col2 button {width:30%;margin:0;border-radius:0;}
.button-group.search-col2 .color-red {width:calc(70% - 2px);height:3.5rem;border-radius:0;line-height:3.5rem;}
.button-group button .deal_count {background:rgba(255,255,255,.8);color:#e8193c;line-height:23px;}
.button-group.col2-square button {width:50%;height:3.2rem;margin:0;border-radius:0;line-height:3.2rem;}

.row.button-group {padding:0}
.row.button-group-temp {padding:0}

.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 {border-radius:0;}


.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;}



/* tab */
.tab_menu {display:flex; flex-wrap: nowrap;font-size:0; position:relative; gap:2px; }
.tab_menu li {width:50%; cursor:pointer;background-color:#f4f6fa;   }
.tab_menu li.active{z-index:1;}
.tab_menu li a, .tab_menu li span {display:block;line-height:3.75rem;text-align:center; color:var(--color-grey8); letter-spacing:-.04em;font-size:1.105rem; font-weight:600; transition: all 0.2s ease-in;}
.tab_menu li.active a, .tab_menu li.active span {position:relative; font-weight:700; background-color:var(--color-white); border:1px solid var(--brand-color-main); color:var(--brand-color-main); z-index: 1; box-shadow:.3rem .3rem 1rem rgba(10,70,190,0.15)}


.tab_menu.type2 {position:relative;z-index:2; background-color:#fff; }
.tab_menu.type2  ul { display:flex; width:100%; justify-content: center; flex-wrap: nowrap; flex-direction: row; }
.tab_menu.type2  ul:after {content:''; position:absolute;width:100%; left:0; bottom:-3px; height:1px;background:#ccc; z-index:-1 }
.tab_menu.type2  ul  li{ width:100%; height:60px;text-align:center; margin:0; background-color:transparent;  border:0px solid #f00}
.tab_menu.type2  ul  li  span { display:block; color:#777; font-size:1.1rem; line-height:50px; padding:0; padding-bottom:10px;  border:0; border-bottom:3px solid transparent;background-color:transparent;  font-weight:500; border-radius:0rem;   }
.tab_menu.type2  ul  li.on  span { color:var(--brand-color-main); background-color:transparent; border-color:var(--brand-color-main)}
.tab_menu.type2  ul  li.on {border-color:var(--brand-color-main)}




/* 서브탭 */
.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;}
.sub-nav li.active {z-index:2;}
.sub-nav li.active a {color:var(--brand-color-main);border-color:var(--brand-color-main);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; }

.sub-nav.type02:after {content:''; position:absolute; left:0; bottom:1px; width:100%; border-bottom:1px solid #e2e4e8;}/* use in 차량상세페이지 */
.sub-nav.type02 li a {display:block; border:0;  border-bottom:3px solid transparent; color:#111;font-size:17px;line-height:60px;text-align:center;font-weight:500; letter-spacing:-1px;}
.sub-nav.type02 li.active {z-index:2;}
.sub-nav.type02 li.active a	{color:var(--brand-color-main);border-color:var(--brand-color-main);background:#fff; font-weight:bold; border-width:2px; }


@media screen and (max-width:1200px){
	.sub-nev-wrap.fixed .sub-nav { left:0; top:0; margin-left:0; width:100%;}
    .sub-nev-wrap.fixed .sub-nav ul {width:100%;  }

}


/* btn_wrap */
.btn_wrap {display:flex;  justify-content: center; align-items: center; gap:.8rem; margin:3rem 0; font-size:1.05rem}
.btn_wrap.write {margin-top:-2.8rem;}
.btn_wrap.right {justify-content: flex-end; }
.btn_wrap.left {justify-content: flex-start;}
.btn_wrap button {border:0; outline:0; width:auto; padding:0 2.5rem; border-radius:.35rem; background-color:var(--brand-color-main); border:1px solid var(--brand-color-main); color:#fff; height:3.25rem;  font-weight:600; }
.btn_wrap button:hover {box-shadow:5px 5px 20px rgba(0,0,0,0.1)}
.btn_wrap .cancel { background-color:#fff !important; border:1px solid #ddd !important; color:#999; }
.btn_wrap .m_save { background-color:var(--color-grey9); border-color:var(--color-grey9)}
.btn_wrap .move { background-color:var(--color-grey6); border-color:var(--color-grey6)}

.btn_wrap .cancel2 { background-color:#fff; border:1px solid var(--brand-color-main); color:var(--brand-color-main); }
.btn_wrap .col5 { width:100%; background-color:#fff; border:1px solid var(--brand-color-main); color:var(--brand-color-main); }
.btn_wrap .preview { background-color:#fff; border:1px solid var(--brand-color-main); color:var(--brand-color-main); }
.btn_wrap .list {border-color:var(--color-grey-light2); color:var(--color-grey3); background-color:var(--color-white); padding:0 2rem}
.btn_wrap .write {padding:0 2rem; background-color:var(--color-grey3); border-color:var(--color-grey3);}
.btn_wrap .btn_join {background-color:transparent; color:var(--brand-color-main)}
.btn_wrap.row_col { flex-direction: column; }
.btn_wrap.row_col button {width:100%; }
.btn_wrap.middle {margin:1.5rem 0;}
@media screen and (max-width:1380px){
	.btn_wrap.write {margin-top:2rem;}
}

@media screen and (max-width:1024px){
	.btn_wrap { gap:.5rem; margin-top:2rem;font-size:1rem }
	.btn_wrap button { height:3.125rem; padding:0 2.3rem;  }
	.btn_wrap .list,
	.btn_wrap .write {padding:0 2.85rem;}

}

/* 상태표시 라벨 */
.badge {display:inline-flex; height:1.85rem; line-height:1.85rem; align-items: center; margin:0; padding:0 .9rem; border-radius:var(--radius-round); font-size:.915rem; font-weight:600; color:var(--color-grey3);background-color:var(--color-white2)}
.badge.complete {background-color:var(--bg-light-blue); color:var(--brand-color-main)}
.badge.standby {background-color:#8dbf42; color:var(--color-white); } /* 대기 */
.badge.request {background-color:#fff; border:1px dashed #e7515a; color:#e7515a;} /* 승인요청- 보완요청 */
.badge.supple {background-color:#e7515a; color:var(--color-white);} /* 보완 */
.badge.reject {background-color:#5c1ac3; color:var(--color-white);} /* 반려/미승인 */
.badge.approval {background-color:#1b55e2;color:var(--color-white);} /* 승인 */
.badge.cancel {background-color:#3b3f5c; color:var(--color-white); } /* 취소 */
.badge.refund {background-color:#e2a03f;color:var(--color-white);} /* 환불취소 */
.badge.big {height:2rem; line-height:2rem;padding:0 1.1rem; font-size:1rem; font-weight:700; }

@media screen and (max-width:550px){
.badge { height:1.8rem; line-height:1.8rem; padding:0 .9rem; font-size:.85rem;}

}

.tip {position:relative;display:inline-block;padding-left:3px;margin:0;vertical-align:middle;}
.tip span {display:inline-flex; justify-content: center;  align-items: center;width:1.1rem;height:1.1rem;border-radius:50%;background:#aaa;color:#fff;font-size:14px;text-align:center;font-family:'dotum';overflow:hidden;vertical-align:middle;cursor:pointer;}
.tip i {display:none;position:absolute;left:-73px;top:25px;min-width:160px;padding:10px 10px;border:1px solid rgba(0,0,0,0.1); background-color:#555; color:#fff;  border-radius:5px;   font-size:13px; line-height:1.6em; z-index:1; box-shadow:3px 3px 7px rgba(0,0,0,0.1)}
.tip i:after {content:'';position:absolute;left:50%;top:-6px;width:10px;height:10px;border-width:0 0 1px 1px; border-color:#555; background-color:#555; border-style:solid;z-index:2; transform:rotate(135deg);}
.tip:hover i {display:inline-block;}




.file_down {display:inline-block; font-size:.9rem;line-height:1.3em; font-weight:bold;  text-align:center; font-family: 'Pretendard' ; color:var(--brand-color-main) !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(--brand-color-main);line-height:1.3em; }
.file_down:hover { color:var(--brand-color-main)}

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

.or_list li{position:relative; padding-left:.85rem; font-size:1rem; line-height:1.6rem;  font-weight:500; color:#777; list-style:none; margin-top:.75rem; }
.or_list li:before {content:''; position:absolute; left:3px;top:10px;  width:3px; height:3px; background-color:#555; border-radius:5px; }
.or_list li:first-child {margin-top:0}

.or_list.sm li{position:relative; padding-left:.85rem; font-size:.985rem; line-height:1.5rem;  font-weight:500; color:#777; list-style:none; margin-top:.35rem; }


.or_list_num {padding-left:.25rem; }
.or_list_num li {position:relative; font-size:1.05rem; line-height:1.5rem; color:var(--color-grey4); font-weight:500; padding-left:1.9rem; margin-top:1rem;}
.or_list_num li:first-child {margin:0}
.or_list_num li i { position:absolute; left:0; top:0; width:1.5rem; height:1.5rem;font-size:.9rem;  line-height:inherit; text-align:center; border-radius:50%; background-color:rgba(15,22,50,0.5); color:var(--color-white) }
.or_list_num li ul {padding:.5rem 0 0rem 0rem; font-size:.95rem; color:var(--color-grey7);}
.or_list_num li ul li {padding-left:.65rem; font-size:.95rem; font-weight:500;  margin-top:.35rem;}
.or_list_num li ul li:before {content:''; position:absolute; left:0; top:10px; width:5px; height:1px; background-color:var(--color-grey6)}

.or_list_num.type2 {padding-left:0; }
.or_list_num.type2 li {position:relative; font-size:1.05rem; line-height:1.5rem; color:var(--color-grey5); font-weight:500; padding-left:.35rem; margin-top:1.5rem;}
.or_list_num.type2 li:first-child {margin:0}
.or_list_num.type2 li i { position:absolute; left:0; top:0; font-size:.85rem;width:1.5rem; height:1.5rem; line-height:inherit; text-align:center; border-radius:0; background-color:transparent; color:var(--color-black) }
.or_list_num.type2 li ul {padding:.5rem 0 0rem 1rem; font-size:.985rem; font-weight:400;}
.or_list_num.type2 li ul li {padding-left:.65rem; margin-top:.5rem;color:var(--color-grey7);}
.or_list_num.type2 strong {color:var(--color-grey1)}


.list_style1 {display:flex;flex-direction: column; }
.list_style1 li {position:relative; font-size:1rem; line-height:1rem; font-weight:500; padding-left:1rem; margin-bottom:1rem; color:var(--color-grey6); }










/* writeWrap */
.btn_view {display:inline-block; border:0 !important; outline:0; height:1.5rem !important; line-height:1.5rem !important; background-color:transparent;}
.btn_view:before {content:"\e97a";font-family:'xeicon'; display:inline-block; font-size:1.5rem; color:#333;}

.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 {content:"\e9bb";font-family:'xeicon'; display:inline-block; font-size:1.25rem !important; color:#333;}

/* 필수값 */
.ess:after {content:'*'; margin-left:.2rem;display:inline-block;vertical-align:middle; margin-top:-.05rem; font-size:1rem; font-weight:600; color:#f3344b;}
.ess_direct {margin-left:1.5rem;}
.ess_direct:after {content:'';display:inline-block; width:40px; height:15px; border:1px solid var(--brand-color-main);}
.d_input {border:1px solid var(--brand-color-main) !important;}

/* 입력폼 and toggle */
.writeWrap {position:relative; width:100%; margin:0;}
.writeWrap .info_wrap {display:inline-block; vertical-align:top; width:calc(100% - 340px); border-top:1px solid #333; }
.writeWrap .cont_layout {display:block;background-color:#fff; border-bottom:1px solid #eee;}
.writeWrap .cont_layout.line_t {border-top:1px solid #eee;}

.subject_box { display:flex; width:100%;position:relative; padding:0rem 0rem 1rem 0.1rem;  justify-content: space-between;  align-items: center; margin-top:3rem;}
.subject_box.first {margin-top:2rem}
.subject_box.line_t {border-top:1px solid #555}
.subject_box.toggle_tit {padding-right:2.3rem;cursor:pointer;}
.subject_box.toggle_tit:after {content:''; position:absolute; right:0.5rem; width:20px; height:20px; background-image:url('/images/icon_select_up.png'); background-position:center center; background-repeat:no-repeat; background-size:auto 15px;}
.subject_box.toggle_tit.on:after {background-image:url('/images/icon_select.png');}
.subject_box.top {border-top:0px solid #333; }
.subject_box.orderer{cursor:default;}
.subject_box.orderer:after {display:none;}
.subject_box .subject {font-size:1.25rem; font-weight:700; color:var(--brand-color-main); letter-spacing:-.06em;}
.subject_box .s_txt {display:inline-flex;font-size:0.95rem; margin-left:.8rem; font-weight:500;  color:#888  }
.subject_box .subject .button {display:inline-block; vertical-align:middle; margin-left:.65rem !important; color:#46382d !important; border:1px solid #46382d; font-size:.95rem;height:2.1rem !important; line-height:2.0rem !important; padding:0 1.2rem 0 1.05rem !important;
                                                       font-weight:700 !important; border-radius:3rem;background-color:#fff !important; }
.subject_box .subject .button:before {content:"\ea83";font-family:'xeicon'; display:inline-block;vertical-align:top;font-weight:normal;  font-size:1.15rem; margin-top:-5px; vertical-align:middle; margin-right:.2rem; }
.subject_box .subject.flex {display:flex;align-items: center; width:100%; justify-content: space-between;}
.subject_box .subject.flex .note {font-size:0.85rem; color:#777; padding-top:0.25rem; font-weight:400}

.subject_box .right {font-size:0.9rem;  }
.subject_box .right .orderer{color:var(--brand-color-main)}
.subject_box .right .btn_same {height:28px; line-height:26px; border:1px solid #dedede; padding:0 0.5rem; font-size:0.8rem; color:#666; }
.subject_box .right .btn_same:hover {color:#fff; border-color:var(--brand-color-main); background-color:var(--brand-color-main); }
.subject_box button {height:2.5rem; font-size:.9rem; padding:0 1rem; border-radius:4px; background-color:var(--brand-color-main); color:#fff; font-weight:600; }
.subject_box button.grey {background-color:#555;}
.subject_box button.reset {background-color:var(--brand-color-main);  border-color:var(--brand-color-main);}
.subject_box button.refuse {background-color:var(--color-brown);}
.subject_box button.ok {background-color:var(--color-red); border-color:var(--color-red)}
.writeWrap .cont_box {display:block; padding-bottom:1rem;position:relative; }




/* Table */
.table_type_basic { font-weight:400; width:100%;  width: 100%; padding:0;  empty-cells: show;   border-collapse:collapse; border-top:2px solid var(--color-grey3)}
.table_type_basic thead th {background-color:#f8f8f8; font-size:1.05rem;  }
.table_type_basic th:first-child,
.table_type_basic td:first-child {border-left:0; }
.table_type_basic th,
.table_type_basic td {padding:1rem .8rem;border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.table_type_basic td {color:var(--color-grey6); font-size:.95rem; line-height:1.6em; }
.table_type_basic tbody th{color:var(--color-grey3); border-bottom:1px solid #e6e6e6; font-size:.95rem; line-height:1.6em; text-align:left; font-weight:500 }

.table_type_basic.ew {border:0; font-size:.9rem;}
.table_type_basic.ew th { background-color:#e3e6ee; border:1px solid #d4d9e6; color:#545968; padding:.35rem; text-align:center;font-weight:bold;}
.table_type_basic.ew td {padding:.35rem .85rem; text-align:center; font-weight:500; color:var(--color-grey5);border:1px solid #e6e6e6; vertical-align:middle;}




@media screen and (max-width:1024px){
.table_type_basic thead th { font-size:1rem;  }
.table_type_basic th,
.table_type_basic td {padding:.8rem .35rem;  }

}


.table_type_write { font-weight:400; width:100%;  width: 100%; padding:0;   empty-cells: show;   border-collapse:collapse; }
.table_type_write.line {border-top:2px solid var(--color-grey3); }
.table_type_write.fill {border-top:2px solid var(--color-grey3);}
.table_type_write.fill th { background-color:#f6f6f6}
.table_type_write.fill th,
.table_type_write.fill td {padding:.3rem .3rem;}
.table_type_write.fill td { line-height:2.5rem; }
.table_type_write colgroup {display:table-column-group;}
.table_type_write tbody {display:table-row-group; }
.table_type_write tr {display:table-row;}
.table_type_write th,
.table_type_write td {display:table-cell; font-weight:500; word-break:break-all; text-align:center;/* line-height:2.5rem; */border-bottom:1px solid #ebebeb; }/* border-color:dedede*/
.table_type_write th {  font-size:1rem;  color:#111; font-weight:500;  letter-spacing:-.06em;padding:.85rem .25rem;}
.table_type_write td {color:#333;padding:.3rem .3rem;}
.table_type_write td span{font-size:14px; color:#777; line-height:2.5rem; font-weight:400}
.table_type_write th.vTop {vertical-align:top; padding-top:1rem; }
.table_type_write.no_bdr {border:0;}
.table_type_write td.txt {padding:1.1rem 0.5rem !important}
.table_type_write .add_line2 {margin-top:4px;}
.table_type_write.left th,
.table_type_write.left td{text-align:left; }
.table_type_write.left th {padding-left:.8rem; padding-top:.95rem; padding-bottom:.95rem; font-weight:500; color:#666;  }
.table_type_write.left td {padding:.3rem .3rem; font-weight:600; color:#264397;}
.table_type_write .txt_sm {font-size:.95rem; line-height:1rem; color:var(--color-red); font-weight:500; margin:.5rem;}

/* 지역조합 */
.table_type_write.corp {border-color:var(--color-darkblue)}
.table_type_write.corp th,
.table_type_write.corp td{padding:1.1rem .85rem;}
.table_type_write.corp th { background-color:#f4f6fd; border-bottom:1px solid #ebebeb;}
.table_type_write.corp td {text-align:left; border-left:1px solid #eee; border-bottom:1px solid #ebebeb; position:relative; line-height:1.6em; }
.table_type_write.corp tbody td:first-child {border-left:0; text-align:center; }
.table_type_write.corp tbody th:first-child {border-left:0; text-align:center; background-color:#fff; vertical-align:middle; background-color:#f9f9f9 }

/*
.table_type_write input,
.table_type_write select,
.table_type_write textarea, 
.table_type_write button {border:1px solid #ebebeb; border-radius:3px; font-weight:500; color:#333; font-size:.95rem; }
.table_type_write input,
.table_type_write select,
.table_type_write button {height:40px; line-height:40px; }
*/
.table_type_write .note {font-size:.85rem; margin:0 5px;}
.table_type_write .mb_txt {display:none;}

.table_type_write.view_align td {text-align:center; }

@media screen and (max-width:1024px){
    .table_type_write.line {border-width:1px;}

	.table_type_write colgroup {display:none;}
	.table_type_write tbody  {display:block;}
	.table_type_write tr {display:block;}
	.table_type_write th,
	.table_type_write td {display:block;padding:5px 0rem;line-height:1.8rem; }
	.table_type_write th {padding-top:0.8rem; border:0}
	.table_type_write.fill {border-width:1px;}
	.table_type_write.fill th { background-color:#fff; padding-bottom:0}
	.table_type_write.fill td {padding-top:.3rem;}
	.subject_box .subject {font-size:1rem;}

	.table_type_write.left th { padding:.5rem .5rem 0; border-bottom:0; color:var(--color-grey8)}
    .table_type_write.left td {border-top:0; padding:.25rem .5rem .65rem; font-weight:800;color:var(--color-black); }

	.table_type_write.st2 tbody th {display:none;}
	.table_type_write.st2 tbody td {padding:.5rem .5rem; text-align:left; border-top:0; border-left:1px solid #dedede;}
	.table_type_write.st2 tbody tr {border-bottom:5px solid #ddd}
	.table_type_write .mb_txt {display:inline-block; font-size:.85rem;line-height:1.5rem; width:90px; margin-right:1rem;border-right:1px dashed #ddd; }
	.table_type_write .mb_txt.long {display:block; width:100%; margin:0; border:0;}
	.table_type_write .mb_txt.long:after {display:none;}


	.table_type_write.corp colgroup {display:table-column-group;}
	.table_type_write.corp tbody {display:table-row-group; }
	.table_type_write.corp tr {display:table-row;}
	.table_type_write.corp th,
	.table_type_write.corp td {display:table-cell;}
   /* .table_type_write.corp thead {display:none;}*/
    .table_type_write.corp th,
    .table_type_write.corp td{padding:.65rem .3rem; line-height:1.3em; font-size:.9rem; }
	/*.table_type_write.corp td:first-child {background-color:var(--color-grey8); color:var(--color-white); font-size:1rem; font-weight:600}*/

	.table_type_write.view_align td {text-align:left; }

	.table_type_write.modify .w50pc {width:100% !important;}
	.table_type_write.modify .w230 {width:100% !important;}

}

/* Input - Form - style */
.btn_basic {background-color:var(--color-grey5); color:var(--color-white); font-size:.85rem; letter-spacing:-.06em; padding:0 .5rem;}

.form_phone {display:flex; width:100%;flex-wrap: nowrap;gap:4px;}
.form_phone select,
.form_phone button{width:110px; margin:0; font-size:.9rem;}
.form_phone span {width:5px; text-align:center; }
.form_phone input{width:calc(100% - 110px); color:#333;}
.form_phone.type2 input{width:calc(100% - 218px); }
.form_phone.type2 select {width:106px;}
.form_phone.type2 button {width:95px;}
.form_phone.type3 {padding-top:1px;align-items: flex-start;}
.form_phone.type3 span{position:relative; width:calc(100% - 93px); padding:0; margin:0; line-height:36px;}
.form_phone.type3 span input {width:100%; color:var(--brand-color-main)}
.form_phone.type3 input + .remain {position:absolute;right:0px; top:0px; text-align:center; width:60px; height:38px; font-weight:bold;color:var(--color-red);z-index:10; border:0px solid #f00}
.form_phone.type3 input + .remain span {color:var(--color-red);}
.form_phone.type3 button{width:96px; border-radius:0; }
.form_phone.type3 .btn_ok {background-color:var(--brand-color-sub) !important}
.form_phone.w50pc {width:50%;}

.form_pass {display:inline-flex; width:11.25rem;}
.form_pass input {text-align:center;}
.form_note {display:inline-flex; font-size:.95rem; color:var(--color-grey7); margin:0 .5rem;}
.form_content {min-height:25rem; padding:1.5rem; }
.form_business {display:flex;align-items: center; gap:.2rem;}
.form_business .input1 {width:30%;}
.form_business .input2 {width:20%;}
.form_business .input3 {width:30%;}
.form_business button {width:6rem; border-radius:0; font-size:.85rem; padding:0}
.form_business span {width:10px; text-align:center; }
.form_address1 {display:flex; width:100%;flex-wrap: nowrap;}
.form_address1 input[type="text"] {width:150px; }
.form_address1 .address_btn {width:100px;  margin-left:3px; }
.form_address2 {margin-top:3px;}
.form_address_save {display:flex;margin-top:3px;gap:3px;}
.form_address_save input {width:calc(50% - 50px)}
.form_address_save button {width:100px}
.form_line {display:flex; align-items: center;  width:100%;flex-wrap: nowrap; gap:.25rem;font-weight:normal;word-break:keep-all; }
.form_line input[type="text"] {width:20rem; }
.form_line .btn_rp {width:6rem; }
.form_line.mile input {width:calc(100% - 50px)}
.form_year {font-weight:normal;}
.form_carselect {display:flex; gap:.25rem;   align-items: center; font-weight:500;}
.form_carselect select,
.form_carselect input{width:33.3%;}
.form_carselect.type2 select {width:20rem; }
.form_mftr {letter-spacing:-.07em; font-weight:normal; }
.form_mftr input{width:38%;}
.form_period {display:flex; gap:.2rem; align-items: center; word-break:keep-all; font-weight:normal; gap:1rem;}
.form_period .date {width:30%;display:flex;  align-items: inherit; justify-content: flex-start; }
.form_period .period{width:70%; display:flex;  align-items: inherit;  }
.form_period .calendar {width:47%}

.form_item {display:flex; flex-direction: column; gap:.85rem; font-weight:500; color:var(--color-grey6); margin:1.5rem 0 }
.form_item.center { justify-content: center; }
.form_item.right {justify-content: flex-end; }
.form_item .row {padding:0; margin:0; display:flex justify-content: center; align-items: center; line-height:1.5em; }
.form_item .note {color:var(--color-grey7); font-size:.95rem; margin-left:1rem;}
.form_item .form_date {font-size:1.15rem; color:var(--color-grey3); font-weight:600; margin-top:1.5rem;  }
.form_item .form_sign {margin-top:.65rem; font-size:1.35rem; font-weight:700; color:var(--color-grey3); gap:.2rem; align-items: baseline;}
.form_item .form_sign em {font-weight:600; color:var(--color-grey9); font-size:80%;}

.form_fund {display:flex;  justify-content: center; align-items: center; background-color:var(--bg-light-blue); padding:2rem 0;  gap:.65rem; font-size:1.125rem; font-weight:600;  }
.form_fund .row {display:flex;  justify-content: center;align-items: center; gap:3rem; }
.form_fund .row p {display:flex; gap:.5rem;align-items: center;}
.form_fund span {line-height:3.125rem;align-items: center; }
.form_fund em {font-size:1rem; font-weight:500; color:var(--color-grey7);}
.form_fund input{ width:12.5rem; border-width:1px;  border-color:var(--color-grey5); text-align:right; background-color:var(--color-white); color:var(--brand-color-main); font-size:1.2rem; }

.form_choice {display:flex;  justify-content: center; align-items: center; border:8px solid var(--bg-light-blue); padding:2rem 0;  gap:.65rem; font-size:1.125rem; font-weight:600;  }
.form_choice .row {display:flex;  justify-content: center;align-items: center; gap:5rem; }

.form_choice input[type=radio] + label {position:relative; margin:0;padding:0 0rem 0 2rem; line-height:28px;color:#888; font-size:1.25rem;font-weight:600; }
.form_choice input[type=radio] + label:after {width:30px;height:30px; border:0; border-radius:0; background-repeat:no-repeat; background-position:center center; background-size:cover;  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 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23AAAAAA;%7D%0A%3C/style%3E%3Cpath class='st0' d='M40.9,64.87c18.78-16.83,38.49-32.56,57.31-49.95C79.39,40.99,62,67.32,42.03,91.98 C31.33,75.73,12.31,53.24,1.64,36.99L40.9,64.87L40.9,64.87z'/%3E%3C/svg%3E%0A");}
.form_choice input[type=radio]:checked + label:before {content:''; position:absolute; left:0; bottom:-3px; width:100%; height:1px; background-color:var(--brand-color-main)}
.form_choice input[type=radio]:checked + label {color:var(--brand-color-main);   }
.form_choice input[type=radio]:checked + label:after {border:0; 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 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23073bd0;%7D%0A%3C/style%3E%3Cpath class='st0' d='M40.9,64.87c18.78-16.83,38.49-32.56,57.31-49.95C79.39,40.99,62,67.32,42.03,91.98 C31.33,75.73,12.31,53.24,1.64,36.99L40.9,64.87L40.9,64.87z'/%3E%3C/svg%3E%0A");}

.form_id {display:flex; gap:.25rem;align-items: center;  }
.form_id input { width:11.25rem; }
.form_id .btn_rp {width:6rem; }
.form_id span {font-size:.8rem; color:#888}
.form_ceo input { width:11.25rem;margin-right:.5rem;  }
.form_ceo p {display:block;margin-bottom:.3rem;  }
.form_ceo p:last-child {margin:0}

.form_ssN {display:flex; gap:.25rem;align-items: center; }
.form_ssN input[type=text] {width:11.25rem; text-align:center; }
.form_ssN .password {width:2.25rem !important;}

.birth_line select{width:70px; margin-right:4px;}
.birth_line select:first-child {width:80px;}
.birth_line input[type=radio] + label {margin-left:6px;}

.delivery_msg { background-color:#f6f6f6;padding:1.5rem; margin-top:1rem;  }
.delivery_msg_tit {color:#666; font-size:0.9rem;}
.delivery_msg .line {margin-top:0.5rem; }
.delivery_msg .note {margin-top:8px; font-size:0.8rem; color:var(--brand-color-main)}

@media screen and (max-width:780px){
	.form_line input[type="text"] {width:calc(100% - 7.5rem) }
	.form_line .btn_rp {width:6.5rem;  }
	.form_line {flex-direction: column;  align-items: flex-start; font-size:.85rem;line-height:1.2rem;}
    .form_line input[type="text"] {width:100%; }
	.form_business button {width:7rem; }
	.form_pass {width:100%;}
	.form_note {display:flex; font-size:.85rem;margin:.5rem 0;}
	.form_content {min-height:12.5rem; padding:1rem; }
	.form_phone select,
	.form_phone button{width:100px;  }
	.form_phone input{width:calc(100% - 100px);  }
	.form_phone.w50pc {width:100% !important;}

	.form_phone.type2 input{width:calc(100% - 180px); }
	.form_phone.type3 input + .remain {position:absolute;right:20px;   font-weight:bold;color:var(--color-red);z-index:1;}
	.form_phone.type3 span {width:calc(100% - 87px);}
	.form_phone.type3 button{width:87px; }
	.form_carselect {flex-direction: column; }
	.form_carselect select,
	.form_carselect input{width:100%;}

	.form_period {flex-direction: column; gap:.5rem;justify-content: flex-start;}
	.form_period .date {width:100%; display:inline-flex; gap:.3rem; }
	.form_period .date input {width:50%;}
	.form_period .period{width:100%;  gap:.3rem;  }
    
	.form_fund {padding:1rem; font-size:.9rem;}
	.form_fund .row {flex-direction: column; gap:0;}
    .form_fund input{ width:6rem; font-size:1rem;}
	.form_fund em {font-size:.85rem; }
	.form_fund span {line-height:1.5rem;}

	.form_choice { border:3px solid var(--bg-light-blue); padding:1rem 0;  gap:.3rem;  }
	.form_choice .row {  gap:1rem; }
	.form_choice input[type=radio] + label { padding:0 0rem 0 2rem;  font-size:1.05rem;font-weight:600; }
	.form_choice input[type=radio] + label:after {width:20px;height:20px;}
	.form_carselect.type2 select {width:100%;}

}



/* search */
.ew_searchbox {display:flex;  justify-content: center; align-items: center;  flex-direction: column; background-color:#f5f5f5; line-height:1.5em; text-align:center; padding:1.65rem 1.5rem; margin:1.5rem 0; gap:.65rem;}
.ew_searchbox.text {gap:0}
.ew_searchbox .item_box {display:flex;  justify-content: center; align-items: center; font-size:.95rem; font-weight:500; gap:0rem;}
.ew_searchbox input,
.ew_searchbox button {height:3rem; display:inline-flex; justify-content: center; align-items: center; }
.ew_searchbox input {width:18rem; background-color:#fff; padding:0 .65rem; border:1px solid #eee;}
.ew_searchbox button {padding:0 2rem; background-color:#333; border:1px solid #333; color:#fff;}
.ew_searchbox span {margin-right:.5rem;}
.ew_searchbox .txt {font-size:.85rem; color:#666;  }

@media screen and (max-width:1024px){
	.ew_searchbox {padding:1.2rem 0 .85rem}
	.ew_searchbox input {width:50%; }
	.ew_searchbox button {padding:0 .85rem;}
	.ew_searchbox .txt {font-size:.75rem;  letter-spacing:-.06em}

}



.table_pay { font-weight:400; width:100%;  width: 100%; padding:0 ;  empty-cells: show;   border-collapse:collapse;border-top:1px solid #bbb; }
.table_pay th,
.table_pay td {display:table-cell;   font-weight:500; word-break:break-all; border:1px solid #111; text-align:center;padding:.6rem .5rem; }
.table_pay th { background-color:#f5f6f7; color:#000 !important; border-bottom:1px solid #dedede; padding:.65rem .5rem .65rem; letter-spacing:-.06em;}
.table_pay td {color:#333; height:100px;}


.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:36px; width:100px; padding: 0 5px;border: 1px solid #ccc;border-radius:60px; background-color: #fff; cursor: pointer;transition: all 0.2s ease-in;}
.inp-file label:before {content:"\eb7b";font-family:'xeicon'; display:inline-block; vertical-align:top;  margin-right:5px; font-size:18px;line-height:35px;   }
.inp-file label span {display: inline-block;vertical-align: top;height:36px !important; line-height:34px !important; font-size: 14px;color: #666;}
.inp-file 	input[type="file"] { display:none;}
.inp-file .disabled label { cursor: default; background-color: #f1f1f1 !important; }
.inp-file .disabled label  span { color: #999; }

.addfile_list{  font-size:0.85rem;padding-bottom:0rem; line-height:34px; display:inline-flex; gap:0.2rem;  flex-start; 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; }
/*.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.fileDown:after {content:"\eb7c"; border:1px solid #ddd; color:#333; background-color:#fff; font-size:1.1rem; border:0; }

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


/*popup */
.popup {background-color:#fff;}
.popup .head {position:fixed; left:0; top:0; width:100%; display:flex; height:3rem; justify-content: space-between;align-items: center; background-color:#fff; border-bottom:1px solid #ddd; z-index:5 }
.popup .head h2 {display:flex; width:calc(100% - 15rem);align-items: center;padding-left:1.2rem; font-size:1.125rem; font-weight:600; }
.popup .head .btn_row{  width:15rem; text-align:right; height:3rem;position:absolute; right:0; top:0; border:0px solid #f00}
.popup .head .btn_close {display:inline-block;vertical-align:middle;  width:3rem; height:3rem; background:#333 url('/images/pop_close_w.png') no-repeat center ; background-size:45%; }
.popup .head .print {display:inline-block;vertical-align:middle; color:#000; font-weight:600; padding-left:.3rem; font-size:.95rem;margin-right:.3rem; line-height:2.1rem; height:2.1rem; width:110px; text-align:center;  border:1px solid #999; border-radius:.3rem;}
.popup .head .print:after {content:"";  display:inline-block; vertical-align:top;width:2rem;height:2rem;  font-size:1rem; font-weight:400;  background-repeat:no-repeat; background-position:center center; background-size:auto 70%;
                                  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 500 500' style='enable-background:new 0 0 500 500;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23222222;%7D%0A%3C/style%3E%3Cg id='XMLID_14_'%3E%3Crect id='XMLID_15_' x='181.24' y='151.25' class='st0' width='137.32' height='14.07'/%3E%3Crect id='XMLID_36_' x='181.24' y='186.61' class='st0' width='137.32' height='14.07'/%3E%3Cpath id='XMLID_39_' class='st0' d='M422.71,193.63h-32.29c0.23-0.39,0.51-0.75,0.51-1.24v-40.89c0-1.43-1.15-2.58-2.58-2.58 h-31.91v-43.18c0-3.89-3.15-7.04-7.04-7.04h-199c-3.89,0-7.04,3.15-7.04,7.04v43.18h-31.91c-1.43,0-2.58,1.15-2.58,2.58v40.89 c0,0.48,0.28,0.85,0.51,1.24H77.11c-17.3,0-31.38,14.07-31.38,31.38v110.63c0,17.3,14.07,31.38,31.38,31.38h345.6 c17.3,0,31.38-14.07,31.38-31.38V225.01C454.08,207.71,440.01,193.63,422.71,193.63z M342.36,215.8H157.44V112.78h184.93V215.8z M408.7,246.63c-6.86,0-12.43-5.55-12.43-12.41c0-6.87,5.57-12.42,12.43-12.42c6.86,0,12.42,5.55,12.42,12.42 C421.12,241.07,415.56,246.63,408.7,246.63z'/%3E%3Cpath id='XMLID_41_' class='st0' d='M388.35,379.32h-276.9c-1.43,0-2.58,1.15-2.58,2.58v23.24c0,1.43,1.15,2.58,2.58,2.58h276.9 c1.43,0,2.58-1.15,2.58-2.58V381.9C390.93,380.47,389.78,379.32,388.35,379.32z'/%3E%3C/g%3E%3C/svg%3E%0A");}


.popup .writeWrap {border:1px solid #000; float:left; width:100%; padding-bottom:2.0rem;}
.popup .content_wrapper {padding:1.5rem;}
.popup .table_type_write th,
.popup .table_type_write td {border:1px solid #aaa; padding:1.1rem .3rem;}
.popup .table_type_write th {color:#000}
.popup .table_type_write th:first-child {border-left:0;}
.popup .table_type_write td:last-child {border-right:0;}
.popup .table_type_write.pay {margin-bottom:1rem; width:100%; }
.popup .table_type_write.pay th:first-child,
.popup .table_type_write.pay td:last-child {border:1px solid #aaa;}
.popup .table_type_write.pay td {height:60px;}
.popup .cont_box:first-child {margin:0}
.popup .cont_box {margin-top:2rem;}

.popup .content_wrapper .title_wrap {border:0; display:block; text-align:center; position:relative; padding-bottom:1.5rem;}
.popup .content_wrapper .title_wrap h2 {color:#000}
.popup a.btn_print {position:absolute; top:-.25rem; right:0;}
.popup .content_wrapper .item_list.big li {font-size:1rem; margin:0; margin-bottom:.8rem; padding:0}
.popup .content_wrapper .item_list.big li strong {font-size:1rem;}
.popup .content_wrapper .item_list.big li em {font-size:95%; font-weight:normal;}
.popup .content_wrapper .item_list li.inst strong {font-size: 1.25rem;}
.popup .content_wrapper .item_list li.inst em {font-size:1.05rem;}
.popup .content_wrapper .item_list.right {padding:.3rem 1rem 1rem;}
.popup .content_wrapper .item_list.right strong {display:inline-block; vertical-align:bottom; margin:0 .65rem; font-size:140%;}
.popup .content_wrapper .item_list.right li {line-height:1.4em;}
.popup .content_wrapper .sign {font-size:1.05rem; font-weight:600; padding:.3rem 1.5rem 1rem; text-align:right;line-height:1.4em;}
.popup .content_wrapper .sign strong {display:inline-block; vertical-align:bottom; margin:0 .65rem 0 1rem; font-size:130%;line-height:1.4em;}
.popup .content_wrapper .sign em {font-size:1rem; color:#999; font-weight:500; line-height:1.4em; display:none;}
.popup .content_wrapper .note {font-size:.8rem;}
.popup .content_wrapper .note:before {width:1rem; height:1rem;}
.popup .table_box {padding:0 1rem;display:flex; justify-content: space-between;  align-items: center; flex-wrap: nowrap; justify-content: center;  }
.popup .table_box li {width:33.3%; padding:1rem;font-size:0.92rem; font-weight:700;text-align:center;  margin-left:-1px; border:1px solid #dedede; border-bottom:1px solid #dedede;}
.popup .table_box li:last-child {border-right:1px solid #dedede; }







/* 설명*/
.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 
=======================================================================================================================================================================================*/
.modal-popup.modal-reset {display:block !important;position:relative !important;height:auto !important;}
.modal-popup {display:none;overflow-y:auto;overflow-x:hidden;position:fixed;left:0;top:0;width:100%;height:100%; background:#fff;z-index:10001;-webkit-overflow-scrolling:touch;/*background:url('../usedcar/pop5.png') no-repeat #ededed;background-size:100%;opacity:0.3;*/}
/*.modal-popup:after {content:'';position:absolute;left:0;top:0;width:100%;height:1000px;z-index:100000;}*/
.modal-popup .pop-header {position:relative;padding:5px 10px 5px 20px;vertical-align: middle;text-align:left;background:var(--brand-color-main);border-radius:0 !important;border:none !important;}
.modal-popup .pop-header span {display:inline-block;padding-top:18px;color:#333;font-size:19px;line-height:19px;font-weight:500;vertical-align:middle;word-break:keep-all;}
.modal-popup .pop-header .product-title {display:block;padding:14px 13px 11px 13px;background:#154fd2;color:#fff;font-size:16px;-weight:bold;text-align:left;line-height:22px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break:keep-all;}
.modal-popup .pop-header .title {display:inline-block;color:#fff;font-size:18px;line-height:40px;font-weight:500; vertical-align:middle;word-break:keep-all; }
.modal-popup .pop-header .title .symbol {display:inline-block; width:40px; height:40px; margin-right:10px;vertical-align:middle;}
.modal-popup .pop-header .btn-pop-close {position:absolute;top:50%;right:2px;width:47px;height:47px;margin:-23px 0 0 0;background:url('/images/pop_close.png') center center no-repeat;background-size:18px 18px;font-size:0;line-height:0;text-indent:-999px;}

.modal-popup .subject_box {margin-top:2rem; padding-bottom:.65rem;}
.modal-popup .subject_box .subject {font-size:1rem; color:#333;}
.modal-popup .table_type_write.left th,
.modal-popup .table_type_write.left td {font-size:.95rem;}
.modal-popup .table_type_write.left th {background-color:#f0f3f8; border-bottom:1px solid #d5dae3}
.modal-popup .table_type_write.left td {color:#333; padding-left:.5rem; padding-right:.5rem;}

.modal-popup .title-wrap {padding:20px 13px 0 13px;}
.modal-popup .title-wrap h3 {color:#333 !important;font-weight:500;}
.modal-popup .tbl-wrap {padding:0 13px;}

.modal-popup .pop-header.type2 {display:block;height:45px; padding-top:12px; background-color:#f4f4f4;}
.modal-popup .pop-header.type2 h2 {color:#333;}
.modal-popup .pw-wrap {display:block; padding:1.5rem; border:0;}
.modal-popup .pw-wrap input  {border-radius:5px !important; height:3rem; padding:0 10px !important; border:1px solid #dedede;}
.modal-popup .btnWrap button {padding:0 0.8rem; }

.divpop1 {position:absolute;left:50%;top: 50%;width:450px;transform:translate(-50%, -50%);z-index:20000;font-size:0;}
.divpop1 .btns .closing { display:inline-block; width:50%; height:55px;border:1px solid #e3ebf8;line-height:55px; text-align:center; font-size:16px; background:#fff; color:#333;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.modal-popup.popup-blank {display:block !important;}
.modal-popup .button-group {padding-left:0;padding-right:0;}

.inform-box {display:block; padding:1rem;}
.inform-box p { font-size:1rem; width:100%; line-height:1.6rem; font-weight:500; 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)}


/* 레이어형 */
.block-ui, .pop_bg {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4); z-index:10000;}
.block-ui {display:none;}
.block-ui.white {display:block;background:rgba(0,0,0,.3);z-index:999 !important;}

.modal-popup.ty02 {position:fixed;left:50%;top:50%;width:auto;max-width:80%;max-height:100%; height:auto; transform:translate(-50%,-50%);background:#fff; border-radius:1rem; z-index:99999;overflow-y:hidden;overflow-x:hidden;font-size:0; box-shadow:5px 5px 15px rgba(0,0,0,0.2)}
.modal-popup.ty02 .inner {position:relative; width:100%; height:100%;}
.modal-popup.ty02 .pop-header {position:relative;height:50px; padding:0; vertical-align: middle;text-align:left;background:#fff;  border-bottom:0; border-radius:0 !important;}
.modal-popup.ty02 .pop-header.line {border-bottom:1px solid #ddd !important}
.modal-popup.ty02 .pop-header .title { display:block; font-size:1.165rem; line-height:50px; color:var(--brand-color-main); font-weight:600;text-transform:uppercase ;  text-align:center; }
.modal-popup.ty02 .btn-pop-close {position:absolute;top:0;right:0; margin:0; width:50px;height:50px;background:url('/images/pop_close.png') center center no-repeat;background-size:auto 20px; z-index:333}
.modal-popup.ty02 .pop-content { position:relative; font-size:1rem; display:flex;  justify-content: center; align-items: center; height:calc(100% - 130px); padding:1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;border:0px solid #f00}
.modal-popup.ty02 .pop-content.no_head { height:calc(100% - 50px); padding:0; display:flex; align-items: center; justify-content: center;  }
.modal-popup.ty02 .pop-content.inform {height:calc(100% - 70px); }
.modal-popup.ty02 .btn_wrap { text-align:center;position:relative;  width:100%; margin:0; padding:0 3rem; display:flex; gap:0.5rem; flex-wrap: nowrap; justify-content: center;  }
.modal-popup.ty02 .btn_wrap a {width:100%; padding:0 1.5rem; height:45px;line-height:43px; margin:0 3px; font-size:0.95rem;  background:#fff;color:var(--brand-color-main);border:1px solid var(--brand-color-main);  text-align:center; border-radius:5px;        
                                       -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;}
.modal-popup.ty02 .btn_wrap a.go { background-color:var(--brand-color-main); color:#fff; }
.modal-popup.ty02 .pop-content textarea {width:100%;  color:#333; font-size:1.05rem; margin:0;}


.modal-popup.ty03 {position:fixed;left:50%;top:50%;width:auto;max-width:80%;max-height:100%; height:auto; transform:translate(-50%,-50%);background:#fff; padding:1rem 1.5rem 1.5rem; border-radius:1.3rem 0 1.3rem 1.3rem; z-index:99999;overflow-y:hidden;overflow-x:hidden;font-size:0; box-shadow:5px 5px 15px rgba(0,0,0,0.2)}
.modal-popup.ty03 .pop-header {position:relative;height:50px; padding:0; vertical-align: middle;text-align:left;background:#fff;  border-bottom:0;border-radius:0 !important;}
.modal-popup.ty03 .pop-header.line {border-bottom:1px solid #999 !important}
.modal-popup.ty03 .pop-header .title { display:block; font-size:1.165rem; line-height:50px; color:#333; font-weight:600;text-transform:uppercase ;  text-align:center; }
.modal-popup.ty03 .pop-header .btn-pop-close {top:0px;right:0px; margin:0; width:50px;height:50px;background:url('/images/pop_close.png') center center no-repeat;background-size:auto 20px;}
.modal-popup.ty03 .pop-content { position:relative; font-size:1rem;  height:calc(100% - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch;border:0px solid #f00}
.modal-popup.ty03 .btn_wrap {margin:0; padding:0;}
.modal-popup.ty03 .btn_wrap button {height:3rem;}

.modal-popup.ty04 {position:fixed;left:50%;top:50%;width:auto;max-width:80%;max-height:100%; height:auto; transform:translate(-50%,-50%);background:#fff; padding:1rem 1.5rem 1.5rem; border-radius:1.3rem 0 1.3rem 1.3rem; z-index:99999;overflow-y:hidden;overflow-x:hidden;font-size:0; box-shadow:5px 5px 15px rgba(0,0,0,0.2)}
.modal-popup.ty04 .pop-header {position:relative;height:50px; padding:0; vertical-align: middle;text-align:left;background:#fff;  border-bottom:0;border-radius:0 !important;}
.modal-popup.ty04 .pop-header.line {border-bottom:1px solid #999 !important}
.modal-popup.ty04 .pop-header .title { display:block; font-size:1.165rem; line-height:50px; padding-left:.5rem; color:var(--brand-color-main); font-weight:600;text-transform:uppercase ; }
.modal-popup.ty04 .pop-header .btn-pop-close {top:0px;right:0px; margin:0; width:50px;height:50px;background:url('/images/pop_close.png') center center no-repeat;background-size:auto 20px;}
.modal-popup.ty04 .pop-content { position:relative; font-size:1rem; padding:0; height:calc(100% - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch;border:0px solid #f00}
.modal-popup.ty04 .btn_wrap {margin:0; padding:0;}
.modal-popup.ty04 .btn_wrap button {height:2.5rem; border-radius:var(--radius-basic); padding:0 1.65rem; font-size:.95rem; background-color:var(--color-grey5); border-color:var(--color-grey5)}
.modal-popup.ty04 .inform-box{ padding:1rem 0;}
.modal-popup.ty04 .or_list li {position:relative; padding-left:.65rem; font-size: .9rem; line-height:1.25rem;  font-weight:500; color:#777; list-style:none; margin-top:.2rem; }
.modal-popup.ty04 .h3 {font-size:.95rem; color:var(--color-grey3); font-weight:700; line-height:1.3em; margin-bottom:.3rem; margin-top:1rem;}
.modal-popup.ty04 .txt2 {font-size:.85rem; text-align:center; }
.modal-popup.ty04 .cont_result { margin-top:0;text-align:left; border-top:1px solid #ccc}
.modal-popup.ty04 .cont_result li {display:flex; align-items: stretch;width:100%; padding:0 !important; border-bottom:1px solid #ddd;}
.modal-popup.ty04 .cont_result li span {font-size:0.985rem; line-height:1.3rem;padding:.35rem;  margin:0;}
.modal-popup.ty04 .cont_result li span:first-child {width:100px; color:#888; padding-left:.8rem; background-color:#f4f4f4;display:flex; align-items: center;}
.modal-popup.ty04 .cont_result li span:first-child + span { width:calc(100% - 100px);color:var(--color-grey3); font-weight:bold; color:var(--brand-color-main) }


.modal-popup.pass {position:fixed;left:50%;top:50%;width:auto;max-width:80%;max-height:100%; height:auto; transform:translate(-50%,-50%);background:#fff; border-radius:1rem; z-index:99999;overflow-y:hidden;overflow-x:hidden;font-size:0; box-shadow:5px 5px 15px rgba(0,0,0,0.2)}
.modal-popup.pass .inner {position:relative; width:100%; height:100%;}
.modal-popup.pass .pop-header {position:relative;height:50px; padding:0; vertical-align: middle;text-align:left;background:#fff;  border-bottom:0; border-radius:0 !important;}
.modal-popup.pass .pop-header.line {border-bottom:1px solid #ddd !important}
.modal-popup.pass .pop-header .title { display:block; font-size:1.165rem; line-height:50px; color:var(--brand-color-main); font-weight:600;text-transform:uppercase ;  text-align:center; }
.modal-popup.pass .btn-pop-close {position:absolute;top:0;right:0; margin:0; width:50px;height:50px;background:url('/images/pop_close.png') center center no-repeat;background-size:auto 20px; z-index:333}
.modal-popup.pass .pop-content { position:relative; font-size:1rem; display:flex;  justify-content: center; align-items: center; height:100%; padding:1.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;border:0px solid #f00}
.modal-popup.pass .pop-content.no_head { height:calc(100% - 50px); padding:0; display:flex; align-items: center; justify-content: center;  }
.modal-popup.pass .btn_wrap { text-align:center;position:relative;  width:100%; margin:0; padding:0 3rem; display:flex; gap:0.5rem; flex-wrap: nowrap; justify-content: center;  }
.modal-popup.pass .btn_wrap a {width:100%; padding:0 1.5rem; height:45px;line-height:43px; margin:0 3px; font-size:0.95rem;  background:#fff;color:var(--brand-color-main);border:1px solid var(--brand-color-main);  text-align:center; border-radius:5px;        
                                       -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;}
.modal-popup.pass .btn_wrap a.go { background-color:var(--brand-color-main); color:#fff; }
.modal-popup.pass .pop-content textarea {width:100%;  color:#333; font-size:1.05rem; margin:0;}
.modal-popup.pass .error {background-color:transparent;}

.modal-popup ::-webkit-scrollbar { background-color:#f4f4f4; border-radius:4px; width: 4px;height:4px; }
.modal-popup ::-webkit-scrollbar-thumb { background:var(--brand-color-main); }



@media screen and (max-width:667px){
	.modal-popup.ty02 { left:0;top:0;width:auto;max-width:100%;max-height:100%; height:100% !important;transform:translate(0,0); border-radius:0; padding: 0rem;}
	.modal-popup.ty02 .pop-header {  background-color:#fff;}
	.modal-popup.ty02 .pop-header .title {font-size:1.25rem; line-height:60px;padding:0  }
	.modal-popup.ty02 .pop-header .btn-pop-close {top:0px;width:60px;height:60px;background-size:auto 20px;}
	.modal-popup.ty02 .pop-content {padding:20px 10px 20px;height:calc(100% - 80px);}

	.modal-popup.ty03 { left:0;top:0;width:auto;max-width:100%;max-height:100%; height:100% !important;transform:translate(0,0); border-radius:0; padding: 0rem;}
	.modal-popup.ty03 .pop-header {  background-color:#fff;}
	.modal-popup.ty03 .pop-header .title {font-size:1.25rem; line-height:60px;padding:0  }
	.modal-popup.ty03 .pop-header .btn-pop-close {top:0px;width:60px;height:60px;background-size:auto 20px;}
	.modal-popup.ty03 .pop-content {padding:20px 10px 20px;height:calc(100% - 80px);}

	.modal-popup.ty04 {max-width:90%;height:auto;  padding:1rem; }
	.modal-popup.ty04 .pop-header {position:relative;height:50px; padding:0; vertical-align: middle;text-align:left;background:#fff;  border-bottom:0;border-radius:0 !important;}
	.modal-popup.ty04 .pop-header .title {  font-size:1.05rem; }
	.modal-popup.ty04 .pop-content { font-size:.95rem; }


	.sub-nav li a {border:0; border-bottom:1px solid #dfdfdf;font-size:1.05rem;line-height:55px;}

	.modal-popup .tab-wrap {padding:0 0px;}
	.modal-popup .ex-text {font-size:13px; display:block; }
	.modal-popup .t_normal thead th {padding:8px 0; font-size:0.8rem; width:16.6% }
	.modal-popup .t_normal tbody th {font-size:0.8rem;}

	.ex-box {padding:0.85rem;}
	.modal-popup h4.title {font-size:1rem; }
	.article-list.default-list li .article-name,
	.article-list.default-list li label {font-size:0.9rem;}
	.modal-popup .ex-text {font-size:0.8rem; font-weight:normal}

}

@media screen and (max-width:500px){
	.modal-popup.ty02 .pop-content {padding:10px 10px 10px;}
	.modal-popup.ty02 .pop-header { height:50px; }
	.modal-popup.ty02 .pop-header .title { line-height:50px; font-size:1.105rem; }
	.modal-popup.ty02 .pop-header .btn-pop-close { width:50px;height:50px; }

	.modal-popup.ty03 .pop-content {padding:10px 10px 10px;}
	.modal-popup.ty03 .pop-header { height:50px; }
	.modal-popup.ty03 .pop-header .title { line-height:50px; font-size:1.105rem; }
	.modal-popup.ty03 .pop-header .btn-pop-close { width:50px;height:50px; }


}
/* 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: 9999; 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.4) !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; }*/
.openLayer .nav_top { position:relative; height:80px; padding:25px 30px; border-bottom:1px solid #dedede; background-color:#fff; }
.openLayer .nav_top h2 {display:block; font-size:20px; font-weight:bold; color:#333; }

.openLayer .car-list-open {display:block; padding:25px 25px; }

.openLayer .car-list-open li {font-size:0; display:block; position:relative; padding-bottom:17px; margin-top:17px; border-bottom:1px solid #dedede; } 
.openLayer .car-list-open li:nth-child(1) {margin-top:0}
.openLayer .car-list-open .check-area {position:absolute; left:3px; top:12px; z-index:10; border:0px solid #f00}
.openLayer .car-list-open .img-wrap { position:relative; display:inline-block; vertical-align:top; width:110px; height:80px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.openLayer .car-list-open .img-wrap a {display:block; width:100%; height:100%; }
.openLayer .car-list-open .car-name a {display:block; color:#222; }
.openLayer .car-list-open .car-name a:hover { text-decoration:underline;}
.openLayer .car-list-open .car-cont {display:inline-block; vertical-align:top; width:calc(100% - 110px); padding-left:15px;  }
.openLayer .car-list-open .car-name {font-size:18px; line-height:20px; font-weight:500; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.openLayer .car-list-open .car-desc {padding-top:5px; font-size:13px; color:#777; }
.openLayer .car-list-open .car-desc span {padding-left:12px; }
.openLayer .car-list-open .car-desc span:first-child {padding-left:0; }
.openLayer .car-list-open .price {display:block; margin-top:10px; font-size:17px; font-weight:500; color:#555;}
.openLayer .car-list-open .price strong {font-size:18px; color:#f7264d; font-weight:600; }
.openLayer .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; }
.openLayer .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'}
.openLayer .btn-more:hover { color:#fff; border:1px solid #333; background-color:#333}
.openLayer .btn-more:hover:after {color:#fff;}
.openLayer .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; }
.openLayer .ui_tab {padding-top:5px; text-align:left;  padding-left:20px;}
.openLayer .ui_tab .ui_tab_btns { border-bottom:0 !important; }
.openLayer .ui_tab .ui_tab_btns .ui_tab_btn {margin:0; margin-right:15px;   height:45px;  line-height:43px; font-size:17px; }

.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.auction { width: 450px; }
.pushy.pushy-right2 {right: 0;}
.pushy-right2{ -webkit-transform: translate3d(450px, 0, 0); -ms-transform: translate3d(450px, 0, 0); transform: translate3d(450px, 0, 0);}





/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                       달력
///////////////////////////////////////////////////////////////////////////////////////////*/
/*
.trans {position:absolute; left:0; top:0;background:transparent !important;}
.trans:focus {background:#fff !important;}
*/
.calendar {width:200px; display:inline-block;margin:0 2px; vertical-align:middle; position:relative; border-radius:4px; background-color:var(--bg-light-grey)}
.calendar:before {content:'\FDFA'; position:absolute; top:50%; right:5px;margin-top:-10px; width:20px; height:20px; line-height:20px; text-align:center; font-family: 'Material Design Icons'; font-weight:normal; font-size:20px;  color:rgba(0,0,0,0.7); z-index:5}
.calendar.readonly:before {color:#ddd; }

.calendar input {width:100%; }
.calendar:first-child {margin-left:0}
.inp-time {width:100px; display:inline-block;   margin:0 2px; vertical-align:middle; position:relative; border-radius:4px; }
.inp-time:before {content:'\F150'; position:absolute; top:5px; right:8px; font-family: 'Material Design Icons'; font-size:18px;  color:rgba(0,0,0,0.8); z-index:5}
.inp-time input {width:100%;  background:transparent;}



.helloCalenderDiv {padding:10px 20px 15px;margin-top:30px; background:#fff;border:1px solid #1e295b; border-radius:7px;box-shadow:3px 3px 5px rgba(0,0,0,.10);-webkit-box-shadow:3px 3px 10px rgba(0,0,0,.10);z-index:1000;}
.hcTable {width:230px;border-collapse:collapse;}
.hcTitle {padding:0 45px;}
.hcControlBar {padding:12px 0 !important;}
.hcTable th {padding:2px 0;color:#999;font-weight:normal; font-weight:bold; font-size:14px; font-family:  'NotoSans' ; }
.hcTable td { padding:8px; font-size:13px; text-align:center;font-weight:bold; }
.hcTable tr:hover td {background:none;}
.hcTable tr:hover td.hcControlBar {background:none !important;}
.hcTable .Year    {min-width:65px;width:35%;margin-right:2px;height:30px;background-color:#fff; border:1px solid #999; line-height:30px;font-size:13px;font-weight:bold; border-radius:4px; padding:0 8px; }
.hcTable .Month {min-width:50px;width:30%;margin-right:2px;height:30px;background-color:#fff; border:1px solid #999; line-height:30px;font-size:13px;font-weight:bold;border-radius:4px; padding:0 8px; }
.hcTable .mouseOver { background-color:#eaedf0 !important;  border-radius:5px; cursor:pointer; }
.hcTable .hcSun { color:#FF0000; }
.hcTable .hcSat { color:#1c4fb9; }
.hcTable .selectDay { background-color:var(--brand-color-main) !important;color:#fff;overflow:hidden; border-radius:100%;}
.hcTable .selectDay:hover {color:#fff !important}
.hcTable select:focus { border:1px solid #25378b !important;}

.hcPrev {display:inline-block;width:30px;height:30px; position:relative; border-radius:4px; line-height:30px;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:15px 15px; 
                -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:30px;height:30px; border-radius:4px; line-height:30px;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:15px 15px; 
           -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;}

.table_pay_wrap {display:none; position:relative;}
.table_pay_wrap .johap_number {position:absolute; left:0; top:6.5rem; font-size:1rem; color:#000; font-weight:bold; text-transform:uppercase; }



.checkImg {display:block; text-align:center;margin-bottom:3rem;  }
.check_size {width:110px; height:110px;}
#check-group {  animation: 0.32s ease-in-out 1.03s check-group;    transform-origin: center; }
#check-group #check {  animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check;  stroke-dasharray: 0, 75px; stroke-linecap: round; stroke-linejoin: round;}
#check-group #outline {  animation: 0.38s ease-in outline; transform: rotate(0deg); transform-origin: center;}
#check-group #white-circle { animation: 0.35s ease-in 0.35s forwards circle; transform: none; transform-origin: center;}

@media screen and (max-width:460px) {
.check_size {width:90px; height:90px;}

}

@keyframes outline {
  from {  stroke-dasharray: 0, 345.576px;  }
  to {  stroke-dasharray: 345.576px, 345.576px;  }
}
@keyframes circle {
  from { transform: scale(1); }
  to {  transform: scale(0);  }
}
@keyframes check {
  from { stroke-dasharray: 0, 75px; }
  to {  stroke-dasharray: 75px, 75px; }
}
@keyframes check-group {
  from { transform: scale(1); }
  50% { transform: scale(1.09);  }
  to { transform: scale(1); }
}

/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*                                        print
///////////////////////////////////////////////////////////////////////////////////////////*/
@media print {
	body { background-color:#fff; min-width:900px;}
	header,
	a.btn_print{display:none;}
	.content_wrapper {padding:0}
	.column {width:900px !important;}
	.gradient-background {display:none;}
	.btn_wrap.type2 {display:none;}
	.table_pay_wrap {display:block !important; border:0 !important; }
	.table_pay {  float:right;  width: 600px !important; }
	.table_type_write.left th, .table_type_write.left td {padding:1.85rem .5rem;}
	.popup .content_wrapper .sign {margin-bottom:2rem;}
	.popup .content_wrapper .sign em {display:inline-block;}
	.inp-file {display:none !important;}
	.popup .writeWrap {padding-bottom: 3.8rem}
	.popup .head {display:none !important;}
	.popup.cert,
	.popup.paper {padding:0px !important;}/* 출자증권프린트 */
	.fuc_item,
	.addfile_list button.file em,
	.addfile_list button.file:after{display:none !important;}
	
	.content_wrapper .item_list.right.stamp {display:flex !important; }
	#header,
	#footer,
	.floating,
	.btn_wrap,
	article {display:none !important;}
    .table_type_write.left th {vertical-align:middle; }
	.table_type_write.fill th,
    .table_type_write.fill td {padding:.5rem;}
	.subject_box {margin-top:2.2rem !important;}
	.container {margin:0 !important; padding:0 !important}
	.fileDown {display:none !important}
    .form_item {gap:.5rem !important;}
	.form_item .form_date,
	.form_item .form_sign{margin-top:1rem !important; border:0px solid #ddd;}
	.form_fund {padding:1rem 0 !important}

	.subContent_wrap{width:100%;display:block !important; }
	.subContent_wrap:before {display:none !important;  }

	/*  left */
	.contentLeft,
	.ew_searchbox {display:none !important; }

	/*  right  */
	.contentRight {display:block !important; width:100% !important; padding:0 !important; }
	.sub_tit {margin-bottom:1rem !important;}
	.btn_box,
	.board_list_info.type2,
	.pagination_wrap,
	.no_print{display:none !important}
}