@charset="UTF-8";

@media all and (min-width:1024px) {
#section1{position:relative; width:1003px; height:1000px; margin:0 auto;}
#Rcontent{position:relative; width:740px; padding-left:30px; padding-top:30px;}
#Rcontent > p{color:#525252; border-bottom:1px solid #d1d5d3; font-size:12px;}

#contents{width:600px; margin-top:30px; margin-left:40px;}
table{width:600px;}

table tr{height:30px;}
table th{border-top:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; 
            color:#444444; background-color:#fcec5b; line-height:30px;
        vertical-align:middle; font-weight:600; font-size:15px;}
table td{border-bottom:solid 1px #dddddd; color:#444444;
            line-height:17px; vertical-align:middle;}
table td.col1 {width:40px; text-align:center; font-size:15px;}
table td.col2{font-size:14px; padding:5px 0px;}
table td.col2 a{color:#1c1c1c;}
table td.col3 {width:100px;text-align:center; font-size:13px;}
table td.col4 {width:60px; text-align:center; font-size:13px;}

table td a:link {text-decoration:none;}
table td a:hover{text-decoration:underline; color:blue;}
table td a:active {text-decoration:none; color:#444444;}

#buttons {width:175px; margin:0 auto; margin-top:20px;}
#buttons .but{float:left;}
    #buttons .but a{color:#3d3d3d;}
    #buttons .but a:hover{color:blue;}
    .number:hover{color:blue; text-decoration:underline;}

#search{clear:both; width:365px; margin:0 auto; padding-top:30px;}
.cols li {display:inline-block; margin-top:5px; float:left;}
.cols li.col2 input{width:150px;}
.cols li.col2 input.hp {width:35px;}
.cols li.col1{width:150px; font-size:12px;}
.searchicon > a > img{border:1px solid #717171;}
	
}



@media all and (min-width:768px) and (max-width:1023px) {
#section1{position:relative; width:100%; height:900px;}
#Rcontent{position:relative; width:94%; padding-left:30px; padding-top:30px;}
#Rcontent > p{color:#525252; border-bottom:1px solid #d1d5d3; font-size:12px;}
    
#contents{width:90%; margin-top:30px; margin-left:40px;}
table{width:100%; font-size:13px;}

table tr{height:30px;}
table th{border-top:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; 
            color:#444444; background-color:#fcec5b; line-height:30px;
        vertical-align:middle; font-weight:600; font-size:15px;}
table td{border-bottom:solid 1px #dddddd; color:#444444;
            line-height:17px; vertical-align:middle;}
table td.col1 {width:40px; text-align:center; font-size:15px;}
table td.col2{font-size:14px; padding:5px 0px;}
table td.col2 a{color:#1c1c1c;}
table td.col3 {width:100px;text-align:center; font-size:13px;}
table td.col4 {width:60px; text-align:center; font-size:13px;}

td a:link {text-decoration:none;}
td a:hover{text-decoration:underline; color:blue;}
td a:active {text-decoration:none; color:#444444;}

#buttons {width:175px; margin:0 auto; margin-top:20px;}
#buttons .but{float:left;}
    #buttons .but a{ color:#3d3d3d;}
    #buttons .but a:hover{color:blue;}
    .number:hover{color:blue; text-decoration:underline;}

#search{clear:both; width:365px; margin:0 auto; padding-top:30px;}
.cols li {display:inline-block; margin-top:5px; float:left;}
    .cols li.col2 input{width:150px;}
.cols li.col2 input.hp {width:35px;}
.cols li.col1{width:150px; font-size:12px;}
    .searchicon > a > img{border:1px solid #717171;}

	
}



@media all and (max-width:767px){
#section1{position:relative; width:100%; height:850px;}
#Rcontent{position:relative; width:97%; padding-left:10px; padding-top:30px;}
#Rcontent > p{color:#525252; border-bottom:1px solid #d1d5d3; font-size:11px;}
    
#contents{width:95%; padding-top:30px; margin:0 auto;}
table{width:100%;}

table tr{height:30px;}
table th{border-top:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; 
            color:#444444; background-color:#fcec5b; line-height:30px;
        vertical-align:middle; font-weight:600; font-size:15px;}
table td{border-bottom:solid 1px #dddddd; color:#444444;
            line-height:17px; vertical-align:middle; padding:4px 0px;}

table td.col2{font-size:14px; padding-lefT:5px;}
table td.col2 a{color:#1c1c1c;}
table td.col3 {width:90px;text-align:center; font-size:13px;}

th:nth-child(1){display:none;}
th:nth-child(4){display:none;}
td.col1 {display:none;}
td.col4 {display:none;}

td a:link {text-decoration:none; color:#1c1c1c;}
td a:hover{text-decoration:underline; color:blue;}
td a:active {text-decoration:none; color:#444444;}

#buttons{width:155px; margin:0 auto; margin-top:20px;}
#buttons .but{float:left;}
    #buttons .but > a{ color:#3d3d3d;font-size:12px;}
    #buttons .but > a:hover{color:blue; font-size:12px;}
    .number:hover{color:blue; text-decoration:underline;}

#search{clear:both; width:360px; margin:0 auto; padding-top:30px;}
.cols li {display:inline-block; margin-top:5px; float:left;}
    .cols li.col2 input{width:150px;}
.cols li.col2 input.hp {width:35px;}
.cols li.col1{width:150px; font-size:12px;}
.searchicon > a > img{border:1px solid #717171;}

}



@media all and (max-width:480px){
#section1{clear:both; position:relative; width:100%; height:850px;}
#Rcontent{position:relative; width:95%; padding-left:10px; padding-top:30px;}
#Rcontent > p{color:#525252; border-bottom:1px solid #d1d5d3; font-size:11px;}
    
#contents{width:95%; padding-top:30px; margin:0 auto;}
table{width:100%;}

table tr{height:30px;}
table th{border-top:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; 
            color:#444444; background-color:#fcec5b; line-height:30px;
        vertical-align:middle; font-weight:600; font-size:14px;}
table td{border-bottom:solid 1px #dddddd; color:#444444;
            line-height:17px; vertical-align:middle;}

table td.col2{font-size:13px; padding:3px 0px 3px 5px;}
table td.col2 a{color:#1c1c1c;}
table td.col3 {width:80px; text-align:center; font-size:12px;}

th:nth-child(1){display:none;}
th:nth-child(4){display:none;}
td.col1 {display:none;}
td.col4 {display:none;}
    
td a:link {text-decoration:none; color:#1c1c1c;}
td a:hover{text-decoration:underline; color:blue;}
td a:active {text-decoration:none; color:#444444;}

#buttons{width:160px; margin:0 auto; margin-top:20px;}
#buttons .but{float:left;}
#buttons .but > a{ color:#3d3d3d;font-size:12px;}
#buttons .but > a:hover{color:blue; font-size:12px;}
.number:hover{color:blue; text-decoration:underline;}

#search{clear:both; width:280px; margin:0 auto; padding-top:30px;}
.cols li {display:inline-block; margin-top:5px; float:left;}
.cols li.col2 input{width:90px;}
.cols li.col2 input.hp {width:30px;}
.cols li.col1{width:130px; font-size:12px;}
.searchicon > a > img{border:1px solid #717171;}

}

@media all and (max-width:320px){
#section1{clear:both; position:relative; width:100%; height:900px;}
#Rcontent{position:relative; width:95%; padding-left:10px; padding-top:30px;}
#Rcontent > p{color:#525252; border-bottom:1px solid #d1d5d3; font-size:11px;}
    
#contents{width:95%; padding-top:30px; margin:0 auto;}
table{width:100%;}

table tr{height:17px;}
table th{border-top:solid 1px #aaaaaa; border-bottom:solid 1px #aaaaaa; 
            color:#444444; background-color:#fcec5b; line-height:30px;
        vertical-align:middle; font-weight:600; font-size:14px;}
table td{border-bottom:solid 1px #dddddd; color:#444444;
            line-height:17px; vertical-align:middle;}

table td.col2{font-size:13px; padding:3px 0px 3px 5px;}
table td.col2 a{color:#1c1c1c;}
table td.col3 {width:80px; text-align:center; font-size:12px;}

th:nth-child(1){display:none;}
th:nth-child(4){display:none;}
td.col1 {display:none;}
td.col4 {display:none;}
    
td a:link {text-decoration:none; color:#1c1c1c;}
td a:hover{text-decoration:underline; color:blue;}
td a:active {text-decoration:none; color:#444444;}

#buttons{width:160px; margin:0 auto; margin-top:20px;}
#buttons .but{float:left;}
#buttons .but > a{ color:#3d3d3d;font-size:12px;}
#buttons .but > a:hover{color:blue; font-size:12px;}
.number:hover{color:blue; text-decoration:underline;}

#search{clear:both; width:250px; margin:0 auto; padding-top:30px;}
.cols li {display:inline-block; margin-top:5px; float:left;}
.cols li.col2 input{width:80px;}
.cols li.col2 input.hp {width:30px;}
.cols li.col1{width:130px; font-size:12px;}
.searchicon > a > img{width:30px; height:17px; border:1px solid #717171;}

	
}
