/* #container #contents { width:926px;} #container #contents .bbsSa { float:none; height:50px; margin-bottom:35px; padding:20px 0; border:1px solid #d0d0d0; text-align:center} #container #contents .bbsSa li { float:none; height:50px; margin-right:0; margin-left:-5px; line-height:50px; vertical-align:top} #container #contents .bbsSa li .bbsSa_op { width:178px; height:50px; padding:5px 14px 5px 12px; border-color:#333; font-size:14px; line-height:38px} #container #contents .bbsSa li .bbsSa_kw { width:537px; height:48px; border-color:#333; text-align:left} #container #contents .bbsSa li .btnSeach { float:none; display:inline-block; width:48px; height:48px; border:1px solid #333} */ #container #contents .bbsTotal { margin-bottom:10px;} #container #contents .bbsTotal dt { height:40px; line-height:40px} #container #contents .bbsTotal dd { height:40px; line-height:40px} #container #contents .bbsTotal dd span { color:#E02E42} #container #contents .bbsListType { overflow:hidden; width:100%; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #003964} #container #contents .bbsListType ul { float:right} #container #contents .bbsListType li { float:left; margin-left:5px; } #container #contents .bbsListType li a { display:block; width:40px; height:40px; overflow:hidden; text-indent:-999px} #container #contents .bbsListType .imgType a { background:url('../../_images/_sub/btn_images.gif') no-repeat 0 0} #container #contents .bbsListType .imgType.on a { background:url('../../_images/_sub/btn_images_on.gif') no-repeat 0 0} #container #contents .bbsListType .listType a { background:url('../../_images/_sub/btn_list.gif') no-repeat 0 0} #container #contents .bbsListType .listType.on a { background:url('../../_images/_sub/btn_list_on.gif') no-repeat 0 0} #container #contents .curationList { position:relative; margin-bottom:24px; min-height: 281px;} #container #contents .curationList .recommend { position:absolute; top:0; left:0; width:49.5%} #container #contents .curationList .recommend a { display:block; width:100%; height:264px; /*box-shadow:1px 5px 5px rgba(0,0,0,.15);*/ border:1px solid #ddd;} #container #contents .curationList .recommend a:hover .cont, #container #contents .curationList .recommend a:focus .cont { text-decoration:underline} #container #contents .curationList .recommend .point { position:absolute; top:0; left:20px; width:64px; height:64px; border-radius:0 0 32px 32px; box-shadow:0 3px 5px rgba(0,0,0,.3); color:#fff; font-size:18px; font-weight:600; line-height:64px; text-align:center; background:#E02E42; z-index:2} #container #contents .curationList .recommend .thumb { width:100%; height:100%} #container #contents .curationList .recommend .title, #container #contents .curationList .recommend .date, #container #contents .curationList .recommend .hit { display:none} #container #contents .curationList .recommend .cont { position:absolute; bottom:0; left:0; width:100%; padding:20px; box-sizing:border-box; color:#fff; font-size:15px; font-weight:600; line-height:130%; word-break:keep-all; background:rgba(0,0,0,.5)} #container #contents .curationList ul:after { content:""; clear:both; display:block} #container #contents .curationList li { float:left; width:24.25%; margin-left:1%; margin-bottom:1%;} #container #contents .curationList li:first-child { margin-left:50.5%;} #container #contents .curationList li:nth-child(3), #container #contents .curationList li:nth-child(7) { margin-left:0} #container #contents .curationList li a { display:block; /*box-shadow:1px 5px 5px rgba(0,0,0,.15);*/ border:1px solid #ddd; background:#fff} #container #contents .curationList li a:after { content:""; clear:both; display:block;} #container #contents .curationList li a:hover, #container #contents .curationList li a:focus { text-decoration:none} #container #contents .curationList li .thumb { width:100%; height:148px} #container #contents .curationList li .title { display:block; height:57px; overflow:hidden; padding:15px 10px 10px; font-size:15px; line-height:130%; font-weight:600} #container #contents .curationList li a:hover .title, #container #contents .curationList li a:focus .title { color:#ff6e61} #container #contents .curationList li span { display:inline-block; padding:0 10px 15px; color:#666; box-sizing:border-box; letter-spacing:-0.5px} #container #contents .curationList li .date { float:left} #container #contents .curationList li .hit { float:right} #container #contents .curationList.listType .recommend { position:relative; width:100%; margin-bottom:1%} #container #contents .curationList.listType .recommend a { height:auto; padding:17px 12px 17px 214px; box-sizing:border-box; border:3px solid #ff6e61; } #container #contents .curationList.listType .recommend .thumb { position:absolute; top:15px; left:15px; width:181px; height:100px;} #container #contents .curationList.listType .recommend .title { display:block; margin-bottom:10px; color:#000; font-size:15px; } #container #contents .curationList.listType .recommend .cont { position:relative; display:block; height:38px; margin-bottom:10px; overflow:hidden; padding:0; color:#000; font-size:14px; font-weight:400; background:none} #container #contents .curationList.listType .recommend .date, #container #contents .curationList.listType .recommend .hit { display:inline-block; color:#666} #container #contents .curationList.listType .recommend .hit { margin-left:30px} #container #contents .curationList.listType li { position:relative; width:49.5%} #container #contents .curationList.listType li:first-child, #container #contents .curationList.listType li:nth-child(2n+1) { margin-left:0} #container #contents .curationList.listType li a { padding:20px 20px 20px 180px} #container #contents .curationList.listType li .thumb { position:absolute; top:15px; left:15px; width:150px; height:100px} #container #contents .curationList.listType li .title { height:64px; margin-bottom:10px; padding:0; line-height:140%; } #container #contents .curationList.listType li span { padding:0} #container #contents .curationList.listType li .date, #container #contents .curationList.listType li .hit { float:none} #container #contents .curationList.listType li .hit { margin-left:25px} @media all and (max-width:1109px) { #container #contents .curationList li { width:49.5%} #container #contents .curationList li:nth-child(3), #container #contents .curationList li:nth-child(7) { margin-left:1%} #container #contents .curationList li:nth-child(2n) { margin-left:0} #container #contents .curationList.listType li:nth-child(2n) { margin-left:1%} } @media all and (max-width:767px) { #container #contents .curationList.listType li { width:100%} #container #contents .curationList.listType li:nth-child(2n) { margin-left:0} } @media all and (max-width:560px) { #container #contents .curationList .recommend { position:relative; width:100%; margin-bottom:2%} #container #contents .curationList .recommend a { height:auto} #container #contents .curationList li { width:100%; margin-bottom:2%; margin-left:0} #container #contents .curationList li:first-child, #container #contents .curationList li:nth-child(3), #container #contents .curationList li:nth-child(7) { margin-left:0} #container #contents .curationList li .thumb { height:auto} #container #contents .curationList li .title { height:auto} #container #contents .curationList.listType .recommend a { padding:15px} #container #contents .curationList.listType .recommend .thumb { position:relative; top:auto; left:auto; width:100%; height:auto} #container #contents .curationList.listType .recommend .title { margin-top:15px} #container #contents .curationList.listType .recommend .cont { height:auto} #container #contents .curationList.listType li a { padding:15px 15px 15px 118px} #container #contents .curationList.listType li .thumb { width:88px; height:auto} #container #contents .curationList.listType li .title { overflow:hidden; height:auto; text-overflow:ellipsis; white-space:nowrap} #container #contents .curationList.listType li span { font-size:13px} #container #contents .curationList.listType li .hit { margin-left:15px} }