@charset "utf-8";

html,body{width:100%;height:100%;}
html{overflow-y:scroll;}

body,div,dl,dt,dd,ul,ol,li,form,fieldset,p,button{margin:0;padding:0}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;color:#444;font-size:14px;}
img,fieldset,iframe{border:0 none;}
li{list-style:none}

img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer;font-weight:normal;}
button{margin:0;padding:0}
a {text-decoration:none;cursor:pointer;color:#444;}
a:hover {text-decoration:none;color:#ff5500;}

button *{position:relative}
button img{left:-3px;*left:auto}

legend{*width:0;display:none;}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0;}
.clear { clear: both; }
select {padding:5px;}

input[type=text],input[type=password],input[type=number] {padding:4px;border:1px solid #bbb;}
input[type=text].readOnly,input[type=password].readOnly,input[type=number].readOnly {background:#eee;}
input[type=text].price {text-align:right;}
select {border:1px solid #bbb;}

input:-ms-input-placeholder { color: #aaa; } /* Internet Explorer 10 이상에 적용*/
input::-webkit-input-placeholder { color: #aaa; } /*  Webkit, Blink, Edge에 적용*/
input::-moz-placeholder { color: #aaa; } /* Mozilla Firefox 4 부터 18에 적용*/
input::-moz-placeholder { color: #aaa; } /* Mozilla Firefox 19 이상에 적용*/

/** 부트스트랩 버튼 FLAT 변형 **/
.btn, .btn-lg, .btn-sm, btn-xs, .btn.btn-lg, .btn.btn-sm, .btn.btn-xs {
	border-radius: 0;
}
.alert {
	border-radius: 0;
}

/** 하단 가운데 버튼 **/
.btns {margin:20px 0px;text-align:center;}
.btns2 {margin:10px 0px;text-align:center;}

/*** 모달 bootstrap adjustment ***/
.modal-content {border-radius:0;}
.modal-header {text-shadow:none;border-top-left-radius:0;border-top-right-radius:0;}
.modal-header .modal-title {text-shadow:none;}
.modal-footer {border-radius:0;}

/** 페이징 **/
.page {text-align:center;margin:20px 0px;}
.page .pagination {margin-left:-32px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #ff5500;
    border-color: #ff5500;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #777;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

/******** Alert 모달 // ********/
#modal_alert {z-index:9999;}
#modal_alert .modal-type-alert .modal-header {background:#f56613;color:#fff;}
#modal_alert .modal-type-alert .modal-header .close {color:#fff;opacity:.6;}
#modal_alert .modal-type-alert .modal-body h5 {line-height:160%;}
#modal_alert .modal-type-alert .modal-body h5 span {color:#f56613;}
#modal_alert .modal-type-alert .modal-footer {background:#f9f9f9;}
#modal_alert .modal-type-alert .modal-footer .btn-warning {background-color:#f56613;border-color:#f56613;}
/******** // Alert 모달 ********/

/******** OK 모달 // ********/
#modal_ok {z-index:9999;}
#modal_ok .modal-type-ok .modal-header {background:#3cb778;color:#fff;text-shadow:0 1px 3px rgba(0, 0, 0, 0.25);border-bottom-color:transparent;text-align:center;padding:10px;}
#modal_ok .modal-type-ok .modal-header i {font-size:40px;}
#modal_ok .modal-type-ok .modal-header .close {color:#fff;opacity:1;}
#modal_ok .modal-type-ok .modal-body #modal_ok_msg {text-align:center;color:#3da75f;font-size:18px;font-weight:bold;margin:10px 0px 10px;}
#modal_ok .modal-type-ok .modal-body .btns {margin: 20px 0px 10px;}
#modal_ok .modal-type-ok .modal-body h5 {line-height:160%;}
#modal_ok .modal-type-ok .modal-body h5 span {color:#f56613;}
/******** // Alert 모달 ********/

/******** 경고 모달 // ********/
#modal_warning {z-index:9999;}
#modal_warning .modal-type-warning .modal-header {background:#f56613;color:#fff;}
#modal_warning .modal-type-warning .modal-header .close {color:#fff;opacity:.6;}
#modal_warning .modal-type-warning .modal-body h5 {line-height:160%;}
#modal_warning .modal-type-warning .modal-body h5 span {color:#f56613;}
#modal_warning .modal-type-warning .modal-footer {background:#f9f9f9;}
#modal_warning .modal-type-warning .modal-footer .btn-warning {background-color:#f56613;border-color:#f56613;}
/******** // 경고 모달 ********/

/******** 확인 모달 // ********/
#modal_confirm  {z-index:9999;}
#modal_confirm .modal-type-confirm .modal-header {background:#5cb85c;color:#fff;}
#modal_confirm .modal-type-confirm .modal-header .close {color:#fff;opacity:.6;}
#modal_confirm .modal-type-confirm .modal-body h5 {line-height:160%;}
#modal_confirm .modal-type-confirm .modal-footer {background:#f9f9f9;}
#modal_confirm .modal-type-confirm .modal-footer .btn-warning {background-color:#5cb85c;border-color:#5cb85c;}
/******** // 확인 모달 ********/

/******** 에러 모달 // ********/
#modal_error {z-index:9999;}
#modal_error .modal-type-error .modal-header {background:#de4343;color:#fff;text-shadow:0 1px 3px rgba(0, 0, 0, 0.25);border-bottom-color:transparent;}
#modal_error .modal-type-error .modal-header h5 {font-weight:300;font-size:1.2em;}
#modal_error .modal-type-error .modal-header .close {color:#fff;opacity:.6;}
#modal_error .modal-type-error .modal-footer {background:#f9f9f9;}
#modal_error .modal-body h5 {line-height:150%;font-weight:normal;}
#modal_error .modal-body h5 a {color:#ff5500;}
/******** // 에러 모달 ********/

/******** 완료 모달 // ********/
.modal-type-done .modal-header {background:#3cb778;color:#fff;text-align:center;}
.modal-type-done .modal-header i {font-size:60px;}
.modal-type-done .modal-header .close {color:#fff;opacity:1;}
.modal-type-done .modal-footer {background:#f9f9f9;}
/******** // 완료 모달 ********/

/** 프리로더 **/
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#000; /* change if the mask should have another color then white */
	z-index:9000; /* makes sure it stays on top */
    opacity: 0.8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}

#status {
	width:120px;
	height:100px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(/assets/img/loading.gif); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	margin:-60px 0 0 -50px; /* is width and height divided by two */
}

/*** 우편번호 찾기 모달 ***/
#modal_zipcode {z-index:9990;}

/** 세금계산서 테이블 **/
.taxbill_tb {width:100%;max-width:960px;margin:0px 0px;}
.taxbill_tb th {text-align:center;padding:8px;}
.taxbill_tb td {padding:8px;}
.taxbill_tb th.center {text-align:center;}
.taxbill_tb td.center {text-align:center;}
.taxbill_tb input[type=text] {border:0px;}

.taxbill_tb tr:first-child th.green {border-top:2px solid #f7929c;}
.taxbill_tb tr:first-child td.green {border-top:2px solid #f7929c;}
.taxbill_tb th.green.bold {background:#ffdbde;}
.taxbill_tb th.green {background:#fff6f7;border-right:1px solid #f7929c;color:#ef1418;border-bottom:1px solid #f7929c;}
.taxbill_tb td.green {background:#fff;border-right:1px solid #f7929c;color:#444;border-bottom:1px solid #f7929c;}

.taxbill_tb tr:first-child th.red {border-top:2px solid #f7929c;}
.taxbill_tb tr:first-child td.red {border-top:2px solid #f7929c;}
.taxbill_tb th.red.bold {background:#ffdbde;}
.taxbill_tb th.red {background:#fff6f7;border-right:1px solid #f7929c;color:#ef1418;border-bottom:1px solid #f7929c;}
.taxbill_tb td.red {background:#fff;border-right:1px solid #f7929c;color:#444;border-bottom:1px solid #f7929c;}

.taxbill_tb tr:first-child th.blue {border-top:2px solid #5b9adf;}
.taxbill_tb tr:first-child td.blue {border-top:2px solid #5b9adf;}
.taxbill_tb th.blue.bold {background:#c6dbf7;}
.taxbill_tb th.blue {background:#f7f7ff;border-right:1px solid #c6cbde;color:#105dd6;border-bottom:1px solid #c6cbde;}
.taxbill_tb td.blue {background:#fff;border-right:1px solid #c6cbde;color:#444;border-bottom:1px solid #c6cbde;}

.taxbill_tb2 {width:100%;max-width:960px;margin-top:15px;}
.taxbill_tb2 th:first-child {border-left:1px solid #ccc;}
.taxbill_tb2 th {text-align:center;padding:8px;background:#e9edf5;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.taxbill_tb2 td:first-child {border-left:1px solid #ccc;}
.taxbill_tb2 td {padding:8px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;height:34px;}
.taxbill_tb2 td.small {font-size:11px;}

/** 공통 리스트 테이블 상단 **/
.common_list_top {font-size:14px;}
.common_list_top .title {float:left;margin-top:10px;}
.common_list_top .title span.division {color:#ccc;margin:0 10px;}
.common_list_top .title span.exceed {color:#ff5500;font-weight:bold;}
.common_list_top .sort {float:right;}
.common_list_top .sort .btn {float:left;margin-left:5px;}
.common_list_top .sort select {float:left;margin-left:5px;}
.common_list_top .sort:after {content:" "; display:block; clear:both;}
.common_list_top:after {content:" "; display:block; clear:both;}

/** 공통 - 리스트 테이블 **/
.common_list_tb {width:100%;font-size:13px;}
.common_list_tb th {text-align:center;padding:10px;border-top:1px solid #828282;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f7f7f7;}
.common_list_tb th:last-child {border-right:none;}
.common_list_tb td {text-align:center;padding:10px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.common_list_tb td:last-child {border-right:none;}
.common_list_tb td.left, .common_list_tb th.left {text-align:left;}
.common_list_tb td.right, .common_list_tb th.right {text-align:right;}
.common_list_tb td.center, .common_list_tb th.center {text-align:center;}
.common_list_tb tr.warning td {background:#ffeded;}
.common_list_tb td a.member {font-size:12px;}
.common_list_tb td a.finded {color:#fb6565;}
.common_list_tb td div {margin-bottom:8px;}
.common_list_tb td div:last-child {margin-bottom:0;}
.common_list_tb td .red {color:#ff3c38;}
.common_list_tb td div.btns {text-align:left;margin:0;line-height:2.8em;}

/** 테이블 구분선 **/
.common_list_tb tr.division td {border-top:2px solid #ff5500;}

/** 테이블 하단 버튼 **/
.tb_bottom_btns {margin:8px 0;text-align:left;}
.tb_bottom_btns input[type=text] {border-radius:0;}
.tb_bottom_btns .left {float:left;margin-right:10px;}
.tb_bottom_btns .right {float:right;margin-left:10px;}
.tb_bottom_btns:after {content:" "; display:block; clear:both;}
.tb_bottom_btns .notify_btns {padding:5px 10px 1px;border:1px solid #ccc;}
.tb_bottom_btns .notify_btns span {margin-right:6px;}
.tb_bottom_btns .notify_btns label {position:relative;text-indent:16px;line-height:1.428;}
.tb_bottom_btns .notify_btns label input[type=checkbox] {top:-2px;left:0;position:absolute;}

/** 공통 - 상세페이지 테이블 **/
.common_detail_tb_top {font-size:16px;margin-bottom:8px;margin-top:20px;}
.common_detail_tb_top:first-child {margin-top:0px;}
.common_detail_tb {width:100%;font-size:13px;}
.common_detail_tb th {text-align:right;padding:10px 20px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f7f7f7;}
.common_detail_tb th.center {text-align:center;}
.common_detail_tb th:first-child {border-left:none;}
.common_detail_tb th span {color:#ff5500;}
.common_detail_tb td {text-align:left;padding:10px 20px;border-bottom:1px solid #ccc;}
.common_detail_tb td.center {text-align:center;}
.common_detail_tb td a {color:#444;}
.common_detail_tb td a:hover {color:#ff5500;}
.common_detail_tb td div {margin-bottom:8px;}
.common_detail_tb td div:last-child {margin-bottom:0;}
.common_detail_tb tr:first-child th, .common_detail_tb tr:first-child td {border-top:1px solid #828282;}
.common_detail_tb td textarea {width:100%;height:200px;resize:none;}

/** 공통 - 검색 테이블 **/
.common_search_tb {width:100%;font-size:13px;}
.common_search_tb th {text-align:right;padding:10px 20px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;background:#f7f7f7;}
.common_search_tb th:first-child {border-left:none;}
.common_search_tb th span {color:#ff5500;}
.common_search_tb td {text-align:left;padding:10px 20px;border-bottom:1px solid #ccc;}
.common_search_tb tr:first-child th, .common_search_tb tr:first-child td {border-top:1px solid #828282;}
.common_search_tb td label {position:relative;text-indent:18px;margin-right:20px;font-weight:normal;}
.common_search_tb td label input[type=radio] {position:absolute;left:0px;top:-1px;}

/*** 공용 판매중/종료 라벨 ***/
.label-sell {color:#d66d76;border:1px solid #d66d76;font-size:12px;border-radius:0;font-weight:normal;display:inline-block;}
.label-finish {color:#a0a0a0;border:1px solid #a0a0a0;font-size:12px;border-radius:0;font-weight:normal;display:inline-block;}
.label-stop {color:#a0a0a0;border:1px solid #a0a0a0;font-size:12px;border-radius:0;font-weight:normal;display:inline-block;}
.label-expected-settle {color:#a0a0a0;border:1px dashed #d0d0d0;font-size:12px;border-radius:0;font-weight:normal;display:inline-block;}