@charset "utf-8";

@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
/*sub*/
.wrapper{width:100%;padding-top:106px;background-color:#fff;}
.wrapper .visual{width:100%;height:351px;background-position:50% 50%; background-repeat:no-repeat;}
	.about .visual{background-image:url('../images/about_bg.jpg');}
	.product .visual{background-image:url('../images/product_bg.jpg');}
	.download .visual{background-image:url('../images/catalog_bg.jpg');}
	.contact .visual{background-image:url('../images/contact_bg.jpg');}

.wrapper .visual .title_lv1{width:1140px;margin:0 auto;padding-top:160px;color:#fff;}
.wrapper .visual .title_lv1 h1{margin-bottom:15px;font-size:36px;font-weight:bold;}
.wrapper .visual .title_lv1 p{width:585px;font-size:16px; line-height:1.6em;color:#fff;}

.wrapper .contents{padding:60px 0 120px 0;}

table tr th{border:1px solid #cdcdcd;}
table tr td{border:1px solid #cdcdcd;}

.wrapper .contents .tab_wrap{width:100%; height:75px;background-color:#8a8a8a;z-index:1000;}
.wrapper .contents .tab_wrap .tab{overflow:hidden; margin:0 auto; }
.wrapper .contents .tab_wrap .tab li{float:left;height:75px;box-sizing:border-box;
									font-size:16px; line-height:75px;text-align:center;font-weight:bold;color:#fff;position:relative;}
.wrapper .contents .tab_wrap .tab li a{display:block;width:100%; height:100%; position:absolute;top:0;left:0;}
.wrapper .contents .tab_wrap .tab li.on{background-color:#969696;border-bottom:5px solid #fff;}

.wrapper .contents .title{width:1140px; margin:0 auto;padding-bottom:10px;border-bottom:1px solid #333;}
.wrapper .contents .title h2{font-size:26px;font-weight:bold;color:#333;}

.wrapper .contents article{width:1140px; margin:60px auto;font-weight:300;}
.last{margin-bottom:0 !important;}

.wrapper .contents .btn_contact{position:relative;width:200px; height:45px;line-height:45px;background-color:#db1516;}
.wrapper .contents .btn_contact p{font-size:18px;font-weight:bold; text-align:center;  color:#fff; }
.wrapper .contents .btn_contact p span{padding-left:5px;font-family: Nanum Barun Gothic,"나눔고딕", NanumGothic, Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important;}
.wrapper .contents .btn_contact a{display:block; width:200px; height:50px;position:absolute;top:0;}

/*about*/
.about .contents article h2{margin-bottom:30px;font-size:28px;font-weight:400; color:#db1516;}
.about .contents .ceo{margin-top:0;}
.about .contents .ceo .images{margin-bottom:30px;}
.about .contents .ceo p{margin-bottom:10px;line-height:1.8em;}
.about .contents .ceo .sign{text-align:right;}

.about .contents .tab_wrap .tab{width:825px;}
.about .contents .tab_wrap .tab li{width:275px;}

.about .contents .organization .chart{width:1140px; height:1044px;background:url('../images/organization_chart_bg.jpg') 0 0 no-repeat;position:relative;}

/*조직도를 상단, 하단으로 나누어 position값 부여*/
.about .contents .organization .chart h3,.about .contents .organization .chart h4, 
.about .contents .organization .chart .depart_wrap{position:absolute;}

/*조직도 속 각 요소에 스타일 부여*/
.about .contents .organization .chart h3,.about .contents .organization .chart h4, 
.about .contents .organization .chart h5,.about .contents .organization .chart h6, 
.about .contents .organization .chart dl dt, .about .contents .organization .chart dl dd{width:200px;height:70px;font-size:18px;line-height:70px;text-align:center;}

.about .contents .organization .chart .line2{padding-top:10px;height:60px;line-height:1.3em;}
.about .contents .organization .chart h3,.about .contents .organization .chart h4,.about .contents .organization .chart h5{color:#fff;}

/*조직도의 상단, 하단 위치값 부여*/
.about .contents .organization .chart h3{margin:auto; left:0; right:0; top:34px;}
.about .contents .organization .chart h4{margin:auto; left:0; right:0; top:230px;}
.about .contents .organization .chart .upper_h5{position:absolute;top:135px;right:213px;}
.about .contents .organization .chart .depart_wrap{top:382px;width:1140px; height:635px; position:relative;}

/*조직도 하단의 각 요소에 position값 부여*/
.about .contents .organization .chart .depart_wrap dl, .about .contents .organization .chart .depart_wrap dl dt,
.about .contents .organization .chart .depart_wrap dl dd{position:absolute;}

/*부서 1, 3을 같은 스타일(type1)으로 묶고 위치값 부여*/
.about .contents .organization .chart .depart_wrap .type1 dt{top:0;}
.about .contents .organization .chart .depart_wrap .type1 dd:nth-of-type(1){top:125px;}
.about .contents .organization .chart .depart_wrap .type1 dd:nth-of-type(2){top:223px;}
.about .contents .organization .chart .depart_wrap .type1 dd:nth-of-type(3){top:321px;}
.about .contents .organization .chart .depart_wrap .type1 dd:nth-of-type(4){top:418px;}
.about .contents .organization .chart .depart_wrap .depart3{right:200px;}

/*부서 2의 위치값 부여*/
.about .contents .organization .chart .depart_wrap .depart2{left:306px;}
.about .contents .organization .chart .depart_wrap .depart2>dt{left:165px;}
.about .contents .organization .chart .depart_wrap .depart2 .upper_h6{top:105px;}
.about .contents .organization .chart .depart_wrap .depart2 dd dl{top:256px;}
.about .contents .organization .chart .depart_wrap .depart2 dd:nth-of-type(2) dl{left:40px;}
.about .contents .organization .chart .depart_wrap .depart2 dd:nth-of-type(3) dl{left:298px;}
	.about .contents .organization .chart .depart_wrap .depart2 dd dl dd:nth-of-type(1){top:99px;}
	.about .contents .organization .chart .depart_wrap .depart2 dd dl dd:nth-of-type(2){top:200px;}
	.about .contents .organization .chart .depart_wrap .depart2 dd dl dd:nth-of-type(3){top:303px;}
	
/*about distributor*/

.about .distributor .image{width:100%; height:415px; background:url('../images/about_distribution_bg.jpg') 50% 50% no-repeat;}
.about .distributor table{width:100%;border-top:2px solid #cdcdcd; border-bottom:2px solid #cdcdcd;}
.about .distributor table th, .distributor table td{height:35px;vertical-align:middle;}
.about .distributor table th{line-height:1.6em;border-left:none;background-color:#f4f4f4;}
.about .distributor table td{padding-left:20px; letter-spacing:0.3px;border-right:none;}
/*about certificatte*/
.about .contents .certificate ul{overflow:hidden;}
.about .contents .certificate ul li{float:left;width:200px;height:285px;margin-right:32px;margin-bottom:60px;border:1px solid #cdcdcd;position:relative;}
	.about .contents .certificate ul li:nth-child(5n){margin-right:0;}
.about .contents .certificate ul li a{display:block; width:200px; height:285px; position:absolute; top:0; left:0; background-color:rgba(219,21,22,0.3);visibility:hidden;}

/*news*/

.news .contents{padding-top:0;padding-bottom:60px;}
.news .contents article {overflow:hidden;}/*border-bottom:3px double #db1516;*/
.news .contents article h2{float:left;margin-bottom:0;}
.news .contents article dl{overflow:hidden;margin-left:130px;margin-bottom:60px;border-left:1px solid #db1516;}
.news .contents article dl dt{float:left;padding-left:20px;margin-right:30px;font-weight:400; color:#db1516;line-height:1.6em;}
.news .contents article dl dd{margin-left:70px;margin-bottom:15px;line-height:1.6em;}
.news .contents article dl dd strong{font-weight:400; font-style:italic;}
.news .contents .board_wrap .board table tr td{border:none;}

/*product-intro*/
.product .contents article .product_list{overflow:hidden;}
.product .contents article .product_list li{float:left; width:283px; margin-bottom:60px;border:1px solid #cdcdcd;border-left:none;position:relative;}
	.product .contents article .product_list li:nth-child(4n),
	.product .contents article .product_list li.last{border-right:none;}
.product .contents article .product_list li div{width:281px;height:321px;}
.product .contents article .product_list li p{height:60px; line-height:60px;font-size:16px; text-align:center;color:#333;font-weight:normal;border-top:1px solid #cdcdcd;}
.product .contents article .product_list li p.line2{height:46px;line-height:1.4em; padding:7px 0;}
.product .contents article .product_list li a{visibility:hidden;display:block;width:283px; height:384px;position:absolute;top:0;left:0;background-color:rgba(188,242,255,0.2);}

/*product-sub*/
.product .contents{padding-bottom:0;}
	.product .contents article:last-child{padding-bottom:120px;margin-bottom:0;}

.product .contents .product_lnb{overflow:hidden;width:1140px; margin:0 auto; padding:60px 0 ;}
.product .contents .product_lnb li{font-size:24px; color:#bebebe;}
	.product .contents .product_lnb li:first-child{float:left;}
	.product .contents .product_lnb li:last-child{float:right;}
.product .contents .product_overview{overflow:hidden;}
.product .contents .product_overview .image{float:left;margin-right:60px;}
.product .contents .product_overview .description{margin-left:550px;padding-top:20px;margin-bottom:75px;color:#333;}
.product .contents .product_overview .description h3{margin-bottom:20px;font-size:24px;font-weight:normal;}
.product .contents .product_overview .description h3 span{font-size:18px; font-style:italic;}
.product .contents .product_overview .description p{width:584px;margin-bottom:10px;font-size:16px; line-height:1.6em;}
.product .contents .product_overview .btn_contact{ margin-left:550px;}

.product .contents .tab_wrap .tab{width:825px;}
	.p1-1-9 .contents .tab_wrap .tab,
	.p1-3-4 .contents .tab_wrap .tab,
	.p2-2-1 .contents .tab_wrap .tab{width:550px;}
.product .contents .tab_wrap .tab li{width:275px;}

.product .contents .product_details{overflow:hidden;padding-bottom:60px;font-size:16px;color:#555; line-height:1.6em;background-color:#efefef;}
.product .contents .product_details article{overflow:hidden;padding:60px 0;margin:0 auto;border-bottom:1px solid #8a8a8a;}
.product .contents .product_details article h4{float:left;width:195px;font-size:20px;font-weight:normal;}
	.product .contents .product_details article ul,
	.product .contents .product_details article dl,
	.product .contents .product_details article table.spec,
	.product .contents .product_details article table.opational_spec,
	.product .contents .product_details article .notes,
	.product .documents .btn_download{margin-left:195px;}


.product .contents .product_details article ul li{margin-bottom:15px;font-size:16px;}
.product .contents .product_details article ul li span{padding-left:10px;}

.product .contents .product_details article dl dt{font-weight:bold;}
.product .contents .product_details article dl dd{padding-left:10px;margin-bottom:20px;}

.product .contents .product_details article table.spec{width:940px;margin-bottom:15px;}
.product .contents .product_details article table.spec colgroup{background-color:#f8f8f8;}
.product .contents .product_details article table.spec th,
.product .contents .product_details article table.spec td{padding:7px 0; font-size:14px;text-align:center;line-height:1.8em;vertical-align:middle;}
.product .contents .product_details article table.spec td{width:42px}
	.product .contents .product_details article table.td34 tr td{width:34px;}
	.product .contents .product_details article table.td50 tr td{width:50px;}
	.product .contents .product_details article table.td66 tr td{width:66px;}
	.product .contents .product_details article table.td75 tr td{width:75px;}
	.product .contents .product_details article table.td150 tr td{width:150px;}
	.product .contents .product_details article table.td600 tr td{width:600px;}

.product .contents .product_details article table.spec td .sub_table{width:400px;margin:10px auto;}
.product .contents .product_details article table.spec td .sub_table th{background-color:#f8f8f8;}

.product .documents .btn_download{width:160px;height:40px; padding: 0 15px 0 40px; font-size:15px;line-height:40px; border:1px solid #8a8a8a; background:url('../images/download_bg.jpg') 13px 50% no-repeat; position:relative;}
.product .documents .btn_download a{display:block; width:227px; height:42px;position:absolute; top:0; left:0;}

/*p1-1-3*/
.p1-1-3 .contents .product_details article h5{padding:5px 10px; margin-left:195px;margin-bottom:10px;font-size:18px; color:#fff;background-color:#555;}
.p1-1-3 .contents .product_details article dl{margin-bottom:30px;}
.p1-1-3 .contents .product_details article dl dt{padding-left:10px;}

/*p1-2-2*/
.p1-2-2 .contents .product_details article table.opational_spec{width:945px;margin-top:30px;}
.p1-2-2 .contents .product_details article table.opational_spec caption{width:945px; height:35px; margin-bottom:5px; line-height:33px;color:#fff;background-color:#555; }
.p1-2-2 .contents .product_details article table.opational_spec tr td{width:472px;height:35px;vertical-align:middle;text-align:center;}

/*p1-3-1*/
.p1-3-1 .contents .product_details article ol{margin-top:7px;}
.p1-3-1 .contents .product_details article ol li{font-size:15px;}

/*p1-3-2*/
.p1-3-2 .contents .product_details .features dl dt{margin-bottom:7px;}
.p1-3-2 .contents .product_details .features dl dd ol{padding-left:10px;}
.p1-3-2 .contents .product_details .features dl dd ol li{margin-bottom:5px;}
.p1-3-2 .contents .product_details .features dl dd ol li strong{font-weight:400;}
.p1-3-2 .contents .product_details .features dl dd ol li span{padding-left:15px;}

/*p1-3-5*/
.p1-3-5 .contents .product_overview .description{height:330px;}
/*p2-1-2*/
.p2-1-2 .contents .product_overview .description h3{line-height:1.4em;}

/*p2-2-2*/
.p2-2-2 .contents .product_overview .description ul li{line-height:1.4em;}
.p2-2-2 .contents .product_overview .description ul li span{padding-left:10px;}
.p2-2-2 .contents .product_details .features p{margin-left:195px;margin-bottom:10px;}


/*download*/
.download .contents{padding-bottom:0;}
.download .contents article table,.download .contents article table th, .download .contents article table td{border:none;}
.download .contents .general{overflow:hidden;margin:0 auto;padding-bottom:60px;}
.download .contents .general .image{float:left;border:1px solid #cdcdcd;position:relative;}
.download .contents .general .image a{display:block; width:300px; height:424px; position:absolute; top:0; left:0;background-color:rgba(219,21,22,0.3);visibility:hidden;}
.download .contents .general .description{padding-top:10px;margin-left:370px;}
.download .contents .general .description h2{margin-bottom:30px;padding-bottom:10px;font-size:28px;font-weight:normal;color:#333;border-bottom:1px solid #333;}
.download .contents .general .description h2 span{font-size:18px; font-style:italic;}
.download .contents .general .description ul li{margin-bottom:10px;text-transform: uppercase; color:#333;}
.download .contents .general .description .btn_contact{margin-top:100px;}

.download .contents .board_wrap{padding-bottom:60px;background-color:#efefef;}
.download .contents .board_wrap .board{margin-top:0;padding-top:30px;}

/*contact*/
.contact .contents article{margin:0 auto;}
.contact .contents article table{width:100%; margin-bottom:60px;border-top:2px solid #cdcdcd;border-bottom:2px solid #cdcdcd;}
.contact .contents article table th, .contact .contents article table td{vertical-align:middle; color:#666;}
.contact .contents article table th{width:200px;font-weight:bold;border-left:none;}
.contact .contents article table td{height:40px;padding-left:20px;border-right:none;}
.contact .contents article table td strong{font-weight:400;}