div#container div.mainContents { min-width:1200px; background:#fff; }
/* Main Visual */
div#container div.mainContents div.mainVisual { background:url('/images/common/mainVisualBgRepeat.png') left top repeat-x; }
div#container div.mainContents div.mainVisual div.visualCover { position:relative; border-bottom:1px solid #ccc; background:url('/images/common/mainVisualBg.png') center no-repeat; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap { position:relative; height:299px; overflow:hidden; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList { }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li { position:absolute; left:0px; top:0px; width:1000px; left:1000px; z-index:20; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li.on { left:0px; z-index:30; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft { float:left; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft span { display:block; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft span.desc { margin-top:48px; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft span.desc span.big { float:left; font-size:24px; color:#000; font-weight:600; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft span.desc span.big i { font-size:24px; color:#000; font-weight:600; } 
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft span.desc span.eng { float:left; margin-top:3px; margin-left:7px; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft span.title { color:#000; font-size:36px; margin-top:9px; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft span.title strong { font-weight:600; color:#000; font-size:36px; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft ul.prodImgs { margin-top:16px; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft ul.prodImgs li { float:left; position:relative; width:133px; height:136px; float:left; margin-left:-5px; background:#fff; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft ul.prodImgs li a { display:block; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft ul.prodImgs li table { width:133px; height:136px; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft ul.prodImgs li table tbody tr td { width:100%; height:100%; text-align:center; vertical-align:middle; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft ul.prodImgs li table tbody tr td img { max-width:109px; max-height:109px; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualLeft ul.prodImgs li span.bg { display:block; width:133px; height:136px; position:absolute; top:0px; left:0px; background:url('/images/common/visualProdBg.png') no-repeat; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualRight { float:right; width:400px; height:299px; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualRight table { width:400px; height:299px; table-layout:fixed; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualRight table tbody tr td { width:100%; height:299px; text-align:center; vertical-align:middle; }
div#container div.mainContents div.mainVisual div.visualCover div.innerWrap ul#visualList > li div.visualRight table tbody tr td img { max-width:400px; max-height:299px; vertical-align:top; }
div#container div.mainContents div.mainVisual div.visualCover div.control { }
div#container div.mainContents div.mainVisual div.visualCover div.control button { position:absolute; top:125px; width:50px; height:50px; filter:alpha(opacity=50); opacity:0.5; }
div#container div.mainContents div.mainVisual div.visualCover div.control button:hover { filter:alpha(opacity=100); opacity:1; }
div#container div.mainContents div.mainVisual div.visualCover div.control button span { }
div#container div.mainContents div.mainVisual div.visualCover div.control button.prev { left:40px; background:url('/images/common/btnVisualPrev.png') no-repeat; }
div#container div.mainContents div.mainVisual div.visualCover div.control button.next { right:40px; background:url('/images/common/btnVisualNext.png') no-repeat; }


/* Main Category */
div#container div.mainContents { }
div#container div.mainContents div.mainCate { padding:30px 0; }
div#container div.mainContents div.mainCate div.innerWrap { }
div#container div.mainContents div.mainCate div.innerWrap ul { }
div#container div.mainContents div.mainCate div.innerWrap ul li { float:left; width:240px; height:80px; background:url('/images/common/mainCateBg.gif') left top repeat; margin-left:13px; }
div#container div.mainContents div.mainCate div.innerWrap ul li a { display:block; width:240px; height:80px; }
div#container div.mainContents div.mainCate div.innerWrap ul li a span { display:block; padding:15px 0 0 16px;  }
div#container div.mainContents div.mainCate div.innerWrap ul li a span.title { font-size:16px; font-weight:600; }
div#container div.mainContents div.mainCate div.innerWrap ul li a span.prodName { font-weight:600; color:#999; width:100px; padding-top:7px; }
div#container div.mainContents div.mainCate div.innerWrap ul li a span.prodName img { vertical-align:middle; }
div#container div.mainContents div.mainCate div.innerWrap ul li.front { margin-left:0px; }


/* Main Section */
div#container div.mainContents { }
div#container div.mainContents div.sections { border-top:1px solid #ccc; }
div#container div.mainContents div.sections div.innerWrap { }
div#container div.mainContents div.sections div.innerWrap div.section { float:left; width:270px; height:187px; padding:28px 31px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
div#container div.mainContents div.sections div.innerWrap div.section div.header { height:37px; }
div#container div.mainContents div.sections div.innerWrap div.section div.header span.title { font-size:16px; font-weight:600;  }
div#container div.mainContents div.sections div.innerWrap div.section div.header a.more { float:right; display:block; width:44px; height:17px; padding-top:3px; background:url('/images/common/mainBoardMore.png') no-repeat; text-align:center; font-size:11px; color:#666; }

/* Main Board - board */
div#container div.mainContents div.sections div.innerWrap div.board { border-left:1px solid #ccc; }
div#container div.mainContents div.sections div.innerWrap div.board div.header { } 
div#container div.mainContents div.sections div.innerWrap div.board div.header ul { float:left; }
div#container div.mainContents div.sections div.innerWrap div.board div.header ul li { float:left; }
div#container div.mainContents div.sections div.innerWrap div.board div.header ul li a { font-size:16px; font-weight:600; }
div#container div.mainContents div.sections div.innerWrap div.board div.header ul li.on a { color:#2d64a7; }
div#container div.mainContents div.sections div.innerWrap div.board div.header ul li a:hover { color:#2d64a7; }
div#container div.mainContents div.sections div.innerWrap div.board div.header ul li.qna { margin-left:8px; padding-left:9px; background:url('/images/common/mainBoardPartition.gif') left center no-repeat; }
div#container div.mainContents div.sections div.innerWrap div.board div.content { }
div#container div.mainContents div.sections div.innerWrap div.board div.content ul.boardList { }
div#container div.mainContents div.sections div.innerWrap div.board div.content ul.boardList li { height:29px; border-top:1px dotted #e5e5e5; }
div#container div.mainContents div.sections div.innerWrap div.board div.content ul.boardList li a { display:block; height:29px; line-height:29px; }
div#container div.mainContents div.sections div.innerWrap div.board div.content ul.boardList li nobr { float:left; color:#666; font-size:13px; color:#666; padding-left:11px; line-height:29px; background:url('/images/common/mainBoardDot.gif') left center no-repeat; }
div#container div.mainContents div.sections div.innerWrap div.board div.content ul.boardList li a span.date { float:right; font-size:11px; color:#999; }
div#container div.mainContents div.sections div.innerWrap div.board div.content ul.boardList li a:hover nobr { text-decoration:underline; }
div#container div.mainContents div.sections div.innerWrap div.board div.content ul.boardList li.front { border-top:0px; }


/* Main Section - Video */
div#container div.mainContents div.sections div.innerWrap div.video div.content { }
div#container div.mainContents div.sections div.innerWrap div.video div.content iframe { border:5px solid #ccc; }

/* Main Section - Customer */
div#container div.mainContents div.sections div.innerWrap div.customer { background:#f0f0f0; }
div#container div.mainContents div.sections div.innerWrap div.customer div.header span.title { float:left; }
div#container div.mainContents div.sections div.innerWrap div.customer div.content { }
div#container div.mainContents div.sections div.innerWrap div.customer div.content span { display:block; }
div#container div.mainContents div.sections div.innerWrap div.customer div.content span.desc { color:#999; margin-top:13px; }
div#container div.mainContents div.sections div.innerWrap div.customer div.content span.phone { font-size:36px; font-weight:800; color:#2d64a7; margin-top:15px; letter-spacing:-0.06em; .letter-spacing:-0.2em;}
div#container div.mainContents div.sections div.innerWrap div.customer div.content span.time { height:23px; padding:7px 5px 0; background:#ccc; margin-top:23px; }
div#container div.mainContents div.sections div.innerWrap div.customer div.content span.time span { display:inline; letter-spacing:-0.04em; }
div#container div.mainContents div.sections div.innerWrap div.customer div.content span.time span.day { }
div#container div.mainContents div.sections div.innerWrap div.customer div.content span.time span.txt { color:#666; }

/* Main Product */
div#container div.mainContents div.mainProd { padding-bottom:30px; }
div#container div.mainContents div.mainProd div.header { height:50px; background:#3772c9; padding:0 30px; border-left:1px solid #ccc; border-right:1px solid #ccc; }
div#container div.mainContents div.mainProd div.header span.title { display:block; float:left; font-size:24px; font-weight:600; color:#fff; padding-top:11px; }
div#container div.mainContents div.mainProd div.header span.desc { display:block; float:left; color:#c3dbff; font-weight:600; padding:19px 0 0 7px; }
div#container div.mainContents div.mainProd div.header span.desc span { font-weight:600; color:#f0ff00; }
div#container div.mainContents div.mainProd div.header a.more { display:block; float:right; color:#fff; font-weight:600; font-size:24px; margin-top:11px; }
div#container div.mainContents div.mainProd div.content { }
div#container div.mainContents div.mainProd div.content ul.prodList { border-left:1px solid #ccc; }
div#container div.mainContents div.mainProd div.content ul.prodList li { float:left; width:249px; height:200px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
div#container div.mainContents div.mainProd div.content ul.prodList li.front { width:248px; }
div#container div.mainContents div.mainProd div.content ul.prodList li.top { border-top:none; }
div#container div.mainContents div.mainProd div.content ul.prodList li a { display:block; cursor:pointer; padding:20px 0 0 20px; height:180px; }
div#container div.mainContents div.mainProd div.content ul.prodList li table { width:208px; height:130px; border:1px solid #e5e5e5; }
div#container div.mainContents div.mainProd div.content ul.prodList li table tbody tr td { width:100%; height:100%; text-align:center; vertical-align:middle; }
div#container div.mainContents div.mainProd div.content ul.prodList li table tbody tr td img { max-width:206px; max-height:128px; vertical-align:top; }
div#container div.mainContents div.mainProd div.content ul.prodList li nobr { width:208px; margin-top:18px; text-align:center; font-size:14px; font-weight:600; color:#666; }