@charset "utf-8";
/* ------------------------------------------------------------
   basic style sheet
 * website   : http://www.gen-plus.co.kr/
 * version   : 1.0
 * author    : yun tea gun
 * email     : tg0825@gmail.com
 * created   : 2010/06/15
 * updated   :
 ------------------------------------------------------------ */

/* Common */
body {margin:0px; padding:0px;}
img,fieldset {border:0 none;}
dl,ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
table {border-collapse:collapse;}
body,td {font:normal 12px/1.4 "arial"; color:#777;}
address {font-style:normal;}

/* Information 
MAXIMUM WIDTH: 990px
Content width : 700px
*/
  
/* Class Selector */
.clear {clear:both; height:0px; font-size:0px; line-height:0px; display:block;}
p.inquiry {text-align:center; border-top:1px dashed #aaa;}
p.inquiry a {font:bold 14px/1.2 "times new roman"; color:#6daabe ;text-transform:uppercase; display:block;  margin:30px 0 0 0; padding:40px 0 10px; background:url(../img/common/bt_inquiry.gif) top center no-repeat;}
p.inquiry a:hover {color:#5abdde; background:url(../img/common/bt_inquiry_on.gif) top center no-repeat;}
.img_center {text-align:center;}

/* Dynamic pseudo */
a {font:normal 12px/1.4 "arial"; color:#555; text-decoration:none;}
a:hover {color:##284a82; text-decoration:underline;}

/* LAYOUT */
#wrap {width:990px; position:relative;}
#index {background:url(../img/common/bg_index.jpg) left top repeat-x;}
#sub {background:url(../img/common/bg_sub.gif) left top repeat-x;}

/* Hader */
#header {position:relative; height:85px; z-index:1000; border-bottom:1px solid #a2a4a5;}
.logo {position:absolute; top:10px; left:44px;}
#lnb {position:absolute; top:5px; right:0px;}
#lnb ul li {float:left;}
#lnb ul li a {display:block; font:normal 10px/1.2 "tahoma"; background:url(../img/common/fnb_bar.gif) right center no-repeat; padding:0px 8px; text-transform:uppercase;}

/** gnb **/
#gnb {position:absolute; top:60px; right:0px; text-transform:capitalize;}
#gnb_dep1 li {float:left; text-align:center;}
#gnb_dep1 li a {display:block; background:url(../img/common/bu_gnb_off.gif) left center no-repeat; padding:0 16px; text-transform:uppercase;}
#gnb_dep1 li a:hover {color:#333; background:url(../img/common/bu_gnb_on.gif) left center no-repeat;}
#gnb_dep2 {position:absolute; top:20px; left:0px;}
#gnb_dep2 ul {border:1px solid #a5a5a5; background:#fff;}
#gnb_dep2 ul li {float:left;}
#gnb_dep2 ul li a {display:block; padding:3px 13px;  text-align:center;}
.gnb_off {display:none;}
.gnb_on {display:block;}
.company {position:absolute; top:0px; left:-150px;  width:400px;}
.effect {position:absolute; top:0px; left:-100px;  width:550px;}
.product {position:absolute; top:0px; left:-200px;  width:640px;}
.support {position:absolute; top:0px; left:100px;  width:400px;}

/* Container */
#index #container {background:url(../img/common/visual_index.jpg) left top no-repeat;}
#sub #container {background:url(../img/common/bg_sub_container.gif) left top no-repeat; padding:50px 0 0 0;}
#container {position:relative; min-height:600px; _height:600px;}

.main_product {position:absolute; top:50px; right:10px;}

/** Content **/
#index #content {position:absolute; top:480px; left:44px; width:100%;}
#sub #content {position:relative; margin:0 0 0 260px; min-height:500px; _height:500px;}

/* main */
#news {
	position:absolute;
	top:9px;
	left:1px;
	width:216px;
}
#inquiry {
	position:absolute;
	top:10px;
	left:235px;
	width:186px;
	padding:0 30px 0 0;
	height:100px;
	background:url(../img/common/bg_inquiry.gif) right 14px no-repeat;
}
#media {
	position:absolute;
	top:10px;
	left:470px;
	width:215px;
	height:100px;
	background:url(../img/common/bg_media.gif) right 14px no-repeat;
}

.notice_table {width:100% !important;}
.notice_table caption {display:none; font:0px; height:0px;}
.notice_table .notice_day {width:210px !important;}

/* sub */
.path {position:absolute; top:26px; right:-14px;}
.path li {float:left; padding:0 18px 0 12px; color:#50aabf; background:url(../img/common/bu_path.gif) right center no-repeat;}
.path li.this {background:none; font-weight:bold;} 

h1.pagetitle {color:#7cb6c9; font:bold 26px/0.8 "times new roman"; letter-spacing:-1px; text-transform:uppercase; padding:6px 0 0 2px; margin:0 0 18px 0; border-bottom:1px solid #b1d6ab; font-variant:small-caps}
h1.pagetitle:first-letter {color:#73d187; font:bold 1.2em "times new roman";  text-decoration:underline;}

/** section **/
#index #content h3 {font:bold 18px/1.1 "times new roman"; color:#5e9db2;}
#sub #content h2 {font:bold 22px/1.1 "times new roman"; color:#5e9db2;}
#sub #content h3 {font:bold 18px/1.1 "times new roman";  color:#6daabe;}
#sub #content h4 {font:bold 14px/1.1 "times new roman";  color:#70abbe; background:url(../img/common/bu_h4.gif) left 2px no-repeat; padding:0 0 0 16px;}
#sub #content p {font:normal 12px/1.4 "Arial"; margin:0 0 14px 0;}

.section {margin:0 120px 30px 0; position:relative; clear:both; _width:610px;}
.article {margin:0 0 12px 0;  clear:both;}

/* introduction */
.article blockquote {padding:100px 18px 50px; margin:0 0 18px 0; color:#0090c6; font:bold italic 14px/1.4 "times new roman"; background:url(../img/common/bg_introduction.gif) left -40px no-repeat;}
blockquote strong {font:bold italic 2.2em/0.8 "times new roman"; display:block; color:#0090c6;}
p {text-align:justify;}

/* greetings */
h2.greetings {font:bold 22px/0.8 "times new roman" !important; color:#0090c6; padding:12px 0 22px;}
p.first:first-line {font:bold 14px/1.3 "arial"; color:#90cf45;}
p.thx {text-align:right; font:bold 16px/1.3 "georgia" !important; padding:14px 0 0 0;}
p em {font:bold 14px/1.3 "arial"; font-style:italic; color:#90cf45;}
.article.greetings {background:url(../img/common/bg_greetings.gif) left bottom no-repeat; height:620px;}

/* history */
#history {}
.history {width:95%; position:relative; margin:0 0 4px 0;}
.history li {list-style:none !important;}
h2.history {font:bold 24px/1.0 "times new roman" !important; color:#1da0b5 !important; margin:24px 0 0 70px;}
.year {padding:0; position:absolute; top:0px; left:0px; width:20%; text-align:right;}
.text {font:normal 14px/1.0 "times new roman"; color:#888; padding:0 0 0 130px !important;}

.table_history {width:98%; margin:0 auto 24px;}
.table_history caption {text-align:left; font:bolder 22px/1.0 "times new roman"; color:#1da0b5; text-transform:capitalize; padding:0 0 4px 0;}
.table_history th {vertical-align:top; text-align:right; width:15%; font:bolder 14px/1.0 "times new roman"; color:#7CB6C9; padding:0 0 12px 0;}
.table_history td {width:80%; font:normal 14px/1.0 "times new roman"; color:#888; padding:0 0 12px 16px;}

/* certificates */
.certificates_table {width:100%;}
.certificates_table th {padding:0 0 12px 0;}
.certificates_table th p {display:inline; padding:0; margin:0px; font:bold 12px/1.1 "times new roman" !important; color:#666;}
.certificates_table td {background:url(../img/common/bg_certificates.jpg) 60% center  no-repeat; width:145px; height:174px; vertical-align:middle; text-align:center;}
.certificates_table td img {width:105px; _position:relative; _left:20px;}
.empty {background:none !important;}

/* location */
.location {padding:12px; border:1px solid #c9e9cd; background:#fff;}
.location ul span {font-weight:bold; padding:0 12px 0 8px; color:#1da0b5;}
.location iframe {border:1px solid #CCE0B6;}
.zoom_bt {font:normal 14px/1.0 "times new roman"; padding:12px; display:block; background:url(../img/common/bu_snb_on.gif) left center no-repeat; color:#3ea0b5;}

/* effect */
.effect_dl {margin:0 0 12px 0;}
.effect_dl dt {font:bold 12px/1.0 "arial"; color:#777; margin:14px 0 2px 0;}
.effect_dl dd {font:normal 12px/1.0 "arial"; margin:0 0 0 8px;}
.effect_list {border:1px solid #73D187; margin:20px; padding:10px;}
.effect_list dt {list-style:circle; font:normal 18px/1.0 "times new roman"; color:#1da0b5; padding:2px 0; margin:0 0 8px 0; border-bottom:1px dashed #73d187;}
.effect_list dt:first-letter {font:bold 1.2em/1.0 "times new roman"; color:#54c5a9;}
.effect_list dd {margin:0 0 6px 20px; list-style:decimal; display:list-item;}

/* rnd */
ol.result {text-align:left; margin:0 0 0 70px;}
ol.result li {list-style:decimal;}
.atopic {border:1px solid #92C6D8; text-align:center; width:580px; margin:0 auto;}
.atopic img {width:140px; border:1px solid #92C6D8; }

/* product */
.core_spec {position:relative; border-bottom:1px solid #b1d6ab; margin:0 0 22px 0; padding:0 0 22px 0; width:100%; min-height:250px; _height:250px;}
.pro_main {position:absolute; bottom:0px; right:24px;}
.pro_list_bx {margin:24px 0 0 34px;}
.pro_list {clear:left; height:0px; line-height:0px; font-size:0px;}
.pro_list li {float:left; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-top:1px solid #efefef; border-left:1px solid #efefef;  width:82px; height:82px; background:url(../img/common/bg_empty_bg.gif) right bottom no-repeat;}
.pro_list li img {width:80px; height:80px;}
.pro_list li a {display:block;}
.pro_list li a:hover {border:1px solid #26b6e5;}

.article {margin:0 0 28px 0;}
.article ul li {list-style:outside disc; margin:0 0 6px 15px;}

/** snb**/
#snb {position:absolute; top:63px; left:45px; width:190px;}
#snb h2 {background:#c8e8cd; color:#fff; padding:0px 12px; border-bottom:1px solid #aad4dd; text-transform:capitalize;}
.snb_dep_2 li {_width:100%;}
.snb_dep_2 li a {display:block; padding:4px 12px; border-bottom:1px solid #e1e1e1; text-decoration:none; font:bold 11px/1.2 "tahoma"; color:#5fa4b4;}
.snb_dep_2 li a:hover {border-bottom:1px solid #62b6c9; padding:4px 12px 4px 18px; color:#0090c6; background:url(../img/common/bu_snb_on.gif) 6px 6px no-repeat;}
.snb_dep_2 li.on a {padding:4px 12px 4px 18px; border-bottom:1px solid #62b6c9; color:#0090c6; background:url(../img/common/bu_snb_on.gif) 6px 6px no-repeat;}

/** aside **/
#aside {width:100px; position:absolute; top:10px; right:-120px;}
#aside h3 {font:bold 14px/0.8 "Arial" !important; color:#54aeaf; background:url(../img/common/bg_quick.gif) 80% center no-repeat; border-bottom:1px solid #bfe470; padding:0 0 4px 0; text-transform:capitalize;}
#aside ul li {_width:100%;}
#aside ul a {font:normal 11px/1.0 "tahoma"; display:block; border-bottom:1px dashed #aaa; padding:2px 0px 2px 6px; margin:6px 0;}
#aside ul a:hover {border-bottom:1px dotted #0090c6; text-decoration:none; color:#0090c6; padding:2px 0px 2px 12px; background:url(../img/common/bu_path.gif) left center no-repeat;} 

/* Footer */
#footer {clear:both; position:relative; border-top:1px solid #a5a5a5; font:normal 11px/1.3 "tahoma"; height:100px;}
.footer_logo {position:absolute; top:24px; left:44px;}
.fnb {position:absolute; top:24px; left:200px;}
.fnb li {float:left; background:url(../img/common/fnb_bar.gif) right center no-repeat;}
.fnb li a {display:block; padding:0 12px 0 12px; text-transform:uppercase; font:normal 11px/1.3 "tahoma";}
.copy {position:absolute; top:40px; left:212px;}
.symbol {position:absolute; top:24px; right:50px;}

/* common table */
.common_table {width:96%; margin:6px auto 2px; border:1px solid #92c6d8;}
.common_table caption {display:none; font:1px; line-height:1px;}
.common_table td {border-top:1px solid #A8E6D7; border-left:1px solid #A8E6D7; text-align:center; padding:2px;}
.common_table thead th {text-align:center; background:#e7f4e8; color:#76acbe;}
.common_table tbody th {text-align:left; background:#f9fcfa; padding:2px 0 2px 8px; color:#63a3b0; font-weight:100;  border-top:1px solid #a8e6d7; border-left:1px solid #A8E6D7; }
.common_table th {background:#fff;}