@charset "utf-8";

.page-top{position: relative;}
.page-top .visual{position: relative;height:700px;}
.page-top .visual.sub01{background: url(/_public/images2/contents/sub_v01.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub02{background: url(/_public/images2/contents/sub_v02.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub03{background: url(/_public/images2/contents/sub_v03.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub04{background: url(/_public/images2/contents/sub_v04.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub05{background: url(/_public/images2/contents/sub_v05.png) top center no-repeat;background-size: cover;}
.page-top .visual.sub06{background: url(/_public/images2/contents/sub_v06.png) top center no-repeat;background-size: cover;}
.page-top .visual .group{position: absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align: center;}
.page-top .visual .group h1{font-size: 70px;font-weight: bold;line-height: 1.07;text-align: center;color: #fff;}
.page-top .visual .group p{margin-top:38px;font-size: 28px;font-weight: 500;letter-spacing: normal;text-align: center;color: #fff;}
.page-top .visual .navi-menu{position: absolute;left:0;bottom:30px;width:100%;}
.page-top .visual .navi-menu .layout{display: flex;}
.page-top .visual .navi-menu .layout a{flex:1;display: flex;align-items: center;justify-content: center;height:60px;border-bottom: 4px solid rgba(255,255,255,0.3); font-size: 19px;font-weight: 600;text-align: center;color: #fff;transition: all 0.4s;}
.page-top .visual .navi-menu .layout a.on{border-color: #fff;}

#pages{}
#pages .contents{padding:110px 0 160px;}

.hgroup{text-align: center;}
.hgroup h2{font-size: 50px;font-weight: bold;text-align: center;color: #202020;}
.hgroup p{margin-top:15px;font-size: 20px;font-weight: 500;letter-spacing: normal;text-align: center;color: #aaa;}


.search-box{background: #f5f5f5;padding:20px;display: flex;justify-content: center;}
.search-box .input-wrap{width:100%;max-width:617px;position: relative;}
.search-box .input-wrap input[type="text"]{width:100%;height:60px;border-radius: 30px;border: solid 1px #d6d6d6;background-color: #fff;padding:0 80px 0 35px; font-size: 16px;font-weight: 500;}
.search-box .input-wrap input[type="text"]::placeholder{color:#aaa;}
.search-box .input-wrap button{position: absolute;right:-8px;display: inline-block;}
.search-box .input-wrap button img{display: block;}

.view-panel .view-top{position: relative;padding:40px 140px 40px 80px;border-top:2px solid #202020;border-bottom: 1px solid #202020;}
.view-panel .view-top button{display: inline-block;position: absolute;top:32px;left:0;}
.view-panel .view-top button img{display: block;}
.view-panel .view-top h2{display:flex;gap:10px;font-size: 30px;font-weight: 600;color: #202020;}
.view-panel .view-top .ct{position:absolute;top:46px;right:35px;display: inline-block;line-height: 31px;padding:0 14px;  font-size: 16px;font-weight: 600;letter-spacing: normal;color: #fff;}
.view-panel .view-top .ct1{background: #000d50;}
.view-panel .view-top .ct2{background: #26a8fd;}
.view-panel .view-top .ct3{background: #2a61cf;}
.view-panel .view-top .status{position:absolute;top:46px;right:35px;display: inline-block;line-height: 30px;padding:0 14px;font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #fff;}
.view-panel .view-top .status.case1{background: #2768eb;}
.view-panel .view-top .status.case2{background: #ccc;}
.view-panel .view-top .b-cont{display: flex;margin-top:20px;gap:50px;}
.view-panel .view-top .b-cont span{position:relative;display: inline-block;padding-left: 68px;  font-size: 17px;font-weight: 600;letter-spacing: -0.34px;color: #202020;}
.view-panel .view-top .b-cont span em{display: inline-block;position: absolute;left:0;color: #787878;}

.view-panel .view-cont1{position:relative;padding:40px;background: #f8f8f8;display: flex;gap:40px;justify-content: space-between;align-items: flex-start;}
.view-panel .view-cont1 h3{font-size: 24px;font-weight: 600;line-height: 1.25;color: #202020;}
.view-panel .view-cont1 .util{display: flex;margin-top:30px;gap:20px;}
.view-panel .view-cont1 .util span{display: inline-block;position: relative;padding-left: 30px; font-size: 17px;font-weight: bold;color: #202020;}
.view-panel .view-cont1 .util span i{position:absolute;top:2px;left:0;display: inline-block;}
.view-panel .view-cont1 .util span i img{display:block;}
.view-panel .view-cont1 p{margin-top:30px;padding-left: 20px;border-left:1px solid #ccc; font-size: 17px;font-weight: 500;line-height: 1.88;color: #202020;}
.view-panel .view-cont1 figure{position: relative;width:300px;padding:20px;border:1px solid #ddd;background: #fff;display: flex;align-items: center;justify-content: center;}
.view-panel .view-cont1 figure img{max-width: 100%;display: block;}
.view-panel .view-cont2{padding:60px 0;position: relative;font-size: 17px;font-weight: 500;line-height: 1.88;color: #202020;border-bottom: 1px solid #ccc;}
.view-panel .attachment{position: relative;padding:30px 10px 30px 88px;border-bottom: 1px solid #202020;}
.view-panel .attachment em{display: inline-block;position: absolute;top:33px;left:0; font-size: 17px;font-weight: bold;letter-spacing: -0.34px;color: #202020;}
.view-panel .attachment a{display:block;font-size: 17px;font-weight: 500;line-height: 1.88;color: #787878;}
.view-panel .btn-box{margin-top:60px;display: flex;justify-content: center;}
.view-panel .btn-box a{display: flex;align-items: center;justify-content: center;width:290px;height:70px;background: #f1f1f1;font-size: 18px;font-weight: bold;color: #202020;}


.form-box{}
.form-box h4{margin-bottom:20px;font-size: 20px;font-weight: bold;color: #121212;}
.form-box .field-row{display: flex;flex-direction:column;gap:20px;}
.form-box .field-row + .field-row{margin-top:25px;}
.form-box .field-row .field{flex:1;}
.form-box .field-row .field .label{font-size: 16px;font-weight: 600;color: #121212;}
.form-box .field-row .field .form{margin-top:10px;}
.form-box .field-row .field .form input[type="text"],
.form-box .field-row .field .form input[type="tel"],
.form-box .field-row .field .form input[type="date"],
.form-box .field-row .field .form input[type="number"],
.form-box .field-row .field .form input[type="password"],
.form-box .field-row .field .form input[type="email"]{width:100%;height:55px;  border-radius: 6px;border: solid 1px #d5d5d5;background: #fff;padding:0 20px; font-size: 15px;font-weight: 500;color: #202020;}
.form-box .field-row .field .form textarea{width:100%;height:140px;border-radius: 6px;border: solid 1px #d5d5d5;background: #fff;padding:20px; font-size: 15px;font-weight: 500;color: #202020;resize: none;}
.form-box .field-row .field .form select{width:100%;height:55px;border-radius: 5px;border: solid 1px #787878;padding:0 20px;font-size: 15px;font-weight: 500;color: #202020;line-height: normal;}
.form-box .field-row .field .form input[type="text"]::placeholder,
.form-box .field-row .field .form input[type="tel"]::placeholder,
.form-box .field-row .field .form input[type="date"]::placeholder,
.form-box .field-row .field .form input[type="number"]::placeholder,
.form-box .field-row .field .form input[type="password"]::placeholder,
.form-box .field-row .field .form input[type="email"]::placeholder,
.form-box .field-row .field .form textarea::placeholder{color: #999;}
.form-box .field-row .field .input-group{display: flex;gap:10px;flex-direction: column;}
.form-box .field-row .field .input-group select{width:100%;}
.form-box .field-row .field .input-group a{display: flex;align-items: center;justify-content: center;width:100%;height:55px;background: #e8f6ff;font-size: 19px;font-weight: 600;letter-spacing: -0.38px;color: #2768eb;}
.form-box .field-row .field .chk-group{display: flex;gap:10px;}
.form-box .field-row .field .chk-group > *{flex:1;}
.form-box .policy-box{margin-top:40px;background: #f5f5f5;padding:20px;}
.form-box .policy-box .txt{margin-top:20px;padding:20px; height: 200px; overflow: auto;background: #fff;  font-size: 15px;font-weight: 500;line-height: 1.6;color: #787878;}
.form-box .policy-box .txt strong{color: #121212;display: block;margin-bottom: 5px;}


.company{position: relative;}
.company .aboutus{}
.company .aboutus section{position: relative;}
.company .aboutus section + section{margin-top:150px;}
.company .aboutus .hgroup{}
.company .aboutus .hgroup p{margin-top:25px;font-size: 22px;font-weight: 500;line-height: 1.82;color: #202020;}
.company .aboutus .section01 .box{margin-top:55px;display: flex;gap:20px;}
.company .aboutus .section01 .box .l-cont{width:calc(100% - 460px);height:500px;background: url(/_public/images2/contents/about01.png) no-repeat;background-size: cover;padding:30px;display: flex;flex-direction: column;justify-content: space-between;}
.company .aboutus .section01 .box .l-cont ul{display: flex;}
.company .aboutus .section01 .box .l-cont ul li{flex:1;display: flex;flex-direction: column;align-items: center;gap:20px;padding:10px 0;font-size: 24px;font-weight: bold;line-height: 1;text-align: center;color: #fff;}
.company .aboutus .section01 .box .l-cont ul li em{display: inline-block;font-size: 18px;font-weight: 500;text-align: center;color: #82abfe;}
.company .aboutus .section01 .box .l-cont ul li + li{border-left:1px solid rgba(255,255,255,0.3);}
.company .aboutus .section01 .box .l-cont .addr{position: relative;display: flex;align-items:center;justify-content:center;height:75px;font-size: 20px;font-weight: 500;text-align: center;color: #fff;background: rgba(0,0,0,0.3);}
.company .aboutus .section01 .box .l-cont .addr a{position:absolute;right:40px;display: flex;align-items: center;justify-content: center;width:100px;height:40px;background: #000;font-size: 15px;font-weight: 600;text-align: center;color: #fff;}
.company .aboutus .section01 .box .r-cont{position:relative;width:440px;padding:30px;border:1px solid #ccc;display: flex;flex-direction: column;justify-content: flex-end;}
.company .aboutus .section01 .box .r-cont i{position:absolute;top:38%;left:50%;transform:translate(-50%, -50%);display: inline-block;}
.company .aboutus .section01 .box .r-cont i img{display: block;}
.company .aboutus .section01 .box .r-cont a{display: flex;align-items: center;justify-content: center;width:100%;height:75px;background: #10357b;font-size: 18px;font-weight: 600;letter-spacing: -0.36px;color: #fff;}
.company .aboutus .section02{}
.company .aboutus .section02 ul{margin-top:60px;display: flex;gap:25px;}
.company .aboutus .section02 ul li{flex: 1;}
.company .aboutus .section02 ul li figure{position: relative;}
.company .aboutus .section02 ul li figure img{display: block;width:100%;}
.company .aboutus .section02 ul li figure figcaption{position: absolute;left:0;bottom:30px;width:100%;text-align: center; font-size: 24px;font-weight: bold;letter-spacing: normal;color: #fff;}
.company .aboutus .section03{position: relative;background: url(/_public/images2/contents/about05.png) no-repeat;background-size: cover;height:366px;}
.company .aboutus .section03 h2{position: absolute;top:50%;transform: translateY(-50%);left:0;width:100%;text-align: center;font-size: 55px;font-weight: bold;letter-spacing: 8.8px;color: #fff;}
.company .aboutus .section04 ul{display: flex;}
.company .aboutus .section04 ul li{flex:1;}
.company .aboutus .section04 ul li i{display: inline-block;}
.company .aboutus .section04 ul li i img{display:block;}
.company .aboutus .section04 ul li h3{margin-top:25px;font-size: 26px;font-weight: bold;color: #202020;}
.company .aboutus .section04 ul li p{margin-top:15px; font-size: 17px;font-weight: normal;line-height: 1.53;letter-spacing: -0.34px;color: #202020;}
.company .aboutus .section04 ul li a{display: inline-block;margin-top:50px;line-height: 60px;background: #e8f6ff;padding:0 22px;font-size: 17px;font-weight: 600;letter-spacing: -0.34px;color: #2a61cf;}

.company .history{}
.company .history .hgroup p{font-size: 30px;font-weight: 600;letter-spacing: -0.6px;text-align: center;color: #ccc;}
.company .history .box{margin-top:150px;display: flex;}
.company .history .box > div{flex:1;max-width:50%;}
.company .history .box .l-cont{padding-right:50px;}
.company .history .box .l-cont .inbox{position: sticky;top:120px;max-width:580px;text-align: center;padding-top: 60px;}
.company .history .box .l-cont .inbox h2{font-size: 70px;font-weight: 500;line-height: 1.07;letter-spacing: -1.4px;text-align: center;color: #202020;}
.company .history .box .l-cont .inbox p{margin-top:40px;font-size: 24px;font-weight: bold;line-height: 1.42;letter-spacing: -0.48px;text-align: center;color: #00478b;}
.company .history .box .l-cont .inbox .slider{margin-top:70px;}
.company .history .box .l-cont .inbox figure {position: relative}
.company .history .box .l-cont .inbox figure img{display: block;width:100%;}
.company .history .box .l-cont .inbox figure figcaption{display: block;text-align: left;margin-top:10px;font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #787878;}
.company .history .box .r-cont{position: relative;}
.company .history .box .r-cont .bullet{position:absolute;display: inline-block;bottom: -21px;left: -25px;width:50px;height:50px;transition: all 0.4s;}
.company .history .box .r-cont .bar{content: "";position: absolute;top:0;left:0;width:1px;height:1px;background: #2a61cf;z-index: 10;transition: all 0.4s;}
.company .history .box .r-cont .bullet img{display: block;}
.company .history .box .r-cont ul{position: relative;padding-top:90px;padding-left: 119px;}
.company .history .box .r-cont ul:before{content: "";position: absolute;top:0;left:0;width:1px;height:100%;background: #ccc;}
.company .history .box .r-cont ul li{}
.company .history .box .r-cont ul li + li{margin-top:70px;}
.company .history .box .r-cont ul li h3{margin-bottom:17px;font-size: 34px;font-weight: 600;letter-spacing: -0.68px;color: #202020;}
.company .history .box .r-cont ul li p{position: relative;padding-left:10px;font-size: 22px;font-weight: 500;line-height: 1.82;letter-spacing: -0.44px;color: #202020;}
.company .history .box .r-cont ul li p:before{content: "";position: absolute;top:19px;left:0;width:3px;height:3px;background: #202020;border-radius: 100%;}
.company .history .box .r-cont ul li p + p{}

.company .location{}
.company .location .map-panel{margin-top:60px;border:1px solid #ccc;padding:10px;height:590px;}
.company .location .map-panel .root_daum_roughmap .wrap_map{height:100% !important;}
.company .location .info-box{margin-top:80px;display: flex;}
.company .location .info-box .l-cont{width:535px;}
.company .location .info-box .l-cont h3{font-size: 32px;font-weight: normal;line-height: 1.44;color: #000;}
.company .location .info-box .l-cont a{margin-top:50px;display: flex;align-items: center;justify-content: space-between;width:220px;height:60px;background: #10357b;padding:0 28px; font-size: 18px;font-weight: 600;color: #fff;transition: all 0.4s;}
.company .location .info-box .l-cont a i{position:relative;left:0;display: inline-block;transition: all 0.4s;}
.company .location .info-box .l-cont a:hover{background: #002a40;}
.company .location .info-box .l-cont a:hover i{left:16px;}
.company .location .info-box .r-cont{width:calc(100% - 535px);}
.company .location .info-box .r-cont dl{border-top:2px solid #141414;}
.company .location .info-box .r-cont dl dt{width:129px;padding:30px 0 0;}
.company .location .info-box .r-cont dl dt span{position: relative;display: inline-block;padding-left: 32px;font-size: 18px;font-weight: bold;color: #141414;}
.company .location .info-box .r-cont dl dt span i{display: inline-block;position: absolute;top:1px;left:0;}
.company .location .info-box .r-cont dl dt span i img{display:block;}
.company .location .info-box .r-cont dl dd{position:relative;padding:30px 0 30px 120px;border-bottom: 1px solid #ccc; font-size: 18px;font-weight: normal;color: #141414;}
.company .location .info-box .r-cont dl dd a{position:absolute;top:27px;right:20px;display: flex;align-items: center;justify-content: center;width:80px;height:30px;background: #202020;font-size: 15px;font-weight: 500;color: #fff;}
.company .location .info-box .r-cont dl dd ul{}
.company .location .info-box .r-cont dl dd ul li{position: relative;padding-left: 57px;}
.company .location .info-box .r-cont dl dd ul li + li{margin-top:25px;}
.company .location .info-box .r-cont dl dd ul li strong{position:absolute;left:0;display: inline-block;font-size: 18px;font-weight: bold;color: #141414;}
.company .location .info-box .r-cont dl dd ul li em{display: inline-block;background:#e1eff5;font-size: 18px;font-weight: bold;color: #00478b;margin-bottom: 10px;}
.company .location .info-box .r-cont dl dd ul li p{font-size: 18px;font-weight: normal;line-height: 1.33;color: #141414;}
.company .location .info-box .r-cont dl dd ul li:first-child em{color:#008b53;background: #e1f5eb;}


.business{}
.business .hgroup{margin-bottom: 50px;}
.business{}
.business h3{text-align: center; font-size: 40px;font-weight: 500;line-height: 1.5;letter-spacing: -0.8px;color: #202020;}
.business .layout{max-width:1400px;}
.business .section01{margin-top:60px;padding:60px 0;background: #f8f8f8;}
.business .section01 ul{display: flex;gap:50px;}
.business .section01 ul li:first-child{max-width:700px;}
.business .section01 ul li:last-child{max-width:650px;}
.business .section01 ul li .txt{display: flex;align-items: flex-end;justify-content: space-between;}
.business .section01 ul li .txt h4{line-height: 1;font-size: 20px;font-weight: bold;letter-spacing: -0.4px;color: #202020;}
.business .section01 ul li .txt span{line-height: 1;display: inline-block; font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #787878;}
.business .section01 ul li .img{margin-top:16px;}
.business .section01 ul li .img img{display: block;width:100%;}
.business .section01 ul li a{margin-top:10px;display: none;align-items: center;justify-content: center;height:40px; border: solid 1px #787878;background-color: #f8f8f8;  font-size: 14px;font-weight: bold;letter-spacing: -0.28px;color: #202020;}
.business .section02{margin-top:84px;}
.business .section02 .tab-box{}
.business .section02 .tab-cont{display: none;margin-top:80px;}
.business .section02 .tab-cont h4{font-size: 50px;font-weight: bold;letter-spacing: -1px;text-align: center;color: #202020;margin-bottom: 50px;}
.business .section02 .tab-cont .flex-box{display: flex;justify-content: space-between;gap:40px;}
.business .section02 .tab-cont .flex-box .img{width:100%;max-width:760px;}
.business .section02 .tab-cont .flex-box .img img{display: block;width:100%;}
.business .section02 .tab-cont .flex-box .txt{width:100%;max-width:453px;}
.business .section02 .tab-cont .flex-box .txt h5{font-size: 42px;font-weight: normal;line-height: 1.29;letter-spacing: -0.84px;color: #202020;}
.business .section02 .tab-cont .flex-box .txt p{margin-top: 30px; font-size: 21px;font-weight: 500;line-height: 1.62;letter-spacing: -0.42px;color: #202020;word-break: auto-phrase;}
.business .section02 .tab-cont .flex-box .txt .btn-box{margin-top:40px;display: flex;justify-content: center;}
.business .section02 .tab-cont .flex-box .txt .btn-box a{display: flex;align-items: center;justify-content: center;width:210px;height:60px;background: #e8f6ff;  font-size: 19px;font-weight: 600;letter-spacing: -0.38px;text-align: center;color: #2768eb;}
.business .section02 .tab-cont .box{margin-top: 90px;}
.business .section02 .tab-cont .box h5{font-size: 30px;font-weight: bold;letter-spacing: -0.6px;color: #202020;margin-bottom:15px;}
.business .section02 .tab-cont .box p{font-size: 19px;font-weight: 500;letter-spacing: -0.38px;color: #202020;margin-bottom: 20px;}
.business .section02 .tab-cont .box .img-wrap{position:relative;padding:64px 32px;background: #f3f6fb;}
.business .section02 .tab-cont .box .img-wrap i{position:absolute;top:0;left:0;width:100%;height:100%;display: none;align-items: center;justify-content: center;}
.business .section02 .tab-cont .box .img-wrap i img{display: block;}
.business .section02 .tab-cont .box .img-wrap > img{display: block;width:100%;}
.business .section02 .tab-cont .box .table-box{position: relative;}
.business .section02 .tab-cont .box .table-box .drag-icon{position:absolute;top:0;left:0;width:100%;height:100%;display: none;align-items: center;justify-content: center;}
.business .section02 .tab-cont .box .table-box .drag-icon img{display: block;}
.business .section02 .tab-cont .box .table-box table{border-top:2px solid #202020;}
.business .section02 .tab-cont .box .table-box table thead tr th{border-bottom: 1px solid #202020;font-size: 20px;font-weight: bold;text-align: center;color: #202020;background: #f7f9fb;padding:25px 10px;}
.business .section02 .tab-cont .box .table-box table thead tr th:first-child{border-left:0;}
.business .section02 .tab-cont .box .table-box table thead tr th:nth-child(2){background: rgba(1,36,125,0.6);color:#fff;}
.business .section02 .tab-cont .box .table-box table thead tr th:nth-child(3){background: #01247d;color:#fff;}
.business .section02 .tab-cont .box .table-box table tbody tr th{background:#f7f9fb;padding:25px 10px;font-size: 19px;font-weight: 500;letter-spacing: -0.38px;text-align: center;color: #202020;border-bottom: 1px solid #ddd;}
.business .section02 .tab-cont .box .table-box table tbody tr td{border-bottom: 1px solid #ddd;border-left:1px solid #ddd;padding:25px 10px;font-size: 19px;font-weight: 500;letter-spacing: -0.38px;text-align: center;}
.business .section02 .tab-cont .box .table-box table tbody tr td i{display: inline-block;width:26px;height:26px;border-radius: 100%;border:3px solid #01247d;}
.business .section02 .tab-cont .box .table-box table tbody tr td strong{display: inline-block;font-weight: bold;color: #2a61cf;}
.business .section02 .tab-cont .box .list{display: flex;justify-content:space-between;border-top:1px solid #202020;border-bottom: 1px solid #ccc;padding:60px 80px;}
.business .section02 .tab-cont .box .list figure{display: flex;gap:40px;align-items: center;}
.business .section02 .tab-cont .box .list figure.reverse{flex-direction: row-reverse;}
.business .section02 .tab-cont .box .list figure img{display: block;}
.business .section02 .tab-cont .box .list figure figcaption{text-align: center;display: block;font-size: 20px;font-weight: 600;letter-spacing: -0.4px;color: #202020;}
.business .section02 .tab-cont .box .list figure figcaption strong{display: block;  font-size: 24px;font-weight: 800;letter-spacing: -0.48px;color: #202020;margin-bottom: 5px;}
.business .section02 .tab-cont .box .list ul{}
.business .section02 .tab-cont .box .list ul li{position: relative;}
.business .section02 .tab-cont .box .list ul li + li{margin-top:20px;}
.business .section02 .tab-cont .box .list ul li img{display: block;width:100%;}
.business .section02 .tab-cont .box .list ul li span{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: block;background: #fff;padding:0 15px;z-index: 1;font-size: 20px;font-weight: bold;letter-spacing: -0.4px;text-align: center;color: #01247d;}
.business .section02 .tab-cont .box .list ul li span br{display: none;}
.business .section02 .tab-cont .box .list ul li:nth-child(2) span{color:#2e74ff;}
.business .section02 .tab-cont .box .list ul li:nth-child(3) span{width: calc(100% - 54px);}
.business .section02 .tab-cont .box .list2{border-top:1px solid #707070;border-bottom: 1px solid #ccc;padding:30px 40px;display: flex;justify-content: space-between;gap:100px;}
.business .section02 .tab-cont .box .list2 figure{flex:1;display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;}
.business .section02 .tab-cont .box .list2 figure img{display: block;}
.business .section02 .tab-cont .box .list2 figure figcaption{display: block; font-size: 21px;font-weight:normal;letter-spacing: -0.42px;color: #202020;}
.business .section02 .tab-cont .box .list2 figure figcaption em{font-weight: bold;}
.business .section02 .tab-cont .box .list2 figure figcaption strong{margin-bottom:10px;display: block; font-size: 30px;font-weight: bold;letter-spacing: -0.6px;color: #202020;}
.business .section03{position:relative;padding:120px 0 190px;background: rgb(13,19,59);background: linear-gradient(180deg, rgba(13,19,59,1) 44%, rgba(10,57,112,1) 100%);}
.business .section03 .hgroup h2{color:#fff;}
.business .section03 .cont-box{position: relative;}
.business .section03 .cont-box:before{content: "";position: absolute;top:0;left:0;width:100%;height:100%;background: url(/_public/images2/contents/business_bgimg.png) no-repeat;background-size: cover;}
.business .section03 .cont-box .list{}
.business .section03 .cont-box .list ul{display: flex;justify-content: space-between;}
.business .section03 .cont-box .list ul li{position:relative;width:calc(33.3333% - 166px);display: flex;align-items: center;justify-content: center;border-radius: 100%;padding-top: calc(33.3333% - 166px);}
.business .section03 .cont-box .list ul li img{display: block;position: absolute;top:0;left:0;width:100%;height:100%;}
.business .section03 .cont-box .list ul li .txt{position: absolute;top:50%;left:0;width:100%;text-align: center;transform: translateY(-50%);}
.business .section03 .cont-box .list ul li .txt em{display:block;font-size: 30px;font-weight: bold;line-height: 1;letter-spacing: -0.6px;text-align: center;}
.business .section03 .cont-box .list ul li .txt span{display:block;margin-top:10px;font-size: 30px;font-weight: bold;line-height: 1;letter-spacing: -0.6px;text-align: center;color: #fff;}
.business .section03 .cont-box .list ul li:nth-child(1){border:1px dashed #888;}
.business .section03 .cont-box .list ul li:nth-child(1) .txt em{color:#2768eb;}
.business .section03 .cont-box .list ul li:nth-child(1):after{content: "";position: absolute;top:50%;transform:translateY(-50%);right: -227px;display:block;width:200px;height:24px;background: url(/_public/images2/contents/business03_icon03.svg) no-repeat;background-size: cover;}
.business .section03 .cont-box .list ul li:nth-child(3){border:1px solid #fff;}
.business .section03 .cont-box .list ul li:nth-child(3) .txt em{color:#82abfe;}
.business .section03 .cont-box .list ul li:nth-child(2):after{content: "";position: absolute;top:50%;transform:translateY(-50%);right: -227px;display:block;width:200px;height:24px;background: url(/_public/images2/contents/business03_icon04.svg) no-repeat;background-size: cover;}
.business .section03 .cont-box .list2{margin-top:90px;}
.business .section03 .cont-box .list2 ul{display: flex;gap:38px;}
.business .section03 .cont-box .list2 ul li{position:relative;flex:1; -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background:rgba(255,255,255,0.1);text-align: center;padding-top: calc(20% - 31px);}
.business .section03 .cont-box .list2 ul li .txt{position: absolute;top:50%;left:0;transform:translateY(-50%);width:100%;}
.business .section03 .cont-box .list2 ul li h4{font-size: 30px;font-weight: 600;line-height: 1;letter-spacing: -0.6px;text-align: center;color: #fff;}
.business .section03 .cont-box .list2 ul li span{margin-top:10px;display: inline-block;font-size: 19px;font-weight: 500;letter-spacing: -0.38px;text-align: center;color: #82abfe;}
.business .section03 .cont-box .list3{margin-top:90px;}
.business .section03 .cont-box .list3 ul{display: flex;gap:40px;}
.business .section03 .cont-box .list3 ul li{position:relative;flex:1;padding:100px 0 70px;text-align: center; -webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);background:rgba(255,255,255,0.1);display: flex;flex-direction: column;align-items: center;transition: all 0.4s;}
.business .section03 .cont-box .list3 ul li em{position: absolute;top: -15px;left: -3px;font-size: 120px;color: #fff;opacity: 0.1;line-height: 1;font-weight: 700;}
.business .section03 .cont-box .list3 ul li i{position: relative;display: flex;align-items: center;height:67px;}
.business .section03 .cont-box .list3 ul li i img{display: block;}
.business .section03 .cont-box .list3 ul li p{margin-top:90px;font-size: 26px;font-weight: bold;line-height: 1.15;letter-spacing: -0.52px;text-align: center;color: #fff;}
.business .section03 .cont-box .list3 ul li p span{display: block;font-size: 20px;font-weight: 500;letter-spacing: -0.4px;text-align: center;color: #fff;line-height: 1.5;}
.business .section03 .cont-box .list3 ul li.on{box-shadow: 0 3px 30px 0 rgba(38, 168, 253, 0.5);background-color: #2768eb;}
.business .section03 .cont-box h5{margin-top:140px;text-align: center;font-size: 50px;font-weight: bold;line-height: 1.4;letter-spacing: -1px;color: #fff;}


.business .business02{}
.business .business02 .section02 .tab-cont .flex-box .txt{max-width: 520px;padding-right: 101px;}
.business .business02 .section02 .tab-cont .box .list ul{width:100%;max-width:335px;}
.business .business02 .section02 .tab-cont .box .list ul li:nth-child(3) span{padding:0 5px;width: calc(100% - 70px);}

.business .business03{}
.business .business03 .section02{margin-top:0;padding-bottom: 180px;}
.business .business03 .section02 .tab-cont{margin-top:0;}
.business .business03 .section02 .tab-cont .flex-box .txt{max-width:565px;}
.business .business03 .section02 .tab-cont .flex-box .txt .btn-box{margin-top:90px;}
.business .business03 .section02 .tab-cont .box .list ul li:nth-child(1) span{width: calc(100% - 121px);}
.business .business03 .section02 .tab-cont .box .list ul li:nth-child(2) span{width: calc(100% - 83px);}
.business .business03 .section02 .tab-cont .box .list ul li:nth-child(3) span{width:auto;}

.business .business04{}



.project{}
.project .list{}
.project .category{margin-top:30px;display: flex;justify-content:center;gap:10px;}
.project .category a{display: flex;align-items: center;justify-content: center;width:107px;height:50px;border-radius: 25px;border: solid 1px #ccc;background-color: #fff; font-size: 18px;font-weight: 500;color: #787878;}
.project .category a.on{border-color: #202020;background-color: #202020;color:#fff;}
.project .list .search-box{margin-top:50px;}
.project .list ul{margin-top:50px;display: flex;flex-wrap:wrap;gap:100px 40px;}
.project .list ul li{position: relative;width:calc(33.3333%  - 27px);}
.project .list ul li a{position:relative;display: block;}
.project .list ul li .img{position: relative;overflow: hidden;}
.project .list ul li .img img{display: block;width:100%;transition: all 0.4s;}
.project .list ul li .img:before{content: "";position: absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.3);transition: all 0.4s;opacity: 0;z-index: 1;}
.project .list ul li .img i{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);display: inline-block;width:40px;height:40px;background: url(/_public/images2/icon/ico_plus3.svg) no-repeat;background-size: cover;transition: all 0.4s;opacity: 0;z-index: 2;}
.project .list ul li .txt{margin-top:20px;}
.project .list ul li .txt .ct{display: inline-block;line-height: 31px;padding:0 14px;  font-size: 16px;font-weight: 600;letter-spacing: normal;color: #fff;}
.project .list ul li .txt .ct1{background: #000d50;}
.project .list ul li .txt .ct2{background: #26a8fd;}
.project .list ul li .txt .ct3{background: #2a61cf;}
.project .list ul li .txt h3{margin-top:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 24px;font-weight: bold;color: #202020;}
.project .list ul li .txt .b-cont{margin-top:5px;display: flex;gap:25px;}
.project .list ul li .txt .b-cont span{position:relative;display: inline-block;  font-size: 16px;font-weight: 600;color: #202020;}
.project .list ul li .txt .b-cont span:before{content: "";position: absolute;top:3px;left:-12px;width:1px;height:15px;background: #787878;}
.project .list ul li .txt .b-cont span:first-child:before{display: none;}
.project .list ul li:hover .img:before{opacity: 1;}
.project .list ul li:hover .img img{transform: scale(1.1);}
.project .list ul li:hover .img i{opacity: 1;}

.project .view{margin-top:50px;}



.re100{}
.re100 .application{max-width:1200px;position: relative;margin:0 auto;}
.re100  .card .layout{background: #fff;padding:100px 0 80px;}
.re100 .month{margin-top:50px;}
.re100 .month .inner{display: flex;justify-content:center;gap:10px;}
.re100 .month button{display: flex;align-items: center;justify-content: center;height:50px;padding:0 23px; border-radius: 25px;border: solid 1px #ccc;background-color: #fff; font-size: 18px;font-weight: 500;color: #787878;}
.re100 .month button.on{border-color: #202020;background-color: #202020;color:#fff;}
.re100 .month button.all{padding:0 35px;}
.re100 .list{}
.re100 .list .search-box{margin-top:50px;}
.re100 .list .box{margin-top:50px;display: flex;justify-content: space-between;}
.re100 .list .box .l-cont{width:100%;max-width:341px;}
.re100 .list .box .l-cont .title-box{position: sticky;top:120px;text-align: right;}
.re100 .list .box .l-cont .title-box h2{text-align: right;  font-size: 45px;font-weight: bold;line-height: 1.38;letter-spacing: -0.9px;color: #121212;}
.re100 .list .box .l-cont .title-box p{margin-top:25px;font-size: 24px;font-weight: 600;line-height: 1.42;letter-spacing: -0.48px;text-align: right;color: #121212;}
.re100 .list .box .l-cont .title-box a{margin-top:25px;display: inline-block;line-height: 60px;padding:0 47px;background: #e8f6ff; font-size: 19px;font-weight: 600;letter-spacing: -0.38px;text-align: center;color: #2768eb;}
.re100 .list .box .r-cont{width:100%;max-width:900px;}
.re100 .list .box .r-cont ul{border-top:2px solid #202020;}
.re100 .list .box .r-cont ul li{position: relative;border-bottom: 1px solid #ccc;}
.re100 .list .box .r-cont ul li a{position: relative;display: block;padding:25px 115px 25px 82px;transition: all 0.4s;}
.re100 .list .box .r-cont ul li a:after{content: "";position: absolute;top:50%;right:40px;transform:translateY(-50%);width:35px;height:35px;background: url(/_public/images2/icon/ico_plus4.svg) no-repeat;background-size: cover;transition: all 0.4s;}
.re100 .list .box .r-cont ul li a i{display: inline-block;position: absolute;left:30px; font-size: 17px;font-weight: 500;letter-spacing: -0.34px;color: #2768eb;}
.re100 .list .box .r-cont ul li .col1{display: flex;align-items:center;gap:15px;line-height: 1;font-size: 19px;font-weight: 600;letter-spacing: -0.38px;color: #202020;}
.re100 .list .box .r-cont ul li .col1 em{display: flex;align-items:center;justify-content:center;width:75px;height:30px;font-size: 15px;font-weight: 500;letter-spacing: -0.3px;color: #fff;background: #2768eb;}
.re100 .list .box .r-cont ul li .col2{}
.re100 .list .box .r-cont ul li .col2 dl{margin-top:20px;}
.re100 .list .box .r-cont ul li .col2 dl dt{width:90px;font-size: 17px;font-weight: 600;letter-spacing: -0.34px;color: #787878;}
.re100 .list .box .r-cont ul li .col2 dl dd{padding:0 0 10px 90px;  font-size: 17px;font-weight: 600;letter-spacing: -0.34px;color: #202020;}
.re100 .list .box .r-cont ul li.finish a i{color:#787878;}
.re100 .list .box .r-cont ul li.finish .col1 em{background: #ccc;}
.re100 .list .box .r-cont ul li:hover a{background: #f5f5f5;}
.re100 .list .box .r-cont ul li:hover a:after{background: url(/_public/images2/icon/ico_plus5.svg) no-repeat;background-size: cover;}
.re100 .view{margin-top:50px;}

.re100 .application .box{display: flex;justify-content:space-between;margin-top: 90px;gap:40px;}
.re100 .application .box .l-cont{width:100%;max-width:800px;}
.re100 .application .box .l-cont .title-box{position: sticky;top:120px;}
.re100 .application .box .l-cont .title-box .inner{}
.re100 .application .box .l-cont .title-box h2{font-size: 42px;font-weight: bold;line-height: 1.38;letter-spacing: -0.9px;color: #121212;}
.re100 .application .box .l-cont .title-box p{margin-top:25px;font-size: 24px;font-weight: 600;line-height: 1.42;letter-spacing: -0.48px;color: #121212;}
.re100 .application .box .l-cont .title-box ul{margin-top:15px;}
.re100 .application .box .l-cont .title-box ul li{font-size: 15px;font-weight: 600;line-height: 1.6;letter-spacing: -0.3px;color: #787878;}
.re100 .application .box .l-cont .title-box a{margin-top:25px;display: inline-block;line-height: 60px;padding:0 28px;background: #e8f6ff; font-size: 19px;font-weight: 600;letter-spacing: -0.38px;text-align: center;color: #2768eb;}
.re100 .application .box .r-cont{width:100%;max-width:550px;}
.re100 .application .box .r-cont .info-box{display: flex;flex-direction:column;padding:20px; border-radius: 5px;background-color: #2768eb; font-size: 17px;font-weight: 500;letter-spacing: -0.34px;color: #fff;gap:10px;line-height: 1;}
.re100 .application .box .r-cont .info-box em{display: inline-block;font-weight: 600;}
.re100 .application .box .r-cont .form-box{margin-top:40px;}
.re100 .application .box .r-cont .form-box + .form-box{padding-top:40px;border-top:1px solid #787878;}
.re100 .application .box .r-cont .btn-box{margin-top:40px;display: flex;justify-content: center;}
.re100 .application .box .r-cont .btn-box button{display: flex;align-items: center;justify-content: center;width:100%;max-width: 600px;height:55px;background: #2768eb;font-size: 18px;font-weight: 600;text-align: center;color: #fff;}


.consulting .layout{background: #fff;padding:100px 0 80px;}
.consulting .box{display: flex;justify-content:space-between;margin: 90px auto 0;gap:50px;max-width:1200px;}
.consulting .box .l-cont{width:100%;max-width:600px;}
.consulting .box .l-cont .title-box{position: sticky;top:120px;}
.consulting .box .l-cont .title-box .inner{}
.consulting .box .l-cont .title-box em{display: inline-block;padding:0 37px;line-height: 40px;  border-radius: 20px;background: #f3f6f8;font-size: 18px;font-weight: bold;letter-spacing: -0.36px;color: #2768eb;}
.consulting .box .l-cont .title-box h2{font-size: 42px;font-weight: bold;line-height: 1.2;letter-spacing: -0.9px;color: #121212;}
.consulting .box .l-cont .title-box h2 span{display: inline-block; font-size: 32px;font-weight: bold;letter-spacing: -0.56px;color: #121212;}
.consulting .box .l-cont .title-box p{margin-top:25px;font-size: 24px;font-weight: 600;line-height: 1.42;letter-spacing: -0.48px;color: #121212;}
.consulting .box .l-cont .title-box ul{margin-top:15px;}
.consulting .box .l-cont .title-box ul li{font-size: 15px;font-weight: 600;line-height: 1.6;letter-spacing: -0.3px;color: #787878;}
.consulting .box .l-cont .title-box a{margin-top:25px;display: inline-block;line-height: 60px;padding:0 28px;background: #e8f6ff; font-size: 19px;font-weight: 600;letter-spacing: -0.38px;text-align: center;color: #2768eb;}
.consulting .box .r-cont{width:100%;max-width:550px;}
.consulting .box .r-cont .info-box{display: flex;flex-direction:column;padding:20px; border-radius: 5px;background-color: #2768eb; font-size: 17px;font-weight: 500;letter-spacing: -0.34px;color: #fff;gap:10px;line-height: 1;}
.consulting .box .r-cont .info-box em{display: inline-block;font-weight: 600;}
.consulting .box .r-cont .form-box{margin-top:40px;}
.consulting .box .r-cont .form-box + .form-box{padding-top:40px;border-top:1px solid #787878;}
.consulting .box .r-cont .btn-box{margin-top:40px;display: flex;justify-content: center;}
.consulting .box .r-cont .btn-box button{display: flex;align-items: center;justify-content: center;width:100%;max-width: 600px;height:55px;background: #2768eb;font-size: 18px;font-weight: 600;text-align: center;color: #fff;}


.inquiry .layout{background: #fff;padding: 100px 0 80px;}
.inquiry .box{display: flex;justify-content:space-between;margin: 90px auto 0;gap:50px;max-width: 1200px;}
.inquiry .box .l-cont{width:100%;max-width:600px;}
.inquiry .box .l-cont .title-box{position: sticky;top:120px;display: flex;flex-direction: column;align-items: center;}
.inquiry .box .l-cont .title-box .inner{max-width:360px;}
.inquiry .box .l-cont .title-box h2{font-size: 42px;font-weight: bold;line-height: 1.2;letter-spacing: -0.9px;color: #121212;}
.inquiry .box .l-cont .title-box h2 span{display: inline-block; font-size: 28px;font-weight: bold;letter-spacing: -0.56px;color: #121212;}
.inquiry .box .l-cont .title-box p{margin-top:25px;font-size: 24px;font-weight: 600;line-height: 1.42;letter-spacing: -0.48px;color: #121212;}
.inquiry .box .l-cont .title-box ul{margin-top:15px;}
.inquiry .box .l-cont .title-box ul li{font-size: 15px;font-weight: 600;line-height: 1.6;letter-spacing: -0.3px;color: #787878;}
.inquiry .box .l-cont .title-box a{margin-top:25px;display: inline-block;line-height: 60px;padding:0 28px;background: #e8f6ff; font-size: 19px;font-weight: 600;letter-spacing: -0.38px;text-align: center;color: #01247d;}
.inquiry .box .r-cont{width:100%;max-width:550px;}
.inquiry .box .r-cont .info-box{display: flex;flex-direction:column;padding:20px; border-radius: 5px;background-color: #01247d;font-size: 17px;font-weight: 500;letter-spacing: -0.34px;color: #fff;line-height: 1;gap:10px;}
.inquiry .box .r-cont .info-box em{display: inline-block;font-weight: 600;}
.inquiry .box .r-cont .form-box{margin-top:40px;}
.inquiry .box .r-cont .form-box + .form-box{padding-top:40px;border-top:1px solid #787878;}
.inquiry .box .r-cont .btn-box{margin-top:40px;display: flex;justify-content: center;}
.inquiry .box .r-cont .btn-box button{display: flex;align-items: center;justify-content: center;width:100%;max-width: 600px;height:55px;background: #01247d;font-size: 18px;font-weight: 600;text-align: center;color: #fff;}

@media all and (max-width:1800px) {
}

@media all and (max-width:1560px) {
    .page-top .visual .navi-menu{padding:0 20px;}

    .company{padding:0 20px;}

    .business h3{font-size:36px;}

    .re100{padding:0 20px;}
}

@media all and (max-width:1400px) {
    .hgroup h2{font-size:40px;}
    .business h3{font-size:32px;}

    .business .section01{padding:60px 20px;}
    .business .section02{padding:0 20px;}
    .business .section02 .tab-cont h4{font-size:44px;}
    .business .section03{padding:120px 20px 190px;}
}

@media all and (max-width:1280px) {
    .page-top .visual .group h1{font-size:60px;}
    .page-top .visual .group p{font-size:24px;}
    .hgroup h2{font-size:34px;}

    .search-box .input-wrap input[type="text"]{height:50px;}
    .search-box .input-wrap button{width:50px;}

    #pages .contents{padding:68px 20px 120px;}

    .company{padding:0;}
    .company .aboutus .hgroup p{font-size:18px;}
    .company .aboutus .section01 .box .l-cont ul li{font-size:20px;}
    .company .aboutus .section01 .box .l-cont ul li em{font-size:16px;}
    .company .aboutus .section01 .box .l-cont .addr{font-size:18px;}
    .company .aboutus .section01 .box .l-cont .addr a{right:20px;font-sizE:14px;}
    .company .aboutus .section01 .box .r-cont a{font-size:16px;}
    .company .aboutus .section04 ul li h3{font-size:22px;}

    .company .history .hgroup p{font-size:26px;}
    .company .history .box{gap:40px;margin-top:100px;}
    .company .history .box .l-cont .inbox h2{font-size:60px;}
    .company .history .box .l-cont .inbox p{margin-top:30px;font-size:20px;}
    .company .history .box .l-cont .inbox .slider{margin-top:50px;}
    .company .history .box .r-cont ul{padding-left: 90px;}
    .company .history .box .r-cont ul li h3{font-size:30px;}
    .company .history .box .r-cont ul li p{font-size:18px;}
    .company .history .box .r-cont ul li p:before{top:15px;}
    .company .history .box .r-cont ul li + li{margin-top:50px;}


    .company .location .info-box .l-cont{width:430px;}
    .company .location .info-box .l-cont h3{font-size:28px;}
    .company .location .info-box .r-cont{width:calc(100% - 430px);}


    .business h3{font-size:28px;}
    .business .section01{margin:60px -20px 0;}
    .business .section01 ul li .txt span{font-size:14px;}
    .business .section02{padding:0;}
    .business .section02 .tab-cont{margin-top:60px;}
    .business .section02 .tab-cont h4{font-size:34px;}
    .business .section02 .tab-cont .flex-box .txt h5{font-size:38px;}
    .business .section02 .tab-cont .box h5{font-size:28px;}
    .business .section02 .tab-cont .box .list{padding:60px 20px;gap:20px;}
    .business .section02 .tab-cont .box .list figure figcaption{font-size:18px;}
    .business .section02 .tab-cont .box .list figure figcaption strong{font-size:22px;}
    .business .section02 .tab-cont .box .list2{gap:50px;padding:20px;}
    .business .section02 .tab-cont .box .list2 figure figcaption{font-size:18px;}
    .business .section02 .tab-cont .box .list2 figure figcaption strong{font-size:26px;}
    .business .section03{margin:0 -20px;padding:80px 20px 150px;}
    .business .section03 .cont-box .list ul li .txt em{font-size:26px;}
    .business .section03 .cont-box .list ul li .txt span{font-size:26px;}
    .business .section03 .cont-box .list2 ul{gap:30px;flex-wrap: wrap;}
    .business .section03 .cont-box .list2 ul li{}
    .business .section03 .cont-box .list2 ul li h4{font-size:26px;}
    .business .section03 .cont-box .list3 ul li p{font-size:24px;}
    .business .section03 .cont-box h5{font-size:44px;margin-top:120px;}
    .business .business03 .section02{padding-bottom: 140px;}

    .view-panel .view-top{padding:30px 120px 30px 55px;}
    .view-panel .view-top button{width:45px;top:28px;}
    .view-panel .view-top h2{font-size:26px;}
    .view-panel .view-top .status{top:34px;right:20px;}
    .view-panel .view-top .ct{top:34px;right:20px;}
    .view-panel .view-cont1{padding:30px;}
    .view-panel .view-cont1 h3{font-size:20px;}
    .view-panel .view-cont1 .util span{font-size:15px;padding-left: 25px;}
    .view-panel .view-cont1 .util span i{top:0;}
    .view-panel .view-cont1 p{font-size:15px;}

    .view-panel .view-cont2{padding:50px 0;}
    .view-panel .btn-box{margin-top:50px;}
    .view-panel .btn-box a{height:60px;font-size: 16px;}

    .re100{padding:0;}
    .re100 .month{margin-top:30px;overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;white-space: nowrap;}
    .re100 .month .inner{justify-content: flex-start;}
    .re100 .month::-webkit-scrollbar{display: none;}
    .re100 .list .box{gap:50px;}
    .re100 .list .box .l-cont .title-box h2{font-size: 35px;}
    .re100 .list .box .l-cont .title-box p{font-size:20px;}

    .re100 .card .layout{padding:100px 20px 80px;}
    .re100 .application .box{margin-top:70px;}
    .re100 .application .box .l-cont .title-box h2{font-size:35px;}
    .re100 .application .box .l-cont .title-box p{font-size:20px;}
    .re100 .application .box .l-cont .title-box ul li{font-size:14px;}


    .consulting .layout{padding:100px 20px 80px;}
    .consulting .box{margin-top:70px;}
    .consulting .box .l-cont .title-box h2{font-size:35px;}
    .consulting .box .l-cont .title-box p{font-size:20px;}
    .consulting .box .l-cont .title-box ul li{font-size:14px;}

    .inquiry .layout{padding:100px 20px 80px;}
    .inquiry .box{margin-top:70px;}
    .inquiry .box .l-cont .title-box h2{font-size:35px;}
    .inquiry .box .l-cont .title-box p{font-size:20px;}
    .inquiry .box .l-cont .title-box ul li{font-size:14px;}


    .project .list ul{gap:80px 30px;}
    .project .list ul li{width: calc(33.3333% - 20px);}
    .project .list ul li .txt{margin-top:10px;}
    .project .list ul li .txt .ct{}
    .project .list ul li .txt h3{font-size:20px;}
}

@media all and (max-width:1024px) {
    .search-box .input-wrap{max-width:100%;}

    .hgroup h2{font-size:30px;}
    .hgroup p{font-size:16px;}

    .form-box h4{font-size:18px;}
    .form-box .field-row .field .label{font-size:15px;}
    .form-box .field-row .field .form input[type="text"],
    .form-box .field-row .field .form input[type="tel"],
    .form-box .field-row .field .form input[type="date"],
    .form-box .field-row .field .form input[type="number"],
    .form-box .field-row .field .form input[type="password"],
    .form-box .field-row .field .form input[type="email"]{height: 50px;font-size:14px;}
    .form-box .field-row .field .form select{height:50px;font-size: 14px;}
    .form-box .field-row .field .input-group a{height:50px;font-size:17px;}
    .form-box .field-row .field .form textarea{font-size:14px;}
    .form-box .policy-box{margin-top:20px;}
    .form-box .policy-box .txt{font-size:14px;}


    .page-top .visual .group h1{font-size:50px;}
    .page-top .visual .group p{font-size:20px;}
    .page-top .visual{height:500px;}
    .page-top .visual .navi-menu{bottom:20px;}
    .page-top .visual .navi-menu .layout a{height:50px;font-size: 17px;}

    #pages .contents{padding:50px 20px 120px;}


    .company .aboutus .hgroup p{font-size: 16px;}
    .company .aboutus section + section{margin-top:100px;}
    .company .aboutus .section01 .box{flex-direction: column;}
    .company .aboutus .section01 .box .l-cont{width:100%;}
    .company .aboutus .section01 .box .l-cont .addr{height:60px;}
    .company .aboutus .section01 .box .r-cont{width:100%;align-items:center;gap:40px;}
    .company .aboutus .section01 .box .l-cont ul li{font-size: 18px;}
    .company .aboutus .section01 .box .l-cont ul li em{font-size:14px;}
    .company .aboutus .section01 .box .r-cont i{position: relative;top:0;left:0;transform:none;}
    .company .aboutus .section01 .box .r-cont a{height:60px;}
    .company .aboutus .section02 ul li figure figcaption{font-size:20px;bottom:20px;}
    .company .aboutus .section03 h2{font-size:45px;}
    .company .aboutus .section04 ul{flex-wrap: wrap;gap:40px;}
    .company .aboutus .section04 ul li{flex:none;width:calc(50% - 20px);}
    .company .aboutus .section04 ul li h3{font-size:20px;margin-top:20px;}
    .company .aboutus .section04 ul li p{margin-top:10px;font-size:15px;word-break: auto-phrase;}
    .company .aboutus .section04 ul li p br{display: none;}
    .company .aboutus .section04 ul li a{margin-top:30px;line-height: 50px;font-size: 15px;padding:0 20px;}
    .company .aboutus .section04 ul li i{width:45px;}

    .company .history .hgroup p{font-size:22px;}
    .company .history .box{margin-top:60px;}
    .company .history .box .l-cont{padding-right:30px;}
    .company .history .box .l-cont .inbox{padding-top:20px;}
    .company .history .box .l-cont .inbox h2{font-size:50px;}
    .company .history .box .l-cont .inbox p{margin-top:20px;font-size:16px;}
    .company .history .box .l-cont .inbox .slider{margin-top:30px;}
    .company .history .box .l-cont .inbox figure figcaption{font-size:14px;}
    .company .history .box .r-cont ul{padding-top:25px;padding-left:50px;}
    .company .history .box .r-cont .bullet{width:40px;height:40px;left:-20px;}
    .company .history .box .r-cont ul li + li{margin-top:30px;}
    .company .history .box .r-cont ul li h3{font-size:26px;}
    .company .history .box .r-cont ul li p{font-size:16px;}
    .company .history .box .r-cont ul li p:before{top:13px;}


    .company .location .info-box{margin-top:60px;flex-direction: column;gap:40px;}
    .company .location .info-box .l-cont{width:100%;}
    .company .location .info-box .l-cont h3{font-size:24px;}
    .company .location .info-box .l-cont a{margin-top:30px;height:50px;font-size: 16px;}
    .company .location .info-box .r-cont{width:100%;}
    .company .location .info-box .r-cont dl dt{padding-top:20px;width:100px;}
    .company .location .info-box .r-cont dl dt span{font-size:16px;padding-left: 27px;}
    .company .location .info-box .r-cont dl dt span i{width:18px;}
    .company .location .info-box .r-cont dl dd{padding:20px 0 20px 100px;font-size:16px;}
    .company .location .info-box .r-cont dl dd ul li strong{font-size:16px;}
    .company .location .info-box .r-cont dl dd ul li em{font-size:16px;}
    .company .location .info-box .r-cont dl dd ul li p{font-size:16px;}
    .company .location .info-box .r-cont dl dd a{top:15px;right:10px;font-size:14px;}

    .business .hgroup{margin-bottom: 30px;}

    .business h3{font-size:24px;}
    .business .section01{padding:40px 20px;margin-top:50px;}
    .business .section01 ul{flex-direction: column;gap:50px;}
    .business .section01 ul li:first-child{max-width:100%;}
    .business .section01 ul li:last-child{max-width:100%;}
    .business .section02{margin-top:60px;}
    .business .section02 .tab-cont{margin-top:40px;}
    .business .section02 .tab-cont h4{font-size:30px;margin-bottom: 40px;}
    .business .section02 .tab-cont .flex-box{flex-direction: column;}
    .business .section02 .tab-cont .flex-box .img{max-width: 100%;}
    .business .section02 .tab-cont .flex-box .txt{max-width:100%;}
    .business .section02 .tab-cont .flex-box .txt h5{font-size:34px;}
    .business .section02 .tab-cont .flex-box .txt p{font-size: 17px;}
    .business .section02 .tab-cont .flex-box .txt .btn-box a{font-size:17px;}
    .business .section02 .tab-cont .box{margin-top:60px;}
    .business .section02 .tab-cont .box h5{font-size:24px;}
    .business .section02 .tab-cont .box .img-wrap{position:relative;overflow: hidden;}
    .business .section02 .tab-cont .box .img-wrap.drag{overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;}
    .business .section02 .tab-cont .box .img-wrap.drag::-webkit-scrollbar{display: none;}
    .business .section02 .tab-cont .box .img-wrap i{display: flex;}
    .business .section02 .tab-cont .box .img-wrap > img{width:1336px;max-width:1336px;}
    .business .section02 .tab-cont .box .table-box table thead tr th{font-size:17px;padding:18px 5px;}
    .business .section02 .tab-cont .box .table-box table tbody tr th{padding:15px 5px;font-size:15px;}
    .business .section02 .tab-cont .box .table-box table tbody tr td{padding:15px 5px;font-size:15px;}
    .business .section02 .tab-cont .box .list{padding:38px 0;align-items: center;}
    .business .section02 .tab-cont .box .list figure{flex-direction: column;gap:20px;}
    .business .section02 .tab-cont .box .list figure.reverse{flex-direction: column;}
    .business .section02 .tab-cont .box .list figure figcaption{font-size:14px;}
    .business .section02 .tab-cont .box .list figure figcaption strong{font-size:18px;}
    .business .section02 .tab-cont .box .list2{gap:20px;}
    .business .section02 .tab-cont .box .list2 figure{flex-direction: column;align-items: center;}
    .business .section02 .tab-cont .box .list2 figure figcaption{text-align: center;font-size:16px;}
    .business .section02 .tab-cont .box .list2 figure figcaption strong{font-size:24px;}
    .business .section03{padding:60px 20px 130px;}
    .business .business03 .section02 .tab-cont .flex-box .txt{max-width:100%;}
    .business .business03 .section02 .tab-cont .flex-box .txt .btn-box{margin-top:40px;}

    .business .section03 .cont-box .list ul li .txt em{font-size:21px;}
    .business .section03 .cont-box .list ul li .txt span{font-size:21px;}
    .business .section03 .cont-box .list2{margin-top:70px;}
    .business .section03 .cont-box .list2 ul{gap:20px;}
    .business .section03 .cont-box .list2 ul li{flex: none;width:calc(33.3333% - 14px);    padding-top:calc(33.3333% - 14px);}
    .business .section03 .cont-box .list2 ul li h4{font-size:21px;}
    .business .section03 .cont-box .list2 ul li span{font-size:17px;}
    .business .section03 .cont-box .list3{margin-top:70px;}
    .business .section03 .cont-box .list3 ul li p{font-size:22px;}
    .business .section03 .cont-box .list3 ul li p span{font-size:17px;}
    .business .section03 .cont-box h5{font-size:34px;margin-top:100px;}


    .business .business02 .section02 .tab-cont .flex-box .txt{padding: 0;max-width:100%;}
    .business .business03 .section02{padding-bottom: 100px;}

    .view-panel .view-top{padding:20px 100px 20px 45px;}
    .view-panel .view-top button{width:35px;top:19px;}
    .view-panel .view-top h2{font-size:22px;}
    .view-panel .view-top .status{top:24px;right:10px;padding:0 10px;font-size: 14px;line-height: 24px;}
    .view-panel .view-top .ct{top:24px;right:10px;padding:0 10px;font-size: 14px;line-height: 24px;}
    .view-panel .view-top .b-cont{margin-top:10px;gap:30px;}
    .view-panel .view-top .b-cont span{font-size:14px;padding-left: 55px;}
    .view-panel .view-cont1{padding:20px;}
    .view-panel .view-cont1 h3{font-size:18px;}
    .view-panel .view-cont1 .util{margin-top:20px;}
    .view-panel .view-cont1 p{margin-top:20px;}
    .view-panel .view-cont1 figure{width:200px;padding:10px;}
    .view-panel .view-cont2{padding:40px 0;font-size:15px;}
    .view-panel .btn-box{margin-top:30px;}
    .view-panel .btn-box a{height:50px;font-size: 14px;}
    .view-panel .attachment{padding:20px 10px 20px 75px;}
    .view-panel .attachment em{font-size:15px;top:25px;}
    .view-panel .attachment a{font-size:15px;}

    .re100 .month button{height:40px;font-size:16px;}
    .re100 .list .box{flex-direction: column;}
    .re100 .list .box .l-cont{max-width:100%;}
    .re100 .list .box .l-cont .title-box{position: relative;top:0;text-align: center;}
    .re100 .list .box .l-cont .title-box h2{text-align: center;}
    .re100 .list .box .l-cont .title-box p{text-align: center;font-size:17px;}
    .re100 .list .box .l-cont .title-box a{line-height:50px;font-size: 17px;}
    .re100 .list .box .r-cont{max-width:100%;}
    .re100 .list .box .r-cont ul li a{padding:15px 100px 15px 75px;}
    .re100 .list .box .r-cont ul li .col1{font-size:17px;}
    .re100 .list .box .r-cont ul li a i{font-size:15px;left:10px;top:18px;}
    .re100 .list .box .r-cont ul li .col1 em{width:60px;height: 24px;font-size: 13px;}
    .re100 .list .box .r-cont ul li .col2 dl dt{font-size:15px;width:75px;}
    .re100 .list .box .r-cont ul li .col2 dl dd{font-size:15px;padding:0 0 5px 75px;}
    .re100 .list .box .r-cont ul li a:after{right:10px;width:25px;height:25px;}
    .re100 .card .layout{padding:60px 20px 40px;}
    .re100 .application .box{flex-direction: column;}
    .re100 .application .box .l-cont{max-width:100%;}
    .re100 .application .box .l-cont .title-box{text-align: center;}
    .re100 .application .box .l-cont .title-box h2{font-size:34px;}
    .re100 .application .box .l-cont .title-box p{font-size:17px;}
    .re100 .application .box .l-cont .title-box a{line-height:50px;font-size: 17px;}
    .re100 .application .box .r-cont{max-width:100%;}
    .re100 .application .box .r-cont .info-box{font-size:15px;line-height: 1.2;}
    .re100 .application .box .r-cont .form-box{margin-top:20px;}
    .re100 .application .box .r-cont .btn-box{margin-top:20px;}
    .re100 .application .box .r-cont .btn-box button{height:50px;font-size: 16px;}


    .consulting .layout{padding:60px 20px 40px;}
    .consulting .box{flex-direction: column;}
    .consulting .box .l-cont{max-width:100%;}
    .consulting .box .l-cont .title-box{text-align: center;}
    .consulting .box .l-cont .title-box h2{font-size:34px;}
    .consulting .box .l-cont .title-box h2 span{font-size:28px;}
    .consulting .box .l-cont .title-box p{font-size:17px;}
    .consulting .box .l-cont .title-box a{line-height:50px;font-size: 17px;}
    .consulting .box .r-cont{max-width:100%;}
    .consulting .box .r-cont .info-box{font-size:15px;line-height: 1.2;}
    .consulting .box .r-cont .form-box{margin-top:20px;}
    .consulting.box .r-cont .btn-box{margin-top:20px;}
    .consulting .box .r-cont .btn-box button{height:50px;font-size: 16px;}


    .inquiry .layout{padding:60px 20px 40px;}
    .inquiry .box{flex-direction: column;}
    .inquiry .box .l-cont{max-width:100%;}
    .inquiry .box .l-cont .title-box{text-align: center;}
    .inquiry .box .l-cont .title-box h2{font-size:34px;}
    .inquiry .box .l-cont .title-box h2 span{font-size:28px;}
    .inquiry .box .l-cont .title-box p{font-size:17px;}
    .inquiry .box .l-cont .title-box a{line-height:50px;font-size: 17px;}
    .inquiry .box .r-cont{max-width:100%;}
    .inquiry .box .r-cont .info-box{font-size:15px;line-height: 1.2;}
    .inquiry .box .r-cont .form-box{margin-top:20px;}
    .inquiry.box .r-cont .btn-box{margin-top:20px;}
    .inquiry .box .r-cont .btn-box button{height:50px;font-size: 16px;}


    .project .category a{height:40px;font-size: 16px;}
    .project .list{margin-top:20px;}
    .project .list ul{gap:60px 20px;}
    .project .list ul li{width: calc(33.3333% - 14px);}
    .project .list ul li .txt .ct{font-size:14px;line-height: 26px;}
    .project .list ul li .txt h3{font-size:18px;}
    .project .list ul li .txt .b-cont span{font-size:14px;}
    .project .list ul li .txt .b-cont span:before{height:12px;}

}

@media all and (max-width:768px) {
    .search-box{padding:10px;}
    .search-box .input-wrap input[type="text"]{height:45px;font-size: 14px;padding:0 60px 0 20px;}
    .search-box .input-wrap button{width:45px;right:0;}

    .hgroup h2{font-size:26px;word-break: auto-phrase;}
    .hgroup p{font-size:15px;word-break: auto-phrase;}

    .page-top .visual .group h1{font-size:40px;}
    .page-top .visual .group p{margin-top: 20px;font-size: 15px;}
    .page-top .visual .navi-menu .layout a{height: 46px;font-size: 15px;flex:auto;}

    .company .aboutus .hgroup p{margin-top:15px;}
    .company .aboutus section + section{margin-top:60px;}
    .company .aboutus .section01 .box .l-cont{padding:30px;height:550px; background: url(/_public/images2/contents/m_about01.png) no-repeat; background-size: cover;}
    .company .aboutus .section01 .box .l-cont ul li{font-size:16px;gap:10px;padding: 15px 0;}
    .company .aboutus .section01 .box .l-cont ul li em{font-size:14px;}
    .company .aboutus .section01 .box .l-cont .addr{height:50px;justify-content: flex-start;font-size:16px;padding:0 20px;}
    .company .aboutus .section01 .box .r-cont{padding:20px;}
    .company .aboutus .section01 .box .r-cont a{height:50px;font-size: 16px;}
    .company .aboutus .section02 ul{margin-top:40px;gap:20px;flex-direction: column;}
    .company .aboutus .section02 ul li figure figcaption{font-size:17px;}

    .company .aboutus .section03 {background: url(/_public/images2/contents/m_about05.png) 50% no-repeat; background-size: cover; margin: 60px -20px;}
    .company .aboutus .section03 h2{font-size:35px;letter-spacing: 5px;}
    .company .aboutus .section04 ul li h3{margin-top:15px;font-size: 18px;}
    .company .aboutus .section04 ul li p{font-size:14px;}
    .company .aboutus .section04 ul li a{margin-top:20px;line-height: 45px;font-size:14px;width:100%;}

    .company .history .hgroup p{font-size:18px;}
    .company .history .box{flex-direction: column;margin-top:30px;}
    .company .history .box > div{max-width:100%;}
    .company .history .box .l-cont{padding:0;}
    .company .history .box .l-cont .inbox{max-width:100%;padding:0;position: relative;top:0;}
    .company .history .box .l-cont .inbox h2{font-size:40px;}
    .company .history .box .r-cont ul{padding:20px 0 0 30px;}
    .company .history .box .r-cont .bullet{width:30px;height:30px;left:-14px;bottom:-17px;}
    .company .history .box .r-cont ul li h3{font-size:22px;margin-bottom: 10px;}
    .company .history .box .r-cont ul li p{font-size:14px;}
    .company .history .box .r-cont ul li p:before{top:11px;}

    .company .location .map-panel{margin-top:40px;height:360px;}
    .company .location .info-box{margin-top:30px;flex-direction: column;gap:30px;}
    .company .location .info-box .l-cont{width:100%;}
    .company .location .info-box .l-cont h3{font-size:22px;}
    .company .location .info-box .l-cont a{margin-top:20px;width:100%;}
    .company .location .info-box .r-cont{width:100%;}
    .company .location .info-box .r-cont dl dt{width:75px;}
    .company .location .info-box .r-cont dl dd{padding:20px 0 20px 75px;font-size:14px;}
    .company .location .info-box .r-cont dl dd ul li + li{margin-top:15px;}
    .company .location .info-box .r-cont dl dd ul li{padding:0;}
    .company .location .info-box .r-cont dl dd ul li strong{font-size:14px;position: relative;display: block;margin-bottom: 5px;}
    .company .location .info-box .r-cont dl dd ul li em{font-size:14px;}
    .company .location .info-box .r-cont dl dd ul li p{font-size:14px;}
    .company .location .info-box .r-cont dl dd a{margin-top:5px;position:relative;top:0;right:0;}


    .business .hgroup{margin-bottom: 20px;}
    .business h3{font-size:20px;word-break: auto-phrase;}
    .business h3 br{display: none;}
    .business .section01 ul li .txt{flex-direction: column;align-items: flex-start;gap:20px;}
    .business .section01 ul li a{display: flex;}
    .business .section02 .tab-cont h4{font-size:26px;margin-bottom: 30px;}
    .business .section02 .tab-cont .flex-box{gap:26px;}
    .business .section02 .tab-cont .flex-box .txt h5{font-size:24px;}
    .business .section02 .tab-cont .flex-box .txt p{margin-top:20px;font-size: 15px;}
    .business .section02 .tab-cont .flex-box .txt .btn-box{margin-top:20px;}
    .business .section02 .tab-cont .flex-box .txt .btn-box a{width:100%;height:50px;font-size: 15px;}
    .business .section02 .tab-cont .box h5{font-size:20px;}
    .business .section02 .tab-cont .box .img-wrap{padding:30px 20px;}
    .business .section02 .tab-cont .box .img-wrap > img{width:952px;max-width:952px;}
    .business .section02 .tab-cont .box .table-box{overflow: hidden;}
    .business .section02 .tab-cont .box .table-box table{width: 800px;}
    .business .section02 .tab-cont .box .table-box.drag{overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;}
    .business .section02 .tab-cont .box .table-box.drag::-webkit-scrollbar{display: none;}
    .business .section02 .tab-cont .box .table-box .drag-icon{display: flex;}
    .business .section02 .tab-cont .box .list figure{gap:10px;}
    .business .section02 .tab-cont .box .list figure img{max-width:79px;}
    .business .section02 .tab-cont .box .list figure figcaption{font-size:12px;}
    .business .section02 .tab-cont .box .list figure figcaption strong{font-size:15px;}
    .business .section02 .tab-cont .box .list ul{max-width:135px;}
    .business .section02 .tab-cont .box .list ul li{display: flex;flex-direction: column-reverse;align-items: center;}
    .business .section02 .tab-cont .box .list ul li + li{margin-top:5px;}
    .business .section02 .tab-cont .box .list ul li span{position: relative;transform: none;top:0;left:0;padding:0;font-size: 15px;width:100%;}
    .business .section02 .tab-cont .box .list ul li:nth-child(3) span{width:100%;}
    .business .section02 .tab-cont .box .list ul li span br{display:inline;}
    .business .section02 .tab-cont .box .list2{padding:20px 0;}
    .business .section02 .tab-cont .box .list2 figure img{width:100px;}
    .business .section02 .tab-cont .box .list2 figure figcaption{font-size:14px;}
    .business .section02 .tab-cont .box .list2 figure figcaption strong{font-size:20px;}
    .business .section02 .tab-cont .box .list2 figure figcaption em{display: block;}
    .business .section03{padding:40px 20px 100px;}
    .business .business03 .section02 .tab-cont .flex-box .txt .btn-box{margin-top:20px;}
    .business .business03 .section02 .tab-cont .box .list ul li:nth-child(1) span{width: 100%;}
    .business .business03 .section02 .tab-cont .box .list ul li:nth-child(2) span{width: 100%;}
    .business .business03 .section02 .tab-cont .box .list ul li:nth-child(3) span{width: 100%;}

    .business .section03 .cont-box .list ul{position:relative;gap:40px;padding-bottom: 45%;}
    .business .section03 .cont-box .list ul li{width:calc(50% - 20px);padding-top: calc(50% - 20px);}
    .business .section03 .cont-box .list ul li:nth-child(1):after{right: initial;top: initial;transform: none;width: 35px;height: 43px;background: url(/_public/images2/contents/m_business03_icon03.svg) no-repeat;background-size: cover;bottom: -55px;}
    .business .section03 .cont-box .list ul li:nth-child(2){position: absolute;bottom:0;left:50%;transform: translateX(-50%);}
    .business .section03 .cont-box .list ul li:nth-child(2):after{display: none;}
    .business .section03 .cont-box .list ul li:nth-child(3):after{content:"";position:absolute;right: initial;top: initial;transform: none;width: 35px;height: 43px;background: url(/_public/images2/contents/m_business03_icon04.svg) no-repeat;background-size: cover;bottom: -55px;}


    .business .section03 .cont-box .list ul li .txt em{font-size:17px;}
    .business .section03 .cont-box .list ul li .txt span{font-size:17px;}
    .business .section03 .cont-box .list2{margin-top:45px;}
    .business .section03 .cont-box .list2 ul{gap:15px;}
    .business .section03 .cont-box .list2 ul li{width:calc(50% - 8px);padding-top:calc(50% - 8px);}
    .business .section03 .cont-box .list2 ul li h4{font-size:17px;}
    .business .section03 .cont-box .list2 ul li span{font-size:15px;}
    .business .section03 .cont-box .list3{margin-top:45px;}
    .business .section03 .cont-box .list3 ul{flex-direction: column;gap:24px;}
    .business .section03 .cont-box .list3 ul li{padding:65px 0 35px;}
    .business .section03 .cont-box .list3 ul li em{font-size:100px;top:-13px;}
    .business .section03 .cont-box .list3 ul li p{margin-top:50px;font-size:20px;}
    .business .section03 .cont-box .list3 ul li i{width:44px;height:56px;}
    .business .section03 .cont-box h5{margin-top:45px;font-size: 24px;}

    .business .business02 .section02 .tab-cont .box .list ul li:nth-child(3) span{width:100%;}
    .business .business03 .section02{padding-bottom: 60px;}


    .view-panel .view-top{padding:15px 15px 15px 40px;}
    .view-panel .view-top button{width:30px;top:14px;}
    .view-panel .view-top h2{font-size:17px;padding-right: 60px;}
    .view-panel .view-top .status{top:15px;right:10px;padding:0 10px;font-size: 12px;line-height: 24px;}
    .view-panel .view-top .ct{top:15px;right:10px;padding:0 10px;font-size: 12px;line-height: 24px;}
    .view-panel .view-top .b-cont{margin-top:10px;flex-direction: column;gap:5px;}
    .view-panel .view-top .b-cont span{font-size:14px;padding-left: 55px;}
    .view-panel .view-cont1{flex-direction: column-reverse;gap:20px;}
    .view-panel .btn-box a{height:45px;width:100%;}
    .view-panel .attachment{padding:15px 10px 15px 75px;}
    .view-panel .attachment em{top:19px;}

    .re100 .month .inner{gap:7px;}
    .re100 .month button{height:35px;font-size:14px;padding:0 16px;}
    .re100 .month button.all{padding:0 20px;}
    .re100 .list .search-box{margin-top:30px;}
    .re100 .list .box{margin-top:30px;}
    .re100 .list .box .l-cont .title-box h2{font-size:24px;}
    .re100 .list .box .l-cont .title-box p{margin-top:20px;}
    .re100 .list .box .l-cont .title-box p .br{display: none;}
    .re100 .list .box .l-cont .title-box a{width:100%;font-size:15px;}
    .re100 .list .box .r-cont ul li a{padding:40px 35px 16px 10px;}
    .re100 .list .box .r-cont ul li a i{top:10px;}
    .re100 .list .box .r-cont ul li .col2 dl{margin-top:10px;}
    .re100 .list .box .r-cont ul li a:after{width:18px;height:18px;transform: none;top:13px;}

    .re100 .application .box .l-cont .title-box h2{font-size:24px;}
    .re100 .application .box .l-cont .title-box p{margin-top:17px;}
    .re100 .application .box .l-cont .title-box a{width:100%;line-height:45px;font-size:15px;}

    .re100 .card .layout{padding:40px 20px 20px;}


    .consulting .layout{padding:40px 20px 20px;}
    .consulting .box{margin-top:30px;}
    .consulting .box .l-cont .title-box h2{font-size:24px;}
    .consulting .box .l-cont .title-box h2 span{font-size:20px;}
    .consulting .box .l-cont .title-box p{margin-top:17px;}
    .consulting .box .l-cont .title-box a{width:100%;line-height:45px;font-size:15px;}


    .inquiry .layout{padding:40px 20px 20px;}
    .inquiry .box{margin-top:30px;}
    .inquiry .box .l-cont .title-box h2{font-size:24px;}
    .inquiry .box .l-cont .title-box h2 span{font-size:20px;}
    .inquiry .box .l-cont .title-box p{margin-top:17px;}
    .inquiry .box .l-cont .title-box a{width:100%;line-height:45px;font-size:15px;}

    .project .category{gap:7px;}
    .project .category a{height: 35px;font-size: 14px;width:auto;flex:auto;}
    .project .list .search-box{margin-top:20px;}
    .project .list ul{gap:20px 10px;margin-top:20px;}
    .project .list ul li{width: calc(50% - 5px);}
    .project .list ul li .txt h3{font-size:16px;}
    .project .list ul li .txt .ct{font-size:12px;line-height: 24px;}
    .project .list ul li .txt .b-cont{flex-direction: column;gap:3px;}
    .project .list ul li .txt .b-cont span{font-size:12px;}
    .project .list ul li .txt .b-cont span:before{display: none;}

}

@media all and (max-width:460px) {
    .company .aboutus .hgroup p{word-break: auto-phrase;}
    .company .aboutus .hgroup p br{display: none;}
    .company .aboutus .section01 .box .l-cont ul{flex-direction: column;gap:5px;}
    .company .aboutus .section01 .box .l-cont ul li + li{border-left:0;border-top: 1px solid rgba(255, 255, 255, 0.3);}
    .company .aboutus .section01 .box .l-cont .addr{padding:15px;height:auto;flex-direction: column;}
    .company .aboutus .section01 .box .l-cont .addr a{position: relative;right:0;margin-top:5px;width:100%;}
    .company .aboutus .section01 .box .r-cont i{width:100px;}
    .company .aboutus .section03{height:280px;}
    .company .aboutus .section03 h2{font-size:24px;letter-spacing: 3px;}
    .company .aboutus .section04 ul{flex-direction: column;}
    .company .aboutus .section04 ul li{width:100%;}

    .company .history .box .l-cont .inbox h2{font-size:36px;}

    .business .section03 .cont-box h5{word-break: auto-phrase;}
    .business .section03 .cont-box h5 br{display: none;}

}