@charset "utf-8";
/* CSS Document */
@import url('nanumgothic.css');

/*html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, 
section, summary, time, mark, audio, video {margin:0px; padding:0px; border:0px;}*/

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0; font-family:微软雅黑 !important;}fieldset,img {border:0 none}dl,ul,ol,menu,li {list-style:none}blockquote, q {quotes: none}blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}input,select,textarea,button {vertical-align:middle}button {border:0 none;background-color:transparent;cursor:pointer}body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:'돋움',dotum,sans-serif;3} /* color값은 디자인가이드에 맞게사용 */
a { selector-dummy : expression(this.hideFocus=true); text-decoration:none}
/*a { selector-dummy : expression(this.hideFocus=true); }*/
a:active, a:hover {text-decoration:underline} address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}


body{min-width:1200px;/* 가로 사이즈 만큼 바꾸기 */}

.map_txt{font:normal 14px 'Nanum Gothic'; color:#333333;}
.txt_h{ background:url(../images/icon02.gif) no-repeat 0 50%; padding-left:22px;font:normal 13px Dotum; color:#333333; line-height:24px;}
.txt_p{ background:url(../images/icon02.gif) no-repeat 0 50%; padding-left:18px;font:normal bold 15px Dotum; color:#333333;}
.txt_p_s{font:normal 12px Dotum; color:#333333; line-height:21px;}
.txt_p2{font:normal 13px Dotum; color:#707070;}
.txt_f{font:normal 11px Dotum; color:#cccccc; padding-top:34px;}
.txt_f a{font:normal 11px Dotum; color:#cccccc; padding-top:34px; text-decoration:underline;}
.txt_c{font:normal 13px Dotum; color:#333333; line-height:24px;}
.p_title{font:normal bold 18px Nanum Gothic; color:#333333; margin-bottom:10px; margin-top:20px;}
.txt_d{font:normal 13px Dotum; color:#666666; line-height:18px;}
.txt_d_s3{font:normal 12px Dotum; color:#333; line-height:18px;}
.txt_d_s4{font:normal bold 12px Dotum; color:#333333; line-height:18px; margin-top:15px;}
.pro_s_title{font:normal bold 25px Dotum; color:#980808;margin-left:54px;}
.txt_data{font:normal bold 14px Dotum; color:#996666;}

.pa_f{ padding:36px 12px 0px 8px;}
.pa_t99{ padding-top:99px;}
.pa_t5{ padding-top:5px;}
.pa_t10{ padding-top:10px;}
.pa_t18{ padding-top:18px;}
.pa_t48{ padding-top:48px;}
.pa_l25{ padding-left:25px;}
.pa_l35{ padding-left:35px;}
.pa_r15{ padding-right:20px;}

.ma_tb{ margin:10px 0px 20px 0px;}
.ma_t10{ margin-top:10px;}
.ma_t20{ margin-top:20px;}
.ma_t23{ margin-top:23px;}
.pa_t35{ padding-top:35px;}
.ma_t30{ margin-top:30px;}
.ma_t35{ margin-top:35px;}
.ma_t37{ margin-top:37px;}
.ma_t40{ margin-top:40px;}
.ma_t50{ margin-top:50px;}
.ma_t55{ margin-top:55px;}
.ma_t65{ margin-top:65px;}
.ma_t80{ margin-top:80px;}
.top_m{ margin-left:120px;margin-top:45px;}
.ma_b26{ margin-bottom:26px;}
.ma_l55{ margin-left:55px;}
.cl{clear:both;}


#main {width:100%;margin:auto;}
#main .bar{width:100%;height:25px;background:#282326;}
#main .bar .home{width:1200px;margin:auto;}
#main .bar .home ul{float:right;}
#main .bar .home ul li{float:left; padding-right:8px;}

#main .topmenu{width:1200px;margin:auto;height:77px;}
#main .topmenu ul{ float:left;}
#main .topmenu .logo li{ margin:22px 100px 0px 14px;}
#main .topmenu .t_menu li{float:left;display:inline-block; position:relative; z-index:100;}
#main .topmenu .t_menu li .sub_top_menu{display:none; background:url(../images/t_menu_bg.gif) no-repeat; height:233px;width:142px;}
#main .topmenu .t_menu li .sub_top_menu li{font:normal 12px 微软雅黑; color:#000;line-height:25px;padding-left:26px;width:142px;}
#main .topmenu .t_menu li .sub_top_menu li a{font:normal 12px 微软雅黑; color:#000;line-height:25px; background:url(../images/icon.gif) no-repeat 0 50%; padding-left:15px;}
#main .topmenu .t_menu li .sub_top_menu li a:hover{font:normal 12px 微软雅黑; color:#ff0000;line-height:25px; text-decoration:none;background:url(../images/icon_on.gif) no-repeat 0 50%; padding-left:15px;}
#main .topmenu .t_menu li:hover .sub_top_menu{display:block; position:absolute; }

#main .topmenu .t_menu li .sub_top_menu_pro{display:none; background:url(../images/t_menu_bg.gif) no-repeat; height:233px;width:142px;}
#main .topmenu .t_menu li .sub_top_menu_pro li{font:normal 12px 微软雅黑; color:#000;line-height:25px;padding-left:10px;width:142px;}
#main .topmenu .t_menu li .sub_top_menu_pro li a{font:normal 12px 微软雅黑; color:#000;line-height:25px; background:url(../images/icon.gif) no-repeat 0 50%; padding-left:10px;}
#main .topmenu .t_menu li .sub_top_menu_pro li a:hover{font:normal 12px 微软雅黑; color:#ff0000;line-height:25px; text-decoration:none;background:url(../images/icon_on.gif) no-repeat 0 50%; padding-left:10px;}
#main .topmenu .t_menu li:hover .sub_top_menu_pro{display:block; position:absolute; }



#main .main_img{width:100%;background:url(../images/main_img_bg.jpg) no-repeat center top; height:449px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px;}
#main .main_img .visual{width:1200px; margin:auto; position:relative;}

#main .contents{width:100%; background:#f7f7f7; height:345px;}
#main .contents .wrap{width:1200px;margin:auto; height:243px;}
#main .contents .wrap .link{ list-style:none;width:630px;float:left;margin-left:10px;}
#main .contents .wrap .link li{ float:left;}

#main .contents .wrap .main_pro_txt{ float:left;width:226px; background:url(../images/pro_bg.gif) no-repeat; height:243px; margin-left:9px;}
#main .contents .wrap .main_pro_txt li{ text-align:left;font:normal 15px 微软雅黑; color:#5a5a5a; padding:69px 0px 0px 41px; line-height:22px;}
#main .contents .wrap .main_pro_txt li a{ text-align:left;font:normal 15px 微软雅黑; color:#5a5a5a;line-height:22px; text-decoration:none;}

#main .contents .wrap .main_pro{ float:left;width:316px;background:url(../images/pro_bg2.gif) no-repeat;height:243px;}
#main .contents .wrap .main_pro li{ float:left;}

#main .footer{width:100%; background:#666; height:102px;}
#main .footer_a{width:1200px;margin:auto;}
#main .footer_a ul{ list-style:none; float:left; text-align:left;width:1200px;}
#main .footer_a ul li{ float:left;}


#sub {width:100%;margin:auto;}
#sub .bar{width:100%;height:25px;background:#282326;}
#sub .bar .home{width:1200px;margin:auto;}
#sub .bar .home ul{float:right;}
#sub .bar .home ul li{float:left; padding-right:8px;}

#sub .topmenu{width:1200px;margin:auto;height:77px;}
#sub .topmenu ul{ float:left;}
#sub .topmenu .logo li{ margin:20px 100px 0px 14px;}
#sub .topmenu .t_menu li{float:left;display:inline-block; position:relative; z-index:100;}
#sub .topmenu .t_menu li .sub_top_menu{display:none; background:url(../images/t_menu_bg.gif) no-repeat; height:233px;width:142px;}
#sub .topmenu .t_menu li .sub_top_menu li{font:normal 13px 'Nanum Gothic'; color:#000;line-height:25px;padding-left:26px;width:142px;}
#sub .topmenu .t_menu li .sub_top_menu li a{font:normal 13px 'Nanum Gothic'; color:#000;line-height:25px; background:url(../images/icon.gif) no-repeat 0 50%; padding-left:15px;}
#sub .topmenu .t_menu li .sub_top_menu li a:hover{font:normal 13px 'Nanum Gothic'; color:#ff0000;line-height:25px; text-decoration:none;background:url(../images/icon_on.gif) no-repeat 0 50%; padding-left:15px;}
#sub .topmenu .t_menu li:hover .sub_top_menu{display:block; position:absolute; }

#sub .sub_img{width:100%; height:130px; background:url(../images/sub_bg.gif) repeat-x;}
#sub .sub_img .visual{width:1200px; margin:auto;}

#sub .contents{width:1200px; margin:auto;}
#sub .contents .left_menu{width:208px; float:left; background:url(../images/left_menu_bg.gif) no-repeat;}
#sub .contents .left_menu ul{width:190px;}
#sub .contents .left_menu ul li{ margin-top:1px;}
#sub .contents .cont{width:954px; float:right;}

#sub .contents .cont .cont_bg{ background:url(../images/cont_bg.gif) repeat-x; height:66px;}
#sub .contents .cont .pro_list{dd}
#sub .contents .cont .pro_list .pro_p{width:280px;float:left; margin-left:22px;}
#sub .contents .cont .pro_list .pro_t{width:600px;float:left; margin-left:52px;}

#sub .contents .cont .product_table{margin-left:54px;}
#sub .contents .cont .product_table th{ background:#868686; border-left:solid 1px #dedede;border-bottom:solid 1px #dedede;font:normal bold 12px Arial; color:#FFFFFF; line-height:18px;}
#sub .contents .cont .product_table td{ height:35px; border-bottom:solid 1px #a5a6a1; text-align:center;font:normal bold 12px Arial; color:#4b4c4c;}
#sub .contents .cont .product_table td a{font:normal bold 12px Arial; color:#4b4c4c;}
#sub .contents .cont .product_table td a:hover{font:normal bold 12px Arial; color:#4b4c4c; text-decoration:underline;}

#sub .contents .cont .product_table02{margin-left:54px;}
#sub .contents .cont .product_table02 th{ background:#868686; border-left:solid 1px #dedede;border-bottom:solid 1px #dedede;font:normal bold 12px Arial; color:#FFFFFF; line-height:18px;}
#sub .contents .cont .product_table02 td{ height:35px; border-bottom:solid 1px #a5a6a1;font:normal bold 12px Arial; color:#4b4c4c;}
#sub .contents .cont .product_table02 td a{font:normal bold 12px Arial; color:#4b4c4c;}
#sub .contents .cont .product_table02 td a:hover{font:normal bold 12px Arial; color:#4b4c4c; text-decoration:underline;}

#sub .contents .cont .pro_list .pro_p_s{float:left;width:442px;}
#sub .contents .cont .pro_list .pro_t02{float:left;width:512px;}

#sub .contents .cont .data_table{width:847px;border-top:solid 1px #cccccc; margin-top:50px;}
#sub .contents .cont .data_table td{ height:218px;font:normal 12px Dotum; color:#996666;border-bottom:solid 1px #cccccc;border-left:solid 1px #cccccc; }

.pro_tab{ list-style:none; background:url(../images/tab_bg.gif) repeat-x; height:41px;width:846px; margin-left:55px;}
.pro_tab li{ float:left;}
.pro_tab .on{width:105px; height:39px; background:url(../images/tab_on.gif) no-repeat;font:normal 12px Dotum; color:#ffffff;text-align:center;padding-top:14px;}
.pro_tab .off{width:105px; height:39px; background:url(../images/tab.gif) no-repeat;font:normal 12px Dotum; color:#333333;text-align:center;padding-top:14px;}

.pro_tab .on02{width:143px; height:39px; background:url(../images/tab02_on.gif) no-repeat;font:normal 12px Dotum; color:#ffffff;text-align:center;padding-top:14px;}
.pro_tab .off02{width:143px; height:39px; background:url(../images/tab02.gif) no-repeat;font:normal 12px Dotum; color:#333333;text-align:center;padding-top:14px;}
.pro_tab .off02 a{font:normal 12px Dotum; color:#333333; text-decoration:none;}

.certification{ margin-left:47px;}
.certification li{width:152px;margin-left:12px; float:left;font:normal 12px Dotum; color:#666; text-align:center;}

#sub .topmenu .t_menu li .sub_top_menu_pro{display:none; background:url(../images/t_menu_bg.gif) no-repeat; height:233px;width:142px;}
#sub .topmenu .t_menu li .sub_top_menu_pro li{font:normal 13px 'Nanum Gothic'; color:#000;line-height:25px;padding-left:10px;width:142px;}
#sub .topmenu .t_menu li .sub_top_menu_pro li a{font:normal 13px 'Nanum Gothic'; color:#000;line-height:25px; background:url(../images/icon.gif) no-repeat 0 50%; padding-left:15px;}
#sub .topmenu .t_menu li .sub_top_menu_pro li a:hover{font:normal 13px 'Nanum Gothic'; color:#ff0000;line-height:25px; text-decoration:none;background:url(../images/icon_on.gif) no-repeat 0 50%; padding-left:15px;}
#sub .topmenu .t_menu li:hover .sub_top_menu_pro{display:block; position:absolute; }

#sub .footer{width:100%; background:#666; height:102px;}
#sub .footer_a{width:1200px;margin:auto;}
#sub .footer_a ul{ list-style:none; float:left; text-align:left;width:1200px;}
#sub .footer_a ul li{ float:left;}


#main .topmenu .t_menu li ul li:first-child{padding-top:22px;}
#sub .topmenu .t_menu li ul li:first-child{padding-top:22px;}

a{
text-decoration:none !important;
}
a:link{
text-decoration:none !important;
}
a:visited{
text-decoration:none !important;
}
a:hover{
text-decoration:none !important;
}
a:active{
text-decoration:none !important;
}