@import url("/style/common.css");

body { background:url("/images/common/mainBodyRepeat.png") repeat-x; }
#wrap { background:url("/images/common/wave.png") no-repeat top center; }

#container { background:none; }
#container div.content div.main { padding-bottom:50px; }
#container div.content div.main div.mainProd { position:relative; width:983px; height:390px; margin-top:10px; overflow:hidden; }
#container div.content div.main div.mainProd ul { width:1966px; }
#container div.content div.main div.mainProd ul li { position:relative; width:983px; height:390px; float:left; }
#container div.content div.main div.mainProd ul li a { display:block; width:913px; height:100%; margin:0 35px; }
#container div.content div.main div.mainProd ul li img { position:absolute; }
#container div.content div.main div.mainProd div.control div { position:absolute; top:171px;  }
#container div.content div.main div.mainProd div.control div a { overflow:hidden; text-indent:-1000px; display:block; width:33px; height:54px;  }
#container div.content div.main div.mainProd div.control div.left { left:4px; }
#container div.content div.main div.mainProd div.control div.right { right:4px; }
#container div.content div.main div.mainProd div.control div.left a { background:url("/images/common/mainProdPrev.png") no-repeat;  }
#container div.content div.main div.mainProd div.control div.right a { background:url("/images/common/mainProdNext.png") no-repeat;  }
#container div.content div.main div.mainProd div.control div.left a:hover { background:url("/images/common/mainProdPrevOn.png") no-repeat;  }
#container div.content div.main div.mainProd div.control div.right a:hover { background:url("/images/common/mainProdNextOn.png") no-repeat;  }
#container div.content div.main div.mainContent { margin-top:40px; }
#container div.content div.main div.mainContent div.youtube { float:left; width:475px; margin-left:30px; padding-bottom:30px; }
#container div.content div.main div.mainContent div.youtube div { position:relative; float:left; margin:22px 0 0 23px; }
#container div.content div.main div.mainContent div.youtube div.top { margin-top:0px; }
#container div.content div.main div.mainContent div.youtube div.front { margin-left:0px; }
#container div.content div.main div.mainContent div.youtube div a { display:block; }
#container div.content div.main div.mainContent div.youtube div a img { vertical-align:top; width:226px; height:169px; }
#container div.content div.main div.mainContent div.youtube div a img.playImg { position:absolute; top:0px; left:0px; }
#container div.content div.main div.mainContent div.youtube div a span { position:absolute; left:0px; bottom:0px; display:block; height:28px; background:#1c1c1c; }
#container div.content div.main div.mainContent div.youtube div a span nobr { width:226px; text-align:center; line-height:28px; font-size:14px; font-family:"NanumGothicBold"; color:#fff; }


/* 메인 게시판 */
#container div.content div.main div.mainContent div.etc { float:right; margin-right:31px; width:377px; }
#container div.content div.main div.mainContent div.etc div.board div.header ul { height:18px; border-bottom:1px solid #cfcfd0 }
#container div.content div.main div.mainContent div.etc div.board div.header ul li { float:left; }
#container div.content div.main div.mainContent div.etc div.board div.header ul li a { display:block; height:17px; overflow:hidden; text-indent:-1000px; border:1px solid #cfcfd0; border-bottom:none; }
#container div.content div.main div.mainContent div.etc div.board div.header ul li.on { background:#fff; }
#container div.content div.main div.mainContent div.etc div.board div.header ul li.on a { height:18px; border:1px solid #2b4467; border-bottom:none; }
#container div.content div.main div.mainContent div.etc div.board div.header ul li.notice a { width:72px; background:url("/images/common/mainNotice.jpg") no-repeat; }
#container div.content div.main div.mainContent div.etc div.board div.header ul li.qna a { width:71px; background:url("/images/common/mainQnA.jpg") no-repeat; }
#container div.content div.main div.mainContent div.etc div.board div.header span.more { display:block; float:right; margin:-17px 8px 0 0; }
#container div.content div.main div.mainContent div.etc div.board div.header span.more a { display:block; color:#b2bdcc; }
#container div.content div.main div.mainContent div.etc div.board div.list { margin-top:12px; margin-bottom:9px; height:58px; }
#container div.content div.main div.mainContent div.etc div.board div.list ul li { clear:both; margin-left:4px; }
#container div.content div.main div.mainContent div.etc div.board div.list ul li span.noList { display:block; text-align:center; color:#999; }
#container div.content div.main div.mainContent div.etc div.board div.list ul li span { display:block; line-height:20px; }
#container div.content div.main div.mainContent div.etc div.board div.list ul li span.date { color:#888; float:right; }
#container div.content div.main div.mainContent div.etc div.board div.list ul li a { display:block; float:left; padding-left:7px; background:url("/images/common/mainListBullet.png") no-repeat left center; }
#container div.content div.main div.mainContent div.etc div.board div.list ul li a nobr { display:block; width:320px; color:#303030; line-height:20px; }

/* 작동 원리 */
#container div.content div.main div.mainContent div.operate { float:right; width:436px; height:370px; padding-bottom:30px; padding-left:4px; margin-right:20px; }
#container div.content div.main div.mainContent div.operate div.header { padding:5px 0 8px 0; }
#container div.content div.main div.mainContent div.operate div.header span { display:block; font-family:"NanumGothicBold"; font-size:16px; color:#8774e9; }
#container div.content div.main div.mainContent div.operate div.noFlash { display:none; }
#container div.content div.main div.mainContent div.operate div.article { width:215px; float:left; margin-top:10px; }
#container div.content div.main div.mainContent div.operate div.article span.title { display:block; text-align:center; font-weight:bold; font-family:"NanumGothicBold"; color:#000; font-size:14px; }
#container div.content div.main div.mainContent div.operate div.article span.desc { display:block; width:210px; height:67px; margin-top:10px; }
#container div.content div.main div.mainContent div.operate div.article span.desc span { display:none; }
#container div.content div.main div.mainContent div.operate div.article a { display:block; width:96px; height:20px; margin-top:9px; margin-right:5px; text-indent:-1000px; overflow:hidden; float:right; background:url("/images/common/detailGo.png") no-repeat; }
#container div.content div.main div.mainContent div.operate div.left { border-right:1px solid #dcdcdc; }
#container div.content div.main div.mainContent div.operate div.left span.desc { background:url("/images/common/mainSkimmerDesc.png") no-repeat; }
#container div.content div.main div.mainContent div.operate div.right { margin-left:4px; }
#container div.content div.main div.mainContent div.operate div.right span.desc { background:url("/images/common/mainTwinDesc.png") no-repeat; }

/* 비디오 레이어 */
div#videoLayer { position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; z-index:100; }
div#videoLayer div.layerBg { position:fixed; top:0px; left:0px; width:100%; height:100%; background:#000; opacity:0.4; filter:alpha(opacity=40); z-index:200; }
div#videoLayer iframe.videoFrame {position:relative; margin:0px auto; z-index:300; }
div#videoLayer div.close { position:relative; z-index:400; width:660px; margin:0px auto; }
div#videoLayer div.close a { display:block; float:right; width:92px; height:22px; padding-top:8px; font-size:14px; font-weight:bold; text-align:center; color:#fff; background:#a39fbb; }