.sub-menus
{padding:130px 0 0;}




/* 인사말 */
.com-greeting
{position:relative;}
.com-greeting h4
{position:absolute; top:60px; width:100%; text-align:center; color:#fff; font-size:48px;}
.com-greeting .greeting-txt h2
{margin:0px; padding:30px 0px; font-size:24px; color:#333; line-height:150%;}
.com-greeting .greeting-txt p
{line-height:130%; font-size:16px; color:#666;}
.com-greeting .greeting-txt p b
{color:#eb5822;}
.com-greeting .greeting-txt p span i
{font-size:19px;}


/* 경영이념 */
.management .manag
{margin:0 0 30px;}
.management .manag h2
{font-size:24px; display : inline-block; margin:0px; border-left:5px solid #eb5822; padding-left:5px; margin-bottom:15px;}
.management .manag p
{font-size:20px; color:#666;line-height:200%; }
.management .manag p b
{color:#eb5822; }

.management .motto h2
{font-size:24px; display : inline-block; margin:0px; border-left:5px solid #eb5822; padding-left:5px; margin-bottom:30px;}










.sub-category
{ border-bottom:1px solid #ddd;}

.sub-category .dept1
{margin:0 0 30px;text-align:center; }
.sub-category .dept1:after
{clear:both; content:''; display:block;}
.sub-category .dept1 li
{float:left; width:19.9%; border:1px solid #ddd; border-right:none; transform:skew(-0.1deg);}
.sub-category .dept1 li:last-child
{border-right:1px solid #ddd}
.sub-category .dept1 li a
{color:#333; font-size:16px; padding:10px 0px; width:100%; display:inline-block;}
.sub-category .dept1 li:hover
{border-top:2px solid #eb5822}
.sub-category .dept1 li.on
{background:#eb5822;}
.sub-category .dept1 li.on a
{color:#fff;}


.sub-category .dept2
{margin:0 auto 30px;; max-width:900px; width:100%; text-align:center;}
.sub-category .dept2:after
{clear:both; content:''; display:block;}
.sub-category .dept2 li
{display:inline-block; width:19%; border:1px solid #eee; background:#ddd; border-right:none; text-align:center; transform:skew(-0.1deg); margin:0 0 20px;}
.sub-category .dept2 li:last-child
{border-right:1px solid #eee;}
.sub-category .dept2 li a
{color:#333; font-size:15px; padding:10px 0px; width:100%; display : inline-block;}
.sub-category .dept2 li:hover
{background:#f4f4f4;}
.sub-category .dept2 li.on
{background:#eb5822}
.sub-category .dept2 li.on a
{color:#fff;}


.com-history table tr
{border-bottom:1px solid #ddd;}
.com-history table tr th
{font-family:'NanumSquare'; font-size:16px; transform:skew(-0.1deg); padding:10px 20px; width:12%;color:#fff; background:#eb5822;}
.com-history table tr td
{font-family:'NanumSquare'; font-size:16px; padding:10px 20px; color:#666; transform:skew(-0.1deg); line-height:130%;}

.com-location
{padding:20px 0;}
.com-location dl dt
{font-size:21px; border-left:5px solid #eb5822; padding-left:10px;}
.com-location dl dd
{font-size:16px; padding-left:15px; margin:10px 0 0;}
.com-location dl dd span
{padding-right:20px; font-size:16px;}



#sub-body .sub-tit
{border-left : 5px solid #eb5822; padding-left:10px; font-size:26px; font-family:'NanumSquare'; transform:skew(-0.1deg); font-weight:600;}
#sub-body .sub-txt .sub_sec01,
#sub-body .sub-txt .sub_sec02,
#sub-body .sub-txt .sub_sec03,
#sub-body .sub-txt .sub_sec04,
#sub-body .sub-txt .sub_sec05,
#sub-body .sub-txt .sub_sec06,
#sub-body .sub-txt .sub_sec07,
#sub-body .sub-txt .sub_sec08
{padding:30px 0 ; display:inline-block; width:100%;;}
.sub-txt span
{font-size:19px; color:#4e4e4e; background:#eee; padding:5px 20px; display:inline-block; margin:0 0 20px; font-family:'NanumSquare'; transform:skew(-0.1deg);}

.sub-txt table
{width:100%; border:1px solid #ddd !important;}
.sub-txt table tr
{border-bottom:1px solid #ddd;}
 .sub-txt table tr th
{text-align:center; font-family:'NanumSquare'; transform:skew(-0.1deg); font-size:16px; background:#eb5822;; border-bottom:1px solid #ddd; border-left:1px solid #ddd; padding:10px 0px; color:#fff;}
.sub-txt table tr:first-child th:first-child
{border-left:none;}
.sub-txt table tr td
{font-size:16px; text-align:center; font-family:'NanumSquare'; transform:skew(-0.1deg); padding:5px 0px; border-right:1px solid #ddd !important;}
/* 글자속성 */
.sub-txt p.ns-m
{font-size:17px; color:#333;}




/* 메탈 */
.metal .sub_sec01 li,
.metal .sub_sec02 li,
.metal .sub_sec03 li,
.metal .sub_sec04 li,
.metal .sub_sec05 li
{list-style:none; margin: 0 0 10px; font-size:16px; color:#666;}

.metal .sub_sec01 li b,
.metal .sub_sec02 li b,
.metal .sub_sec03 li b,
.metal .sub_sec04 li b,
.metal .sub_sec05 li b
{background:#eb4711; color:#fff; padding:3px 7px; margin:0 10px 0 0; display : inline-block;}

/* 은납 - 개요 */
.m02-1-1 .sub-txt h2
{font-size:19px; color:#eb5822;}
.m02-1-1 .sub-txt p
{font-size:16px; color:#666;}
.m02-1-1 .sub-txt ul li
{font-size:16px; color:#666; margin: 0 0 10px;}
.m02-1-1 .sub-txt ul li b
{background:#eb5822; padding:3px 7px; color:#fff; display : inline-block; margin: 0 10px 0 0;}

/* 은납 - 종류 - 인동납 */
.m02-1-1-1 .sub-txt .sub_sec01 li
{font-size:16px; list-style:none; color:#666;}


/* 은납 - 기술자료 - 작업방법 */
.m02-1-3-2 .sub-txt ul:after
{clear:both; content:''; display : block;}
.m02-1-3-2 .sub-txt ul li
{float:left; width:33%; border:1px solid #ddd; text-align:center; border-left:none;}
.m02-1-3-2 .sub-txt ul li:first-child
{border-left:1px solid #ddd;}
.m02-1-3-2 .sub-txt ul li a
{padding:15px; display : inline-block; width:100%; font-size:16px; color:#666;}
.m02-1-3-2 .sub-txt ul li:hover
{background:#ee6b3b}
.m02-1-3-2 .sub-txt ul li:hover a
{color:#fff;}
.m02-1-3-2 .sub-txt ul li.on
{background:#eb5822;}
.m02-1-3-2 .sub-txt ul li.on a
{color:#fff;}



/* 은납 - 기술자료 - 선택시 고려사항 */
.m02-1-3-3 .sub-txt .sub_sec01 li
{margin:0 0 20px;}

/* 은납 - 기술자료 - 승인서류 */
.m02-1-3-4 .sub-txt .sub-sec01 li
{list-style:none;}


/* 접점 - 개요 */
.m02-2-1 .sub-txt h2
{font-size:19px; color:#eb5822;}
.m02-2-1 .sub-txt p
{font-size:16px; color:#666;}
.m02-2-1 .sub-txt ul li
{font-size:16px; color:#666; margin: 0 0 10px;}
.m02-2-1 .sub-txt ul li b
{background:#eb5822; padding:3px 7px; color:#fff; display : inline-block; margin: 0 10px 0 0;}

/* 접점 - 종류 - x형 접점 */
.m02-2-1-1 .sub-txt
{position:relative;}
.m02-2-1-1 .sub_sec04 ul li
{display : inline-block; padding:5px 20px; border:1px solid #ddd}
.m02-2-1-1 .sub_sec04 ul li a
{color:#333;}

.m02-2-1-1 .sub_popup
{position:absolute; top:45%; width:100%; text-align:center; z-index:111111; background:#f4f4f4; padding:0px 10px 80px;} 
.m02-2-1-1 .sub_popup .sub_popup_inner h4
{margin:30px 0 0;}
.m02-2-1-1 .sub_popup .sub_popup_inner .close_btn
{font-size:17px; padding:5px 20px; background:#eb5822; color:#fff; position:absolute; margin-top:30px;}
.m02-2-1-1 .sub_sec06 .img_list img
{display : inline-block;}
.m02-2-1-1 .sub_sec06 .img_list p
{display:inline-block;}




.m02-2-1-2 .sub-txt
{position:relative;}
.m02-2-1-2 .sub_sec03 ul li
{display : inline-block; padding:5px 20px; border:1px solid #ddd}
.m02-2-1-2 .sub_sec03 ul li a
{color:#333;}

.m02-2-1-2 .sub_popup
{position:absolute; top:35%; width:100%; text-align:center; z-index:111111; background:#f4f4f4; padding:0px 10px 80px;} 
.m02-2-1-2 .sub_popup .sub_popup_inner h4
{margin:30px 0 0;}
.m02-2-1-2 .sub_popup .sub_popup_inner .close_btn
{font-size:17px; padding:5px 20px; background:#eb5822; color:#fff; position:absolute; margin-top:30px;}




.m02-2-1-3 .sub-txt
{position:relative;}
.m02-2-1-3 .sub_sec02 ul li
{display : inline-block; padding:5px 20px; border:1px solid #ddd}
.m02-2-1-3 .sub_sec02 ul li a
{color:#333;}

.m02-2-1-3 .sub_popup
{position:absolute; top:25%; width:100%; text-align:center; z-index:111111; background:#f4f4f4; padding:0px 10px 80px;} 
.m02-2-1-3 .sub_popup .sub_popup_inner h4
{margin:30px 0 0;}
.m02-2-1-3 .sub_popup .sub_popup_inner .close_btn
{font-size:17px; padding:5px 20px; background:#eb5822; color:#fff; position:absolute; margin-top:30px;}



/* */




/* 접점 - 제품규격 - 표준규격안내 */
.m02-2-2-1 .sub-txt ul:after
{clear:both; content:''; display : block;}
.m02-2-2-1 .sub-txt ul li
{float:left; width:33%; border:1px solid #ddd; text-align:center; border-left:none; margin:0 0 20px;}
.m02-2-2-1 .sub-txt ul li:first-child
{border-left:1px solid #ddd;}
.m02-2-2-1 .sub-txt ul li:nth-child(4n)
{border-left:1px solid #ddd;}
.m02-2-2-1 .sub-txt ul li a
{padding:15px; display : inline-block; width:100%; font-size:16px; color:#666;}
.m02-2-2-1 .sub-txt ul li:hover
{background:#ee6b3b}
.m02-2-2-1 .sub-txt ul li:hover a
{color:#fff;}
.m02-2-2-1 .sub-txt ul li.on
{background:#eb5822;}
.m02-2-2-1 .sub-txt ul li.on a
{color:#fff;}






/* 소재 */
.materials .sub_sec01 li,
.materials .sub_sec02 li,
.materials .sub_sec03 li,
.materials .sub_sec04 li,
.materials .sub_sec05 li,
.materials .sub_sec06 li,
.materials .sub_sec07 li
{list-style:none; margin: 0 0 10px; font-size:16px; color:#666;}

.materials .sub_sec01 li b,
.materials .sub_sec02 li b,
.materials .sub_sec03 li b,
.materials .sub_sec04 li b,
.materials .sub_sec05 li b,
.materials .sub_sec06 li b,
.materials .sub_sec07 li b
{background:#eb4711; color:#fff; padding:3px 7px; margin:0 10px 0 0; display : inline-block;}

/* 개요 */
.materials ul li.list-tit
{font-size:16px; background:#f4f4f4; border-top:1px solid #ddd; color:#000; padding:5px; border-bottom:1px solid #ddd;}
.materials ul li.list-txt
{font-size:16px; color:#666; padding:5px; margin-bottom:20px;}



/* 솔더 - 개요 */
.m03-1-1 .sub-txt h2
{font-size:19px; color:#eb5822;}

/* 솔더 - Pb-Free Solder - Pb-Free 개요 */
.m03-1-2-1 .sub_sec02 p
{padding:15px 0px;}
.m03-1-2-1 .sub_sec02 p b
{color:#000; font-size:18px;}



/* 솔더 - Pb-Free Solder - 상품 */
.m03-1-2-4 .sub-txt > ul:after
{clear:both; content:''; display : block;}
.m03-1-2-4 .sub-txt > ul li
{float:left; width:33%; border:1px solid #ddd; text-align:center; border-left:none; margin:0 0 20px;}
.m03-1-2-4 .sub-txt > ul li:first-child
{border-left:1px solid #ddd;}
.m03-1-2-4 .sub-txt > ul li:nth-child(4n)
{border-left:1px solid #ddd;}
.m03-1-2-4 .sub-txt > ul li a
{padding:15px; display : inline-block; width:100%; font-size:16px; color:#666;}
.m03-1-2-4 .sub-txt > ul li:hover
{background:#ee6b3b}
.m03-1-2-4 .sub-txt > ul li:hover a
{color:#fff;}
.m03-1-2-4 .sub-txt > ul li.on
{background:#eb5822;}
.m03-1-2-4 .sub-txt > ul li.on a
{color:#fff;}


/* 솔더 - 사용시 주의사항 */
.m03-1-2-5 .sub-txt > ul:after
{clear:both; content:''; display : block;}
.m03-1-2-5 .sub-txt > ul li
{float:left; width:33%; border:1px solid #ddd; text-align:center; border-left:none; margin:0 0 20px;}
.m03-1-2-5 .sub-txt > ul li:first-child
{border-left:1px solid #ddd;}
.m03-1-2-5 .sub-txt > ul li:nth-child(4n)
{border-left:1px solid #ddd;}
.m03-1-2-5 .sub-txt > ul li a
{padding:15px; display : inline-block; width:100%; font-size:16px; color:#666;}
.m03-1-2-5 .sub-txt > ul li:hover
{background:#ee6b3b}
.m03-1-2-5 .sub-txt > ul li:hover a
{color:#fff;}
.m03-1-2-5 .sub-txt > ul li.on
{background:#eb5822;}
.m03-1-2-5 .sub-txt > ul li.on a
{color:#fff;}



/* 편조선 - 개요 */
.m03-2-1 .sub-txt h2
{font-size:19px; color:#eb5822;}



.sub_sec01 img,
.sub_sec02 img,
.sub_sec03 img,
.sub_sec04 img,
.sub_sec05 img,
.sub_sec06 img,
.sub_sec07 img
{display : block;}




.assy h2.ns-m
{border-left:5px solid #eb5822; padding-left:5px; font-size:26px; margin: 0 0 30px; text-align:left;}
.assy > div
{margin:60px 0px;}
.assy .txt
{padding:10px 5px; border:1px solid #ddd;}
.assy .partner
{ text-align:center;}
.assy .partner img
{padding:10px; border:1px solid #ddd; margin:0 10px 20px;}
.assy .flow-list
{text-align:center;}
.assy .flow-list .flow-box
{margin:30px 0px }
.assy .flow-list .flow-box p
{display:inline-block; background:#eb5822; width:20%; padding:15px 0; color:#fff; font-size:16px;}
.assy .certi .certi-wrap img
{margin:0 25px 0 0; box-shadow : 1px 1px 5px #ddd;}
.assy .mach .mach-wrap
{text-align:center;}
.assy .mach .mach-wrap img
{border:1px solid #ddd ; margin:30px;}


.m03p02 .sub-sec .m03-02-img-wrap img
{border-radius:50%; border:2px solid #333; margin:0 60px 0 0;}
.m03p02 .sub-sec h2.ns-m
{border-left:5px solid #eb5822; padding-left:5px; font-size:26px; margin: 0 0 30px; text-align:left;}

@media screen and (max-width:414px){
    .show-menu .main-nav
    {width:85%;}
    .main-nav ul li.submenu ul li a:hover
    {color:#eb5822}

    .sub-menus
    {padding:60px 0 0;}
    .sub-menus h1
    {margin:0 auto 25px !important; font-size:28px;}
    .sub-body-cn
    {overflow:scroll;}

    .com-greeting img
    {display : none;}
    .com-greeting h4
    {display : none;}
    .com-greeting .greeting-txt h2
    {padding:0 0 30px; font-size:18px;}
    .com-greeting .greeting-txt h2 br
    {display : none;}

    .management .manag p
    {font-size:15px;}

    .com-history table tr th
    {width:35%; font-size:14px;}

    .sub-category .dept1 li
    {width:45%; margin:5px 5px; border:1px solid #ddd;}
    .sub-category .dept2 li
    {width:49%; }

    .sub-txt table
    {width:1000px;}
    .sub-txt table tr th
    {font-size:13px;}

    #sub-body .sub-tit
    {font-size:24px;}
    .sub-txt span
    {font-size:16px;}


    .m02-1-1 .sub-txt ul li
    {padding:0 0 10px; border-bottom:1px solid #ddd;}

    .m02-1-3-2 .sub-txt ul li
    {width:100%; border-left:1px solid #ddd; margin: 0 0 10px;}

    .m02-2-2-1 .sub-txt ul li
    {width:100%; border:1px solid #ddd; margin: 0 0 10px;}
}