@media screen and (max-width:1750px) {
  /* common */
  #gnb{padding: 26px 25px 27px 0;}
  #gnb .gnbUl li a{font-size: 18px;}
  #allMenu .menuWrap{padding: 0 75px 0 10px;}
  /* main */
  .main #allMenu .menuWrap{padding: 0;}
  .main #allMenu{padding: 0 85px 0 225px;}
}
@media screen and (max-width:1570px) {
  /* common */
  #gnb{padding: 20px 25px 20px 0;}
  #gnb .gnbUl li a{font-size: 16px;}
  /* main */
  .skillUl li{width: calc((100% - 120px) / 3);}
}
@media screen and (max-width:1400px) {
  /* common */
  #header .inner{width:calc(100% -  135px);margin: 0 100px 0 35px;}
  #mainText ul li{margin: 0;}
  #mainText ul li h2{font-size: 40px;}
  #allMenu .menuWrap{width: 100%;padding: 0 120px 0 0px;}
  #allMenu .menuWrap .depth2 li{font-size: 14px;}
  #footer.main .inner{width: calc(100% - 180px);margin: 0 140px 0 40px;}
  /* main */
  .main #allMenu{padding: 0 80px 0 140px;}
  .main #allMenu .menuWrap{width: calc(100% - 115px);transform: translateX(10px);}
  #mainText{width: calc(100% - 80px);}
  #allMenu .menuWrap .depth2{padding: 20px 5px;}
  .section .inner{width: calc(100% - 180px);margin: 40px 140px 0 40px;}
  #fullpage .title h2{font-size: 40px;}
  .electronicUl li .txt h3{font-size: 50px;}
  .skillUl li .txtWrap{width: calc(100% - 80px);}
  /* content */
  .mainTit h3{font-size: 40px;}
  .title h2{font-size: 30px;}
  .locationBg{padding: 18% 0 15%;}
  .locationBg .snbTit h2{font-size: 60px;}
  .locationBg .locationBtn a{width: 60px;height:60px;}
  .locationBg .snbTit p{font-size: inherit;}
  .companyInfoWrap{width: calc(100% - 200px);padding: 70px 100px 30px;}
  .oneStopWrap .oneStopBg .mainTit{padding: 0 75px;}
  .oneStopUl li .txt strong{margin-bottom: 65px;font-size: 50px;}
  .processWrap .processUl li{font-size: 25px;}
  .ethicsWrap .ethicsPolicy{width: calc(100% - 550px);padding: 40px;}
  .policyWrap .plicyUl > li h4{font-size: 35px;}
  .policyWrap .plicyUl > li h5 br{display: none;}
  .policyWrap .plicyUl > li .numUl em br{display: none;}
  .mainTit h4{font-size: 35px;}
  .prodBox .mainTit h3{font-size: 60px;}
}
@media screen and (max-width:1300px) {
  /* common */
  #gnb .gnbUl li a{font-size: 14px;}
  #allMenu .menuWrap .depth2 li{font-size: 12px;}
  #footer .ftGnb{width: calc(100% - 150px);}
  #footer .ftLogo img{width: 150px;}
  /* main */

  /* content */
  .officeUl > li .txt .txtUl li{padding: 80px 0 0;}
  .ethicsWrap .ethicsDesc p{font-size: 25px;}
  .ethicsWrap .ethicsPolicy{width: calc(100% - 480px);}
  .numUl em{font-size: 16px;}
  .ethicsWrap .ethicsPolicy .plicyTxt{max-width: calc(55% - 30px);}
  .ethicsWrap .ethicsPolicy .plicyTxt h4{font-size: 35px;}
  .ethicsWrap .ethicsPolicy .img{max-width: 45%;}
}
@media screen and (max-width:1200px) {
  /* common */
  #gnb{width: calc(100% - 235px);}
  #allMenu .menuWrap{padding: 0 85px 0 0px;}
  #header .langWrap{width: 60px;}
  #footer .ftGnb{display: none;}
  #footer .terms{width: 100%;display: flex;flex-wrap: wrap;justify-content: flex-end;}
  #footer .terms li{margin-top: 0;}
  #footer .terms li:not(:first-child){margin-left: 20px;}
  #footer .ftInfo{width: calc(100% - 150px);}
  #footer .familySite .familyBtn{display: none;}
  /* main */
  .main #allMenu .menuWrap{width: calc(100% - 75px);transform: translateX(30px);}
  #mainText ul li h2{font-size: 32px;}
  #fullpage .title h2{font-size: 35px;}
  .electronicUl li .txt{padding-left: 40px;}
  .electronicUl li:nth-child(2n) .txt{padding-left: 30px;}
  .electronicUl li .txt h3{font-size: 45px;}
  .section3 .title{margin-bottom: 80px;}
  .skillUl li{width: calc((100% - 90px) / 3);}
  .skillUl li .txtWrap{width: 90%;bottom:20px;}
  .skillUl li .txtWrap h4{font-size: 18px;}
  /* content */
  .mainTit h3{font-size: 35px;}
  .title h2{font-size: 25px;}
  .summaryBg{background-position: 30% 50%;}
  .companyInfoWrap{width: calc(100% - 140px);padding: 50px 70px 30px;}
  .flexBox.ceo .left{width: 470px;}
  .flexBox.ceo .right{width: calc(100% - 520px);}
  .flexBox.ceo .right p{margin-top: 30px;line-height: 1.6;}
  .certificateImg .imgUl li{width: calc((100% - 120px) / 3);margin-right: 60px;}
  .certificateImg .imgUl li:nth-child(4n){margin-right: 60px;}
  .certificateImg .imgUl li:nth-child(3n){margin-right: 0;}
  .certificateImg .imgUl li:nth-child(n+4){margin-top: 60px;}
  .officeUl > li .txt{width: calc(50% - 20px);}
  .officeUl > li .txt .txtUl li{padding: 55px 0 0;}
  .officeUl > li .txt .txtUl li h4{font-size: 30px;}
  .officeUl > li .txt .txtUl li h4 em::before{height: 25px;}
  .officeUl > li .txt .txtUl li p{margin-top: 30px;}
  .txtBox + .btnWrap{margin-top: 40px;}
  .officeUl > li .img{width: 50%;}
  .visitBox .mapUl > li{width: calc(60% - 20px);}
  .visitBox .mapUl > li:last-child{width: 40%;}
  .oneStopTab .oneStopTabUl li a{padding: 15px 10px;}
  .oneStopTab.fix .oneStopTabUl li a{padding: 15px 10px;}
  .oneStopTab .oneStopTabUl li a .ic{margin-bottom: 15px;}
  .oneStopTab .oneStopTabUl li a em{font-size: inherit;}
  .oneStopWrap{padding-top: 147px;}
  .oneStopWrap .oneStopBg .mainTit{padding: 0 60px;}
  .oneStopUl li .txt{padding-left: 60px;}
  .oneStopUl li .txt strong{margin-bottom: 50px;font-size: 40px;}
  .stepWrap{margin: 60px 0 0;}
  .stepWrap .stepUl li .step{padding: 25px 10px;font-size: 18px;}
  .stepWrap .stepUl li .step::before{height:68px;}
  .stepWrap .stepUl li .step::after{height:68px;}
  .stepWrap .stepUl li:nth-child(1) .step::before{border-top: 34px solid #153781;border-left: 20px solid transparent;border-bottom: 34px solid #153781;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(1) .step::after{border-top: 34px solid transparent;border-left: 20px solid #153781;border-bottom: 34px solid transparent;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(2) .step::before{border-top: 34px solid #2850A0;border-left: 20px solid transparent;border-bottom: 34px solid #2850A0;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(2) .step::after{border-top: 34px solid transparent;border-left: 20px solid #2850A0;border-bottom: 34px solid transparent;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(3) .step::before{border-top: 34px solid #3661AE;border-left: 20px solid transparent;border-bottom: 34px solid #3661AE;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(3) .step::after{border-top: 34px solid transparent;border-left: 20px solid #3661AE;border-bottom: 34px solid transparent;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(4) .step::before{border-top: 34px solid #537BC2;border-left: 20px solid transparent;border-bottom: 34px solid #537BC2;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(4) .step::after{border-top: 34px solid transparent;border-left: 20px solid #537BC2;border-bottom: 34px solid transparent;border-right: 20px solid transparent;}
  .processWrap .processUl li{font-size: 20px;}
  .imgList > ul > li .tableArea{padding: 25px;}
  .tableWrap table tbody tr th{padding: 15px 5px;}
  .tableWrap table tbody tr td{padding: 15px 5px;}
  .tableFlex > ul > li .tableArea{padding: 25px;}
  .inftaCate .inftaCateUl li a{font-size: 16px;}
  .imglayout .imginftaLayoutUl > li{width: calc((100% - 90px) / 3);margin-right: 45px;}
  .imglayout .imginftaLayoutUl > li h6{font-size: 18px;}
  .imglayout .imginftaLayoutUl > li h6.cnt{text-align: left;}
  .imglayout .lineUl li{padding-left: 10px;font-size: 14px;}
  .inftaWrap .imglayout .lineUl.opp li{margin-top: 15px;}
  .imglayout .imginftaLayoutUl.ver2 > li{width: calc((100% - 45px) / 2);margin-right: 45px;}
  .tableArea{padding: 55px 70px 50px;}
  .esgSummaryWrap .esgSummaryUl > li{max-width: none;}
  .esgSummaryWrap .esgSummaryUl > li.line{margin-top: 10%;}
  .esgSummaryWrap .esgSummaryUl > li .circle{width: 100%;max-width: 240px;height:0;margin: 0 auto;padding: 100% 0 0;position: relative;}
  .esgSummaryWrap .esgSummaryUl > li .circle .circleIn{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
  .esgSummaryWrap .esgSummaryUl > li .circle .circleIn .img img{width: 60px;}
  .esgSummaryWrap .esgSummaryUl > li.logoLi .circle .circleIn .img img{width: 140px;}
  .esgSummaryWrap .esgSummaryUl > li p{font-size: 22px;}
  .ethicsWrap{margin-top: 35px;}
  .ethicsWrap .ethicsPolicy .plicyTxt{max-width: 100%;}
  .ethicsWrap .ethicsPolicy .plicyTxt h4{font-size: 30px;}
  .ethicsWrap .ethicsPolicy .img{width: 100%;max-width: 100%;margin: 30px 0 0;text-align: center;}
  .ethicsWrap .ethicsPolicy .img img{max-width: fit-content;}
  .policyWrap .plicyUl > li{width: calc((100% - 50px) / 2);}
  .policyWrap .plicyUl > li h4{font-size: 32px;}
  .policyWrap .plicyUl > li h5{font-size: 20px;}
  .policyWrap .plicyUl > li .numUl em{font-size: 20px;}
  .mainTit h4{font-size: 32px;}
  .popupBox .popupCont .contTxt .detailUl{font-size: 16px;}
  .popupBox .popupCont .contTxt .detailUl.ver2 > li{padding: 30px 30px 120px}
  .prodBox.ssd .mainTit h3{font-size: 90px;}
  .prodBox.ssd .mainTit p{font-size: 25px;}
  .prodBox.madical .mainTit p{font-size: 25px;}
  .mainTit ul{margin-top: 45px;}
  .prodBox .mainTit h3{font-size: 50px;}
  .semicBox .semicUl > li h4{font-size: 30px;}
  .semicBox .semicUl > li .arrow p{font-size: 20px;}
  .imglayout h5{font-size: 35px;}
  .imgList > ul.col5 > li{width: calc((100% - 120px) / 5);}
  .imgList > ul.col5 > li:not(:nth-child(5n)){margin-right: 30px;}
  .rndSummaryWrap .imglayout h4{margin-bottom: 20px;font-size: 25px;}
}
@media screen and (max-width:1024px) {
  /* common */
  #header .inner{width:calc(100% -  80px);margin: 0 auto 0;padding-right: 85px;}
  #gnb{display: none;}
  #allMenuBtn{display: none;}
  #allMenuClose{display: none;}
  #sideBar{display: none;}
  #fp-nav{display: none !important;}
  #mobMenuBtn{display: flex;}
  #footer.main .inner{width:calc(100% -  80px);margin: 0 auto;}
  #footer .footerBottom .inner{flex-direction: column;}
  #footer .ftLogo{width: 100%;text-align: center;}
  #footer .ftInfo{width: 100%;margin-top: 30px;}
  /* main */
  .main #allMenu{width: 100%;}
  .section .inner{width: calc(100% - 80px);margin: 40px auto 0;}
  #fullpage .title h2{font-size: 30px;}
  .electronicUl li .txt h3{font-size: 40px;}
  .electronicUl li .txt .moreBtn{margin-top: 60px;}
  #fullpage .flexBox .title{width: calc(35% - 50px);}
  .flexBox .contactWrap{width: 65%;}
  /* content */
  .locationBg{padding: 32% 0 30%;}
  .locationBg .locationBtn{width:calc(100% -  80px);}
  .locationBg .snbTit h2{font-size: 50px;}
  .contWrap .inner{width:calc(100% -  80px);}
  #location .depth{width: calc((100% - 50px) / 2);}
  #location .depth .currentPage{width:100%;padding: 30px 25px;font-size: inherit;background-position: calc(100% - 25px) 50%;}
  #location .depth ul{top:80px;}
  #location .depth ul li a{padding: 20px 25px}
  .mainTit h3 br{display: none;}
  .companyInfoWrap{width: calc(100% - 100px);}
  .flexBox.ceo .left{width: 370px;}
  .flexBox.ceo .right{width: calc(100% - 400px);}
  .certificateImg .imgUl li{width: calc((100% - 80px) / 3);margin-right: 40px;}
  .officeUl > li .txt .txtUl li{padding: 25px 0 0;}
  .officeUl > li .txt .txtUl li h4{font-size: 25px;}
  .officeUl > li .txt .txtUl li h4 em{margin-left: 24px;}
  .officeUl > li .txt .txtUl li h4 em::before{height:20px;left:-12px;}
  .officeUl > li .txt .txtUl li p{margin-top: 20px;}
  .txtBox + .btnWrap{margin-top: 30px;}
  .btnWrap .btn.more{max-width: 200px;padding: 15px 40px 15px 20px;background: url("../img/content/ic_btn_more.png") no-repeat calc(100% - 20px) 50%;}
  .visitBox .mapUl > li .address h4{font-size: 30px;}
  .visitBox .mapUl > li .address p{font-size: 18px;}
  .visitBox .mapUl > li .otherInfo{margin: 40px 0 60px;}
  .visitBox .mapUl > li .map iframe{height:500px;}
  .oneStopTab{top:180px;}
  .oneStopTab .oneStopTabUl li a .ic{height: 60px;}
  .oneStopTab .oneStopTabUl li a .ic img{max-width: 90px;}
  .oneStopWrap .oneStopBg .bg {height: 350px;}
  .oneStopUl li .txt strong{margin-bottom: 40px;font-size: 35px;}
  .oneStopUl li .txt .moreBtn .moreIc{width: 65px;height:65px;}
  .oneStopUl li .txt .moreBtn em{margin-left: 15px;}
  .disc{margin: 40px 0 0;}
  .stepWrap .stepUl li .step.line2{padding: 7px 10px;line-height: 1.5;}
  .stepWrap .stepUl li .step.line2 br{display: block;}
  .processWrap .processUl.ver1 li{width:calc((100% - 20px) / 2);}
  .processWrap .processUl.ver1 li:nth-child(2n){margin-right: 0}
  .processWrap .processUl.ver1 li:nth-child(n+3){margin-top: 40px;}
  .processWrap .processUl li p br{display: none;}
  .imgBox ul.col4 li{width: calc((100% - 75px) / 4);}
  .imgBox ul.col4_2{width: 100%;}
  .imgBox ul.col4_2 li{width: calc((100% - 50px) / 3);}
  .imgBox ul.col4_3 li{width: calc((100% - 25px) / 2);}
  .imgList > ul.col2.tb_full > li{width: 100%;}
  .imgList > ul.col2.tb_full > li:not(:nth-child(2n)){margin-right: 0;}
  .imgList > ul.col2.tb_full > li:nth-child(n+2){margin-top: 40px;}
  /* .imgList > ul.col2.tb_full > li .tableArea{padding: 0;} */
  .imgList > ul.col4 > li{width: calc((100% - 75px) / 4);}
  .imgList > ul.col4 > li:not(:nth-child(4n)){margin-right: 25px;}
  .imgList > ul.col4_2{width: 100%;}
  .imgList > ul.col4_2 > li{width: calc((100% - 50px) / 3);}
  .imgList > ul.col4_2 > li:nth-child(3n){margin-right: 0;}{margin-right: 25px;}
  .imgList > ul.col4_2 > li:nth-child(2n){margin-right: 0;}{margin-right: 0;}
  .imgList > ul.col2_2 > li{width: calc(52.4% - 12.5px);}
  .imgList > ul.col2_2 > li:nth-child(2n){width: calc(47.6% - 12.5px);}
  .imgList > ul.col2_2 > li:not(:nth-child(2n)){margin-right: 25px;}
  /* .imgList > ul.col2_2 > li:nth-child(2n){width: calc(50% - 40px);} */
  .imgList > ul > li p{font-size: 14px;text-align: left;}
  .imglayout{margin-top: 80px;}
  .tableFlex > ul > li{width: 100%;}
  .tableFlex > ul > li:last-child{margin-top: 40px;}
  .inftaCate > span{display: block;}
  .inftaCate .inftaCateUl{width: 100%;flex-direction: column;background: #fff;border:1px solid #ccc;border-top:none;display: none;position: absolute;left:0;z-index: 10;}
  .inftaCate .inftaCateUl li{width: 100%;margin-left: 0;border-bottom: none;}
  .inftaCate .inftaCateUl li:not(:last-child){border-bottom:1px solid #ccc;}
  .inftaCate .inftaCateUl li.on{font-weight: normal;}
  .tableArea{padding: 40px;}
  .esgSummaryWrap .esgSummaryUl > li{width: calc((100% - 140px) / 4);margin-right: 20px;}
  .esgSummaryWrap .esgSummaryUl > li.line{width: 60px;}
  .esgSummaryWrap .esgSummaryUl > li.logoLi .circle .circleIn{padding-top: 12px;}
  .esgSummaryWrap .esgSummaryUl > li .circle .circleIn .img img{width: 55px;}
  .esgSummaryWrap .esgSummaryUl > li.logoLi .circle .circleIn .img img{width: 120px;}
  .esgSummaryWrap .esgSummaryUl > li p{font-size: 18px;}
  .esgSummaryWrap .esgSummaryUl > li ul li{font-size: 16px;}
  .ethicsWrap{flex-direction: column;}
  .ethicsWrap .ethicsDesc p br{display: none;}
  .ethicsWrap .ethicsPolicy{width: 100%;margin-top: 30px;}
  .popupBox{width:calc(100% -  80px);padding: 80px 40px 50px;}
  .popupBox .popupCont .contTxt .detailUl.ver2 > li{width: 100%;margin-right: 0;padding: 30px 30px 40px;}
  .popupBox .popupCont .contTxt .detailUl.ver2 > li:nth-child(n+2){margin-top: 40px;}
  .popupBox .popupCont .popupCateUl li{font-size: 18px;}
  .popupBox .popupCont .contTxt .detailUl.ver3 > li .txt .lineUl{width: 300px;}
  .popupBox .popupCont .contTxt .detailUl.ver3 > li .txt .img{width: calc(100% - 300px);}
  .prodBox.ssd .mainTit h3{font-size: 80px;}
  .prodBox.ssd .mainTit p{font-size: 22px;}
  .prodBox.madical .mainTit p{font-size: 22px;}
  .mainTit ul{margin-top: 40px;}
  .videopopup{width: calc(100% - 80px);}
}
@media screen and (max-width:768px) {
  /* common */
  html, body{font-size: 14px;}
  button {font-size: 14px;}
  input {font-size: 14px;}
  label, select {font-size: 14px;}
  textarea {font-size: 14px;}
  #header .inner{width: calc(100% - 50px);padding-right: 60px;}
  #mobMenuBtn{right:25px;}
  #mobMenuBtn span{width: 40px;height:5px;}
  #mobMenuBtn span:not(:first-child){margin-top: 10px;}
  #allMenuMo .menuWrap{padding: 20px 25px 50px;}
  #footer .inner{width:calc(100% - 50px);}
  /* main */
  #mainText{width: calc(100% - 50px);}
  #mainText ul li h2{font-size: 28px;}
  .section .inner{width: calc(100% - 50px);}
  .section.section3 .secWrap{padding-bottom: 50px;}
  .title span{font-size: 18px;}
  #fullpage .title h2{font-size: 25px;}
  #fullpage .title h2 br.m{display: block;}
  .electronicUl li .txt{padding-left: 30px;}
  .electronicUl li .txt h3{font-size: 30px;}
  .electronicUl li .txt p{margin-top: 10px;font-size: 16px;}
  .electronicUl li .txt .moreBtn{margin-top: 30px;}
  .electronicUl li .txt .moreBtn .moreIc{width: 55px;height:55px;}
  .section2 .title{margin-bottom: 50px;}
  .hiddenBox{display: none;}
  .hiddenBoxM{display: block;}
  .skillUl li{width: 100%;padding: 65% 0 0;}
  .skillUl li:not(:first-child){margin-top: 50px;}
  #fullpage .flexBox .title{width: 100%;}
  .flexBox .contactWrap{width: 100%;margin-top: 50px;}
  .contactWrap .contactBox{margin-top: 35px;}
  /* content */
  .locationBg .locationBtn{width:calc(100% -  50px);}
  .locationBg .snbTit h2{font-size: 40px;}
  .locationBg .locationBtn a{width: 50px;height:50px;}
  #location .goHome{width:20px;height:20px;margin-right: 20px;}
  #location .goHome::after{right:-20px;}
  #location .depth{width: calc((100% - 40px) / 2)}
  #location .depth .currentPage{padding: 25px 20px;background-position: calc(100% - 20px) 50%;background-size: 10px;}
  #location .depth ul{top:70px;}
  #location .depth ul li a{padding: 15px 20px}
  .mainTit h3{font-size: 30px;}
  .companyWrap .mainTit{margin-bottom: 50px;}
  .contWrap .inner{width:calc(100% -  50px);}
  .summaryWrap > .inner{width: 100%;}
  .summaryBg{height: 500px;background-position: 25% 50%;}
  .companyInfoWrap{width: calc(100% - 40px);padding: 20px 20px 30px;}
  .ceoWrap > .inner{width: 100%;}
  .flexBox.ceo{flex-direction: column;}
  .flexBox.ceo .left{width: 100%;}
  .flexBox.ceo .left .img{height:500px;padding: 0;}
  .flexBox.ceo .right{width:calc(100% -  50px);margin: 40px auto 0;}
  .historyBox{margin-top: 50px;}
  .historyBox .historyUl{padding: 0;}
  .historyBox .historyUl::before{display: none;}
  .historyBox .historyUl > li{width: 100%;margin-top: 50px;}
  .historyBox .historyUl > li .img{width: 100%;}
  .historyBox .historyUl > li .img::before{display: none;}
  .historyBox .historyUl > li .img::after{display: none;}
  .historyBox .historyUl > li .txt{width: 100%;}
  .historyBox .historyUl > li .txt .yearUl li p{padding-left: 0;}
  .certificateImg .imgUl li{width: calc((100% - 40px) / 2);margin-right: 40px;}
  .certificateImg .imgUl li:nth-child(3n){margin-right: 40px;}
  .certificateImg .imgUl li:nth-child(2n){margin-right: 0;}
  .certificateImg .imgUl li:nth-child(n+3){margin-top: 50px;}
  .officeUl > li{flex-direction: column;margin-top: 60px;}
  .officeUl > li .txt{width: 100%;}
  .officeUl > li .img{width: 100%;margin-top: 25px;}
  .visitBox .mapUl{flex-direction: column;}
  .visitBox .mapUl > li{width: 100%;}
  .visitBox .mapUl > li:last-child{width: 100%;margin-top: 60px;}
  .snb.oneStop #location .depth{width: calc(100% - 40px);}
  .snb.oneStop #location .depth:last-child{display: none;}
  .oneStopTab{top:170px;}
  .oneStopTab .oneStopTabUl li{width: calc(100% / 4);}
  .oneStopTab .oneStopTabUl li:nth-child(n+5){border-top: 1px solid #fff;}
  .oneStopTab .oneStopTabUl li:nth-child(4n+1){border-left: 0;}
  .oneStopWrap{padding-top: 270px;}
  .oneStopWrap .oneStopBg .bg {height: 720px;background:url("../img/content/img_system_00_m.png") no-repeat 85% 50%/cover;}
  .oneStopWrap .oneStopBg .mainTit{width: 100%;padding: 0 25px;left:0;top:auto;bottom: 70px;transform: translateY(0);}
  .mainTit > span{margin-bottom: 15px;font-size: 18px;}
  .oneStopWrap .oneStopBg{margin-bottom: 60px;}
  .oneStopWrap .oneStopBg .mainTit .btnWrap{margin-top: 20px;}
  .oneStopUl li{flex-direction: column;margin-top: 70px;}
  .oneStopUl li .img{width: 100%;padding-right: 0;}
  .oneStopUl li:nth-child(2n) .img{order: 0;padding-left: 0;}
  .oneStopUl li .txt{width: 100%;padding: 70px 25px 0;}
  .oneStopUl li:nth-child(2n) .txt{order: 0;}
  .oneStopUl li .txt .moreBtn{width: 100%;}
  .disc h4{font-size: 25px;}
  .imglayout h4{font-size: 40px;}
  .stepWrap .stepUl li .step{padding: 22px 5px;font-size: 16px;}
  .stepWrap .stepUl li .step.line2{padding: 6px 5px;}
  .processWrap .processUl.ver2 li{width:100%;margin-right: 0;}
  .processWrap .processUl.ver2 li:nth-child(n+2){margin-top: 40px;}
  .stepWrap .stepUl.col3 li{width: calc((100% - 55px) / 3);}
  .stepWrap .stepUl.col4 li{width: calc((100% - 80px) / 4);}
  .stepWrap .stepUl li .step::before{height:60px;}
  .stepWrap .stepUl li .step::after{height:60px;}
  .stepWrap .stepUl li:nth-child(1) .step::before{border-top: 30px solid #153781;border-left: 20px solid transparent;border-bottom: 30px solid #153781;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(1) .step::after{border-top: 30px solid transparent;border-left: 20px solid #153781;border-bottom: 30px solid transparent;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(2) .step::before{border-top: 30px solid #2850A0;border-left: 20px solid transparent;border-bottom: 30px solid #2850A0;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(2) .step::after{border-top: 30px solid transparent;border-left: 20px solid #2850A0;border-bottom: 30px solid transparent;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(3) .step::before{border-top: 30px solid #3661AE;border-left: 20px solid transparent;border-bottom: 30px solid #3661AE;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(3) .step::after{border-top: 30px solid transparent;border-left: 20px solid #3661AE;border-bottom: 30px solid transparent;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(4) .step::before{border-top: 30px solid #537BC2;border-left: 20px solid transparent;border-bottom: 30px solid #537BC2;border-right: 20px solid transparent;}
  .stepWrap .stepUl li:nth-child(4) .step::after{border-top: 30px solid transparent;border-left: 20px solid #537BC2;border-bottom: 30px solid transparent;border-right: 20px solid transparent;}
  .imgBox ul.col4{width: 100%;padding-top: 25px;}
  .imgBox ul.col4 li{width: calc((100% - 30px) / 2);}
  .imgBox ul.col4 li:nth-child(n+3){margin-top: 30px;}
  .imgList > ul.col4 > li{width: calc((100% - 30px) / 2);}
  .imgList > ul.col4 > li:not(:nth-child(4n)){margin-right: 0;}
  .imgList > ul.col4 > li:not(:nth-child(2n)){margin-right: 30px;}
  .imgList > ul.col4 > li:nth-child(n+3){margin-top: 30px;}
  .imgList > ul.col2_2 > li{width: 100%;}
  .imgList > ul.col2_2 > li:not(:nth-child(2n)){margin-right: 0;}
  .imgList > ul.col2_2 > li:nth-child(2n){width: 100%;}
  .imgList > ul.col2_2 > li:nth-child(n+2){margin-top: 30px;}
  .imgList > ul.col2_3 > li{width: 100%;}
  .imgList > ul.col2_3 > li:nth-child(2n){width: 100%;}
  .imgList > ul.col2_3 > li:not(:nth-child(2n)){margin-right: 0;}
  .imgList > ul.col2_3 > li:nth-child(n+2){margin-top: 20px;}
  .imgList > ul.col2.tb_full > li img{display: none;}
  .imgList > ul.col2.tb_full > li img.m{display: block;}
  .imgList > ul.col5 > li{width: calc((100% - 30px) / 2);}
  .imgList > ul.col5 > li:not(:nth-child(5n)){margin-right: 0;}
  .imgList > ul.col5 > li:not(:nth-child(2n)){margin-right: 30px;}
  .imgList > ul.col5 > li:nth-child(n+3){margin-top: 30px;}
  .imglayout .imginftaLayoutUl > li{width: calc((100% - 20px) / 2);margin-right: 20px;}
  .imglayout .imginftaLayoutUl > li:nth-child(3n){margin-right: auto;}
  .imglayout .imginftaLayoutUl > li:nth-child(2n){margin-right: 0;}
  .imglayout .imginftaLayoutUl > li:nth-child(n+3){margin-top: 40px;}
  .imglayout .imginftaLayoutUl.ver2 > li{width: calc((100% - 20px) / 2);margin-right: 20px;}
  .imglayout .imginftaLayoutUl.ver2 > li .lineUl{margin-top: 20px;}
  .tableArea{padding: 0;border:none;}
  .imgList > ul > li .tableArea{border:1px solid #ccc;}
  .tableFlex > ul > li .tableArea{border:1px solid #ccc;}
  .esgSummaryWrap .esgSummaryUl > li{width: 100%;margin-right: 0;}
  .esgSummaryWrap .esgSummaryUl > li:nth-child(n+2){margin-top: 20px;}
  .esgSummaryWrap .esgSummaryUl > li .circle{height:240px;padding: 0;}
  .esgSummaryWrap .esgSummaryUl > li.line{width: 70px;transform: rotate(90deg);margin:50px 0;}
  .esgSummaryWrap .esgSummaryUl > li.line + li{margin-top: 0;}
  .ethicsWrap .ethicsDesc p{font-size: 22px;}
  .ethicsWrap .ethicsPolicy .plicyTxt h4{font-size: 25px;}
  .policyWrap .plicyUl{margin-top: 60px;}
  .policyWrap .plicyUl > li h4{font-size: 28px;}
  .policyWrap .plicyUl > li{width: 100%;}
  .policyWrap .plicyUl > li:nth-child(n+2){margin-top: 40px;}
  .policyWrap .plicyUl > li h5{font-size: 18px;}
  .policyWrap .plicyUl > li .numUl em{font-size: 18px;}
  .mainTit h4{font-size: 28px;}
  .envWrap .mainTit{display: none;}
  .envActWrap{margin-top: 80px;padding: 0;border:none;}
  .envActWrap .envP{font-size: 28px;}
  .envActWrap .envP .m{display: block;}
  .esgManageBox::after{height:90%;max-height: none;}
  .esgManageBox .esgManageUl{flex-direction: column;}
  .esgManageBox .esgManageUl > li{width: 100%;margin-right: 0;}
  .esgManageBox .esgManageUl > li:nth-child(n+2){margin-top: 40px;}
  .esgManageBox .esgManageUl > li .img{text-align: center;}
  .esgManageBox .esgManageUl > li .img img{max-width: fit-content;}
  .esgManageBox .esgManageUl > li .txt{max-width: 425px;margin: 30px auto 0;}
  .popupBox{width:calc(100% -  50px);padding: 60px 30px 40px;}
  .popupBox .close{top:20px;right:20px;}
  .popupBox .popupCont .contTit{font-size: 25px;margin-bottom: 35px;}
  .popupBox .popupCont .contTxt .detailUl.ver1 > li{width: 100%;margin-right: 0;}
  .popupBox .popupCont .contTxt .detailUl.ver1 > li:nth-child(n+2){margin-top: 40px;}
  .popupBox .popupCont .popupCateUl li{font-size: 16px;}
  .popupBox .popupCont .contTxt h5{font-size: 18px;}
  .popupBox .popupCont .contTxt .detailUl{font-size: 14px;}
  .popupBox .popupCont .contTxt .detailUl.ver2 > li{padding: 20px 20px 30px;}
  .popupBox .popupCont .contTxt .detailUl.ver3 > li .txt .lineUl{width: 100%;}
  .popupBox .popupCont .contTxt .detailUl.ver3 > li .txt .img{width: 100%;margin-top: 20px;}
  .prodBox > .flexBox .mainTit{width: 100%;}
  .prodBox > .flexBox .imgWrap{width: 100%;}
  .prodBox.madical > .flexBox .imgWrap{margin-top: 20px;}
  .prodBox > .flexBox .imgWrap .col2{justify-content: center;}
  .prodWrap{padding-bottom: 100px;}
  .imgWrap video{padding-top: 40px;}
  .imglayoutUl li{width: 100%;margin-top: 0;}
  .imglayoutUl li:nth-child(2){margin-top: 60px;}
  .imglayoutUl li:nth-child(2n){margin-top: 60px;}
  .imglayoutUl li:nth-child(2n+1){margin-top: 60px;}
  .imglayoutUl li:nth-child(1){margin-top: 0;}
  .prodBox .mainTit h3{font-size: 40px;}
  .semicBox .semicUl{flex-direction: column;}
  .semicBox .semicUl > li{width: 100%;max-width: 425px;margin: 0 auto;}
  .semicBox .semicUl > li:last-child{margin: 0 auto;}
  .semicBox .semicUl > li:nth-child(n+2){margin-top: 60px;}
  .mainTit .lineUl li{font-size: 20px;}
  .tableWrap.scr_01{overflow-x: auto;}
  .tableWrap.scr_01 table{min-width:620px;}
  .imglayout h5{font-size: 30px;}
  .videopopup{width: calc(100% - 50px);padding: 50px 25px 30px;}
  .videopopup .close{width: 15px;height:15px;background-size: cover;top:20px;right: 20px;}
  .rndSummaryWrap .imglayout h4{margin-bottom: 15px;font-size: 20px;}
  .flexUl.ver2 li{max-width: calc((100% - 20px) / 2);}
  .flexUl.ver2 li:not(:first-child){margin-left: 0;}
  .flexUl.ver2 li:not(:nth-child(2n+1)){margin-left: 20px;}
  .flexUl.ver2 li:nth-child(n+3){margin-top: 20px;}
  .rndSummaryWrap .imglayout .disc .discFlex .img{width: 100%;}
  .rndSummaryWrap .imglayout .disc .discFlex .txt{width: 100%;margin-top: 20px;}
  .flexUl.ver1 li{width: 100%;text-align: center;}
  .flexUl.ver1 li:nth-child(2){margin-left: 0;}
  .rndSummaryWrap .imglayout:nth-child(n+4) .disc .img.left img{display: none;}
  .rndSummaryWrap .imglayout .disc .img.left img.m{display: block;}
  .rnd_sum{margin-top: 40px;}
  .rnd_sum .col2 > li{width: 100%;}
  .rnd_sum .col2 > li:not(:last-child){margin-right: 0;margin-bottom: 20px;}
  .rnd_sum .col2 > li img{width: 100%;}
  .mainTit p{font-size: 16px;}
}
@media screen and (max-width:650px) {
  /* common */
  #footer .terms{justify-content: space-between;}
  #footer .terms li{width: calc((100% - 30px) / 3);text-align: center;}
  #footer .terms li:not(:first-child){margin-left: 0;}
  #footer .ftInfo .infoUl{flex-direction: column;}
  #footer .ftInfo .infoUl li{width: 100%;margin-top: 5px;margin-right: 0;}
  #footer .ftInfo .infoUl li:last-child{margin-top: 25px;}
  #footer .ftInfo .infoUl li::after{display: none;}
}
@media screen and (max-width:600px) {
  /* common */
  #allMenuMo .depth2Box > span{padding: 25px 0;font-size: 25px;}
  #allMenuMo .depth2Box > span img{width: 25px;}
  #allMenuMo .menuWrap .depth2 li{font-size: 20px;}
  /* main */
  #mainText ul li h2{font-size: 20px;}
  #mainText ul li h2 em{font-size: 25px;}
  .electronicUl li{margin-top: 0;padding-bottom: 70px;}
  .electronicUl li .img{width: 100%;padding-right: 0;left:-100%;}
  .electronicUl li:nth-child(2n) .img{order:0;padding-left: 0;right:-100%;}
  .electronicUl li .txt{width: 100%;margin-top: 50px;padding:0 25px;}
  .coreWrap{height:500px;}
  .coreWrap #coreSlider{width: 180px;}
  .coreWrap #coreSlider .sliderImg{width: 150px;height:150px;}
  /* content */
  .summaryBg{height: 380px;}
  .flexBox.ceo .left .img{height: 380px;}
  .oneStopWrap .oneStopBg .bg{height:600px;}
  .stepWrap .stepUl.col4 li{width: calc((100% - 30px) / 2);}
  .stepWrap .stepUl.col4 li:nth-child(n+3){margin-top: 8px;}
  .envActWrap .envP{font-size: 24px;}
  .envActWrap .envActUl li{width: calc((100% + 60px) / 3);margin-left: -30px;}
  .envActWrap .envActUl li:nth-child(2) .txt::before{left:10px;}
  .envActWrap .envActUl li:nth-child(2) .txt::after{right:10px;}
  .envActWrap .envActUl li .ic img{width: 65px;}
  .envActWrap .envActUl li .txt h5{font-size: 20px;}
  .envActWrap .envActUl li .txt p{font-size: 14px;}
}
@media screen and (max-width:550px) {
  /* content */
  .locationBg .snbTit{width: calc(100% - 120px);margin: 0 auto;}
  .locationBg .snbTit h2{font-size: 35px;}
  .locationBg .snbTit p{margin-top: 30px;}
  .locationBg .snbTit p::after{top:-20px;}
  .locationBg .locationBtn{width: calc(100% -  30px);}
  .locationBg .locationBtn a{width:40px;height:40px;}
  .envActWrap .envP .m{display: none;}
  .popupBox .popupCont .popupCateUl li{padding:15px 5px;font-size: 14px;}
  .popupBox .popupCont .contTit{font-size: 20px;margin-bottom: 30px;}
  .prodBox.ssd .mainTit h3{font-size: 70px;}
  .prodBox.ssd .mainTit p{font-size: 20px;}
  .prodBox.madical .mainTit p{font-size: 20px;}
  .mainTit ul{margin-top: 25px;}
  .mainTit ul li{margin-top: 10px;font-size: 16px;}
  .imglayout h5{margin-bottom: 20px;font-size: 30px;}
  .prodBox .mainTit h3{font-size: 35px;}
  .mainTit .lineUl li{font-size: 18px;}
  .imglayout h5{font-size: 25px;}
  .videopopup{padding: 40px 15px 20px;}
  .videopopup .close{width: 12px;height:12px;background-size: cover;top:14px;right: 15px;}
}
@media screen and (max-width:480px) {
  /* common */
  #header{height:80px;}
  #header .inner{padding-right: 30px;}
  #header .logo{padding: 25px 0;}
  #header .logo a{width: 125px;height: 30px;}
  #mobMenuBtn{width: 30px;height:80px;}
  #mobMenuBtn span{width: 30px;height:5px;}
  #mobMenuBtn span:not(:first-child){margin-top: 7px;}
  #allMenuMo{height:calc(100% - 80px);top:80px;}
  #footer .footerTop .inner{padding: 30px 0;}
  #footer .terms li{width: calc((100% - 20px) / 2);font-size: 12px;}
  #footer .terms li:nth-child(n+3){margin-top: 10px;}
  /* main */
  .locationBg .snbTit p br{display: none;}
  #mainText ul li h2 br{display: none;}
  #mainText ul li h2 .mtt{display: block;}
  #fullpage .title h2{margin-top: 15px;font-size: 20px;}
  .coreWrap .coreBg{background: url("../img/main/img_core_value_bg_02.png") no-repeat 50% 50%/contain;}
  .coreWrap .coreBg .swiper-button-prev{width: 25px;height: 20px;background-size: cover;left:14%;}
  .coreWrap .coreBg .swiper-button-next{width: 25px;height: 20px;background-size: cover;right:14%;}
  .flexBox .contactWrap{margin-top: 40px;}
  .contactWrap .contactBox{margin-top: 25px;}
  .contactWrap .contactTab .contactTabUl{width: 100%;}
  /* content */
  #location .inner{width: calc(100% -  30px);}
  #location .goHome{width:15px;height:15px;margin-right: 15px;}
  #location .goHome::after{right:-15px;}
  #location .depth{width: calc((100% - 30px) / 2)}
  #location .depth::after{height:17px;}
  #location .depth .currentPage{padding: 15px 25px 15px 15px;background-position: calc(100% - 15px) 50%;background-size: 7px;}
  #location .depth ul{top:50px;}
  #location .depth ul li a{padding: 15px 15px}
  .companyInfoWrap .infoUl li h6{width: 80px;}
  .companyInfoWrap .infoUl li p{width: calc(100% - 80px);}
  .title span{margin-top: 15px;font-size: 16px;}
  .title h2{font-size: 22px;}
  .certificateImg .imgUl li{width: calc((100% - 20px) / 2);margin-right: 20px;}
  .certificateImg .imgUl li:nth-child(3n){margin-right: 20px;}
  .certificateImg .imgUl li:nth-child(2n){margin-right: 0;}
  .certificateImg .imgUl li:nth-child(n+3){margin-top: 40px;}
  .officeUl > li .txt .txtUl li h4{font-size: 20px;}
  .btnWrap .btn{font-size: 14px;}
  .btnWrap .btn.more{padding: 15px 35px 15px 15px;background: url("../img/content/ic_btn_more.png") no-repeat calc(100% - 15px) 50%;}
  .visitBox .mapUl > li .otherInfo{margin: 25px 0 40px;}
  .visitBox .mapUl > li:last-child{margin-top: 40px;}
  .snb.oneStop{padding-top: 80px;}
  .oneStopTab{top:130px;}
  .oneStopTab.fix{top:79px;}
  .oneStopWrap{padding-top: 230px;}
  .mainTit{padding-top: 75px;}
  .mainTit h3{font-size: 25px;}
  .mainTit > span{font-size: 16px;}
  .oneStopTab .oneStopTabUl li a .ic{height: 50px;}
  .oneStopTab .oneStopTabUl li a .ic img{max-width: 75px;}
  .oneStopWrap .mainTit{margin-bottom: 35px;}
  .oneStopWrap .oneStopBg .bg{height:450px;}
  .oneStopWrap .oneStopBg .mainTit{bottom:30px;}
  .stepWrap{margin: 40px 0 0;}
  .oneStopUl li .txt{padding: 50px 25px 0;}
  .oneStopUl li .txt strong{font-size: 27px;}
  .oneStopUl li .txt .moreBtn .moreIc{width: 60px;height:60px;}
  .processWrap{margin-top: 40px;}
  .processWrap .processUl li{font-size: 18px;}
  .processWrap .processUl.ver1 li:nth-child(n+3){margin-top: 20px;}
  .processWrap .processUl.ver2 li:nth-child(n+2){margin-top: 20px;}
  .disc{margin: 30px 0 0;}
  .disc h4{font-size: 20px;}
  .disc .discUl{margin-top: 15px;}
  .disc .discUl li{font-size: 14px;}
  .imgBox{margin-top: 40px;}
  .imgBox ul.col4 li{width: calc((100% - 15px) / 2);}
  .imgBox ul.col4 li:nth-child(n+3){margin-top: 15px;}
  .imgList{margin-top: 30px;}
  .imgList > ul.col2_2 > li:nth-child(n+2){margin-top: 10px;}
  .imgList > ul.col2_3 > li:nth-child(n+2){margin-top: 10px;}
  .imgList > ul.col4 > li{width: calc((100% - 15px) / 2);}
  .imgList > ul.col4 > li:not(:nth-child(4n)){margin-right: 0;}
  .imgList > ul.col4 > li:not(:nth-child(2n)){margin-right: 15px;}
  .imgList > ul.col4 > li:nth-child(n+3){margin-top: 15px;}
  .imgList > ul.col5 > li{width: calc((100% - 15px) / 2);}
  .imgList > ul.col5 > li:not(:nth-child(5n)){margin-right: 0;}
  .imgList > ul.col5 > li:not(:nth-child(2n)){margin-right: 15px;}
  .imgList > ul.col5 > li:nth-child(n+3){margin-top: 15px;}
  .inftaCate > span{font-size: 20px;padding: 20px 0;background-size: 12px;}
  .imglayout .imginftaLayoutUl > li{width: 100%;margin-right: 0;}
  .imglayout .imginftaLayoutUl > li:nth-child(3n){margin-right: auto;}
  .imglayout .imginftaLayoutUl > li:nth-child(2n){margin-right: 0;}
  .imglayout .imginftaLayoutUl > li:nth-child(n+2){margin-top: 40px;}
  .imglayout .imginftaLayoutUl.ver2 > li{width: 100%;margin-right: 0;}
  .imglayout .imginftaLayoutUl.ver2 > li:nth-child(n+2){margin-top: 40px;}
  .tableWrap table tbody tr td{padding: 10px 5px;}
  .ethicsWrap{margin-top: 25px;}
  .ethicsWrap .ethicsPolicy{padding: 30px 25px;}
  .ethicsWrap .ethicsDesc p{font-size: 20px;}
  .ethicsWrap .ethicsPolicy .plicyTxt h4{font-size: 22px;margin-bottom: 20px;}
  .numUl li{margin-top: 10px;}
  .numUl span{width: 16px;height: 16px;font-size: 12px;line-height: 17px;}
  .numUl em{font-size: inherit;}
  .policyWrap .plicyUl > li h4{font-size: 22px;}
  .policyWrap .plicyUl > li h5{font-size: 16px;}
  .policyWrap .plicyUl > li .numUl em{font-size: 16px;}
  .mainTit h4{font-size: 22px;}
  .envActWrap .envActUl li{width: calc((100% + 60px) / 3);margin-left: -30px;}
  .envActWrap .envActUl li:nth-child(2) .txt::before{left:10px;}
  .envActWrap .envActUl li:nth-child(2) .txt::after{right:10px;}
  .envActWrap .envActUl li .ic img{width: 50px;}
  .envActWrap .envActUl li .txt{margin-top: 10px;padding: 22px 5px 20px;}
  .envActWrap .envActUl li .txt h5{font-size: 16px;}
  .envActWrap .envActUl li .txt p{font-size: 11px;}
  .popupBox{padding: 60px 20px 30px;}
  .popupBox .popupCont .popupCateUl{width: calc(100% + 40px);margin-left: -20px;}
  .popupBox .popupCont .popupCateUl li{border-color: #f3f3f3;}
  .rndSummaryWrap .imglayout h4{font-size: 18px;}
  .envActWrap{margin-top: 60px;}
  .esgManageWrap .mainTit p{margin-top: 20px;font-size: 18px;}
}
@media screen and (max-width:400px){
  /* common */
  #allMenuMo .depth2Box > span{padding: 20px 0;font-size: 20px;}
  #allMenuMo .depth2Box > span img{width: 20px;}
  #allMenuMo .menuWrap .depth2 li{font-size: 18px;}
  #allMenuMo .menuWrap .depth2 li a{padding: 15px 0;}
  /* main */
  #fullpage .title h2{margin-top: 10px;font-size: 18px;}
  .coreWrap{height:350px;}
  .coreWrap #coreSlider{width: 120px;}
  .coreWrap #coreSlider .sliderImg{width: 120px;height:120px;}
  .coreWrap .coreBg .swiper-button-prev{width: 20px;height: 17px;background-size: cover;}
  .coreWrap .coreBg .swiper-button-next{width: 20px;height: 17px;background-size: cover;}
  .skillUl li{padding: 68% 0 0;}
  .skillUl li:not(:first-child){margin-top: 65px;}
  /* content */
  .locationBg .snbTit h2{font-size: 27px;}
  .summaryBg{background-position: 22% 50%;}
  .visitBox .mapUl > li .otherInfo .otherInfoUl{flex-direction: column;}
  .visitBox .mapUl > li .otherInfo .otherInfoUl li:last-child{margin-left: 0;}
  .visitBox .mapUl > li .otherInfo .otherInfoUl li:last-child::before{display: none;}
  .oneStopTab .oneStopTabUl li a{padding: 10px 5px 10px;font-size: 12px;}
  .oneStopTab.fix .oneStopTabUl li a{padding: 10px 5px 10px;}
  .oneStopWrap{padding-top: 200px;}
  .stepWrap .stepUl.col3 li{width: 100%;}
  .stepWrap .stepUl.col3 li:nth-child(n+2){margin-top: 8px;}
  .stepWrap .stepUl.col4 li{width: 100%;}
  .stepWrap .stepUl.col4 li:nth-child(n+2){margin-top: 8px;}
  .stepWrap .stepUl li .step.line2{padding: 22px 5px;line-height: 1;}
  .stepWrap .stepUl li .step.line2 br{display: none;}
  .mainTit .numUl{padding-left: 15px;}
  .processWrap .processUl li{margin-right: 0;}
  .processWrap .processUl.ver1 li{width: 100%;}
  .processWrap .processUl.ver1 li:nth-child(n+2){margin-top: 20px;}
  .envActWrap .envActUl li{width: 100%;margin-left: 0;}
  .envActWrap .envActUl li:nth-child(n+2){margin-top: 30px;}
  .envActWrap .envActUl li:nth-child(2) .txt::before{color:#004899;top:-80px;left:50%;transform: translate(-50%, 0);}
  .envActWrap .envActUl li:nth-child(2) .txt::after{color:#004899;top:auto;bottom:-25px;right:auto;left:50%;transform: translate(-50%, 0);}
  .popupBox .popupCont .popupCateUl li{font-size: 12px;}
  .prodBox.ssd .mainTit h3{font-size: 60px;}
  .prodBox > .flexBox .imgWrap .col2 li{width: 100%;}
}
@media screen and (max-width:360px){
  /* main */
  #fullpage .title h2 br{display: none;}
  /* content */
  #location .goHome{width:12px;height:12px;margin-right: 12px;}
  #location .goHome::after{right:-12px;}
  #location .depth{width: calc((100% - 24px) / 2)}
  #location .depth .currentPage{padding: 15px 20px 15px 10px;background-position: calc(100% - 10px) 50%;background-size: 7px;font-size: 12px;}
  #location .depth ul{top:45px;}
  #location .depth ul li a{padding: 10px 10px;font-size: 12px;}
  .certificateImg .imgUl li{width: 100%;margin-right: 0;}
  .certificateImg .imgUl li:nth-child(3n){margin-right: 0;}
  .certificateImg .imgUl li:nth-child(n+2){margin-top: 30px;}
  .oneStopUl li .txt .moreBtn .moreIc{width: 55px;height:55px;}
  .processWrap .processUl li{font-size: 16px;}
  .imgList > ul > li .tableArea{padding: 15px;}
  .tableWrap table{font-size: 12px;}
  .tableFlex > ul > li .tableArea{padding: 15px;}
  .inftaCate > span{font-size: 18px;padding: 15px 0;background-size: 10px;}
  .inftaCate .inftaCateUl li a{font-size: 14px;}
  .mainTit h3{font-size: 22px;}
  .ethicsWrap .ethicsDesc p{font-size: 18px;}
  .policyWrap .plicyUl > li h4{font-size: 20px;}
  .mainTit h4{font-size: 20px;}
  .popupBox .popupCont .contTit{font-size: 16px;}
  .prodBox.ssd .mainTit h3{font-size: 50px;}
  .prodBox.ssd .mainTit p{font-size: 18px;}
  .prodBox.madical .mainTit p{font-size: 18px;}
  .prodBox.ssd .mainTit p br{display: none;}
  .prodBox.madical .mainTit p br{display: none;}
  .mainTit ul li{font-size: 14px;}
  .imglayout{margin-top: 60px;}
  .tableFlex > ul > li .tableArea{border:none;padding: 0;}
  .inftaWrap .imglayout{margin-top: 40px;}
  .imglayout .imginftaLayoutUl > li:nth-child(n+2){margin-top: 25px;}
  .imglayout h5{margin-bottom: 15px;font-size: 25px;}
  .imglayoutUl li:nth-child(2){margin-top: 40px;}
  .imglayoutUl li:nth-child(2n){margin-top: 40px;}
  .imglayoutUl li:nth-child(2n+1){margin-top: 40px;}
  .imglayoutUl li:nth-child(1){margin-top: 0;}
  .imglayoutUl li p{font-size: 16px;}
  .prodBox .imglayoutUl li > .imgWrap{box-shadow: 0 10px 20px rgba(0,0,0,0.16);}
  .prodBox .mainTit h3{font-size: 30px;}
  .semicBox .semicUl > li h4{font-size: 25px;}
  .semicBox .semicUl > li .arrow p{top:calc(50% - 5px);font-size: 18px;}
  .mainTit .lineUl li{font-size: 16px;}
  .imglayout h5{font-size: 20px;}
  .esgManageBox::after{height:92%;}
  .esgManageWrap .mainTit p{margin-top: 15px;font-size: 16px;}
}
@media screen and (max-width:320px){
  /* common */
  #allMenuMo .depth2Box > span{padding: 20px 0;font-size: 18px;}
  #allMenuMo .depth2Box > span img{width: 18px;}
  #allMenuMo .menuWrap{padding: 0 25px 30px;}
  #allMenuMo .menuWrap .depth2 li{font-size: 16px;}
  #allMenuMo .menuWrap .depth2 li a{padding: 15px 0;}
  /* content */
  .officeUl > li .txt .txtUl li h4{align-items: center;}
  .officeUl > li .txt .txtUl li h4 em{font-size: 0.7em;}
  .ethicsWrap .ethicsPolicy{padding: 20px;}
}
@media screen and (max-width:300px){
  .tableWrap table{font-size: 11px;}
  .esgSummaryWrap .esgSummaryUl > li .circle{width: 200px;height:200px;}
  .imglayout h5{font-size: 18px;}
}