@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
body{font-family:"Pretendard Variable" !important; 	word-break:keep-all !important;overflow-x: hidden}


/*****스크롤*****/
body::-webkit-scrollbar{width: 10px; background-color: rgb(236, 236, 236);}
body::-webkit-scrollbar-thumb{background-color: #262626;
border-radius: 20px; background-clip: padding-box; border: 2px solid transparent;}
body::-webkit-scrollbar-track{background-color: #e6e6e6;
box-shadow: inset 0px 0px 1px rgb(211, 211, 211);} 

/**/
.container{max-width: 1200px; margin: 0 auto;}
.res-img{width:100%;}
.pc-none{display:none;}
/**/
.mainB{position:relative;}
.mainB .item01{position: absolute;top: -150px; right: 0px; z-index:-1;}
.mainB .item02{position: absolute;top: -90px; right: 130px; z-index:-1;}
.mainB .item03{position: absolute;top: -40px;right: -30px; z-index:-1;}
.mainB .item04{position: absolute;top: -40px;right: -10px; z-index:-1;}
.mainB .item05{position: absolute;top: -90px; right: 130px; z-index:-1;}
.mainB .mainB01{background: url(/kor/img/mainB01.jpg) no-repeat; padding: 250px 0 350px 0;position: relative;background-size:cover;}
.mainB .mainB02{background: url(/kor/img/mainB02.jpg) no-repeat; padding: 250px 0 350px 0;position: relative;background-size:cover;}
.mainB .mainB03{background: url(/kor/img/mainB03.jpg) no-repeat; padding: 250px 0 350px 0;position: relative;background-size:cover;}
.mainB .mainB04{background: url(/kor/img/mainB04.jpg) no-repeat; padding: 250px 0 350px 0;position: relative;background-size:cover;}
.mainB .mainB05{background: url(/kor/img/mainB05.jpg) no-repeat; padding: 250px 0 350px 0;position: relative;background-size:cover;}
.mainB .txt h1{font-size: 54px; font-weight: 700; color: #fff; line-height: 64px; width:60%;}
.mainB .txt{position:relative;}

.pagBox{position: absolute;width: 100%; top: 500px;left: 0px;margin: 0 auto;left: -440px;}
.swiper-pagination-bullet {width: auto;height: auto;border-radius: 50%;margin-right: 50px !important;}
.swiper-pagination-bullet-active {background-color: transparent;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin :0;margin-right: 100px;}
.swiper-pagination-bullet{position: relative;width:10px;height: 10px;text-align: left;border-radius: 50%;opacity: 1;margin-right: 20px;background-color: transparent !important;}
.swiper-pagination-bullet-active{background-color: transparent;}
.swiper-pagination-bullet em{font-size: 15px;line-height: 28px;font-weight: bold;letter-spacing: -0.38px;position: absolute;bottom: 10px;}

.swiper-pagination-bullet i {position: absolute;bottom: 0;left: 0;z-index: 1;width: 50px;height: 3px;background-color: rgb(255,255,255 ,.2);}
.swiper-pagination-bullet b{position: absolute;bottom: 0;left:  0;z-index: 2;width: 50px;height: 3px;background-color: rgb(255,255,255); }
.swiper-pagination-bullet-active b{animation-name: countingBar;animation-duration: 4s;animation-timing-function: ease-in;animation-iteration-count: 1;animation-direction: alternate ;animation-fill-mode:forwards;}

@keyframes countingBar {
    0% {width: 0;}
    100% {width:50px;}
}

/*메인*/
.main-bt{position: relative;}
.main01{position: absolute; width:100%; bottom: 150px; z-index: 999999; max-width: 1200px; margin: 0 auto;}
.main01 ul li{display: inline-block;}
.main01 ul li:first-child{width: 60%;}
.main01 ul li:last-child{width: 39%;}
.main01 .right{background:url(/kor/img/main02-01.png) #0044b4 no-repeat; padding: 20px 0 20px 0; background-position: 110% 180%;margin-left: -12px;height: 250px;}
.main01 .right .txt{padding: 20px 30px 30px 30px;text-align: left;}
.main01 .right h1{font-size: 24px; font-weight: 800; color: #fff; margin-bottom: 20px;} 
.main01 .right h2{font-size: 20px; font-weight: 500; color: #fff; margin-bottom: 50px;}
.main01 .right .btn{font-size: 15px; color: #fff;}
.main01 .right .btn:hover span{margin-left:15px; transition:.3s;}
.main01 .right .btn span{padding:5px 8px;border-radius: 50%; background: rgb(255,255,255, .2); margin-left: 10px;}
.main02{background: url(/kor/img/main02-bg.png) #f4f4f4; padding: 100px 0 200px 0; background-position: 0%;}

/*메인-뉴스*/
.news{background: #fff;height: 250px;box-shadow: 2px 2px 10px rgba(175, 175, 175, .3);}
.news h1{font-size:24px; font-weight:800; color:#333;padding-left: 30px;padding-top: 40px;}
.bd1{display: flex; align-items: center; border-top:none;}
.main01 ul li{vertical-align: top;}
.news_div{border-bottom:0px; width:33%; padding:0px;}
.news_ul01{width: 100%; padding: 0px 20px 20px 30px;position: relative; top: 50%;transform: translateY(10%);}
.news_ul01:last-child{border-right:none;}
.news_ul01 li:first-child{width: 100%;}
.news_ul01 li{width:39%;}
.news_ll02{width:100%  !important;}
.news_ul01 li:first-child{width:100;}
.date01{font-size: 15px; font-weight: 500;color: #838383;text-align: left;margin-bottom: 10px;}
.elss2{margin-bottom: 20px;   font-weight: 500; font-size:14px;}
.elss3{font-size: 21px;}
.news_div:hover .elss3{color:#0044b4;}
.news .tit li{display:inline-block; width:48%;vertical-align: bottom;}
.news .tit a{font-size:20px; font-weight:800; color:#444;text-align:right; padding-right:30px;}
.news .tit li:first-child{width:48%;}
.news .tit li:last-child{width:48%;text-align: right;}

/******/
.footer{background: #333333; padding: 50px 0 50px 0;}
.footer .info{display: flex;align-items: center;}
.footer .info .info02{width: 40%; margin-left: 100px;}
.footer .info .info03{width: 40%;text-align: right;}
.footer .info h1{font-size:18px; font-weight: 700; color: #999999; margin-bottom: 10px;}
.footer .info h2{font-size:15px; line-height: 25px; font-weight: 500; color: #757575; margin-bottom: 10px;}
.footer .info h3{font-size:13px; font-weight: 500; color: #7f7f7f;}

/*서브공통*/
.subTop.newsTop{background:url(/kor/img/newTop.jpg) no-repeat; padding:250px 0 100px 0;background-size:cover;}
.subTop.aboTop{background:url(/kor/img/abo/aboTop.jpg) no-repeat; padding:250px 0 100px 0;background-size:cover;}
.subTop.proTop{background:url(/kor/img/pro/proTop.jpg) no-repeat; padding:250px 0 100px 0;background-size:cover;}

.t80{padding-top:80px;}
.t80b100{padding:80px 0 100px 0;}
.t120b100{padding:120px 0 100px 0;}
.board-pad{padding:100px 0 100px 0;}
.sub-comm h2{font-size:20px; font-weight:700; margin-bottom:10px;color:#0044b4;}
.sub-comm h1{font-size:45px; line-height: 50px; font-weight:700;color:#333;margin-bottom: 20px;}
.sub-comm h3{font-size:16px; line-height:24px; font-weight:500; margin-bottom:10px;color:#333;}
.sub-comm{font-size:15px; line-height:24px; font-weight:500; margin-bottom:10px;color:#333;}
.tab-comm a{display: inline-block; margin-right:10px; padding: 15px 30px; border: 1px solid #166ec8; color: #166ec8; text-align: center;}
.tab-comm a:hover{background: #166ec8; color: #fff; transition: .3s;}
.tab-comm a.on{background: #166ec8; color: #fff; transition: .3s;}

.board h2{font-size:20px; font-weight:700; margin-bottom:10px;color:#0044b4;}
.board h1{font-size:50px; font-weight:700;color:#333;margin-bottom: 50px;}
.subTop .txt h1{font-size:58px; font-weight:800; color:#fff;padding-bottom: 130px;}
#menu { border-right:1px solid #ccc; max-width:1200px; margin:0 auto;}
#menu .menu-location { position:relative; float:left;margin-right:30px; width:14%;}
#menu .menu-location .nav_icon img { margin-bottom:-3px; margin-right:5px;}
#menu .menu-location .nav_arrow_icon { float:right; margin-top:3px;}
#menu .menu-location > .cur-location {position:relative; display:block; text-align:left; height:50px; line-height:50px; padding:0 10px; margin-left:-1px; font-size:17px; color:#fff; font-weight:500;bottom:-1px;}
#menu .menu-location.location2 > .cur-location {color:#fff;}
#menu .menu-location .location-menu-con { display:none; position:absolute; top:51px; left:0; width:100%; padding:15px 0; background:#666; z-index:5;}
#menu .menu-location.location2 .location-menu-con {background: #0044b4;}
#menu .menu-location .location-menu-con li a { display:block; border-bottom:1px solid rgba(255,255,255,0.2); padding:10px 0; margin:0 20px; font-size:15px; word-break:keep-all; line-height:1.5; color:rgba(255,255,255,0.7);}
#menu .menu-location .location-menu-con li a:hover { color:#fff;}
#menu .menu-location .location-menu-con li:last-child a { border-bottom:none;}
#menu .menu-location .location-menu-con li.on { position:relative;}
#menu .menu-location .location-menu-con li.on a { font-weight:500; color:#fff; border-bottom-color:rgba(255,255,255,0.7);}
#menu .menu-location.wd{width:12%;}
#menu .menu-location.wd03{width:18%;}
.menu-location.location2{margin-left: -100px;}

.pro-comm table{width: 100%; margin: 0 auto;}
.pro-comm table tr th{padding: 10px 15px; background: #166ec8; color: #fff; font-size: 15px; font-weight: 700;border-right: 1px solid rgba(255, 255, 255, .3);text-align: center;line-height: 21px;}
.pro-comm table tr td{padding:8px; font-size: 15px; font-weight:400;text-align:left; background: #ffffff;line-height: 23px;} 
.pro-comm table tr td.name{background:#e1f0ff;color: #333; vertical-align: middle; font-size: 15px;font-weight: 700; text-align: left; width: 25%;}
.pro-comm table tr td.conf{background: #f8f8f8;}
.pro-comm table tr td.num{width: 5% !important;}
.pro-comm table tr td.bg{background: #daebfb;}

.que{position: relative;padding:20px 0 10px 0; cursor: pointer; font-size: 16px;border-bottom:1px solid #0044b4;font-weight: 500;padding-bottom: 15px;}
.que::before{display: inline-block; font-size: 14px;color: #249dc8;margin: 0 5px;}
.que.on>span{ font-weight: bold;color: #333; }
.anw {display: none;overflow: hidden;font-size: 15px;padding: 15px 0;}
.anw ul li{display:inline-block; width:100%;margin-top:5px;}
.anw .ulW100 li{width:100%;}
.anw::before {display: inline-block;font-size: 14px; font-weight: bold;color: #666;margin: 0 5px;}
.arrow-wrap {position: absolute;top:50%; right: 10px;transform: translate(0, -50%);}
.que .arrow-top {display: none;}
.que .arrow-bottom {display: block;}
.que.on .arrow-bottom {display: none;}
.que.on .arrow-top {display: block; }
.que span{font-size: 16px; font-weight:700; color:#0044b4;padding-left: 10px;}

/*회사소개*/
.abo .inner{display: flex;}
.abo.bg{background: url(/kor/img/abo/abo01-bg.png) no-repeat; background-position:4000% -1000%;}
.abo.bg02{background: #f9f9f9; padding: 100px 0 100px 0;}
.abo h3{font-size:24px; line-height: 38px; color:#666666; font-weight: 500; width: 80%;}
.abo h3.wd80{width: 80%;}
.abo h3 .txt01{font-size: 38px; font-weight: 700; color: #0044b4;}
.abo h3 .txt02{font-weight: 700;}
.abo .inner .inner01{display: flex;flex-wrap: wrap;align-items: stretch;align-content: space-between;}
.abo02 .ul-cont h1.cl{color: #0044b4 !important;}
.abo02 .abo02Box{display:flex;justify-content:space-between; margin-top: 50px;}
.abo02 .abo02Box .year{text-align:right;width: 48%; margin-right: 50px;}
.abo02 .abo02Box .year h1{font-size:40px;line-height: 40px;font-weight:900; color:#343434;padding-top: 20px;}
.abo02 .abo02Box .year h5{font-size:17px;line-height: 26px;font-weight:600; color:#676767; margin-top:20px;}
.abo02 .abo02Box .year.left{text-align: left !important; margin-left: 50px;}
.abo02 .abo02Box .cont{padding:30px;position:relative; width: 55%;}
.abo02 .abo02Box .cont::after{content:''; width:1px; height:100%; background:#166ec8;position:absolute;top:-50px;left:2px;}
.abo02 .abo02Box .cont div:after{content:''; width:1px; height:110%; background:#e9e9e9;position:absolute;top:-50px;left:0;}
.abo02 .abo02Box .cont p{font-size:19px; font-weight:400; color:#444444; margin-bottom:30px;position:relative;line-height: 23px;text-align: left;}
.abo02 .abo02Box .cont p::after{content:''; width:4px; height:4px; border-radius:50%; background:#166ec8;position:absolute;top:6px;left:-30px; z-index: 1; outline: 10px solid #f3f9ff;}
.abo02 .abo02Box span{color:#2a2a2a;margin-right: 10px;font-weight: 700;}
.abo02 .abo02Box .cont.twoDiv{display:flex;}
.abo02 .abo02Box.reverse .cont::after{display: none;}
.abo02 .abo02Box.reverse .cont p::after{display: none;}
.abo02 .abo02Box.reverse p{text-align: right; padding-right: 30px;}
.abo02 .abo02Box.reverse .year{}
.abo02 .abo02Box .reverse02{position: relative; width: 53%;}
.abo02 .abo02Box .reverse02 p{font-size:17px; font-weight:400; color:#444444; margin-bottom:30px;position:relative;line-height: 23px;text-align: right;}
.abo02 .abo02Box .reverse02::after{content:''; width:1px; height:100%; background:#166ec8;position:absolute;top:-50px;right:2px;}
.abo02 .abo02Box .reverse02 p::after{content:''; width:4px; height:4px; border-radius:50%; background:#166ec8;position:absolute;top:6px;right:0px; z-index: 1; outline: 10px solid #f3f9ff;}
.abo03 ul li{display:inline-block; width:48%;vertical-align: middle; }
.abo03 h5{font-size:16px; font-weight:600; color:#333; margin-bottom:20px;}
.abo03 h5 span{font-weight:800;}

/*제품소개*/
.pro-bg{background:#f9f9f9;}
.pro-container{max-width:1200px; margin:0 auto;}
.pro-container02{max-width:1400px; margin:0 auto;}
.pro-comm ul li{display:inline-block; width:31%; margin-right:20px;vertical-align: top; text-align:center;box-sizing: border-box;}
.pro-comm ul li:last-child{margin-right:0px;}
.key{margin-top: 40px;margin-bottom: 20px;}
.key li{display:inline-block; margin-right:5px !important; width:auto !important; border-radius:20px; background: rgb(180 199 229 / 10%);width: auto;}
.key li p{text-align:center; color:#777; font-size:14px; font-weight:500;padding: 10px 10px;}
.pro-comm .box{background:#fff; border:1px solid #fff; border-radius:10px;margin-top: 30px; border:1px solid #f9f9f9;}
.pro-comm .box:hover{box-shadow:2px 2px 20px rgba(0,68,180, .1); border:1px solid #0044b4; transition:.3s;}
.pro-comm .box .inner{padding:20px;}
.pro-comm .box .inner .img{margin-bottom:60px;height: 310px;}
.pro-comm .box .inner .img img{position: relative;top: 50%;transform: translateY(-50%); text-align:center;}
.pro-comm .box .txt{text-align:left;height: 360px;}
.pro-comm h2{font-size:18px; font-weight:500; color:#666;}
.pro-comm h1{font-size: 40px;line-height: 50px;font-weight:900; color:#0044b4; margin-top:5px; margin-bottom:30px;}
.pro-comm h1 span{font-size:20px; font-weight:400; margin-left:5px;font-weight: 500; color: #4f4f4f;}
.pro-comm h3{font-size: 18px; line-height:28px; color:#474747; margin-bottom:20px;font-weight: 500;}
.pro-comm h4{font-size: 17px; line-height:28px; color:#474747; margin-bottom:5px;}
.pro-comm h4 span{font-weight:800;}
.pro-comm a.btn{font-size: 15px;color: #333;padding: 0; font-weight: 500;}
.pro-comm a.btn span{padding: 5px 8px;border-radius: 50%;background: rgb(0,68,180, .1); margin-left: 10px;}
.pro-comm a.btn:hover span{margin-left:15px; transition:.3s;}
.pro-comm a.btn.back{padding: 30px; background: #fff;color: #0044b4; border-radius: 50%;}
.pro-comm .box .txt.ht01{height: 220px;}
.pro-comm .box .txt.ht02{height: 500px;}
.pro-comm .box .txt.ht03{height: 260px;}
.pro-comm .box .txt.ht04{height: 490px;}
.pro-comm .back-btn{padding:5px 10px; background:#0044b4; font-size:16px; font-weight:600; color:#fff; text-align:center; border-radius:10px;}
.pro-comm.info h1{font-size:27px;margin-bottom: 10px;color: #333;}
.pro-comm.info h1 span{font-size: 15px;}
.sub-comm.info  h2{margin-bottom:0px;}
.pro-comm.info h3{font-size: 16px; line-height: 25px;}
.pro-comm.fourDiv ul li{width:22% !important;}
.pro-comm .box .txt p{text-align:center;}
.pro-comm .box .txt ul li{display:inline-block; width:42%; margin-right:20px; text-align:left;}
.pro-comm .box .txt ul li:last-child{margin-right:0px;}
.pro-comm.pro03 ul li{vertical-align:middle;}
.pro-comm.pro03 ul li{width:33%;}
.pro-comm.pro03 ul li:last-child{width:60%;}
.pro-comm.pro03 .txt ul.inner01 li{width:47%; display:inline-block; vertical-align:top;}
.pro-comm.pro03 .box .txt{height:auto;}
.pro-comm.pro03 .box .txt.pd{padding:30px;}
.pro03 h3 span{font-size: 16px; font-weight:700; color:#0044b4;}
.pro03 .fourdiv{text-align:left;}
.pro03 .fourdiv li{display:inline-block; width:25% !important; vertical-align:top; margin-right:10px !important;margin-top: 10px;}
.pro03 .fourdiv .cont{padding:10px;border: 1px solid #f9f9f9; background:#f9f9f9;}
.pro03 .fourdiv .cont p{padding:10px 20px; background:#f9f9f9; text-align:center; font-size:16px; font-weight:700; margin-bottom:5px; color:#333;}
.pro03 .fourdiv .cont h6{text-align:center; font-size:15px; line-height: 21px; font-weight:500; color:#444;}
.pro03 .box .inner{padding:0px;}

/*제품디테일*/
.pro-comm .box .inner .img{height: 440px; margin-bottom:0px;}
.pro-comm.detail  .box{background:none;border:none;}
.pro-comm.detail .box .inner .img{background:#fff;border-radius: 10px 10px 0 0;}
.pro-comm.detail .box .txt{padding: 30px; border-radius: 0 0 10px 10px;}
.pro-comm.detail .box:hover{box-shadow:none;}
.pro03-03 .out li{display:inline-block; width:31%; margin-right:20px;vertical-align: top;margin-bottom: 20px;}
.pro03-03 .out .box{background:#fff; border-radius:10px;padding: 20px;}
.pro03-03 .ico-box{width:80px; height:80px; border-radius:50%; background:#f9f9f9;}
.pro03-03 .out .box:hover{box-shadow:2px 2px 15px rgba(175,175,175, .2); transition:.3s;}
.pro03-03 .ico-box p{position: relative;top: 50%;transform: translateY(-50%); text-align:center;}
.pro03-03 .inner li{display:inline-block; vertical-align: middle;margin-bottom:0px;}
.pro03-03 .inner .txt{height: 110px;}
.pro03-03 .inner li:first-child{margin-right:30px;}
.pro03-03 .inner li:last-child{width:51%;}
.pro03-03 h1{font-size:22px; font-weight:900; color:#333; margin-bottom:20px;}
.pro03-03 h5{font-size:14px; line-height:25px; font-weight:600; color:#393939;}

/*0719 변경*/
.pro-comm ul li{width: 46%; margin-right:30px;}
.pro-comm .box .inner{padding:0px 50px 50px 50px;}
.pro-comm h1{font-size: 43px;}
.pro-comm h2{font-size: 21px;}
.pro-comm h3{font-size: 20px;}
.pro-comm h4{font-size: 19px; line-height: 34px;}
.key li p{padding: 10px 20px;}
.pro-comm a.btn{font-size: 17px;}
.pro-comm table{border-top: 2px solid #0044b4a3;}
.pro-comm.detail .box .inner{padding: 10px;}
.pro-comm.detail .box{background: #fff}
.pro-comm.fourDiv ul li{margin-right:20px;}
.pro-comm .box .txt.ht03{height: 310px;}

/*0719 추가*/
#menu .menu-location.wdd{width: 22%;}
.pro04 table{width: 100%; margin: 0 auto; border-top: 2px solid #166ec8;}
.pro04 table tr th{padding: 10px 15px; background: #ffffff94; color: #166ec8; font-size: 15px; font-weight: 700;text-align: center;line-height: 21px;text-align: left;}
.pro04 table tr td{padding:8px; font-size: 15px; font-weight:400;text-align:left; line-height: 23px;} 
.pro04 table tr td.name{background:#e1f0ff;color: #333; vertical-align: middle; font-size: 15px;font-weight: 700; text-align: left; width: 25%;}
.pro04 table tr td.conf{background: #f8f8f8;}
.pro04 table tr td.num{width: 5% !important;}
.pro04 table tr td.bg{background: #daebfb;}
.pro04 ul li{display:inline-block; width:48%; vertical-align:top;}
.pro04 ul li:first-child{width:49%;margin-right: 70px;}
.pro04 ul li:last-child{width:42%;}
.pro04 h1{font-size:60px;  line-height:70px; font-weight:800; color:#0044b4; margin-bottom:20px;}
.pro04 h2{font-size:26px; font-weight:600; color:#393939; margin-bottom:20px;}
.pro04 h3{font-size:18px; line-height:28px; font-weight:400; color:#484848; margin-bottom:30px;}
.pro04 h4{font-size:17px; font-weight:800; color:#0044b4; margin-bottom:10px;padding-left:10px; position:relative;}
.pro04 h4::after{content:'';position:absolute; width:3px; height:90%; background:#0044b4;left:0;top: 1px;}
.pro04 h5{font-size:16px; line-height:29px; font-weight:400; color:#333;margin-bottom: 30px;}
.pro04 h6{font-size:15px; font-weight:700; color:#333;margin-top: 10px;text-align:center;}
.pro04 .inner{text-align:center;margin-top:20px;}
.pro04 .inner p{text-align:center;height: 170px;}
.pro04 .inner li{display:inline-block; width:20% !important; vertical-align:top;margin-right: 20px;}
.pro04 .inner li:first-child{width:20%;margin-right: 0px;}}
.pro04 .inner li:last-child{width:20% !important;}
.pro03-04 h1{line-height:40px;}
.pro03-04 h1 span{font-size:25px; color:#0044b4;}
.pro03-04 h3{font-size: 22px;}
.pro03-04 h4{font-size: 17px;}
.pro03-04 .box .txt{height:290px;}
.pro03-04 .box .inner .img{height: 400px;}

.point01 .inner.wd{    text-align: left;}
.point01 .inner.wd li{width:30% !important;}

/*0806변경*/
.que .arrow-bottom{padding: 3px 9px;background: rgb(0, 68, 180, .1);border-radius: 50%;}
.que .arrow-top{padding: 5px 9px;background: rgb(0, 68, 180, .1);border-radius: 50%;}
.que{border-bottom:none;}
.que span{color:#333;}
.que.on>span{color:#0044b4;}
.pro-comm table tr td.name{background: #f5faff;}

/*영문변경*/
#menu .menu-location{width: 27%;}

.pro-comm h3{font-size: 18px;}
.pro-comm .box .inner .img{height: 390px;}
#menu .menu-location.location1{}
.pro-comm .box .txt.ht01{height:180px;}
.pro-comm .box .txt.ht05{height:390px;}
.pro03-03 .inner .txt{height: 190px;}
.pro03-03 h5{line-height: 20px;}
.pro-comm h1{font-size: 40px;}
.pro03-04 h1 span{font-size: 23px;}
.pro-comm .box .txt.ht00{height: 370px;}
.footer .info .info02{margin-left: 100px;}
.abo03 h5{font-size: 16px;line-height: 25px;}
.pro-comm .box .txt ul li{margin-bottom: 10px;}
.pro-comm .box .txt.axis{height:420px;}
.pro-comm .box .txt.auto{height:auto;padding-bottom: 20px;}
.nav-menu{margin-left: 40px !important;}



/****반응형***/
@media screen and (max-width:1280px){

	.container{max-width: 90% !important;}
	.pro-container{max-width:90%;}
	.pro-container02{max-width:90%;}
	/**헤더**/
	.nav-container{max-width: 90% !important;}
	.pro-comm ul li{margin-right: 20px;}

}

@media screen and (max-width:1080px){

	
	/**헤더**/
	.nav-menu{display: none;}
	.nav-container{padding-top: 20px;}
	.lnb-btn{display: none;}
	.info01{display: none;}

	/**메인**/
	.mainB .txt h1{text-shadow:2px 2px 10px rgba(0,0,0,.3);}
	.pagBox{top: 610px;left: -280px;}
	


}

@media screen and (max-width:748px){

	/**헤더**/
	.nav-container{padding-top: 30px;}
	.right-header > nav{padding-left: 5%;}
	.right-header .menu li{margin-bottom: 50px;}
	.right-header .menu li .rt-hd-inner li{width: 41%;}
	.right-header .rt-hd-inner li{padding-top: 15px;}
	

	/**메인**/
	.mainB .item01{position: relative;top: -310px; right: -170px; z-index:-1;}
	.mainB .item02{position: relative;z-index:-1;right: -230px;top: -230px;}
	.mainB .item03{position: relative;z-index:-1;top: -170px;right: -130px;;}
	.mainB .item04{position: relative;z-index:-1;right: -130px;top: -200px;}
	.mainB .item05{position: relative;z-index:-1;top: -280px;right: -160px;}
	.mainB .item01 img{width:70%;}
	.mainB .item02 img {width:40%;}
	.mainB .item03 img{width:70%;}
	.mainB .item04 img{width:70%;}
	.mainB .item05 img{width:60%;}	
	.mainB .mainB01{padding: 180px 0 0px 0;}
	.mainB .mainB02{padding: 180px 0 0px 0;}
	.mainB .mainB03{padding: 180px 0 0px 0;}
	.mainB .mainB04{padding: 180px 0 0px 0;}
	.mainB .mainB05{padding: 180px 0 0px 0;}
	.mainB .txt{height: 500px;}
	.mainB .txt h1{font-size:33px; line-height:45px;text-shadow: 2px 2px 10px rgba(0, 0, 0, .2);}
	.main01{position: relative;bottom: 140px; }
	.main01 ul li:first-child{width: 100%;}
	.main01 ul li:last-child{width: 100%;overflow: hidden;}
	.news_ul01:last-child{border-right:none;}	

	.main02{margin-top: -540px;padding: 350px 0 130px 0;}
	.pagBox{left: -60px;top: 451px;}

	/**푸터**/
	.footer .info{flex-wrap: wrap;}
	.footer .info .info02{width: 100%;margin-left:0px;margin-top: 20px;}
	.footer .info .info03{width: 100%;text-align: left;}

	/**서브공통**/
	.mob-none{display:none;}
	.pc-none{display:block;}
	.subTop.aboTop{padding:180px 0 60px 0;}
	.subTop.proTop{padding:180px 0 100px 0;}
	.subTop.newsTop{padding:180px 0 60px 0;}
	.subTop .txt h1{font-size: 45px;padding-bottom: 70px;}
	#menu{padding-bottom: 20px;}
	#menu .menu-location{width: 35%;margin-right: 10px;}
	#menu .menu-location.wd{width: 26%;}
	#menu .menu-location.wdd{width: auto;margin-left: 20px;}
	#menu .menu-location.wdd span{margin-left:15px;}
	.t120b100{padding: 80px 0 80px 0;}
	.abo .inner{flex-wrap: wrap;}
	.t80{padding-top: 60px;}
	.sub-comm h1{font-size: 40px;}
	.sub-comm h2{font-size: 18px;}
	/**회사소개**/
	.abo.bg02{padding: 70px 0 50px 0;}
	.abo h3{font-size: 21px;margin-bottom: 20px;}
	.abo h3.wd80{width: 100%;}
	.abo02 .abo02Box .year{margin-right: 30px;text-align: left;width: 39%;}
	.abo02 .abo02Box .year h1{font-size: 30px;}
	.abo02 .abo02Box .cont p{font-size: 16px;}


	/**제품**/
	.pro-comm ul li{width: 100%;}
	.pro-comm .box .inner .img{height: 330px;}
	.pro-comm h2{margin-bottom: 5px;}
	.pro-comm h1{margin-bottom: 15px;}
	.key{margin-top: 20px;}
	.pro-comm .box{margin-top: 20px;}
	.pro-comm .box .inner{padding: 20px 50px 30px 50px;}
	.pro-comm.fourDiv ul li{width: 45% !important;}
	.pro-comm.detail .box .txt{padding: 20px;}
	.pro-comm.info h1{font-size:22px;line-height: 32px;}
	.pro-comm .box .txt.ht01{height: 180px;}
	.pro-comm .box .txt.ht03{height: 260px;}

	.pro-comm.pro03 ul li{width: 100%;}
	.pro-comm ul li{margin-right:0px;}
	.pro-comm.pro03 ul li:last-child{width: 100%;}
	.pro-comm.pro03 .box .txt{padding: 40px;}
	.pro03 .fourdiv li{width: 46% !important;}

	.pro03-03 h1{margin-bottom: 10px;}
	.pro03-03 .out li{width: 45%; }
	.pro03-03 .inner li{margin-right:0px;}
	.pro03-03 .inner li:last-child{width: 100%;margin-top: 20px;}
	.pro03-03 .inner li:first-child{margin-right:0px;}
	.pro03-03 .out .box{text-align: center;}
	
	.pro03-04 h1{font-size: 40px;}
	.pro03-04 h1 span{font-size: 21px;margin-left:0px;}
	.pro03-04 h3{font-size: 19px; line-height:28px;}
	.pro03-04 h4{font-size: 15px;line-height: 25px;}

	.pro04 ul li:first-child{width: 100%;}
	.pro04 h1{font-size: 50px; line-height: 59px;}
	.pro04 .inner li{width: 14%;}

	/**게시판**/
	.board-pad{padding: 80px 0 60px 0;}

	/**영문변경**/
	.pro-comm .box .inner{padding: 20px 30px 30px 30px;}
	.pro-comm .box .txt{height: 500px;}
	#menu .menu-location{width: 39%;}
	.pro-comm .box .txt.scara01{height:410px;}
	.pro-comm .box .txt.axis{height:390px;}
	.pro-comm .box .txt.auto{height:auto;padding-bottom: 20px;}
	#menu .menu-location.wd02{width:59%;}
	#menu .menu-location.wd03{width:28%;}
	#menu .menu-location.wd04{width:60% !important;}



}