@charset "utf-8";
/* ********************************************************************
 * name : SEM
 * filename : content.css
 * description : 서브 콘텐츠 css 
 * date : 2023-12-17
********************************************************************* */

.loginSub{padding:8em 0;}
.mb_log_cate h2 {width: 100% !important;font-size: 24px;border-bottom: 1px solid #dde7e9;}

/* === sub layout === */
.sVisWrap{display: flex;align-items: flex-start;margin-top: 165px;position: relative;justify-content: flex-end;}
.sVisWrap .titleBox{position: absolute;left: 9.5%;top: 12vh;}
.sVisWrap .titleBox .title{display: flex;align-items: center;}
.sVisWrap .titleBox .title a{}
.sVisWrap .titleBox .title a i{color:#6a6a6a;}
.sVisWrap .titleBox .title h1{font-size: 18px;color:#000;font-weight: 500;}
.sVisWrap .titleBox .title h1 i{vertical-align: middle;margin: 0 10px;margin-top: -2.5px;}
.sVisWrap .txtBox{margin-top: 3em;}
.sVisWrap .txtBox p{text-transform: uppercase;font-size: 72px;color: #a9a9a9;font-weight: 900;letter-spacing: -0.03em;line-height: 1.1;animation: text-clip 1.5s 0s cubic-bezier(0.5, 0, 0.1, 1) both;}
.sVisWrap .txtBox .t1{color:#2856be;}
.sVisWrap .txtBox .t1 span{vertical-align: 6px;}
.sVisWrap .txtBox .t2{color:#000;}
.sVisWrap .txtBox .t3{font-size: 24px;color: #8d8d8d;font-weight: 400;margin-top: 3em;line-height: 1.6;}
.sVisWrap .txtBox .t3m{margin-top: 2em;}
.sVisWrap .sVis{position: relative;z-index: -1;overflow: hidden;}
.sVisWrap .sVis .imgBox{overflow: hidden;transition: opacity 1.1s;position: relative;width:100%;height:100%;animation: image-sin 1.7s cubic-bezier(0.5, 0, 0.1, 1) 0.7s backwards;}
.sVisWrap .sVis .imgBox img{width:100%;}

.c-inner1 {max-width: 1265px;margin: 0 auto;}

/* === Technology === */
.proSection01{padding: 8em 0;}
.proSection01 .title{text-align: center;letter-spacing: -0.05em;margin-bottom: 8em;}
.proSection01 .title h2{font-size:48px;color:#181818;}
.proSection01 .title p{font-size:24px;color:#343434;font-weight: 600;margin-top: 20px;}
.proSection01 ul{display: flex;flex-direction: row;}
.proSection01 ul li{color:#292929;width: 205px;height: 339px;border-radius: 150px;margin-right: 4em;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}
.proSection01 .bat1{background:#f1f1f1;}
.proSection01 .bat2{background:#e1e1e1;}
.proSection01 .bat3{background:#cbcbcb;}
.proSection01 .bat4{background:#8f8f8f;}
.proSection01 .bat5{background:#5b5b5b;}
.proSection01 .bat6{background:#373737;}
.proSection01 .proM{display:none;}
.proSection01 .proUl{justify-content: flex-end;margin-top: 2em;}
.proSection01 .proUl li{margin-right: 0;margin-left: 4em;color: #fff;}
.proSection01 .txtBox{position: absolute;top: 55px;}
.proSection01 .txtBox span{font-size:16px;}
.proSection01 .txtBox h3{font-size:22px;text-align: center;line-height: 1.2;letter-spacing: -0.05em;}
.proSection01 .imgBox{margin-top: 120px;}
.proSection01 .imgBox img{opacity: 0;}
.proSection01 .imgBox1{background: #fff;border-radius: 150px;position: relative;width: 205px;height: 205px;display: flex;justify-content: center;bottom: -90px;}
.proSection01 .imgBox1 img{position: absolute;top: 45px;opacity: 0.5;}
.proSection01 .bat4 .imgBox1 img{top: 27px;}
.proSection01 .bat6 .txtBox span{margin-left: 20px;}
.proSection01 .bat6 .imgBox{margin-top: 150px;}
#element-2.slide-in-center,
#element-7.slide-in-center{animation: scale-in-center 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
#element-3.slide-in-left,
#element-4.slide-in-left,
#element-5.slide-in-left,
#element-5-1.slide-in-left,
#element-6.slide-in-left{animation: image-sin 2s cubic-bezier(0.5, 0, 0.1, 1) 0s backwards;opacity: 1;}

.proSection02{margin-bottom:10em;}
.proSection02 .conBox{display: flex;justify-content: space-between;}
.proSection02 .conBox .txtBox{background:#f6f6f6;width: calc(49% - 100px);border-radius: 20px;padding: 50px 50px 30px;letter-spacing: -0.03em;}
.proSection02 .conBox .txtBox h4{font-size:48px;color:#171717;line-height: 1;margin-bottom: 0.9em;font-weight: 900;}
.proSection02 .conBox .txtBox p{font-size:20px;color:#2e2d2d;border-top:1px solid #000;padding: 5px 0;height: 55px;}
.proSection02 .conBox .txtBox p span{line-height: 1.2;display: flex;flex-direction: column;}
.proSection02 .conBox .black{background:#222222;}
.proSection02 .conBox .black h4{color:#53dbff;}
.proSection02 .conBox .black p {border-top:1px solid #5d5d5d;color:#e1e1e1;}

.proSection03{padding: 10em 0;position: relative;}
.proSection03 .conBox{}
.proSection03 .conBox h2{font-size: 102px;color: #fff;line-height: 1;position: absolute;top: 0.8em;left: 7%;z-index:1;}
.proSection03 .conBox .imgBox{width: 100%;height: 100%;max-width: 100%;z-index: -1;overflow: hidden;}
.proSection03 .conBox .imgBox img{}
.proSection03 .conBox .imgBox1{text-align: right;margin-top: 25px;}
.proSection03 .conBox .imgBox1 img{}
.color-white {background-color: #fff;transition: background 2s;}
.color-black {background-color: #000;transition: background 2s;}
#element-8.text-in-clip{animation: text-in-clip 1.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;}

.proSection04{display: flex;align-items: flex-start;text-align: center;padding: 5em 0 12em;}
.proSection01-4title{padding: 4em 0 0;}
.proSection04 .conBox{width: 43%;}
.proSection04 .conBox h3{background:#232323;font-size:20px;color:#fff;padding: 13px 0;border-radius: 30px;}
.proSection04 .conBox .inner{margin-right: 15px;}
.proSection04 .conBox h4{font-size: 17px;color: #3982cd;border-bottom: 1px solid #575757;height: 72px;line-height: 72px;display: flex;justify-content: center;text-align: center;}
.proSection04 .conBox h4 span {line-height: 1.2;display: flex;flex-direction: column;justify-content: center;margin: 0 15px;}
.proSection04 .conBox .con{display: flex;justify-content: space-between;}
.proSection04 .conBox .con .imgBox{width: 63%;margin-top: 5px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.proSection04 .conBox .con .imgBox img{border-radius: 8px;width: 100%;height: 480px;}
.proSection04 .conBox .con .txtBox{width: 35%;}
.proSection04 .conBox .con .txtBox p{font-size:17px;color:#575757;border-bottom:1px solid #d7d7d7;height: 80px;display: flex;justify-content: center;align-items: center;}
.proSection04 .conBox .con .txtBox p:nth-child(even){color:#3982cd;}
.proSection04 .conBox .con .txtBox p:last-child{border-bottom: 0;}
.proSection04 .conBox .con .txtBox span{line-height: 1.2;display: flex;flex-direction: column;}

.proSection04 .conBox1 .inner{margin-right: 0;margin-left: 15px;}
.proSection04 .conBox1 .con .imgBox img{border-radius:0;width:auto;height: auto;}
.proSection04 .conBox1 .con .imgBox img:last-child{margin-top: 20px;}

.proSection04 .titBox{width: 14%;}
.proSection04 .titBox p{background: #232323;font-size: 20px;color: #fff;padding: 13px 0;border-radius: 8px;}
.proSection04 .titBox .txtBox{background:#232323;font-size:17px;color:#fff;padding: 0 20px;border-radius: 8px;margin-top: 5px;}
.proSection04 .titBox .txtBox p{border-bottom: 1px solid #525252;border-radius: 0;font-size: 16px;font-weight: 400;letter-spacing: -0.03em;height: 54.2px;display: flex;justify-content: center;align-items: center;}
.proSection04 .titBox .txtBox p span{line-height: 1.2;display: flex;flex-direction: column;}
.proSection04 .titBox .txtBox .tp{height: 40px;}

.proSection05{padding-bottom: 4em;}
.proSection05 ul {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;align-items: center;}
.proSection05 ul li{background:#f6f4f7;font-size:18px;color:#070707;width: calc(49.3% - 60px);border-radius: 8px;padding: 25px 30px;margin-bottom: 15px;font-weight: 500;}

.proSection06{padding-bottom: 9em;}
.proSection06 .conBox{display: flex;justify-content: space-between;}
.proSection06 .conBox .con{width: 49.2%;text-align: center;overflow: hidden;}
.proSection06 .conBox .con h2{font-size:26px;color:#070707;line-height: 1.2;margin-bottom: 25px;}
.proSection06 .conBox .con ul{height: 495px;border: 1px solid #dbdbdb;border-top: 2px solid #313131;position: relative;}
.proSection06 .conBox .con ul li{}
.proSection06 .conBox .con .con1{}
.proSection06 .conBox .con .con1:after{content:'';background:url(../img/content/technology1_5.png) no-repeat;width: 100%;height:393px;position: absolute;top: 50%;left: 50%;transform: translate(-9%, -48%);}
.proSection06 .conBox .con .con1 .txtBox{}
.proSection06 .conBox .con .con1 .txtBox span{padding: 7px 16px;border-radius: 8px;position: absolute;font-size: 22px;font-weight: 600;color: #fff;}
.proSection06 .conBox .con .con1 .txtBox .t1{background: #15c95d;top: 28px;left: 51px;padding: 7px 16px 15px;}
.proSection06 .conBox .con .con1 .txtBox .t1 em{display: block;background: #fff;padding: 1px 10px;font-size: 13px;color: #08b94f;font-weight: 500;}
.proSection06 .conBox .con .con1 .txtBox .t2{background:#547aff;left: 14px;bottom: 41px;font-size: 16px;text-transform: uppercase;}
.proSection06 .conBox .con .con1 .txtBox .t3{background:#ff5757;right: 35px;bottom: 37px;}
.proSection06 .conBox .con .con1 .txtBoxNo span{color:#1a4974;font-size: 13px;display: flex;flex-direction: column;align-items: center;font-weight: 500;width: 300px;position: absolute;}
.proSection06 .conBox .con .con1 .txtBoxNo span em{background:#1a4974;font-size: 12px;color: #fff;width: 25px;height: 25px;display: block;border-radius: 50%;line-height: 23px;margin-bottom: 15px;}
.proSection06 .conBox .con .con1 .txtBoxNo .no1{right: 35px;top: 42px;}
.proSection06 .conBox .con .con1 .txtBoxNo .no2{top: 180px;left: 10px;}
.proSection06 .conBox .con .con1 .txtBoxNo .no3{right: 17px;top: 220px;}

.proSection06 .conBox .con .con2 .txtBox .t1{font-size: 14px;font-weight: 500;color: #000;position: absolute;top: 61px;left: 10%;width: 180px;}
.proSection06 .conBox .con .con2:after{content:'';background:url(../img/content/technology1_5_1.png) no-repeat;width: 100%;height:339px;position: absolute;left: 50%;top: 50%;transform: translate(-27%, -49%);}
.proSection06 .conBox .con .con2:before{content:'';background:url(../img/content/technology1_5_2.png) no-repeat;width: 100%;height:131px;position: absolute;top: 50%;margin-top: -65.5px;left: 28px;z-index: -1;}
.proSection06 .conBox .con .con2 .txtBox span {padding: 7px 16px;border-radius: 8px;position: absolute;font-size: 15px;font-weight: 600;color: #fff;width: 178px;line-height: 1.1;}
.proSection06 .conBox .con .con2 .txtBox .t2{background: #15c95d;top: 141px;left: 138px;font-size: 14px;z-index: 1;width: 100px;}
.proSection06 .conBox .con .con2 .txtBox .t3{background: #547aff;bottom: 68px;left: 94px;text-transform: uppercase;}
.proSection06 .conBox .con .con2 .txtBox .t4{background: #ff5757;bottom: 67px;right: 16px;width: 106px;font-size: 14px;}
#element-9.slide-in-left,
#element-10.slide-in-left,
#element-11.slide-in-left,
#element-12.slide-in-left,
#element-13.slide-in-left,
#element-14.slide-in-left{animation: image-in 2s cubic-bezier(0.5, 0, 0.1, 1) 0s backwards;opacity: 1;}

/* === Team === */
.sTeam{padding: 13em 0;}
.sTeam h2{font-size: 26px;color: #070707;border-bottom: 1px solid #313131;padding-bottom: 20px;font-weight: 500;}
.sTeam .teamAccordion{position: relative;}
.sTeam .teamAccordion ul{}
.sTeam .teamAccordion ul li{border-bottom: 1px solid #313131;padding: 22px 0;position: relative;}
.sTeam .teamAccordion h3{color: #070707;font-size: 24px;font-weight: 500;}
.sTeam .teamAccordion .conBox{display: flex;flex-direction: column;}
.sTeam .teamAccordion .conBox .title{display: flex;align-items: center;flex-direction: row;justify-content: space-between;width: 44.7%;}
.sTeam .teamAccordion .conBox .title em{font-size:20px;color:#070707;}
.sTeam .teamAccordion .conBox .title span{font-size:18px;color:#070707;}
.sTeam .teamAccordion button{position: relative;display: flex;text-align: left;width: 174px;padding: 0 30px;color: #1d212d;font-size: 10px;background: #f1f1f1;border-radius: 30px;height: 50px;align-items: center;justify-content: space-between;transition: all 0.5s;z-index: 10;}
.sTeam .teamAccordion button:hover::after, 
.sTeam .teamAccordion button:focus::after {cursor: pointer;color: #03b5d2;border: 1px solid #03b5d2;}
.sTeam .teamAccordion button .btn{font-weight: 500;padding: 0;}
.sTeam .teamAccordion button .icon {width: 15px;height: 15px;display: inline-block;position: relative;}
.sTeam .teamAccordion button .icon::before {display: block;position: absolute;content: "";top: 7px;width: 15px;height: 1px;background: currentColor;}
.sTeam .teamAccordion button .icon::after {display: block;position: absolute;content: "";left: 7px;width: 1px;height: 15px;background: currentColor;}
.sTeam .teamAccordion button:hover,
.sTeam .teamAccordion button[aria-expanded=true] {color: #ffffff;background: #314a95;}
.sTeam .teamAccordion button[aria-expanded=true] .icon::after {width: 0;}
.sTeam .teamAccordion button[aria-expanded=true] + .accoContent {opacity: 1;max-height: 15em;transition: all 200ms linear;will-change: opacity, max-height;}
.sTeam .teamAccordion .accoContent {opacity: 0;max-height: 0;overflow: hidden;transition: opacity 200ms linear, max-height 200ms linear;will-change: opacity, max-height;}
.sTeam .teamAccordion .accoContent{}
.sTeam .teamAccordion .accoContent h4{font-size: 24px;color: #070707;font-weight: 500;margin-bottom: 20px;}
.sTeam .teamAccordion .accoContent p{font-size: 18px;color: #626262;padding-left: 22px;position: relative;display: flex;align-items: flex-start;margin: 10px 0;flex-direction: column;}
.sTeam .teamAccordion .accoContent p:after{content:'';position: absolute;width: 4px;height: 4px;background: #626262;left: 0;top: 11px;border-radius: 50%;}
.sTeam .teamAccordion .accoContent p strong{font-weight: 400;color: #36487d;}
.sTeam .teamAccordion .accoContent p span{font-size: 17px;margin: 10px 0 0;}
.sTeam .teamAccordion .accoContent h4.cm{margin-top: 25px;}
.sTeam .accoClear{margin-top: 7em;}

.sTeam .vertical .title1{}
.sTeam .vertical .title2{display: grid !important;grid-template-columns: 1fr 49% 1fr;width: 54% !important;}
.sTeam .vertical .conBox button{position: absolute;right: 0;top: 11px;}
.sTeam .vertical .accoContent{width: calc(100% - 40.5%);margin-left: 40.5%;}
.sTeam .vertical button[aria-expanded=true] + .accoContent{margin-top:20px; max-height: 31em;}
.sTeam .vertical button#accoButton4 {top: 25px;}
.sTeam .vertical .accoContent h4 {font-size: 20px;margin-bottom: 10px;}
.sTeam .vertical button[aria-expanded=true] + .accoCon1{max-height: 4em;}
.sTeam .vertical button[aria-expanded=true] + .accoCon2{max-height: 25em;}
.sTeam .vertical button[aria-expanded=true] + .accoCon3{max-height: 8em;}
.sTeam .vertical button[aria-expanded=true] + .accoCon4{max-height: 10em;}

.sTeam .horizontal{}
.sTeam .horizontal .titleBox{width: 331px;}
.sTeam .horizontal .titleBox img{}
.sTeam .horizontal .titleBox h3{margin-top: 25px;display: flex;justify-content: space-between;align-items: center;}
.sTeam .horizontal .titleBox h3 span{font-size: 20px;font-weight: 400;display: block;}
.sTeam .horizontal ul li {padding: 25px 0;border: 0;}
.sTeam .horizontal button{position: absolute;bottom: 32px;left: 157px;}
.sTeam .horizontal ul li .accoContent {position: absolute;top: 0;opacity: 1 !important;max-height: 30em !important;}
.sTeam .horizontal ul li .accoContent ul{display: flex;margin-left: 500px;}
.sTeam .horizontal ul li .accoContent ul li{width: 50%;}
.sTeam .horizontal ul li .accoContent ul li span{font-weight: 400;padding: 0;}
.sTeam .horizontal button[aria-expanded=true] + .accoContent{max-height: 27em;}

/* === Product === */
.sPorduct{padding: 12em 0;}
.sPorduct ul{display: flex;}
.sPorduct ul li{}
.sPorduct ul li:nth-child(2){margin: 0 3em;}
.sPorduct ul li h2{font-size: 24px;color: #010101;border-top: 3px solid #5d5d5d;border-bottom: 1px solid #d9d9d9;padding: 20px 0;margin: 20px 0;font-weight: 500;text-align: center;}
.sPorduct .imgBox{}
.sPorduct .imgBox img{width: 100%;}
.sPorduct .imgBox img:last-child{margin-top: 10px;}

/* === Contact === */
.sContact{padding: 12em 0;}
.sContact .contactMap{}
.sContact .contactMap iframe{}
.sContact .contWrap{display: flex;justify-content: space-between;margin: 6em 0 0;align-items: center;}
.sContact .contWrap h2{width: 40%;display: flex;flex-direction: row;align-items: center;flex-wrap: wrap;}
.sContact .contWrap span{display: flex;margin-bottom: 15px;align-items: center;}
.sContact .contWrap span:last-child{margin-bottom:0;}
.sContact .contWrap .imgBox{width: 90px;height: 75px;display: inline-block;margin-right: 10px;position: relative;}
.sContact .contWrap .imgBox img{width: 100%;}
.sContact .contWrap .txtBox{font-size: 80px;line-height: 1;letter-spacing: -0.03em;color: #2d2d2d;}
.sContact .contWrap .cs{width:60%;}
.sContact .contWrap .cs p{font-size: 20px;margin-bottom: 15px;font-weight: 600;color: #000;}
.sContact .contWrap .cs p i{font-family: xeicon!important;display: inline-block;speak: none;font-style: normal;
    font-weight: 400;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;font-size: 27px;margin-right: 10px;vertical-align: sub;color: #2856be;}
.xi-spin {-webkit-animation: xi-spin 2s infinite linear;animation: xi-spin 2s infinite linear;}

.sContact .contWrap ul{display: flex;flex-direction: column;border-top: 1px solid #000;width: 100%;}
.sContact .contWrap ul li{font-size: 22px;border-bottom: 1px solid #cdcdcd;padding: 20px 0;color: #656565;}
.sContact .contWrap ul li:last-child{border-bottom: 1px solid #000;}
.sContact .contWrap ul li span{display: block;margin-bottom: 15px;font-size: 18px;}
.sContact .contWrap ul li span:last-child{margin-bottom:0;}
.sContact .contWrap ul li span em{font-weight: 600;width: 120px;display: inline-block;color: #2d2d2d;}
.sContact .contWrap ul li i{width: 121px;color: #2d2d2d;}
.sContact .contWrap .ele1{background:url(../img/content/s.png) no-repeat;background-size: 100%;}
.sContact .contWrap .ele2{background:url(../img/content/e.png) no-repeat;background-size: 100%;}
.sContact .contWrap .ele3{background:url(../img/content/m.png) no-repeat;background-size: 100%;}
.sContact #element-3.slide-in-left,
.sContact #element-4.slide-in-left,
.sContact #element-5.slide-in-left{animation: image-sin 2s cubic-bezier(0.5, 0, 0.1, 1) 0s backwards;opacity: 1;position: absolute;left: 0;z-index: 1;}

/* === lnb === */
.subTabLnb{width: 960px;margin: 0 auto 6em;}
.subTabLnb ul{background: #f5f6f9;height: 70px;display: flex;align-items: center;flex-direction: row;border-radius: 100px;}
.subTabLnb ul li{width: 50%;text-align: center;font-size: 20px;font-weight: 700;}
.subTabLnb ul li a{display: block;height: 70px;line-height: 70px;border-radius: 100px;color:#a9a9a9;transition: all 0.5s;}
.subTabLnb ul li a:hover{color:#333;}
.subTabLnb ul li a.on{color: #fff;background: #2856be;}

/* === board === */
#bo_list tbody tr{}
#bo_list tbody tr.bo_notice td {background: #fbfbfb !important;border-bottom: 1px solid #ededed;}
#bo_list tbody tr.bo_notice .notice_icon{background: #2856be;padding: 3px 20px;border-radius: 20px;color: #fff;}
#bo_list .bo_tit .new_icon {color: #fff !important;background: #fb3e3e !important;border-radius: 50% !important;padding: 5px;}
#bo_list .bo_tit .fa-download {color: #fff !important;background: #3676c5 !important;border-radius: 50% !important;padding: 5px;}
#bo_list .bo_tit .fa-link {color: #fff !important;background: #4ea744 !important;border-radius: 50% !important;padding: 5px;}
.bo_notice td a {margin-right: 10px;}
.sv_member {text-align: center;display: block;}
.bo_sch {border-radius: 8px;}
.bo_sch_wrap {z-index: 9999 !important;}
.bo_sch_bg {background: rgb(0 0 0 / 49%) !important;}
.bo_sch h3 {font-size: 20px !important;color: #000;}
.bo_sch{padding: 20px 10px !important;}
.bo_sch form {padding: 15px 0 !important;}
.bo_sch .sch_bar {margin-top: 5px !important;}
#bo_w .bo_w_tit .frm_input {padding-right: 0 !important;width: calc(100% - 6px) !important;}
.btn_cke_sc {height: 29px !important;}
#bo_w .bo_w_link .frm_input {width: calc(100% - 57px) !important;}
#autosave_pop button {display: none;}
#bo_w .bo_v_option li {background: #2856be;padding: 5px 20px;border-radius: 20px;}
#bo_w .bo_v_option li label {color: #fff !important;font-weight: 700;}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {left: -3px;top: 3px;}
#bo_w .bo_w_tit #btn_autosave {top: 11px !important;right: 10px !important;}
#bo_w .bo_w_link label i{vertical-align: -6px;}
#bo_w .bo_w_flie .lb_icon i{vertical-align: -6px;}
#bo_w .bo_w_flie .frm_file {margin-top: 5px !important;}
#bo_w .bo_w_flie input[type=file]::file-selector-button {width: 150px;height: 30px;background: #fff;border: 1px solid rgb(77,77,77);border-radius: 10px;cursor: pointer;}
.btnCenter {text-align: center;padding: 30px 0;}
.btnCenter .btn_cancel{background: #e3e3e3;width: 150px;padding: 10px;border-radius: 50px !important;}
.btnCenter .btn_submit{background: #2856be;width: 150px;height: 55px;border-radius: 50px !important;vertical-align: -2px;margin-left: 10px;}
#bo_v_info .profile_info {margin: 25px 0 10px !important;}
#bo_v_info .profile_info .profile_info_ct {display: flex;}
#bo_v_file .bo_v_file_cnt,
#bo_v_link .bo_v_link_cnt{display: none;}
#bo_v_file li i,
#bo_v_link li i{font-size: 24px !important;}
.bo_v_nb li {padding: 20px 13px !important;}
#bo_v_con {padding: 30px;}
#bo_v_img a.view_image,
#bo_list .bo_tit .new_icon{display:none !important;}
#bo_v_con {width: auto !important;}
.bo_sch{transform: translate(-50%,-50%);margin-left: 0 !important;margin-top: 0 !important;}

.mt-minus{margin-top: -4em;}
#bo_v_con table{margin:0 auto;}

@media all and (max-width:640px){
	#bo_v_con {padding: 30px 0;}
	.mo_remove{display:none;}
	.mo_wsize{width:20% !important;}
}


/*
===============================================
animation
===============================================
*/
@keyframes image-sin {
  from {clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);}
  to {clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}

@keyframes scale-in-center {
  0% {-webkit-transform: scale(0);transform: scale(0);opacity: 0;}
  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}

@keyframes text-in-clip {
  0% {-webkit-filter: blur(12px);filter: blur(12px);opacity: 0;}
  100% {-webkit-filter: blur(0px);filter: blur(0px);opacity: 1;}
}

@keyframes xi-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

/*
===============================================
반응형 css
===============================================
*/

@media all and (min-width:1921px){
	.sVisWrap {margin-top: 17vh;}
	.sVisWrap .sVis{width: 70%;}
	.proSection03 .conBox h2{left: 9.5%;}
	.sVisWrap .titleBox {top: 18vh;}
}

@media (max-width:1600px) and (max-height:768px){

}

@media all and (max-width:1919px){
	.proSection03 {padding: 11em 0 5em;}
	.proSection03 .conBox h2{top: 0.9em;left: 6%;}
	.sVisWrap {margin-top: 125px;}
}

@media all and (max-width:1600px){
	.sVisWrap .sVis{width: 70%;height: 700px;}
	.sVisWrap .sVis img{width: 100%;height: 100%;object-fit: cover;}
	.sVisWrap .titleBox {left: 3%;}

	.proSection03 {padding: 8em 0 5em;}
	.proSection03 .conBox h2 {top: 0.6em;left: 2%;font-size: 90px;}
	.proSection03 .conBox .imgBox img {height: 100%;width: 100%;}

	.proSection04{padding: 5em 0 9em;}

	.proSection01-4title .title{margin-bottom: 3em;}

	.proSection05 ul{flex-direction: column;}
	.proSection05 {padding-bottom: 0;}
	.proSection05 ul li {width: calc(100% - 60px);}

	.proSection06 {padding-bottom: 5em;}
	.proSection06 .conBox .con h2 br{display:none;}
	.proSection06 .conBox{flex-direction: column;align-items: center;}
	.proSection06 .conBox .con {width: 100%;margin-top: 45px;}
	.proSection06 .conBox .con .con1 .txtBox .t1 {left: 50%;margin-left: -400px;}
	.proSection06 .conBox .con .con1 .txtBox .t2{left: 50%;margin-left: -400px;}
	.proSection06 .conBox .con .con1 .txtBox .t3{left: 50%;right: inherit;}
	.proSection06 .conBox .con .con1 .txtBoxNo .no1 {right: 22%;}
	.proSection06 .conBox .con .con1 .txtBoxNo .no2{left:12%;}
	.proSection06 .conBox .con .con1 .txtBoxNo .no3 {right: 20%;}
	.proSection06 .conBox .con .con2:after{transform: translate(-12%, -49%);}
	.proSection06 .conBox .con .con2:before{left: 20%;}
	.proSection06 .conBox .con .con2 .txtBox .t1{left: 29%;}
	.proSection06 .conBox .con .con2 .txtBox .t2{left: 33%;}
	.proSection06 .conBox .con .con2 .txtBox .t3{left: 50%;margin-left: -260px;}
	.proSection06 .conBox .con .con2 .txtBox .t4{left: 50%;margin-left: 265px;bottom: 80px;width: 180px;}

	.sTeam .horizontal ul li .accoContent ul {margin-left: 400px;}
	.sTeam .teamAccordion .accoContent p {font-size: 17px;}
	.sTeam .horizontal button[aria-expanded=true] + .accoContent {max-height: 40em;}
	.sTeam .horizontal ul li .accoContent ul li {margin: 0 1.5em;}

	.sContact {padding: 9em 0;}
	.sContact .contactMap iframe {width: 100%;}
	.sContact .contWrap span {width: 100%;}
	.sContact .contWrap .imgBox {width: 60px;height: 50px;}
	.sContact .contWrap .txtBox {font-size: 55px;}
	.sContact .contWrap h2 {width: 30%;}
	.sContact .contWrap .cs {width: 70%;}
}

@media all and (max-width:1500px){
	.proSection06 .conBox .con .con1 .txtBox .t3{margin-left: 1%;}
	.proSection06 .conBox .con .con2 .txtBox .t4{margin-left: 290px}
}

@media all and (max-width:1300px){
	.proSection04 .titBox p{font-size: 16px;}
}

@media all and (max-width:1280px){
	.sVisWrap {margin-top: 9vh;}	
	.sVisWrap .txtBox p {font-size: 60px;}
	.sVisWrap .sVis{height: 600px;}

	.proSection01 ul,
	.proSection01 .proUl{justify-content: center;}
	.proSection01 ul li,
	.proSection01 .proUl li{margin:0 2em}

	.proSection02 .conBox .txtBox h4 {font-size: 36px;}
	.proSection02 .conBox .txtBox p {font-size: 18px;}

	.proSection04{flex-direction: column;}
	.proSection04 .titBox{display:none;}
	.proSection04 .conBox {width: 100%;}
	.proSection04 .conBox .con .imgBox {width: 50%;}
	.proSection04 .conBox .con .txtBox {width: 46%;}
	.proSection04 .conBox h3{position: relative;}
	.proSection04 .conBox h3:before{content: '[ 비교 ]';position: absolute;left: 50%;top: 18px;margin-left: -225px;font-size: 14px;width: 146px;}
	.proSection04 .conBox h4{position: relative;}
	.proSection04 .conBox h4:before{content: '[ 항목 ]';position: absolute;left: 50%;top: 0;margin-left: -225px;font-size: 14px;width: 146px;color: #373737;}
	.proSection04 .conBox .con .txtBox p{justify-content: flex-start;align-items: center;padding-left: 150px;position: relative;}
	.proSection04 .conBox .con .txtBox p:before{position: absolute;left: 0;font-size: 14px;width: 130px;text-align: left;}
	.proSection04 .conBox .con .txtBox p:nth-child(1):before{content: '[ 작업시간 ]';}
	.proSection04 .conBox .con .txtBox p:nth-child(2):before{content: '[ 회수율 ]';}
	.proSection04 .conBox .con .txtBox p:nth-child(3):before{content: '[ 물 소모량 ]';}
	.proSection04 .conBox .con .txtBox p:nth-child(4):before{content: '[ 성능 ]';}
	.proSection04 .conBox .con .txtBox p:nth-child(5):before{content: '[ 물 손실량 ]';}
	.proSection04 .conBox .con .txtBox p:nth-child(6):before{content: '[ 생산 지속성 ]';}
	.proSection04 .conBox1{margin-top:30px;}
    .proSection04 .conBox .inner {margin-right: 0;}
	.proSection04 .conBox1 .inner{margin-left:0;}

	.proSection06 .conBox .con .con1 .txtBox .t3{margin-left: 4%;}
	.proSection06 .conBox .con .con2 .txtBox .t4{margin-left: 28%}

	.sPorduct {padding: 7em 0 9em;}
	.sPorduct ul li:nth-child(2) {margin: 0 2em;}
	.sPorduct ul li h2 {font-size: 20px;}

	.sTeam {padding: 9em 0;}
	.sTeam .horizontal ul li .accoContent {position: inherit;margin-top: 25px;border-top: 1px dashed #cdcdcd;padding-top: 25px;}
	.sTeam .horizontal ul li .accoContent ul {margin-left: 0;}
	.sTeam .horizontal button {position: inherit;bottom: 57px;left: 157px;}
	.sTeam .horizontal ul li {padding: 25px 0 0;}
	.sTeam .horizontal button[aria-expanded=true] + .accoContent {max-height: 30em;}
	.sTeam .horizontal ul li .accoContent ul li {padding: 0;}
	.sTeam .horizontal .titleBox h3{margin-top: 30px;display: block;;}
	.sTeam .teamAccordion .conBox .title {width: 41.7%;}
	.sTeam .teamAccordion .conBox .title em {font-size: 18px;}
	.sTeam .teamAccordion h3 {font-size: 20px;}
	.sTeam .horizontal h3 {font-size: 24px;}
	.sTeam .teamAccordion .conBox .title span {font-size: 15px;}
	.sTeam .vertical .title2 {width: 50% !important;}
	.sTeam .vertical .accoContent h4 {font-size: 18px;}
	.sTeam .teamAccordion .accoContent p {font-size: 16px;}
	.sTeam .vertical .accoContent {width: calc(100% - 38%);margin-left: 38%;}
	.sTeam .vertical1 .accoContent {width: calc(100% - 36.5%);margin-left: 36.5%;}
	.sTeam .accoClear1 {margin-top: 5em;}
	.sTeam .vertical button#accoButton4 {top: 17px;}

	.sContact .contactMap iframe {height: 400px;}
	.sContact .contWrap h2 {width: 40%;}
	.sContact .contWrap .cs {width: 60%;}
	.sContact .contWrap ul li span em {display: block;margin-bottom: 6px;}
	.sContact .contWrap ul li i {width: 40px;}
}

@media all and (max-width:1200px){
.proSection03 .conBox h2 {top: 1em;font-size: 70px;}
}

@media all and (max-width:1150px){
	.proSection06 .conBox .con .con1 .txtBoxNo .no1 {right: 10%;}
	.proSection06 .conBox .con .con1 .txtBoxNo .no2 {left: 5%;}
	.proSection06 .conBox .con .con1 .txtBoxNo .no3 {right: 5%;}
	.proSection06 .conBox .con .con2:after {transform: translate(-20%, -49%);}
	.proSection06 .conBox .con .con2:before {left: 5%;}
	.proSection06 .conBox .con .con2 .txtBox .t1 {left: 18%;}
	.proSection06 .conBox .con .con2 .txtBox .t2 {left: 22%;}
	.proSection06 .conBox .con .con2 .txtBox .t3 {margin-left: -330px;}
	.proSection06 .conBox .con .con2 .txtBox .t4 {margin-left: 0;left: inherit;right: 4%;}
}

@media all and (max-width:1024px){
	.sVisWrap .sVis {width: 100%;}
	.sVisWrap .sVis .imgBox{animation: image-sin 1.7s cubic-bezier(0.5, 0, 0.1, 1) 0s backwards;}
	.sVisWrap .sVis:after{content: '';position: absolute;width: 100%;height: 100%;background: #000;top: 0;opacity: 0.6;animation: image-sin 1.7s cubic-bezier(0.5, 0, 0.1, 1) 0s backwards;}
	.sVisWrap .titleBox .title a i,
	.sVisWrap .titleBox .title h1,
	.sVisWrap .txtBox .t1,
	.sVisWrap .txtBox .t2,
	.sVisWrap .txtBox .t3,
	.sVisWrap .txtBox p{color: #fff;}
	.sVisWrap .titleBox {top: 10vh;}

	.proSection01 {padding: 6em 0;}
	.proSection01 .title h2 {font-size: 40px;}
	.proSection01 .title{margin-bottom: 5em;}
	.proSection01 ul li, 
	.proSection01 .proUl li {margin: 0 1.5em;}

	.proSection03 .conBox h2 {font-size: 60px; top: 2px;}
	.proSection03 {padding: 3em 0;}

	.proSection01-4title {padding: 6em 0 0;}
	.proSection01-4title .title {margin-bottom: 2em;}

   .proSection06 .conBox .con .con1 .txtBox .t1 {left: 20px;margin-left: 0;width: 234px;}
   .proSection06 .conBox .con .con1 .txtBox .t2 {left: 20px;bottom: inherit;margin-left: 0;top: 115px;width: 234px;}
   .proSection06 .conBox .con .con1 .txtBox .t3 {margin-left: 0;left: 20px;bottom: 260px;}
   .proSection06 .conBox .con .con1 .txtBox span{font-size:20px;}
   .proSection06 .conBox .con .con1 .txtBoxNo span{align-items: flex-start;text-align: left;}
   .proSection06 .conBox .con .con1 .txtBoxNo span em{text-align:center;}
   .proSection06 .conBox .con .con1 .txtBoxNo .no1 {right: 20px;}
   .proSection06 .conBox .con .con1 .txtBoxNo .no2 {left: inherit;right: 20px;}
   .proSection06 .conBox .con .con1 .txtBoxNo .no3 {right: 20px;top: 307px;}
   .proSection06 .conBox .con .con2 .txtBox .t1 {left: 4%;}
   .proSection06 .conBox .con .con2 .txtBox .t2 {left: inherit;right: 20px;width: 180px;top: 276px;}
   .proSection06 .conBox .con .con2 .txtBox .t3 {margin-left: 0;left: inherit;right: 20px;bottom: 53px;}
   .proSection06 .conBox .con .con2 .txtBox .t4 {margin-left: 0;left: inherit;right: 20px;bottom: 130px;}
   .proSection06 .conBox .con .con2:before {left: 3%;}
   .proSection06 .conBox .con .con2:after {transform: translate(-30%, -49%);}

   	.sTeam .vertical .title2 {width: 60% !important;}
	.sTeam .vertical .accoContent {width: calc(100% - 45%);margin-left: 45%;}
	.sTeam .vertical1 .accoContent {width: calc(100% - 36.5%);margin-left: 36.5%;}
}

@media all and (max-width:960px){
	.proSection06 .conBox .con h2 {text-align: left;}
	.proSection06 .conBox .con .con2:after{transform: translate(-30%, -37%);background-size: 41%;}
	.proSection06 .conBox .con .con2:before{margin-top: -54.5px;background-size: 20%;}
	.proSection06 .conBox .con .con1 .txtBox span {font-size: 16px;}
	.proSection06 .conBox .con .con1 .txtBox .t1 em {font-size: 10px;}
	.proSection06 .conBox .con .con1 .txtBox .t1{width: 184px;}
	.proSection06 .conBox .con .con1 .txtBox .t2 {top: 105px;width: 184px;}
	.proSection06 .conBox .con .con1 .txtBox .t3{bottom: 275px;}
	.proSection06 .conBox .con .con1:after{background-size: 12%;transform: translate(-12%, -38%);}

	.sPorduct ul {flex-direction: column;}
	.sPorduct ul li:nth-child(2) {margin: 2em 0;}

	.sContact .contWrap{flex-direction: column;}
	.sContact .contWrap h2 {width: 100%;}
	.sContact .contWrap .cs {width: 100%;margin-top: 30px;}
	.sContact .contWrap {margin: 3em 0 0;}

	.techWrap .techCon1 .imgBox{margin-top: -25px;}

	.subTabLnb {width: 100%;}
}

@media all and (max-width:850px){
	.proSection02 .conBox{flex-direction: column;}
	.proSection02 .conBox .txtBox {width: calc(100% - 100px);margin-bottom: 20px;}
	.proSection02 .conBox .txtBox h4 br{display:none;}

	.sTeam .vertical .accoContent {width: 100%;margin-left: 0;}
	.sTeam .vertical .title2 {width: 70% !important;}

	.proSection03 .conBox h2 {font-size: 45px;top: 11px;}
}


@media all and (max-width:768px){
	.sVisWrap {margin-top: 9vh;}
	.sVisWrap .sVis {height: 500px;}
	.sVisWrap .txtBox p {font-size: 48px;}
	.sVisWrap .txtBox {margin-top: 1.5em;}
	.sVisWrap .txtBox .t3 {font-size: 20px;margin-top: 2em;}

	.proSection03 {padding: 1em 0 1.5em;}
	.proSection03 .conBox h2 {font-size: 38px;top: -12px;}

	.sTeam {padding: 6em 0 10em;}
	.sTeam .horizontal ul li .accoContent{border: 0;margin: 0;}
	.sTeam .horizontal ul li .accoContent ul{flex-direction: column;}
	.sTeam .horizontal ul li .accoContent ul li {width: 100%;margin: 0;}
	.sTeam .horizontal ul li .accoContent{max-height: 55em !important;}
	.sTeam .horizontal button[aria-expanded=true] + .accoContent {max-height: 50em !important;}
	.sTeam .horizontal ul li .accoContent ul li:last-child{margin-top:15px;}
}

@media all and (max-width:750px){
	.proSection01 ul, 
	.proSection01 .proUl{flex-wrap: wrap;}
	.proSection01 .proM{display:flex;}
	.proSection01 .proPc{display:none;}
	.proSection01 ul li:nth-child(3),
	.proSection01 ul li:nth-child(4){margin-top: 15px;margin-bottom: -40px;}

	.proSection04 .conBox .con .txtBox p{align-items: flex-end;font-size: 16px;padding: 20px 0 10px;height: 40px;width: 100%;}
	.proSection04 .conBox .con .txtBox p br{display:none;}
	.proSection04 .conBox .con .txtBox p:before{top: 10px;width: 100%;}
	/*.proSection04 .conBox1 .con .imgBox img{height: 160px;}*/
	.proSection04 .conBox h3 {text-align: left;padding-left: 20px;}
	.proSection04 .conBox h3:before {right: 20px;margin-left: 0;left: inherit;width: auto;}
	.proSection04 .conBox h4:before{left: 0;margin-left: 0;width: auto;}
}

@media all and (max-width:700px){
	.proSection06 .conBox .con .con1:after {left: 87px;top: inherit;bottom: 0;height: 280px;transform: none;}

	.sTeam .teamAccordion .conBox .title {display: flex !important;flex-direction: column;justify-content: space-between;align-items: flex-start;}
	.sTeam .teamAccordion .conBox .title span {color: #616161;line-height: 1.2;margin: 10px 0;}

	.sTeam .vertical button#accoButton4 {top: 39px;}
	.sTeam .vertical button#accoButton5,
	.sTeam .vertical button#accoButton6 {top: 30px;}
	.sTeam .teamAccordion .accoContent .first{border-top: 1px dashed #cdcdcd;padding-top: 20px;}
	.sTeam .teamAccordion .accoContent p.first:after{top: 32px;}
	.sTeam .horizontal .accoContent h4 {font-size: 22px;margin-bottom: 15px;}
}

@media all and (max-width:640px){
	.sVisWrap .titleBox{left: 5%;}
	.sVisWrap .sVis {height: 400px;}
	.sVisWrap .txtBox p {font-size: 34px;}
	.sVisWrap .txtBox .t3 {font-size: 18px;}

	.proSection01 .title h2 {font-size: 32px;}
	.proSection01 .title p {font-size: 22px;margin-top: 10px;}

	.proSection03 .conBox .imgBox{height:400px;}
	.proSection03 .conBox h2 {color: #f7f7f7;}

	.proSection04 {padding: 5em 0 8em;}

	.proSection05 ul li{font-size:16px;}

	.proSection06 {padding-bottom: 5em;}
	.proSection06 .conBox .con h2 br{display:block;}
	.proSection06 .conBox .con .con1:after {left: 74px;bottom: 38px;width: 71px;height: 245px;background-size: 100%;}
	.proSection06 .conBox .con .con1 .txtBoxNo span{width: 210px;}
	.proSection06 .conBox .con .con1 .txtBox .t2,
	.proSection06 .conBox .con .con1 .txtBox span {font-size: 14px;}
	.proSection06 .conBox .con .con1 .txtBox .t1 {left: 15px;padding: 7px 7px 11px;}
	.proSection06 .conBox .con .con1 .txtBox .t2 {top: 90px;width: 166px;left: 15px;}
	.proSection06 .conBox .con .con1 .txtBox .t3 {bottom: 310px;left: 15px;}
	.proSection06 .conBox .con .con1 .txtBoxNo span {width: 240px;}
	.proSection06 .conBox .con .con2:after {background-size: 100%;transform: translate(-37%, -70%);width: 280px;height: 217px;}
	.proSection06 .conBox .con .con2:before {margin-top: -103.5px;background-size: 100%;width: 170px;height: 92px;}
	.proSection06 .conBox .con .con2 .txtBox .t1 {left: 15px;top: 34px;}
	.proSection06 .conBox .con .con2 .txtBox .t2 {left: 15px;right: inherit;top: 340px;}
	.proSection06 .conBox .con .con2 .txtBox .t3 {left: 15px;right: inherit;bottom: 12px;}
	.proSection06 .conBox .con .con2 .txtBox .t4 {left: 15px;right: inherit;bottom: 78px;}

	.proSection01-4title .title h2{font-size: 30px;}
	.proSection01-4title .title p {font-size: 16px;font-weight: 400;}
	.proSection06 .conBox .con h2{font-size:22px;}

	.sPorduct {padding: 4em 0 7em;}

	.sTeam h2 {font-size: 24px;}

	.sContact {padding: 5em 0 8em;}
	.sContact .contactMap iframe {height: 350px;}
	.sContact .contWrap .imgBox {width: 45px;height: 37px;}
	.sContact .contWrap .txtBox {font-size: 32px;}
	.sContact .contWrap ul li span em {font-size: 15px;}
	.sContact .contWrap ul li span {font-size: 17px;}
	.sContact .contWrap ul li {font-size: 18px;}

	.sContact .contWrap .cs p{font-size: 18px;}

	.subTabLnb {margin: 4em auto;}
	.subTabLnb ul {height: 50px;}
	.subTabLnb ul li {font-size: 18px;}
	.subTabLnb ul li a {height: 50px;line-height: 50px;}
}

@media all and (max-width:600px){
	.proSection04 .conBox .con{flex-direction: column;}
	.proSection04 .conBox .con .imgBox,
	.proSection04 .conBox .con .txtBox{width:100%;}
	.proSection04 .conBox1 .con .imgBox{margin-top: 20px;}
	.proSection04 .conBox1 .con .imgBox img:last-child {margin-top: 50px;}
	.proSection04 .conBox h3{font-size:18px;border-radius: 8px;}
	.proSection04 .conBox h4{justify-content: flex-start;}
	.proSection04 .conBox h4:before {left: inherit;right: 20px;text-align: right;}
	.sTeam .horizontal button[aria-expanded=true] + .accoContent {max-height: 60em;}
	.sContact .contWrap ul li span i{display:block;}
}

@media all and (max-width:550px){
	.proSection01 ul li{height: 285px;}
	.proSection01 .bat2{margin-top:20px;}
	.proSection01 ul li:nth-child(3), 
	.proSection01 ul li:nth-child(4){margin-bottom: -10px;}

	.proSection02 .conBox .txtBox {width: calc(100% - 60px);padding: 50px 30px 10px;}
	.proSection03 .conBox h2 {top: -50px;}
	
	.proSection06 .conBox .con h2 br{display:none;}
	.proSection06 .conBox .con .con1 .txtBoxNo span {width: 160px;}
	.sTeam .vertical button[aria-expanded=true] + .accoContent{max-height: 40em;}
	.sTeam .teamAccordion button {width: 140px;padding: 0 18px;}
	.sTeam .horizontal button {left: 191px;}
}

@media all and (max-width:490px){
	.proSection06 .conBox .con .con1 .txtBox span{font-size: 12px;width:120px;}
	.proSection06 .conBox .con .con1 .txtBox .t1{width: 120px;top: 20px;}
	.proSection06 .conBox .con .con1 .txtBox .t2{width: 103px;top: 95px;font-size: 13px;}
	.proSection06 .conBox .con .con1 .txtBox .t3{width: 103px;bottom: 294px;}
	.proSection06 .conBox .con .con1:after {left: 50px;bottom: 15px;}
	.proSection06 .conBox .con .con1 .txtBoxNo .no2 {top: 205px;}
	.proSection06 .conBox .con .con1 .txtBoxNo .no3 {top: 340px;}
	.proSection06 .conBox .con .con2:after {transform: translate(-24%, -75%);width: 220px;height: 171px;}
	.proSection06 .conBox .con .con2 .txtBox .t2 {top: 324px;}
	.proSection06 .conBox .con .con2 .txtBox .t4 {bottom: 94px;}
	.proSection06 .conBox .con .con2 .txtBox .t3 {bottom: 27px;}
}

@media all and (max-width:430px){
	.sVisWrap .sVis {height: 365px;}
	.techWrap .techCon1 .imgBox {margin-top: -26px;}
}

@media all and (max-width:390px){
	.proSection02 .conBox .txtBox p {font-size: 16px;}
	.proSection01-4title .title h2{font-size: 26px;}
	.sTeam .horizontal .titleBox{width:100%;}
	.sTeam .horizontal .titleBox img {width: 100%;}
	.sTeam .horizontal button {left: 95px;}
	.sTeam h2 {font-size: 22px;}
	.sTeam .accoClear {margin-top: 4em;}
	.sTeam .accoClear1 {margin-top: 2em;}
}

@media all and (max-width:380px){
	.techWrap .techCon .titBox {height: 670px;}
	.techWrap .techCon1 .titBox {height: auto;}

	.proSection04 .conBox h4:before {right: inherit;top: -23px;left: 15px;}
	.proSection04 .conBox1 .con .imgBox img {width: 100%;}
}