.page-content {  font-size:18px; line-height:28px; color:#555; font-weight:400; } 
.page-content p > span { display:block; }
.page-content p.tit { font-size:38px; line-height:48px; font-weight:700; }
.page-content p.tit b { font-weight:700; }

.intro { padding:100px 70px; }

.con-box { padding:60px 0; overflow:hidden; }

/* 생산제품 공통 */
#product .nav { padding:70px 0 0; text-align:center; }
#product .nav a { display:inline-block; width:120px; height:120px; padding-top: 80px; text-align: center; font-size:18px; color:#333; background:#fff; border:1px solid #ddd; margin-right:10px; font-weight:500; }
#product .nav a:nth-of-type(1) { background: #fff url('/page/images/product01/nav01.png')no-repeat left 25px top 25px; }
#product .nav a:nth-of-type(1):hover, #product .nav a:nth-of-type(1).on { background: #014099 url('/page/images/product01/nav01_hover.png')no-repeat left 25px top 25px; color:#fff; border:0px; }
#product .nav a:nth-of-type(2) { background: #fff url('/page/images/product01/nav02.png')no-repeat left 25px top 25px; }
#product .nav a:nth-of-type(2):hover, #product .nav a:nth-of-type(2).on { background: #014099 url('/page/images/product01/nav02_hover.png')no-repeat left 25px top 25px; color:#fff; border:0px; }
#product .nav a:nth-of-type(3) { background: #fff url('/page/images/product01/nav03.png')no-repeat left 25px top 25px; }
#product .nav a:nth-of-type(3):hover, #product .nav a:nth-of-type(3).on { background: #014099 url('/page/images/product01/nav03_hover.png')no-repeat left 25px top 25px; color:#fff; border:0px; }
#product .nav a:nth-of-type(4) { background: #fff url('/page/images/product01/nav04.png')no-repeat left 25px top 25px; }
#product .nav a:nth-of-type(4):hover, #product .nav a:nth-of-type(4).on { background: #014099 url('/page/images/product01/nav04_hover.png')no-repeat left 25px top 25px; color:#fff; border:0px; }
#product .nav a:nth-of-type(5) { background: #fff url('/page/images/product01/nav05.png')no-repeat left 25px top 25px; }
#product .nav a:nth-of-type(5):hover, #product .nav a:nth-of-type(5).on { background: #014099 url('/page/images/product01/nav05_hover.png')no-repeat left 25px top 25px; color:#fff; border:0px; }
#product .nav a:nth-of-type(6) { background: #fff url('/page/images/product01/nav06.png')no-repeat left 25px top 25px; }
#product .nav a:nth-of-type(6):hover, #product .nav a:nth-of-type(6).on { background: #014099 url('/page/images/product01/nav06_hover.png')no-repeat left 25px top 25px; color:#fff; border:0px; }


#product p.tit { margin-bottom:50px; }

#product .intro { background:url('/page/images/product01/intro_bg.jpg')repeat left top; padding: 0; overflow:hidden; }
#product .intro .pull-left, 
#product .intro .pull-right { width:50%; }
#product .intro .pull-left { padding:60px 30px 60px 60px; }

#product .con-box { display:none; }
#product .con-box.on { display:block; }
#product .con-box h3 { font-size:28px; color:#333; margin-bottom:70px; font-weight:700; text-align:center; }
#product .con-box .dl-box { overflow:hidden; }
#product .con-box .dl-box dl > dd { font-size:18px; line-height:28px; color:#555; font-weight:400; padding-top:6px; }
#product .con-box .dl-box dl > dd span { display: inline-block; width: 10px; }

#product .con-box .img-box { background:#f5f5f5; text-align:center; padding:25px 0; }

#product table { width:100%; }
#product caption { display:none; }
#product thead th { font-size:18px; font-weight:500; line-height:50px; color:#fff; background:#014099; text-align:center; border-right:1px solid #fff; }
#product tbody td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; line-height:50px; color:#555; text-align:center; min-width: 150px; }
#product tbody tr td:first-child { border-left:0px; }

/* .생산제품 공통 */

@media all and (max-width:991px) {

/* 생산제품 공통 */

#product p { word-break: keep-all; }
#product p > span { display: inline; }

#product .nav a { float: left; width:33.33%; margin-right:0px; line-height:50px; height:50px; border-right:0; border-bottom:0; }
#product .nav a:nth-of-type(1), #product .nav a:nth-of-type(2), #product .nav a:nth-of-type(3), #product .nav a:nth-of-type(4), #product .nav a:nth-of-type(5), #product .nav a:nth-of-type(6) { background:#fff; padding-top: 0px; }
#product .nav a:nth-of-type(1):hover, #product .nav a:nth-of-type(1).on, 
#product .nav a:nth-of-type(2):hover, #product .nav a:nth-of-type(2).on,
#product .nav a:nth-of-type(3):hover, #product .nav a:nth-of-type(3).on,
#product .nav a:nth-of-type(4):hover, #product .nav a:nth-of-type(4).on,
#product .nav a:nth-of-type(5):hover, #product .nav a:nth-of-type(5).on,
#product .nav a:nth-of-type(6):hover, #product .nav a:nth-of-type(6).on { background:#014099; padding-top: 0px; }
#product .nav a:nth-of-type(3n) { border-right:1px solid #ddd; }
#product .nav a:nth-of-type(4), 
#product .nav a:nth-of-type(5), 
#product .nav a:nth-of-type(6) { border-bottom:1px solid #ddd; }

/* .생산제품 공통 */
}
@media all and (max-width:768px) {
.page-content { font-size:15px; line-height:25px; } 
.page-content p { word-break: keep-all; }
.page-content p > span { display:inline; }
.page-content p.tit { font-size:30px; line-height:40px; font-weight:700; word-break: keep-all; }

.intro { padding:80px 50px; }

/* 생산제품 공통 */

#product p.tit span, #product p > span  { display:block; }
#product p.tit { margin-bottom:30px; }
#product .intro p > span { display:inline; }
#product .intro p.tit > span { display:block; }
#product .intro .pull-left, 
#product .intro .pull-right { width:100%; }
#product .intro .pull-left { padding:60px 30px 0px 30px; }

/* .생산제품 공통 */


}
@media all and (max-width:480px) {
.page-content p.tit { font-size:25px; line-height:35px; } 
.intro { padding:50px 35px; }
.con-box { padding:30px 0; overflow:hidden; }
#product .intro .pull-left {padding:35px 30px 0px 30px}

/* 생산제품 공통 */

/* .생산제품 공통 */

}