.displaynone{display:none;}
.row{margin-left: 0; margin-right: 0;}
.container {padding-right:0; padding-left:0;}
.navbar{padding:10px 85px;}
.display_pc_only{display:block;}
.display_tablet_only{display:none;}

.navbar-nav{margin:auto;}
.navbar-brand img{height: 70px;}
.t_right{font-size: 22px;}
.t_right a{text-decoration: underline;}

@media (min-width: 1090px) {
    .fixed-top {position: relative;}
}

@media (min-width: 1200px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {
    .display_tablet_only{display:block;}
    .display_pc_only{display:none;}
    
}

.swiper-container{overflow: hidden; position: relative;}

footer{padding:55px 85px 35px;}
footer:after { content:""; clear:both; display:block; }
footer .left{float:left;}
footer .left .one{font-size: 25px;}
footer .left .two{font-size: 16px; margin:20px 0 15px;}
footer .left .three{font-size: 17px;}
footer .left .three a{text-decoration: underline}
footer .right{float:right;}
footer .right img{width:60px;}



.main0{padding:50px 0 0 0;}
.main0 .swiper_text_main{position: relative;}
.main0 .swiper-slide{color:#fff; font-size:170px;}


.main1{padding: 5vw 0 0; position: relative; width:100%;     margin: -305px 0 0 0; position:relative; background: url(/theme/chungboplan/img/main1.jpg) top center no-repeat; background-size: cover; overflow: hidden;}
.main1:before{content:"";display:block;padding-bottom:45%;}
.main1 .in_box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); width:100%;}


.main1 .img1{    text-align: center;  margin: -100px 0 0 0;}
.main1 .img1 img{max-width: 717px; width:90%;}
.main1 .text2{color:#fff; font-size: 40px; line-height: 50px;    padding: 0 0 0 85px; margin: -150px 0 0 0; position: relative;}
.main1 .text2 .one{}
.main1 .text2 .two{font-size: 35px;    margin: 30px 0 20px;}
.main1 .text2 .three{font-size: 23px; line-height: 35px;}
.main1 .text3{color:#fff; font-size: 30px; text-align: center; position:absolute; bottom:40px; width:100%; animation: move 0.7s ease-in 0s infinite alternate;}

.main1 .text3 span{      display: inline-block; }

@keyframes move {
	0% {bottom: 40px;}
	100% {bottom: 50px;}
}


@media (max-width: 1400px) {
    /*.main1 {padding: 15vw 0 8vw;}*/
}

.main2{padding:0 0px 50px;display: grid; grid-template-columns: 1fr 1fr;}
.main2 .one{position: relative; background: url(/theme/chungboplan/img/main2_1.jpg) top center no-repeat; background-size: cover;}
.main2 .one:before{content:"";display:block;padding-bottom:112%;}
.main2 .one ul{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); width:100%;}
.main2 .one li{text-align: center;font-family: "Bebas Neue"; font-size:110px; line-height: 100px;}
.main2 .one li:nth-child(1){color:#393174;}
.main2 .one li:nth-child(2){    padding: 80px 0;}
.main2 .one li:nth-child(2) img{max-width: 698px; width:90%;}
.main2 .one li:nth-child(3){color:#fff;}
.main2 .two{position: relative; background: url(/theme/chungboplan/img/main2_2.jpg) top center no-repeat; background-size: cover;}
.main2 .two:before{content:"";display:block;padding-bottom:112%;}


.main3{position: relative;    margin: 100px 0 0 0;}
.main3 .title1{font-size: 90px; line-height: 100px; padding:0 0 60px 85px;}
.main3 .box{display: grid; grid-template-columns: 1fr 1fr;}
.main3 .box .one{position: relative; background: url(/theme/chungboplan/img/main3.jpg) top center no-repeat; background-size: cover;}
.main3 .box .one:before{content:"";display:block;padding-bottom:112%;}
.main3 .box .two{background:#e61424; position: relative; overflow: hidden;}
.main3 .box .two:before{content:"";display:block;padding-bottom:112%;}
.main3 .box .two .in_text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); color:#fff;    width: 79%;}

.main3 .box .two .in_text .big{font-size: 120px; line-height: 110px;    padding: 0 0 2em 0;}
.main3 .box .two .in_text .small{font-size: 17px; line-height: 30px;}



@keyframes scroll-animation{
  0%{
    left: 0;
  }
  100%{
    left: -100%; /* 텍스트 width와 동일 */
  }
}

@keyframes infiniteAnimation1 {
  0% {
    transform: translateX(0%);
  }
  50% {
    transform: translateX(-100%);
  }
  50.1% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes infiniteAnimation2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-200%);
  }
}

.scroll-text{
  width: 100%;
  overflow: hidden;
        padding: 20vh 0;
}
.scroll-text .track{
  position: relative;
  animation: scroll-animation 15s linear infinite;
    white-space: nowrap;
    width: 1000%;
    font-size: 210px;
}
.scroll-text .track span img{width: 17vh;    margin: -39px 45px 0px 45px;}

.scroll-text-main{
  width: 100%;
  overflow: hidden;
        padding: 0vh 0;
}
.scroll-text-main .track{
  position: relative;
  animation: scroll-animation 15s linear infinite;
    white-space: nowrap;
    width: 1000%;
    font-size: 110px;
}

.swiper_text_page{font-size: 170px;padding: 0vh 0;}
.swiper_text_page .swiper-wrapper{transition-timing-function: linear;}
.swiper_text_page .swiper-slide{width:auto !important;}
.swiper_text_page .swiper-slide span img{width: 17vh;    margin: -39px 45px 0px 45px;}

.swiper_text_main{font-size: 110px;}
.swiper_text_main .swiper-wrapper{transition-timing-function: linear;}
.swiper_text_main .swiper-slide{width:auto !important;}

.swiper_text_partner .swiper-wrapper{transition-timing-function: linear;}
.swiper_text_partner .swiper-slide{width:auto !important;}

.scroll-text-partner{
  width: 100%;
  overflow: hidden;
        padding: 0vh 0;
}
.scroll-text-partner .track{
  position: relative;
  animation: scroll-animation 15s linear infinite;
    white-space: nowrap;
    width: 1000%;
}
.scroll-text-partner .track li{display:inline-block; margin:0 30px;}


.marquee-container marquee {
    font-size: 110px; /* 원하는 글꼴 크기로 조정 */
    color: #000; /* 원하는 색상으로 조정 */
    white-space: nowrap;
}

.marquee-container marquee span{}

.marquee-container {
    /*width: 100%;*/ /* 전체 화면 너비 */
    height: 145px; /* 원하는 높이 */
    overflow: hidden; /* 텍스트가 컨테이너 밖으로 나가지 않도록 */
    display: flex;
    align-items: center; /* 수직 중앙 정렬 */
}


.swiper_main4 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background:#fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        color:#fff;
        cursor:pointer;
        cursor:pointer;
    }
    .swiper_main4 .swiper-slide img{    width: 100%;
    height: 100%;
    object-fit: cover;}



.marquee-container_top marquee {
    font-size: 210px; /* 원하는 글꼴 크기로 조정 */
    color: #000; /* 원하는 색상으로 조정 */
    white-space: nowrap;
}

.marquee-container_top marquee span img{width: 17vh;    margin: -39px 45px 0px 45px;}

.marquee-container_top {
    /*width: 100%;*/ /* 전체 화면 너비 */
    height: 145px; /* 원하는 높이 */
    overflow: hidden; /* 텍스트가 컨테이너 밖으로 나가지 않도록 */
    display: flex;
    align-items: center; /* 수직 중앙 정렬 */
    padding: 35vh 0;
    position: relative;
}

.about{padding:50px 0 0 0;}
.about .swiper_text_page{color: #fff;}
.about .f_box1{margin: -305px 0 0 0;padding: 5vw 0 0;
    position: relative;
    width: 100%;    background: url(/theme/chungboplan/img/about1.jpg) top center no-repeat;
    background-size: cover;}
.about .f_box1:before {
    content: "";
    display: block;
    padding-bottom: 45%;
}
.about .f_box1 .text_box{font-size: 60px; line-height: 60px; color: #fff;    position: absolute;
    top: 335px;
    left: 85px;}
.about .f_box1 .text_box li:nth-child(2){padding:0 0 0 40px;}
.about .f_box1 .text_box li:nth-child(3){padding:0 0 0 80px;}
.about .f_box1 .text3 {
    color: #fff;
    font-size: 30px;
    text-align: center;
    position: absolute;
    bottom: 40px;
    width: 100%;
     animation: move 0.7s ease-in 0s infinite alternate;
}
.about .f_box2{color: #de202f; padding: 165px 0; position: relative;}
.about .f_box2 .in_box{    display: inline-block; position: relative;
    left: 50%;
    margin-left: -14%;}
.about .f_box2 .one{font-size: 25px; margin: 0 0 30px 0;}
.about .f_box2 .two{font-size: 17px; line-height: 35px;}
.about .f_box2 .two span{display: block;    margin: 30px 0 0 0;}

.about .f_box3{padding:0 0px; margin:50px auto 80px; display: grid; grid-template-columns: 60% 1fr;background:#fff; max-width: 1585px; width:90%;}
.about .f_box3 .left img{width:100%;}
.about .f_box3 .right:after { content:""; clear:both; display:block; }
.about .f_box3 .right{position: relative; }
.about .f_box3 .right:before{content:"";display:block;padding-bottom:86.5%;}
.about .f_box3  .in_box{position:absolute;width:80%; left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);color:#de202f}

.about .f_box3 .right .line{    border-left: 1px solid #de202f; padding-bottom: 50%; margin: 20px 0 20px 5px;}
.about .f_box3 .right .text1{font-size: 30px;line-height: 40px; }
.about .f_box3 .right .text2{font-size: 35px;line-height: 40px;font-family: 'Geogtq';}

.about .f_box4{display: grid; grid-template-columns: 340px 1fr; gap: 150px; width: 80%; margin: 150px auto;}
.about .f_box4 .one{align-self : center;}
.about .f_box4 .one .circle{position:relative;border-radius:50%; background: #fff;}
.about .f_box4 .one .circle:before{content:"";display:block;padding-bottom:100%;}
.about .f_box4 .one .circle .in_text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); color: #de202f; font-size: 62px; line-height: 55px;}
.about .f_box4 .two{color: #de202f; font-size: 17px; line-height: 35px;align-self : center;}

.about .f_box5{background: #de202f; padding: 155px 0 95px; position: relative;}
.about .f_box5:before{content:'THINK BIG WITH US';    font-size: 10vw;
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    color: #f13c4a;
    top: 43%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);}
.about .f_box5 .in_box{max-width: 1120px; margin:auto;}
.about .f_box5 .in_slide{}
.about .f_box5 .in_text{color: #fff;  display: grid; grid-template-columns: 400px 1fr; gap:100px; margin:100px 0 0 0;}
.about .f_box5 .in_text .one{font-size: 25px;    border-right: 1px solid #fff}
.about .f_box5 .in_text .two{font-size: 17px; line-height: 35px;}

.about .f_box6{padding: 150px 0;}
.about .f_box6 .in_box{border:1px solid #de202f; color: #de202f; padding: 50px 60px;display: grid; grid-template-columns: 35% 1fr;    width: 60%;  margin: auto; }
.about .f_box6 .in_box .one{font-size: 25px;}
.about .f_box6 .in_box .two{padding:0 0 0 45px; position: relative;}
.about .f_box6 .in_box .two:before{content: '';    width: 1px;
    display: block;
    height: 86%;
    background: #de202f;
    position: absolute;
    left: 0;
    top: 22px;}
.about .f_box6 .in_box .two li{font-size: 17px; line-height: 50px; position: relative;}
.about .f_box6 .in_box .two li:before{content:''; width:6px; height:6px; border-radius: 100%; display: block; background: #de202f;    position: absolute;
    left: -48px;
    top: 21px;}
.about .f_box6 .in_box .two span{display: block; line-height: 35px;    margin: 0 0 10px 0;}


.work{margin:0px 0 0 0;      padding: 50px 0 0 0;   }
.work .f_box1{padding: 1vw 85px 0;  font-size: 40px; line-height: 65px;}
.work .f_box2{padding:0 85px; display:flex; margin:100px 0 100px;}
.work .f_box2 li{font-size: 35px; line-height: 50px; position: relative;}
.work .f_box2 li:before{content: '';    width: 40px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    background: #000;
    margin: 0 20px 0 0;}
.work .f_box2 li:hover a{color:#d82325}
.work .f_box2 li.ov a{color:#d82325}
.work .f_box2 li.ov:before{background: #d82325;}
.work .f_box2 li:hover:before{background: #d82325;}
.work .f_box3{padding:0 0 0 85px;}
.work .f_box3 .box{margin:0 0 120px;}
.work .f_box3 .box .title{padding:0 85px 0 0}
.work .f_box3 .box .title:after { content:""; clear:both; display:block; }
.work .f_box3 .box .title .text1{font-size: 40px; float:left;}
.work .f_box3 .box .title .text1 span{font-size: 30px; color:#bdbdbd;    display: inline-block; margin: 0 0 0 25px;}
.work .f_box3 .box .title .text2{float:right;}
.work .f_box3 .box .title .text2 a{font-size: 30px; text-decoration: underline; }
.work .f_box3 .box .box_img{margin:30px 0 0 0;}
.work .f_box3 .box .box_img img{width:100%;}

.service{margin:-100px 0 0 0;}
.service .f_box1{padding:0 85px; font-size: 50px; line-height: 65px;}
.service .f_box2{padding:0 85px; display: grid; grid-template-columns: 43% 1fr; margin:200px 0 150px; gap:50px;}
.service .f_box2 .left{    padding: 42px 0 0 0;}
.service .f_box2 .left img{    max-width: 572px; width: 100%;}
.service .f_box2 .right{}
.service .f_box2 .right li{display: grid; grid-template-columns: 24% 1fr;}
.service .f_box2 .right .num{font-size: 120px;}
.service .f_box2 .right .con{}
.service .f_box2 .right .con .text1{font-size: 40px;margin: 36px 0 10px 0;}
.service .f_box2 .right .con .text2{font-size: 25px;}

@media (max-width: 1400px) {
    .service .f_box2 .right .num {font-size: 85px;}
    .service .f_box2 .right .con .text1 {font-size: 32px; margin: 24px 0 10px 0;}
    .service .f_box2 .right .con .text2 {font-size: 20px;}
    
}




.inquiry{padding: 0; position: relative; max-width: 775px; margin:15vh auto; border:1px solid #000;}
.inquiry .one{    position: absolute;
    width: 41%;
    left: -14%;
    top: -125px;}
.inquiry .circle{position:relative;border-radius:50%; background: #fff;}
.inquiry .circle:before{content:"";display:block;padding-bottom:100%;}
.inquiry .circle .in_text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%); color: #000; font-size: 55px; line-height: 50px;}
.inquiry .in_box{    padding: 45px; margin:auto;}
.inquiry .icon_box{text-align: right;}
.inquiry .icon_box img{height: 70px; margin:0 0 0 10px;}
.inquiry .f_box1{text-align: center; margin:0 0 50px 0;}
.inquiry .f_box1:after { content:""; clear:both; display:block; }

.inquiry .f_box1 .title1{font-size: 25px;
    text-align: left;
    padding: 100px 0 50px 0; width:73%; margin: auto;border-bottom: 2px solid #000; }
.inquiry .f_box1 .title2{font-size: 18px; margin:20px 0 0px;}
.inquiry .f_box1 .title2 span{    margin: 0 0 0 10px;}
.inquiry .f_box1 .title2 img{height: 30px; margin: 0 0 0 10px;}
.inquiry .f_box1 .img1 img{max-width: 139px; width:100%;}



.inquiry0{
     padding: 50px 0 0 0;
}
.inquiry0 .f_box0{padding:5vw 85px 0; font-size: 35px; line-height: 45px;}
.inquiry0 .f_box2{padding: 40px 85px 0 85px;}
.inquiry0 .f_box2 img{width: 48px;}


.box_form{    width: 85%;
    margin: auto;}

.form01-table{width:100%; border:none;border-collapse: collapse;margin:0 auto;    border-spacing: 0px;}
.form01-table td{border:none;      padding: 0 0px 20px 0px;}
.form01-table .title{font-size:18px; margin:0 0 10px 0;}

.form01-table .input01 {width:100%;height:50px;border:0px;padding:0px 0px;font-size:17px;font-weight: 500;background:transparent;margin-bottom:9px; border-bottom: 1px solid #000; border-radius: 0;}
.form01-table .btn_ok{text-align: center; margin:30px 0 0 0;}
.form01-table .btn_submit {    width: 165px;height: 55px;border: 0; background:#000;border-radius: 0px;text-align: center;color:#fff;font-size: 18px;font-weight: 500;}
.form01-table .btn_submit:hover {}
.form01-table textarea {background:transparent; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #000;padding:15px 0;height:245px;overflow: auto;width:100%;color:#000;font-size:17px;line-height:25px;}
.form01-table ::-webkit-input-placeholder { /* 크롬 4–56 */
    color: #666;
}
.form01-table :-moz-placeholder { /* 파이어폭스 4–18 */
   color: #666;
   opacity:  1;
}
.form01-table ::-moz-placeholder { /* 파이어폭스 19–50 */
   color: #666;
   opacity:  1;
}
.form01-table :-ms-input-placeholder { /* 인터넷 익스플로러 10+ */
   color:  #666;
}
.form01-table ::placeholder { /* 파이어폭스 51+, 크롬 57+ */
   color: #666;
   opacity:  1;
}


.quick{position: fixed;
    right: 20px;
    bottom: 20px;
    width: 80px;}
.quick img{width:100%; margin:10px 0 0 0;}

@media (min-width: 1px) and (max-width: 1025px) {
    .quick{right:15px;width:55px;}
    
    .container {max-width: 100%;}
    .navbar-brand img{height: 60px;}
    .navbar{padding:15px 15px;        transition: all ease 1.2s;}
    .navbar-brand{padding-top: 0; padding-bottom: 0;}
    
    footer { padding: 55px 15px 35px;}
    footer .left .one {font-size: 20px;}
    footer .left .two {font-size: 12px; margin: 10px 0 15px;}
    footer .left .three {font-size: 14px;}
    
    footer .right img{        width: 30px;margin: 5px 0 0 0;}
    
    .main0{padding: 110px 0 0 0;}
    .main0 .swiper-slide{font-size: 65px;}
    .main1 {margin: -128px 0 0 0;    background: url(/theme/chungboplan/img/main1mo.jpg) top center no-repeat;
    background-size: cover;}
    .main1:before{    padding-bottom: 160%;}
    .main1 .text2{font-size: 18px;  line-height: 25px; margin: -30px 0 25px 0; padding: 0 0 0 15px; }
    .main1 .text2 .one{        font-size: 25px; line-height: 30px;}
    .main1 .text2 .two{font-size: 22px;}
    .main1 .text2 .three{font-size: 16px;  line-height: 25px;}
    
    
    .main1 .img1{margin:0px 0 0 0}
    .main1 .img1 img{width:58%;}
    .main1 .text3{font-size: 18px;    bottom: 20px;}
    
    
    .main2 {display: block;}
    .main2 .one{    background: url(/theme/chungboplan/img/main2_1mo.jpg) top center no-repeat;
    background-size: cover;}
    .main2 .one:before{padding-bottom: 167%;}
    .main2 .one li{font-size:58px; line-height: 50px;}
    .main2 .one li:nth-child(2) img{width: 100%;}
    .main2 .one li:nth-child(2) { padding: 70px 0}
    .main2 .two{    background: url(/theme/chungboplan/img/main2_2mo.jpg) top center no-repeat;
    background-size: cover;}
    .main2 .two:before{padding-bottom: 167%;}
    .main2 .two .in_text{color: #fff;text-align: center;  font-family:"Bebas Neue"; font-size: 45px; position: absolute; width:100%; bottom:40px;}
    
    .main3{margin: 50px 0 0 0;}
    .main3 .box{display: block;}
    .main3 .title1{font-size: 38px; line-height: 45px;  padding: 0 0 30px 20px;}
    .main3 .box .two .in_text .big {
    font-size: 50px;
        line-height: 60px;    padding: 0 0 1em 0;}
    .main3 .box .one{    background: url(/theme/chungboplan/img/main3mo.jpg) top center no-repeat;
    background-size: cover;}
    .main3 .box .two .in_text{width:90%;}
    .main3 .box .two .in_text .small {
    font-size: 13px;
        line-height: 22px;}
    .main3 .box .two:before{    padding-bottom: 120%;}
    
    
    
    .marquee-container{height: 95px;}
    .marquee-container marquee {font-size: 80px;}
    
    .scroll-text-main .track{
      position: relative;
      animation: scroll-animation 5s linear infinite;
        white-space: nowrap;
        width: 1000%;
        font-size: 40px;
    }
    
    .swiper_text_main{font-size: 40px;}
    
    .scroll-text-partner .track{
      position: relative;
      animation: scroll-animation 10s linear infinite;
        white-space: nowrap;
        width: 1000%;
    }
    .scroll-text-partner .track li{margin:0 0px;}
    .scroll-text-partner .track img{}
    
   
    
    .marquee-container_top marquee {
        font-size: 105px;}
    .marquee-container_top marquee span img {
        width: 9vh;
        margin: -22px 20px 0px 20px;
    }
    .marquee-container_top{    padding:24vh 0 15vh;}
    
    
    .scroll-text{
      width: 100%;
      overflow: hidden;
            padding: 14vh 0 5vh;
    }
    .scroll-text .track{
      position: relative;
      animation: scroll-animation 5s linear infinite;
        white-space: nowrap;
        width: 1000%;
        font-size: 80px;
    }
    .scroll-text .track span img{width: 7vh;
        margin: -22px 10px 0px 10px;}
    
    
    .swiper_text_page{font-size:65px;padding: 0vh 0 5vh;}
    .swiper_text_page .swiper-slide span img{width: 7vh;
        margin: -22px 10px 0px 10px;}
    
    
    .about{padding: 110px 0 0 0;}
    .about .f_box1{  margin: -160px 0 0 0;   background: url(/theme/chungboplan/img/about1mo.jpg) top center no-repeat;
    background-size: cover;}
    .about .f_box1:before{padding-bottom: 160%;}
    .about .f_box1 .text_box{    font-size: 30px;  line-height: 35px;top: 140px;
    left: 10px;}
    .about .f_box1 .text3{font-size: 22px; bottom:20px;}
    
    .about .f_box2{padding: 70px 0;    width: 85%;  margin: auto}
    .about .f_box2 .one { font-size: 20px; margin: 0 0 15px 0;}
    .about .f_box2 .two {
    font-size: 13px;
        line-height: 24px;}
    
    .about .f_box2 .in_box{left: 0; margin-left: 0;}
    .about .f_box3 {
    margin: 45px 0px 20px; width:100%;
        display: block;}
    .about .f_box3 .in_box{position: relative;    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);}
    
    .about .f_box3 .left span {
        font-size: 20px;}
    .about .f_box3 .right:before{content: none;}
    .about .f_box3 .right .line{padding-bottom: 38%;}
    .about .f_box3 .right .text1 {
        font-size: 20px;
        line-height: 30px;
        margin: 45px 0 25px 0;
    }
    
    .about .f_box3 .right .text2 {font-size: 22px;line-height: 32px; padding: 0 0 45px 0;}
    
    .about .f_box4{display: block; margin: 80px auto;}
    .about .f_box4 .one{position: relative;}
    .about .f_box4 .one .circle{width: 48%;}
    .about .f_box4 .one .circle .in_text{font-size: 36px; line-height: 36px; width: 100%; left:70%; top:60%;}
    .about .f_box4 .two{font-size: 13px; line-height: 26px; margin:30px 0 0 0;}
    
    .about .f_box5{padding: 105px 0 45px;}
    .about .f_box5:before{content:none;}
    .about .f_box5 .in_text{display: block; width:80%;  margin:0px auto 0;}
    .about .f_box5 .in_slide img{width:100%;}
    .about .f_box5 .in_text .one{border-right:0; font-size: 22px; margin:0 0 20px 0;}
    .about .f_box5 .in_text .two{font-size: 13px; line-height: 26px;}
    .about .f_box5 .in_text2{text-align: center;    color: #f13c4a;font-size: 17vw; line-height: 1; margin: 30px 0;}
    
    .about .f_box6{padding: 80px 0;}
    .about .f_box6 .in_box{display: block; width:80%; padding: 25px 20px;}
    .about .f_box6 .in_box .one{font-size: 22px; margin: 0 0 30px 0;}
    .about .f_box6 .in_box .two{padding: 0 0 0 25px;}
    .about .f_box6 .in_box .two:before{height: 92%; top:15px;}
    .about .f_box6 .in_box .two li:before{left:-28px; top:13px;}
    .about .f_box6 .in_box .two li { font-size: 14px;  line-height: 30px;}
    .about .f_box6 .in_box .two span{line-height: 25px;}
    
    .work{padding: 110px 0 0 0;}
    .work .swiper_text_page{        padding: 0vh 0 3vh;}
    .work .f_box1 {
    padding: 0 15px;
    font-size: 20px;
        line-height: 30px;}
    
    .work .f_box2{padding:0  15px; margin:40px 0 40px;}
    .work .f_box2 .img_icon img{        height: 45px;}
    .work .f_box2 li {
    font-size: 25px;
        line-height: 40px;}
    .work .f_box2 li:before{width: 22px;    margin: 0 10px 0 0;}
    .work .f_box3 {
        padding: 0 0 0 15px;}
    .work .f_box3 .box {
        margin: 0 0 80px;}
    .work .f_box3 .box .title .text1 {
    font-size: 24px;
        float: none;}
    .work .f_box3 .box .title .text1 span{font-size: 16px; margin: 0 0 0 15px;}
    .work .f_box3 .box .title .text2{float: none;margin: 20px 0 0 0;}
    .work .f_box3 .box .title .text2 a {
        font-size: 16px;}
    
    .service{margin:0;}
    .service .f_box1 {
    padding: 0 15px;
    font-size: 20px;
        line-height: 30px;}
    .service .f_box2{padding:0 15px; margin:80px 0; display:block;}
    .service .f_box2 .right li{    grid-template-columns: 27% 1fr;        margin: 0 0 20px 0;}
    .service .f_box2 .right .num {
        font-size: 52px;}
    .service .f_box2 .right .con .text1 {
    font-size: 20px;
        margin: 15px 0 10px 0;}
    .service .f_box2 .right .con .text2 {
        font-size: 16px;}
    
    .inquiry{width: 90%; margin:8vh auto 5vh; border:0;}
    .inquiry .in_box { padding: 50px 0; width:100%;}
    .inquiry .f_box1 .title2 img{height:25px; margin: 0 10px 0 0;}
    .inquiry .f_box1 .title1{text-align: left; font-size: 20px; width:92%;padding: 70px 0 30px 0;}
    
    .inquiry .f_box1 ul{width:100%;    grid-template-columns: 1fr 1fr 1fr; gap:0;}
    
    .inquiry .one{    left: 0;  top: -20px;}
    .inquiry .circle .in_text{font-size: 28px; line-height: 28px;}
    .inquiry .icon_box img { height: 47px;}
    
    .inquiry0{padding:110px 0 0 0;}
    .inquiry0 .t_title{display: grid; grid-template-columns: 80% 1fr; width:90%; margin: auto; }
    .inquiry0 .f_box2{padding:0;    text-align: right;}
    .inquiry0 .f_box2 img{        width: 30px;}
    .inquiry0 .f_box0 {
    padding: 0 0px;
    font-size: 20px;
        line-height: 30px;}
    .box_form { width: 96%;}
    
    .form01-table td{padding:0 0 10px 0;}
    .form01-table .input01{height:45px; padding:0 0px;}
    .form01-table .btn_submit{width:100%; height:45px; font-size: 14px;}
    .form01-table .btn_ok{margin:15px 0 0 0;}
    
    .navbar.active{background: #e61424;transition: all ease 0.8s;}
    .navbar.active:before{        content: '';
        display: block;
        width: 100%;
        height: 85px;
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;}
    .nav-link{font-size: 35px;text-align: center; color: #fff;}
    .navbar-nav{padding:100px 0 50px 0;}
    .navbar-nav li {
        padding: 0px 0 0px 0px;
    }
    .navbar-collapse{}
    
    .navbar-collapse .link1{padding: 50px 0 320px 0; text-align: center;}
    .navbar-collapse .link1 a{text-decoration: underline; font-size: 20px; color:#fff;}
    .navbar-collapse .link2{text-align: right;        padding: 150px 0;}
    .navbar-collapse .link2 img{width: 60px;}
    
}