@charset 'utf-8';
@import url('tnb.css?ts=202106021601002');
@import url('layout.css');

div#container { padding-top:11px; }
div#container * { font-family:'Tahoma', 'Dotum'; font-size:12px; }

/** 플라스틱 길잡이 **/
div.magazine div.innerWrap { width:970px; margin:0 auto 20px; padding-bottom:50px; border-bottom:1px solid #e8e8e8; }
div.magazine div.innerWrap div.title { width:970px; height:339px; background:url('/images/magazines/h2PlasticList.png') no-repeat; }
div.magazine div.innerWrap div.title *{ display:none; }
div.magazine div.innerWrap div.left { float:left; width:738px; margin-top:12px; }
div.magazine div.innerWrap div.left div.intro { margin-bottom:20px; }
div.magazine div.innerWrap div.left div.intro div { margin-bottom:22px; padding:7px 0 0 9px; font-size:14px; line-height:150%; }
div.magazine div.innerWrap div.left div.intro ul { padding-left:9px; line-height:170%; }
div.magazine div.innerWrap div.left div.intro ul li { padding-left:15px; background:url('/images/magazines/icoListStyle.png') no-repeat 1px; }
div.magazine div.innerWrap div.left div.content div.header { border-bottom:2px solid #5e5e5e; }
div.magazine div.innerWrap div.left div.content div.header span { height:15px; background-color:#5e5e5e; font-size:14px !important; color:#fff; float:left; padding:5px 10px; font-weight:600; }
div.magazine div.innerWrap div.left div.content div.header span.buttons { float:right; background:none; padding:0; }
div.magazine div.innerWrap div.left div.content div.header span.buttons button { float:left; width:65px; margin-top:1px; height:22px; }
div.magazine div.innerWrap div.left div.content div.header span.buttons button.inquiry { background:url('/images/magazines/btnQna.png'); }
div.magazine div.innerWrap div.left div.content div.header span.buttons button.application { background:url('/images/magazines/btnRequest.png'); }
div.magazine div.innerWrap div.left div.content ol { margin:19px 0 0 10px; height:110px; }
div.magazine div.innerWrap div.left div.content ol li { width:284px; margin-left:80px; height:24px; float:left; list-style:decimal-leading-zero; font-size:14px !important; line-height:168%; }
div.magazine div.innerWrap div.left div.content div.ebookList { border-top:1px solid #666; border-bottom:1px solid #d6d6d6; }
div.magazine div.innerWrap div.left div.content div.ebookList ul { margin-top:20px; }
div.magazine div.innerWrap div.left div.content div.ebookList ul li { width:126px; height:216px; margin:0 0 0 27px; float:left; background:url('/images/magazines/bgCatalogue.gif') no-repeat; }
div.magazine div.innerWrap div.left div.content div.ebookList ul li.first { margin-left:0px; }
div.magazine div.innerWrap div.left div.content div.ebookList ul li a { display:block; }
div.magazine div.innerWrap div.left div.content div.ebookList ul li a span { display:block; text-align:center; color:#333; line-height:160%; }
div.magazine div.innerWrap div.left div.content div.ebookList ul li a span.catalogue { display:table-cell; text-align:center; width:120px; height:166px; font-size:0px; line-height:0px; }
div.magazine div.innerWrap div.left div.content div.ebookList ul li a span.catalogue img { max-width:108px; max-height:140px; margin-top:7px; }
div.magazine div.innerWrap div.left div.content div.ebookList ul li a:hover { text-decoration:none; }
div.magazine div.innerWrap div.left div.control { float:right; margin-top:20px; }
div.magazine div.innerWrap div.left div.control button { float:left; }
div.magazine div.innerWrap div.left div.control button { float:left; width:65px; margin-top:1px; height:22px; }
div.magazine div.innerWrap div.left div.control button.inquiry { background:url('/images/magazines/btnQna.png'); }
div.magazine div.innerWrap div.left div.control button.application { background:url('/images/magazines/btnRequest.png'); }
div.magazine div.innerWrap div.right { float:right; width:215px; margin-top:12px; }
/** 엔지니어링길잡이 **/
div#englist div.innerWrap div.title { width:970px; height:339px; background:url('/images/magazines/h2EngList.png') no-repeat; }
div#englist div.innerWrap div.left div.content ol { height:179px; }
/** 엔지니어링종합정보 **/
div#eng div.innerWrap div.title { width:970px; height:339px; background:url('/images/magazines/h2Eng.png') no-repeat; }
div#eng div.innerWrap div.left div.content ol { height:131px; }
/** 로봇기술 **/
div#robot div.innerWrap div.title { width:970px; height:339px; background:url('/images/magazines/h2Robot.png') no-repeat; }
div#robot div.innerWrap div.left div.content ol { margin:19px 0 0 10px; height:182px; }
/** 전기산업 **/
div#electric div.innerWrap div.title { width:970px; height:339px; background:url('http://dsnfile.yeogie.com/brand/h2electric.jpg') no-repeat; }
div#electric div.innerWrap div.left div.content ol { margin:19px 0 0 10px; height:182px; }
/** 무인화기술 **/
div#automation div.innerWrap div.title { width:970px; height:339px; background:url('/images/magazines/automation.jpg') no-repeat; }
div#automation div.innerWrap div.left div.content ol { margin:19px 0 0 10px; height:182px; }
/** 몰드 **/
div#mold div.innerWrap div.title { width:970px; height:339px; background:url('/images/magazines/mold.jpg') no-repeat; }
div#mold div.innerWrap div.left div.content ol { margin:19px 0 0 10px; height:182px; }
/** 산업포털 여기에 **/
div#plus div.innerWrap div.title { width:970px; height:339px; background:url('/images/magazines/h2Plus.png') no-repeat; }
div#plus div.innerWrap div.left div.content ol { margin:19px 0 0 10px; height:254px; }
/** 플라스틱 기계산업 **/
div#plastic div.innerWrap div.title { width:970px; height:339px; background:url('/images/magazines/h2Plastic.png') no-repeat; }
div#plastic div.innerWrap div.left div.content ol { margin:19px 0 0 10px; height:182px; }
/** 엔지니어링총람 **/
div#engguide div.innerWrap div.title { width:970px; height:339px; background:url('/images/magazines/h2EngGuide.png') no-repeat; }
div#engguide div.left div.content div.header { border:0px; }
div#engguide div.left div.content div.header span { height:auto; }
div#engguide div.left div.content ul.list { margin-top:10px; border-bottom:2px solid #5e5e5e; height:23px; }
div#engguide div.left div.content ul.list li { width:auto; height:22px; float:left; background-color:#e5e5e5; margin-right:1px; font-size:12px; border:1px solid #5e5e5e; }
div#engguide div.left div.content ul.list li.on { background-color:#5e5e5e; font-size:12px; border:1px solid #5e5e5e; }
div#engguide div.left div.content ul.list li a { display:block; padding:5px 2px; }
div#engguide div.left div.content ul.list li.on a { color:#fff; }
div#engguide div.left div.content div.intro div { margin-bottom:22px; padding:7px 0 0 9px; font-size:14px; line-height:150%; }
div#engguide div.left div.content dl.contents { margin:13px 0 15px 0; }
div#engguide div.left div.content dl.contents dt { width:239px; height:23px; background-color:#f9a61a; font-size:18px; color:white; padding:3px 20px; font-weight:bold; }
div#engguide div.left div.content dl.contents dd { margin-left:20px; line-height:205%; }
div#engguide div.left div.content dl.contents dd.outline { font-size:14px; margin:7px 0 10px 20px; font-weight:bold; }
div#engguide div.left div.content dl.contents dd span.title { font-weight:bold; }

/** 전기산업 **/
/*div#electric ul li.top { height:607px; background:url('/images/magazines/electric_01.jpg') no-repeat; }
div#electric ul li.middle { height:674px; background:url('/images/magazines/electric_02.jpg') no-repeat; }
div#electric ul li.bottom { height:658px; background:url('/images/magazines/electric_03.jpg') no-repeat; }
div#electric ul li span { display:none; }*/
/** 광고문의 **/
div#qna { width:808px; margin:0 auto; }
div#qna div.innerWrap { width:755px; margin:0 auto; padding:20px 0; }
div#qna div.innerWrap div#header { width:100%; height:29px; display:block; text-indent:-1000px; overflow:hidden; background:url('/images/magazines/h2Ad.png') no-repeat; float:left; margin-bottom:18px; }
div#qna div.innerWrap legend { display:none; }
div#qna div.innerWrap form table { width:755px; table-layout:fixed; margin-top:5px; border-top:3px solid #4d5c7b; }
div#qna div.innerWrap form table * { font-size:12px; font-family:'Tahoma', 'Dotum';  }
div#qna div.innerWrap form table th { background-color:#f3f3f3; border:1px solid #e5e5e5; border-top:0px; border-left:0px; }
div#qna div.innerWrap form table td { color:#676767; border-bottom:1px solid #e5e5e5; padding:5px 0 5px 7px; }
div#qna div.innerWrap form table td input { width:215px; height:18px; padding:1px 0; border:1px solid #b9b9b9; font-size:12px; line-height:180%; vertical-align:middle; }
div#qna div.innerWrap form table td input.zipcode { width:50px; }
div#qna div.innerWrap form table td button.findZipcode { display:inline; width:75px; height:22px; font-weight:600; color:#555555; background-color:#dfdfdf; border:1px solid #bebebe; margin-left:5px; }
div#qna div.innerWrap form table td input.addr { width:592px; margin-top:5px; }
div#qna div.innerWrap form table td textarea { width:584px; border:1px solid #b9b9b9; font-size:12px; line-height:180%; padding:5px; }
div#qna div.innerWrap form table td textarea.desc { background-color:#f2f2f2; }
div#qna div.innerWrap div.button { width:755px; margin-top:20px; text-align:right; }
div#qna div.innerWrap div.button button { display:inline; height:26px; background-color:#fff; border:1px solid #999999; margin-left:10px; padding:0 10px; font-size:12px; font-family:'Dotum'; }

/** 구독신청 **/
div#application { width:808px; margin:0 auto; }
div#application div.innerWrap { width:755px; margin:0 auto; padding:20px 0; }
div#application div.innerWrap div#header { width:100%; height:29px; display:block; text-indent:-1000px; overflow:hidden; background:url('/images/magazines/h2Subscribe.png') no-repeat; float:left; margin-bottom:18px; }
div#application div.innerWrap legend { display:none; }
div#application div.innerWrap form table { width:755px; table-layout:fixed; margin-top:5px; border-top:3px solid #4d5c7b; }
div#application div.innerWrap form table * { font-size:12px; font-family:'Tahoma', 'Dotum';  }
div#application div.innerWrap form table th { background-color:#f3f3f3; border:1px solid #e5e5e5; border-top:0px; border-left:0px; }
div#application div.innerWrap form table td { color:#676767; border-bottom:1px solid #e5e5e5; padding:5px 0 5px 7px; }
div#application div.innerWrap form table td input { width:215px; height:18px; padding:1px 0; border:1px solid #b9b9b9; font-size:12px; line-height:180%; vertical-align:middle; }
div#application div.innerWrap form table td input.zipcode { width:50px; }
div#application div.innerWrap form table td button.findZipcode { display:inline; width:75px; height:22px; font-weight:600; color:#555555; background-color:#dfdfdf; border:1px solid #bebebe; margin-left:5px; }
div#application div.innerWrap form table td input.addr { width:592px; margin-top:5px; }
div#application div.innerWrap form table td textarea { width:584px; border:1px solid #b9b9b9; font-size:12px; line-height:180%; padding:5px; }
div#application div.innerWrap form table td textarea.desc { background-color:#f2f2f2; }
div#application div.innerWrap form table td ul li { float:left; width:181px; text-align:left; padding:4px 0; }
div#application div.innerWrap form table td ul li.isChild { width:100%; height:auto; }
div#application div.innerWrap form table td ul li.isChild span.title { display:block; background-color:#666; color:#fff; padding:2px 0 2px 20px; }
div#application div.innerWrap form table td input.check { width:13px; height:13px; vertical-align:middle; border:0px; }
div#application div.innerWrap div.button { width:755px; margin-top:20px; text-align:right; }
div#application div.innerWrap div.button button { display:inline; height:26px; background-color:#fff; border:1px solid #999999; margin-left:10px; padding:0 10px; font-size:12px; font-family:'Dotum'; }
