/* sub-common */
.sub-common{}
.sv-wrap{height: 300px; width: 100%; overflow: hidden;}
.sv-bg01{background: url(../img/sv-bg01.jpg) center center no-repeat; background-size: cover;}
.sv-bg02{background: url(../img/sv-bg02.jpg) center center no-repeat; background-size: cover;}
.sv-bg03{background: url(../img/sv-bg03.jpg) center center no-repeat; background-size: cover;}
.sv-bg04{background: url(../img/sv-bg01.jpg) center center no-repeat; background-size: cover;}
.sv-bg05{background: url(../img/sv-bg01.jpg) center center no-repeat; background-size: cover;}
.sv-bg06{background: url(../img/sv-bg01.jpg) center center no-repeat; background-size: cover;}
.sv-txt{top: 50%; left: 50%; width: 1260px; margin-left: -630px; text-align: center; position: absolute; z-index: 1; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%);}
.sv-txt p{font-size: 30px; line-height:1; letter-spacing:-0.05em; font-weight: 300; color: #fff;}
.sv-txt b{margin-top: 10px; font-size: 53px; line-height:65px; letter-spacing:0; font-weight: 400; color: #fff; display: block;}
.s-nav-wrap{background: #2c2c2c;}
.s-nav{}
.s-home{width: 60px; float: left; background: #2c2c2c; box-sizing:border-box; border-left: 1px solid rgba(211,211,211,0.14); border-right: 1px solid rgba(211,211,211,0.14); text-align: center;}
.s-home a{padding-top: 19px; height: 55px; display: block; box-sizing:border-box;}
.s-home a img{width: 19px; height: 15px; display: block; margin: 0 auto;}
.s-dep{width: 200px; float: left; position: relative;}
.s-dep > p{height: 55px; cursor:pointer; font-size: 0; text-align: center;}
.s-dep > p > span{font-size: 17px; line-height:55px; letter-spacing:-0.025em; font-weight: 300; color: #fff; display: inline-block; vertical-align: top;}
.s-dep > p > em{margin: 25px 0 0 10px; width: 10px; display: inline-block; vertical-align: top; font-style: normal;}
.s-dep > p > em img{width: 100%; display: block;}
.s-dep > p > em img.on{display: none;}
.s-dep > p.on > em img.off{display: none;}
.s-dep > p.on > em img.on{display: block;}
.s-dep > ul{display: none; position: absolute; top: 55px; left: 0; width: 100%; z-index: 5; box-sizing:border-box; border-top: 1px solid rgba(211,211,211,0.14);}
.s-dep > ul li a{padding: 0 20px; font-size: 17px; line-height:55px; letter-spacing:-0.025em; font-weight: 400; color: #fff; border-bottom: 1px solid rgba(211,211,211,0.14); box-sizing:border-box; display: block;}

.s-dep02{display: none;}
.s-dep01 > ul{background: #2c2c2c;}
.s-dep02 > p{background: #f1f1f1;}
.s-dep02 > p > span{font-size: 15px; font-weight: bold; color: #2c2c2c;}
.s-dep02 > ul{background: #f1f1f1;}
.s-dep02 > ul li a{color: #2c2c2c;}

.sub{padding: 70px 0; box-sizing:border-box;}
.sub.pb0{padding-bottom: 0;}
.lnb-wrap{width: 260px; margin-right: 57px; float: left;}
.lnb-wrap > h4{margin-bottom: 8px; padding-bottom: 25px; font-size: 26px; line-height:1; letter-spacing:-0.025em; font-weight: 500; color: #12102d; box-sizing:border-box; border-bottom: 1px solid #1e1e46;}
.lnb-wrap > ul{width: 100%; display: none;}
.lnb-wrap > ul > li > a{padding: 0 20px; font-size: 16px; line-height:58px; letter-spacing:-0.025em; font-weight: 300; color: #181818; box-sizing:border-box; background: #fff; border-bottom: 1px solid #e8e8e8; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; display: block;}
.lnb-wrap > ul > li.on > a{background: #0f528b; color: #fff; font-weight: 500;}
.lnb-wrap > ul > li > a:hover{background: #0f528b; color: #fff; font-weight: 500;}
.dep03{display: none; padding: 15px 20px; width: 100%; box-sizing:border-box;}
.dep03 li a{font-size: 15px; line-height:32px; letter-spacing:-0.025em; font-weight: 300; color: #181818; display: block;}
.dep03 li.on a{color: #165083; font-weight: 500;}
.dep03 li a:hover{color: #165083; font-weight: 500;}
.sub-cont{width: calc(100% - 317px); float: left;}
.sub-title{margin-bottom: 55px;}
.sub-title p{padding-bottom: 30px; font-size: 21px; line-height:1; letter-spacing:-0.025em; font-weight: 500; color: #12102d; box-sizing:border-box; border-bottom: 1px solid #1e1e46;}
/* sub-common */

/* 연혁 */
.com02-wrap{padding-top: 55px; box-sizing:border-box;}
.com02-in{}
.com02-in .le-tit{padding-left: 60px; width: 240px; float: left; box-sizing:border-box;}
.com02-in .le-tit > b{font-size: 40px; line-height:57px; letter-spacing:0.01em; font-weight: 900; color: #004884; display: block; opacity:0.67;}
.com02-in .le-tit > b.c1{color: #705b53;}
.com02-in .le-tit > img{position: absolute; top: 5px; right: -4px; width: 9px; height: 9px; display: block; z-index: 2;}
.com02-in .ri-list{padding:0 0 55px 35px; width: calc(100% - 240px); float: left; box-sizing:border-box; position: relative;}
.com02-in .ri-list:after{top: 5px; left: -1px; width: 1px; height: 100%; background: #dedede; position: absolute; content:""; z-index: 1;}
.com02-in .ri-list ul{width: 100%;}
.com02-in .ri-list ul li{}
.com02-in .ri-list ul li > p{width: 130px; font-size: 16px; line-height:32px; letter-spacing:-0.05em; font-weight: bold; color: #626262; opacity:0.97; float: left;}
.com02-in .ri-list ul li > span{width: calc(100% - 130px); font-size: 16px; line-height:32px; letter-spacing:-0.05em; font-weight: 400; color: #575757; opacity:0.97; display: block; float: left;}
/* 연혁 */

/*company01*/
.company01{margin-top:40px; position:relative;}
.company01:after{content:""; clear:both; display:block;}
.company01 p{line-height:1.75em; color:#222; float:left; font-weight:400; font-size:17px;}
.company01 p span{color:#888; font-weight:300;}
.company01 .sign{position:absolute; /* right:0; */ left:20%; bottom:0; width:16%;}
/*company01*/

/*location01*/
.location01{margin-top:20px;}
.location01 p{font-size:18px; margin-bottom:10px; font-weight:500;}
.location01 ul{margin-bottom:60px;}
.location01 ul li{font-size:17px; line-height:2.0em; color:#666; position:relative;}
.location01 ul li span{color:#333;  display:inline-block; width:60px; padding-left:18px;}
.location01 ul li:before{content:""; display:inline-block; background:#004884; width:5px; height:5px; position:absolute; left:0; top:15px;}
/*location01*/

/*info01*/
.info01_01{margin-top:40px;}
.info01_01 dl{width:100%; padding:20px; border:1px solid #ccc; box-sizing:border-box; margin-bottom:5px;}
.info01_01 dl:after{content:""; clear:both; display:block;}
.info01_01 dl dt{float:left; font-size:15px; color:#fff; width:24px; height:24px; line-height:24px; /* background:#0f528b; */ background:#333; text-align:center; border-radius:50%; }
.info01_01 dl dd{float:left; font-size:16px; color:#444; line-height:24px; margin-left:15px;}

.info01_02{margin-top:40px;}
.info01_02:after{content:""; clear:both; display:block;}
.info01_02 dl{float:left; width:33%; height:115px; margin-right:0.33%; padding:20px; border:1px solid #0f528b; box-sizing:border-box;}
.info01_02 dl dd{font-size:16px; color:#444; margin-top:8px; line-height:1.5em;}
/*info01*/

/* product */
.pro-wrap{}
.pro-con{}
.pro-list{padding: 0; margin: 34px 67px 0 0; width: 269px; /* height: 313px; */ box-sizing:border-box; text-align: center; display: block; float: left; position: relative;}
.pro-con .pro-list:nth-of-type(1){margin-top: 0;}
.pro-con .pro-list:nth-of-type(2){margin-top: 0;}
.pro-con .pro-list:nth-of-type(3){margin-top: 0;}
.pro-con .pro-list:nth-of-type(3n){margin-right: 0;}
.pro-con .pro-list a img{width:100%; height:100%; display: inline-block; vertical-align: top;}
.pro-con .pro-list a p{padding: 20px; font-size: 16px; line-height:18px; letter-spacing:-0.025em; font-weight: 300; color: #616161; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.pro-con .pro-list a span{opacity:0; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; box-sizing:border-box; background: rgba(255,255,255,0.2); text-align: center; font-size: 0; transition: .3s; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; -ms-transition: .3s;}
.pro-con .pro-list a span img{width: 66px; height: 66px; display: inline-block; vertical-align: top; position: relative; top: 50%; margin-top: -50px;}
.pro-con .pro-list a:hover span{opacity:1;}

.pro-pager{margin-top: 75px; font-size: 0; text-align: center;}
.pro-pager a.pro-prev01,
.pro-pager a.pro-next01{width: 10px; height: 16px; display: inline-block; vertical-align: top;}
.pro-pager a.pro-prev01 img,
.pro-pager a.pro-next01 img{width: 100%; display: block;}
.pro-pager .pager-number{margin: 0 65px; display: inline-block; vertical-align: top; font-size: 0; text-align: center;}
.pro-pager .pager-number > a{margin-right: 40px; font-size: 18px; line-height:16px; letter-spacing:0; font-weight: 400; color: #7e7e7e; display: inline-block; vertical-align: top;}
.pro-pager .pager-number > a:last-of-type{margin-right: 0;}
.pro-pager .pager-number > a.on{color: #004884;}
/* product */

/* 제품 상세 */
.view-wrap{}
.view-con{padding-bottom: 50px; border-bottom: 1px solid #aaa; box-sizing:border-box; }
.view-con .img{width: 450px; margin-right: 40px; float: left; box-sizing:border-box; border: 1px solid #ddd;}
.view-con .img img{width: 100%; display: block;}
.view-con .txt{width: calc(100% - 490px); float: left;}
.view-con .txt > h5{font-size: 21px; line-height: 27px; letter-spacing:-0.05em; font-weight: 400; color: #343434;}
.view-con .txt > ul{margin: 40px 0 50px; width: 100%;}
.view-con .txt > ul li{margin-bottom: 15px;}
.view-con .txt > ul li:last-of-type{margin-bottom: 0;}
.view-con .txt > ul li span{width: 110px; font-size: 15px; line-height:27px; letter-spacing:-0.05em; font-weight: 300; color: #343434; float: left; display: block;}
.view-con .txt > ul li em{width: calc(100% - 110px); font-size: 15px; line-height:27px; letter-spacing:-0.05em; font-weight: 300; color: #343434; float: left; display: block; font-style: normal;}
.view-con .txt > a{font-size: 16px; line-height: 55px; letter-spacing:-0.05em; font-weight: 300; color: #fff; background: #1875d8; text-align: center; display: block;}
/* 제품 상세 */