@import url('https://fonts.googleapis.com/css?family=Quicksand');
body {font-family: 'Quicksand', 'notokr-medium', 'Nanum Gothic Coding', sans-serif; }

#main { background: #f1f1f1;}
#main .main_quick {padding:10px; }
#main .main_quick ul { width: 100%; margin-top: 5px;}
#main .main_quick ul:after { content:""; display:block; clear:both; }
#main .main_quick ul li{ width:25%; float:left; height: 200px; margin-bottom: 25px; 
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);}
#main .main_quick ul li:nth-child(4n+1), #main .main_quick ul li:nth-child(4n+2){ padding-right: 10px;}
#main .main_quick ul li:nth-child(4n+4) { padding-left:10px;}
#main .main_quick ul li a { display: block; width: 100%; height: 100%; position: relative; }
#main .main_quick ul li a div { width: 100%; height: 100%; position: relative; overflow: hidden;}
#main .main_quick ul li a div:after {background: -owg-linear-gradient(135deg,rgba(255,101,100,.4) 0,rgba(255,101,100,0) 50%,rgba(255,101,100,0) 100%),-owg-linear-gradient(45deg,rgba(40,0,215,0) 0,rgba(40,0,215,0) 50%,rgba(40,0,215,.4) 100%),-owg-linear-gradient(transparent 5%,rgba(0,0,0,.8) 100%);background: -webkit-linear-gradient(135deg,rgba(255,101,100,.4) 0,rgba(255,101,100,0) 50%,rgba(255,101,100,0) 100%),-webkit-linear-gradient(45deg,rgba(40,0,215,0) 0,rgba(40,0,215,0) 50%,rgba(40,0,215,.4) 100%),-webkit-linear-gradient(transparent 5%,rgba(0,0,0,.8) 100%); background: -moz-linear-gradient(135deg,rgba(255,101,100,.4) 0,rgba(255,101,100,0) 50%,rgba(255,101,100,0) 100%),-moz-linear-gradient(45deg,rgba(40,0,215,0) 0,rgba(40,0,215,0) 50%,rgba(40,0,215,.4) 100%),-moz-linear-gradient(transparent 5%,rgba(0,0,0,.8) 100%); background: -o-linear-gradient(135deg,rgba(255,101,100,.4) 0,rgba(255,101,100,0) 50%,rgba(255,101,100,0) 100%),-o-linear-gradient(45deg,rgba(40,0,215,0) 0,rgba(40,0,215,0) 50%,rgba(40,0,215,.4) 100%),-o-linear-gradient(transparent 5%,rgba(0,0,0,.8) 100%);background: linear-gradient(135deg,rgba(255,101,100,.4) 0,rgba(255,101,100,0) 50%,rgba(255,101,100,0) 100%),linear-gradient(45deg,rgba(40,0,215,0) 0,rgba(40,0,215,0) 50%,rgba(40,0,215,.4) 100%),linear-gradient(transparent 5%,rgba(0,0,0,.8) 100%);overflow: hidden; content:""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 1;}
#main .main_quick ul li a div img { width: 100%; min-height: 100%;}
#main .main_quick ul li a p { display: inline-block; position: absolute; top:10px; right:10px; color:#fff; }
#main .main_quick ul li a p strong { font-size: 30px;}
#main .main_quick ul li a p span { font-size: 15px;}
#main .main_quick ul li a dl { position: absolute; bottom:-10px; left:0; background: #fff; opacity: 20; width: 95%; padding:10px 15px; 
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);}
#main .main_quick dl dt { font-size: 22px; font-weight: bold;}
#main .main_quick dl dt.many { font-size: 14px; font-weight: normal; line-height: 16px;}
#main .main_quick dl dt span { font-size: 13px;}
#main .main_quick dl dd { font-size: 11px; letter-spacing: 0; margin-bottom: -3px;}
#main .main_quick dl dd strong { margin-right:3px;}

@media screen and (max-width:1200px){
    #main .main_quick ul li{ width:33.3333%; }
    #main .main_quick ul li:nth-child(4n+1), #main .main_quick ul li:nth-child(4n+2), #main .main_quick ul li:nth-child(4n+4) {padding:0;}
    #main .main_quick ul li:nth-child(3n+1) { padding-right: 5px;}
    #main .main_quick ul li:nth-child(3n+2) { padding:0 2.5px;}
    #main .main_quick ul li:nth-child(3n+3) { padding-left:5px;}
}
@media screen and (max-width:1000px){
    #main .main_quick ul li{ width:50%}
    #main .main_quick ul li:nth-child(3n+1), #main .main_quick ul li:nth-child(3n+2), #main .main_quick ul li:nth-child(3n+3) { padding:0;}
    #main .main_quick ul li:nth-child(2n+1) { padding-right: 5px;}
    #main .main_quick ul li:nth-child(2n+2) { padding-left: 5px;}
}
@media screen and (max-width:600px){
    #main .main_quick ul li{ width:100%}
    #main .main_quick ul li:nth-child(2n+1), #main .main_quick ul li:nth-child(2n+2) { padding:0;}
}