/* 서브 공통 */
#footer {transform: translateY(-100px); position: absolute;}
.nav > li:hover > a, .nav > li:focus > a, .nav > li:active > a {color: #192637}
.nav_drop li:hover {border-bottom: 1px solid #fff;}
.nav_drop li:hover a {color: #fff}
.nav_drop {position: absolute; width: 30%;}
.nav_drop li {display: inline-block; margin-right: 3%; border-bottom: 1px solid #192637; padding-right: 2px}
.nav_drop li a {color: #192637}
.sub1_wrap {width: 100%; height: 100%; background: url(../images/sub/sub1bg.jpg) no-repeat; border-top-left-radius: 150px; background-size:cover}
.sub2_wrap {width: 100%; height: 100%; background: url(../images/sub/sub2bg.jpg) bottom no-repeat; border-top-left-radius: 150px; background-size:cover}
.sub3_wrap {width: 100%; height: 100%; background: url(../images/sub/sub3bg.jpg) no-repeat; border-top-left-radius: 150px; background-size:cover}
.sub4_wrap {width: 100%; height: 100%; background: url(../images/sub/sub4bg.jpg) no-repeat; border-top-left-radius: 150px; background-size:cover}
.fp-tableCell {display: block;}
.leftcolor {width: 26.5%; height: 100%; background: rgba(29, 45, 63, 0.95); border-top-left-radius: 150px;}
.subline {position: fixed; left: 60px; bottom: 18%;}
.subtitle {width: 50%; position: absolute; top:18%; left: 15%; z-index: 1}
.subcont {background: rgba(238, 238, 238, 0.6); position: absolute; top: 18%; right: 13%;}
.btn_set, .ttop {display:none !important}
h3 {font-size: 1.5rem; font-weight: normal}
.subcont p {font-size: 0.9rem}

/* 서브1_1 CEO인사말 */
.sub1_wrap .sub1 {width: 35%; padding: 6% 4% 4%;}
.sub1_wrap .sub1 p {font-size: 0.9rem; padding-bottom: 50px;}
.sub1_wrap .subcont span {float: right}
.sub1_wrap .subcont span img {vertical-align:bottom; padding-top:10px; transform: translateY(5px);}

/* 서브1_2 연혁 */
.sub1_wrap .sub2 {max-width: 1015px; padding: 5% 0 5px; right: 11%}
.tab {position: absolute; z-index: 2; width: 100%;}
.tab button {width: 25%; float: left;border: none; outline: none; cursor: pointer; font-size: 1.5rem; background: none; border-right: 1px solid #192637}
.tab button:last-child {border-right: 0}
.tab button:hover, .tab button.active {font-weight: bold;}
.tabcontent {display: none; width: 100%; margin: auto; padding-top: 60px}
.tabcontent img {width: 100%;}

/* 서브1_3 조직도 */
 .sub1_wrap .sub3 {width: 48%; height: 600px; right: 8%; text-align:center;}
 .sub1_wrap .sub3 img {max-width:100%; padding: 50px 0}

/* 서브1_4 각종인증 */
.sub1_wrap .sub4 {width: 48%; height: 600px; right: 8%;}
.sub1_wrap .sub4 .popup-gallery {width: 90%; margin: auto; padding-top: 100px}
.sub1_wrap .sub4 .popup-gallery a {width: 33.3%; float: left; text-align: center; padding: 20px 0}
.sub1_wrap .sub4 .popup-gallery a:last-child {padding-bottom:80px}

/* 서브1_5 오시는 길 */
.sub1_wrap .sub5 {min-width: 40%; padding: 6% 2.5% 2%; right:10%}
.mapInfo {width: 39%; float: left}
.mapInfo h3 {padding-left: 10px; border-left: 1px solid #192637;}
.mapInfo p {text-align: right; padding-top: 100px; padding-bottom: 0}
.mapView {width: 55%; float: right}
.map:first-child p, .map:first-child .mapView {padding-bottom: 20px;}

/* 서브2_1 사업분야 */
.sub2_wrap .subcont {width: 35%; padding: 4% 2.5% 4%; text-align: center;}
.sub2_wrap .subcont h3 {margin: 0 26%; border-left: 1px solid #192637; border-right: 1px solid #192637;}
.sub2_wrap .subcont p span {font-weight: bold}
.sub2_wrap .subcont .busi_info {position:relative; width:508px; height:117px; margin:auto; background-image:url(../images/sub/sub2img2.png); margin-top:60px}
.sub2_wrap .subcont p {position:absolute; bottom:-25px; right:0}

/* 서브3_1 제품정보 */
.sub3_wrap .subcont {width: 48%; height: 600px; right: 8%;}
.sub3box {width: 100%; margin: 0 auto; text-align: center; margin-top: 120px;}
.sub3_wrap .subcont h3 {margin: 5% 40%; border-left: 1px solid #192637; border-right: 1px solid #192637;}
.sub3box p {border-radius: 15px; background: #192637; color: #fff; text-align: left; padding: 15px; box-shadow: 15px 15px 10px rgba(25, 38, 55, 0.2); display: inline-block; height: 110px;}
.sub3box p span {color: #fff; font-weight: bold; display: block; padding-bottom: 15px}
.sub3box .txtSet {width: 90%; margin: auto}
.sub3box .txt_l {width: 59%}
.sub3box .txt_s {width: 28%}
.sub3box .left {float: left}
.sub3box .right {float: right}
.sub3box img {margin: 15px 0}
.sub3box img:last-child {margin: 100px 0}
.sub3_wrap table {border-spacing: 0; width: 90%; border-top: 2px solid #c7c79e; font-size:0.9rem; margin: 2% 5% 5%}
.sub3_wrap table td {padding: 5px 0}
.sub3_wrap table:last-child {margin-bottom: 100px}
.b_no {border-left:0 !important}
.sub3box h4 {font-size:24px; padding-bottom:30px}

/* 서브4_1 생산공정 */
.sub4_wrap .subcont {width: 43%; padding: 6% 2.5% 2%; text-align: center; right: 8%}

/* 서브4_2 검사설비 */
.sub4_wrap .sub2 {width:45%; height: 600px; padding: 0 0 0 20px;}
.sub4_wrap .sub2box {width: 100%; text-align: center;}
.sub4_wrap .sub2 table {border-spacing: 0; width: 90%; height: 600px; border-top: 2px solid #c7c79e; font-size:0.9rem; margin: 3% 3.5% 6%}
.sub4_wrap .sub2 th, .sub3_wrap table th {border-bottom: 1px solid #c7c79e; padding: 10px 0}
.sub4_wrap .sub2 th:nth-child(8) {width: 5%;}
.sub4_wrap .sub2 td, .sub3_wrap table td {border-bottom: 1px solid #ddd; border-left: 1px solid #ddd}
.sub4_wrap .sub2 td:last-child, .sub3_wrap table td:last-child {border-right: 1px solid #ddd}
.sub4_wrap .sub2 .no {width: 5%; background:rgba(235,235,216,0.3); border-left:0}
.sub4_wrap .sub2 .n1 {width:12%;}
.sub4_wrap .sub2 .n2 {width:20%;}
.sub4_wrap .sub2 h4 {padding-top:30px}

/* 서브 5 게시판 */
.sub5_wrap {width: 100%; height: 100%; background: url(../images/sub/sub5bg.jpg) no-repeat; border-top-left-radius: 150px; background-size:cover}
.sub5_wrap .sub5 {width: 45%; right: 11%}
.sub5 #bo_list, .sub5 #bo_w, .sub5 #bo_v {width:80% !important; margin: 140px auto}
#wr_content {width: calc(100% - 40px) !important;}
.sub5 .tbl_wrap table {background: none !important}
#bo_v_share {display:none}
.bo_names .sv_member {padding-right:20px;}
#wr_subject {width:60%}

@media screen and (max-width: 1000px) {
	.subtitle {top:10%;}
	.subcont {width:66% !important; height:60% !important}
	.sub3_wrap .subcont, .sub1_wrap .sub2 {width:80% !important}
	.sub4_wrap .subcont {width:70% !important}
	.sub1_wrap .sub3, .sub1_wrap .sub4, .sub1_wrap .sub5, .sub5_wrap .sub5 {right:13%}
}