@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
body{font-family:"Pretendard Variable" !important; overflow-x:hidden;}
.go-top{display:block;width:50px;height:50px; border: 1px solid rgba(175, 175, 175, .7); border-radius: 50%; background: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;transition: all 0.5s ease;
    text-decoration:none;color: #262626; text-align: center; cursor: pointer;float: right; text-align:center;}
body::-webkit-scrollbar{width: 10px; background-color: rgb(236, 236, 236);}
body::-webkit-scrollbar-thumb{background-color: #333;
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);} 

.hd{overflow: hidden;}
.wt{color: #fff !important;}
.ct{text-align: center;}
 /**/
.container{max-width: 1400px; margin: 0 auto;}

.mainB .item01{position: absolute;top: 100px; right: 270px;}
.mainB .item02{position: absolute;top: 150px; right: 400px;}
.mainB .item03{position: absolute;top: 230px; right: 300px;}
.mainB .item04{position: absolute;top: 230px; right: 300px;}
.mainB .item05{position: absolute;top: 150px; right: 400px;}
.mainB .mainB01{background: url(/web/img/mainB01.jpg) no-repeat; padding: 450px 0 480px 0;position: relative;background-size: cover;}
.mainB .mainB02{background: url(/web/img/mainB02.png) no-repeat; padding: 450px 0 480px 0;position: relative;background-size: cover;}
.mainB .mainB03{background: url(/web/img/mainB03.png) no-repeat; padding: 450px 0 480px 0;position: relative;background-size: cover;}
.mainB .txt h1{font-size: 54px; font-weight: 700; color: #fff; line-height: 70px; width:100%;}
.mainB .txt h5{font-size: 24px; font-weight: 400; color: #e8e8e8; line-height: 36px; width:70%; margin-top: 50px;}

.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{top: inherit !important;height: 2px !important;}
.mainSw .pagination_progress{width: 300px !important;}
.mainSw .pagination_bullet{right:0;}
.mainSw .swiper-pagination{bottom:380px !important; left: 250px !important; background: rgba(255, 255, 255, .3);height: 2px;} 
.mainSw .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #fff;}
.mainSw .swiper-pagination-bullet{background: none;position: relative;top: -50px;font-size: 18px;font-weight: 900; color: #fff; margin-right: 30px !important; left: -90px;}
.mainSw .swiper-pagination-bullet-active{background: none; text-decoration: underline;}
.pagination_bullet{max-width:300px !important;}

@keyframes countingBar {
    0% {width: 0;}
    100% {width:50px;}
}
.main01{position: relative; padding: 100px 0 100px 0;}
.main01::after{content: 'ViASCOPE'; font-size: 200px; font-weight: 800; position: absolute; right: 200px; top:150px; color: rgba(175, 175, 175, .1);}
.main01 .flx01{display: flex; align-items: center;}
.main01 .flx01 div:last-child{width: 40%; margin-left: 100px;}
.lviewa{visibility: hidden;opacity: 0;transition: visibility 0s, opacity 1.2s ease-out;color: white;font-size: 3rem;font-weight: bold;}
.mainSw .swiper-slide-active .lviewa[data-swiper-animation="fadeIn"] {visibility: visible;opacity: 1;transition: visibility 0s linear 0.5s, opacity 1.2s ease-out 0.5s;}


.main02{background: url(/web/img/main02-01.jpg) no-repeat; padding: 100px 0 100px 0;}
.main02 .flx01{display: flex; margin-top: 50px; text-align: center;}
.main02 .flx01 .outer{border: 1px solid #fff; margin-right: 20px; width: 33%;}
.main02 .flx01 .outer:hover .box.ico01{background: url(/web/img/main02-ico01-cl.png) no-repeat; background-position: 50% 30%;}
.main02 .flx01 .outer:hover .box.ico02{background: url(/web/img/main02-ico02-cl.png) no-repeat; background-position: 50% 30%;}
.main02 .flx01 .outer:hover .box.ico03{background: url(/web/img/main02-ico03-cl.png) no-repeat; background-position: 50% 30%;}
.main02 .flx01 .outer:hover .box.ico04{background: url(/web/img/main02-ico04-cl.png) no-repeat; background-position: 50% 30%;}
.main02 .flx01 .outer:hover{background:rgba(255, 255, 255, .9); transition: .3s;}
.main02 .flx01 .outer:hover .txt h1{color:#003f63; transition: .3s;}
.main02 .flx01 .outer:hover .txt h2{color:#003f63; transition: .3s;}
.main02 .flx01 .outer .box{padding: 30px;}
.main02 .flx01 .outer .box.ico01{background: url(/web/img/main02-ico01.png) no-repeat; background-position: 50% 30%;}
.main02 .flx01 .outer .box.ico02{background: url(/web/img/main02-ico02.png) no-repeat; background-position: 50% 30%;}
.main02 .flx01 .outer .box.ico03{background: url(/web/img/main02-ico03.png) no-repeat; background-position: 50% 30%;}
.main02 .flx01 .outer .box.ico04{background: url(/web/img/main02-ico04.png) no-repeat; background-position: 50% 30%;}
.main02 .flx01 .outer .txt{text-align: center; padding-top: 150px; padding-bottom: 30px;}
.main02 .flx01 .outer .txt h1{font-size:24px; line-height: 30px; font-weight: 600; margin-top: 20px; margin-bottom: 10px; color: #fff;}
.main02 .flx01 .outer .txt h2{font-size:18px; line-height: 28px; font-weight: 500; margin-top: 20px; color: #fff;}

.main03{padding: 100px 0 100px 0;}
.main04{padding: 80px 0 80px 0; background: #f9f9f9;}
.main04 .main04Sw{margin-top: 50px;}
.main04 .main04Sw .ico01{background: url(/web/img/main04-01.png) no-repeat; width: 200px; height: 50px; background-position:100% 100%;}
.main04 .main04Sw .ico01:hover{background: url(/web/img/main04-01-hv.png) no-repeat; width: 200px; height: 50px; background-position:100% 100%;}
.main04 .main04Sw .ico02{background: url(/web/img/main04-02.png) no-repeat; width: 200px; height: 50px; background-position:100% 100%;}
.main04 .main04Sw .ico02:hover{background: url(/web/img/main04-02-hv.png) no-repeat; width: 200px; height: 50px; background-position:100% 100%;}
.main04 .main04Sw .ico03{background: url(/web/img/main04-03.png) no-repeat; width: 200px; height: 50px; background-position:100% 100%;}
.main04 .main04Sw .ico03:hover{background: url(/web/img/main04-03-hv.png) no-repeat; width: 200px; height: 50px; background-position:100% 100%;}
.main04 .main04Sw .ico04{background: url(/web/img/main04-04.png) no-repeat; width: 200px; height: 50px; background-position:100% 100%;}
.main04 .main04Sw .ico04:hover{background: url(/web/img/main04-04-hv.png) no-repeat; width: 200px; height: 50px; background-position:100% 100%;}
.main04 .main04Sw .ico05{background: url(/web/img/main04-05.png) no-repeat; width: 200px; height: 60px; background-position:100% 100%;}
.main04 .main04Sw .ico05:hover{background: url(/web/img/main04-05-hv.png) no-repeat; width: 200px; height: 60px; background-position:100% 100%;}
.main04 .main04Sw .ico06{background: url(/web/img/main04-06.png) no-repeat; width: 200px; height: 60px; background-position:100% 100%;}
.main04 .main04Sw .ico06:hover{background: url(/web/img/main04-06-hv.png) no-repeat; width: 200px; height: 60px; background-position:100% 100%;}
.main04 .main04Sw .ico07{background: url(/web/img/main04-07.png) no-repeat; width: 200px; height: 50px; background-position:100% 100%;}
.main04 .main04Sw .ico07:hover{background: url(/web/img/main04-07-hv.png) no-repeat; width: 200px; height: 50px; background-position:100% 100%;}


/*메인공통*/
.comm h1{font-size: 24px; line-height: 34px; font-weight: 500; color: #003f63; margin-bottom: 30px;}
.comm h2{font-size: 48px; font-weight: 500; line-height: 60px; color: #333;}
.comm h3{font-size: 18px; line-height: 28px; color: #444;}
.comm h3 span{font-weight: 700;}
.comm h4{font-size: 28px; line-height: 38px; color: #333; font-weight: 700;}
.comm .btn{color: #003f63; font-size: 16px; font-weight: 600; border: 1px solid #003f63; border-radius: 20px; padding: 10px 20px;}
.comm .btn:hover{background: #003f63; color: #fff; transition: .3s;}
.cl01{color:#0088d6;}


/******/
.footer{background: #333; padding: 50px 0 50px 0;}
.ft-cont{max-width: 1700px; margin: 0 auto;}
.footer .info{display: flex;align-items: center; justify-content: space-between; max-width: 1700px;}
.footer .info02{display: flex; justify-content: space-between; align-items: center;}
.footer .info ul li{display: inline-block; margin-left: 10px;}
.footer .info .info01{width: 10%; vertical-align: top;}
.footer .line{height: 1px; width: 100%; background: #747474; margin-top: 30px; margin-bottom: 30px;}
.footer h1{font-size:18px; font-weight: 700; color: #999999; margin-bottom: 10px;}
.footer h2{font-size:16px; line-height: 24px; font-weight: 500; color: #ccc; width: 70%;}
.footer h3{font-size:18px; font-weight: 500; color: #7f7f7f;}

/*서브공통*/
.subTop.aboTop{background:url(/web/img/sub/aboTop.jpg) no-repeat; padding:300px 0 200px 0; background-position: 50%; background-size:cover;}
.subTop.proTop{background:url(/web/img/sub/proTop.jpg) no-repeat; padding:300px 0 200px 0; background-position: 50%; background-size:cover;}
.subTop.supTop{background:url(/web/img/sub/supTop.jpg) no-repeat; padding:300px 0 200px 0; background-position: 50%; background-size:cover;}
.subTop.solTop{background:url(/web/img/sub/solTop.jpg) no-repeat; padding:300px 0 200px 0; background-position: 50%; background-size:cover;}
.subTop.newsTop{background:url(/web/img/sub/newsTop.png) no-repeat; padding:300px 0 200px 0; background-position: 50%; background-size:cover;}
.subTop.cusTop{background:url(/web/img/sub/cusTop.png) no-repeat; padding:300px 0 200px 0; background-position: 50%; background-size:cover;}
.subTop h1{font-size:68px; font-weight: 800; color: #fff; text-align: left;}
.subTop h2{font-size:24px; line-height: 34px; font-weight: 500; color: #fff; text-align: left; margin-top: 50px;}
.sub-menu{text-align: left; padding: 50px 0 50px 0;}
.sub-menu li{display: inline-block; margin-right: 10px;}
.sub-menu a{font-size:17px; font-weight: 500; color: #d8d8d8; padding: 10px 20px; border-radius: 20px;}
.sub-menu a:hover{color: #003f63; transition: .3s; text-decoration: underline;}
.sub-menu a.on{text-decoration: underline; color: #003f63; font-weight: 800;}

.sub-menu02{background: #f9f9f9; padding: 40px 0px;}
.sub-menu02 ul li{display: inline-block; margin-right: 10px;}
.sub-menu02 ul li a{font-size: 16px; padding:10px 15px; font-weight: 600; color: #333; text-align: center; border-radius: 50px; opacity: .3;}
.sub-menu02 ul li a:hover{opacity: 1; transition: .3s;}
.sub-menu02 ul li a.on{background: #fff; opacity: 1;}

.comm.allWrap a{display: inline-block; padding: 15px 30px;border-radius: 40px; font-size: 18px; font-weight: 500; color: #fff; margin-left: 20px; background:#ccc; width: 25%; text-align: center;}
.comm.allWrap a:hover{background: #0088d6; color: #fff; border: 1px solid #0088d6; transition: .3s;}
.comm.allWrap a.current{background: #0088d6; color: #fff; border: 1px solid #0088d6;}

.sub-pdt{padding-top: 120px;}
.sub-pdb{padding-bottom: 150px;}
.sub-comm h1{font-size:48px; font-weight: 700; color: #333;}
.sub-comm h2{font-size:58px; line-height: 80px; font-weight: 700; color: #333;}
.sub-comm h2 span.cl{color: #003f63;}
.sub-comm h2 span.cl02{color: #666;}
.sub-comm h3{font-size:38px; line-height: 60px; font-weight: 600; color: #333;}
.sub-comm h3 span{color: #003f63;}
.sub-comm h5{color: #333; font-size:18px; line-height: 28px; font-weight: 500;}
.sub-comm h5 span{color: #003f63;}
.sub-comm h5 span.bd{font-weight: 700; color: #333;}
.sub-comm .tit{font-size: 32px; line-height: 45px; font-weight: 700; color:#003f63; position: relative; margin-bottom: 50px;}
.sub-comm .tit .rg{font-weight: 500;}
.sub-comm .tit.wt{color: #fff;}
.sub-comm .tit.none{margin-bottom: 20px;}
.sub-comm .tit.none::after{content:none;}
.sub-comm .tit.ct::after{margin: 0 auto; left: 45%; height: 3px;}
.sub-comm .tit::after{content: ''; width: 10%; height: 1px; background: #003f63; position: absolute; bottom: -10px; left: 0;}

.sub-comm .allWrap a{display: inline-block; padding: 15px 30px; border: 1px solid #ccc; border-radius: 40px; font-size: 16px; font-weight: 500; color: #ccc; margin-left: 5px;}
.sub-comm .allWrap a:hover{background: #003f63; color: #fff; border: 1px solid #003f63; transition: .3s;}
.sub-comm .allWrap a.current{background: #003f63; color: #fff; border: 1px solid #003f63;}

table.form01{width: 100%; border-bottom: 2px solid #0088d6;}
table.form01 tr td{padding:23px; font-size:15px; line-height:25px; font-weight:500;border: 1px solid #eaeaea; color:#555; text-align: center; border-right: none; vertical-align: middle;}
table.form01 tr td.t-tit{background:#f3f3f3; font-weight:700;font-size: 17px; color: #333; border-left: none;vertical-align: middle;}
table.form01 tr th{padding:15px; font-size:17px; line-height:25px; font-weight:700;border: 1px solid #eaeaea;border-right: none; background:#0088d6; color:#fff;}
table.form01 tr th.t-tit{background:#f1f1f1; font-weight:700;font-size: 17px; line-height:25px;  color: #444; border-left: none;}

table.form02{width: 100%;}
table.form02 tr td{padding:10px; font-size:15px; line-height:25px; font-weight:500;border: 1px solid #eaeaea;border-right: none; border-left: none;}
table.form03 tr td.t-tit{background:#f3f3f3; font-weight:700;font-size: 17px; color: #333; border-left: none;}
table.form02 tr th{padding:15px; font-size:15px; line-height:25px; font-weight:500;border: 1px solid #eaeaea;border-right: none;}
table.form02 tr th.t-tit{background:#f3f3f3; font-weight:700;font-size: 17px; color: #333; border-left: none; border-right: 1px solid #fff;}

table.form03{width: 100%; border-top: 2px solid #333;}
table.form03 tr td{padding:10px; font-size:15px; color: #444; line-height:25px; font-weight:500;border: 1px solid #eaeaea;border-right: none; border-left: none;}
table.form03 tr td.t-tit{background:#f3f3f3; font-weight:700;font-size: 17px; color: #333; border-left: none;}
table.form03 tr th{padding:15px; font-size:15px; line-height:25px; font-weight:500;border: 1px solid #eaeaea;border-right: none;}
table.form03 tr th.t-tit{background:#f3f3f3; font-weight:700;font-size: 17px; color: #333; border-left: none; border-right: 1px solid #fff;}

table.form04{border-top: 2px solid #333;}
table.form04 tr td{padding:10px; font-size:15px; color: #444; line-height:25px; font-weight:600;border: 1px solid #eaeaea;border-right: 1px solid #eaeaea; border-left: none; vertical-align: middle; text-align: center;}
table.form04 tr td span{color: #80b42d; font-weight: 700 ;}
table.form04 tr td:last-child{border-right: none;}
table.form04 tr td.t-tit{background:#f3f3f3; font-weight:700;font-size: 17px; color: #333; border-left: none;}
table.form04 tr th{padding:15px; font-size:15px; line-height:25px; font-weight:500;border: 1px solid #eaeaea;border-right: none; vertical-align: middle;}
table.form04 tr th.t-tit{background:#f3f3f3; font-weight:700;font-size: 17px; color: #333; border-left: none; border-right: 1px solid #fff;text-align: center;}
table.form04 .bd02 tr td{ background: #ccc;}

table.form05{width: 80%; margin: 0 auto; border-top: 2px solid #003f63;}
table.form05 tr td{padding:3px; font-size:15px; color: #444; line-height:25px; font-weight:600;border: 1px solid #eaeaea;border-right: 1px solid #eaeaea; border-left: none; vertical-align: middle; text-align: left; border-bottom: 1px solid #003f63; padding-left: 30px; font-weight: 500;}
table.form05 tr td:last-child{border-right: none;}
table.form05 tr td.tit{background:#f5f4f9; font-weight:600;font-size: 17px; color: #003f63; border-left: none; width: 20%; border-right: none; text-align: center; padding-left: 0px;}
table.form05 tr th{padding:15px; font-size:15px; line-height:25px; font-weight:500;border: 1px solid #eaeaea;border-right: none; vertical-align: middle;}
table.form05 .bd02 tr td{ background: #ccc; align-items: center;}

/*회사소개*/
.abo01-01{display: flex; justify-content: space-between; align-items: center;}
.abo01-01 div:first-child{width: 60%; margin-right: 50px;}
.abo01-02{background: #f9f9f9; padding: 100px 0 150px 0;}
.abo01-02 .flx01{display: flex; justify-content: space-between; align-items: center;}
.abo01-02 .flx01 div:last-child{width: 45%;}
.abo01-02 .flx02{display: flex; justify-content: space-between; align-items: center; padding-top: 80px; padding-bottom: 80px;}
.abo01-02 .flx02 div:first-child{width: 45%;}
.abo02-02{display: flex;}
.abo02-02.pdt{padding-top: 50px;}
.abo02-02 .year{border-top: 2px solid #0088d6; font-size:38px; font-weight: 600; padding-top: 20px; color: #0088d6; width: 20%; margin-right: 30px;}
.abo02-02 .con{border-top: 2px solid #ccc;padding-top: 20px; color: #333; width: 80%;}
.abo02-02 .inner.pdt{padding-top: 20px;}
.abo02-02 .inner li{display: inline-block; vertical-align: top; width: 85%; font-size: 17px; line-height: 28px; color: #333; font-weight: 500;}
.abo02-02 .inner li.yr{width:5%; font-weight: 700;}

.abo03-01 .bg01{background: url(/web/img/sub/abo03-01.jpg) no-repeat; padding: 50px 30px 80px 30px;}
.abo03-01 .bg02{background: url(/web/img/sub/abo03-02.jpg) no-repeat; padding: 50px 30px 80px 30px; margin-top: 30px;}
.abo03-01 .bg03{background: url(/web/img/sub/abo03-03.jpg) no-repeat; padding: 50px 30px 80px 30px; margin-top: 30px;}
.abo03-01 .con{display: flex; justify-content: space-evenly;}
.abo03-01 .con div:first-child{width: 30%;}

.abo04-01 .box{background:#f1f1f1; padding: 50px; display: flex; justify-content: space-between; align-items: center;}
.abo04-01 .box.mgt{margin-top: 20px;}
.abo04-01 .box div:last-child{width: 80%;}

.abo05-01 .map{position: relative; margin-top: 50px;}
.abo05-01 .map .point{position: absolute; top: 0; left: 50%; transform: translate(-50%, 5%);}

.abo06-01 .box{padding-top: 50px; padding-bottom: 30px; display: flex; align-items: flex-end;}
.abo06-01 .box div:last-child{margin-left: 50px;}

/*제품*/
.procomm-01{background:#f1f1f1; padding: 80px 0 100px 0; margin-top: 180px;}
.procomm-01 .flx01{display: flex; align-items: center;}
.procomm-01 .flx01 div:first-child{margin-top: -180px;}
.procomm-01 .flx01 div:last-child{margin-left: 100px;}
.procomm-02{background:#003f63; padding:80px 0 300px 0;}
.procomm-02.st{padding:80px 0 100px 0;}
.procomm-02 .flx02{display: flex; align-items: flex-start; justify-content: space-between; text-align: center;}
.procomm-02 .flx02 .box{padding: 20px;}
.procomm-02 .flx02 .circle{background:#00253a; width:230px; height:230px; border-radius:50%; text-align: center; margin: 0 auto; margin-bottom: 20px;}
.procomm-02 .flx02 .circle p{position: relative;top: 50%;transform: translateY(-50%); text-align:center;}
.procomm-03.mgt{margin-top:-200px;}
.procomm-03.flx03{display: flex; align-items: flex-start; justify-content: space-between; text-align: center;}
.procomm-03.flx03 .inner{border:1px solid #ccc; width:90%;}
.procomm-03.flx03 .inner:first-child{margin-right:30px;}
.procomm-03 h1{background:#00253a; color:#fff; padding:20px; font-size: 18px; font-weight: 600;}
.procomm-03 .box{padding:30px; background:#fff;}
.procomm-03 .box .bg{background:#f1f1f1; padding:20px; margin-top: 20px; text-align: left;}
.procomm-03.pdt{padding-top:40px;}
.procomm-01 .flx01.pro02 div:first-child{margin-top: -420px;}
.procomm-01 .flx01.pro04 div:first-child{margin-top: -400px;}
.pro02 .ul01 li{display:inline-block; vertical-align:top; width: 48%;}
.procomm-03.flx03.pro02{display: inline-block;}
.procomm-03.flx03.pro02 .inner:first-child{width:100%;}
.procomm-04.flx{display:flex; justify-content: space-between;}
.procomm-04 .inner{padding:30px; border:1px solid #ccc; width:48%;}
.procomm-04 ul li{display:inline-block; vertical-align:middle; width: 48%;}
.procomm-04 h1{font-size:28px; font-weight:700; color:#0088d6;}

.sup01.pdt{padding-top:20px;}
.sup01.flx{display:flex;justify-content: space-between; align-items: center;}
.sup01.flx div:last-child{width:52%}
.sup01 h1{font-size:24px; font-weight:700; color:#0088d6; margin-bottom:20px; position:relative; margin-left:10px;}
.sup01 h1::after{content:'';width:4px; height:16px; background:#0088d6; position:absolute; left: -10px; top: 4px;}
.sup01 h2{font-size:21px; line-height:35px; font-weight:500; color:#444; margin-left: 10px;}

.sol01-01{padding:80px 0 80px 0; background:#f1f1f1;}
.solcomm-01{display:flex; text-align:center;}
.solcomm-01 .inner{border:1px solid #ccc; background:#fff; width:90%}
.solcomm-01 .inner:last-child{margin-left:50px;}
.solcomm-01 .inner .box{padding:30px;}
.solcomm-01 h1{background:#00253a; color:#fff; padding:20px; font-size: 18px; font-weight: 600;}
.ck{margin-right:10px;}

.sol02{display:flex; padding-top:50px;}
.sol02 div{width:90%; text-align:center;}
.sol02 h1{font-size:28px; line-height:40px; font-weight:700; color:#003f63; margin-top:20px;}
.sol04-01{background:#f1f1f1; padding:80px;}
.sol04-01 p{position: relative; text-align:center;}
.sol04-02{margin-top:20px;}
.sol04-02.bdt{border-top:1px solid #ccc;}
.sol04-02 li{display:inline-block; width:48%; position:relative;}
.sol04-02 li::after{content:''; width:1px; height:110%; position:absolute; top:-20px; right:0; background:#ccc;}
.sol04-02 li:last-child::after{display:none;}
.sol04-02 .inner{display:flex; padding:30px;}
.sol04-02 .inner .circle{background:#def4ff; width:170px; height:170px; border-radius:50%; margin-right:40px;}
.sol04-02 .inner .circle p{position: relative;top: 50%;transform: translateY(-50%); text-align:center;}

.sol07{display:flex;}
.sol07 .inner{width:32%;}
.sol07 .inner .txt{padding:20px;}
.sol07 .bg01{background:url(/web/img/sub/sol07-01.jpg) no-repeat; padding: 380px 0 50px 0;}
.sol07 .bg02{background:url(/web/img/sub/sol07-02.jpg) no-repeat; padding: 380px 0 50px 0;}
.sol07 .bg03{background:url(/web/img/sub/sol07-03.jpg) no-repeat; padding: 380px 0 50px 0;}

.sol08-01{display:flex; justify-content: space-between;}
.sol08-01.pdt{padding-top:20px;}
.sol08-01 div{width:24%;}
.sol08-01 div p{padding:20px; border:1px solid #ccc; text-align:center;}

.sol09{display:flex; justify-content: space-between; align-items: center;}
.sol09.pdt{padding-top:50px;}
.sol09 div{width:48%;}



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

	.container{max-width:92%;}


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






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

	.res-img{width:100%;}


	/**/
	.comm h2{font-size: 38px; line-height: 50px;}
	.comm.allWrap a{width: 100%; margin-bottom: 10px; margin-left:0px;}
	.comm table{white-space:nowrap;border-collapse:collapse}
	.comm{width:100%;}
	.comm.tb{overflow:auto;}
	
	.mainB .mainB01{padding: 250px 0 300px 0;background-position: 50% 50%;}
	.mainB .mainB02{padding: 250px 0 300px 0;background-position: 50% 50%;}
	.mainB .mainB03{padding: 250px 0 300px 0;background-position: 50% 50%;}

	.mainB .txt h1{font-size: 44px; line-height: 60px;}
	.mainB .txt h5{width: 100%; font-size: 21px; line-height: 34px;}
	.mainSw .swiper-pagination{bottom: 200px !important; left: 30px !important;}
	.main01::after{right: 0;}
	.main01 .flx01{flex-direction: row-reverse; flex-wrap: wrap; justify-content: space-around; justify-content: center;}
	.main01 .flx01 div:last-child{width: 100%; width: 92%; margin-left:0px; margin-top: 20px;}

	.main02{background-size: cover;}
	.main02 .flx01{flex-wrap: wrap;}
	.main02 .flx01 .outer{width: 100%; margin-right: 10px; margin-bottom: 10px;}

	.footer .info{max-width:92%;}
	.footer .info02{max-width:92%; flex-wrap: wrap;}
	.footer h3{margin-top:20px;}

	/**/	
	table.form01 tr td{padding: 15px;}
	table.form01 tr th{padding: 10px;}
	.sub-pdt{padding-top: 50px;}
	.sub-pdb{padding-bottom: 100px;}
	.sub-menu{padding: 40px 0 40px 0;}
	.sub-menu li{margin-bottom: 20px;}
	.subTop.aboTop{padding: 180px 0 100px 0;}
	.subTop.proTop{padding: 180px 0 100px 0;}
	.subTop.supTop{padding: 180px 0 100px 0;}
	.subTop.solTop{padding: 180px 0 100px 0;}
	.subTop.newsTop{padding: 180px 0 100px 0;}
	.subTop.cusTop{padding: 180px 0 100px 0;}
	.abo01-01{flex-wrap: wrap;}
	.abo01-01 div:first-child{width: 100%; margin-right:0px;}
	.abo01-02{padding: 80px 0 100px 0;}
	.abo01-02 .flx01 div:last-child{width: 100%; margin-top: 20px;}
	.abo01-02 .flx02{flex-wrap: wrap; flex-direction: column-reverse;align-items: flex-start;}
	.abo01-02 .flx02 div:first-child{width: 100%; margin-top: 20px;}
	.abo01-02 .flx01{flex-wrap: wrap;}
	.abo02-02{flex-wrap: wrap;}		
	.abo02-02 .year{width: 100%;}
	.abo02-02 .con{width: 100%; margin-top: 40px; border-top:none; }
	.abo03-01 .bg01{background-size: cover;}
	.abo03-01 .bg02{background-size: cover;}
	.abo03-01 .bg03{background-size: cover;}
	.abo03-01 .con{justify-content: flex-start; flex-wrap: wrap;}
	.abo03-01 .con div:first-child{width: 100%; margin-bottom: 20px;}
	.abo04-01 .box{flex-wrap: wrap; padding: 30px;}
	.abo04-01 .box div:last-child{width: 100%; margin-top: 20px;}

	/**/
	.procomm-02 .flx02 .circle{width: 180px; height: 180px;}
	.procomm-02 .flx02{flex-wrap: wrap; justify-content: space-between;}
	.procomm-02 .flx02 .box{width: 100%;}
	.procomm-02{padding: 80px 0 50px 0;}
	.procomm-03.mgt{margin-top: 0;}
	.procomm-03.flx03{flex-wrap: wrap; text-align: center;}
	.procomm-03.flx03 .inner:first-child{margin-right:0px; margin-bottom: 20px;}
	.procomm-03.flx03 .inner{width: 100%;}
	.procomm-01{margin-top: 80px;}
	.procomm-01 .flx01{flex-wrap: wrap;}
	.procomm-01 .flx01.pro02 div:first-child{margin-top:0px; margin-bottom: 20px;}
	.procomm-01 .flx01 div:last-child{margin-left:0px;}
	.procomm-01 .flx01 div:first-child{margin-top:0px; margin-bottom: 20px;}
	.procomm-04 .inner{width: 100%;}
	.procomm-04.flx{flex-wrap: wrap;}
	.procomm-01 .flx01.pro04 div:first-child{margin-top:0px;}

	/**/
	.sup01 h1{margin-left:20px;}
	.sup01.flx{flex-wrap: wrap;}
	.sup01.flx div:last-child{width: 100%; margin-top: 20px; margin-bottom: 30px;}

	/**/
	.solcomm-01{flex-wrap: wrap;}
	.solcomm-01 .inner{width: 100%;}
	.solcomm-01 .inner:last-child{margin-left: 0; margin-top: 20px;}
	.sol02{flex-wrap: wrap;}
	.sol02 div{width: 100%; margin-bottom: 30px;}
	.sol04-01{padding: 30px;}
	.sol04-02 li{width: 100%;}
	.sol04-02 li::after{content:none;}
	.sol04-02 .inner{flex-wrap: wrap; justify-content: center; text-align: center; padding: 20px;}
	.sol04-02 .inner .circle{margin-right:0px; margin-bottom: 20px;}
	
	.sol07{flex-wrap: wrap;}
	.sol07 .inner{width: 100%;}
	.sol07 .bg01{padding: 180px 0 50px 0;}
 	.sol07 .bg02{padding: 180px 0 50px 0;}
	.sol07 .bg03{padding: 180px 0 50px 0;}

	.sol08-01{flex-wrap: wrap;}
	.sol08-01 div{width: 49%; margin-bottom: 10px;}
	.sol08-01.pdt{padding-top:0px;}
	.sol09{flex-wrap: wrap;}
	.sol09.re{flex-direction: column-reverse;}
	.sol09 div{width: 100%;}
	.sol09 .box{ margin-top: 20px;}

	.gall_row .col-gn-4{width: 100%;}

}