.top_menu{list-style:none; margin:5px auto;}
.top_menu li{margin:0 6px 7px 0; width:175px; float:left;}
.top_menu li:last-child{margin:0 0 7px 0; width:175px; float:left;}
.top_menu li a{display:block; width:100%; height:45px; text-align:center; font-size:14px; font-weight:500; color:#fff; line-height:45px; border:0px solid #000000; border-radius:5px 5px 5px 5px; background-color:#333336;}
.top_menu li a:hover{text-decoration:none; background-color:#D0101B;}
.top_menu li:hover > a,
.top_menu li.active > a {text-decoration:none; background-color:#D0101B;}

.contents{margin:0; padding:20px 0 0 0; display:block;}
.contents:after {content:""; display:block; clear:both;}
.contents li{width:275px; padding:0 0 40px 0; font-size:14px; list-style:none; float:left;}
.contents li:nth-child(4n){width:250px; padding:0 0 40px 0; font-size:14px; list-style:none; float:left;}

.contents li .set_img{width:250px; height:160px; border:1px solid #CCCCCC; float:left; cursor:pointer; overflow:hidden;}
.contents li .set_img .gradient1 {margin-top:40px; padding:5px 10px 5px 10px; text-align:center;}
.contents li .set_img .gradient1 a{font-family:"Noto Sans KR"; font-size:26px; color:#FFFFFF; line-height:18px; letter-spacing:-1px; text-decoration:none; text-shadow:3px 3px 3px #000000;}

.contents li .set_img .gradient2 {margin-top:46px; background:rgba(0,0,0,.50); padding:5px 10px 5px 10px; }
.contents li .set_img .gradient2 a{font-family:"Noto Sans KR"; font-size:16px; color:#FFFFFF; line-height:18px; letter-spacing:-1px; text-decoration:none;}

.sc_type{margin:0; padding:20px 0 0 0; display:block;}
.sc_type li{width: 480px; padding:20px; margin:0 0 30px 0;  border:1px solid #CCCCCC; border-top:3px solid #648EC2; background-color:#F9F9F9; float:left; cursor:pointer;}
.sc_type li:nth-child(2n){margin:0 0 30px 36px;}

@media all and (min-width:0px) and (max-width:1000px){
.top_menu{list-style:none; margin:0 0 300px 0;}
.top_menu li{margin:0 0 7px 0; width:100%;}
.top_menu li:last-child{margin:0 0 7px 0; width:100%;}

.contents li{width:100%;}
.contents li:nth-child(4n){width:100%;}
.contents li .set_img{width:100%;}

.sc_type li{width:90%; padding:5%;}
.sc_type li:nth-child(2n){margin:0 0 30px 0;}
}