@charset "iso-8859-1";
/* CSS Document */

/* base */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding:0; font-size:8.5pt; color:#000; line-height:140%; font-family:arial, tahoma; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 9pt; font-style: normal; }
ul,ol{ list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table {}


/* link */
a {color:#6f6f6f;}
a:link, a:visited, a:active {text-decoration: none;  color:#6f6f6f;}
a:hover {text-decoration: underline; color:#6f6f6f;}

/* layout */
#wrapper {width:1010px; margin:0 auto;}
#container {width:909px; margin:0 auto;}
#header {width:909px;}

.top_bt { width:350px; float:left; padding:0 92px 0 0; text-align:right;  padding:13px 12px 0 0; }
.top_login { clear:both; float:right;  width:328px; height:13px;}
.bt_login_area { float:right;  margin-top:-3px; } 
.bt_korean { float:right; padding:0 0 0 8px;}
.bt_english { float:right; }
.bt_login{ float:right; padding-left:7px; }
.top_menu_bt { clear:both; float:right; width:328px;  line-height:130%;  height:15px; }
.top_menu_bt ul { float:righ; width:328px; }
.top_menu_bt li {  float:right; padding:0 0 0 10px; }


#main_flash {width:909px;}
#contents_main {width:889px; padding:32px 10px 0 10px; float:left;}
#footer {clear:both; width:940px; margin:0 0 0 70px; padding:20px 0 0 0; height:40px; }
#container1 { clear:both; width:970px;float:right; }
#container0 { clear:both; width:970px; background:url(../images/container_bg_2.gif) repeat-y;  margin-left:40px;    }


/* main */
#login_top {float:right; width:266px; padding:24px 0 12px 0;}
#login_bg { background:url(../images/flash_top.gif) no-repeat; height:66px; position:relative; width:1010px;}
#news{float:left; width:204px;}
#news ul {margin:10px 0 0 0; padding:0;}
#news li {list-style:none; background:url(../images/news_dot.gif) no-repeat 0 50%; margin:0; padding:0 0 2px 7px;}
#line {float:left; padding:0 17px 0 12px;}
#newproduct{float:left; width:336px;}
#m_p_picture{float:left; width:130px;}
#m_p_txt{float:right; width:193px; padding:0 0 7px 13px;}
.blue {font-weight:bold; color:#2664c3; font-size:12px; font-family:"µ¸¿ò",dotum,arial,tahoma; }
.ft11 {font-size:11px; font-family:"µ¸¿ò",dotum,arial,tahoma; line-height:140%;}
#m_p_tab{float:right; width:197px; padding:0 0 0 0;}
#online{float:left; width:288px;}
#m_online_tit{float:left; width:259px;}
#more {float:right;}
#m_online_img {float:left; padding:15px 28px 0 18px;}
#m_online_txt {float:left;}
#online ul {margin:0 0 0 0; padding:10px 0 0 0; width:194px; float:right;}
#online ul li {padding:5px 0 5px 0; border-bottom:1px solid #e1e3e3;}

.bottom_logo { float:left; width:52px;  padding:0 22px 0 0; }
.bottom_menu { float:left; width:200px; padding:10px 85px 0 0; }
.bottom_menu li { float:left; padding:0 14px 0 0; }
.address { float:left; width:320px; height:21px; background:url(../images/address.gif) 0 4px no-repeat;}
.box_bottom {  clear:both; height:15px; }

/* sub */
#login_top_sub {float:right; width:120px; padding:24px 0 12px 0;}
.product_img { clear:both; width:682px; padding:0 0 25px 0; }
#sub_main_box { width:903px; padding:0 13px 0 17px; float:left; }
#left_menu { clear:both; float:left; width:187px; padding-top:10px; }
.left_menu_list { width:155px; margin-left:17px;}
.left_menu_list li { border-bottom:1px dotted #d8dada; }
#contents { float:right; width:694px;}
.navi {  background:url(../images/sub_navi_bg.gif) no-repeat; height:53px; margin-top:10px; }
.navi h3 { padding:6px 0 4px 68px; }
.navi_list { padding:0 0 0 68px; width:613px; float:left; }
.home { margin-top:2px; float:left; }
.navi_add { float:left;  padding:0 0 0 6px ; font-size:8.5pt; font-family:arial, tahoma;}
.contents_area {  clear:both; padding:30px 0 30px 0; float:left; width:682px;}
.about_left { padding:0 0 0 0; float:left; width:395px; }
.about_right { padding:0 0 0 0; float:right;  width:243px; padding:0 12px 0 0; background:url(../images/about_right_bg.gif) no-repeat; height:356px; }
.about_bottom { clear:both; width:682px; }
#direction {background:url(../images/about_contents_04.gif) no-repeat; position:relative; width:671px; height:761px;}


.login_box { text-align:center; }

.fomr1 { border:1px solid #cecfce; width:135px;  height:16px; }
.fomr2 { border:1px solid #cecfce; width:330px;  height:16px; }
.fomr3 { border:1px solid #cecfce; }
.form_box2_1 { border:1px solid #e0e0e0; height:16px;  width:200px; }

#login { clear:both; float:left; width:187px; margin-bottom:10px; margin-top:10px;}
#login .top { background:url(../images/login_bg_top.gif) no-repeat;  height:10px; margin:0; padding:0;}
#login .form { background:#f3f3f3; padding:0 7px 0 7px; margin:0;}
.form_area { border:1px solid #e0e0e0; width:60px; height:17px; margin:0;}
#login .form img { position:relative; top:3px; right:0; }
.user_name { background:url(../images/user_name_bg.gif) no-repeat; height:21px; padding:2px 4px 0 6px;   }
.bt { padding:5px 0 0 0 ; text-align:center;  }
.bt img { padding-right:3px; }
#login .bottom { background:url(../images/login_bg_bottom.gif) no-repeat; height:11px; }


#product_box { width:324px; float:left; background:url(../images/main_box_bg.gif) no-repeat top right;  height:120px; padding:5px 0 0 19px; }
.product_box_title { width:300px; float:left; padding:0 0 7px 0; }
.product_box_title h2 { float:left; width:100px; }
.product_box_title2 { width:289px; float:left;  padding:0 0 7px 0; }
.product_box_title2 h2 { float:left; width:100px; }
.bt_more { float:right; width:29px; padding:6px 0 0 0; }
.product_box_txt { clear:both; width:313px;  }
.product_box_left { float:left; width:140px; }
.product_box_right { float:right; width:163px; }
.product_txt { padding:0 0 6px 0; }
.product_tab { width:163px; float:left; }
.product_tab li { float:left; }
.padding_right_2px { padding-right:2px; }


.tab_menu { clear:both; width:682px; background:url(../images/tab_menu_bg.gif) repeat-x 0 15px; float:left; }
.tab_menu ul { float:left;  width:649px; padding:0 0 10px 33px;  }
.tab_menu li { float:left; margin:0 10px 0 0; height:40px;  text-align:center;  padding:7px 0 0 0; font-weight:bold;  }
.tab_menu li a, .tab_menu li a:hover, .tab_menu li a:visited { text-decoration:none; }
.tab_on { background:url(../images/tab_on.gif) no-repeat 0 0; color:#637a8c; width:106px;  }
.tab_on a, .tab_on a:hover, .tab_on a:visited { color:#637a8c; }
.tab_off { background:url(../images/tab_off.gif) no-repeat 0 0; color:#8f8f8f; width:106px; }
.tab_off a, .tab_off a:hover, .tab_off a:visited { color:#8f8f8f; }
.data_txt { clear:both; width:682px; }
.data_txt h4 { padding:10px 0 10px 30px; }
.txt_box { width:630px;  padding:10px 0 0 0;  padding:20px 0 0 33px; font-size:8.5pt; font-family:arial, tahoma; } 
.txt_box p { padding:0 0 15px 0; line-height:140%; font-size:8.5pt; font-family:arial, tahoma; }


.data_table { clear:both; padding:20px 0 0 6px;  width:668px; }
.td_txt_01 { padding:12px 12px 12px 12px; border-bottom:1px solid #ddddd6; border-right:1px dotted #ddddd6; vertical-align:top; }
.td_txt_02 { padding:12px 12px 12px 12px; border-bottom:1px solid #ddddd6; vertical-align:top; }


.contents_txt { width:682px; }
.contents_txt h3 { padding-bottom:20px; }
.contents_txt p { padding:0 0 0 3px; }
.contents_txt2 { width:670px; padding:0 0 0 8px; }
.contents_txt2 h3 { padding-bottom:20px; }
.contents_txt2 p { padding:0 0 10px 2px; line-height:140%;  }
.contents_txt2 strong { margin-bottom:10px; }
.blue { color:#aac4cc; }
.blue a, .blue a:hover, .blue a:visited { color:#aac4cc; }
.contents_txt3 { width:670px; padding:0 0 60px 12px;  }
.contents_txt3 h3 { padding-bottom:20px; }
.contents_txt3 p { padding:0 0 10px 0; line-height:130%;  }
.board { padding-bottom:20px; }
.contents_txt4 { width:670px; padding:0 0 0 8px; height:326px; }
.contents_txt4 h3 { padding-bottom:20px; }
.contents_txt4 p { padding:0 0 10px 0; line-height:130%;  }

.data_table { clear:both; padding:20px 0 0 6px;  width:668px; font-size:8.5pt; font-family:arial, tahoma; }
.td_txt_01 { padding:12px 12px 12px 12px; border-bottom:1px solid #ddddd6; border-right:1px dotted #ddddd6; vertical-align:top; font-size:8.5pt; font-family:arial, tahoma; }
.td_txt_02 { padding:12px 12px 12px 12px; border-bottom:1px solid #ddddd6; vertical-align:top; font-size:8.5pt; font-family:arial, tahoma; }

.pd01 {padding:0 0 15px 0;}
.pd02 {padding:0 0 10px 0;}

.ht_txt {font-size:20px; color:#bacfd5; font-weight:bold; letter-spacing:-1px;}
.ht_txt_s {color:#a2bec6; font-weight:bold; font-size:12px;}