@import url('layout.css');


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

#container.list { }
#contents.nProd { width:1000px; margin:0 auto; padding:10px 0; }

#contents.nProd div.header { height:48px; border-bottom:1px solid #DDD; }
#contents.nProd 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.nProd div.header ul.location { position:absolute; right:0px; bottom:10px; color:#666; font-family:'Dotum'; font-size:12px; }
#contents.nProd div.header ul.location li { float:left; display:block; }
#contents.nProd div.header ul.location li:before { content:'>'; float:left; padding:0 5px; }
#contents.nProd div.header ul.location li.home:before { content:none; }
#contents.nProd div.header ul.location li:last-child a { font-weight:bold; }

#contents.nProd div.aside { float:right; width:278px; border:1px solid #DDD; padding:20px 10px; margin-top:18px; margin-bottom:30px; font-family:'Nanum Gothic'; background-color:#f4f4f4; }
#contents.nProd div.aside dl {}
#contents.nProd div.aside dt { font-size:18px; line-height:27px; font-weight:bold; padding-left:12px; border-bottom:1px solid #DDD; margin-bottom:4px; background:url('/images/main/icoNProdCateDt.png') no-repeat left center; }
#contents.nProd div.aside dd { border-bottom:1px dotted #DDD; padding-left:18px; background:url('/images/main/icoNProdCateDd.png') no-repeat 10px center; }
#contents.nProd div.aside dd a { display:block; line-height:36px; font-size:14px; }
#contents.nProd div.aside dd.selected { padding-bottom:1px; border-bottom:0px; background:url('/images/main/icoNProdCateDdSelected.png') no-repeat 10px center #3b78ce; }
#contents.nProd div.aside dd:hover { padding-bottom:1px; border-bottom:0px; background:url('/images/main/icoNProdCateDdSelected.png') no-repeat 10px center #3b78ce; }
#contents.nProd div.aside dd.selected a, #contents.nProd div.aside dd:hover a { color:#FFF; }

#contents.nProd div.contents { float:left; width:690px; }

#contents.nProd div.content.list { padding:18px 0; margin:-4px; }
#contents.nProd div.content.list:after { content:''; display:block; clear:both; }
#contents.nProd div.content.list div.item { width:172px; height:246px; padding:25px; float:left; border:1px solid #DDD; margin:4px; }
#contents.nProd div.content.list div.item.selected { border-color:#F00; }
#contents.nProd div.content.list div.item span { display:block; }
#contents.nProd div.content.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.nProd div.content.list div.item span.thumb { display:none; border:1px solid #DDD; overflow:hidden; background-position:center; background-size:contain; background-repeat:no-repeat; }
#contents.nProd div.content.list div.item span.thumb img { display:none; }
#contents.nProd div.content.list div.item.thumb span.thumb { display:block; height:207px; }
#contents.nProd div.content.list div.item.thumb.txt span.thumb { height:106px; margin-bottom:20px; }
#contents.nProd div.content.list div.item span.summary { display:none; overflow:hidden; font-family:'Dotum'; font-size:12px; color:#999; }
#contents.nProd div.content.list div.item.txt span.summary { display:block; height:207px; line-height:23px; }
#contents.nProd div.content.list div.item.txt.thumb span.summary { display:block; height:78px; line-height:24px; }

/* devPage */
#contents.nProd div.footer table.devPage { margin:30px auto 50px; }
#contents.nProd div.footer table.devPage tbody { vertical-align:middle; }
#contents.nProd div.footer table.devPage tbody tr td { font-size:12px;}
#contents.nProd 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.nProd div.footer table.devPage tbody tr td.devFirstPage a { border-left:1px solid #ccc; padding:7px 10px; background-color:#f8f8f8; }
#contents.nProd div.footer table.devPage tbody tr td.devPrevPage a { margin-right:10px; display:block; padding:7px 10px; background-color:#f8f8f8; }
#contents.nProd div.footer table.devPage tbody tr td.devNextPage a { margin-left:10px; display:block; padding:7px 10px; background-color:#f8f8f8; }
#contents.nProd div.footer table.devPage tbody tr td.devLastPage a { padding:7px 10px; background-color:#f8f8f8; }
#contents.nProd div.footer table.devPage tbody tr td.devStartPage a { border-left:1px solid #ccc; }
#contents.nProd div.footer table.devPage tbody tr td.devNextPage a { border-left:1px solid #ccc; }
#contents.nProd div.footer table.devPage tbody tr td.devNowPage a { background-color:#666; color:#fff; border-color:#666; border-left:1px solid #666;}
#contents.nProd div.footer table.devPage tbody tr td.devFirstPage a:after { content:'\f100'; font:normal normal normal 14px/1; font-family: 'Font Awesome 5 Free';color:#666; font-size:18px; }
#contents.nProd div.footer table.devPage tbody tr td.devPrevPage a:after { content:'\f104'; font:normal normal normal 14px/1; font-family: 'Font Awesome 5 Free';color:#666; font-size:18px; }
#contents.nProd div.footer table.devPage tbody tr td.devNextPage a:after { content:'\f105'; font:normal normal normal 14px/1; font-family: 'Font Awesome 5 Free';color:#666; font-size:18px; }
#contents.nProd div.footer table.devPage tbody tr td.devLastPage a:after { content:'\f101'; font:normal normal normal 14px/1; font-family: 'Font Awesome 5 Free';color:#666; font-size:18px; }
#contents.nProd div.footer table.devPage tbody tr td a span { display:none; }
#contents.nProd div.footer table.devPage tbody tr td a:hover { text-decoration:none; }

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



#contents.nProd div.content.detail { padding:14px 10px 10px; margin-top:18px; width:668px; border-bottom:1px solid #DDD; }
#contents.nProd div.content.detail:after { content:''; clear:both; display:block; }
#contents.nProd div.content.detail div.header { height:auto; }
#contents.nProd div.content.detail div.header:after { content:''; clear:both; display:block; }
#contents.nProd div.content.detail div.header div.infor { zoom:1; padding-bottom:20px; }
#contents.nProd div.content.detail div.header div.infor:after { content:''; clear:both; display:block; }
#contents.nProd div.content.detail div.header div.infor span { display:block; }
#contents.nProd div.content.detail div.header div.infor span.subject { font-size:24px; font-family:'Noto Sans'; }
#contents.nProd div.content.detail div.header div.infor span.subTitle { font-size:16px; color:#666; padding-bottom:10px; line-height:20px; }
#contents.nProd div.content.detail div.header div.infor span.press { float:left; color:#999; font-size:12px; }
#contents.nProd div.content.detail div.header div.infor span.date { float:left; color:#999; font-size:12px; }
#contents.nProd div.content.detail div.header div.infor span.date:before { content:'등록일 :'; padding:0 3px; }
#contents.nProd div.content.detail div.header div.toolbox { float:left; }
#contents.nProd div.content.detail div.header div.zoom { float:right; margin-top:-30px; }
#contents.nProd div.content.detail div.header div.zoom a { display:block; float:left; background:url('/images/digitalNews/footerNavPartition.gif') no-repeat 7px center; font-size:11px; padding-left:15px; }
#contents.nProd div.content.detail div.header div.zoom a:first-child { background:none; }
#contents.nProd div.content.detail div.header div.zoom a:before { font-family:'Font Awesome 5 Free'; color:#888; font-weight: bold; }
#contents.nProd div.content.detail div.header div.zoom a.zoomIn:before { content:'\f067'; padding-right:5px;  }
#contents.nProd div.content.detail div.header div.zoom a.zoomDefault:before { content:'\f021'; padding-right:5px; }
#contents.nProd div.content.detail div.header div.zoom a.zoomOut:before { content:'\f068'; padding-right:5px; }
/*
#contents.nProd div.content.detail div.title { height:122px; border-bottom:1px solid #DDD; line-height:122px; font-family:'Nanum Myeongjo'; font-size:24px; text-align:center; }
#contents.nProd div.content.detail div.function { height:44px; border-bottom:1px solid #DDD; }
#contents.nProd div.content.detail div.function div.toolbox { float:left; }
#contents.nProd div.content.detail div.function div.zoom { float:right; line-height:44px; }
#contents.nProd div.content.detail 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.nProd div.content.detail div.function div.zoom a:first-child { background:none; }
#contents.nProd div.content.detail div.function div.zoom a:before { font-family:'Font Awesome 5 Free'; color:#888; }
#contents.nProd div.content.detail div.function div.zoom a.zoomIn:before { content:'\f067'; padding-right:5px; }
#contents.nProd div.content.detail div.function div.zoom a.zoomDefault:before { content:'\f021'; padding-right:5px; }
#contents.nProd div.content.detail div.function div.zoom a.zoomOut:before { content:'\f068'; padding-right:5px; }
*/
#contents.nProd div.content.detail div.article { padding:0 0 30px; line-height:160%; overflow:hidden; font-size:14px; }
#contents.nProd div.content.detail div.article div.img { text-align:center; margin-bottom:15px; background-color:#efefef; padding:5px; }
#contents.nProd div.content.detail div.article div.img span { display:block; padding:12px; background-color:#FFF; }
#contents.nProd div.content.detail div.article div.img span img { display:block; margin:0 auto; }
#contents.nProd div.content.detail div.article img { max-width:634px; }
#contents.nProd div.content.detail div.corp { margin-top:20px; }
#contents.nProd div.content.detail div.corp table { width:100%; border:1px solid #DDD; border-collapse:collapse; font-size:12px; }
#contents.nProd div.content.detail div.corp table th { border:1px solid #DDD; background-color:#f2f2f2; padding:5px; }
#contents.nProd div.content.detail div.corp table td { border:1px solid #DDD; padding:5px; }
#contents.nProd div.content.detail div.control { margin-bottom:30px; text-align:center; }
#contents.nProd div.content.detail div.control button { background-color:#F2F2F2; width:110px; height:33px; border:1px solid #DDD; color:#666; }
/*
#contents.nProd div.content.detail div.aside { float:right; width:300px; }
#contents.nProd div.content.detail div.aside div.section { padding:10px 9px; width:280px; border:1px solid #DDD; background-color:#F2F2F2; }
#contents.nProd div.content.detail div.aside div.section div.header { height:26px; border-bottom:1px solid #DDD; padding-top:10px; }
#contents.nProd div.content.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.nProd div.content.detail div.aside div.section div.list {}
#contents.nProd div.content.detail div.aside div.section div.list div.item a { display:block; }
#contents.nProd div.content.detail div.aside div.section div.list div.item.major { padding:10px 0; }
#contents.nProd div.content.detail div.aside div.section div.list div.item.major a { height:55px; }
#contents.nProd div.content.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.nProd div.content.detail div.aside div.section div.list div.item.major span.thumb img { display:none; }
#contents.nProd div.content.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.nProd div.content.detail div.aside div.section div.list div.item.list { height:24px; }
#contents.nProd div.content.detail div.aside div.section div.list div.item.list.first { border-top:1px solid #DDD; padding-top:6px; }
#contents.nProd div.content.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.nProd div.content.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.nProd div.content.detail div.aside div.bnr { font-size:0px; line-height:0px; margin-bottom:10px; }
#contents.nProd div.content.detail div.aside div.bnr:after { content:''; display:block; clear:both; }
#contents.nProd div.content.detail div.aside div.bnr a { border:1px solid #DDD; display:block; text-align:center; overflow:hidden; height:128px; margin-top:10px; }
*/