/* sub-common */
.sub-common{}
.sv-wrap{height: 350px; width: 100%; position: relative; overflow: hidden;}
.sv-bg01{background: url(../img/sub/sv-bg01.jpg) center center no-repeat; background-size: cover;}
.sv-bg02{background: url(../img/sub/sv-bg02.jpg) center center no-repeat; background-size: cover;}
.sv-bg03{background: url(../img/sub/sv-bg03.jpg) center center no-repeat; background-size: cover;}
.sv-bg04{background: url(../img/sub/sv-bg04.jpg) center center no-repeat; background-size: cover;}
.sv-text{top:125px; left: 50%; width: 1300px; margin-left: -650px; text-align: center; position: absolute;  z-index: 1;}
.sv-text p{font-size: 45px; line-height:40px; letter-spacing:-0.07em; font-weight: 400; color: #fff;}
.sv-text p b{font-weight: bold;}
.s-nav{bottom: 0; left: 50%; width: 1300px; margin-left: -650px; position: absolute; z-index: 2;}
.s-nav ul{display: none; width: 100%; font-size: 0; text-align: center;}
.s-nav ul li{width: 185px; display: inline-block; vertical-align: top;}
.s-nav ul li a{font-size: 16px; line-height: 60px; letter-spacing:0; font-weight: 400; color: #fff; display: block; background: rgba(0,0,0,0.3); transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.s-nav ul li:hover a{background: rgba(255,115,100,0.9);}
.s-nav ul li.on a{background: rgba(255,115,100,0.9);}

.sub{padding: 80px 0 90px; box-sizing:border-box;}
.sub.pb0{padding-bottom: 0;}
.sub-title{margin-bottom: 70px; text-align: center;}
.sub-title p{font-size: 40px; line-height:45px; letter-spacing:-0.05em; font-weight: 500; color: #222;}
.sub-title span{width: 30px; height: 1px; background: #222; display: block; margin: 20px auto 0;}
/* sub-common */

/* 제품소개 */
.product{}
.proTab{margin-bottom: 65px; font-size: 0;}
.proTab a{margin-right: 6px; width: 190px; font-size: 16px; line-height:55px; height: 55px; letter-spacing:0; font-weight: 400; color: #333; background: #eee; display: inline-block; vertical-align: top; text-align: center;}
.proTab a:last-of-type{margin-right: 0;}
.proTab a.on{background: #4a7395; color: #fff; font-weight: 500;}

.proList{}
.proList-inner{}
.proList-inner > a{width: 300px; margin: 45px 33px 0 0; float: left; display: block; text-align: center;}
.proList-inner > a:nth-of-type(1){margin-top: 0;}
.proList-inner > a:nth-of-type(2){margin-top: 0;}
.proList-inner > a:nth-of-type(3){margin-top: 0;}
.proList-inner > a:nth-of-type(4){margin-top: 0;}
.proList-inner > a:nth-of-type(4n){margin-right: 0;}
.proList-inner > a img{width: 100%; height: 200px; box-sizing:border-box; border: 1px solid #dedede; display: block;}
.proList-inner > a span{margin-top: 15px; font-size: 18px; line-height: 24px; letter-spacing:-0.05em; font-weight: 400; color: #333; display: block;}
.pager{margin: 50px auto 0; width: 1300px; font-size: 0; text-align: center;}
.pager a{display: inline-block; vertical-align: top;}
.pager a.prev2{width: 34px; height: 35px; box-sizing:border-box; border: 1px solid #ccc; border-right: 0;}
.pager a.prev1,
.pager a.next1{width: 35px; height: 35px; box-sizing:border-box; border: 1px solid #ccc;}
.pager a.next2{width: 34px; height: 35px; box-sizing:border-box; border: 1px solid #ccc; border-left: 0;}
.pager .number{margin: 0 15px; display: inline-block; vertical-align: top; font-size: 0;}
.pager .number a{width: 35px; height: 35px; font-size: 14px; line-height:33px; margin-right: 5px; letter-spacing:0; font-weight: 400; color: #333; box-sizing:border-box; background: #fff; border: 1px solid #ccc; display: inline-block; vertical-align: top; text-align: center;}
.pager .number a:last-of-type{margin-right: 0;}
.pager .number a:hover{background: #333; border: 1px solid #333; color: #fff;}
.pager .number a.on{background: #333; border: 1px solid #333; color: #fff;}
/* 제품소개 */

/* 제품 팝업 */
#proPop_bg{display: none; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; z-index: 99;}
#proPop{display: none; top: 50%; left: 50%; width: 1100px; margin-left: -550px; z-index: 100; position: fixed; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%);}
#proPop_area{}
#proPop_area > h4{padding: 0 50px; font-size: 25px; line-height:75px; letter-spacing:-0.05em; font-weight: bold; color: #fff; box-sizing:border-box; background: #4a7395;}
#proPop_area > a{top: 28px; right: 37px; width: 22px; height: 22px; display: block; position: absolute; z-index: 1;}
#proPop_area > a img{width: 100%; display: block;}
#proPopIn{padding: 50px 100px; box-sizing:border-box; background: #fff;}
#proPopPrev,
#proPopNext{top: 175px; width: 17px; height: 31px; background-size: cover; z-index: 2; position: absolute; display: block;}
#proPopPrev img,
#proPopNext img{width: 100%; display: block;}
#proPopPrev{left: 30px;}
#proPopNext{right: 30px;}
#proPopImg{width: 450px; height: 300px; margin-right: 75px; border: 1px solid #e1e1e1; box-sizing:border-box; position: relative; float: left;}
#proPopImg > img{top: 50%; left: 50%; max-width:100%; max-height:100%; display: block; z-index: 1; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
#proPopText{width: calc(100% - 525px); float: left;} 
#proPopText p{font-size: 35px; line-height:40px; letter-spacing:-0.05em; font-weight: 500; color: #222;}
#proPopText span{margin-top: 20px; font-size: 18px; line-height:24px; letter-spacing:-0.05em; font-weight: 400; color: #333; display: block;}

#proPop_area {
    width: 1100px;
}
#proPop_area .info-table {
    table-layout: fixed;
    margin: 1em 0;
}
#proPop_area .info-table thead {
    background: rgba(0,0,0,.05);
}
#proPop_area .info-table th,
#proPop_area .info-table td {
    padding: .5em; border: 1px solid #ccc;
}
#proPop_area .content {
    clear: both; padding-top: 1em;
}
/* 제품 팝업 */


.customer01{text-align:center;}
.customer01 h4{font-size:30px; color:#444; letter-spacing:-0.055em; margin-bottom:30px;}
.customer01 span{display:block; margin:20px 0 10px 0; color:#777; font-size:17px; line-height:1.75em;}
.customer01 p{color:#444; font-size:22px; line-height:1.75em;}
.customer01 p.mail > a{color:#444;}
.customer01 p.mail > a:hover{text-decoration:underline;}
.customer01_02{border:3px solid #fae101; margin-top:50px; padding-top:40px;}
.customer01_02 img{width:100%;}