/* BASIC css start */
#ioc_navi_hd {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#ioc_navi_hd .loc-navi{
	padding: 0px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	
}









.class-list {
	padding: 25px 0 0px 0;
	text-align: center;
    
    margin-top: 15px;
}
.class-list dt {
	font-size: 26px; line-height: 30px; color: #172a80; font-weight: 700;
    font-family: "Roboto","Nanum Gothic",sans-serif;
    letter-spacing: 5px;
}
.class-list dd a {
	display: inline-block;
	font-size: 17px; line-height: 1.5; color: #555; font-weight: 400;
	text-decoration: none;
	margin: 20px 15px 20px;
    font-weight: bold;
}
.class-list dd a:hover {
	color: #fe6c00;
}
.class-list dd a.selected {
	color: #fe6c00; font-size: 18px;
}
.class-list dd span {
	margin: 0 0 0 5px;
	font-size: 15px; line-height: 1.5; color: #acacac; font-weight: 400;
}

.best-item {
	background: #fbfbfb;
	padding: 100px 0 20px;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
.best-item .inner {
	min-width: 1040px;
    max-width: 1280px;
    box-sizing: border-box;
    padding: 0 40px;
    margin: 0 auto;
    position: relative;
}
.best-item .inner h2 {
	font-size: 30px; line-height: 50px; color: #000; font-weight: 700;
	position: absolute; top: -135px; right: 970px;
	text-align: left;
}
.best-item .inner h2 span {
	display: block;
	font-size: 14px; line-height: 1.2; color: #a38073; font-weight: 200;
	margin: 0;
}
.best-item .prd_list .box .box_prd:after {
	content: '';
	position: absolute; top: -15px; left: 5px; right: 5px; bottom: -20px; z-index: 1;
	background: #fff;
}

.total_sort {
	padding: 50px 0 0px; margin: 0 0 0px;
	border-bottom: 1px solid #e8e8e8;
    width: 1240px;
}
.total_sort .total {
	float: left;
	font-size: 20px; line-height: 20px; color: #aaa;
}
.total_sort .total span {
	font-size: 20px; line-height: 20px; color: #000;
}
.total_sort .sort {
	float: right;
    padding-right : 60px;
}
.total_sort .sort li {
	float: left;
}
.total_sort .sort li:before {
	content: '|';
	font-size: 12px; line-height: 20px; color: #cfcfcf;
	float: left;
	padding: 0 10px;
}
.total_sort .sort li:first-child:before {
	display: none;
}
.total_sort .sort li a {
	font-size: 12px; line-height: 20px; color: #424141;
}
.total_sort .sort li.now a {
	color: #1500de; font-weight: 700;
}

.paginate {
	padding: 40px 0;
	text-align: center;
}
.paginate li {
	display: inline-block;
	margin: 0 2px;
}
.paginate li {
	display: inline-block;
	margin: 0 2px;
}
.paginate li a {
	display: block;
	width: 30px; height: 30px;
	font-size: 13px; letter-spacing: normal; line-height: 30px; color: #000;
	background: #fff;
	border: 1px solid #000;
	border-radius: 2px;
	text-decoration: none;
	box-sizing: border-box;
}
.paginate li a:hover {
	color: #fff;
	background: #000;
}
.paginate li.now a {
	color: #fff;
	background: #000;
}
.paginate li.first a, 
.paginate li.prev a, 
.paginate li.next a, 
.paginate li.last a {
	color: #000;
	background: #fff;
	border: 0;
}
.paginate li.first a:hover, 
.paginate li.prev a:hover, 
.paginate li.next a:hover, 
.paginate li.last a:hover {
	color: #000;
	background: #fff;
}




.titll_bean{ width:900px; margin-left: auto; margin-right: auto; margin-top:20px;}
/* BASIC css end */