@charset "utf-8";

/* ---------------------------------------------------
POINTWEB.co.kr
Layout Markup ver1.0 2016-07-01
---------------------------------------------------- */

#piw_wrapper {width:100%}

.layout {width:1100px;margin:0 auto}
.layout_sub {width:1024px;margin:0 auto}

/*로고*/
#comm_menu {width:100%;position:absolute;height:72px;z-index:100;background-color:#fff;}
.header {width:100%;height:56px;padding-top:16px}
.header h1 {width:94px;height:52px;float:left}

/*메인메뉴*/
.header #gnb {float:left;margin-top:13px;margin-left:120px;position:relative}
.header #gnb .bigmenu li {margin:0 33px;float:left;text-align:right}
.header #gnb .bigmenu li a {font-size:17.5px;font-weight:400;color:#252525}
.header #gnb .bigmenu li {margin: 0 0; float: left; text-align: right; padding: 0 36px 18px; }
.header .marrow {width:22px;height:12px;display:inline-block;position:absolute;background:url("/_public/images/common/icon_arrow2.png") center no-repeat;z-index:999; top:31px;left:0}

.header .lag {display:inline-block;float:right;height:13px;margin-top:20px}
.header .lag a {float:left;display:inline-block;font-weight:500;text-align:right;font-size:12px;color:#b6b6b6;border-right:1px solid #b6b6b6;line-height:110%;padding-right:7px;margin-right:7px;}
.header .lag a.on {background:url("/_public/images/common/icon_world.png") no-repeat;color:#025a9d;padding-left:15px}

.menutxt {width:220px;height:42px;margin:20px 0 0 20px;border-right:1px solid #ab9f87;float:left;padding-top:8px}
.menutxt strong {font-size:29px;color:#fff;font-weight:bold;float:left;margin-right:10px;line-height:90%}
.menutxt p {color:#fff3db;font-size:12px;line-height:120%}

.submenu {width:100%;height:88px;position:absolute;top:72px;background-color:rgba(164,139,89,0.95);z-index:9999;display:none}
.submenu .sublist {display:inline-block;margin:35px 0 0 30px}
.submenu li {float:left}
.submenu li a {font-size:15px;color:#fff;margin-right:24px}
.submenu li a:hover {opacity:0.8}

/* 메인 레이이아웃 */
#container {width:100%;padding-top:72px}


/*메인 비주얼*/
.main_visual {background-color:#e4e4e4;height:480px;}
.main_visual .visual {width:764px;float:left;padding-top:50px}
.main_visual .mainbg {width:1169px;margin:0 auto;height:480px;position:relative;left:-39px;/*background:url("/_public/images/main/main_car.png") 0 50px no-repeat*/}
.main_visual .visarea {width:276px;display:inline-block;text-align:right;margin-top:115px;float:right}
.main_visual .vissub {color:#252525;font-size:19.5px;font-weight:600;letter-spacing:-0.5px}
.main_visual .vistitle {font-size:93px;font-weight:900;color:#252525;letter-spacing:-5px;line-height:105%;padding:0;margin:0}
.main_visual .vistxt {font-size:14px;color:#7b7b7b;letter-spacing:-0.5px;margin:28px 0 38px 0;line-height:130%}
.main_visual .vislist li {float:left;display:inline-block;font-size:12px;border-right:2px solid #dcdcdc;padding-right:6px;margin-right:6px;}
.main_visual .vislist li a {color:#7f7f7f;font-weight:500;letter-spacing:-0.5px}
.main_visual .vislist li a:hover {color:#bd9547}


/* 메인 컨텐츠 */
.mcontents {margin:0;padding:0}
.mcontents h2 {font-size:23px;color:#252525;font-weight:500;letter-spacing:-1px}
.mcontents .mcont01 {position:relative}
.mcontents .mcont01 .titlearea {border-bottom:1px solid #dbdbdb;text-align:center}
.mcontents .mcont01 .titlearea h2 {margin-left:20px}
.mcontents .mproduct {width:990px;padding:59px 55px}
.mcontents .mproduct h3 {font-size:23px;font-weight:500;color:#252525}
.mcontents .mproduct .mprolist {display:inline-block;border-right:1px solid #dbdbdb;padding-right:25px;}
.mcontents .mproduct .mproinfo p {width:265px;height:76px;font-size:13px;color:#7f7f7f}
.mcontents .mproduct .mrpopl {width:273px;text-align:center}

.mcontents .mcont02 {width:550px;height:287px;border-top:1px solid #dbdbdb;float:left}
.mcontents .mcont02 .outline {width:480px;margin:0 auto}
.mcontents .mcont02 .list li {width:225px;height:162px;float:left;margin-right:30px}

.mcontents .mcont03, .mcontents .mcont04 {width:275px;height:288px;float:left}
.mcontents .mcont03 {background-color:#e8e9eb}
.mcontents .mcont03 .outline,.mcontents .mcont04 .outline {width:203px;margin:0 auto}
.mcontents .mcont03 .list {width:129px;height:166px;border:1px solid #dbdbdb;border-radius:5px;overflow:hidden;margin:0 auto}
.mcontents .mcont03 .list li a {display:inline-block;}
.mcontents .mcont03 .list li a:hover {position:absolute;border:1px solid #bd9547;border-radius:5px;overflow:hidden;margin:-1px}

.mcontents .mcont04 {background:url("/_public/images/main/man.png") right bottom #b69c69 no-repeat}
.mcontents .mcont04 .list li {color:#4e3b15;font-weight:500;font-size:16px;margin-bottom:2px}

.arrow {width:100%;position:absolute;height:34px;top:50%;z-index:100}
.arrow .pre, .arrow .next {width:27px;height:34px;display:inline-block;background:url("/_public/images/main/icon_arrow.png") no-repeat}
.arrow a:hover.pre {background-position:0 -34px}
.arrow .next {background-position:-27px 0}
.arrow a:hover.next {background-position:-27px -34px}

/* Footer */
#footer {width:100%}
.fcon01 {height:38px;padding-top:20px;border-top:1px solid #e5e5e5}
.fcon01 .fnotice {width:550px;float:left;font-size:13px}
.fcon01 .fnotice strong {width:88px;float:left}
.fcon01 .fnotice ul {float:left}
.fcon01 .fnotice li {width:400px}
.fcon01 .fnotice li, .fcon01 .femail  {font-size:13px}
.fcon01 .fnotice li .fntxt {opacity:1;display:inline-block; white-space: nowrap; width:300px; overflow: hidden; text-overflow: ellipsis; vertical-align: text-bottom;background-color:transparent;background:none}
.fcon01 .fnotice li span {margin-left:20px}
.fcon01 .femail {display:inline-block;float:right}
.fcon01 .femail span {margin-left:10px}

.fcon02 {height:120px;background-color:#515151;padding:45px 0;color:#fff;}
.fcon02 dl {display:inline-block;height:120px;float:left}
.fcon02 .fm01{width:120px;margin-left:20px}
.fcon02 .fm02 {width:220px;margin-left:75px}
.fcon02 .fm03 {width:180px;margin-left:65px}
.fcon02 .fm04{width:110px;margin-left:65px}
.fcon02 .fm05{width:130px;margin-left:75px}
.fcon02 dt {width:50px;height:115px;float:left;margin-right:20px;font-weight:200;text-align:center}
.fcon02 dt a {color:#fff}
.fcon02 dt a:hover {color:#dedede}
.fcon02 dd {margin-bottom:4px}
.fcon02 dd a {color:#bbbbbb;font-size:13px}
.fcon02 dd a:hover {color:#b69c69}

.fcon03 {height:130px;padding-top:30px}
.fcon03 .footer_logo {width:250px;height:52px;background:url("/_public/images/common/bumi_logo_footer.png") center no-repeat;float:left;margin-top:20px}
.fcon03 .address_area {width:750px;float:left}
.fcon03 .footer_logo:hover {background:url("/_public/images/common/bumi_logo.png") center no-repeat}
.fcon03 .address_area dl {height:13px;line-height:90%;margin-bottom:3px;}
.fcon03 .address_area dt {color:#252525;font-weight:500;margin:0 10px 0 30px}
.fcon03 .address_area dt,.fcon03 .address_area dd {float:left;font-size:13px}
.fcon03 .address_area dd.w {width:230px}

.fcon03 .copyright {}

/*레프트메뉴*/
#left {width:100%;height:51px;background-color:#ebebeb;border-bottom:1px solid #d1d1d1}
#left .home {width:44px;height:51px;border:1px solid #d1d1d1;border-width:0 1px;display:inline-block;background:url("/_public/images/common/icon_home.png") center no-repeat;float:left}
#left .home:hover {background:url("/_public/images/common/icon_home_over.png") center no-repeat;background-color:#bd9547;border:1px solid #bd9547;border-width:0 1px;}
#left .left_title {width:175px;height:51px;border-right:1px solid #a0a0a0; float:left;position:relative}
#left .left_title strong {display:inline-block;margin:14px 0 0 17px;font-size:16px;color:#252525;font-weight:500}
#left .left_title:hover strong{color:#bd9547}
#left .left_title .arrow, #left .left_title .arrow_first {width:5px;height:9px;display:inline-block;right:-5px;top:22px;background:url("/_public/images/common/icon_arrow3.png") center no-repeat;position:absolute}
#left .left_title .arrow_first {background:url("/_public/images/common/icon_arrow4.png") center no-repeat;}

#left .left_menu:after {clear:both;display:block;content:"";}
#left .left_menu li {float:left;position:relatie}
#left .left_menu li a {display:inline-block;padding:15px 21px 15px 21px;font-size:15px;font-weight:400;color:#5a5a5a}
#left .left_menu li a:hover, .left_menu li.on {background-color:#a0a0a0;color:#fff;}
#left .left_menu li.on a {color:#fff;}

/*  서브 레이아웃 */
#subcontent {width:100%;padding-top:72px}

/* 서브 공통 */
#company .submain,#product .submain, #business .submain,#certificate .submain,#customer .submain {width:100%;height:266px;border-top:1px solid #b0b0b0;}
#company .submain {background:url("/_public/images/sub/subtop_01.jpg") center no-repeat}
#product .submain {background:url("/_public/images/sub/subtop_02.jpg") center no-repeat}
#business .submain {background:url("/_public/images/sub/subtop_04.jpg") center no-repeat}
#certificate .submain {background:url("/_public/images/sub/subtop_03.jpg") center no-repeat}
#customer .submain {background:url("/_public/images/sub/subtop_05.jpg") center no-repeat}

#subcontent .subtitle {width:100%;border-bottom:1px solid #dbdbdb;font-size:35px;color:#252525;font-weight:400;text-align:center;margin:60px 0 40px 0;padding-bottom:15px}
#subcontent .subtxt {font-size:23px;letter-spacing:-1px;text-align:center;}
#subcontent .subtxt strong {color:#bd9547;font-weight:500;}
#subcontent .stitle {width:100%;display:inline-block;text-align:left}
#subcontent .stitle h3 {display:inline-block;border-bottom:1px solid #252525;font-size:28px;color:#252525;font-weight:400;letter-spacing:-1px}
#subcontent .stitle span {border-bottom:2px solid #252525;display: inline-block;padding-bottom:5px}

/* 회사소개 */
	/* 경영이념 sub01~03 */
#company .sub01 {width:1007px;height:460px;background:url("/_public/images/company/cp01.png") center no-repeat;margin:0 auto;text-align:center}
#company .sub01 .subt {width:197px;margin:0 auto;font-size:29px;color:#fff;font-weight:500;padding-top:65px}
#company .sub01 .subt strong {color:#bd9547;display:block;font-size:16px;font-weight:bold;letter-spacing:-1px}
#company .sub01 .slist {display:inline-block;margin:0 auto}
#company .sub01 .slist li {float:left;text-align:center;font-size:20px;font-weight:bold;color:#025a9d;margin:150px 97px 0 97px;letter-spacing:-1px}
#company .sub02 .simg {width:100%;height:394px;background:url("/_public/images/company/cp02.png") center no-repeat}
#company .sub02 .subp strong {font-weight:bold}
#company .sub03 .simg {width:100%;height:174px;background:url("/_public/images/company/cp03.png") center no-repeat}
#company .sub03 .slist {width:840px;height:85px;margin:0 auto;text-align:center;padding-top:55px}
#company .sub03 .slist dl {width:164px;display:inline-block;margin-right:174px;float:left}
#company .sub03 .slist dt {font-size:27px;color:#bd9547;font-weight:500;margin-bottom:15px}
#company .sub03 .slist dd {font-size:15px;font-weight:400;line-height:130%;text-align:left;margin-left:15px}

	/* 회사현황 sub04~05 */
#company .sub04 {}
#company .sub04 .slist {height:326px;padding:30px;background:url("/_public/images/company/cp04.png") 526px 30px no-repeat;background-color:#f7f7f7;border:1px solid #dbdbdb}
#company .sub04 .slist dl {width:495px;float:left}
#company .sub04 .slist dt, #company .sub04 .slist dd {float:left;padding:8px 0;font-size:15px}
#company .sub04 .slist dt {width:87px;color:#bd9547;font-weight:400;padding-left:5px}
#company .sub04 .slist dd {width:365px;border-left:1px solid #e6e6e6;padding-left:30px}
#company .sub05 .slist {width:100%;height:297px;border-bottom:1px solid #ededed;padding-bottom:35px;margin-bottom:35px}
#company .sub05 .slist img {display:inline-block;float:left}
#company .sub05 .sinfo {width:440px;float:right}
#company .sub05 .sinfo h4 {font-size:25px;color:#252525;font-weight:500;margin-top:10px}
#company .sub05 .sinfo dl {width:100%;margin-top:50px}
#company .sub05 .sinfo dt,#company .sub05 .sinfo dd {float:left;font-size:16px;margin-bottom:7px}
#company .sub05 .sinfo dt {width:15%;font-weight:500}
#company .sub05 .sinfo dd {width:85%}

	/* 회사연혁 sub06 */
#company .sub06 {width:100%;display:inline-block;background:url("/_public/images/company/cp08.png") 0 30px no-repeat;position:relative}
#company .sub06 .line {left:576px;position:absolute;width:1px;height:100%;background-color:#bd9547}
#company .sub06 .slist {width:540px;float:right;position:relative}
#company .sub06 .slist li {width:100%;display:inline-block;padding-bottom:40px;font-size:16px;position:relative;}
.circle {position:absolute;left:88px;top:14px;width:9px;height:9px;display:inline-block;background:url("/_public/images/common/icon_circle.png") center no-repeat}
#company .sub06 .slist li strong {width:75px;display:inline-block;float:left;color:#025a9d;font-weight:400;font-size:23px;letter-spacing:-1px}
#company .sub06 .slist dl {width:83%;float:right}
#company .sub06 .slist dt {width:10%;float:left;color:#bd9547;font-weight:400;font-size:23px;padding-left:35px}
#company .sub06 .slist dd {width:78%;float:left;font-size:16px;padding-top:6px}

#company .sub06-new {word-break:keep-all;letter-spacing:-0.5px;display:flex;gap:60px;justify-content: space-between;padding-bottom:70px;}
#company .sub06-new .img {max-width:530px;}
#company .sub06-new .img img {display:block;width:100%;}
#company .sub06-new .his-box {width:calc(100% - 590px);}
#company .sub06-new .generation {position:relative;display:flex;gap:35px;}
#company .sub06-new .generation:before {content:"";display:block;width:2px;height:calc(100% + 26px);background:#dbdbdb;position:absolute;top:46px;left:4px;}
#company .sub06-new .generation + .generation {margin-top:60px;}
#company .sub06-new .generation > h3 {font-size:36px;font-weight:800;position:relative;padding-left:30px;}
#company .sub06-new .generation > h3:before {content:"";display:block;width:10px;height:10px;background:#025A9D;border-radius:100%;position:absolute;top:22px;left:0;}
#company .sub06-new .generation .his-con {display:flex;flex-direction:column;gap:20px;padding-top:12px;}
#company .sub06-new .generation .his-in {width:100%;display:flex;}
#company .sub06-new .generation .his-in .year {font-size:20px;font-weight:600;color:#bd9547;width:61px}
#company .sub06-new .generation .his-in ul {margin-top:2px;width:calc(100% - 61px);}
#company .sub06-new .generation .his-in ul li {font-size:16px;position:relative;padding-left:11px;}
#company .sub06-new .generation .his-in ul li.accent {font-weight:500;color:#252525;}
#company .sub06-new .generation .his-in ul li:before {content:"";display:block;width:5px;height:5px;background:#bd9547;border-radius:100%;position:absolute;top:10px;left:0;}
#company .sub06-new .generation .his-in ul li + li {margin-top:6px;}


	/* 오시는길 sub07 */
#company .sub07 {}
#company .sub07 .tab {display:inline-block;margin-bottom:28px}
#company .sub07 .tab li {height:64px;float:left;text-align:center}
#company .sub07 .tab li:hover,#company .sub07 .tab li a.on {background:url("/_public/images/common/icon_arrow5.png") center 50px no-repeat}
#company .sub07 .tab li a {width:340px;height:39px;display:inline-block;border:1px solid #d0d0d0;font-size:17px;color:#252525;padding-top:11px}
#company .sub07 .tab li a:hover, #company .sub07 .tab li a.on {background-color:#bd9547;border:1px solid #bd9547;color:#fff;font-weight:400;}
#company .sub07 .table {width:100%;border-top:2px solid #515151}
#company .sub07 .table th,#company .sub07 .table td {padding:10px 38px;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;text-align:left;font-size:15px}
#company .sub07 .table th {color:#025a9d;font-weight:500}
#company .sub07 .table td {border-right:0}
#company .sub07 .root_daum_roughmap .cont {display:none;}


/* 생산품목 */
	/* 주요생산품목 sub08 */
#product .sub08 {width:1022px;display:inline-block;border:1px solid #d0d0d0}
#product .sub08 .slist {width:442px;height:175px;padding:37px 34px;float:left;border:1px solid #d0d0d0;border-width:0 1px 1px 0;position:relative}
#product .sub08 .slist:hover {background-color:#f2f2f2}
#product .sub08 .stxt {float:left}
#product .sub08 h4 {font-size:23px;color:#252525;font-weight:500;letter-spacing:-1px;line-height:140%}
#product .sub08 .stxt span {color:#aeaeae;font-size:15px}
#product .sub08 .simg {display:inline-block;border:1px solid #d0d0d0;float:right}
#product .sub08 .sinfo {position:absolute;bottom:48px}
#product .sub08 .sinfo p {color:#616161;font-size:15px;line-height:110%}
#product .sub08 .ptxt {color:#959595;font-weight:500;line-height:140%;font-size:13px}

	/* 도어 및 차체 l 브레이크 장치 / 엔진부품 및 배기가스 재 순환장치  l 동력조향장치 l 자체부품 sub09~10*/
#product .sub09 .slist li {font-size:16px;margin-bottom:7px}
#product .sub10 .slist {width:1023px;display:inline-block;border:1px solid #d0d0d0;border-width:1px 1px 0 0}
#product .sub10 .slist li {border:1px solid #d0d0d0;border-width:0 0 1px 1px;text-align:center}
#product .sub10 .slist li.list510,#product .sub10 .slist li.list340  {width:510px;overflow:hidden;border-right:1px solid #d0d0d0;float:left}
#product .sub10 .slist li.list340 {width:340px}
#product .sub10 .slist li p {border-top:1px solid #d0d0d0;height:33px;padding-top:8px;text-align:left;padding-left:20px;font-size:16px;font-weight:500}

/* 측정설비 */
	/* 측정장비 보유현황 sub11~12 */
#business .sub11 {width:1022px;display:inline-block;border:1px solid #d0d0d0}
#business .sub11 .slist {width:442px;height:175px;padding:30px 34px;float:left;border:1px solid #d0d0d0;border-width:0 1px 1px 0;position:relative}
#business .sub11 .stxt {float:left}
#business .sub11 h4 {font-size:23px;color:#252525;font-weight:500;letter-spacing:-1px;line-height:140%}
#business .sub11 .simg {display:inline-block;border:1px solid #d0d0d0;float:right}
#business .sub11 .sinfo {position:absolute;bottom:32px}
#business .sub11 .sinfo dl {width:200px}
#business .sub11 .sinfo dt,#business .sub11 .sinfo dd {float:left;font-size:15px}
#business .sub11 .sinfo dt {color:#252525;font-weight:400}
#business .sub11 .sinfo dd {width:70%;text-transform :uppercase}
#business .sub12 .table,#business .sub13 .table {width:100%;border-top:2px solid #515151}
#business .sub12 .table th,#business .sub12 .table td,#business .sub13 .table th,#business .sub13 .table td {padding:13px 27px;border-bottom:1px solid #d0d0d0;text-align:center;font-size:15px}
#business .sub12 .table th,#business .sub13 .table th {background-color:#f2f2f2;color:#252525;font-weight:400}
#business .logoarea {color:#cecece;font-size:16px;font-weight:500;background:url("/_public/images/business/bulogo.png") center no-repeat;margin-top:25px;padding-top:70px}

	/* 생산설비 보유현황 sub13 */
#business .sub13 .table td {padding:5px 27px;border-bottom:0}
#business .sub13 .table td.first {padding-top:15px}
#business .sub13 .table td.last {padding-bottom:15px;border-bottom:1px solid #d0d0d0 !important}

/* 인증현황 */
	/* 인증서 sub14 */
#certificate .sub14 li {width:301px;height:418px;float:left;margin:0 58px 43px 0}
#certificate .sub14 li a {width:100%;display:inline-block;border:1px solid #d0d0d0}
#certificate .sub14 li .rollover {width:301px;height:418px;border:1px solid #bd9547;background:url("/_public/images/common/icon_zoom.png") center 70% no-repeat;background-color:rgba(189,149,71,0.95);color:#fff;position:absolute;z-index:5555;margin:-1px 0 0 -1px;display:none;}
#certificate .sub14 li .rollover span {display:block;margin-top:180px;text-align:center;font-size:20px;font-weight:400}
#fade {display: none;background: #000;position: fixed;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;opacity: .80;z-index: 9999;text-align:center}
#certificate .popup_block {position: fixed;top:55%;left:50%;z-index: 99999; display:none;}
#certificate .close {position:absolute;right:-50px}