@charset "utf-8";

/* form[class^="form-"] {border:1px solid red;} */

form[class^="form-"] .inputWrap input[type="text"],
form[class^="form-"] .inputWrap input[type="password"],
form[class^="form-"] .inputWrap select,
form[class^="form-"] .inputWrap textarea {border:1px solid #e5e5e5 !important; border-radius:3px; height:34px !important; padding:6px 12px; font-size:14px; line-height:1.4; color:#555; background-color:#fff !important; background-image:none; width:210px;}

form[class^="form-"] .inputWrap textarea {width:100% !important; height:120px !important;}

form[class^="form-"] .inputWrap select {
	background-image:url(../images/common/select_icon.png) !important;
	background-color:#fff !important;
	background-repeat:no-repeat !important;
	background-position:right center !important;
}

form[class^="form-"] .inputWrap.phone .wrap>* {/* float:left; */ width:30%;}

form[class^="form-"] .inputWrap.email select {width:180px !important;}

input:focus,select:focus,textarea:focus {outline:none !important; border:1px solid #000 !important;}

form[class^="form-"] input::-webkit-input-placeholder {color:#999 !important;} /*크롬,사파리*/
form[class^="form-"] input::-moz-placeholder {color:#999 !important;} /*파폭*/
form[class^="form-"] input::-ms-input-placeholder {color:#999 !important;} /*ie*/

form[class^="form-"] .inputWrap.address .zip {overflow:hidden;}
form[class^="form-"] .inputWrap.address .zip>* {float:left; margin-bottom:5px !important;}

form[class^="form-"] .btn_box ul li a {border-radius:30px;}

.w100 {width:100% !important;}

span.must_01{ padding-left:22px; display:inline-block; line-height:15px; background:url(../images/member/icon_must.gif) no-repeat 9px 2px; }


/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 992px), print {
	
	
	/*매각신청*/
	p.subject {font-size:18px; margin-top:30px; color:#000; margin-bottom:10px;}
	p.subject>span {font-size:13px; color:#999; display:inline-block; margin-left:10px;}
	p.subject.first {margin-top:0;}
	.sell_apply {border-top:1px solid #000 !important; width:100%;}
	.sell_apply .tbody .tr {display:table; width:100%;}
	.sell_apply .tbody .tr>* {display:table-cell;}
	.sell_apply .tbody .tr .th {width:15%; border:1px solid red;}
	.sell_apply .tbody .tr .td {width:35%;}
	.sell_apply .tbody .tr .td.typeColspan3 {width:85%;}
	.sell_apply .tbody .tr .td.typeColspan2 {width:100%;}
	.sell_apply .tbody .tr .th,
	.sell_apply .tbody .tr .td {padding:15px 20px;}
	.sell_apply .tbody .tr .th {background:#f9f9f9; border:1px solid #eee; border-top:0; font-weight:400; font-size:14px; color:#333;}
	.sell_apply .tbody .tr .td {border-bottom:1px solid #eee; font-size:14px; color:#888;}
	.sell_apply .tbody .tr .td>span {display:inline-block; margin-right:20px;}
	.layoutType_basic {margin-top:10px;}
	.layoutType_basic p.tit {display:inline-block; padding:5px 12px; background:#ffaa01; color:#fff; font-size:13px; border-radius:20px; margin-bottom:5px;}
	.layoutType_basic p.num {position:relative; padding-left:30px; color:#888; font-size:13px;}
	.layoutType_basic p.num span {position:absolute; top:0; left:10px; color:#ffa001; font-weight:400;}
	
	.return_wrap {position:relative;}
	.return_btn {display:inline-block; padding:3px 12px; background:#00b2e4; color:#fff !important; border-radius:20px; margin-top:5px;}
	.return_txt {display:none; position:absolute; top:80px; left:40px; z-index:99999;}
	.return_wrap table {width:800px; box-shadow:2px 2px 2px rgba(0,0,0,.05);}
	.return_wrap table tr th {background:#00b2e4 !important; color:#fff !important; border:1px solid #eee; font-weight:400; font-size:14px; padding:10px !important;}
	.return_wrap table tr td {border:1px solid #eee; font-weight:400; font-size:14px; padding:10px !important; text-align:center;}
	
	.typeB {background:#002e7d; display:inline-block; height:34px !important; line-height:34px; font-size:12px; border-radius:3px; padding:0 10px; color:#fff !important;}
	.check_text {font-size:13px; font-weight:400; color:#000;}
	.sell_apply .inputWrap p {font-size:12px; color:#999; line-height:1.4;}
	
	div[class^="sell-agree"] {background:#eee; padding:20px; color:#444; border:1px solid #e5e5e5; text-align:center;}
	.sell-agree-part1 {margin-bottom:20px;}
	.sell-agree-part2 {margin-top:20px;}
	.fontB {font-weight:400; color:#000;}
	form.form-sell-apply .agree.pc {margin-top:10px;}
	form.form-sell-apply label.lastAgree {margin-top:5px;}
	form.form-sell-apply label.lastAgree span {font-size:15px;}
	
	p.must {margin-bottom:10px; font-size:15px; color:#000; text-align:right;}
	span.i_check {background:url(../images/common/i_check.png)no-repeat 3px 3px; width:23px; height:23px; display:inline-block; background-size:15px; vertical-align:middle;}
	
	/*자동입력방지*/
	.autoCodeWrap {position:relative;}
	.autoCodeWrap .autoCode {display:inline-block; position:relative; border:0; width:100px; height:34px; line-height:34px; padding:0 12px; vertical-align:top;}
	.autoCodeWrap .autoCode>span {color:#3e9eff; font-weight:bold; font-size:1.2em; font-style:italic;}
	.autoCodeWrap input[type="text"] {width:300px !important;}
	
	/*매각신청확인::검색바*/
	.sell_check_search {position:relative; padding-bottom:30px; margin-top:30px; overflow:hidden;}
	.sell_check_search select {
		padding:6px 25px 6px 8px; font-size:14px; color:#999; height:40px; boder:1px solid #e5e5e5 !important;
		background:url(../images/common/select_icon.png)no-repeat right center !important;
	}
	.sell_check_search .w100 {width:100%;}
	.sell_check_search > div:first-child, .webzine_search > div:last-child {padding-left:0 !important; padding-right:0 !important;}
	.sell_check_search > div .search_kind {width:100%; font-size:14px; color:#666;}
	.sell_check_search > .search_box > input[type="text"] {width:100%; height:40px; border:1px solid #ddd; border-left:0; padding-left:5px; font-size:14px; color:#666; letter-spacing:-1px;}
	.sell_check_search > .search_box .search_btn {position:absolute; top:0; right:0; width:50px; height:40px;}
	.sell_check_search > .search_box .search_btn a {display:block; width:100%; height:100%; background:url(../images/common/icon_search.png) no-repeat 50%;}
	
	/*매각신청확인::테이블*/
	.list_normal .table>tbody>tr>td,
	.list_normal .table>tbody>tr> th,
	.list_normal .table>thead>tr>td,
	.list_normal .table>thead>tr>th {padding:15px 5px; text-align:center; border:0; border-bottom:1px solid #eee;}
	.list_normal .table>thead>tr>th {font-size:12px; font-weight:normal; font-family:"NotoSansKR"; border:0; border-top:1px solid #ccc !important; border-bottom:1px solid #ccc !important; background-color:#f9f9f9; font-size:16px; color:#000;}
	.list_normal .table>tbody>tr {background-color:#ffffff;}
	.list_normal .table>tbody>tr:hover {background-color:#fafafa;}
	.list_normal .table>tbody>tr:first-child>td {border-top:1px solid #333;}
	.list_normal .table .subject {text-align:left !important;}
	.list_normal .table .subject a {display:inline-block; width:100%;}
	/* .list_normal .table .subject a:hover {color:red;} */
	span[class^="cate_"] {display:inline-block; padding:7px 0; width:100px; line-height:1; border-radius:30px; color:#fff; font-size:14px; text-align:center;}
	span.cate_complete {background:#31b327;}
	span.cate_inspection {background:#ffa200;}
	span.cate_sale {background:#002e7d;}
	span.cate_cancle {background:#307af3;}
	
	
	
	/*페이징*/	
	.pagination>li {display:inline;}
	.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left:0;}
	.page_box_normal .pagination .first, .page_box_normal .pagination .next, .page_box_normal .pagination>li:nth-child(3) > a {border-left:1px solid #dedede;}
	.pagination>li>a,
	.pagination>li>span {position:relative; float:left; padding:6px 12px;}
	
	.page_box_normal {position:relative; margin-top:30px; text-align:center;}
	.page_box_normal .pagination {display:inline-block; margin:80px 0 0 !important; text-align:center;}
	.page_box_normal .pagination>li>a {text-align:center; color:#333; border:1px solid #dedede; width:40px; height:40px; line-height:1.6; border-left:0;}
	.page_box_normal .pagination>li>a.active {color:#fff; background:#333 !important; font-weight:normal;}
	.page_box_normal .pagination .first,
	.page_box_normal .pagination .prev,
	.page_box_normal .pagination .next,
	.page_box_normal .pagination .last {color:#333; background-color:#fff;}
	.page_box_normal .pagination .first:hover,
	.page_box_normal .pagination .prev:hover,
	.page_box_normal .pagination .next:hover,
	.page_box_normal .pagination .last:hover {color:#fff;}
	.page_box_normal .pagination .prev {margin-right:10px;}
	.page_box_normal .pagination .next {margin-left:10px;}
	.page_box_normal .pagination .write {display:inline-block; height:40px; line-height:1; margin-left:5px; padding:13px 20px 0 20px;}
	.page_box_normal .pagination .write:hover {background:#333; color:#fff !important;}
	.pagination >li:first-child >a, .pagination>li:last-child>a {border-radius:0;}


	


	
}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	

	
/* form[class^="form-"] .inputWrap.phone>select, */
/* form[class^="form-"] .inputWrap.phone>input { */
	/* float:none; */
	/* width:120px !important; */
/* } */
	
	
	/*매각신청*/
	p.must {margin-bottom:10px; font-size:15px; color:#000; text-align:right;}
	span.i_check {background:url(../images/common/i_check.png)no-repeat 3px 3px; width:23px; height:23px; display:inline-block; background-size:15px; vertical-align:middle;}
	
	p.subject {font-size:18px; margin-top:30px; color:#000; margin-bottom:10px;}
	p.subject>span {font-size:13px; color:#999; display:inline-block; margin-left:0;}
	p.subject.first {margin-top:0;}
	
	.sell_apply {border-top:1px solid #000 !important; width:100%;}
	.sell_apply .tbody .tr {display:inline-block; width:100%;}
	.sell_apply .tbody .tr>* {display:inline-block; width:100%;}
	.sell_apply .tbody .tr .th {}
	.sell_apply .tbody .tr .td {border-right:1px solid #eee; border-left:1px solid #eee;}
	.sell_apply .tbody .tr .th,
	.sell_apply .tbody .tr .td {padding:15px 20px;}
	.sell_apply .tbody .tr .th {background:#f9f9f9; border:1px solid #eee; border-top:0; font-weight:400; font-size:14px; color:#333;}
	.sell_apply .tbody .tr .td {border-bottom:1px solid #eee; font-size:14px; color:#888;}
	.sell_apply .tbody .tr .td>span {display:inline-block; margin-right:20px;}
	
	
	.layoutType_basic {margin-top:10px;}
	.layoutType_basic p.tit {display:inline-block; padding:5px 12px; background:#ffaa01; color:#fff; font-size:13px; border-radius:20px; margin-bottom:5px;}
	.layoutType_basic p.num {position:relative; padding-left:30px; color:#888; font-size:13px;}
	.layoutType_basic p.num span {position:absolute; top:0; left:10px; color:#ffa001; font-weight:400;}
	
	.return_wrap {position:relative;}
	.return_btn {display:inline-block; padding:3px 12px; background:#00b2e4; color:#fff !important; border-radius:20px; margin-top:5px;}
	.return_txt {display:none; position:absolute; top:80px; left:0; z-index:99999;}
	.return_wrap table {width:290px; box-shadow:2px 2px 2px rgba(0,0,0,.05);}
	.return_wrap table tr th {background:#00b2e4 !important; color:#fff !important; border:1px solid #eee; font-weight:400; font-size:14px; padding:10px !important;}
	.return_wrap table tr td {border:1px solid #eee; font-weight:400; font-size:14px; padding:10px !important; text-align:center;}
	
	.typeB {background:#002e7d; display:inline-block; height:34px !important; line-height:34px; font-size:12px; border-radius:3px; padding:0 10px; color:#fff !important;}
	.check_text {font-size:13px; font-weight:400; color:#000;}
	.sell_apply .inputWrap p {font-size:12px; color:#999; line-height:1.4;}
	.sell_apply .inputWrap>span {display:inline-block; width:100%;}
	
	div[class^="sell-agree"] {background:#eee; padding:20px; color:#444; border:1px solid #e5e5e5;}
	.sell-agree-part1 {margin-bottom:20px;}
	.sell-agree-part2 {margin-top:20px;}
	.fontB {font-weight:400; color:#000;}
	form.form-sell-apply .agree.mobile {margin-top:10px;}
	.agree, .privacy {padding:20px !important; margin:0; border:1px solid #e5e5e5; background-color:#f9f9f9; overflow-x:hidden;}
	.agree>pre, .privacy>pre {width:100%; font-size:13px; margin:0; padding:0; font-family:'NotoSansKR' !important; color:#555; line-height:inherit; background:transparent; border:none; word-break:keep-all;}
	form.form-sell-apply label.lastAgree {margin-top:5px;}
	form.form-sell-apply label.lastAgree span {font-size:15px;}
	/*자동입력방지*/
	.autoCodeWrap {position:relative;}
	.autoCodeWrap .autoCode {display:inline-block; position:relative; border:0; width:100px !important; height:34px; line-height:34px; padding:0 12px; vertical-align:top;}
	.autoCodeWrap .autoCode>span {color:#3e9eff; font-weight:bold; font-size:1.2em; font-style:italic;}
	.autoCodeWrap input[type="text"] {width:300px !important;}
	
	/*매각신청확인::검색바*/
	.sell_check_search {position:relative; padding-bottom:30px; margin-top:30px; overflow:hidden;}
	.sell_check_search select {
		padding:6px 25px 6px 8px; font-size:14px; color:#999; height:40px; boder:1px solid #e5e5e5 !important;
		background:url(../images/common/select_icon.png)no-repeat right center !important;
	}
	.sell_check_search .w100 {width:100%;}
	.sell_check_search > div:first-child, .webzine_search > div:last-child {padding-left:0 !important; padding-right:0 !important;}
	.sell_check_search > div .search_kind {width:100%; font-size:14px; color:#666;}
	.sell_check_search > .search_box > input[type="text"] {width:100%; height:40px; border:1px solid #ddd; border-left:0; padding-left:5px; font-size:14px; color:#666; letter-spacing:-1px;}
	.sell_check_search > .search_box .search_btn {position:absolute; top:0; right:0; width:50px; height:40px;}
	.sell_check_search > .search_box .search_btn a {display:block; width:100%; height:100%; background:url(../images/common/icon_search.png) no-repeat 50%;}
	
	/*매각신청확인::테이블*/
	.hidden-xs {display:none !important;}
	.list_normal .table>tbody>tr>td,
	.list_normal .table>tbody>tr>th,
	.list_normal .table>thead>tr>td,
	.list_normal .table>thead>tr>th {padding:15px 5px; text-align:center; border:0;}
	.list_normal .table>tbody>tr {background-color:#fff;}
	.list_normal .table>tbody>tr:hover {background-color:#fafafa;}
	.list_normal .table {border-top:1px solid #333;}
	.list_normal .table>tbody>tr>td {width:100%; float:left; text-align:left; padding-bottom:0px !important;}
	.list_normal .table>tbody>tr>td:last-child {border-bottom:1px solid #eee; padding-bottom:15px !important;}
	.list_normal .table .subject {text-align:left !important;}
	span[class^="cate_"] {display:inline-block; padding:7px 0; width:100px; line-height:1; border-radius:30px; color:#fff; font-size:14px; text-align:center;}
	span.cate_complete {background:#31b327;}
	span.cate_inspection {background:#ffa200;}
	span.cate_sale {background:#002e7d;}
	span.cate_cancle {background:#307af3;}
	.list_normal .table>tbody>tr>td span.mobile {display:inline-block; width:100%; color:#000; font-weight:500;}
	/* .list_normal .table>tbody>tr>td {position:relative;} */
	/* .list_normal .table>tbody>tr>td:before {display:block; content:""; width:3px; height:3px; background:#999; border-radius:50%; display:absolute; top:20px; left:0;} */
	
	
	/*페이징*/
	.pagination>li {display:inline;}
	.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left:0;}
	.page_box_normal .pagination .first, .page_box_normal .pagination .next, .page_box_normal .pagination>li:nth-child(3) > a {border-left:1px solid #dedede;}
	.pagination>li>a,
	.pagination>li>span {position:relative; float:left; padding:6px 12px;}
	
	.page_box_normal {position:relative; text-align:center; margin-top:30px;}
	.page_box_normal .mobile label {display:none;}
	.page_box_normal .mobile {display:inline-block; margin:0; padding:0;}
	.page_box_normal .mobile>li {float:left; height:100%; /* padding-right:5px; */}
	/* .page_box_normal .mobile>li:last-child {padding-right:0;} */
	.page_box_normal .mobile .prev {display:block; min-width:34px; height:40px; background:url(../images/common/prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-right:0; border-radius:0;}
	.page_box_normal .mobile .next {display:block; min-width:34px; height:40px; background:url(../images/common/next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-right:0; border-radius:0;}
	.page_box_normal .mobile .write {display:block; min-width:34px; height:34px; line-height:1; padding:9px 20px 0 20px !important;}
	.page_box_normal .mobile .write:hover {background:#333; color:#fff !important;}
	.page_box_normal .mobile select {font-size:15px; color:#666; border:1px solid #dedede; height:40px; margin-top:0; margin-left:-1px !important; border-radius:0; background-repeat:no-repeat !important;/*padding:5px 40px 8px 8px !important;*/ background-position:80% 50% !important; background-image:url(../images/common/select_icon_mo.png) ! important;}
	.page_box_normal .mobile .form-control  {border:0; border-radius:0;}
	.page_box_normal .mobile .dropdown-toggle:hover {border-radius:0 !important;}
	.page_box_normal .mobile .btn-default  {border:0; height:35px !important;}
	.page_box_normal .mobile .filter-option {padding:0 !important;}
	.form-control button {height:40px;}

}



/*카드전표 출력 START*/
.order-cancle-btn {
	display:inline-block; padding:5px 5px; border:1px solid #ddd; width:auto !important;
	line-height:1;
	font-size:14px !important; color:#fff !important; background:#ff9701;
}
.order-cancle-btn:hover {background:#ff9701; color:#fff; border:1px solid #ff9701;}


.lineBox .order-cancle-btn {
	display:inline-block; padding:10px 15px; border:1px solid #ddd; width:auto !important;
	line-height:1;
	font-size:14px !important; color:#fff !important; background:#ff9701;
    border-radius: 100px;
}
.lineBox .order-cancle-btn:hover {background:#ff9701; color:#fff; border:1px solid #ff9701;}
/*카드전표 출력 END*/