@charset "utf-8";
/* CSS Document */


*{margin:0; padding:0;}
body{ font-size:12px; color:#525252; line-height:18px; height:100%; padding:0; margin:0;font-family: ngbwoff,ngbttf,ngbeot,NanumGothic,dotum;}
input, select, textarea{font-size:100%; line-height:130%;}
select{ height:20px;}
/*select{padding:3px 0;}*/
header{padding:0; margin:0}

img{border:none;}

h1 a:link{color: #000; }
h1 a:active{color: #000;}
h1 a:visited{color: #000;}
h1 a:hover{color: #000; text-decoration: underline; }

a:link{color: #6c6c6c; text-decoration:none; overflow:hidden; }
a:active{color: #6c6c6c; text-decoration:none; font-size:100%;}
a:visited{color: #6c6c6c; text-decoration:none; font-size:100%;}
a:hover{color: #6c6c6c; text-decoration: underline; font-size:100%;}
h2 a:link{color: #087CBE; text-decoration:none; line-height:110%;}
h2 a:active{color: #087CBE; text-decoration:none;}
h2 a:visited{color: #087CBE; text-decoration:none;}
h2 a:hover{color: #087CBE; text-decoration: underline;}

h3 { font-size:12px}

ul{list-style:none; margin:0; padding:0;}
ul li{list-style:none; margin:0; padding:0;}
ol{margin:0; padding:0;}
p{margin-top:5px; }
table{ border-collapse:collapse;}

.topbody{width:769px; margin:auto;  padding:0; position:relative; background:url(/m/IMG/mainbg.png) no-repeat top center; -moz-background-size:cover; -webkit-background-size:cover;-o-background-size:cover; background-size:cover}
.main{height:300px;}
.topbody .model{text-align:center; padding-top:15px;}
.header{padding:3px; background:#ffffff; height:40px;}
.header .logo{   text-align:center; width:100%; padding-top:5px;}
.header .home{position:absolute; top:10px; right:15px;}
.header .reload{position:absolute; top:10px; left:15px;}
.topbody .nav {width:320px; margin:auto; }
.topbody .nav img{ padding:0 5px;}
.topbody .nav li{float:left; text-align:center; font-weight:bold; letter-spacing:0}
.main .nav{ position:absolute;bottom:0px;}
.main .nav li{ width:25%;}
.menusub .nav li a{color:#FFF;overflow:hidden;}
.menusub .nav li{ width:24%;overflow:hidden; margin:5px 0; border-left:#FFF solid 1px; line-height:30px; }
 
.footer{width:570px; margin:auto; background:#1a5163; font-weight:bold; color:#FFF; min-height:50px; padding:10px 0}
.footerlink{ background:#36a6cb; padding:0; height:30px;  }
.footerlink ul{margin:auto; width:300px;}
.footerlink li{float:left}
.footerlink a{color:#1a5163; font-weight:bold; font-size:13px; display:inline-block; text-align:center; padding:0px 15px; margin-top:5px;}
.content{min-height:300px}
.content img{margin:0 3px}
.content .cbt {text-align:center}
.content .cbt a{ height:40px; width:100px; background:url(../IMG/cbg.png); font-weight:bold; line-height:40px;  text-align:center; display:inline-block}
.content h1{border-bottom:#CCC dotted 2px; padding:15px 0 10px 0; margin-bottom:10px;}
.content h2{ background:url(/m/IMG/icon_arrow.png) no-repeat; color: #086BA2; padding-left:15px; margin-left:5px; margin-top:15px; font-size: 14px;font-weight: bold; margin-bottom: 6px;  }

.footer{text-align:center; margin-top:25px;}
.maincont div{  width:100%}
.subcont{  margin:10px 0; }
.subcont ul{padding-left:20px}
.subcont ul li{list-style:disc outside;}
.subcont  .cbt {text-align:center;height:40px; width:100px; background:url(/m/IMG/cbg.png); font-weight:bold; line-height:40px;  text-align:center; display:inline-block}

.my_table {    border-left: 1px solid #CCCCCC;    border-top: 1px solid #CCCCCC;    width: 100%;}
.my_table th, td {
    border-bottom: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 6px;
}
.my_table th {
    background-color: #F4F4F4;
    color: #333333;
}
.my_table td {
    background-color: #FFFFFF;
}
.my_table .col1 {
    text-align: center;
    width: 25%;
}
.my_table .col2 {
    width: 75%;
}
.my_table .col3 {
    width: 20%;
}
.my_table .col4 {
    font-weight: bold;
    text-align: center;
    width: 10%;
}
.my_table .col5 {
    width: 70%;
}

.tbDefault {
    
     
    width: 100%;
}
.tbDefault td {
    border-bottom: 1px solid #EEEEEE; 
    padding: 6px 5px;
}
.tbDefault th {
    background: url("/images/common/title_bg.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #DDDDDD;
    color: #333333;
    padding: 8px 5px;
}
.tbDefault .nonbg {
    background: none repeat scroll 0 0 #F7F7F7;
    border-bottom: 1px solid #EEEEEE;
    color: #333333;
    padding: 8px 5px;
}
.tbDefault .con {
    padding: 30px;
}
.tbDefault .input {
    width: 100%;
}
.dotline {border-top:dotted #CCCCCC 1px;height:1px;margin:  15px 0;    width: 100%;}
.product { padding:5px 0; margin:5px 0; border-top:dotted 1px #CCCCCC}
.product h3{ font-size:14px; line-height:30px; display:list-item; list-style:square inside; margin-bottom:10px; margin-left:5px;}
.product .img{width:40%; float:left; text-align:center}
.product .img div{padding:5px;   margin-bottom:5px;}
.product .img img{  max-height:150px; min-height:60px; max-width:100%; }
.product .cont{width:55%; float:left; min-height:215px; padding-left:2%; margin-left:1%; border-left:#CCC solid 1px;}
 
.news_table .col1{width:10%;min-width:30px; text-align:center}
.news_table .col2{width:53%;min-width:100px; cursor:pointer; color:#086BA2}
.news_table .col3{width:10%;min-width:80px; text-align:center}
.news_table .col4{width:10%; min-width:80px; text-align:center}
.news_table {
    border-top: 1px solid #086BA2;
    width: 100%;
}
.news_table th, td {
    padding: 8px;
}
.news_table th {
    background-color: #ECF2F7;
    border-bottom: 1px solid #DDE8F2;
    color: #333333;
}
.news_table tr {
	border-bottom:dotted #CCCCCC 1px;
    
}
.news_table td {
    border: medium none;
}
.list_view input,.list_view .vfile{width:100%}
.maintitle img{padding:7px 10px;}
.productmodel{height:100px; position:relative; cursor:pointer }
.productmodel .model{color:#FFF;     }
.productmodel div{float:left};
.productmodel .model h3{padding:5px 10px 0 80px; font-size:14px; font-weight:bold;  }
.productmodel .model p{padding:0 45px 0 85px}
.Topstory {cursor:pointer}
.Topstory .img{float:left; width:30%}
.Topstory .img img{width:90%}
.Topstory .cont{float:left; width:70%}

table.ibm-data-table {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 20px;
    width: 100%;
}

table.ibm-data-table tbody th, table.ibm-data-table tbody td {
    border-left: 3px solid #FFFFFF;
	 border-right: 1px solid #FFFFFF;
    border-top: 1px solid #DDDDDD;
    color: #555555;
    padding: 8px 5px 5px 3px;
}
table.ibm-data-table tbody tr:first-child td, table.ibm-data-table tbody tr:first-child th, table.ibm-data-table.ibm-alternating tbody tr:first-child td, table.ibm-data-table.ibm-alternating tbody tr:first-child th {
    border-top: 2px solid #999999;
}
table.ibm-data-table tbody th:first-child, table.ibm-data-table tbody td:first-child {
    padding-left: 3px;
    padding-right: 10px;
}
table.ibm-data-table tbody tr th:first-child, table.ibm-data-table tbody tr td:first-child {
    border-left: 0 none;
}

 .ibm-col-1-1,  .ibm-col-2-1,  .ibm-col-4-1,  .ibm-col-4-2,  .ibm-col-4-3,  .ibm-col-5-1,  .ibm-col-5-2,  .ibm-col-5-3,  .ibm-col-5-4,  .ibm-col-6-1,  .ibm-col-6-2,  .ibm-col-6-3,  .ibm-col-6-4,  .ibm-col-6-5, .dijitDialogPaneContent .ibm-common-overlay  [class*="ibm-col-"] {
    float: left;
    min-height: 1px;
   
}
.ibm-col-6-1{width:50%}
.ibm-col-4-1{width:40%}