@charset "utf-8";

@font-face {
    font-family: 'SBaggro';
    src: url('./fonts/SB_aggro_M.TTF') format('woff');
}

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');

/******************************  전체  ******************************/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, sub, sup, var, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,
header, hgroup, menu, nav, section, summary, time, mark, audio, video, textarea,button{margin:0;padding:0;border:0;font-size:100%;font-weight:400;}
body{width:100%;font-family:'Pretendard', Noto Sans KR, Nanum_BG, Nanum_BGB, NanumBarunGothicBold, 나눔고딕, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;font-size:12px;color:#444;}
ul, li{list-style:none;}
p {margin:0;padding:0;}
a{margin:0;padding:0;font-size:100%;text-decoration:none;vertical-align:baseline;background:transparent;}
a, a:link, a:hover, a:active{color:inherit;text-decoration:none;}
img{vertical-align:middle;}
input{margin:0;padding:0;box-sizing:content-box;vertical-align:middle;font-family:'Pretendard', Noto Sans KR, Nanum_BG, Nanum_BGB, NanumBarunGothicBold, 나눔고딕, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;}
textarea{border:1px solid #ddd;}
table{border-collapse:collapse;border-spacing:0;}
input[type=text], input[type=password], select, input[type=email], input[type=url], input[type=date], input[type=number]{height:26px;vertical-align:middle;border:1px solid #bbb;}
input[type=button], input[type=submit], button{cursor:pointer;-webkit-appearance: none;}
strong, b{font-weight:bold;}
label, textarea{font-family:'Pretendard', Noto Sans KR, Nanum_BG, Nanum_BGB, NanumBarunGothicBold, 나눔고딕, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;}
label{font-weight:300;}

/* input:hover, input:focus { border-color: #000; } */

input[type=text], input[type=number], input[type=url], input[type=email], input[type=date], input[type=password]:focus{outline:none;}
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }

input[type=text], input[type=password], input[type=date], input[type=url], input[type=email], input[type=number]{
   -webkit-appearance: none;
   -webkit-border-radius: 0;
   padding: 0 7px;
   box-sizing: border-box;
}

select {
	border-radius: 0;
	background: #fff;
	color: #333;
}

button {
	font-family: 'Pretendard', Noto Sans KR, Nanum_BG, Nanum_BGB, NanumBarunGothicBold, 나눔고딕, '맑은 고딕', HelveticaNeue, DroidSans, Sans-serif, Helvetica;
	border-radius: 0;
	background: none;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

body {
	background: #f6f6f6;
}

/******************************  PC, Mobile  ******************************/
.mob { display: none; }

@media screen and (max-width:500px) {
	.pc { display: none; }
	.mob { display: block; }
}

.c-pointer {
	cursor: pointer;
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

/******************************  페이징  ******************************/
.paging{
	width:100%;
	text-align:center;
	margin:15px 0;
}

.paging ul{
	display: inline-block;
}

.paging ul::after{
	display: block;
	content: "";
	clear: both;
}

.paging ul li{
	float: left;
	width:30px;
	line-height: 30px;
	font-size:15px;
	text-align:center;
	border:1px solid #ddd;
}

.paging ul li:not(:first-child){
	border-left:0;
}

.paging ul li a,.paging ul li a:hover, .paging ul li a:link, .paging ul li a:focus, .paging ul li a:active{
 color:inherit;
 display:block;
 width:100%;
 height:100%;
}

.paging ul li:hover, .paging ul li.over{
	/* background:#999;
	color:#fff; */
	cursor:pointer;
}


.paging ul li.now_page{
	background:#eee;
}

.paging ul li.prev{
	background:url('../images/icons/prev_arrow.png') no-repeat left 9px center / 10px;
}

.paging ul li:first-child{
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.paging ul li.next{
	background:url('../images/icons/next_arrow.png') no-repeat right 9px center / 10px;
}

.paging ul li:last-child{
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}


/******************************  버튼  ******************************/
.btn_area01{
	width:100%;
	margin:15px 0;
	text-align:center;
}

.btn_area02{
	width:100%;
	margin:15px 0;
}

.btn_area03{
	width:100%;
	margin:15px 0;
	text-align:right;
}

.darkgray_btn{	
	padding:8px 20px;
	border:0;
	background:#333;
	border:0;
	color:#fff;
	font-weight:700;
	font-size:14px;
}



.darkgray_bbtn{	
	padding:15px 80px;
	border:0;
	background:#333;
	border:0;
	color:#fff;
	font-weight:700;
	font-size:20px;
}

.darkgray_sbtn{	
	padding:6px 10px;
	border:0;
	background:#333;
	border:0;
	color:#fff;
	font-weight:700;
	font-size:12px;
}

/* 꽉찬 버튼 */
.solid_btn{	
	padding:8px 20px;
	border:1px solid #444;
	background:#444;
	color:#fff;
	font-weight:700;
	font-size:14px;
	border-radius: 6px;
}

.solid_bbtn{	
	padding:15px 80px;
	border:1px solid #444;
	background:#444;
	color:#fff;
	font-weight:700;
	font-size:20px;
	border-radius: 6px;
}

.solid_sbtn{	
	padding:6px 15px;
	border:1px solid #444;
	background:#444;
	color:#fff;
	font-weight:700;
	font-size:12px;
	border-radius: 6px;
}

/* 빈 버튼 */
.line_btn{	
	padding:8px 20px;
	border:1px solid #ddd;
	background:#eee;
	color:#444;
	font-weight:700;
	font-size:14px;
	border-radius: 6px;
}

.line_bbtn{	
	padding:15px 80px;
	border:1px solid #ddd;
	background:#eee;
	color:#444;
	font-weight:700;
	font-size:20px;
	border-radius: 6px;
}

.line_sbtn{	
	padding:6px 15px;
	border:1px solid #bbb;
	background:#eee;
	color:#444;
	font-weight:700;
	font-size:12px;
	border-radius: 6px;
}


.btn_frame{
	width:260px;
	margin-top:10px;
	text-align:center;
}

/******************************  마진 / 패딩  ******************************/
.mt_10{margin-top:10px;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.mt_40{margin-top:40px;}
.mt_50{margin-top:50px;}
.mt_60{margin-top:60px;}
.mt_70{margin-top:70px;}
.mt_80{margin-top:80px;}
.mt_90{margin-top:90px;}
.mt_100{margin-top:100px;}
.mt_150{margin-top:150px;}
.mt_200{margin-top:200px;}
.mt_250{margin-top:250px;}

.ml_10{margin-left:10px;}
.ml_20{margin-left:20px;}
.ml_30{margin-left:30px;}
.ml_40{margin-left:40px;}
.ml_50{margin-left:50px;}
.ml_60{margin-left:60px;}
.ml_70{margin-left:70px;}
.ml_80{margin-left:80px;}
.ml_90{margin-left:90px;}
.ml_100{margin-left:100px;}
.ml_150{margin-left:150px;}
.ml_200{margin-left:200px;}
.ml_250{margin-left:250px;}

.mr_10{margin-right:10px;}
.mr_20{margin-right:20px;}
.mr_30{margin-right:30px;}
.mr_40{margin-right:40px;}
.mr_50{margin-right:50px;}
.mr_60{margin-right:60px;}
.mr_70{margin-right:70px;}
.mr_80{margin-right:80px;}
.mr_90{margin-right:90px;}
.mr_100{margin-right:100px;}
.mr_150{margin-right:150px;}
.mr_200{margin-right:200px;}
.mr_250{margin-right:250px;}

.mb_10{margin-bottom:10px;}
.mb_20{margin-bottom:20px;}
.mb_30{margin-bottom:30px;}
.mb_40{margin-bottom:40px;}
.mb_50{margin-bottom:50px;}
.mb_60{margin-bottom:60px;}
.mb_70{margin-bottom:70px;}
.mb_80{margin-bottom:80px;}
.mb_90{margin-bottom:90px;}
.mb_100{margin-bottom:100px;}
.mb_150{margin-bottom:150px;}
.mb_200{margin-bottom:200px;}
.mb_250{margin-bottom:250px;}

.pt_10{padding-top:10px;}
.pt_20{padding-top:20px;}
.pt_30{padding-top:30px;}
.pt_40{padding-top:40px;}
.pt_50{padding-top:50px;}
.pt_60{padding-top:60px;}
.pt_70{padding-top:70px;}
.pt_80{padding-top:80px;}
.pt_90{padding-top:90px;}
.pt_100{padding-top:100px;}
.pt_150{padding-top:150px;}
.pt_200{padding-top:200px;}
.pt_250{padding-top:250px;}

.pl_10{padding-left:10px;}
.pl_20{padding-left:20px;}
.pl_30{padding-left:30px;}
.pl_40{padding-left:40px;}
.pl_50{padding-left:50px;}
.pl_60{padding-left:60px;}
.pl_70{padding-left:70px;}
.pl_80{padding-left:80px;}
.pl_90{padding-left:90px;}
.pl_100{padding-left:100px;}
.pl_150{padding-left:150px;}
.pl_200{padding-left:200px;}
.pl_250{padding-left:250px;}

.pr_10{padding-right:10px;}
.pr_20{padding-right:20px;}
.pr_30{padding-right:30px;}
.pr_40{padding-right:40px;}
.pr_50{padding-right:50px;}
.pr_60{padding-right:60px;}
.pr_70{padding-right:70px;}
.pr_80{padding-right:80px;}
.pr_90{padding-right:90px;}
.pr_100{padding-right:100px;}
.pr_150{padding-right:150px;}
.pr_200{padding-right:200px;}
.pr_250{padding-right:250px;}

.pb_10{padding-bottom:10px;}
.pb_20{padding-bottom:20px;}
.pb_30{padding-bottom:30px;}
.pb_40{padding-bottom:40px;}
.pb_50{padding-bottom:50px;}
.pb_60{padding-bottom:60px;}
.pb_70{padding-bottom:70px;}
.pb_80{padding-bottom:80px;}
.pb_90{padding-bottom:90px;}
.pb_100{padding-bottom:100px;}
.pb_150{padding-bottom:150px;}
.pb_200{padding-bottom:200px;}
.pb_250{padding-bottom:250px;}


/******************************  가로 사이즈  ******************************/
.size50{width:50px;}
.size80{width:80px;}
.size100{width:100px;}
.size150{width:150px;}
.size200{width:200px;}
.size300{width:300px;}
.size400{width:400px;}
.size500{width:500px;}
.size600{width:600px;}
.size700{width:700px;}
.size90per{width:90%;}
.size98per{width:98%;}
.textarea_set{width:98%;height:100px;}
.textarea_set2{width:500px;height:100px;}

/******************************************
	폰트 정렬
*******************************************/
.ta-left{text-align:left;}
.ta-center{text-align:center;}
.ta-right{text-align:right;}


.fc-red {color:red;}
.fc-blue {color:blue;}
.fc-green {color:green;}
.fc-pegdown {color:#f06150;}

/******************************  검색  ******************************/
.search_area {
	margin-bottom: 20px;
}

.search_area::after {
	display: block;
	clear: both;
	content: "";
}

.search_area input, .search_area select {
	float: left;
	height: 30px;
	box-sizing: border-box;
}

.search_area label {
	float: left;
	margin-left: 10px;
	line-height: 30px;
}

.search_area .def_input {
	border: 1px solid #ddd;
	border-radius: 6px 0 0 6px;
	padding: 0 10px;
}

.search_area .def_select {
	height: 30px;
	margin-left: 5px;
	padding: 0 10px;
	border: 1px solid #ddd;
	border-radius: 6px;
}

.search_area .search_submit {
	border: 1px solid #ddd;
	border-left: 0;
	font-size: 15px;
	width: 30px;
	background: url('../images/icons/search_ico.png') no-repeat center center / 15px;
	border-radius: 0 6px 6px 0;
	transition: .2s;
}

.search_area .btn_area {
	display: inline-block;
	margin-left: 10px;
}

.search_area .btn_area .def_btn {
	border: 1px solid #ddd;
	background: #eee;
	color: #444;
	padding: 0 15px;
	border-radius: 6px;
	font-weight: 500;
	transition: .2s;
}

.def_btn {
	border: 1px solid #ddd;
	background: #eee;
	color: #444;
	padding: 0 15px;
	height: 30px;
	border-radius: 6px;
	font-weight: 500;
	transition: .2s;
}

.def_btn2 {
	border: 1px solid #444;
	background: #444;
	color: #fff;
	padding: 0 15px;
	height: 30px;
	border-radius: 6px;
	font-weight: 500;
	transition: .2s;
}

.def_btn3 {
	border: 1px solid #f06150;
	background: #f06150;
	color: #fff;
	padding: 0 15px;
	height: 30px;
	border-radius: 6px;
	font-weight: 500;
	transition: .2s;
}

/******************************  리스트  ******************************/
.def_list {
	width: 100%;
	margin-top: 15px;
	border-top: 1px solid #aaa;
}

.def_list tr {
	transition: .1s;
}

/* .def_list tr:not(:first-child):hover {
	background: rgba(252,210,123,0.2);
	box-shadow: 0 5px 3px rgba(0,0,0,0.02)
} */

.def_list th, .def_list td {
	text-align: center;
}

.def_list th {
	font-weight: 500;
	padding: 13px 0;
	color: #555;
	border-bottom: 1px solid #aaa;
}

.def_list td {
	/* cursor: pointer; */
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

.def_list .img {
	width: 200px;
	height: 150px;
	margin: 0 auto;
}

.def_list .img2 {
	width: 310px;
	height: 150px;
	margin: 0 auto;
}

/* 세탁/수선 신청내역 리스트 */
.order_list {
	font-size: 14px;
}

.order_list th, .order_list td {
	font-size: 14px;
}

.order_list th {}

.order_list td {}

.ot_ssn {
	font-weight: 500;
	text-decoration: underline !important;
	color: #f06150 !important;
}

.img3 {
	display: inline-block;
	width: 300px;
	height: 100px;
}

/******************************  상세  ******************************/
.def_view {
	width: 100%;
	margin-top: 15px;
	border-top: 1px solid #aaa;
}

.def_view tr {
	transition: .1s;
}

.def_view th, .def_view td {
	padding: 13px 0;
	border-bottom: 1px solid #ddd;
}

.def_view th {
	/* width: 250px; */
	font-weight: 500;
	color: #555;
	background: #f6f6f6;
	border-right: 1px solid #ddd;
}

.def_view td {
	padding-left: 20px;
}

.def_view td img {
	max-width: 100%;
}

.default_view_table2 {
	width: 100%;
}
.default_view_table2.size50per {
	width: 50%;
}
.default_view_table2 th, .default_view_table2 td {
	border: 1px solid #ddd;
	font-size: 16px;
	padding: 10px 0;
	text-align: center;
}
.default_view_table2 th {
	background: #f3f3f3;
	font-weight: 500;
}
.default_view_table2 td {
}

@media screen and (max-width:500px){
	.def_view {
		width: 100%;
		margin-top: 15px;
		border-top: 1px solid #aaa;
	}

	.def_view tr {
		transition: .1s;
	}

	.def_view th, .def_view td {
		padding: 10px 0;
		border-bottom: 1px solid #ddd;
	}

	.def_view th {
		width: 23%;
	}

	.def_view td {
		padding: 0 10px;
	}

	.default_view_table2 {
		width: 100%;
	}
	.default_view_table2.size50per {
		width: 50%;
	}
	.default_view_table2 th, .default_view_table2 td {
		border: 1px solid #ddd;
		font-size: 14px;
		padding: 10px 0;
		text-align: center;
	}
	.default_view_table2 th {
		background: #f3f3f3;
		font-weight: 400;
	}
	.default_view_table2 td {	
		padding: 10px;
		text-align: left;
	}
	td.tbl_br {
		padding: 0 !important;
		border: 0;
		font-size: 0 !important;
		height: 10px !important;
	}
	td.tbl_br2 {
		padding: 0;
		border: 0;
		font-size: 0;
		height: 30px;
	}
	td.border_bottom {
		border-bottom: 2px solid #999;
	}
	td.ta-right {
		text-align: right;
	}
}

/******************************  글쓰기  ******************************/
.def_write {
	width: 100%;
	margin-top: 15px;
	border-top: 1px solid #aaa;
}

.def_write tr {
	transition: .1s;
}

.def_write th, .def_write td {
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
}

.def_write th {
	/* width: 250px; */
	font-weight: 400;
	color: #555;
	background: #f6f6f6;
	border-right: 1px solid #ddd;
}

.def_write td {
	padding-left: 10px;
}

.def_write img {
	max-width: 300px;
}

.def_write input, .def_write select {
	margin: 2px 0;
    box-sizing: border-box;
	border-color: #ddd;
}

.def_write input:not([type=file]), .def_write select {
    height: 30px;
	border-radius: 6px;
}

.def_write .def_sbtn{	
	padding:6px 0;
	width: 70px;
	border:1px solid #444;
	background:#444;
	color:#fff;
	font-weight:700;
	font-size:12px;
	border-radius: 6px;
}

.def_write .duplchk_msg{	
	color:#666;
}

.def_write span.ajax_msg {
	color: #777;
	margin-left: 5px;
	font-size: 13px;
	animation-name: fade-in;
	animation-duration: .3s;
}

@media screen and (max-width:500px){
	.def_write {
		width: 100%;
		margin-top: 15px;
		border-top: 1px solid #aaa;
	}

	.def_write tr {
		transition: .1s;
	}

	.def_write th, .def_write td {
		padding: 10px 0;
		border-bottom: 1px solid #ddd;
	}

	.def_write th {
		width: 25%;
		font-weight: 500;
		color: #555;
		background: #f6f6f6;
		border-right: 1px solid #ddd;
	}

	.def_write td {
		padding-left: 10px;
	}

	.def_write input, .def_write select, .def_write textarea {
		max-width: 200px;
	}

	.def_write input:not([type=file]), .def_write select {
		height: 30px;
		border-radius: 6px;
	}

	.def_write .def_sbtn{	
		padding:6px 0;
		width: 70px;
		border:1px solid #444;
		background:#444;
		color:#fff;
		font-weight:700;
		font-size:12px;
		border-radius: 6px;
	}

	.def_write .duplchk_msg{	
		color:#666;
	}

	.def_write span.ajax_msg {
		color: #777;
		margin-left: 5px;
		font-size: 13px;
		animation-name: fade-in;
		animation-duration: .3s;
	}
}

/******************************  글쓰기  ******************************/
.def_write2 {
	width: 100%;
	margin-top: 15px;
	border-top: 1px solid #aaa;
}

.def_write2 tr {
	transition: .1s;
}

.def_write2 th, .def_write2 td {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

.def_write2 th {
	width: 100px;
	font-weight: 500;
	color: #555;
	background: #f6f6f6;
	/* border-right: 1px solid #ddd; */
}

.def_write2 td {
	/* padding-left: 20px; */
	text-align: center;
}

.def_write2 input, .def_write2 select {
	margin: 2px 0;
    box-sizing: border-box;
	border-color: #ddd;
}

.def_write2 input:not([type=file]), .def_write2 select {
    height: 30px;
	border-radius: 6px;
}

.def_write2 .def_sbtn{	
	padding:6px 0;
	width: 70px;
	border:1px solid #444;
	background:#444;
	color:#fff;
	font-weight:700;
	font-size:12px;
	border-radius: 6px;
}

.def_write2 .duplchk_msg{	
	color:#666;
}

.def_write2 span.ajax_msg {
	color: #777;
	margin-left: 5px;
	font-size: 13px;
	animation-name: fade-in;
	animation-duration: .3s;
}

@media screen and (max-width:500px){
	.def_write2 {
		width: 100%;
		margin-top: 15px;
		border-top: 1px solid #aaa;
	}

	.def_write2 tr {
		transition: .1s;
	}

	.def_write2 th, .def_write2 td {
		padding: 10px 0;
		font-size: 14px;
		border-bottom: 1px solid #ddd;
	}

	.def_write2 th {
		width: 100px;
		font-weight: 400;
		color: #555;
		background: #f6f6f6;
		/* border-right: 1px solid #ddd; */
	}

	.def_write2 td {
		/* padding-left: 20px; */
		text-align: center;
	}

	.def_write2 input, .def_write2 select {
		max-width: 200px;
		margin: 2px 0;
		box-sizing: border-box;
		border-color: #ddd;
	}

	.def_write2 input:not([type=file]), .def_write2 select {
		height: 30px;
		border-radius: 6px;
	}

	.def_write2 .def_sbtn{	
		padding:6px 0;
		width: 70px;
		border:1px solid #444;
		background:#444;
		color:#fff;
		font-weight:700;
		font-size:12px;
		border-radius: 6px;
	}

	.def_write2 .duplchk_msg{	
		color:#666;
	}

	.def_write2 span.ajax_msg {
		color: #777;
		margin-left: 5px;
		font-size: 13px;
		animation-name: fade-in;
		animation-duration: .3s;
	}
}



/******************************  글쓰기  ******************************/
.default_frm_table {
	width: 100%;
}
.default_frm_table th, .default_frm_table td {
	padding: 10px 0;
	border: 1px solid #ddd;
	font-size: 16px;
}
.default_frm_table th {
	width: 15%;
	background: #f3f3f3;
	font-weight: 500;
}
.default_frm_table td {
	text-indent: 15px;
}
.default_frm_table td img {
	max-width: 250px;
	margin: 15px 0;
}

.default_frm_table2 {
	width: 100%;
}
.default_frm_table2 th, .default_frm_table2 td {
	border: 1px solid #ddd;
	font-size: 16px;
	line-height: 2.5;
}
.default_frm_table2 th {
	background: #f3f3f3;
	font-weight: 500;
}
.default_frm_table2 td {
	text-indent: 15px;
}
.default_frm_table2 td img {
	max-width: 250px;
	margin: 15px 0;
}



.border-left {
	border-left: 1px solid #ddd;
}

.no-border-right {
	border-right: 0 !important;
}