@charset "utf-8";

/* layout */
#wrap {position:relative; /*overflow: hidden !important;*/ }

#top_container {zoom:1; z-index:100; position:absolute; position:fixed; top:0; left:0; width:100%; height:82px; margin:0 auto; overflow:hidden;}
#top_container:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

#container {zoom:1; position:relative; width:100%; background:#ffffff; margin:0 auto;}
#container:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

#bottom_container {zoom:1; position:relative; min-width:1000px; width:100%; background:#3A3A3A; margin:0 auto;}
#bottom_container:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

#top_container, #container, #bottom_container {_overflow-x:hidden; _position:absolute !important;}

.movepage {cursor:pointer;}

/* Header */
#header {zoom:1; position:relative; min-width:972px; max-width:972px; width:972px; height:76px; margin:0 auto; padding:0 15px 0 13px;  border-top:solid 6px #8DC63F; background:#ffffff;}
#logo {zoom:1; position:relative; float:left; margin-top:15px;}

#navi {zoom:1; position:relative; float:left; margin:18px 0 0 79px;}
#navi:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#navi li {display:inline; float:left;}
#navi li img {display:block; padding:14px 17px; cursor:pointer;}

#header .lang {float:right; position:relative; margin:17px -2px 0 0; height:43px; padding-left:5px; background:url("../images/common/bul_vertical.gif") left top no-repeat;}
#header .lang li {display:inline; float:left;}
#header .lang:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#header .lang li a {display:block; padding:14px 13px;}

/* Contents */
.contents_area {padding:82px 0 30px 0;}
.contents {zoom:1; position:relative; min-width:974px; max-width:974px; width:974px; padding-left:26px; margin:0 auto; overflow:hidden;}


/* Home */
#home {width:100%; height:424px; padding-top:82px;}
#home .visual_area {zoom:1; position:relative; margin:0 auto; width:100%; height:424px; min-width:1000px;}
#home .visual_area .visual {z-index:1; position:relative; width:100%; height:424px; margin:0 auto; overflow:hidden;}
#home .visual_area .visual.on {}
#home .visual_area .visual ul {position:relative; width:100%; height:100%;}
#home .visual_area .visual ul li {zoom:1; position:absolute; top:0; left:100%; width:100%; height:100%; text-align:center;}
#home .visual_area .visual ul li.on,
#home .visual_area .visual ul li:first-child {left:0;}
#home .visual_area .visual ul li:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

#home .visual_area .visualInner {position:absolute; top:0; left:50%; width:1000px; height:424px; margin-left:-500px;}
#home .visualInner .paging {z-index:1; position:absolute; top:394px; right:55px;}
#home .visualInner .paging ul li {float:left; margin-left:30px; cursor:pointer; width:10px; height:10px; background:url("../images/common/dot_off.png") left top no-repeat;}
#home .visualInner .paging ul li.on {background:url("../images/common/dot_on.png") no-repeat left top;}

#vscroll li {width:100%; height:424px; margin:0 auto; overflow:hidden;}
#vscroll li.visual_main_1 {background:url("../images/main/img_main_1.jpg") center top no-repeat;}
#vscroll li.visual_main_2 {background:url("../images/main/img_main_2.jpg") center top no-repeat;}
#vscroll li.visual_main_3 {background:url("../images/main/img_main_3.jpg") center top no-repeat;}
#vscroll li.visual_main_4 {background:url("../images/main/img_main_4.jpg") center top no-repeat;}
#vscroll li.visual_main_5 {background:url("../images/main/img_main_5.jpg") center top no-repeat;}
#vscroll li.visual_main_6 {background:url("../images/main/img_main_6.jpg") center top no-repeat;}
#vscroll li.visual_main_7 {background:url("../images/main/img_main_7.jpg") center top no-repeat;}

/* Banner */
#banner {z-index:1; position:absolute; top:0; left:0; width:100%;}
/*
#banner ul {float:right; width:307px; margin:-32px 30px 0 30px;}
*/
#banner ul {float:right; width:307px; margin:-12px 30px 0 30px;}
#banner ul li {margin-top:6px; position:relative;}
#banner ul li:first-child {margin-top:0;}

#banner .no1 {height:200px;}
#banner .no2 {height:205px;}
#banner .no2 {padding-left:3px;}
#banner .close {position:absolute; cursor:pointer;}
#banner .no1 .close {bottom:1px; right:23px;}
#banner .no2 .close {top:0; right:23px;}

/* Products */
#products .contents {max-width:1000px; width:1000px; padding:0; margin-bottom:30px;}
#products {background:#ffffff; min-width:1000px; width:100%;}
#products .more {margin:53px 60px 68px 0; text-align:right;}
#products ul {overflow:hidden; margin:0 0 34px 4px;}
#products ul li {float:left; width:274px; height:249px; overflow:hidden; text-align:center; margin-right:58px;}
#products ul li .continue {margin-top:212px;}

#products ul li.tl {background:url("../images/product/top_TL.jpg") left top no-repeat;}
#products ul li.tpl {background:url("../images/product/top_TPL.jpg") left top no-repeat;}
#products ul li.tbls {background:url("../images/product/top_TBLS.jpg") left top no-repeat;}

/* Common */
h3.title {overflow:hidden; background:url("../images/common/bg_titlebar.gif") left 50% repeat-x; margin:73px 0 27px 0;}
h3.title span.gray {padding-right:11px; background:#F4F4F4;}

/* Company */
#company {background:#F4F4F4; min-width:1000px; width:100%;}

#company .left_area {float:left; width:541px; height:291px; margin-bottom:21px;}
#company .left_area img {display:block;}
#company .left_area img.con {margin:12px 0 24px 0;}
#company .left_area img.history {margin-top:27px; cursor:pointer;}

#company .right_area {float:right; width:351px; height:18px; padding-top:273px; margin-right:59px; background:url("../images/company/office.jpg") left top no-repeat;}

/* TL */
#tl {background:#ffffff; min-width:1000px; width:100%;}
#tl ul {margin-left:92px; padding:36px 0 4px 0; overflow:hidden;}
#tl ul li {float:left; width:180px; margin:0 31px 48px 0; overflow:hidden;}
#tl ul li img {cursor:pointer;}

/* TPL */
#tpl {background:#F4F4F4; min-width:1000px; width:100%;}
#tpl ul {margin-left:121px; padding:36px 0 4px 0; overflow:hidden;}
#tpl ul li {float:left; width:250px; margin:0 88px 48px 0;}
#tpl ul li img {cursor:pointer;}

/* TBLS */
#tbls {background:#ffffff; min-width:1000px; width:100%;}
#tbls ul {margin-left:122px; padding:68px 0 51px 0; overflow:hidden;}
#tbls ul li {float:left; width:175px; margin:0 205px 48px 0;}
#tbls ul li img {cursor:pointer;}

/* Download */
#download {background:#F4F4F4; min-width:1000px; width:100%;}

#download .left_area {float:left; width:187px; height:231px; margin:13px 72px 0 130px; background:url("../images/download/bg_download.gif") 11px bottom no-repeat;}

#download .right_area {float:left; width:450px; margin:13px 0 67px 0;}
#download .right_area ul {margin-top:24px;}
#download .right_area ul li {margin-top:59px;}
#download .right_area ul li:first-child {margin-top:0;}
#download .right_area .korp {margin-left:104px;}

/* Contact */
#contact {background:#ffffff; min-width:1000px; width:100%;}
#contact.plant {background:#F4F4F4; min-width:1000px; width:100%;}

#contact .left_area {float:left; width:475px; height:341px; margin:13px 57px 0 47px;}
#contact .right_area {float:left; width:389px; margin:13px 0 20px 0;}
#contact .right_area img {display:block;}
#contact .right_area img.addr {margin-top:23px;}
#contact .right_area img.qr {float:left; margin:40px 0 0 4px;}
#contact .right_area img.arrow {float:right; margin-top:125px; cursor:pointer;}
#contact .contact_addr {margin:10px 30px;}

/* Q&A */
#background-overlay {z-index:1000; position:absolute; left:0; top:0; background: #aaaaaa; opacity: .5;filter:Alpha(Opacity=50)/*{opacityOverlay}*/;}

.input_text {height:20px; border:solid 1px #ECECEC; padding:0 3px; line-height:20px;}
.form-error {border:solid 1px #cd0a0a; background: #fef1ec}

#qna {z-index:1000; position:absolute; left:0; top:0; background:#ffffff; width:800px; height:450px; overflow:hidden;}
#qna .title {margin:0; width:100%; height:87px; background:url("../images/qna/logo.jpg") 658px bottom no-repeat;?}
#qna .title img {margin:33px 0 0 43px;}
#qna .button_area {margin:5px 0 15px 0; width:100%; text-align:center;}
#qna .close_area {width:100%; height:29px; background:#808285; text-align:right;}
#qna .button_area img,
#qna .close_area img {cursor:pointer;}

#qna table {margin:20px 40px 0 40px; table-layout:fixed; border-collapse:collapse;}
#qna table tr {border-top:solid 1px #E1E3E8;}
#qna table td {padding:6px 0 7px 14px;}

/* Hidden */
.hdn_area .close {text-align:right; padding:27px 36px 12px 0;}
.hdn_area .btn_close {cursor:pointer;}

#history .con {margin:0 0 132px 104px; width:800px;}
#history .logo {margin:80px 0 0 81px;}
#history .tit {margin:76px 0 44px 0;}

#tl_detail .con,
#tpl_detail .con,
#tbls_detail .con {margin:3px 0 38px 22px; width:916px;}


/* Footer */
#footer {zoom:1; position:relative; min-width:991px; max-width:991px; width:991px; margin:0 auto; padding:16px 0 12px 9px; overflow:hidden; background:url("../images/common/footer_logo.gif") 795px 18px no-repeat;}

#footer .ftop {width:755px; height:26px; background:url("../images/common/footer_teklux.gif") left 7px no-repeat; font-size:0;}
#footer .ftop .addr {margin:0 14px 0 252px;}
#footer .fbottom {width:755px; height:10px; padding-top:14px; border-top:solid 1px #BCBEC0; font-size:0;}
#footer .fbottom .copyright {margin:0 14px 0 252px;}