@charset "utf-8";


.scroll_wrap .box{width:100%;}
.scroll_txt{display:none;}
.mobile{display:none;}
.tablet{display:none;}
.web{display:block;}

/* 기본리스트 */
strong{font-weight:normal;font-family: 'Noto-Bold';}
.wait{width:100%;padding:120px 0;}
.wait .btxt{margin-bottom:15px;font-size:42px;line-height:52px;font-family: 'Noto-Bold';letter-spacing:-1px;}
.wait .stxt{font-size:15px;font-family: 'Noto-Medium';}
.undeline {background-image: linear-gradient(120deg, #a3cdff,#b8d7fc,#d4e8ff 100%);background-repeat: no-repeat;background-size: 100% 0.4em;background-position: 0 80%;transition:background-size 0.25s ease-in;}
.undeline.color{color:#03428e;font-family: 'Noto-Bold';}

h3.tit{margin-bottom:30px;font-size:30px;text-align:left;font-family: 'Noto-Bold';color:#000;letter-spacing:-1px;}
h3.tit span{font-weight:normal;font-family: 'Noto-Regular';}
h3.tit.h3_t{margin-top:65px;}

h3.tit2{margin-bottom:20px;font-size:25px;text-align:left;font-family: 'Noto-Bold';color:#000;letter-spacing:-1px;}
h3.tit2 span{font-weight:normal;font-family: 'Noto-Regular';}
h3.tit2.h3_t{margin-top:55px;}

h4.tit{margin-bottom:15px;font-size:20px;padding-left:30px;font-style: italic;text-align:left;font-family: 'Noto-Bold';color:#4072b6;letter-spacing:-1px;background:url(/theme/basic/img/sub/check_icon.png) no-repeat 0 0;}
h4.tit span{font-weight:normal;font-family: 'Noto-Regular';}
h4.tit.h4_t{margin-top:40px;}

ul.list{margin-bottom:18px;text-align:left;}
ul.list li{margin-bottom:6px;padding-left:15px;line-height:26px;font-family: 'Noto-Regular';font-size:17px;background:url(/theme/basic/img/sub/bu1.gif) no-repeat 0 12px;}
ul.list ul.list2{margin:5px 0 10px 0;}
ul.list2{margin-bottom:10px;text-align:left;}
ul.list2 li{margin-bottom:2px;padding-left:18px;color:#000;font-family: 'Noto-Regular';font-size:16px;background:url(/theme/basic/img/sub/bu2.gif) no-repeat 0 15px;}


.icon_box{width:1200px;margin:0 auto;text-align:left;border-radius:30px;background-color:#e3eaf4;background-repeat:no-repeat;background-position:95% bottom;}
.icon_box.icon01{background-image:url(/theme/basic/img/sub/icon_box01.png);}
.icon_box.icon02{background-image:url(/theme/basic/img/sub/icon_box02.png);}
.icon_box.icon03{background-image:url(/theme/basic/img/sub/icon_box03.png);}
.icon_box.icon04{background-image:url(/theme/basic/img/sub/icon_box04.png);background-position:95% 150px;}
.icon_box .text{padding:55px 65px;}
.icon_box .text .btxt{margin-bottom:10px;color:#000;font-size:28px;font-family: 'Noto-Bold';}
.icon_box .text .stxt{font-size:17px;}

.color_box{width:1200px;margin:0 auto;padding:40px 50px;text-align:left;box-sizing:border-box;border-radius:30px;background-color:#e3eaf4;}
.cont_txt_p{font-size:16px;}

table.table1{width:100%;border-collapse:collapse;word-break:break-all;word-wrap:normal;border-top:2px solid #dfdfdf;background:#fff;}
table.table1 th,
table.table1 td{padding:14px 0;text-align:center;border:1px solid #dfdfdf;}
table.table1 thead th{color:#000;font-family: 'Noto-Bold';font-weight:normal;background:#f9f9f9;}
table.table1 thead th:first-child{border-top:2px solid #01448f;}
table.table1 thead th.none{border-top:2px solid #dfdfdf;}
table.table1 tbody th{color:#000;font-family: 'Noto-Bold';font-weight:normal;}
table.table1 tbody td{color:#555;}
table.table1 tbody td.left{padding:14px;text-align:left;}
table.table1 tbody td.right{padding:14px;text-align:right;}
table.table1 input{vertical-align:middle;}



/* 기본 탭 */
.con_tab{width:100%;}
.con_tab ul{width:100%;display:inline-block;}
.con_tab ul li{display:inline-block;}
.con_tab ul.w3 li{width:33%;}
.con_tab ul.w2 li{width:49.5%;}
.con_tab ul li a,
.con_tab ul li button{display:block;width:100%;padding:0 30px;height:60px;line-height:60px;color:#fff;font-size:17px;border-radius:50px;border:0 none;font-family: 'Noto-Bold';cursor:pointer;background:#a5b3c5;}
.con_tab ul li a:hover,
.con_tab ul li a.on,
.con_tab ul li button:hover,
.con_tab ul li button.on{font-family: 'Noto-Bold';background:#00336e;}
.con_tab ul li span{font-family: 'Noto-Regular';}
.con_tab.tab_b{margin-bottom:45px;}


/* CEO인사말 */
.company01{width:1200px;margin:0 auto;overflow:hidden;clear:both;text-align:left;}
.company01 .pic{float:left;width:430px;}
.company01 .cont{float:right;width:685px;padding-top:20px;}
.company01 .cont .top_area{width:100%;margin-bottom:45px;font-size:35px;line-height:48px;font-family: 'Noto-Bold';letter-spacing:-1px;}
.company01 .cont .top_area span{font-family: 'Noto-Regular';}
.company01 .cont .text_area{width:100%;}
.company01 .cont .text_area p{margin-bottom:30px;}
.company01 .cont .sign{padding-top:10px;}
.company01 .cont .sign img{width:270px;}



/* 회사개요 */
.company02{width:100%;}
.company02 .top_logo{width:100%;margin-bottom:15px;text-align:center;}
.company02 .top_logo img{width:160px;}
.company02 .top_area{width:100%;text-align:center;font-size:35px;line-height:48px;font-family: 'Noto-Regular';letter-spacing:-1px;}
.company02 .top_area span{font-family: 'Noto-Bold';}
.company02 .cont{width:100%;display:inline-block;margin-top:50px;margin-bottom:30px;}
.company02 .cont li{float:left;width:280px;margin-left:26px;margin-bottom:20px;box-sizing:border-box;border:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(0,0,0,0.3);border-radius:50px;padding:60px 0;background:#e3eaf4;}
.company02 .cont li:first-child{margin-left:0;}
.company02 .cont li dl{width:100%;padding-top:60px;}
.company02 .cont li dl dt{margin-bottom:10px;font-size:20px;font-family: 'Noto-Bold';}
.company02 .cont li dl dd{font-size:18px;}
.company02 .cont li dl.icon01{background:url(/theme/basic/img/sub/company02_img01.png) no-repeat center 10px;background-size:auto 30px;}
.company02 .cont li dl.icon02{background:url(/theme/basic/img/sub/company02_icon01.png) no-repeat top center;}
.company02 .cont li dl.icon03{background:url(/theme/basic/img/sub/company02_icon02.png) no-repeat top center;}
.company02 .cont li dl.icon04{background:url(/theme/basic/img/sub/company02_icon03.png) no-repeat top center;}
.company02 .cont li.one{width:100%;float:none;clear:both;margin-left:0;padding:25px 0 15px 0;background:#fff;border:1px solid rgba(0,0,0,0.2);border-bottom:1px solid rgba(0,0,0,0.3);}
.company02 .cont li.one dl{width:auto;display:inline-block;padding:0 30px;border-radius:30px;}
.company02 .cont li.one dl dt,
.company02 .cont li.one dl dd{display:inline-block;}
.company02 .cont li.one dl dt{margin-right:10px;color:#024390;}
.company02 .cont li.one dl:first-child{border-right:1px solid rgba(0,0,0,0.2);border-radius:0;}


/* 회사연혁 */
.company03{width:1200px;margin:0 auto;}
.company03 .top_area{width:100%;margin-bottom:60px;text-align:left;font-size:35px;line-height:48px;font-family: 'Noto-Regular';letter-spacing:-1px;}
.company03 .top_area span{font-family: 'Noto-Bold';}
.company03 .histoty{padding-left:50px;}
.company03 .histoty .area{width:100%;overflow:hidden;clear:both;background:url(/theme/basic/img/sub/company03_img.gif) repeat-y 140px top;}
.company03 .histoty .area h3.year{float:left;width:280px;height:65px;line-height:65px;color:#fff;border-radius:50px;font-family: 'Lato-Bold';font-size:28px;background:#03428e;}
.company03 .histoty .area .cont{float:right;width:790px;padding:20px 0 50px 0;margin-bottom:30px;text-align:left;border-bottom:1px solid #ccc;}
.company03 .histoty .area .cont dl{width:100%;display:inline-block;}
.company03 .histoty .area .cont dl dt{float:left;width:135px;margin-bottom:4px;font-size:18px;color:#000;font-family: 'Noto-Bold';}
.company03 .histoty .area .cont dl dd{float:right;width:595px;margin-bottom:4px;}


/* 경영방침 */
.company04{width:1200px;margin:0 auto;}
.company04 .top_area{width:100%;margin-bottom:60px;text-align:center;font-size:42px;line-height:52px;text-decoration:underline 1px;text-underline-position:under;font-family: 'Noto-Light';letter-spacing:-1px;}
.company04 .top_area span{font-family: 'Noto-Bold';}
.company04 .cont{width:100%;padding-top:150px;background:url(/theme/basic/img/sub/company04_img.png) no-repeat top center;}
.company04 .cont ul{display:inline-block;width:100%;text-align:center;/*background:url(/theme/basic/img/sub/company04_img02.gif) repeat-x left 114px;*/}
.company04 .cont ul li{display:inline-block;margin:0 25px;width:230px;height:230px;box-sizing:border-box;border-radius:50%;}
.company04 .cont ul li.one{margin-left:0;background-color:#528ed2;border-bottom:10px solid #3a79c0;}
.company04 .cont ul li.two{background-color:#01438e;border-bottom:10px solid #002c5d;}
.company04 .cont ul li.three{background-color:#169ebf;border-bottom:10px solid #007997;}
.company04 .cont ul li.four{margin-right:0;background-color:#ffb23a;border-bottom:10px solid #e79109;}
.company04 .cont ul li span{display:inline-block;padding-top:140px;color:#fff;font-size:23px;font-family: 'Noto-Bold';background-repeat:no-repeat;background-position:center 45px;}
.company04 .cont ul li.one span{background-image:url(/theme/basic/img/sub/company04_icon01.png);}
.company04 .cont ul li.two span{background-image:url(/theme/basic/img/sub/company04_icon02.png);}
.company04 .cont ul li.three span{background-image:url(/theme/basic/img/sub/company04_icon03.png);}
.company04 .cont ul li.four span{background-image:url(/theme/basic/img/sub/company04_icon04.png);}

.company04 .cont2{width:100%;display:inline-block;margin-top:80px;}
.company04 .cont2 li{display:inline-block;padding-left:30px;margin:0 20px;letter-spacing:-1px;background:url(/theme/basic/img/sub/check_icon.png) no-repeat 0 50%;font-size:25px;font-family: 'Noto-Bold';font-style: italic;}
.company04 .cont2 li span{color:#659be1;}

.company04 .cont3{width:100%;border-top:2px dashed #ccc;padding-top:50px;margin-top:50px;}
.company04 .cont3 ul{width:100%;display:inline-block;}
.company04 .cont3 ul li{float:left;width:20%;}
.company04 .cont3 ul li .box{border-left:1px solid #dbdbdb;padding-top:120px;font-size:19px;letter-spacing:-1px;font-family: 'Noto-Bold';}
.company04 .cont3 ul li:first-child .box{border-left:0 none;}
.company04 .cont3 ul li .box.icon01{background:url(/theme/basic/img/sub/guide_icon01.png) no-repeat center top;}
.company04 .cont3 ul li .box.icon02{background:url(/theme/basic/img/sub/guide_icon02.png) no-repeat center top;}
.company04 .cont3 ul li .box.icon03{background:url(/theme/basic/img/sub/guide_icon03.png) no-repeat center top;}
.company04 .cont3 ul li .box.icon04{background:url(/theme/basic/img/sub/guide_icon04.png) no-repeat center top;}
.company04 .cont3 ul li .box.icon05{background:url(/theme/basic/img/sub/guide_icon05.png) no-repeat center top;}



/* 인증현황 */
.company05{width:1200px;margin:0 auto;}
.company05 .top_area{width:100%;margin-bottom:60px;text-align:left;font-size:35px;line-height:48px;font-family: 'Noto-Regular';letter-spacing:-1px;}
.company05 .top_area span{font-family: 'Noto-Bold';}
.company05 .cont,
.company05 .cont2{width:100%;padding-bottom:60px;margin-bottom:60px;text-align:center;border-bottom:1px solid #ccc;}
.company05 .cont li,
.company05 .cont2 li{display:inline-block;}
.company05 .cont li.one{padding-right:45px;border-right:1px solid #ccc;}
.company05 .cont li.two{width:330px;border-right:1px solid #ccc;}
.company05 .cont li.three{padding-left:45px;}
.company05 .cont2 li.one{padding-right:100px;border-right:1px solid #ccc;}
.company05 .cont2 li.two{width:470px;border-right:1px solid #ccc;}
.company05 .cont2 li.three{padding-left:100px;}
.company05 .pic{display:inline-block;width:245px;height:326px;box-shadow:10px 10px 10px rgba(0,0,0,0.5);}
.company05 .text{width:100%;clear:both;padding-top:25px;font-family: 'Noto-Bold';font-size:20px;}
.company05 .text span{font-family: 'Noto-Regular';}

/* 조직도 */
.company06{width:1200px;margin:0 auto;position:relative;}
.company06 .on_table{width:350px;position:absolute;top:45px;right:0;}


/* 찾아오시는길 */
.company07{width:1200px;margin:0 auto;position:relative;}
.company07 .top_area{width:100%;margin-bottom:60px;text-align:left;font-size:35px;line-height:48px;font-family: 'Noto-Regular';letter-spacing:-1px;}
.company07 .top_area span{font-family: 'Noto-Bold';}
.company07 .btn{position:absolute;top:20px; right:0;}
.company07 .btn li{display:inline-block;text-align:center;margin-left:5px;}
.company07 .btn li a{display:block;width:250px;height:65px;line-height:65px;font-size:18px;color:#fff;border-radius:50px;font-family: 'Noto-Bold';background:#a5b3c5;}
.company07 .btn li a span{padding-left:35px;background:url(/theme/basic/img/sub/company07_icon.png) no-repeat 0 2px;background-size:20px;}
.company07 .btn li a:hover{background-color:#00336e;box-shadow:10px 10px 10px rgba(0,0,0,0.5);}
.company07 .map{position:relative;width:100%;text-align:center;}
.company07 .map .btn{position:absolute;top:0;right:0;z-index:10;}
.company07 .map .btn a{display:block;color:#fff;padding:8px 20px;background:rgba(0,0,0,0.5);font-size:14px;font-family: 'Noto-Bold';}
.company07 .map .btn a span{padding-left:25px;background:url(/theme/basic/img/sub/company07_icon.png) no-repeat 0 50%;background-size:15px;}
.company07 .map .btn a:hover{background-color:rgba(0,0,0,0.7);}

.company07 .img_box{width:100%;display:inline-block;}
.company07 .img_box .area{width:100%;overflow:hidden;clear:both;width:579px;text-align:center;}
.company07 .img_box .fl{float:left;}
.company07 .img_box .fr{float:right;}
.company07 .box{position:relative;overflow:hidden;line-height:0;}
.company07 .box .text{position:absolute;bottom:0;left:0;width:100%;z-index:1;height:50px;line-height:50px;background:rgba(0,0,0,0.6);color:#fff;font-family: 'Noto-Bold';font-size:18px;}


/* 주요부품 */
.product{width:1200px;margin:0 auto;}
.product .top_area{width:100%;margin-bottom:15px;text-align:center;font-size:35px;line-height:48px;font-family: 'Noto-Regular';letter-spacing:-1px;}
.product .top_area span{font-family: 'Noto-Bold';}
.product .top_sm{font-size:17px;font-family: 'Noto-Regular';}
.product_img{width:100%;height:500px;margin:60px auto;padding-bottom:60px;position:relative;text-align:center;}
.product_img .car_img{position:relative;width:100%;text-align:center;}
.product_img .web_icon{position:absolute;}
.product_img .web_icon .text{padding:0 25px;height:60px;line-height:60px;font-size:17px;border-radius:50px;border:0 none;font-family: 'Lato-Black';color:#fff;cursor:pointer;background:rgba(0,51,110,0.8);}
.product_img .web_icon .text span{padding-right:80px;background:url(/theme/basic/img/sub/search.png) no-repeat right 50%;background-size:19px;}
.product_img .web_icon:hover .text{background:#ffe533;color:#000;}
.product_img .web_icon:hover .text span{background-image:url(/theme/basic/img/sub/search_on.png);}
.product_img .web_icon.icon01{top:65px;left:170px;padding-bottom:225px;background-image:url(/theme/basic/img/sub/product_btn01.png);background-repeat:no-repeat;background-position:center bottom;}
.product_img .web_icon.icon02{top:305px;left:0;padding:14px 0 30px 0;padding-right:128px;background:url(/theme/basic/img/sub/product_btn02.png) no-repeat right top;}
.product_img .web_icon.icon03{top:312px;left:335px;padding-top:198px;background:url(/theme/basic/img/sub/product_btn03.png) no-repeat center top;}
.product_img .web_icon.icon04{top:375px;left:450px;padding:14px 0 30px 0;padding-left:220px;background:url(/theme/basic/img/sub/product_btn04.png) no-repeat left top;}
.product_img .web_icon.icon05{top:255px;left:665px;padding:14px 0 30px 0;padding-left:220px;background:url(/theme/basic/img/sub/product_btn05.png) no-repeat left top;}
.product_img .web_icon.icon01:hover{background-image:url(/theme/basic/img/sub/product_btn01_on.png);}
.product_img .web_icon.icon02:hover{background-image:url(/theme/basic/img/sub/product_btn02_on.png);}
.product_img .web_icon.icon03:hover{background-image:url(/theme/basic/img/sub/product_btn03_on.png);}
.product_img .web_icon.icon04:hover{background-image:url(/theme/basic/img/sub/product_btn04_on.png);}
.product_img .web_icon.icon05:hover{background-image:url(/theme/basic/img/sub/product_btn05_on.png);}
.product_year{width:100%;text-align:center;}

.product_img_mobile{display:none;width:100%;margin:60px 0;text-align:center;}
.product_cont_mobile{display:none;}

.product_item{position:absolute;/*width:100%;height:100%;background:rgba(0,0,0,0.7);overflow:hidden;*/z-index:1000;color:#fff;}
.product_item .procuct_wrap{/*margin-top:550px;*/}
.product_item .close{text-align:center;margin-bottom:25px;}
.product_item .close button{border:0 none;background:none;cursor:pointer;}
.product_item .close img{width:28px;}
.product_item .cont{width:250px;margin:0 auto;padding:35px 0;text-align:center;border-radius:30px;background:rgba(255,255,255,0.8);color:#000;border:1px solid #ccc;box-shadow:10px 10px 10px rgba(0,0,0,0.5);}
.product_item .cont .pic{text-align:center;margin-bottom:30px;border-radius:30px;}
.product_item .cont .pic img{width:200px;border-radius:30px;}
.product_item .cont .btxt{font-family: 'Lato-Black';font-size:20px;margin-bottom:15px;}
.product_item .cont .stxt{font-size:14px;}
.product_item .cont .brand{width:90%;margin:0 auto;padding-top:20px;margin-top:20px;text-align:center;border-top:1px solid #ccc;}
.product_item#spec1{top:0;left:220px;}
.product_item#spec2{top:80px;left:20px;}
.product_item#spec3{bottom:80px;right:0;}
.product_item#spec4{bottom:100px;right:0;}
.product_item#spec5{bottom:100px;right:0;}

/* 공정관리시스템_ 스마트팩토리 */
.system01{width:100%;}
.system01_area{width:100%;border-radius:30px;margin:0 auto;text-align:center;padding:30px 0;font-family: 'Noto-Bold';font-size:18px;background-color:#e3eaf4;}
.system01_bg{width:100%;padding:80px 0;margin:80px 0;background:url(/theme/basic/img/sub/system_bg.gif) no-repeat center 50%;}
.system01_bg h3.tit{color:#fff;}
.system01_bg .cont{border-radius:50px;width:100%;padding:60px 0;text-align:center;background:#f7f7f7;}
.system01_bg .hover_bg{position:relative;}
.system01_bg .hover_bg .hover_img{position:relative;}
.system01_bg .hover_bg .hover_point{position:absolute;cursor:pointer;}
.system01_bg .hover_bg .hover_point.point1{top:240px;left:150px;}
.system01_bg .hover_bg .hover_point.point2{top:330px;right:290px;}
.system01_bg .hover_bg .hover_point img{opacity:0.8;}
.system01_bg .hover_bg .point_cont{position:absolute;z-index:1;padding:10px;background:#fff;border-radius:20px;border:1px solid rgba(0,0,0,0.4);box-shadow:10px 10px 10px rgba(0,0,0,0.6);}
.system01_bg .hover_bg .point_cont .img img{width:280px;border-radius:20px;}
.system01_bg .hover_bg .point_cont .txt{padding:10px;font-family: 'Noto-Bold';font-size:18px;}
.system01_bg .hover_bg .point_cont#point1{top:150px;left:230px;}
.system01_bg .hover_bg .point_cont#point2{top:230px;left:500px;}

.system01_area2{width:100%;display:inline-block;}
.system01_area2 .fl{float:left;width:48%;}
.system01_area2 .fr{float:right;width:48%;}
.system01_area2 img{width:100%;}

/* 공정관리시스템_ 시스템 및 시험현황 */
.system02{width:100%;}
.system02 ul{width:100%;display:inline-block;}
.system02 ul li{float:left;width:370px;padding-left:45px;}
.system02 ul li:first-child{padding-left:0;}
.system02 ul li .pic{margin-bottom:20px;width:100%;text-align:left;}
.system02 ul li .pic img{width:100%;}
.system02 ul li ul.list{min-height:90px;}
.system02 ul li ul.list li,
.system02 ul li ul.list li:first-child{width:50%;box-sizing:border-box;padding-left:15px;}
.system02 ul li .check_box{padding:30px 35px;min-height:260px;box-sizing:border-box;border-radius:30px;background:#e3eaf4;}
.system02 ul li .check_box li,
.system02 ul li .check_box li:first-child{padding-left:18px;}


/* 브로슈어 다운로드 */
.brochure{width:1200px;margin:0 auto;}
.brochure .top_area{width:100%;margin-bottom:15px;text-align:center;font-size:35px;line-height:48px;font-family: 'Noto-Regular';letter-spacing:-1px;}
.brochure .top_area span{font-family: 'Noto-Bold';}
.brochure .top_sm{font-size:17px;font-family: 'Noto-Regular';}
.brochure .cont{width:100%;display:inline-block;margin-top:50px;}
.brochure .cont .box{float:right;width:590px;height:315px;border-radius:20px;color:#fff;background:url(/theme/basic/img/sub/brochure_bg02.jpg) no-repeat center;}
.brochure .cont .box:first-child{float:left;background:url(/theme/basic/img/sub/brochure_bg01.jpg) no-repeat center;}
.brochure .cont .box .btxt{padding-top:80px;font-size:32px;font-family: 'Noto-Bold';}
.brochure .cont .box .stxt{padding-top:15px;font-size:15px;font-family: 'Noto-Medium';}
.brochure .cont .box .down_btn{margin-top:30px;display:inline-block;}
.brochure .cont .box .down_btn a{display:block;width:250px;height:50px;line-height:50px;border-radius:50px;border:2px solid #fff;color:#fff;font-family: 'Noto-Bold';transition: all 400ms;}
.brochure .cont .box .down_btn a:hover{background:#fff;color:#000;}


/* 견적안내 */
.customer_top{width:1200px;margin:0 auto;padding:60px 0;margin-bottom:50px;border-radius:30px;background-color:#e3eaf4;}
.customer_top h3.tit{width:100%;margin-bottom:20px;text-align:center;}
.customer_top .stxt{font-size:17px;margin-bottom:35px;}
.customer_top ul{width:90%;border-radius:50px;height:60px;line-height:60px;margin:0 auto;background:#fff;overflow:hidden;clear:both;}
.customer_top ul li{display:inline-block;height:20px;line-height:20px;padding:0 30px;font-family: 'Lato-Bold';border-left:1px solid #ccc;}
.customer_top ul li:first-child{border-left:0 none;}
.customer_top ul li span{color:#01418e;font-family: 'Noto-Bold';}


/* 설비현황 및 시설현황 */
.table_top{margin-top:50px;}
.table_on_img{text-align:center;}
.table_on_img img{width:230px;}






/******************************1024******************************/
@media all and (max-width:1024px){

	
	.tablet{display:block;}
	.web{display:none;}

	.wait .btxt{font-size:32px;line-height:42px;}
	img.mobile_img{width:100%;}


	/* 기본리스트 */
	h3.tit{margin-bottom:20px;font-size:25px;line-height:35px;}
	h3.tit.h3_t{margin-top:50px;}

	h3.tit2{margin-bottom:10px;font-size:20px;line-height:30px;}
	h3.tit2.h3_t{margin-top:40px;}

	h4.tit{font-size:18px;padding-left:28px;}

	ul.list{margin-bottom:12px;}
	ul.list li{margin-bottom:4px;line-height:25px;font-size:16px;}
	ul.list2 li{font-size:15px;}


	.icon_box{width:100%;}
	.icon_box .text{padding:45px 50px;}
	.icon_box .text .btxt{font-size:25px}
	.icon_box .text .stxt{font-size:16px;}

	.color_box{width:100%;padding:40px;font-size:15px;}
	.cont_txt_p{font-size:15px;}

	table.table1 th,
	table.table1 td{padding:10px 0;}
	table.table1 tbody th,
	table.table1 tbody td{font-size:16px;}
	table.table1 tbody td.left{padding:10px;}
	table.table1 tbody td.right{padding:10px;}


	/* 기본 탭 */
	.con_tab ul li{vertical-align:top;}
	.con_tab ul.w3 li{width:32%;}
	.con_tab ul.w2 li{width:49%;}
	.con_tab ul li a,
	.con_tab ul li button{padding:0 0;font-size:15px;}
	.con_tab.mb60{margin-bottom:40px;}


	/* CEO인사말 */
	.company01{width:96%;position:relative;}
	.company01 .pic{position:absolute;width:300px;}
	.company01 .pic img{width:100%;}
	.company01 .cont{width:auto;margin-left:350px;padding:20px 0 30px 0;}
	.company01 .cont .top_area{font-size:28px;line-height:38px;}
	.company01 .cont .text_area p{margin-bottom:20px;font-size:16px;}
	.company01 .cont .sign img{width:230px;}


	/* 회사개요 */
	.company02{width:100%;}
	.company02 .top_logo{margin-bottom:10px}
	.company02 .top_logo img{}
	.company02 .top_area{font-size:28px;line-height:38px;}
	.company02 .cont{}
	.company02 .cont li{float:none;display:inline-block;width:45%;margin:0 10px 15px 10px;padding:40px 0;}
	.company02 .cont li:first-child{margin-left:0;}
	.company02 .cont li dl{}
	.company02 .cont li dl dt{}
	.company02 .cont li dl dd{font-size:17px;}
	.company02 .cont li.one{border:0 none;padding:8px 0;}
	.company02 .cont li.one dl{padding:0;border:0 none;width:45%;}
	.company02 .cont li.one dl dt,
	.company02 .cont li.one dl dd{}
	.company02 .cont li.one dl dt{margin:0 5px;}


	/* 회사연혁 */
	.company03{width:96%;}
	.company03 .top_area{margin-bottom:40px;font-size:28px;line-height:38px;}
	.company03 .histoty{padding:0;}
	.company03 .histoty .area{background:none;}
	.company03 .histoty .area h3.year{float:none;width:100%;height:60px;line-height:60px;font-size:23px;}
	.company03 .histoty .area .cont{float:none;width:90%;margin:0 auto;border-bottom:0 none;padding-bottom:50px;margin-bottom:0;}
	.company03 .histoty .area .cont dl{position:relative;margin-bottom:0;}
	.company03 .histoty .area .cont dl dt{float:none;position:absolute;top:0;left:0;width:130px;font-size:16px;}
	.company03 .histoty .area .cont dl dd{float:none;width:auto;text-align:left;margin-left:130px;font-size:15px;}
	.company03 .histoty .area .cont dl dt,
	.company03 .histoty .area .cont dl dd{margin-bottom:3px;}


	/* 경영방침 */
	.company04{width:96%;}
	.company04 .top_area{margin-bottom:40px;font-size:35px;line-height:45px;}
	.company04 .cont{padding-top:100px;background-size:100%;}
	.company04 .cont ul{background:none;}
	.company04 .cont ul li{display:inline-block;margin:0 20px 30px 20px;width:230px;height:230px;}
	.company04 .cont ul li.one{margin-left:20px;}
	.company04 .cont ul li span{font-size:21px;}

	.company04 .cont2{margin-top:30px;}
	.company04 .cont2 li{padding-left:30px;margin:0 15px;font-size:20px;}

	.company04 .cont3{width:96%;border:0 none;padding-top:0;margin-top:0;}
	.company04 .cont3 ul li{float:none;display:inline-block;width:30%;margin:5px;padding:20px 0;text-align:center;border:1px dashed #ccc;border-radius:20px;box-sizing:border-box;}
	.company04 .cont3 ul li .box{font-size:16px;padding-top:90px !important;background-size:80px !important;border:0 none;}
	.company04 .cont3 ul li:first-child .box{border-left:0 none;}

	

	/* 인증현황 */
	.company05{width:96%;}
	.company05 .top_area{font-size:28px;line-height:38px;}
	.company05 .cont,
	.company05 .cont2{padding-bottom:0;margin-bottom:0;border-bottom:0;}
	.company05 .cont li.one{padding-right:0;border:0 none;}
	.company05 .cont li.two{width:auto;border:0 none;}
	.company05 .cont li.three{padding-left:0;border:0 none;}
	.company05 .cont2 li.one{padding-right:0;border:0 none;}
	.company05 .cont2 li.two{width:auto;border:0 none;}
	.company05 .cont2 li.three{padding-left:0;}
	.company05 .cont li,
	.company05 .cont2 li{float:none;display:inline-block;width:45% !important;margin:0 0 15px 0 !important;padding:0 0 20px 0 !important;text-align:center;vertical-align:top;}
	.company05 .cont li.one{width:100% !important;}
	.company05 .cont li.one .pic{margin:0 10px;}
	.company05 .pic{margin-bottom:0;}
	.company05 .pic.mr20{margin-right:0 !important;}
	.company05 .text{font-size:16px;padding-top:15px;}
	.company05 .text span{display:inline-block;}



	/* 조직도 */
	.company06{width:96%;}
	.company06 .on_table{margin-top:30px;width:100%;position:relative;top:0;right:0;}



	/* 찾아오시는길 */
	.company07{width:96%;}
	.company07 .top_area{margin-bottom:20px;font-size:28px;line-height:38px;}
	.company07 .btn{position:relative;top:0; right:auto;width:100%;margin-bottom:35px;}
	.company07 .btn li{margin:0 5px;}
	.company07 .btn li a{width:200px;height:50px;line-height:50px;font-size:16px;}
	.company07 .map img{width:100%;}
	.company07 .map .root_daum_roughmap{width:100% !important;height:400px !important;border-bottom:1px solid #dbdbdb;}

	.company07 .img_box .area{width:100%;}
	.company07 .img_box .fl,
	.company07 .img_box .fr{float:none;display:inline-block;margin:0 5px;}
	.company07 .img_box img{max-width:100%;max-height:400px;}
	.company07 .box .text{font-size:16px;}



	/* 주요부품 */
	.product{width:96%;}
	.product .top_area{font-size:28px;line-height:38px;}
	.product .top_sm{margin-bottom:50px;font-size:15px;}
	.product_img{display:none;}
	.product_year img{width:100%;}

	.product_img_mobile{display:block;width:100%;margin:30px 0;text-align:center;}
	.product_img_mobile img{width:100%;max-width:800px;}
	.product_cont_mobile{display:inline-block;width:100%;margin-bottom:25px;}
	.product_cont_mobile li{display:inline-block;width:31%;margin:0 5px 10px 5px;border-radius:50px;border:1px solid #ccc;padding:30px 0;box-sizing:border-box;vertical-align:top;}
	.product_cont_mobile li .cont{width:95%;}
	.product_cont_mobile li .cont .num{border-radius:50px;background:#ff0000;font-size:14px;color:#fff;text-align:center;width:30px;height:30px;line-height:30px;margin:0 auto 15px auto;font-family: 'Lato-Black';}
	.product_cont_mobile li .cont .pic{width:100%;height:120px;text-align:center;}
	.product_cont_mobile li .cont .pic img{width:80%;margin:0 auto;}
	.product_cont_mobile li .cont .btxt{font-family: 'Lato-Black';font-size:20px;margin-bottom:0;}
	.product_cont_mobile li .cont .stxt{font-family: 'Lato-Regular';font-size:14px;line-height:24px;height:45px;}



	/* 공정관리시스템_ 스마트팩토리 */
	.system01_area{font-size:16px;}
	.system01_bg{padding:60px 0;}
	.system01_bg .cont{padding:40px 0;}
	.system01_bg .cont img{width:90%;}
	.system01_area2 .fl{}
	.system01_area2 .fr{}
	.system01_area2 img{}
	.system01_bg .cont.mcont{overflow:hidden;clear:both;padding:50px 20px;border-top:1px dashed #ccc;box-sizing:border-box;}
	.system01_bg .cont.mcont li{display:inline-block;width:47%;padding:10px;margin:5px 0;border:1px solid #dfdfdf;border-radius:20px;box-sizing:border-box;vertical-align:top;}
	.system01_bg .cont.mcont li .txt{margin-bottom:10px;color:#000;font-family: 'Noto-Bold';}
	.system01_bg .cont.mcont li .img img{width:90%;border-radius:20px;}
	.system01_bg .num{display:inline-block;margin-bottom:5px;background:#ff4d4d;border-radius:50px;width:32px;height:32px;line-height:32px;font-size:14px;color:#fff;}


	/* 공정관리시스템_ 시스템 및 시험현황 */
	.system02 ul{text-align:left;}
	.system02 ul li{float:none;display:inline-block;width:47%;padding:0 5px;margin-bottom:25px;vertical-align:top;}
	.system02 ul li:first-child{padding-left:10px;}
	.system02 ul li .pic img{width:100%;}
	.system02 ul li ul.list{min-height:90px;min-height:auto;}
	.system02 ul li ul.list li,
	.system02 ul li ul.list li:first-child{width:100%;margin-bottom:3px;}
	.system02 ul li .check_box{padding:30px 30px;}
	.system02 ul li .check_box ul.list2{min-height:auto;}
	.system02 ul li .check_box li,
	.system02 ul li .check_box li:first-child{width:100%;box-sizing:border-box;padding-left:18px;margin-bottom:3px;}



	/* 브로슈어 다운로드 */
	.brochure{width:96%;margin:0 auto;}
	.brochure .top_area{font-size:28px;line-height:38px;}
	.brochure .top_sm{margin-bottom:40px;font-size:15px;}
	.brochure .cont{margin-top:0;}
	.brochure .cont .box{width:48.5%;}
	.brochure .cont .box:first-child{}
	.brochure .cont .box .btxt{font-size:28px;}
	.brochure .cont .box .stxt{font-size:15px;}
	.brochure .cont .box .down_btn{}
	.brochure .cont .box .down_btn a{}


	/* 견적안내 */
	.customer_top{width:96%;padding:40px 0;}
	.customer_top h3.tit{margin-bottom:10px;}
	.customer_top .stxt{font-size:16px;margin-bottom:30px;}
	.customer_top ul{height:auto;line-height:auto;padding:15px 0;}
	.customer_top ul li{width:90%;margin:0 auto;display:block;height:auto;line-height:auto;font-size:16px;padding:12px 0;border-top:1px solid #dbdbdb;border-left:0 none;}
	.customer_top ul li:first-child{border-top:0 none;}



	/* 설비현황 및 시설현황 */
	.table_top{margin-top:40px;}
	.table_on_img{padding-left:10px;padding-right:10px;}
	.table_on_img img{width:200px;}


}





/******************************768******************************/
@media all and (max-width:768px){


	
	.wait .btxt{font-size:28px;line-height:38px;}
	.wait .stxt{font-size:14px;}

	.scroll_wrap{position:relative;width:100%;overflow-x:scroll;}
	.scroll_wrap .scroll_box{width:800px;}
	.scroll_txt{display:block;margin-bottom:10px;font-size:13px;font-family: 'Noto-Bold';padding:10px 10px 10px 40px;text-align:left;background:#f9f9f9 url(/theme/basic/img/sub/scroll2.png) no-repeat 10px 50%;background-size:20px;border-radius:10px;border:1px solid #dbdbdb;}
	.scroll_mask{display:none;position:sticky;top:0;right:0;height:100%;z-index:1;background-image:linear-gradient(to left,rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);background-repeat:no-repeat;background-position:right 5px;background-size:30px 100%;}
	
	.mobile{display:block;}


	/* 기본리스트 */
	ul.list li{font-size:15px;}

	.icon_box{width:96%;padding-bottom:60px;margin-bottom:50px;background-size:160px;background-position:center bottom;}
	.icon_box.icon04{background-size:140px;background-position:center bottom;}
	.icon_box .text{padding:45px 30px;text-align:center;}
	.icon_box .text .btxt{font-size:23px;line-height:33px;}
	.icon_box .text .stxt{font-size:14px;line-height:24px;}

	.color_box{padding:30px 35px;font-size:14px;}
	.cont_txt_p{font-size:14px;}

	table.table1 tbody th,
	table.table1 tbody td{font-size:15px;}


	/* 기본 탭 */
	.con_tab ul li{vertical-align:top;}
	.con_tab ul.w3 li{width:32%;}
	.con_tab ul.w2 li{width:49%;}
	.con_tab ul li a,
	.con_tab ul li button{line-height:25px;height:auto;padding:12px 10px;font-size:15px;}
	.con_tab ul li.line2 a,
	.con_tab ul li.line2 button{min-height:90px;border-radius:30px;}
	.con_tab ul li.line2 a span,
	.con_tab ul li.line2 button span{display:inline-block;font-size:12px;line-height:18px;}
	.con_tab.mb60{margin-bottom:30px;}



	/* CEO인사말 */
	.company01{}
	.company01 .pic{float:none;height:auto;position:relative;width:300px;margin:0 auto;}
	.company01 .pic img{width:100%;}
	.company01 .cont{float:none;width:96%;margin:0 auto;padding-top:30px;}
	.company01 .cont .top_area{font-size:28px;line-height:38px;margin-bottom:25px;}
	.company01 .cont .text_area p{margin-bottom:15px;font-size:15px;line-height:25px;}
	.company01 .cont .sign img{width:180px;}


	/* 회사개요 */
	.company02 .top_area{font-size:24px;line-height:34px;text-align:center;}
	.company02 .cont{margin-top:30px;}
	.company02 .cont li{width:47%;margin:0 5px 12px 5px;padding:30px 0;}
	.company02 .cont li dl{}
	.company02 .cont li dl dt{margin-bottom:0;font-size:18px;}
	.company02 .cont li dl dd{font-size:15px;}
	.company02 .cont li.one{border:0 none;padding:8px 0;}
	.company02 .cont li.one dl{padding:0;border:0 none;width:45%;}
	.company02 .cont li.one dl dt,
	.company02 .cont li.one dl dd{}


	/* 회사연혁 */
	.company03 .top_area{font-size:24px;line-height:34px;text-align:center;}



	/* 경영방침 */
	.company04 .top_area{margin-bottom:30px;font-size:28px;line-height:38px;}
	.company04 .cont{padding-top:60px;}
	.company04 .cont ul li{margin:0 15px 20px 15px;width:180px;height:180px;}
	.company04 .cont ul li.one{margin-left:15px;}
	.company04 .cont ul li span{padding-top:110px;font-size:18px;background-size:50px;}

	.company04 .cont2 li{font-size:18px;}

	.company04 .cont3 ul li{width:46%;}
	.company04 .cont3 ul li .box{}



	/* 인증현황 */
	.company05 .top_area{font-size:24px;line-height:34px;text-align:center;}
	.company05 .pic{width:200px;height:266px;}
	.company05 .pic img{width:100%;}
	.company05 .text{}


	/* 찾아오시는길 */
	.company07 .top_area{font-size:24px;line-height:34px;text-align:center;}
	.company07 .btn{}
	.company07 .btn li{margin:0 2px;}
	.company07 .btn li a{width:160px;font-size:15px;}
	.company07 .btn li a span{background:none;padding-left:0;}
	.company07 .map img{width:100%;}

	.company07 .img_box .fl,
	.company07 .img_box .fr{display:inline-block;margin:0;}
	.company07 .img_box img{width:100%;}
	.company07 .img_box .end{position:relative;width:100%;height:250px;box-sizing:border-box;box-sizing:border-box;}
	.company07 .img_box .end img{display:inline-block;position:relative;margin-top:-150px;}
	.company07 .box{display:inline-block;}
	.company07 .box .text{font-size:14px;}
	.company07 .box.mb30{margin-bottom:15px;}



	/* 주요부품 */
	.product{width:96%;}
	.product .top_area{font-size:24px;line-height:34px;}
	.product .top_sm{font-size:13px;margin-bottom:40px;}

	.product_cont_mobile{display:inline-block;width:100%;margin-top:25px;}
	.product_cont_mobile li{width:48%;padding:30px 0 0 0;}
	.product_cont_mobile li .cont{width:96%;}
	.product_cont_mobile li .cont .num{}
	.product_cont_mobile li .cont .pic{height:150px;}
	.product_cont_mobile li .cont .pic img{max-width:200px;}
	.product_cont_mobile li .cont .btxt{font-size:18px;}
	.product_cont_mobile li .cont .stxt{height:40px;}
	.product_cont_mobile li .cont .stxt br{display:none;}


	/* 공정관리시스템_ 스마트팩토리 */
	.system01_area{padding:20px 15px;font-size:14px;font-family: 'Noto-Regular';box-sizing:border-box;}
	.system01_area2 .fl,
	.system01_area2 .fr{float:none;width:90%;margin:0 auto;margin-bottom:25px;}
	.system01_area2 img{}
	#sys_cont1 h3.tit2{width:90%;margin:0 auto;margin-bottom:15px;}
	#sys_cont1 img{width:90%;margin:0 auto;}



	/* 공정관리시스템_ 시스템 및 시험현황 */
	.system02 ul{text-align:center;}
	.system02 ul li{width:90%;padding:0 0 40px 0;text-align:left;margin:0 auto;margin-bottom:30px;border-bottom:1px dashed #ccc;}
	.system02 ul li h3.tit2{text-align:center;}
	.system02 ul li:first-child{padding-left:0;}
	.system02 ul li .pic{text-align:center;max-width:300px;margin:0 auto;margin-bottom:20px;}
	.system02 ul li .pic img{width:100%;}
	.system02 ul li ul.list{min-height:auto;min-height:auto;}
	.system02 ul li ul.list li,
	.system02 ul li ul.list li:first-child{width:48%;margin-bottom:3px;float:left;border-bottom:0;padding-bottom:0;}
	.system02 ul li .check_box{padding:20px 25px;min-height:auto;}
	.system02 ul li .check_box li{float:none;width:100%;border-bottom:0;padding-bottom:0;}

	.system01_bg .cont.mcont{padding:40px 20px;}
	.system01_bg .cont.mcont li{width:90%;}


	/* 설비현황 및 시설현황 */
	.table_top{margin-top:30px;}



	/* 브로슈어 다운로드 */
	.brochure .top_area{font-size:24px;line-height:34px;}
	.brochure .top_sm{font-size:13px;margin-bottom:30px;}
	.brochure .cont{}
	.brochure .cont .box{padding:50px 0;width:100%;height:auto;float:none;}
	.brochure .cont .box:first-child{width:100%;float:none;margin-bottom:15px;}
	.brochure .cont .box .btxt{padding-top:0;font-size:24px;}
	.brochure .cont .box .stxt{font-size:14px;}
	.brochure .cont .box .down_btn{margin-top:25px;}
	.brochure .cont .box .down_btn a{width:200px;height:45px;line-height:45px;font-size:14px;}


}





/******************************480******************************/
@media all and (max-width:480px){

	


	/* 기본리스트 */
	h3.tit{margin-bottom:15px;font-size:22px;line-height:32px;}

	h3.tit2{font-size:18px;line-height:28px;}

	h4.tit{font-size:16px;}

	ul.list li{font-size:14px;}
	ul.list2 li{font-size:14px;}

	.icon_box{margin-bottom:40px;}

	table.table1 tbody th,
	table.table1 tbody td{font-size:14px;}


	/* 기본 탭 */
	.con_tab ul.long.w3 li{width:100%;margin-bottom:5px;}
	.con_tab ul.long.w3 li.line2 a,
	.con_tab ul.long.w3 li.line2 button{line-height:auto;height:auto;padding:12px 10px;}
	.con_tab ul.long.w3 li.line2 a,
	.con_tab ul.long.w3 li.line2 button{min-height:auto;}


	/* CEO인사말 */
	.company01 .cont .top_area{font-size:22px;line-height:32px;}
	.company01 .cont .text_area p{font-size:14px;line-height:24px;}



	/* 회사개요 */
	.company02 .top_area{font-size:22px;line-height:32px;}
	.company02 .cont{margin-bottom:10px;}
	.company02 .cont li{width:100%;margin:0 0 10px 0;padding:10px 20px;text-align:left;}
	.company02 .cont li dl{padding:0 0 0 70px;background-position:15px 50% !important;background-size:25px !important;box-sizing:border-box;}
	.company02 .cont li dl dt{display:inline-block;font-size:14px;margin-right:8px;}
	.company02 .cont li dl dd{display:inline-block;font-size:14px;}
	.company02 .cont li dl.icon01{background-size:50px !important;background-position:8px 50% !important;}
	.company02 .cont li.one{border:0 none;padding:8px 0;}
	.company02 .cont li.one dl{width:100%;}
	.company02 .cont li.one dl dt,
	.company02 .cont li.one dl dd{}
	.company02 .cont li.one dl:first-child{border-right:0 none;}


	/* 회사연혁 */
	.company03{}
	.company03 .top_area{margin-bottom:30px;font-size:22px;line-height:32px;}
	.company03 .histoty .area h3.year{height:50px;line-height:50px;font-size:18px;}
	.company03 .histoty .area .cont{width:95%;}
	.company03 .histoty .area .cont dl{}
	.company03 .histoty .area .cont dl dt{width:100px;font-size:15px;}
	.company03 .histoty .area .cont dl dd{box-sizing:border-box;margin-left:100px;font-size:14px;}


	/* 경영방침 */
	.company04{}
	.company04 .top_area{font-size:25px;line-height:35px;}
	.company04 .cont{padding-top:50px;}
	.company04 .cont ul li{margin:0 5px 12px 5px;width:160px;height:160px;}
	.company04 .cont ul li.one{margin-left:5px;}
	.company04 .cont ul li span{padding-top:90px;font-size:17px;background-size:35px !important;}

	.company04 .cont3 ul li .box{font-size:15px;}

	

	/* 인증현황 */
	.company05{}
	.company05 .top_area{margin-bottom:30px;font-size:22px;line-height:32px;}
	.company05 .pic{width:150px;height:200px;}
	.company05 .text{font-size:15px;}


	/* 찾아오시는길 */
	.company07{}



	/* 주요부품 */
	.product .top_area{font-size:22px;line-height:32px;}

	.product_cont_mobile li{width:90%;padding:30px 0 20px 0;margin-bottom:20px;max-width:300px;}
	.product_cont_mobile li .cont{}
	.product_cont_mobile li .cont .pic{margin-bottom:8px;height:auto;}
	.product_cont_mobile li .cont .pic img{max-width:auto;}
	.product_cont_mobile li .cont .btxt{font-size:16px;}


	/* 견적안내 */
	.customer_top{}
	.customer_top .stxt{font-size:14px;margin-bottom:30px;}
	.customer_top ul{}
	.customer_top ul li{font-size:14px;padding:10px 0;}





}