/* sub-common */
.sub-common {}
.sv-wrap{height: 300px; width: 100%; position: relative; overflow: hidden;}
.sv{height: 300px; width: 100%; position: relative; overflow: hidden;}
.sv-txt{top: 50%; left: 50%; width: 1260px; position: absolute; z-index: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center;}
.sv-txt p{font-size: 45px; line-height:40px; letter-spacing:0; font-weight: bold; color: #fff;}
.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-bg04.jpg) center center no-repeat; background-size: cover;}

.s-nav-wrap{box-sizing:border-box; border-bottom: 1px solid #ddd; background: #fff;}
.s-nav-home{width: 55px; border-left: 1px solid #ddd; float: left;}
.s-nav-home a{padding-top: 21px; height: 54px; font-size: 0; display: block; text-align: center; box-sizing:border-box;}
.s-nav-home a img{width: 17px; height: 16px; display: inline-block; vertical-align: top;}
.sdep01{width: 250px; box-sizing:border-box; border-left: 1px solid #ddd; border-right: 1px solid #ddd; float: left; position: relative;}
.sdep01 > p{position: relative; font-size: 0; cursor:pointer;}
.sdep01 > p span{padding: 0 40px 0 30px; font-size: 14px; line-height:54px; letter-spacing:0; font-weight: 400; color: #555; display: block;}
.sdep01 > p em{top: 27px; right: 30px; width: 11px; height: 6px; display: block; position: absolute; font-style: normal;}
.sdep01 > p em img{width: 100%;}
.sdep01 > p em img.off{display: block;}
.sdep01 > p em img.on{display: none;}
.sdep01 > p.on em img.off{display: none;}
.sdep01 > p.on em img.on{display: block;}
.sdep01 ul{display: none; top: 54px; left: -1px; box-sizing:border-box; border: 1px solid #ddd; width: 250px; position: absolute; z-index: 2;}
.sdep01 ul li{border-bottom: 1px solid #ddd;}
.sdep01 ul li:last-of-type{border-bottom: 0;}
.sdep01 ul li a{padding: 0 30px; font-size: 14px; line-height: 48px; letter-spacing:0; font-weight: 400; color: #555; box-sizing:border-box; display: block; background: #fff;}
.sdep01 ul li a:hover{background: #f5f5f5;}
.sdep02{width: 250px; box-sizing:border-box; border-right: 1px solid #ddd; float: left; position: relative;}
.sdep02 > p{position: relative; font-size: 0; cursor:pointer;}
.sdep02 > p span{padding: 0 40px 0 30px; font-size: 14px; line-height:54px; letter-spacing:0; font-weight: 500; color: #222; display: block;}
.sdep02 > p em{top: 27px; right: 30px; width: 11px; height: 6px; display: block; position: absolute; font-style: normal;}
.sdep02 > p em img {width: 100%;}
.sdep02 > p em img.off{display: block;}
.sdep02 > p em img.on{display: none;}
.sdep02 > p.on em img.off{display: none;}
.sdep02 > p.on em img.on{display: block;}
.sdep02 ul{display: none; top: 54px; left: -1px; box-sizing:border-box; border: 1px solid #ddd; width: 251px; position: absolute; z-index: 2;}
.sdep02 ul li{border-bottom: 1px solid #ddd;}
.sdep02 ul li:last-of-type{border-bottom: 0;}
.sdep02 ul li a{padding: 0 30px; font-size: 14px; line-height: 48px; letter-spacing:0; font-weight: 400; color: #555; box-sizing:border-box; display: block; background: #fff;}
.sdep02 ul li a:hover{background: #f5f5f5;}
.sub-content > img{width: 100%; display: block;}
/* sub-common */

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

/* 인사말 */
.com01-in{}
.com01-in .left{height: 850px; width: 45%; float: left; background: url(../img/sub/com01-bg01.jpg) center center no-repeat; background-size: cover;}
.pc-none{display: none;}
.com01-in .right{height: 850px; padding: 90px 0; width: 55%; float: right; background: #f5f5f5; overflow: hidden; box-sizing:border-box;}
.com01-in .right .ri-left{width: 700px; padding-left: 65px; float: left; box-sizing:border-box;}
.com01-in .right .ri-left > h4{font-size: 35px; line-height:50px; letter-spacing:0; font-weight: bold; color: #00a0e9;}
.com01-in .right .ri-left > h4 b{font-size: 55px; line-height:45px; letter-spacing:0; font-weight: bold; color: #00a0e9; display: inline-block; vertical-align: top;}
.com01-in .right .ri-left > span{margin-bottom: 30px; font-size: 22px; line-height:40px; letter-spacing:-0.06em; font-weight: 500; color: #222; display: block; word-break:keep-all;}
.com01-in .right .ri-left > p{font-size: 16px; line-height:30px; letter-spacing:-0.05em; font-weight: 300; color: #555; word-break:keep-all;}
.com01-in .right .ri-left > b{margin-top: 20px; font-size: 18px; line-height:35px; letter-spacing:-0.05em; font-weight: 500; color: #333; text-align: right; display: block;}
.com01-in .right .ri-left > b img{width: 120px; height: 46px; margin-left: 15px; display: inline-block; vertical-align: top;}
/* 인사말 */

/* 연혁 */
.com02-in{}
.com02-01{height: 400px; padding: 105px 45px 0; background: url(../img/sub/com02-bg01.jpg) center center no-repeat; background-size: cover; box-sizing:border-box;}
.com02-01 p{margin-bottom: 40px; font-size: 70px; line-height:65px; letter-spacing:0; font-weight: 400; color: #fff;}
.com02-01 p b{font-weight: 900;}
.com02-01 span{font-size: 25px; line-height:40px; letter-spacing:-0.05em; font-weight: 300; color: #fff; display: block;}
.com02-02{margin-top: 60px;}
.com02-list{}
.com02-list .left{font-size: 35px; width: 110px; line-height:1; letter-spacing:0; font-weight: 500; color: #00a0e9; float: left;}
.com02-list .left img{top: 10px; right: -7px; width: 13px; height: 13px; display: block; position: absolute; z-index: 2;}
.com02-list .right{padding:0 0 60px 30px; width: calc(100% - 110px); box-sizing:border-box; float: left; position: relative;}
.com02-list .right:after{top: 14px; left: 0; width: 1px; height: 100%; background: #ddd; content:''; position: absolute; z-index: 1;}
.com02-list:last-of-type .right{padding-bottom: 0;}
.com02-list:last-of-type .right:after{display: none;}
.com02-list .right ul{width: 100%;}
.com02-list .right ul li span{font-size: 16px; line-height:35px; width: 14px; letter-spacing:-0.02em; font-weight: 300; color: #555; float: left;}
.com02-list .right ul li p{font-size: 16px; line-height:35px; width: calc(100% - 14px); letter-spacing:-0.02em; font-weight: 300; color: #555; float: left;}
/* 연혁 */

/* 조직도 */
.com03-in{padding: 110px 0; background: #f7f7f7 url(../img/sub/com03-bg01.jpg) center top no-repeat; box-sizing:border-box;}
.com03-01 {text-align: center;}
.com03-01 > p{font-size: 40px; line-height:45px; letter-spacing:0; font-weight: bold; color: #333;}
.com03-01 > p b{font-size: 55px; line-height:45px; letter-spacing:0; font-weight: bold; color: #333; display: block;}
.com03-01 > span{margin: 30px 0 110px; font-size: 25px; line-height:45px; letter-spacing:-0.05em; font-weight: 300; color: #333; display: block;}
.com03-01 > img{width: 100%; display: block;}
.com03-01 > img.pc-none{display: none;}
/* 조직도 */

/* 면허/인증/특허/수상 */
.com04-in{}
.com04-in > div{width:100%; margin-bottom:75px; }
.com04-in > div:after{content:""; clear:both; display:block;}
.com04-in > div > h2{font-size:30px; margin-bottom:16px; color: #333; font-weight:bold; letter-spacing: -0.05em;}
.com04-box{width: calc(25% - 22.5px); margin: 50px 30px 0 0; float: left;}
.com04-box:nth-of-type(1){margin-top: 0;}
.com04-box:nth-of-type(2){margin-top: 0;}
.com04-box:nth-of-type(3){margin-top: 0;}
.com04-box:nth-of-type(4){margin-top: 0;}
.com04-box:nth-of-type(4n){margin-right: 0;}
.com04-box > img{width: 100%; display: block; box-sizing:border-box; border: 1px solid #dedede;}
.com04-box > p{padding: 15px 0; font-size: 16px; line-height:22px; letter-spacing:-0.05em; font-weight: 400; color: #222; text-align: center;}
/* 면허/인증/특허/수상 */

/* 오시는길 */
.com05-in{}
.com05-in > p{margin-bottom: 15px; font-size: 30px; line-height:45px; letter-spacing:-0.05em; font-weight: 500; color: #222;}
.map{margin-bottom: 30px;}
.map .root_daum_roughmap{width: 100% !important;}
.map .wrap_controllers{display: none;}
.map .root_daum_roughmap .wrap_map{height: 400px !important;}
.map-info{padding: 30px 70px; margin-bottom: 70px; box-sizing:border-box; border: 1px solid #ddd; box-sizing:border-box;}
.map-info.mb0{margin-bottom: 0;}
.map-info > img{margin: 20px 40px 0 0; width: 70px; height: 70px; display: block; float: left;}
.map-info > img.mt8{margin-top: 8px;}
.map-info .map-info-txt{width: calc(100% - 110px); float: left;}
.map-info .map-info-txt ul{width: 100%;}
.map-info .map-info-txt ul li b{font-size: 18px; line-height:40px; width: 120px; letter-spacing:0; font-weight: bold; color: #333; display: block; float: left;}
.map-info .map-info-txt ul li span{font-size: 18px; line-height:40px; width: calc(100% - 120px); letter-spacing:0; font-weight: 300; color: #555; float: left; display: block; word-break:keep-all;}
/* 오시는길 */

/* 제품소개 */
.pro-in{}
.pro-tab{margin-bottom: 60px;}
.pro-tab a{height: 60px; left: -1px; font-size: 20px; line-height: 58px; letter-spacing:0; font-weight: 400; color: #555; width: 25%; box-sizing:border-box; border: 1px solid #cdcdcd; float: left; text-align: center; display: block; background: #fff; border-left: 0; position: relative; z-index: 1;}
.pro-tab a:first-of-type{left: 0; border-left: 1px solid #cdcdcd; z-index: 2;}
.pro-tab a.on{line-height: 54px; font-weight: bold; color: #00a0e9; border: 3px solid #00a0e9; z-index: 3;}
.pro-in > a{margin-bottom: 50px; padding: 55px 90px; border: 1px solid #ddd; box-shadow: 5px 5px 10px 5px rgba(6,0,1,0.05); box-sizing:border-box; display: block;}
.pro-in > a:last-of-type{margin-bottom: 0;}
.pro-in > a .left{margin-right: 90px; width: 370px; box-sizing:border-box; position: relative; float: left;}
.pro-in > a .left .pro-list-box{width: 370px; height: 370px; overflow: hidden; position: relative; border: 1px solid #dfdfdf; box-sizing:border-box;}
.pro-in > a .left .pro-list-box ul{width: 370px; width: 100%; height: 370px; overflow: hidden; position: relative;}
.pro-in > a .left .pro-list-box ul li{width: 370px !important; height: 370px; overflow: hidden; position: relative;}
.pro-in > a .left .pro-list-box ul li img{width: auto; position: absolute; z-index: 1; top: 50%; left: 50%; max-width:100%; max-height:100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); display: block;}
.pro-in > a .left .pro-list-box .bx-pager{top: 30px; right: 30px; font-size: 0; position: absolute;}
.pro-in > a .left .pro-list-box .bx-pager > div{margin-right: 10px; display: inline-block; vertical-align: top;}
.pro-in > a .left .pro-list-box .bx-pager > div:last-of-type{margin-right: 0;}
.pro-in > a .left .pro-list-box .bx-pager > div a{width: 10px; height: 10px; box-sizing:border-box; border-radius:50%; border: 1px solid #444; background: none; font-size: 0; text-indent:-9999px; display: block;}
.pro-in > a .left .pro-list-box .bx-pager > div a.active{background: #444;}
.pro-in > a .right{width: calc(100% - 460px); float: left;}
.pro-in > a .right h4{padding-bottom: 35px; margin-bottom: 35px; font-size: 30px; line-height:1; letter-spacing:0; font-weight: bold; color: #0080d1; border-bottom: 1px solid #ddd; box-sizing:border-box; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro-in > a .right ul{width: 100%;}
.pro-in > a .right ul li{margin-bottom: 20px;}
.pro-in > a .right ul li:last-of-type{margin-bottom: 0;}
.pro-in > a .right ul li b{width: 14px; font-size: 22px; line-height:24px; letter-spacing:0; font-weight: 300; color: #333; display: block; float: left;}
.pro-in > a .right ul li span{width: calc(100% - 14px); font-size: 18px; line-height:24px; letter-spacing:0; font-weight: 300; color: #333; display: block; float: left; word-break:keep-all;}
/* 제품소개 */

/* 품질/환경안전 방침 */
.com06-in{}
.com06-in > h5{margin-bottom: 20px; font-size: 30px; line-height:1; letter-spacing:-0.05em; font-weight: bold; color: #333;}
.com06-box01{margin-bottom: 75px; padding: 55px 65px; box-sizing:border-box; border: 1px solid #e0e0e0;}
.com06-box01 > b{font-size: 25px; line-height:1; letter-spacing:-0.05em; font-weight: bold; color: #333; display: block;}
.com06-box01 > p{margin: 20px 0 25px; font-size: 25px; line-height:40px; letter-spacing:-0.05em; font-weight: 300; color: #333;}
.com06-box01 > span{font-size: 20px; line-height:40px; letter-spacing:-0.05em; font-weight: 500; color: #333; display: block;}
.com06-box01 > span.c-name img{margin-left: 10px; width: 120px; height: 46px; display: inline-block; vertical-align: top;}
.com06-box02{padding: 55px 65px 40px; box-sizing:border-box; border: 1px solid #e0e0e0;}
.com06-box02 > b{font-size: 25px; line-height:40px; letter-spacing:-0.05em; font-weight: 500; color: #333; display: block;}
.com06-box02-inner{margin: 30px 0 40px; padding: 50px 60px; background: #f5f5f5; box-sizing:border-box;}
.com06-box02-inner > div{margin-bottom: 35px; position: relative;}
.com06-box02-inner > div:last-of-type{margin-bottom: 0;}
.com06-box02-inner > div .number{margin-top: -25px; width: 50px; height: 50px; line-height:50px; font-size: 25px; border-radius:50%; letter-spacing:-0.05em; font-weight: bold; background: #00a0e9; color: #fff; box-sizing:border-box; text-align: center; position: absolute; top: 50%; left: 0;}
.com06-box02-inner > div .text{margin-left: 70px; width: calc(100% - 70px); font-size: 20px; line-height:30px; letter-spacing: -0.05em; font-weight: 300; color: #333; float: left; word-break:keep-all;}
.com06-box02 > span{font-size: 20px; line-height:40px; letter-spacing:-0.05em; font-weight: 500; color: #333; display: block;}
.com06-box02 > span.c-name img{margin-left: 10px; width: 120px; height: 46px; display: inline-block; vertical-align: top;}
/* 품질/환경안전 방침 */

@media all and ( max-width : 1260px ) {
/* 인사말 */
.com01-in{}
.com01-in .left{height: 67.4603174603vw;}
.com01-in .right{height: 67.4603174603vw; padding: 5.1428571429vw 0;}
.com01-in .right .ri-left{width: 55.5555555556vw; padding-left: 3.1746031746vw;}
.com01-in .right .ri-left > h4{font-size: 3.253968254vw; line-height:3.5714285714vw;}
.com01-in .right .ri-left > h4 b{font-size: 4.3650793651vw; line-height:3.5714285714vw;}
.com01-in .right .ri-left > span{margin-bottom: 2.380952381vw; font-size: 1.9047619048vw; line-height:3.1746031746vw;}
.com01-in .right .ri-left > p{font-size: 1.2698412698vw; line-height:2.380952381vw;}
.com01-in .right .ri-left > b{margin: 1.5873015873vw 1.5873015873vw 0 0; font-size: 1.4285714286vw; line-height:2.7777777778vw;}
.com01-in .right .ri-left > b img{width: 7.5396825397vw; height: 2.4603174603vw; margin-left: 1.1904761905vw;}
/* 인사말 */

/* 제품소개 */
.pro-in{}
.pro-in > a{padding: 55px 50px;}
.pro-in > a .left{margin-right: 40px;}
.pro-in > a .right{width: calc(100% - 410px);}
/* 제품소개 */
}


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

/* sub-common */
.sv-wrap{height: 240px;}
.sv{height: 240px;}
.sv-txt{width: 100%;}
.sv-txt p{font-size: 45px; line-height:40px;}
.sv-bg01{background: url(../img/m-sv-bg01.jpg) center center no-repeat; background-size: cover;}
.sv-bg02{background: url(../img/m-sv-bg02.jpg) center center no-repeat; background-size: cover;}
.sv-bg03{background: url(../img/m-sv-bg03.jpg) center center no-repeat; background-size: cover;}
.sv-bg04{background: url(../img/m-sv-bg04.jpg) center center no-repeat; background-size: cover;}

.s-nav-home{display: none;}
.s-nav{width: 100% !important;}
.sdep01{width: 50%;}
.sdep01 > p span{padding: 0 40px 0 30px; font-size: 14px; line-height:54px;}
.sdep01 > p em{top: 27px; right: 30px; width: 11px; height: 6px;}
.sdep01 ul{top: 54px; width: calc(100% + 2px);}
.sdep01 ul li a{padding: 0 30px; font-size: 14px; line-height: 48px;}
.sdep02{width: 50%;}
.sdep02 > p span{padding: 0 40px 0 30px; font-size: 14px; line-height:54px;}
.sdep02 > p em{top: 27px; right: 30px; width: 11px; height: 6px;}
.sdep02 ul{top: 54px; width: calc(100% + 2px);}
.sdep02 ul li a{padding: 0 30px; font-size: 14px; line-height: 48px;}
/* sub-common */

.sub{padding: 60px 0;}
.sub-title{margin-bottom: 55px;}
.sub-title p{font-size: 45px;}
.sub-title span{width: 40px; margin: 20px auto 0;}

/* 인사말 */
.com01-in{}
.com01-in .left{height: auto; width: 100%; float: none; background: none;}
.com01-in .left > img{width: 100%; display: block;}
.pc-none{display: block;}
.m-none{display: none;}
.com01-in .right{height: auto; padding: 70px 0; width: 100%; float: none; background: #f5f5f5;}
.com01-in .right .ri-left{width: 100%; padding: 0 2%; float: none; box-sizing:border-box;}
.com01-in .right .ri-left > h4{font-size: 41px; line-height:45px;}
.com01-in .right .ri-left > h4 b{font-size: 55px; line-height:45px;}
.com01-in .right .ri-left > span{margin-bottom: 30px; font-size: 24px; line-height:45px;}
.com01-in .right .ri-left > p{font-size: 20px; line-height:35px;}
.com01-in .right .ri-left > b{margin-top: 20px; font-size: 22px; line-height:39px;}
.com01-in .right .ri-left > b img{width: 119px; height: 39px; margin-left: 15px;}
/* 인사말 */

/* 연혁 */
.com02-01{height: 450px; padding: 110px 50px 0; background: url(../img/sub/m-com02-bg01.jpg) center center no-repeat; background-size: cover;}
.com02-01 p{margin-bottom: 20px; font-size: 70px; line-height:65px;}
.com02-01 p b{display: block;}
.com02-01 span{font-size: 25px; line-height:40px;}
.com02-02{margin-top: 60px;}
.com02-list .left{font-size: 35px; line-height:40px; width: 110px;}
.com02-list .left img{top: 15px; right: -7px; width: 13px; height: 13px;}
.com02-list .right{padding:0 0 60px 30px; width: calc(100% - 110px);}
.com02-list .right:after{top: 20px;}
.com02-list .right ul li span{font-size: 20px; line-height:40px; width: 14px;}
.com02-list .right ul li p{font-size: 20px; line-height:40px; width: calc(100% - 14px);}
/* 연혁 */


/* 조직도 */
.com03-in{padding: 90px 0; background: #f7f7f7 url(../img/sub/m-com03-bg01.jpg) center top no-repeat; box-sizing:border-box; background-size: 100%;}
.com03-01 > p{font-size: 35px; line-height:45px;}
.com03-01 > p b{font-size: 55px; line-height:45px;}
.com03-01 > span{margin: 30px 0 100px; font-size: 25px; line-height:35px;}
.com03-01 > img.pc-none{display: block;}
/* 조직도 */

/* 면허/인증/특허/수상 */
.com04-in{}
.com04-box{width: 49%; margin: 5% 2% 0 0; float: left;}
.com04-box:nth-of-type(1){margin-top: 0;}
.com04-box:nth-of-type(2){margin-top: 0;}
.com04-box:nth-of-type(3){margin-top: 5%;}
.com04-box:nth-of-type(4){margin-top: 5%;}
.com04-box:nth-of-type(2n){margin-right: 0;}
.com04-box > p{padding: 10px 0; font-size: 20px; line-height:25px;}
/* 면허/인증/특허/수상 */

/* 오시는길 */
.com05-in > p{margin-bottom: 15px; font-size: 30px; line-height:45px;}
.map{margin-bottom: 30px;}
.map .root_daum_roughmap .wrap_map{height: 400px !important;}
.map-info{padding: 30px 70px; margin-bottom: 70px;}
.map-info > img{margin: 40px 40px 0 0; width: 70px; height: 70px;}
.map-info > img.mt8{margin-top: 24px;}
.map-info .map-info-txt{width: calc(100% - 110px);}
.map-info .map-info-txt ul li b{font-size: 18px; line-height:40px; width: 120px;}
.map-info .map-info-txt ul li span{font-size: 18px; line-height:40px; width: calc(100% - 120px);}
/* 오시는길 */

/* 제품소개 */
.pro-tab{margin-bottom: 60px;}
.pro-tab a{height: 70px; left: 0; font-size: 20px; line-height: 68px; width: 50%;}
.pro-tab a:first-of-type{border-left: 1px solid #cdcdcd; z-index: 2;}
.pro-tab a:nth-of-type(3){top: -1px; border-left: 1px solid #cdcdcd; z-index: 2;}
.pro-tab a:nth-of-type(4){top: -1px;}
.pro-tab a.on{line-height: 64px; font-weight: bold; color: #00a0e9; border: 3px solid #00a0e9; z-index: 3;}
.pro-in > a{margin-bottom: 50px; padding: 50px 40px;}
.pro-in > a .left{margin:0 auto 50px; width: 370px; height: 370px; float: none;}
.pro-in > a .right{width: 100%; float: none;}
.pro-in > a .right h4{padding-bottom: 35px; margin-bottom: 35px; font-size: 30px;}
.pro-in > a .right ul li{margin-bottom: 20px;}
.pro-in > a .right ul li b{width: 14px; font-size: 22px; line-height:24px;}
.pro-in > a .right ul li span{width: calc(100% - 14px); font-size: 18px; line-height:24px;}
/* 제품소개 */

/* 품질/환경안전 방침 */
.com06-in{}
.com06-in > h5{margin-bottom: 20px; font-size: 30px;}
.com06-box01{margin-bottom: 75px; padding: 40px;}
.com06-box01 > b{font-size: 25px;}
.com06-box01 > p{margin: 20px 0 25px; font-size: 25px; line-height:40px;}
.com06-box01 > span{font-size: 20px; line-height:40px;}
.com06-box02{padding: 40px;}
.com06-box02 > b{font-size: 25px; line-height:40px;}
.com06-box02-inner{margin: 30px 0 40px; padding: 30px 25px;}
.com06-box02-inner > div{margin-bottom: 35px;}
.com06-box02-inner > div .number{margin-top: -25px; width: 50px; height: 50px; line-height:50px; font-size: 25px;}
.com06-box02-inner > div .text{margin-left: 70px; width: calc(100% - 70px); font-size: 20px; line-height:30px;}
.com06-box02 > span{font-size: 20px; line-height:40px;}
/* 품질/환경안전 방침 */

}

@media all and ( max-width: 760px ) {
	
/* 인사말 */
.com01-in .right{padding: 9.2105263158vw 0;}
.com01-in .right .ri-left > h4{font-size: 5.3947368421vw; line-height:5.9210526316vw;}
.com01-in .right .ri-left > h4 b{font-size: 7.2368421053vw; line-height:5.9210526316vw;}
.com01-in .right .ri-left > span{margin-bottom: 3.9473684211vw; font-size: 3.1578947368vw; line-height:5.9210526316vw;}
.com01-in .right .ri-left > p{font-size: 2.6315789474vw; line-height:4.6052631579vw;}
.com01-in .right .ri-left > b{margin-top: 2.6315789474vw; font-size: 2.8947368421vw; line-height:5.1315789474vw;}
.com01-in .right .ri-left > b img{width: 15.6578947368vw; height: 5.1315789474vw; margin-left: 1.9736842105vw;}
/* 인사말 */

/* 연혁 */
.com02-01{height: 59.2105263158vw; padding: 14.4736842105vw 6.5789473684vw 0;}
.com02-01 p{margin-bottom: 2.6315789474vw; font-size: 9.2105263158vw; line-height:8.5526315789vw;}
.com02-01 span{font-size: 3.2894736842vw; line-height:5.2631578947vw;}
.com02-02{margin-top: 7.8947368421vw;}
.com02-list .left{font-size: 4.6052631579vw; line-height:5.2631578947vw; width: 14.4736842105vw;}
.com02-list .left img{top: 1.9736842105vw; right: -0.9210526316vw; width: 1.7105263158vw; height: 1.7105263158vw;}
.com02-list .right{padding:0 0 7.8947368421vw 3.9473684211vw; width: calc(100% - 14.4736842105vw);}
.com02-list .right:after{top: 2.6315789474vw;}
.com02-list .right ul li span{font-size: 2.6315789474vw; line-height:5.2631578947vw; width: 1.8421052632vw;}
.com02-list .right ul li p{font-size: 2.6315789474vw; line-height:5.2631578947vw; width: calc(100% - 1.8421052632vw);}
/* 연혁 */

/* 조직도 */
.com03-in{padding: 11.8421052632vw 0;}
.com03-01 > p{font-size: 4.6052631579vw; line-height:5.9210526316vw;}
.com03-01 > p b{font-size: 7.2368421053vw; line-height:5.9210526316vw;}
.com03-01 > span{margin: 3.9473684211vw 0 13.1578947368vw; font-size: 3.2894736842vw; line-height:4.6052631579vw;}
/* 조직도 */

/* 면허/인증/특허/수상 */
.com04-box > p{padding: 1.3157894737vw 0; font-size: 2.6315789474vw; line-height:3.2894736842vw;}
/* 면허/인증/특허/수상 */

/* 오시는길 */
.com05-in > p{margin-bottom: 1.9736842105vw; font-size: 3.9473684211vw; line-height:5.9210526316vw;}
.map{margin-bottom: 3.9473684211vw;}
.map .root_daum_roughmap .wrap_map{height: 52.6315789474vw !important;}
.map-info{padding: 3.9473684211vw 9.2105263158vw; margin-bottom: 9.2105263158vw;}
.map-info > img{margin: 5.2631578947vw 5.2631578947vw 0 0; width: 9.2105263158vw; height: 9.2105263158vw;}
.map-info > img.mt8{margin-top: 3.1578947368vw;}
.map-info .map-info-txt{width: calc(100% - 14.4736842105vw);}
.map-info .map-info-txt ul li b{font-size: 2.3684210526vw; line-height:5.2631578947vw; width: 15.7894736842vw;}
.map-info .map-info-txt ul li span{font-size: 2.3684210526vw; line-height:5.2631578947vw; width: calc(100% - 15.7894736842vw);}
/* 오시는길 */

/* 제품소개 */
.pro-tab{margin-bottom: 7.8947368421vw;}
.pro-tab a{height: 9.2105263158vw; font-size: 2.6315789474vw; line-height: 8.9473684211vw;}
.pro-tab a.on{line-height: 8.4210526316vw;}
.pro-in > a{margin-bottom: 6.5789473684vw; padding: 6.5789473684vw 5.2631578947vw;}
.pro-in > a .left{margin:0 auto 6.5789473684vw; width: 48.6842105263vw; height: 48.6842105263vw;}

.pro-in > a .left .pro-list-box{width: 48.6842105263vw; height: 48.6842105263vw;}
.pro-in > a .left .pro-list-box ul{width: 48.6842105263vw; height: 48.6842105263vw;}
.pro-in > a .left .pro-list-box ul li{width: 48.6842105263vw !important; height: 48.6842105263vw !important;}
.pro-in > a .left .pro-list-box .bx-pager{top: 3.9473684211vw; right: 3.9473684211vw;}
.pro-in > a .left .pro-list-box .bx-pager > div{margin-right: 1.3157894737vw;}
.pro-in > a .left .pro-list-box .bx-pager > div a{width: 1.3157894737vw; height: 1.3157894737vw;}

.pro-in > a .right h4{padding-bottom: 4.6052631579vw; margin-bottom: 4.6052631579vw; font-size: 3.9473684211vw;}
.pro-in > a .right ul li{margin-bottom: 2.6315789474vw;}
.pro-in > a .right ul li b{width: 1.8421052632vw; font-size: 2.8947368421vw; line-height:3.1578947368vw;}
.pro-in > a .right ul li span{width: calc(100% - 1.8421052632vw); font-size: 2.3684210526vw; line-height:3.1578947368vw;}
/* 제품소개 */


/* 품질/환경안전 방침 */
.com06-in > h5{margin-bottom: 2.6315789474vw; font-size: 3.9473684211vw;}
.com06-box01{margin-bottom: 9.8684210526vw; padding: 5.2631578947vw;}
.com06-box01 > b{font-size: 3.2894736842vw;}
.com06-box01 > p{margin: 2.6315789474vw 0 3.2894736842vw; font-size: 3.2894736842vw; line-height:5.2631578947vw;}
.com06-box01 > span{font-size: 2.6315789474vw; line-height:5.2631578947vw;}
.com06-box01 > span.c-name img{margin-left: 1.3157894737vw; width: 12.5vw; height: 4.0789473684vw;}
.com06-box02{padding: 5.2631578947vw;}
.com06-box02 > b{font-size: 3.2894736842vw; line-height:5.2631578947vw;}
.com06-box02-inner{margin: 3.9473684211vw 0 5.2631578947vw; padding: 3.9473684211vw 3.2894736842vw;}
.com06-box02-inner > div{margin-bottom: 4.6052631579vw;}
.com06-box02-inner > div .number{margin-top: -3.2894736842vw; width: 6.5789473684vw; height: 6.5789473684vw; line-height:6.5789473684vw; font-size: 3.2894736842vw;}
.com06-box02-inner > div .text{margin-left: 9.2105263158vw; width: calc(100% - 9.2105263158vw); font-size: 2.6315789474vw; line-height:3.9473684211vw;}
.com06-box02 > span{font-size: 2.6315789474vw; line-height:5.2631578947vw;}
.com06-box02 > span.c-name img{margin-left: 1.3157894737vw; width: 12.5vw; height: 4.0789473684vw;}
/* 품질/환경안전 방침 */
}


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

/* sub-common */
.sv-wrap{height: 37.5vw;}
.sv{height: 37.5vw;}
.sv-txt p{font-size: 7.03125vw; line-height:6.25vw;}

.sdep01 > p span{padding: 0 6.25vw 0 4.6875vw; font-size: 2.1875vw; line-height:8.4375vw;}
.sdep01 > p em{top: 4.21875vw; right: 4.6875vw; width: 1.71875vw; height: 0.9375vw;}
.sdep01 ul{top: 8.4375vw; }
.sdep01 ul li a{padding: 0 4.6875vw; font-size: 2.1875vw; line-height: 7.5vw;}
.sdep02 > p span{padding: 0 6.25vw 0 4.6875vw; font-size: 2.1875vw; line-height:8.4375vw;}
.sdep02 > p em{top: 4.21875vw; right: 4.6875vw; width: 1.71875vw; height: 0.9375vw;}
.sdep02 ul{top: 8.4375vw; }
.sdep02 ul li a{padding: 0 4.6875vw; font-size: 2.1875vw; line-height: 7.5vw; }
/* sub-common */

.sub{padding: 9.375vw 0;}
.sub-title{margin-bottom: 8.59375vw;}
.sub-title p{font-size: 7.03125vw;}
.sub-title span{width: 6.25vw; margin: 3.125vw auto 0;}


}