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

@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
/* font-family: 'Noto Sans', sans-serif; */

* {  margin:0; padding:0;}
a { text-decoration:none;}
img { border:0;}
ul, li { list-style:none; }
body { font-family: 'Noto Sans', sans-serif; letter-spacing:-0.8px; max-width:1920px; margin:0 auto; word-break:keep-all;}


/* ����κ� */
#hd { width:100%; background:url(../img/hd_bg.png); background-repeat:repeat-x; position:relative; z-index:5; height:172px;} 
.wrap { width:1200px; margin:0 auto;}
.hd_top { height:88px;}
.hd_top > a { width:200px; height:43px; display:block; float:left; margin-top:32px;}
.top_navi { width:300px; box-sizing:border-box; background:#2d3238; padding:5px 61px; float:right; height:32px; line-height:19px;}
.top_navi dt, .top_navi dd { float:left;}
.top_navi a { font-size:11px; color:#afafaf; }
.top_navi a:after { content:'|'; color:#afafaf; font-size:10px; padding-right:10px; padding-left:10px;}
.top_navi dd:last-child a:after { content:'';padding:0;}
.hd_bottom { height:58px;}
.hd_bottom .main_menu { width:100%; height:100%;}
.hd_bottom .main_menu > li { float:left; width:225px; box-sizing:border-box; border-right:1px solid #e8e8e8; height:100%; line-height:60px; text-align:center;}
.hd_bottom .main_menu > li:first-child { border-left:1px solid #e8e8e8;}
.hd_bottom .main_menu > li:last-child { width:300px;}
.main_menu > li a { font-size:15px; color:#6b6b6b; }
.main_menu > li > a { font-weight:bold;}
.dep01 { width:100%; background:#2d3238; margin-top:-2px; display:none; }
.dep01 li { height:50px; border-bottom:1px solid #000; border-top:1px solid #4d535a; box-sizing:border-box; line-height:48px;}
.dep01 li:first-child { border-top:none;}
.dep01 li:last-child { border-bottom:none;}
.dep01 li a { color:#fff; font-size:12px;}
.dep01 li:hover { background:#252627;}
.main_menu > li:hover ul.dep01 { display:block;}
.main_menu li a.hd_tel_img { color:#769619; font-weight:bold; background:url(../img/hd_tel.jpg) no-repeat left center; padding-left:32px; font-size:17px;}


/* ����_�������κ� */
#content_top { width:100%; height:698px; background:url(../img/main_vi.jpg) no-repeat;  background-position:center; margin-top:-26px;}
ul.main_banner { width:300px; height:100%; float:right;}
ul.main_banner li { height:216px; padding:17px 35px; box-sizing:border-box;}
ul.main_banner li:last-child { height:266px; background:#97bf21;}
ul.main_banner li:first-child { background:#f0f0f0;}
ul.main_banner li:nth-child(2) { background:#fff;}
span.bar { width:18px; height:1px; background:#000; display:block; margin-bottom:14px;}
h4.banner_title { font-size:18px; font-weight:bold; color:#2d3238; float:left;}
a.btn_more { float:right;}
img.main_banner_img { margin:14px 0 7px;}
.banner_txt { color:#565656; font-size:13px;}
ul.main_banner li:last-child a, ul.main_banner li:last-child h4.banner_title { color:#fff; }
.bar.white { background:#fff;}
.main_banner dl.notice_list { margin-top:45px;}
.main_banner dl.notice_list  dd a { font-size:13px;}
ul.main_banner li:last-child a.btn_more { display:block; margin-top:10px;}
dl.notice_list dt.latestblue { display:none;}
dl.notice_list dd a span.date_time { float:right; margin-top:3px;}



#content_bottom { width:100%; height:395px; background:#f0f0f0; box-sizing:border-box; padding:34px 0;}
#content_bottom h3.banner_title { float:left;}
ul.product_banner { width:100%; height:280px; padding-top:35px;}
ul.product_banner li { float:left; width:281px; padding-right:25px;}
ul.product_banner li:last-child { padding-right:0;}


/* Ǫ�� */
#ft { width:100%; height:37px; padding:27px 0; clear:both; border-top:1px solid #f0f0f0; }
#ft .wrap > a { float:left; }
.copyright { margin-left:185px; font-size:13px; color:#898989; border-left:1px solid #afafaf; padding-left:55px; width:900px;}
#ft .wrap a.admin { float:right; margin-top:-35px; padding:3px 5px; background:#DEEFFB; text-align:center;font-size:13px;}


/* �������κ� */
#sub_top { width:100%; height:180px; background:url(../img/sub_top_vi.jpg) no-repeat; background-position:center; margin-top:-27px;}
#sub_content { width:100%; overflow:hidden; height:auto; /*background:#f9f9f9;*/}
dl.left_menu { width:202px; height:auto; margin-top:-36px; float:left; position:absolute; z-index:5;}
dl.left_menu dt { background:url(../img/left_menu_dt.jpg) no-repeat; color:#fff; font-size:19px; height:102px; padding:55px 29px 0; font-weight:bold; box-sizing:border-box; margin-bottom:4px;}
dl.left_menu dd { width:100%; height:44px; box-sizing:border-box; padding-left:29px; line-height:40px; border-bottom:1px solid #94a8cc; background:#fff;}
dl.left_menu dd a { color:#444; font-size:13px; }
dl.left_menu dd.active, dl.left_menu dd:hover  { background: #02519b url(../img/arrow.png) no-repeat 182px center;}
dl.left_menu dd.active a, dl.left_menu dd:hover a { color:#fff;  font-weight:bold; }
.sub_content_right { float:right; width:943px; height:auto; overflow:hidden;}
.sub_con_right_top { width:100%; border-bottom:1px solid #e2e2e2; height:35px; padding-top:30px;}
.sub_title { float:left; margin-left:10px;}
ul.navi { float:right; margin-top:5px; margin-right:10px;}
ul.navi li { float:left;}
ul.navi li a { font-size:12px; color:#5f5f5f;}
ul.navi li:after { content:'>'; padding:0 5px;font-size:12px; color:#5f5f5f;}
ul.navi li:last-child:after { content:''; padding:0;}
ul.navi li:last-child { font-weight:bold; color:#000;}
ul.navi li.home { background:url(../img/home.png) no-repeat left 8px; padding-left:20px;}
.sub_inner_content { margin:15px 0; height:auto; overflow:hidden;}


/* ��ǰ�Ұ� ���ʸ޴� */
dl.left_menu.product dd { padding-left:15px;}



/* ���ô� �� */
table { width:100%;  border-top:2px solid #0072bb; background:#fff; border-collapse:collapse;}
table th { padding:10px; font-size:13px;  background:#f4fbff; border-bottom:1px solid #ddd;}
table td {padding:10px 30px; font-size:13px; border-bottom:1px solid #ddd; color:#464646;}
a.link_mail { color:#464646;}


/* ������Ȳ */
ol.certify { width:100%; height:auto; overflow:hidden; margin:20px 0; }
ol.certify li { width:192px; float:left; margin-right:58px;}
ol.certify li:last-child { margin-right:0;}
ol.certify li p {  font-size:12px; font-weight:bold; width:90%; text-align:center;}
ol.certify li.margin-b { margin-bottom:50px;} 
.pdf_link p { color:#000;}


/* �ְ����&���»� */
ol.partner { width:100%; height:auto; overflow:hidden; margin:10px 0;}
ol.partner li { width:50%; float:left;}
ol.partner li dl dt, ol.partner li dl dd { float:left;}
ol.partner li dl { height:auto; overflow:hidden; padding:20px; border-bottom:1px dotted #dbdbdb;}
ol.partner li:first-child dl, ol.partner li:nth-child(2) dl { padding-top:0;}
ol.partner li dl dd { margin:13px 0; margin-left:15px; }
ol.partner li dl dd p.p_title { font-size:14px; font-weight:bold; color:#02519b;}
ol.partner li dl dd p.p_txt { font-size:13px; }
ol.partner li.margin_b0 { margin-bottom:0; }
ol.partner li.margin_b0 dl { border-bottom:0;}
ol.partner li.back_grey { background:#f9f9f9;}


/* ���� */
.img_his { margin:20px 0;}

/* ��ǰ�Ұ� ���� */
h3.sub_con_title { font-size:14px; color:#02519B; margin-left:10px; margin-bottom:10px; padding-left:20px; background:url(../img/icon01.png) no-repeat left center;}
p.sub_con_txt { font-size:13px; width:98%; margin:0 auto;}
table.product td { border-right:1px solid #dbdbdb;}
table.product td.p_name { background:#fbfdff; text-align:center; color:#000;}

/* ��ǰ�Ұ�-TPE */
div.sub_inner_content.product02 { background:url(../img/product02.png) no-repeat right top;}
p.sub_con_txt.product02 { width:70%; padding-right:23%;  margin-left:10px; line-height:19px;}
span.sub_con_title02 { font-size:13px; font-weight:bold; color:#02519B; padding:20px 0 10px; display:inline-block; margin-left:10px;}
table.table_product02 {  margin-left:10px; margin-top:10px;}
table.table_product02 td, table.table_product02 th { padding:10px;}
table.table_product02 th { width:92px; text-align:left;}
dl.txt_spec { width:100%; font-size:13px; margin-top:10px;}
dl.txt_spec dt { background:#0072bb; float:left; padding:5px 10px; text-align:center; color:#fff; font-weight:bold; margin-left:10px;}
dl.txt_spec dd { float:left; padding-left:10px; line-height:28px;}
p.sub_con_txt.b_round { border:1px solid #ebebeb; border-radius:10px; padding:10px 20px; width:96%; box-sizing:border-box; background:#f9f9f9; line-height:25px;}
img.product02_img { margin-left:40px; margin-top:10px;}
p.sub_con_txt.b_round.second { margin-top:10px; }
table.product.second td, table.product.second th { padding:3px; text-align:center;}
table.product.second th { border-right:1px solid #ddd;}
table.product.second td.p_name { font-weight:bold;}
a.btn { display:inline-block; padding:3px 10px; text-align:center; color:#fff; background:#2d3238; margin-left:10px; font-size:13px; line-height:17px; border-radius:4px; cursor:pointer;}


/* ��ǰ�Ұ�-�����Ʈ */
strong.red { color:#E72A2E;}
p.sub_con_txt.b_round.b_white { background:#fff;}
.product01 { width:100%; height:auto; overflow:hidden;}
.product01 li { float:left;}
/*p.sub_con_txt.product01 { width:100%; padding-right:68%;  margin-left:10px; line-height:19px; background:url(../img/product01_4.jpg) no-repeat right center;}*/
ul.tabs { width:100%; height:40px;}
ul.tabs li { width:25%; float:left; text-align:center; cursor:pointer; height:40px; line-height:37px; border:1px solid #eee; border-left:none; font-weight:bold; background:#fafafa; overflow:hidden; position:relative; font-size:14px; box-sizing:border-box; }
ul.tabs li:first-child { border-left:1px solid #eee;}
ul.tabs li.active { background:#2d3238; color:#fff;}
.tab_container { margin:30px 0 15px;}
.tab_content { width:100%;}
h3.sub_con_title.red { color:#E02820;}
ol.product01 table th { text-align:center;}


/* ����Ʈ�� */
ul.sitemap { width:100%; height:auto; overflow:hidden; margin-bottom:100px;}
ul.sitemap > li { float:left; width:22%; margin-right:30px;}
ul.sitemap > li > ul { width:100%; height:auto; overflow:hidden;}
ul.sitemap > li > ul > li { float:left; width:100%; height:100%; padding:5px 20px; border-bottom:1px solid #eee;}
ul.sitemap li a { font-size:13px; color:#333;}
ul.sitemap li.site_dep01 { text-align:center; font-weight:bold; background:#2d3238; padding:5px;}
ul.sitemap li.site_dep01 a { color:#fff; font-size:14px; }