/* sub default */
.sub_top{background-image: url("/www-img/sub/top_bg/rs_01.jpg");height: 175px;}
.section_div > section{padding: 50px;}
/* sub default */
.section_div > section *{text-align: center;}
.sub_top .sub_top_txt p,
.sub_top .sub_top_txt h1{color: #2e2d2d;}
#paging{text-align: center;margin-top: 20px;}
#paging span{cursor: pointer;border: 1px solid #ddd;padding: 0 5px;margin: 0 2px;}
#paging span:hover{opacity:0.5}
#paging .selected{font-weight: bold;border-color: #000;}

.cat_div li{width: 25%;height: 80px;}
.cat_div li a div{font-size: 20px;font-weight: bold;}
.cat_div{margin-bottom: 60px;display: none;}

#real_list_div li{width: 25%;border-bottom: 1px solid #fff;position: relative;}
#real_list_div li:BEFORE {position: absolute;width: 1px;height: 100%;top: 0;left: -0.5px;content: "";background: #fff;z-index: 1;}
#real_list_div li > div{position: absolute;width: 100%;height: 52px;left: 0;bottom: 0;    background-color: rgba( 0, 0, 0, 0.6 );padding: 0 10px;overflow-y:auto; }
#real_list_div li > div p{display: inline-block;color: #fffe8a;font-size: 15px;font-weight: bold;padding: 0 5px;}
#real_list_div li > div .in1{display: table;width: 100%;height: 100%;}
#real_list_div li > div .in2{display: table-cell;vertical-align: middle;}
#real_list_div li a{display: block;overflow: hidden;}
#real_list_div li a:HOVER{opacity:1;}
#real_list_div li img{
  -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
}

#real_list_div li img:hover{
 -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
}


#real_view_div img{margin: 0 auto;}
#real_view_div li{margin: 0 auto 17px auto;border: 1px solid #d2d2d2;max-width: 1033px;padding: 0 10px 25px 10px;}
#real_view_div li > div{margin: 0 auto;max-width: 628px;}
#real_view_div li > .div2{margin-bottom: 18px;}
#real_view_div li > .div1{margin: 25px auto;}

#real_view_div .li > .div3 .s1 p{font-size: 25px;color: #191617;}
#real_view_div .li > .div3 .s2 p{display: inline-block;color: #191617;background:#f1f1f1;border-radius:20px;margin:0 5px 5px 0;font-size: 16px;padding: 0 25px; }
#real_view_div .li > .div3 span{display: block;}
#real_view_div .li > .div3 *{text-align: left;}
#real_view_div .li > .div3 .s1{margin-bottom: 10px;}

@media only screen and (max-width: 1023px) {
	/* sub default */
	.sub_top{background-size:cover;}
	.section_div > section{padding: 20px;}
	/* sub default */
	.cat_div{margin-bottom: 30px;}
	#real_list_div li{width: 33.333%;}
}


@media only screen and (max-width: 767px) {
	/* sub default */
	/* sub default */
	.cat_div li a div{font-size: 14px;}
	
	#real_list_div li{width: 50%;}
	
	
}
@media only screen and (max-width: 640px) {
	#real_list_div li > div{height: 48px;padding: 0 5px;}
	#real_list_div li > div p{font-size: 13px;line-height: 17px;}
}

@media all and (min-width:1024px) and (max-width:1199px) {
	/* sub default */
	.section_div > section{padding: 20px;}
	/* sub default */
}