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


#oneshot_2_73 { width:100%; position:relative;}
#oneshot_2_73 .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_73 .lt_more{}
#oneshot_2_73 .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_73 .lt_more a:hover{ background:#f5f5f5; color:#222; transition:all 0.3s;}

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

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

#oneshot_2_73 #border .over{position:absolute; left:0; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; transition:all 0.3s; text-align:center;}
#oneshot_2_73 #border .over a{color:#fff; display:block; width:100%; padding:35% 0; font-size:1.3em; color:#fff;}
#oneshot_2_73 #border .over a p{ opacity:0;}
#oneshot_2_73 #border .over a .plus{ display:block; margin:10px auto 0 auto; font-size:18px; width:40px; height:40px; border-radius:5px; background:#095b9e;line-height:40px; opacity:0;}
#oneshot_2_73 #border:hover .over{top:0; opacity:1; transition:all 0.3s;}
#oneshot_2_73 #border:hover .over a p{ opacity:1;}
#oneshot_2_73 #border .over a .plus{ opacity:1;}


#oneshot_2_73 .img_set{width:<?php echo $imgwidth ?>px; height:<?php echo $imgheight ?>px;}
#oneshot_2_73 .img_set img{ width:100% !important;}
#oneshot_2_72 .img_set .noimg{ width:100% !important;height:108% !important;}

#oneshot_2_73 .subject_t{ position:absolute; bottom:0; left:0; width:100%; padding:25px 25px; z-index:10;}
#oneshot_2_73 .subject_t a{ display:block;}
#oneshot_2_73 .subject_t .subject_cate{ display:inline-block; font-size:15px; color:rgba(250,250,250,0.6); line-height:17px;}
#oneshot_2_73 .subject_t a.subj_title{ font-size:1.5em; font-weight:500; color:rgba(250,250,250,0.9);}
#oneshot_2_73 .subject_t a.subj_name{ font-size:1em; font-weight:400; color:rgba(250,250,250,0.5);}

#oneshot_2_73 ul.no_today { text-align:center; min-height:100px; padding-top:20px;}
#oneshot_2_73 ul.no_today li{ width:100%; margin:0; float:none; font-size:1.1em; color:#999;}
#oneshot_2_73 ul.no_today li i{ font-size:2.3em;}
#oneshot_2_73 ul.no_today li p{ margin-top:10px;}


/*#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_73 ul { min-height:302px;}
#oneshot_2_73 li{ height:302px; margin:0 10px 20px 10px;}
#oneshot_2_73 .img_set img{ height:200px;}

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


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

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

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

#oneshot_2_73 #border .over a{ padding:30% 0; font-size:1.1em;}
#oneshot_2_73 #border .over a .plus{ font-size:13px; width:30px; height:30px;line-height:30px;}

#oneshot_2_73 ul.no_today { padding-top:20px;}
#oneshot_2_73 ul.no_today li{ font-size:1em; height:auto;}
}