@import url('layout.css');
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);


* { font-family:inherit; color:inherit; }
a:hover { text-decoration:none; }
a:hover span.subject { text-decoration:underline; }

#container.list { background-color:#f2f2f2; }
#contents.humor { width:1000px; margin:0 auto; padding:10px 0; }

#contents.humor div.header { height:48px; border-bottom:1px solid #DDD; }
#contents.humor div.header h2 { height:48px; border-bottom:1px solid #F00; padding:0 15px; line-height:48px; margin-bottom:-1px; font-size:30px; font-family:'Noto Sans'; float:left;  }
#contents.humor div.header ul.location { position:absolute; right:0px; bottom:10px; color:#666; font-family:'Dotum'; font-size:12px; }
#contents.humor div.header ul.location li { float:left; display:block; }
#contents.humor div.header ul.location li:before { content:'>'; float:left; padding:0 5px; }
#contents.humor div.header ul.location li.home:before { content:none; }
#contents.humor div.header ul.location li:last-child a { font-weight:bold; }

#contents.humor div.contents.list { padding:18px 0; margin:-4px; }
#contents.humor div.contents.list:after { content:''; display:block; clear:both; }
#contents.humor div.contents.list div.item { width:172px; height:246px; padding:35px; float:left; border:1px solid #DDD; background-color:#FFF; margin:4px; }
#contents.humor div.contents.list div.item span { display:block; }
#contents.humor div.contents.list div.item span.subject { height:37px; font-size:18px; font-family:'Noto Sans'; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold; }
#contents.humor div.contents.list div.item span.thumb { display:none; border:1px solid #DDD; overflow:hidden; background-position:center 65%; background-size:cover; background-repeat:no-repeat; }
#contents.humor div.contents.list div.item span.thumb img { display:none; }
#contents.humor div.contents.list div.item.thumb span.thumb { display:block; height:207px; }
#contents.humor div.contents.list div.item.thumb.txt span.thumb { height:106px; margin-bottom:20px; }
#contents.humor div.contents.list div.item span.summary { display:none; overflow:hidden; font-family:'Dotum'; font-size:12px; color:#999; }
#contents.humor div.contents.list div.item.txt span.summary { display:block; height:207px; line-height:23px; }
#contents.humor div.contents.list div.item.txt.thumb span.summary { display:block; height:78px; line-height:24px; }

/* devPage */
#contents.humor div.footer table.devPage { margin:30px auto 50px; }
#contents.humor div.footer table.devPage tbody { vertical-align:middle; }
#contents.humor div.footer table.devPage tbody tr td { font-size:12px;}
#contents.humor div.footer table.devPage tbody tr td a { padding:10px; min-width:15px; line-height:12px; font-weight:bold; font-family:'Dotum'; color:#666; border:1px solid #ccc; background-color:#fff; border-left:0px; display:table-cell; text-align:center; vertical-align:middle; }
#contents.humor div.footer table.devPage tbody tr td.devFirstPage a { border-left:1px solid #ccc; padding:7px 10px; background-color:#f8f8f8; }
#contents.humor div.footer table.devPage tbody tr td.devPrevPage a { margin-right:10px; display:block; padding:7px 10px; background-color:#f8f8f8; }
#contents.humor div.footer table.devPage tbody tr td.devNextPage a { margin-left:10px; display:block; padding:7px 10px; background-color:#f8f8f8; }
#contents.humor div.footer table.devPage tbody tr td.devLastPage a { padding:7px 10px; background-color:#f8f8f8; }
#contents.humor div.footer table.devPage tbody tr td.devStartPage a { border-left:1px solid #ccc; }
#contents.humor div.footer table.devPage tbody tr td.devNextPage a { border-left:1px solid #ccc; }
#contents.humor div.footer table.devPage tbody tr td.devNowPage a { background-color:#666; color:#fff; border-color:#666; border-left:1px solid #666;}
#contents.humor div.footer table.devPage tbody tr td.devFirstPage a:after { content:'\f100'; font:normal normal normal 14px/1; font-family: 'Font Awesome 5 Free'; font-weight: bold; color:#666; font-size:18px; }
#contents.humor div.footer table.devPage tbody tr td.devPrevPage a:after { content:'\f104'; font:normal normal normal 14px/1; font-family: 'Font Awesome 5 Free'; font-weight: bold; color:#666; font-size:18px; }
#contents.humor div.footer table.devPage tbody tr td.devNextPage a:after { content:'\f105'; font:normal normal normal 14px/1; font-family: 'Font Awesome 5 Free'; font-weight: bold; color:#666; font-size:18px; }
#contents.humor div.footer table.devPage tbody tr td.devLastPage a:after { content:'\f101'; font:normal normal normal 14px/1; font-family: 'Font Awesome 5 Free'; font-weight: bold; color:#666; font-size:18px; }
#contents.humor div.footer table.devPage tbody tr td a span { display:none; }
#contents.humor div.footer table.devPage tbody tr td a:hover { text-decoration:none; }

#contents.humor div.footer { text-align:right; }
#contents.humor div.footer button.more { display:block; width:998px; height:38px; border:1px solid #DDD; background-color:#FFF; margin-bottom:10px; }
#contents.humor div.footer button.more:after { content:'\f107'; font-family:'Font Awesome 5 Free'; font-weight: bold; font-size:30px; color:#999; }
#contents.humor div.footer button.more span { display:none; }
#contents.humor div.footer a.top { font-size:12px; font-family:'Dotum'; color:#666; font-weight:bold; }
#contents.humor div.footer a.top:before { content:'\f0d8'; font-family:'Font Awesome 5 Free'; font-weight: bold; font-size:16px; color:#0e47a1; margin-right:5px; }



#contents.humor div.contents.detail { padding:14px 0; }
#contents.humor div.contents.detail:after { content:''; clear:both; display:block; }
#contents.humor div.contents.detail div.content { width:668px; border:1px solid #DDD; float:left; padding:10px; overflow:hidden; }
#contents.humor div.contents.detail div.content div.title { width: 100%; height:122px; border-bottom:1px solid #DDD; font-family:'Nanum Myeongjo'; font-size:24px; text-align:center; display: table; }
#contents.humor div.contents.detail div.content div.title span { display: table-cell; vertical-align: middle; }
#contents.humor div.contents.detail div.content div.function { height:44px; border-bottom:1px solid #DDD; }
#contents.humor div.contents.detail div.content div.function div.toolbox { float:left; }
#contents.humor div.contents.detail div.content div.function div.zoom { float:right; line-height:44px; }
#contents.humor div.contents.detail div.content div.function div.zoom a { display:block; float:left; background:url('/images/digitalNews/footerNavPartition.gif') no-repeat 7px center; font-size:11px; padding-left:15px; }
#contents.humor div.contents.detail div.content div.function div.zoom a:first-child { background:none; }
#contents.humor div.contents.detail div.content div.function div.zoom a:before { font-family:'Font Awesome 5 Free'; font-weight: bold; color:#888; }
#contents.humor div.contents.detail div.content div.function div.zoom a.zoomIn:before { content:'\f067'; padding-right:5px; }
#contents.humor div.contents.detail div.content div.function div.zoom a.zoomDefault:before { content:'\f021'; padding-right:5px; }
#contents.humor div.contents.detail div.content div.function div.zoom a.zoomOut:before { content:'\f068'; padding-right:5px; }
#contents.humor div.contents.detail div.content div.article { padding:30px 0; line-height:160%; }
#contents.humor div.contents.detail div.content div.article img { max-width:668px; }
#contents.humor div.contents.detail div.content div.control { margin-bottom:30px; text-align:center; }
#contents.humor div.contents.detail div.content div.control button { background-color:#F2F2F2; width:110px; height:33px; border:1px solid #DDD; color:#666; }
#contents.humor div.contents.detail div.aside { float:right; width:300px; }
#contents.humor div.contents.detail div.aside div.section { padding:10px 9px; width:280px; border:1px solid #DDD; background-color:#F2F2F2; }
#contents.humor div.contents.detail div.aside div.section div.header { height:26px; border-bottom:1px solid #DDD; padding-top:10px; }
#contents.humor div.contents.detail div.aside div.section div.header span.title { font-family:'Noto Sans'; display:block; height:17px; line-height:17px; border-left:3px solid #7f7f7f; padding-left:10px; font-size:16px; }
#contents.humor div.contents.detail div.aside div.section div.list {}
#contents.humor div.contents.detail div.aside div.section div.list div.item a { display:block; }
#contents.humor div.contents.detail div.aside div.section div.list div.item.major { padding:10px 0; }
#contents.humor div.contents.detail div.aside div.section div.list div.item.major a { height:55px; }
#contents.humor div.contents.detail div.aside div.section div.list div.item.major span.thumb { display:block; width:78px; height:53px; border:1px solid #DDD; float:left; margin-right:10px; background-position:center 65%; background-size:cover; background-repeat:no-repeat; }
#contents.humor div.contents.detail div.aside div.section div.list div.item.major span.thumb img { display:none; }
#contents.humor div.contents.detail div.aside div.section div.list div.item.major span.subject { display:table-cell; width:185px; height:55px; font-size:14px; font-family:'Nanum Gothic'; vertical-align:middle; line-height:20px; }
#contents.humor div.contents.detail div.aside div.section div.list div.item.list { height:24px; }
#contents.humor div.contents.detail div.aside div.section div.list div.item.list.first { border-top:1px solid #DDD; padding-top:6px; }
#contents.humor div.contents.detail div.aside div.section div.list div.item.list:before { content:'·'; padding-right:2px; color:#b9b9b9; font-size:20px; vertical-align:middle; float:left; line-height:24px; }
#contents.humor div.contents.detail div.aside div.section div.list div.item.list a { height:24px; line-height:24px; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#contents.humor div.contents.detail div.aside div.bnr { font-size:0px; line-height:0px; margin-bottom:10px; }
#contents.humor div.contents.detail div.aside div.bnr:after { content:''; display:block; clear:both; }
#contents.humor div.contents.detail div.aside div.bnr a { border:1px solid #DDD; display:block; text-align:center; overflow:hidden; height:128px; margin-top:10px; }