@charset "utf-8";
/* CSS Document */


#oneshot_2_72 { width:100%; position:relative;}
#oneshot_2_72 .la_title {display:block;padding:0px 0 20px 0; font-size:2em;font-weight:500; letter-spacing:-1.5px; color:#333; border-bottom:1px solid #ddd; margin-bottom:20px;}
#oneshot_2_72 .lt_more{}
#oneshot_2_72 .lt_more a{display:block; border:1px solid #ccc; line-height:40px; border-radius:5px; text-align:center; font-size:1.2em; color:#666; margin-top:40px; transition:all 0.3s;}
#oneshot_2_72 .lt_more a:hover{ background:#f5f5f5; color:#222; transition:all 0.3s;}

#oneshot_2_72 ul {list-style:none;clear:both;margin:0;padding:0; min-height:281px;}
#oneshot_2_72 ul:after{ display:block; content:""; clear:both;}
#oneshot_2_72 li {list-style:none;float:left;text-decoration:none; width:calc(25% - 20px); margin:10px 10px; height:280px;}
#oneshot_2_72 #quick{position: absolute; z-index: 2; top: -5px; left: 5px; width: 50px;}

#oneshot_2_72 #border { overflow:hidden; border-radius:5px; box-shadow:0 0 8px rgba(0,0,0,0.2); transition:all 0.3s;}
#oneshot_2_72 #border:hover{ box-shadow:0 0 8px rgba(0,0,0,0.4); transition:all 0.3s;}

#oneshot_2_72 #border .over{/*position:absolute; left:0; top:275px; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.8); opacity:0; transition:all 0.5s; display:none;}
#border .over a{color:#fff; display:block; width:100%; padding:50% 10%; font-size:1.2em;}
#border .over a p{border:1px solid rgba(255,255,255,0.5); font-size:11px; padding:5px 10px; width:100px; margin:10px auto;}
#border:hover .over{top:0; opacity:1;*/ display:none;}

#oneshot_2_72 .img_set{ height:170px; overflow:hidden;}
#oneshot_2_72 .img_set img{ width:100% !important; height:100% !important;}
#oneshot_2_72 .img_set .noimg{ width:100% !important;height:108% !important;}

#oneshot_2_72 .subject_t{ padding:20px 20px;}
#oneshot_2_72 .subject_t a{ display:block;}
#oneshot_2_72 .subject_t .subject_cate{ display:inline-block; font-size:12px; color:#1a83a8; line-height:17px; padding:0 7px; border:1px solid #1a83a8 ; border-radius:20px; margin-bottom:5px;}
#oneshot_2_72 .subject_t a.subj_title{ font-size:1.3em; font-weight:400; color:#333;}
#oneshot_2_72 .subject_t a.subj_name{ font-size:1em; font-weight:400; color:#777; margin-top:5px;}

/*#oneshot_2_7 .subject_set .sub_datetime{
margin-left:7px;
padding-top:3px;
font-size:12px;
font-family:Dotum,Verdana,Arial;
color:#999; 
line-height:28px
}*/


@media (max-width:850px) {
#oneshot_2_72 ul { min-height:302px;}
#oneshot_2_72 li{ width:calc(33% - 20px); height:302px; margin:0 10px 20px 10px;}
#oneshot_2_72 .img_set img{ height:200px;}

#oneshot_2_72 .subject_t a.subj_title{ font-size:1em;}
}

@media (max-width:500px) {
#border {}
#oneshot_2_72 ul { min-height:202px;}
#oneshot_2_72 li{ width:calc(50% - 20px); height:202px; margin:0 10px 20px 10px;}
#oneshot_2_72 #border{ box-shadow:none; border:1px solid #ddd;}
#oneshot_2_72 .img_set{ width:100%; height:auto;}
#oneshot_2_72 .img_set img{ height:100px;}

#oneshot_2_72 .subject_t{ padding:10px 10px;}
#oneshot_2_72 .subject_t a.subj_title{ font-size:1.1em; height:38px; line-height:1.2em;}
#oneshot_2_72 .subject_t a.subj_name{ font-size:12px; margin-top:2px;}

#oneshot_2_72 .lt_more a{ font-size:1em; margin-top:0px;}
}