@charset "utf-8";

.sound_only {
	display: none;
}

.container {
	width: 100%;
	margin: 0 auto;
	padding: 0 10px;
	box-sizing: border-box;
}


/* 홈페이지 메인 색상 */

.bg_col {
	background: tomato;
}

.main_col {
	color: tomato;
}


/* 상품 없을경우 */
.sct_noitem {
	width: 100%;
	min-height: 150px;
	text-align: center;
	overflow: hidden;
	line-height: 150px;
}

/* 글 없을 경우 */
.empty_list {
	text-align: center;
}

.sit_empty {
	width: 100%;
	min-height: 100px;
	text-align: center;
	line-height: 100px;
}
.empty_table {
	width: 100%;
	height: 100px;
	text-align: center;
}

/* 홈페이지 기본 폰트 */
body {
	font-family: 'noto-sans-scott-dl';
}

/* form 스킨 */

.mbskin {
	width: 100%;
	overflow: hidden;
	margin: 30px auto 40px;
	padding: 0 10px;
	box-sizing: border-box;
}


/*	form 카테고리 공통타이틀 */

.mb_comm_tit {
	width: 100%;
	overflow: hidden;
	margin: 0 0 30px;
}

.mb_comm_tit h2 {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
}

.mb_comm_tit p {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #999;
}


/* 메인색상 submit btn */
.btn_submit {
	padding: 5px 10px;
	background: #333;
	border: 1px solid #333;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	font-size: 1rem;
}

.btn_admin {
	padding: 2px 7px;
	background: #454545;
	border: 1px solid #454545;
	color: #fff;
	display: inline-block;
	box-sizing: border-box;
}

.btn_cancel {
	padding: 5px 10px;
	border: 1px solid #ccc;
	display: inline-block;
	cursor: pointer;
	box-sizing: border-box;
}

/* border 라인 btn */
.bor_btn {
	font-weight: bold;
	text-align: center;
	background: #fff;
	border: 1px solid #696969;
	box-sizing: border-box;
}

.bor_btn a {
	display: block;
}

/* btn type 01 */

.btn01 {
	padding: 5px 10px;
	text-align: center;
	display: inline-block;
	border: 1px solid #ccc;
	background: #fff;
	box-sizing: border-box;
}

.btn01:hover {
	background: #454545;
	color: #fff;
}

.btn_b01 {
	padding: 3px 8px;
	border: 1px solid #ccc;
	background: none;
	display: inline-block;
}

.btn_b02 {
	padding: 3px 8px;
	border: 1px solid #ccc;
	background: none;
	display: inline-block;
}

.full_btn {
	width: 100%;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background: #454545;
	color: #fff;
	border: none;
}


.sit_qty_plus,
.sit_opt_del,
.sit_qty_minus {
	background: none;
	border: 1px solid #ccc;
	padding: 3px 7px;
}


/* nav */
/*
.pg_wrap {
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin: 20px 0;
}

.pg_wrap .pg a {
	margin: 0 5px;
}

.pg_wrap .pg .pg_current {
	margin: 0 5px;
}
*/
.pg_wrap {
	display: table;
	overflow: hidden;
	text-align: center;
	margin: 20px auto 50px;
}

.pg_wrap .pg a {
	display: table-cell;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #666;
	border: 1px solid #ccc;
}

.pg_wrap .pg .pg_current {
	display: table-cell;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #f17f31;
	color: #fff;
	font-size: 14px;
	border: 1px solid #ccc;
	/* margin: 0 5px; */
}







/* navigation.skin css */
.navi_skin {
	width: 1200px;
	overflow: hidden;
	margin: 10px auto 20px;
}

.navi_skin ul {
	float: right;
}

.navi_skin ul li {
	float: left;
	font-size: 12px;
	color: #999;
	margin-left: 5px;
}

.navi_skin ul li a {
	color: #999;
}


/* select css */
.sit_op_sl select {
	height: 100%;
	width: 95%;
}

/* text-cut css */
.text_cut {
	display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.bo_skin {
	width: 100%;
	padding: 25px 10px 80px;
	box-sizing: border-box;
}