@charset "utf-8";
/* 웹폰트 */
/* SpoqaHanSansNeo */
@font-face {
	font-family: 'SpoqaHanSansNeo';
	src: url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.eot');
	src: url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.eot?#iefix') format('embedded-opentype'),
		 url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff') format('woff');
	font-stretch: normal;
	font-style: normal;
	font-weight: 200;
}
@font-face {
	font-family: 'SpoqaHanSansNeo';
	src: url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.eot');
	src: url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.eot?#iefix') format('embedded-opentype'),
		 url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Light.woff') format('woff');
	font-stretch: normal;
	font-style: normal;
	font-weight: 300;
}
@font-face {
	font-family: 'SpoqaHanSansNeo';
	src: url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.eot');
	src: url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Regular.woff') format('woff');
	font-stretch: normal;
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'SpoqaHanSansNeo';
	src: url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.eot');
	src: url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Medium.woff') format('woff');
	font-stretch: normal;
	font-style: normal;
	font-weight: 500;
}
@font-face {
	font-family: 'SpoqaHanSansNeo';
	src: url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.eot');
	src: url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/SpoqaHanSansNeo/SpoqaHanSansNeo-Bold.woff') format('woff');
	font-stretch: normal;
	font-style: normal;
	font-weight: bold;
}

/* IBM_Plex_Sans_KR */
@font-face {
	font-family: 'IBM_Plex_Sans_KR';
	src: url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Thin.eot');
	src: url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Thin.eot?#iefix') format('embedded-opentype'),
		 url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Thin.woff') format('woff');
	font-stretch: normal;
	font-style: normal;
	font-weight: 200;
}
@font-face {
	font-family: 'IBM_Plex_Sans_KR';
	src: url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Light.eot');
	src: url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Light.eot?#iefix') format('embedded-opentype'),
		 url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Light.woff') format('woff');
	font-stretch: normal;
	font-style: normal;
	font-weight: 300;
}
@font-face {
	font-family: 'IBM_Plex_Sans_KR';
	src: url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Regular.eot');
	src: url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Regular.woff') format('woff');
	font-stretch: normal;
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'IBM_Plex_Sans_KR';
	src: url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Medium.eot');
	src: url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Medium.woff') format('woff');
	font-stretch: normal;
	font-style: normal;
	font-weight: 500;
}
@font-face {
	font-family: 'IBM_Plex_Sans_KR';
	src: url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-SemiBold.eot');
	src: url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-SemiBold.woff') format('woff');
	font-stretch: normal;
	font-style: normal;
	font-weight: bold;
}
@font-face {
	font-family: 'IBM_Plex_Sans_KR';
	src: url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Bold.eot');
	src: url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/IBM_Plex_Sans_KR/IBMPlexSansKR-Bold.woff') format('woff');
	font-stretch: normal;
	font-style: normal;
	font-weight: 900;
}
*{box-sizing: border-box;} 
html { width: 100%; height: 100%; margin: 0; padding: 0; }
body { font-family: 'SpoqaHanSansNeo', 'malgun gothic', 'sans-serif', 'dotum'; color: #303030; /* background-color: #F4F5F9; */ height: 100%; padding: 0; margin: 0; word-break: keep-all; }
body,button,a,select,textarea,input { font-family: 'SpoqaHanSansNeo', 'malgun gothic', 'sans-serif', 'dotum';  font-size: 14px; line-height: 1.5; color: #303030; font-weight: 400;}
.paragraph { font-family: 'Iropke Batang',serif; padding: 10px 0px 0px 0px;}
h1,h2,h3,h4 { margin: 0; padding: 0; line-height: 1.8; font-weight: 600;}

a { text-decoration: none; color: #2a2829; box-sizing: border-box; }
a:hover { cursor: pointer; }
a, a:link, a:visited, a:hover {text-decoration: none; color: inherit;}


button { box-sizing: border-box; background: transparent; margin: 0; border: 0; cursor: pointer; padding: 0;}
ul, ol { list-style: none; margin: 0; padding: 0; }
dl, dt, dd { margin: 0; padding: 0; }
img { border:0; }
em { font-style:normal; }

input[type="text"], input[type="password"] { -webkit-appearance: none; box-sizing: border-box; padding: 8px; border: 1px solid #d2d1d2; }
input[type="text"]:hover, input[type="password"]:hover { border-bottom: 1px solid #2F6DFC; border-radius: 0; }
input[type="text"]:focus, input[type="password"]:focus { border-bottom: 1px solid #2F6DFC; border-radius: 0; }
input[type="date"] { -webkit-appearance: none; box-sizing: border-box; padding: 8px 4px; border: 1px solid #d2d1d2; border-radius: 5px; }
input::placeholder, textarea::placeholder{ color: #7f7d7b; }
input[type="checkbox"] {position:relative;margin:0;padding:0;vertical-align:top;width:0;height:0;border:0;appearance:none;-moz-appearance:none;-webkit-appearance:none; }
input[type="checkbox"] + span{position:relative;display:inline-block;padding:2px 2px 2px 27px; }
input[type="checkbox"] + span:before {content:"";position:absolute;left:0;width:22px;height:22px;background: url(../img/checkbox.png)  no-repeat center/contain;}
input[type="checkbox"]:checked ~ span{color:#2F6DFC;}
input[type="checkbox"]:checked + span:before {content:"";position:absolute;left:0;width:22px;height:22px; background: url(../img/checkbox_on.png)  no-repeat center/contain;}
input[type="text"]:disabled,input[type="text"]:read-only {color:#7f7d7b;background:#f2f2f2; }
input[type="radio"] { position:relative; margin:0; padding:0; vertical-align:top; width:0; height:0; border:0; appearance:none; -moz-appearance:none; -webkit-appearance:none; }
input[type="radio"] + span{ position:relative; display:inline-block; padding:3px 7px 4px 27px; }
input[type="radio"] + span:before {content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 20px; height: 20px; background: url(../img/input_non.png) no-repeat center/contain; }
input[type="radio"]:checked ~ span{color:#2F6DFC;}
input[type="radio"]:checked + span:before {content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%); width: 20px; height: 20px; background: url(../img/input_check.png) no-repeat center/contain; }
input[type="radio"]:disabled + span:before {content:""; position:absolute;top:2px;left:0;width:22px;height:22px;background:url(../img/input-01.png) no-repeat center/contain; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px var(--white) inset; -webkit-text-fill-color: var(--black); }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
input:focus, textarea:focus, select:focus {outline: none;}
select { box-sizing: border-box; padding: 8px 4px; border: 1px solid #d4d4d4; margin-bottom: 5px; border-radius: 5px; }
textarea { box-sizing: border-box; padding: 4px; border: 1px solid #d4d4d4;}

.off { display: none;}
.mobOff { display: none; }
.contents .foot { display: none; }
.appType .appOff { display: none;}
.pcSize .mobOff { display: block; line-height: 40px; font-size: 16px; padding-left: 12px; }
.pcSize .footer { display: block; }
.pcSize .contents .foot { display: block; height: 90px; }
.blind { position: absolute; top: -10000px; left: 0; display: block; font-size: 0; line-height: 0; text-indent: -10000px; overflow: hidden; }

/* 공통항목 */
.through { text-decoration:line-through; color: #999; }
.tooltip { position: relative; }
.tooltip:hover:after {  background: rgba(0,0,0,.7); border-radius: 5px; bottom: 26px; color: #fff; content: attr(title);  font-size: 13px;  left: 50%;  margin-left: -110px;  padding: 5px 10px;    position: absolute;   z-index: 98; width: 200px;}
.tooltip:hover:before { content: " "; position: absolute; bottom: 16px; left: 50%; margin-left: -7px;    border-width: 5px;    border-style: solid;    border-color: rgba(0,0,0,.6) transparent transparent transparent; }
.necessary { color: #ed1652; font-weight: bold;  }
.necessary.off { display: none; }
.alert { color:#ed1652;  font-size: 15px; text-align: center; padding: 10px; font-weight: bold; }
.alert .title {color: #222; border-bottom: 1px solid #a9a9a9; padding-bottom: 5px; margin-bottom: 5px; }
.alert .error {color: #00aade; font-weight: normal; text-align: left; }
.alert .desc {color: #222; font-weight: normal; margin-bottom: 10px; display: inline-block; }
.information { padding: 10px 0; text-align: right; color: #709fb5; }
.blank { text-align: center; color: #6b5f5b; }
.container { padding: 0 15px; }
.mobileSize .container { padding: 15px; padding-bottom: 70px; }
.content_zone { padding: 78px 0 30px; }
.content_zone .deskBox { padding: 10px 0 0; }
.required { color: #2F6DFC; font-weight: 500; }

/* 입력폼 스타일 */
.inputList .inputHead, .inputList .inputBody.cell { display: flex; flex-wrap: wrap; align-items: center; padding: 2px 0; }
.inputList .inputBody.cell input[type="text"] { width: 70%; margin-right: 5px; }
.inputList .inputBody.wide { width: 100%; }
.inputList .inputHead { width: 100px; margin-bottom: 10px; word-break: break-all; }
.inputList .inputBody { width: calc(100% - 100px); margin-bottom: 10px; }
.inputList .inputBody.sep_1 input { width: calc(100% - 4px); }
.inputList .inputBody.sep_2 input { width: calc(48% - 2px); }
.inputList .inputBody.sep_3 input { width: calc(33% - 3px); }
.inputList .inputBody.sep_3 input + input { margin-left: 3px; }
.inputList .inputBody.sep_4 input { width: calc(25% - 4px); }
.sub.inputList .inputHead { width: 100%; }

/* 공통 버튼 스타일 */
button.disabled:not(.off) { padding: 2px 10px; background: #ddd; color: #fff; }
.inputButton:not(.off) { display: inline-block; width: auto; margin-left: 5px; padding: 2px 10px; background: #fff; border: 1px solid #2F6DFC; color: #2F6DFC; }
.error:not(.off) { color: red; font-weight: bold; border: 1px solid red; }
.applyButton:not(.off) { display: inline-block; width: auto; padding: 2px 10px; background: #2F6DFC; color: #fff; border-radius: 6px;}
.applyButton.on {background: #e9c106;}
.pointButton:not(.off) { display: inline-block; width: auto; margin-left: 5px; padding: 5px 10px; background: #444; color: #fff; }
.pageButton:not(.off) { display: inline-block; width: auto; margin-left: 5px; background: transparent; color: #000; }
.pageButton:hover { color: #2F6DFC; }
@media screen and (max-width: 720px) {
	.inputList .inputBody .inputButton { margin-left: 0; }
}

.locationBox { padding: 0px; text-align: right; font-size: 13px; color: #707070; }
@media screen and (max-width: 720px) {
	.locationBox { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
}

.boardBox .buttons { display: flex; flex-direction: row; justify-content: space-around; padding: 20px 0; }
.boardBox .buttons.center { text-align: center; justify-content: center; }
.boardBox .buttons button { padding: 16px 22px; background: #2F6DFC; border-radius: 5px; color: #fff; font-weight: bold; font-size: 18px; }

.boardBox .contentBox { margin-bottom: 20px; }
.boardBox .contentBox .content { display: block; }
.boardBox .contentBox textarea { width: 100%; padding: 10px 10px 50px 10px; resize: none; }

.boardBox .boardBody .buttons { margin-top: 20px; border-top: 1px solid #ccc; }

.files { margin: 10px 0; }
/* 테이블 스타일 */
ul.table { width: 100%; border: 1px solid #ddd; border-top: 0 none; }
ul.table li:not(.off) { display: flex; flex-direction: row; border-top: 1px solid #ddd; }
ul.table li span { display: inline-block; text-align: center; }
ul.table li span + span { border-left: 1px solid #ddd;  }
ul.table[row='2'] li span { width: 50%; }
ul.table[row='3'] li span { width: 33%; }
ul.table[row='4'] li span { width: 25%; }
ul.table[row='5'] li span { width: 20%; }
ul.table[row='6'] li span { width: 16%; }

.search_wrap { min-height: 100px; padding: 30px; }
.search_wrap .table .tbody { position: relative; }
.search_wrap .table .tbody button{ position: absolute; width: 100%; height: 100%; background: transparent; }
.search_wrap .table .tbody button:hover { background: rgba(3,103,177,.1) }

.round { background: #E5E5E5; border-radius: 15px; margin: 0 10px; padding: 3px 8px; }
.round:hover {background: #aaaaaa; color: #fff; text-decoration: none;  }
pre.policy { white-space: pre-wrap; word-wrap: break-word; }

.wrapper h3 { text-align: center; font-weight: bold; font-size: 15px; padding: 8px 20px; margin-top: 0px;}
.wrapper h3 > span { font-size: 15px;}
.wrapper h3:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.wrapper h4 { padding: 10px 0; font-size: 16px;}
.wrapper h4 > span { font-size: 14px;}
.wrapper h4 a, h4 button { float: right; font-weight: normal; padding: 3px 5px; color: #fff; background: #999999;}
.wrapper h4 a:hover , h4 button:hover { background: #666666; text-decoration: none; }
.wrapper .frame { margin: 0 auto; max-width: 1200px; padding: 0; position: relative; }

.mobileSize.wrapper .headBox h2 { font-size: 16px;}

/* header */
header { width:100%;  background-position:center top; background-repeat:no-repeat ; background-size:cover; }
header * { line-height: 1.5; letter-spacing: 0; -webkit-text-size-adjust: none; font-family: '맑은 고딕',Malgun Gothic,'돋움',Dotum,AppleGothic,sans-serif; }
header .menu_area {text-align:center;margin-top:29px;}
header .menu_area .menu li {display:inline-block;vertical-align:middle;margin:0 25px 0 27px;position:relative;}
header .menu_area .menu li a {font-size:18px;}
header .menu_area .menu li.on a {font-weight:bold;}
header .menu_area .menu li ul{ display:none; width:110px; border: 1px solid #ccc; background:#fff;}
header .menu_area .menu li:hover ul{display: block; position:absolute;top: 25px; left: 0; z-index:10}
header .menu_area .menu li ul li{padding: 5px 10px!important; display: block; margin: 0;}
header .menu_area .menu li ul li a, header .menu_area .menu li ul li.on ul li a{font-size: 14px; word-break: break-all; color:#666!important; font-weight:normal!important; width:100%; display: block}
header .menu_area .menu li ul li:after{width: 0;}
header .menu_area .menu li:after {content:'';position:absolute;right:-30px;top:5px;width:1px;height:16px;background:rgba(255,255,255,.3);}
header .menu_area .menu li:last-child:after {background:none;}
header .top_menu ul {position:absolute;right:10px;top:10px;overflow:hidden; }
header .top_menu ul li {float:left; font-size:12px;}
header .top_menu ul li a {display:block;}
header .top_menu .btn_home {padding: 1px 20px 0 20px;background:url("/resource/estimate/img/layout/ico_home.png") no-repeat left center;}
header .top_menu .btn_home a {font-size:12px;}
header .top_menu .my_info {font-size:12px;position:relative;padding: 1px 0 0 20px;}
/*header .top_menu .my_info:before{content:'';position:absolute;left:0;top:5px;background:#a8887f;width:1px;height:10px;}*/
header .top_menu .btn_logout {margin-left:10px;}
header .top_menu .btn_logout a {font-size:12px;width:68px; border:1px solid #fff;text-align:center; height: 20px; line-height: 20px;}
header .top_menu .belong_spot {position:relative; padding-left:8px; margin-left:10px; line-height:19px;}
header .top_menu .belong_spot:before {content:' '; position:absolute; left:0; top:5px; width:0; height:12px; border-left:1px solid #fff;}
header .s_title {text-align:center; padding-top:50px;}
header .s_title h2 {font-size:34px;position:relative;display:inline-block;font-weight:normal; letter-spacing: -1px; }
header .s_title h2:before {content:'';position:absolute;left:50%;margin-left:-20px;top:-19px;width:40px;height:1px;background:#fff;}
header .s_title p {margin-top:10px;}

@media screen and (max-width: 350px) {
	header .menu_area .menu li { margin:0 15px 0 17px; }
}

@media screen and (min-width: 1200px) {
	header .top_menu ul {right:0;}
}

/* 접근성 숨김텍스트 */
.hidden_txt {overflow:hidden; position:absolute; width:1px; height:1px; padding:0; margin:-1px; clip:rect(0,0,0,0); border:0;}

.ebbtn {-webkit-appearance:none; appearance:none; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0; border:0; background:transparent; text-decoration:none; cursor:pointer;}
.ebbtn {overflow:hidden; position:relative; display:inline-block; vertical-align:middle; text-align:center; box-sizing:border-box;}


/* container시작 */
.mobileSize .naviBox { line-height: 0; min-height: 0; padding-bottom: 0; }
.naviBox { position: relative;  line-height: 40px; min-height: 40px; margin-bottom:10px; }
.naviBox .title { float: left; line-height: 40px; font-size: 16px; font-weight: normal; }
.naviBox .title span { color: #ccc; font-size: 18px; }
.naviBox .button { float: right; line-height: 40px; }
.naviBox .button li { float: left; position: relative; }
.naviBox .button li:not(:first-child):before { content: "|"; color: #ccc; }
.naviBox .button .count { font-size: 15px;  }
/* .naviBox button, .naviBox a { background: #fff; display: inline-block; height: 40px; position: relative; padding: 0 10px 0 10px; line-height: 40px; } */
.naviBox button:hover, .naviBox a:hover { color: #222; text-decoration: none; }
.naviBox button.off { display: none; }
.naviBox .button:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;} 
.naviBox:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;} 
.naviBox .mypage { color: #6b5f5b; padding-left: 28px; position: relative; font-size: 15px;  }
.naviBox .mypage:before {content: ""; position: absolute; top: 7px; left: 0; width: 25px; height: 25px; background: url(/resource/estimate/img/icon.png) -163px -11px no-repeat; background-size: 300px 300px;}
.naviBox button.search { float: right; padding: 0 20px 0 10px; position: relative; }
.naviBox button.search:after {content: "+"; position: absolute; top: 0; right: 7px; }
.naviBox button.search.open:after {content: "-"}
.naviButtons button { padding: 8px 20px; border: 1px solid #f0f0f0; border-radius: 5px; background: #fff; box-sizing: border-box; }
.naviButtons button:hover { color: #a0a0a0; }
.naviButtons button.on { background: #2F6DFC; color: #fff; border: 0 none; }

.estmBox { padding: 10px 0; margin: 0 auto; }

.menuGnb { display: none; z-index: 30; }

/* 차량 상세 팝업 */
.layerNotice .fastshipBox .cont ul li { display: flex; }
.layerNotice .fastshipBox .cont ul li div:nth-child(1) { width: 20%; background: #f0f0f0; text-align: left; padding: 5px 10px; margin-right: 10px; font-weight: 600; }
.layerNotice .fastshipBox .cont ul li div:nth-child(2) { width: 70%; text-align: left; padding: 5px 10px; }


/* KSH 선구매 리스트 관련 스타일 */
.eventCarBox img:hover { cursor: pointer; }

/* desk */
.menuDesk { width: 101%; margin-left: -1%;}
.menuDesk:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.menuDesk li { width: 24%; margin-left: 1%; margin-bottom: 1%; float: left; position: relative;  }
.menuDesk.count3 li { width: 32.3%; }
.menuDesk.count2 li { width: 49%; }
.menuDesk.count1 li { width: 100%; }
.menuDesk > li > a,.menuDesk > li > button { display: block; text-align: center; width: 100%; line-height: 50px; text-align: center;  background:#44485b; border-radius: 2px; color: #fff;  font-size: 17px; position: relative; padding: 0; }
.mobileSize .menuDesk { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 5; margin: 0; background: #fff; }
.mobileSize .menuDesk li { width: 24.7%; margin: 0; margin-right: 0.3%;}
.mobileSize .menuDesk.count3 > li { width: 33%; margin: 0; margin-right: 0.3%;}
.mobileSize .menuDesk.count2 > li { width: 49.7%; margin: 0; margin-right: 0.3%;}
.mobileSize .menuDesk.count1 > li { width: 100%; margin: 0;}
.mobileSize .menuDesk li.wide { width: 40%; margin: 0;} 
.mobileSize .menuDesk li > a,.mobileSize .menuDesk li > button { line-height: 50px;  border-radius: 0; font-size: 15px; }
.menuDesk .slideUp { position: absolute; bottom: 30px; left: 0; width: 100%; background: #ed1652; display: none; }
.menuDesk .slideUp a { color: #fff; width: 48%; display: inline-block; text-align: center; padding: 0; line-height: 40px;  }
.menuDesk .slideUp a:not(:first-child) { border-left: 1px solid #fff; width: 52%}
.menuDesk > li > button.on { line-height: 30px; padding-top: 20px; }

.stepSave ul { border: 1px solid #adadad; }
.stepSave ul li { float: left; width: 20%; position: relative; }
.stepSave ul li.on:after { content: ""; width: 100%; border-bottom: 2px solid #6b5f5b; position: absolute; bottom: 0; left: 0; }
.stepSave ul li a { display: block; margin: 10px 0; position: relative; min-height: 40px; }
.stepSave ul li a span.title { position: absolute; top: 0; left: 0; font-size: 15px; width: 100%; text-align: center; display: inline-block;  }
.stepSave ul li a span.count { font-size: 20px; font-weight: bold; color: #ed1652; margin-left: 0; margin-top: 17px; width: 100%; text-align: center; display: inline-block;  }
.stepSave ul li.dis a span.title, .stepSave ul li.dis a span.count { color: #aaa;  }
.stepSave ul li:not(:first-child) a:before  { content: ""; position: absolute; top: 0; left: 0; height: 40px; border-left: 1px solid #adadad; }
.stepSave ul:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; }

@media screen and (min-width: 600px) {
	.stepSave ul li a span.title { width: 50%; }
	.stepSave ul li a span.count { font-size: 24px; margin-left: 60%; margin-top: 0; width: 40%; }
}

/* desk - 가견적 */
.estmSaveBox { padding: 20px 0; }
.estmSaveBox .searchBox { padding-bottom: 40px; }
.estmSaveBox .searchBox .date { display: inline-block; }
.estmSaveBox .searchBox .date input { width: calc(50% - 20px) ; border: 1px solid #dededf; border-radius: 5px; padding: 4px 10px; min-height: 35px; }
.estmSaveBox .searchBox .date input:first-child { margin-bottom: 5px; }
.estmSaveBox .searchBox .date span { display: inline-block; width: 30px; text-align: center; }
.estmSaveBox .salelist { overflow-x: scroll; }
.estmSaveBox .salelist .frame { min-width: 1000px; }
.estmSaveBox .salelist .index { padding: 5px 0; background: #f9f3f3; position: relative; border-top: 1px solid #898989; border-bottom: 1px solid #eee; display: flex; flex-wrap: wrap; align-items: center; }
.estmSaveBox .salelist .frame li.fail { text-align: center; padding: 50px 0; border-bottom: 1px solid #eee; }
.estmSaveBox .salelist span { text-align: center}
.estmSaveBox .salelist span.s1 { width: 5%; }
.estmSaveBox .salelist span.s2 { width: 8%; }
.estmSaveBox .salelist span.s3 { width: 8%; }
.estmSaveBox .salelist span.s31 { width: 11%; }
.estmSaveBox .salelist span.l1 { width: 8%; }
.estmSaveBox .salelist span.m1 { width: 18%; }
.estmSaveBox .salelist span.f1,.estmSaveBox .salelist ul.f1 { width: 22%; }
.estmSaveBox .salelist span.c1 { width: 12%; }
.estmSaveBox .salelist span.b1 { width: 8%; }
.estmSaveBox .salelist span.pmt { font-weight: bold; }
.estmSaveBox .salelist li.data { border-bottom: 1px solid #ececec; padding: 5px 0px; text-align: center; display: flex; align-items: center; }
.estmSaveBox .salelist li.data:hover { background: #f8f8f8; }
.estmSaveBox .salelist li.data span { display: inline-block; }
.estmSaveBox .salelist li.data span button { background: #cb2b11; color: #fff; padding: 3px 8px; margin: 3px 0; border-radius: 5px}
.estmSaveBox .salelist li.data span a { background: #f9f3f3; color: #cb2b11; padding: 3px 8px; margin: 3px 0; border-radius: 5px; display: inline-block;border: 1px solid #cb2b11; }
.estmSaveBox .salelist li.data span a.estm { background: #999; color: #fff; padding: 3px 8px; margin: 3px 0; border-radius: 5px; display: inline-block;border: 1px solid #999; }
.estmSaveBox .salelist li.data .estm a { background: #f0f0f0; padding: 4px 0; width: 100%; display: inline-block; }
.estmSaveBox .salelist li span.subj { display: block; }
.estmSaveBox .searchWrap { border: 1px solid #dededf; border-top: 2px solid #2185d0; box-shadow: 0 1px 2px 0 rgba(34,36,38,.15); display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; padding: 10px; border-radius: 8px; position: relative; }
.estmSaveBox .searchWrap:before { content: ""; position: absolute; width: 100%; height: 1px; background: #ddd; bottom: -20px; left: 0; }
.estmSaveBox .searchWrap * { box-sizing: border-box; }
.estmSaveBox .searchWrap > div { width: 100%; margin-bottom: 7px; }
.estmSaveBox .searchWrap > div > div { width: 100%; }
.estmSaveBox .searchWrap label { display: block; font-size: 13px; margin-bottom: 2px;  }
.estmSaveBox .searchBox input[name='keyword'] { padding: 5px 10px; width: 100%; border: 1px solid #dededf; border-radius: 5px; }
.estmSaveBox .searchBox .btnBox { display: flex; align-items: flex-end; margin-top: 5px; }
.estmSaveBox .searchBox .btnBox button { padding: 5px 10px; background: #d01919; color: #fff;  border-radius: 5px; display: inline-block; border: 1px solid #d01919; width: 100%; }
.estmSaveBox .searchBox select { margin-bottom: 0; width: 100%; border: 1px solid #dededf; border-radius: 5px; }
.estmSaveBox .searchBox select:first-child { margin-bottom: 5px; }
.estmSaveBox .searchBox .block { display: inline-block; width: 100%; }


@media screen and (min-width: 850px) {
	.estmSaveBox .searchWrap { padding: 15px; }
	.estmSaveBox .searchWrap > div { width: auto; margin-right: 2%; }
	.estmSaveBox .searchWrap .stateSel { width: 10%; }
	.estmSaveBox .searchWrap .dateSel { width: 34%; }
	.estmSaveBox .searchBox select:first-child { margin-bottom: 0; }
	.estmSaveBox .searchBox .date input { width: calc(50% - 12px); }
	.estmSaveBox .searchBox .date input:first-child { margin-bottom: 0; }
	.estmSaveBox .searchBox .date span { display: inline-block; width: 17px; text-align: center; }
	.estmSaveBox .searchWrap .searchSel { width: 35%; }
	.estmSaveBox .searchBox .block { display: flex; justify-content: space-between; }
	.estmSaveBox .searchBox .searchSel select { width: 75px; }
	.estmSaveBox .searchBox input[name='keyword'] { width: calc(100% - 80px); }
	.estmSaveBox .searchBox .btnBox { margin-right: 0; }
	.estmSaveBox .searchBox .btnBox button { width: 60px; }
}
@media screen and (min-width: 1060px) {
	.estmSaveBox .salelist { overflow-x: hidden; }
}

.mobileSize .estmSaveBox .salelist .index { display: none; }
.mobileSize .estmSaveBox .salelist .frame { min-width: auto; }
.mobileSize .estmSaveBox .salelist li.data { display: block; border: 1px solid #ccc; border-radius: 10px; margin-bottom: 10px; cursor: pointer;  }
.mobileSize .estmSaveBox .salelist li.data:after { content: ""; position: absolute; width: 14px;    height: 14px; background: url(/resource/estimate/img/icon-02.png) -68px -17px no-repeat;  background-size: 300px 100px; top: 20px; right: 20px; transform: rotate( -90deg );  }
.mobileSize .estmSaveBox .salelist li.data > span { display: block; width: calc(100% - 100px); padding: 4px 10px 4px 90px; position: relative; }
.mobileSize .estmSaveBox .salelist li.data > .mOff { display: none; }
.mobileSize .estmSaveBox .salelist li.data > span.estmNo { text-align: left; }
.mobileSize .estmSaveBox .salelist li.data > span.estmNo:before { content: "견적/자산" ; position: absolute; top: 5px; left: 10px; font-size: 13px; }
.mobileSize .estmSaveBox .salelist li.data > span.cust { text-align: left; }
.mobileSize .estmSaveBox .salelist li.data > span.cust:before { content: "고객" ; position: absolute; top: 5px; left: 10px; font-size: 13px; }
.mobileSize .estmSaveBox .salelist li.data > span.carName { text-align: right; }
.mobileSize .estmSaveBox .salelist li.data > span.carName:before { content: "차량" ; position: absolute; top: 5px; left: 10px; font-size: 13px; }
.mobileSize .estmSaveBox .salelist li.data > span.confirm { text-align: right; color: #cb2b11}
.mobileSize .estmSaveBox .salelist li.data > span.confirm:before { content: "상태" ; position: absolute; top: 5px; left: 10px; font-size: 13px; color: #2a2829; }


.mobileSize .estmSaveBox .searchWrap { border: 0; box-shadow: none; display: block; padding: 0; }
.mobileSize .estmSaveBox .searchWrap > div { display: flex; }
.mobileSize .estmSaveBox .searchWrap label {  width: 100px; margin-top: 8px;  }
.mobileSize .estmSaveBox .searchBox input[name='keyword'] { border: 0; border-bottom: 1px solid #ccc; border-radius: 0; }
.mobileSize .estmSaveBox .searchBox .btnBox { display: block; text-align: center; margin-top: 20px; }
.mobileSize .estmSaveBox .searchBox .btnBox button { padding: 10px 25px; width: auto; }
.mobileSize .estmSaveBox .searchBox select { border: 0; border-bottom: 1px solid #ccc; border-radius: 0;}
.mobileSize .estmSaveBox .searchBox input[type='date'] { border-radius: 0; }
.mobileSize .estmSaveBox .searchWrap:before {display: none; }
.mobileSize .estmSaveBox .searchBox { padding-bottom: 30px; }

/* 관리자 */
.head { padding: 10px 0; }
.head a { display: inline-block; padding: 3px 8px; background: #eee; border-radius: 20px; }
.headBox .frame { padding: 20px 0 15px; display: flex; align-items: center; flex-wrap: wrap; }
.headBox .frame h3 { text-align: left; padding: 0; margin-top: 0; border-bottom: none; width: 100%; }
.headBox .frame .linkBox { text-align: right; width: 100%; }
.headBox .frame .linkBox a { padding-left: 12px; margin-left: 8px; position: relative; }
.headBox .frame .linkBox a:not(:first-child)::before { content: ""; position: absolute; top: 1px; left: 0; width: 1px; height: 90%; background: #e5e5e5; }

.codes .listBox { overflow-x: scroll; }
.codes .listBox .frame { min-width: 760px; }
.codes .listBox .index { padding: 10px 0; background: #e2f3fb; position: relative; border-top: 1px solid #898989; border-bottom: 1px solid #eee; display: flex; flex-wrap: wrap; }
.codes .listBox .index span { width: 11%; text-align: center; }
.codes .listBox .index .memo { width: 34%; }
.codes .listBox .list li { border-bottom: 1px solid #ececec; padding: 8px 0; }
.codes .listBox .list li:hover { background: #f8f8f8; }
.codes .listBox .list li > a { display: flex; flex-wrap: wrap; }
.codes .listBox .list li > a span { width: 11%; text-align: center; padding: 0 5px; box-sizing: border-box; }
.codes .listBox .list li > a .remark { width: 34%; }
.codes .listBox .lineup { border-top: 1px solid #898989; padding: 10px; background: #e2f3fb; }
.codes .listBox .trim { border-bottom: 1px solid #ccc; margin-bottom: 20px; }
.codes .listBox .trim li form { border-top: 1px solid #ccc; }
.codes .listBox .trim li .title span { padding-right: 15px; }
.codes .listBox .trim li .top { border-top: 1px solid #ececec; display: flex; flex-wrap: wrap; align-items: center; padding: 15px 0; }
.codes .listBox .trim li .top .title, .listBox .trim li .option li .title { width: 100%; position: relative; }
.codes .listBox .trim li .top .title::before { content: ""; position: absolute; top: 3px; left: 20px; border-bottom: 1px solid #000; border-left: 1px solid #000; width: 8px; height: 8px; }
.codes .listBox .trim li .top .title span:first-child { margin-left: 45px; }
.codes .listBox .trim li .top .data, .listBox .trim li .option .data { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.codes .listBox .trim li .top .data span, .listBox .trim li .data input[type="text"] { text-align: center; border: 1px solid #d2d1d2; padding: 2px; box-sizing: border-box; min-height: 27px; }
.codes .listBox .trim li .top .data span, .listBox .trim li .top .data input[type="text"] { width: 32%; }
.codes .listBox .trim li .option { background: #f1f1f1; padding: 8px; border-bottom: 1px solid #ccc }
.codes .listBox .trim li .option li { display: flex; flex-wrap: wrap; align-items: center; padding: 10px 0; border-top: 1px dashed rgba(255,255,255,.7); margin-left: 10px; }
.codes .listBox .trim li .option li:first-child { border-top: none; }
.codes .listBox .trim li .option li .title { width: 100%; box-sizing: border-box; padding-left: 20px; }
.codes .listBox .trim li .option li .title::before { content: ""; position: absolute; top: 9px; left: 0; background: rgba(0,0,0,.4); width: 3px; height: 3px; }
.codes .listBox .trim li .option li .data input[type="text"] { width: 24%; margin-bottom: 4px; }
.codes .listBox .brand { border-top: 1px solid #a3a3a3; border-bottom: 1px solid #a3a3a3; }
.codes .listBox .brand li { display: flex; align-items: center; flex-wrap: wrap; }
.codes .listBox .brand li .nameTag { width: 100px; text-align: center; }
.codes .listBox .brand li .inputTag { width: calc(100% - 100px); }
.codes .listBox .brand li .inputTag input { margin-left: 3px; width: 39%; max-width: 173px; text-align: center; }
.codes .listBox .brand li .inputTag .detaile { padding: 3px 7px; margin-left: 3px; }
.codes .listBox .brand li .detaileBox { display: none; position: relative; margin-left: 127px; padding: 10px 0 5px; }
/* .listBox .brand li:first-child .detaileBox { display: block; } */
.listBox .brand li .detaileBox::before { content: ""; position: absolute; top: 10px; left: -19px; border-bottom: 1px solid #999; border-left: 1px solid #999; width: 8px; height: 8px; }
.listBox .brand li .detaileBox div { display: inline-block; margin-right: 10px; }
.buttonBox { padding: 12px 0 15px 0; text-align: center; position: relative; }
.buttonBox > a, .admin .buttonBox .blue { background: #2F6DFC; display: inline-block; padding: 8px 20px 6px; color: #fff; border-radius: 50px; margin-bottom: 5px; font-size: 15px; }
.buttonBox span a, .admin .buttonBox .gray, .buttonBox .submit { background: #eee; display: inline-block; padding: 5px 10px; border-radius: 20px; margin-bottom: 5px; }
.buttonBox .right { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.buttonBox .left { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }

.editBox ul { border-top: 2px solid #ccc; }
.editBox ul li { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; padding: 8px 0; border-bottom: 1px solid #ccc; }
.editBox ul li .title { width: 100px; text-align: center; font-weight: bold; }
.editBox ul li input[type="text"] { background: #e8f2fc; }
/*.editBox .full input[type="text"] { width: 100%; }*/
.editBox .desc { color: #666; }
.editBox .notice { color : #2F6DFC; display: inline-block; padding-top: 3px;  }

.defineBox dt { font-weight: bold; padding-top: 17px; float: left; padding-right: 10px; }
.defineBox dt a { font-weight: bold; }
.defineBox dd { border-bottom: 1px solid #eee; padding: 17px 0 17px 100px;}
.defineBox dd a { padding-right: 10px; }

.codes .searchBox span { background: #fbfbfb; border: 1px solid #cacfd5; padding: 2px 12px; border-radius: 3px; color: #474747; }
.codes .searchBox a {background: #2F6DFC; color: #fff; padding: 2px 12px; border-radius: 3px; position: absolute; bottom: 10px; right: 0px; }
.match .searchBox { background: #2F6DFC; color: #fff; width: 100%; padding: 10px; }
.match .buttonBox.right { margin: 10px 0; text-align: right; }

@media screen and (min-width: 700px) {
	.codes .listBox { overflow-x: hidden; }
	.headBox .frame h3 { width: 200px; }
	.headBox .frame .linkBox { width: calc(100% - 200px); }
	.listBox .trim li .title span { padding-right: 30px; }
	.listBox .trim li .top { padding: 5px 0; }
	.listBox .trim li .top::before { left: 36px; }
	.listBox .trim li .top .title { width: calc(100% - 330px); }
	.listBox .trim li .top .title span:first-child { margin-left: 60px; }
	.listBox .trim li .top .data { width: 330px; }
	.listBox .trim li .top .data span, .listBox .trim li .top .data input[type="text"] { width: 103px; }
	.listBox .trim li .option li { padding: 5px 0; margin-left: 30px; }
	.listBox .brand li .nameTag { width: 200px; }
	.listBox .brand li .inputTag { width: calc(100% - 200px); }
	.listBox .brand li .inputTag input { margin-left: 5px; }
	.listBox .brand li .inputTag .detaile { padding: 3px 16px; margin-left: 7px; }
	.editBox dd { word-break: keep-all; }
}
@media screen and (min-width: 1000px) {
	.listBox .trim li .option li .title { width: calc(100% - 440px); }
	.listBox .trim li .option li .data { width: 440px; }
	.listBox .trim li .option li .data input[type="text"] { width: 103px; margin-bottom: 0; }
}

/* 현황 조회 */
.requestBox { padding: 10px 0; }
.requestBox .filterBox { background: #f9f9f9; padding: 30px 35px; margin-top: 15px; }
.requestBox .filterBox ul { display: flex; flex-wrap: wrap; flex-direction: row; margin-top: 10px; gap: 10px; }
.requestBox .filterBox ul li { width: 100%; margin-bottom: 10px; }
.requestBox .filterBox .product { display: flex; flex-wrap: wrap; flex-direction: row; gap: 6px; justify-content: flex-start; }
.requestBox .filterBox .product button { width: 32%; max-width: 130px; padding: 8px 0px; margin-left: -1px; background: transparent; border: 1px solid #ccc; border-radius: 5px; }
.requestBox .filterBox .product button.on { border: 1px solid #2F6DFC; background: #EDF6FD; color: #2F6DFC; position: relative; }
.requestBox .filterBox .period .term { display: flex; gap: 15px; }
.requestBox .filterBox ul li .search { display: flex; }
.requestBox .filterBox ul li .search select { margin-bottom: 0; padding: 6px; border-radius: 5px 0 0 5px; width: 130px; }
.requestBox .filterBox ul li .search select:active { border-bottom: 1px solid #2F6DFC; border-radius: 5px 5px 0 0; }
.requestBox .filterBox ul li .search input[type="text"] { margin-left: -1px; border-radius: 0 5px 5px 0; width: 170px; }
.requestBox .filterBox ul li .search input[type="text"]:hover, .requestBox .filterBox ul li .search input[type="text"]:active { border-radius: 0 5px 0 0; }
.requestBox .filterBox ul li .search button { padding: 0 13px; background: #2F6DFC; color: #fff; margin-left: 5px; }
.requestBox .filterBox ul .period > div:not(.term) { display: inline-block; margin-bottom: 10px; }
.requestBox .filterBox ul .period .term .dates { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 5px; }
.requestBox .filterBox ul .period .term .dates select { padding: 10px 4px; margin-bottom: 6px; }
.requestBox .filterBox button.search { background: #2F6DFC; color: #fff; padding: 8px 20px; margin: 0 2px; border-radius: 5px; }
.requestBox .filterBox button.search:hover { background: #1E59E2; }
.requestBox .filterBox ul li span { margin-right: 10px; }
.requestBox .filterBox ul li .term button { background: transparent; border: 1px solid #ccc; padding: 10px 15px; margin-top: 0px; margin-right: 3px; border-radius: 5px; }
.requestBox .filterBox ul li .term button, .requestBox .filterBox ul li .term input { margin-bottom: 5px; }
.requestBox .filterBox ul li .term .dateBox input[type=date] { width: 120px; margin-bottom: 5px; padding: 8px 5px; }
.requestBox .filterBox ul li .term > select {padding: 10px 4px 10px 4px; margin: 0 5px 5px 5px;}
.requestBox .filterBox ul li .term .dateBox { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: flex-start; gap: 5px; }
.requestBox .filterBox ul li .term button.on { background: #EDF6FD; border: 1px solid #2F6DFC; color: #2F6DFC; }
.requestBox .filterBox ul li .date button { padding: 5px 13px; background: #2F6DFC; color: #fff; margin-left: 5px; }
.requestBox .stepBox { margin-top: 25px; }
.requestBox .stepBox ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.requestBox .stepBox ul li { flex-grow: 1; text-align: center; border: 1px solid #e6e6e6; border-left: none; border-radius: 0; }
.requestBox .stepBox ul li:first-child:not(.on) { border-radius: 5px 0 0 5px; }
.requestBox .stepBox ul li:last-child:not(.on) { border-radius: 0 5px 5px 0; }
.requestBox .stepBox ul li { flex-grow: 1; text-align: center; border: 1px solid #e6e6e6; border-left: none; border-radius: 0; }
.requestBox .listBox > ul { text-align: left; }
.requestBox .listBox > ul > li { position: relative; overflow: hidden; }
.requestBox .listBox > ul > li:hover { background: #f4f9ff; }
.requestBox .listBox ul li span a { border: 0px; padding: 3px 9px; margin-top: -4px; display: inline-block; }
.requestBox .stepBox > ul > li:hover { color: #e6e6e6; font-weight: bold; }
.requestBox .stepBox ul li:first-child { border-left: 1px solid #ccc; }
.requestBox .stepBox ul li.on { background: #2F6DFC; border: 1px solid transparent; border-radius: 5px; }
.requestBox .stepBox ul li a { display: block; width: 100%; height: 100%; padding: 10px 0; font-size: 16px; }
.requestBox .stepBox ul li a:hover { color: #a0a0a0; }
.requestBox .stepBox ul li.on a { color: #fff; }
/* .requestBox .stepBox ul li a span { display: block; margin-left: 0; } */
.requestBox .subStepBox { margin-top: 20px; border-bottom: 2px solid #000; }
.requestBox .subStepBox ul { display: flex; flex-wrap: wrap; align-items: center; }
.requestBox .subStepBox ul li { margin-left: -1px; border: 1px solid #ccc; border-bottom: 0 none; }
.requestBox .subStepBox ul li:first-child { margin-left: 0; }
.requestBox .subStepBox ul li button { width: 100%; margin-bottom: 0; padding: 10px 15px; background: #f7f7f7; border-bottom: none;  }
.requestBox .subStepBox ul li button:hover { color: #a0a0a0;  }
.requestBox .subStepBox ul li button span{ margin-left: 10px; }
.requestBox .subStepBox ul li.on { border: 1px solid #2F6DFC; border-bottom: 0 none; }
.requestBox .subStepBox ul li.on button { background: #EDF6FD; color: #2F6DFC; font-weight: bold; }
.requestBox .listBox ul li { border-bottom: 1px solid #ccc; padding-top: 10px; }
.requestBox .listBox ul li span { margin-right: 10px; }
.requestBox .listBox ul li .state { color: #2F6DFC; padding-left: 20px; }
.requestBox .listBox ul li .cnt b { color: #2F6DFC; }
.requestBox .listBox .list > li > .no { margin-left: 15px; }
.requestBox .listBox ul li span a { display: inline-block; padding: 4px 16px; margin-top: -4px; background: #2F6DFC; border-radius: 10px; color: #fff; text-decoration: none; }
.requestBox .stepBox ul li a span { margin-left: 12px; }
.requestBox .listBox ul li span a:hover { background: #1E59E2; }
.requestBox .listBox ul li .fincList { background: #f1f1f1; margin-top: 6px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; }
.requestBox .listBox ul li .fincList li { margin-left: 20px; padding: 5px 0; border-bottom: none; }
.requestBox .listBox ul li .confirmBox { margin: 7px 0 20px; }
.requestBox .listBox .save { display: block; width: 100%; height: 100%;  margin: 0; padding: 0; background: transparent; text-align: left; }
.requestBox .listBox .save.open { height: 60%; }
.requestBox .listBox .saveBar { padding: 10px 10px 14px 10px; }
.requestBox .listBox .saveBar .bar { display: flex; justify-content: space-between; }
.requestBox .listBox > ul > li:hover .saveBar { font-weight: bold; }
.requestBox .listBox .saveBar .memo { color:#ed1652; }
.requestBox .listBox .detail { padding: 10px 0; border-top: 1px solid #2F6DFC; }
.requestBox .listBox .detail div { padding: 0 10px; display: flex; }
.requestBox .listBox .detail .vehicle { display: flex; flex-direction: column; flex-wrap: wrap; gap: 10px; }
.requestBox .listBox .detail .price .cnt { font-weight: bold; font-size: 15px; color: #0067B4; }
.requestBox .listBox .detail .links { padding: 10px; text-align: center; display: block; }
.requestBox .listBox .detail .links button { display: block; }
.requestBox .listBox .detail .links button.disabled { background: gray; color: #fff; }
.requestBox .listBox .detail .links .btnEstmConfirm { display: inline-block; width: auto; padding: 5px 10px; margin: 5px 0; border-radius: 20px; background: #eee; }
.requestBox .listBox .detail .links a, .requestBox .listBox .detail .links button { display: inline-block; padding: 10px 20px; border-radius: 20px; margin-bottom: 5px; margin-right: 6px; background: #2F6DFC; color: #fff; }
.requestBox .listBox .detail .links a:hover, .requestBox .listBox .detail .links button:not(.disabled):hover { background: #1E59E2; }
.requestBox .listBox .detail .links button.del {  position: absolute; right: 0; bottom: 20px; background: #666666; }

.requestBox .listBox .detail .vehicle div .title { width: 100px; display: inline-block; font-weight: 600; }
.requestBox .listBox .detail .vehicle div .cnt { width: calc(100% - 100px); display: inline-block;}

.requestBox .listBox .saveBar .bar .del { position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; background: url(/resource/estimate/img/icon-01.png) -251px -13px no-repeat; background-size: 350px 100px; z-index: 10; }

@media screen and (max-width: 799px) {
	.requestBox .filterBox .period .term { flex-direction: column; }
}
@media screen and (max-width: 670px) {
	.requestBox .filterBox ul { flex-direction: column; }
	.requestBox .filterBox ul li .product { justify-content: space-between; }
	.requestBox .filterBox ul li .product button { max-width: none; }
	.requestBox .filterBox { padding: 0;background: #fff; }
	.requestBox .listBox ul li span.state { display: block; text-align: right; }
	.requestBox .filterBox ul li .term .buttons { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: space-between; }
	.requestBox .filterBox .product { justify-content: space-between; }
	.requestBox .filterBox .product button { max-width: none; }
	.requestBox .filterBox ul li .search input[type="text"] { width: calc(100% - 130px); }
	.requestBox .filterBox ul li .term button { width: 32%; padding: 10px 0; }
	.requestBox .filterBox ul li .term > select { margin: 0 5px 5px 0; }
	.requestBox .listBox .detail .links a, .requestBox .listBox .detail .links button { padding: 5px 10px;}
	.requestBox .listBox .saveBar .model { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start; }
	.requestBox .listBox .detail .links button.del { position: relative; bottom: inherit; right: inherit;}
	.requestBox .stepBox ul li a span { display: block; margin-left: 0; }
	.requestBox .subStepBox ul li button { padding: 10px 6px; }
	.requestBox .subStepBox ul li button span { margin-left: 2px; }

}
@media screen and (max-width: 350px) {
	.requestBox .filterBox ul li .search { flex-wrap: wrap; }
	.requestBox .filterBox ul li .search select { margin-left: -1px; }
	.requestBox .filterBox ul li .search input[type="text"] { width: calc(100% - 130px); }
	.requestBox .filterBox ul li .term .dateBox { width: 100%; }
	.requestBox .filterBox ul li .date { display: flex; align-items: center; }
}
@media screen and (max-width: 300px) {
	.requestBox .filterBox ul li .term .dateBox { gap: 0; }
}
@media screen and (min-width: 670px) {
    .requestBox .subStepBox ul li button { padding: 10px 35px; }
    .requestBox .listBox .list > li > .no { margin-left: 35px; }
}


/* 페이지 */
.pageBox { margin-top:10px; text-align:center; }
.pageBox button { border:0; padding:5px 10px; position:relative; background: transparent; }
.pageBox button:hover {background:#f8f8f8;}
.pageBox button.now { font-weight:bold; color:#ed1652; }
.pageBox .first, .pageBox .prev, .pageBox .next, .pageBox .last { width:30px; height:30px; }
.pageBox .first:after { content:"《"; position:absolute; top:0; left:0; width:30px; height:30px; line-height:28px; }
.pageBox .prev:after { content:"〈"; position:absolute; top:0; left:0; width:30px; height:30px; line-height:28px; }
.pageBox .next:after { content:"〉"; position:absolute; top:0; left:0; width:30px; height:30px; line-height:28px; }
.pageBox .last:after { content:"》"; position:absolute; top:0; left:0; width:30px; height:30px; line-height:28px; }
.pageBox .first span, .pageBox .prev span, .pageBox .next span, .pageBox .last span { overflow:hidden; position:absolute; width:0; height:0; line-height:0; text-indent:-9999px; }

/* 팝업 */
.layerPopup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; }
.layerPopup .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000;  opacity: .7; filter: alpha(opacity=50);}
.layerPopup .frame { position: absolute; top: 50%; left: 50%; min-width:300px; height: auto; background-color: #fff; z-index: 1100;}
.layerPopup .head {	position:relative; background:#fff; padding:8px 40px 8px 5px; border-bottom: 1px solid #e6e6e6; }
.layerPopup .head h3{ font-size: 22px; color: #303030; font-weight: 900; text-align: left; }
.layerPopup .head .btnClose { position: absolute; right: 10px; top: 15px; width: 40px; height: 40px; background: url(/resource/estimate/img/icon.png) -105px -5px no-repeat; background-size: 300px 300px; font-size: 0px; line-height:0; text-indent:-9999px; }
.layerPopup .content { padding: 0px; }
.layerPopup .content > form, .layerPopup .content > div:not(.stepBox) { padding: 15px; }
.layerPopup .content .alert { text-align: center; }
.infoPopup pre {overflow: auto; color: #666; line-height: 1.5; margin: 0; white-space: pre-wrap; word-wrap: break-word; box-sizing: border-box; font-size: 12px;}
.layerPopup .editBox dl { border-top: none; }
.loadingPopup { display: none; position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 200; }
.loadingPopup .dimBg {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #000;  opacity: .5;  filter: alpha(opacity=50);}
.loadingPopup .frame .loader-container .loading-text{ color: #fff; }
.layerPopup .head { background: #fff; color: #313131; text-align: center; padding: 8px; }
.layerPopup .content .alert { color: #000; font-weight: normal; padding: 20px 10px 0 10px; }
.layerPopup .content .buySectBox h4.title { color: #2F6DFC; font-size: 14px; font-weight: normal; margin-bottom: 8px; }
.layerPopup .content .buySectBox ul li { color: #555; }
.layerPopup .content .editBox .small input { margin-right: 5px; width: calc(100% - 50px); max-width: 180px; }
.layerPopup .content .editBox .full input { width: 100%; }
.layerPopup .content .editBox textarea { width: 100%; height: 100px; }
.layerPopup .content .buySectBox .listY { padding: 15px 8%; }
.layerPopup .content .buySectBox .listN { display: flex; margin: 30px 0; }
.layerPopup .content .buySectBox .listN > div { width: 50%; border-left: 1px solid #e5e5e5; padding: 0 2% 0 6%; }
.layerPopup .content .buySectBox .listN > div:first-child { border-left: none; }
.layerPopup .content .buySectBox .caution { font-size: 15px; padding: 0 10px 10px 10px; color: #2F6DFC; text-align: center; }
.layerPopup .content .buttonBox { padding: 20px 10px; }
.layerPopup .content .buttonBox button { background: #2F6DFC; color: #fff; padding: 6px 25px; border-radius: 50px; margin: 0 2px; }
.layerPopup .content .buttonBox button:hover { background: #1E59E2; }
.layerPopup .content .buttonBox button.close, .layerPopup .content .buttonBox button.btnClose { background: #4c4c4c; }
.layerPopup .content .buttonBox button.gray { background: #d9d9d9; color: #fff; }
.layerPopup .content > form, .layerPopup .content > div:not(.stepBox) { padding: 30px 40px; }
.layerPopup .cmSearchBox .search span { margin-right: 15px; }
.layerPopup .cmSearchBox .search input { border: 1px solid #d1d1d1; background: #e8f2fd; padding: 3px 5px; width: 150px; }
.layerPopup .cmSearchBox .search button { background: #cb2b11; color: #fff; padding: 4px 11px; margin-left: 5px; }
.layerPopup .inputBox { margin: 20px 0; }
.layerPopup .inputBox .inputList li { display: flex; flex-wrap: wrap; align-items: center; }
.layerPopup .inputBox .inputList .wrapBox { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; }
.layerPopup .inputBox .inputList .wrapBox input { width: 48%; }
.layerPopup .inputBox .inputList .wrapBox select { margin-top: 5px; }
.layerPopup .inputBox .inputList .inputBody input::placeholder { color: #a7a7a7; }
.layerPopup .inputBox .inputList .buildBox label input { width: 0; }
.layerPopup .inputBox .inputList .tel input { width: 32%; margin-left: 1px; }
.layerPopup .inputBox .inputList .tel input:first-child { margin-left: 0; }
.layerPopup .inputBox .inputList .email input { width: calc(50% - 10px); }
.layerPopup .inputBox .inputList .email span { width: 20px; display: inline-block; text-align: center; }
.layerPopup .inputBox textarea { width: 100%; resize:none; }
.layerPopup .inputBox .sub.inputList .inputHead { width: 100%; }
.layerPopup .addBox { margin-bottom: 20px; text-align: center; }
.layerPopup .addBox button { display: inline-block; padding: 2px 10px; background: #fff; border: 1px solid #2F6DFC; color: #2F6DFC; }

.layerPopup .inputBox .inputList input[name='crno1'] { width : 46%; }
.layerPopup .inputBox .inputList input[name='crno2'] { width : 48%; }
.layerPopup .inputBox .inputList input[name='bzno1'], .layerPopup .inputBox .inputList input[name=bzno3] { width : 38%; }

.layerPopup .shareBox .button { display: flex; flex-wrap: wrap; justify-content: space-between; }
.layerPopup .shareBox .button > * { background: #2F6DFC; color: #fff; width: calc((100% - 40px)/5); text-align: center; padding: 5px 0; border-radius: 3px; }
.layerPopup .shareBox .url { margin-top: 20px; display: flex; flex-wrap: wrap; align-items: center; }
.layerPopup .shareBox .url input { width: calc(100% - 26%); margin-right: 1%; }
.layerPopup .shareBox .url button { width: 25%; background: #2F6DFC; color: #fff; padding: 3px 0; border-radius: 3px; }

.layerNotice { display: none; position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1200; }
.layerNotice .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .7; filter: alpha(opacity=50); }
.layerNotice .frame { position: absolute; top: 50%; left: 50%; min-width:300px; height: auto; background-color: #fff; z-index: 1200; }
.layerNotice .content { position: relative; padding-bottom: 50px; }
.layerNotice .content div, .layerNotice .content span { font-size: 15px; }
.layerNotice .content .cont { padding: 30px 15px; text-align: center; }
.layerNotice .content .foot { position: absolute; left: 0; bottom: 0; height: 40px; width: 100%; background: #ccc; }
.layerNotice .content .foot button { width: 100%; height: 40px; text-align: center; border: 0; font-size: 18px; color: #fff; background: #2F6DFC; }
.layerNotice .content .foot.btn2 button { width: 50%; }
.layerNotice .content .foot.btn2 button.cancel { background: #1b2839; }
.layerNotice .content .cont em, .layerNotice .content .cont .error { color: #ff7a00; font-style: normal; }
.layerNotice .content .cont .title { border-bottom: 1px solid #a9a9a9; padding-bottom: 8px; margin-bottom: 8px; }

.layerNotice .content .buttonBox { padding: 20px 10px; }
.layerNotice .content .buttonBox button { background: #2F6DFC; color: #fff; padding: 6px 25px; border-radius: 50px; margin: 0 2px; }
.layerNotice .content .buttonBox button.close, .layerPopup .content .buttonBox button.btnClose { background: #4c4c4c; }
.layerNotice .content .buttonBox button.gray { background: #d9d9d9; color: #fff; }


/* 메인 */
.deskBox .naviBox { display: flex; flex-wrap: wrap; align-items: center; gap: 5px; /* width: 50%; */ }
.deskBox .stepSave ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.deskBox .stepSave ul li { flex-grow: 1; text-align: center; }
.deskBox .stepSave ul li.on:after { content: ""; width: 100%; border-bottom: 2px solid #6b5f5b; }
.deskBox .stepSave ul li a { display: flex; justify-content: space-around; align-items: center; flex-direction: column; margin: 10px 0; min-height: 40px; }
.deskBox .stepSave ul li a span.title { font-size: 15px; text-align: center; display: inline-block;  }
.deskBox .stepSave ul li a span.count { font-size: 20px; font-weight: bold; color: #2F6DFC; text-align: center; display: inline-block;  }
.deskBox .stepSave ul li.dis a span.title, .stepSave ul li.dis a span.count { color: #aaa;  }
.deskBox .stepSave ul li:not(:first-child) a:before  { content: ""; position: absolute; top: 0; left: 0; height: 40px; border-left: 1px solid #adadad; }
.deskBox .stepSave ul:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; }

@media screen and (min-width: 600px) {
	.deskBox .stepSave ul li a { flex-direction: row;}
	.stepSave ul li a span.count { font-size: 24px; }
}

.deskBox nav ul { display: flex; }
.deskBox nav ul li { width: 25%; padding: 10px;  border: 1px solid #ddd; text-align: center; }
.deskBox nav ul li:hover { background: rgba(38,52,273,0.6); }
.deskBox nav ul li a { display: block; width: 100%; height: 100%; }
.deskBox .menuDesk .ing { position: relative; }
.deskBox .menuDesk .ing a { line-height: 40px; padding-bottom: 10px; }
.deskBox .menuDesk .ing::before { content:"(준비중)"; position: absolute; bottom: 3px; left: 0; width: 100%; text-align: center; font-size: 12px; color: #fff; z-index: 10;}
.deskBox .menuDesk .not { position: relative; }
.deskBox .menuDesk .not a { line-height: 40px; padding-bottom: 10px; }
.deskBox .menuDesk .not::before { content:"(이용제한)"; position: absolute; bottom: 3px; left: 0; width: 100%; text-align: center; font-size: 12px; color: #fff; z-index: 10;}
.deskBox .boardBox { display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; justify-content: space-around; margin-top: 30px;}
.deskBox .boardBox .box { width: 100%; padding: 10px 0; }
.deskBox .boardBox .box .title { position: relative; display: block; padding: 5px 0; }
.deskBox .boardBox .box .title a { display: block; width: 100%; font-size: 18px; font-weight: bold; }
.deskBox .boardBox .box .title a::after { content: "전체보기"; position: absolute; bottom: 5px; right: 10px; font-size: 14px; color: #ccc; }
.deskBox .boardBox ul { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; border-top: 1px solid #000;}
.deskBox .boardBox ul li { position: relative; padding: 10px 0px 10px 15px; border-bottom: 1px solid #ccc; width: 100%; box-sizing: border-box;}
.deskBox .boardBox ul li::before { content:""; position: absolute; top: 50%; margin-top: -3px; left: 0; width: 6px; height: 6px; background: #2F6DFC;}
.deskBox .boardBox ul li.point .subject{ color: #2F6DFC; }
.deskBox .boardBox ul li .subject{ float: left; width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; }
.deskBox .boardBox ul li .date{ float: right; width: 30%; color: #2F6DFC; text-align: right; }

.stepSave ul li.loan a:before { content: ""; position: absolute; top: 0; right: 0; height: 40px; border-left: 1px solid #adadad; }
.stepSave2 { margin-top: 20px; }
.stepSave2 ul { display: flex; border: 1px solid #adadad; }
.stepSave2 ul li { width: 33.3%; }
.stepSave2 ul li + li a { border-left: 1px solid #adadad; }
.stepSave2 ul li a { display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center; flex-direction: column; min-height: 40px; margin: 10px 0; }
.stepSave2 ul li a span { display: inline-block; text-align: center; }
.stepSave2 ul li a span.title { font-size: 15px; }
.stepSave2 ul li a span.count { font-size: 20px; font-weight: bold; color: #0067B4; }
.stepSave2 ul:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}
@media screen and (min-width:700px){
	.deskBox .boardBox { flex-direction: row; }
	.deskBox .boardBox .box { width: 50%; padding: 30px 20px; box-sizing: border-box; }
}
@media screen and (min-width: 600px){
	.stepSave2 ul li a { flex-direction: row; }
	.stepSave2 ul li a span.count { font-size: 24px; }
}

/* eventCarBox */
.eventCarBox {display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row;}
.eventCarBox li { display: flex; margin: 20px; cursor: pointer; }
.eventCarBox li .name { display: flex; flex-direction: column; text-align: left; font-size: 16px; }
.eventCarBox li .button { display: flex; flex-direction: row; flex-wrap: wrap; margin-top: 10px; text-align: left;}
.eventCarBox li .button .promotion {border: 2px solid #2F6DFC; padding: 5px; color: #2F6DFC; border-radius: 20px; padding: 5px 10px;}
.eventCarBox li .button .event {border: 2px solid #D71921; padding: 5px; color: #D71921; border-radius: 20px; padding: 5px 10px;}
/* li 갯수에 따른 반응형 스타일 */
.eventCarBox:has(li:only-child) .text { width: 300px; }
.eventCarBox:has(li:nth-child(2):last-child) .text { width: 250px; }
.eventCarBox:has(li:nth-child(3):last-child) .text { width: 200px; }
.eventCarBox:has(li:only-child) .image img { max-width: 400px; }
.eventCarBox:has(li:nth-child(2):last-child) .image img { max-width: 240px; }
.eventCarBox:has(li:nth-child(3):last-child) .image img { max-width: 160px; }

@media screen and (max-width: 768px){
	.eventCarBox:has(li:nth-child(3):last-child) .image img { max-width: 100%; }
}
@media screen and (max-width: 640px){
	.eventCarBox:has(li:nth-child(2):last-child) .image img { max-width: 240px; }
}


/* 대출실행관리 */
.submitBox { border-top: 2px solid #000;  }
.submitBox li { padding: 10px 5px; }
.submitBox .buttons { text-align: center; }
.submitBox .buttons button { background: #2F6DFC; color: #fff; display: inline-block; padding: 5px 10px; margin: 5px 2px; border-radius: 20px; }
.submitBox .buttons button:not(.disabled):hover { background: #1E59E2; }
.submitBox .buttons button.disabled { background: gray; color: #fff; display: inline-block; padding: 5px 10px; margin: 0px 2px; border-radius: 20px; }

/* 업종검색 */
.contractBox .resultList .num { width: 10%; text-align: center; }
.contractBox .resultList .code { width: 15%; text-align: center; }
.contractBox .resultList .name { width: 75%; text-align: center; }

/* 직업검색 */

.jobListBox .kindList, .jobListBox .infoList, .jobListBox .roleList { width: 100%; height: 200px; padding: 0 5px; overflow-y: scroll; }
.jobListBox .kindList li button, .jobListBox .infoList li button, .jobListBox .roleList li button { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; width: 100%; margin-bottom: 2px; padding: 2px 0; }
.jobListBox .num { width: 25%; text-align: center; }
.jobListBox .code { width: 25%; text-align: center; }
.jobListBox .name { width: 50%; text-align: center; }
.jobListBox .searchList { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px; }
.jobListBox .searchList .index { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-around; }
.jobListBox .searchList .box { width: calc(33% - 20px); }

/* 게시판 */
.boardBox, .boardList { padding: 10px 0; }
.boardBox .boardHead { margin-top: 15px; }
.boardBox .listBox .boardHead { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.boardBox .listBox .boardHead button { padding: 8px 20px; }
.boardBox .listBox .searchBox input[name=searchWord] { border-radius: 5px; width: 170px; }
.boardBox .listBox .searchBox input[name=searchWord]:active { border-radius: 5px 5px 0 0; }
.boardBox .listBox .searchBox input[name=searchWord]:focus { border-radius: 5px 5px 0 0; }
.boardBox .listBox .boardList_body { border-bottom: 1px solid #f0f0f0; }
.boardList .title { width: 70%; }
.boardList .view { width: 10%; text-align: center; }
.boardList .date { width: 20%; text-align: center; }
.boardList ul { display: flex; flex-direction: row; justify-content: space-between; }
.boardList_head { border-bottom: 1px solid #f0f0f0; }
.boardList_head ul { padding: 16px; background: #fff; border-top: 1px solid #303030; }
.boardList_head ul li { position: relative; padding: 0 10px;  text-align: center; font-weight: 600; }
.boardList_head ul li + li:after { content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 16px; margin-top: -8px; background: #e6e6e6; }
.boardList_body ul { flex-direction: column; }
.boardList_body ul li:hover { font-weight: bold; background: #f4f9ff; }
.boardList_body ul li a, .boardList_body ul li button { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 10px 5px;}
.boardList_body ul li button { width:100%; margin-bottom: 0; padding: 10px; }
.boardList_body ul li a span { padding: 0 10px; }
.boardList_body li .content { display: none; padding: 20px 10px; } 
.boardList_body .title { overflow: hidden; text-overflow: ellipsis;} 
 
.paging_box { display: flex; flex-direction: row; justify-content: center; }
.paging_box ul { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.paging_box ul li { margin: 0 5px; }

.paging { display: flex; justify-content: center; align-items: center; margin: 20px 0; gap: 5px; }
.paging a { padding: 8px 11px; border: 1px solid #ddd; text-decoration: none; color: #333; border-radius: 4px; cursor: pointer; }
.paging a:hover { background-color: #f5f5f5; }
.paging a.active { background-color: #2F6DFC; color: white; border-color: #2F6DFC; }
.paging .disabled { color: #ccc; cursor: not-allowed; }

/* 공지사항 */
.boardHead .info { display: flex; flex-direction: row; justify-content: space-between; border-top: 1px solid #303030; }
.boardHead .info ul { width: 100%; }
.boardHead .info .title { font-weight: bold; font-size: 20px; }
.boardHead .info .date { font-weight: bold; font-size: 16px; }
.boardHead .info .table { display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: 5px; border-bottom: 1px solid #ddd; align-items: center; }
.boardHead .info .table .thead { width: 80px; padding: 5px; }
.boardHead .info .table .tbody { padding: 5px; }
.boardHead .info .table .tbody label + label { margin-left: 10px; }
.boardHead .info .top { padding: 10px 0; border-top: 1px solid #f3f4f8; }
.boardHead .info li.top { padding: 30px 20px 10px; }
.boardHead .info .top .table { justify-content: space-between; margin-bottom: 0; border-bottom: 0 none; }
.boardHead .info .top .table .tbody { width: 100%; }
.boardHead .info .top .attaches { margin-top: 30px; }
.boardHead .info .top input[name=title] { width: 100%; }
.boardHead .attaches .files a:hover { color:#2F6DFC; }

.boardBody { padding: 20px 0; }
.boardBody .contentBox { margin-bottom: 20px; padding: 50px 20px; border-top: 1px solid #f3f4f8; }
.boardBody .contentBox p { word-break: break-all; }

@media screen and  (max-width: 720px) {
	.boardBox .listBox .boardHead { display: block; }
	.boardBox .listBox .boardHead input[name=keyword] { margin-right: -5px; }
	.boardBox .listBox .boardHead .buttons { padding: 5px 0 10px; }
	.boardList .view { width: 40px; }
	.boardList .date { width: 130px; }
	.boardHead .info .table .thead { width: auto; }
	.boardHead .info .table .tbody label + label { margin-left: 0; }
}
@media screen and  (max-width: 330px) {
	.boardHead .info ul li .table { padding: 0 5px; }
	.boardHead .info ul li .tbody { padding: 0; }
}

/* F&Q 게시판 */
.boardBox .faqList ul > li .title { position: relative; border-top: 1px solid #303030; }
.boardBox .faqList ul > li .title:after { content: ""; position: absolute; top: 5px; right: 8px; width: 30px; height: 30px; background: url(/resource/estimate/img/icon-01.png) -60px -10px no-repeat; background-size: 300px 100px; }
.boardBox .faqList ul > li .title:hover:after { background: url(/resource/estimate/img/icon-01.png) -60px -60px no-repeat; background-size: 300px 100px; }
.boardBox .faqList ul > li.open .title { border-bottom: 1px solid #f0f0f0; }
.boardBox .faqList ul > li.open .title:after { background: url(/resource/estimate/img/icon-01.png) -10px -10px no-repeat; background-size: 300px 100px; }

/* 로딩바 컨테이너 */
.loader-container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; }

/* 로딩바 스타일 */
.loader { width: 100px; height: 100px; border: 8px solid #f3f3f3; border-radius: 50%; border-top: 8px solid #3498db; animation: spin 1s linear infinite; }

/* 회전 애니메이션 */
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* 로딩 텍스트 */
.loading-text { text-align: center; color: #333; margin-top: 10px; font-family: Arial, sans-serif; font-size: 14px; }

/* 팝업스타일(컨펌박스) 추가 */
#frameNotice .content:has(> .comfirmbox){height: auto !important; padding: 30px 0; }
#frameNotice:has(.comfirmbox){text-align: center; }
#frameNotice:has(.comfirmbox) p{font-size:17px; }

/* 공지팝업 추가 */
.layerPopup:has(.content .mainNotice) .head h3{color:#2F6DFC ; }
.mainNotice .inputBox .inputList li{justify-content: space-between; }
.layerPopup .mainNotice .buttonBox{padding-left:0; padding-right:0; margin-top:20px; position: relative;
    top: 30px; }
.mainNotice .buttonBox .inputList .inputHead{width:auto; margin:0; }
.mainNotice .buttonBox .inputList .inputBody{width:auto; margin:0; }
.layerPopup .mainNotice .noticeCont p{font-size:16px; }