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

    body {min-width: auto; min-height: auto; } 
    .wrap{padding: 0 20px;}
    .mainImgWrap {width: 150%; height: auto; top: 50%; transform: translate(-50%,-50%);}
    .mainImgWrap .mainImg {width: 100%;}
    .section1 .text_box h2,
    .section1 .text_box h3,
    .section1 .text_box h4 {font-size: 18vw;}

    .section2 .centerbox {flex-direction: column;}
    .section2 .centerbox .img_box {order:1}
    .section2 .centerbox .img_box img {width: 100%;}
    .section2 .centerbox .content_box {order:2}
    .section2 .img_box .Squirrel {display: none;}

    .section2 .textbox1 .date {min-width: auto;}
    .section2 .content_box {width: auto;}

    .section2 .textbox1 P {font-size: 20px;}
    .section2 .textbox1 {gap: 0px;}
    .section2 .textbox1 span {font-size: 20px;}
    
    .section2  .tbox1 .textbox1 {flex-direction: column;}
    .section2 .textbox1 .desc  {color: #e2cebf;}
    .section2 .tbox2 .textbox1 .date {line-height: 1;}
    .section2 .tbox2 .textbox1 {gap: 20px; margin-bottom: 35px; flex-direction: column; }
    .section2 .tbox2 .textbox1 .date {line-height: 1}
    .section2 .tbox2 .textbox1 .desc {line-height: 1;}
    .section2 .tbox2 .graph_box {position: relative; margin-top: 80px;}
    .section2 .tbox2 .graph_box a {display: block; text-align: center; }
    .section2 .tbox2 .graph_box a img {width: 100%;}

    /* .section2 .tbox3 .textbox1 {flex-direction: column;} */
    .section2 .tbox3 .textbox1 {gap: 20px;}
    .section2 .tbox3 .textbox1 a {font-size: 20px;color: #e2cebf; display: inline-block; white-space: normal; gap: 20px;;}
    .section2 .tbox3 .textbox1 .date {line-height: 1; }

    .section3 h1 {font-size: 50px;}
    .section4 h1 {font-size: 50px;}
    .section4 .one1 {width: auto; flex-direction: column;}
    .section4 .one2 {width: auto; flex-direction: column;}
    .section4 .one3 {width: auto; flex-direction: column;}
    .section4 .one4 {width: auto; flex-direction: column;}
    .section4 .one5 {width: auto; flex-direction: column;}
    .section4 .one6 {width: auto; flex-direction: column;}
    .section4 .one .computer {left: 0;}
    .section4 .one:nth-child(odd) .computer {order:1; }
    .section4 .one:nth-child(odd) .content_box {order:2; }
    .section4 .one .bg_circle {display: none;}
    .section4 .computer .monitor {width: auto;}
    .section4 .computer .com2box {display: none;}
    .section4 .computer .screen_box {width: 100%;}
    .section4 .computer .screen {width: 100%; left: 0;}
    .section4 .one .title {font-size: 30px;}
    .section4 .one .text_box .title1 {flex-direction: column;}
    .section4 .one2 .text_box .title1 .label {min-width: auto;}
    .section4 img {width: 50%;}
    .section4 .one:nth-of-type(2n) .computer {left: 0;}
    .section4 .one {padding: 0;}
    .section4 .computer .com2 {margin-left: 0;}
    .section4 .computer .webimg {margin-top: 0;}

    .section5 {}
    .section5 ul {flex-direction: column; text-align: center;}
    .section5 ul li {margin-right: 0; padding:10px 0;}
    .section5 h1 {font-size: 50px; text-align: center;}
    .section6 {}
    .section6 h1 {font-size: 50px;}
    .section6 .imgbox {flex-direction: column;}
    .section6 .imgbox .left_img .app_img img {width: 100%;}
    .section6 .imgbox .left_img .big_textbox {position: relative; padding: 25px; top: 0; transform: translate(0, -30%);}
    .section6 .imgbox .rigth_img .app_img img {width: 100%;}
    .section6 .imgbox .rigth_img .big_textbox {position: relative; padding: 25px; top: 0; transform: translate(0, -30%);}
    .section6 .imgbox .rigth_img .big_textbox .text_box .title1 .label {min-width: 150px;}
    .section7 {}
    .section7 h1 {font-size: 50px;}
    .section7 .centerbox {width: auto;}
    .section7 .imgbox .top_img img {width: 100%;}
    .section7 .imgbox .top_img .big_textbox {padding: 25px; position: relative; width: 100%; transform:translate(0, 10%)}
    .section7 .imgbox .top_img .big_textbox .text_box .title1 .label {min-width: 80px;}
    .section7 .imgbox .bottom_img img {width: 100%;}
    .section7 .imgbox .bottom_img .big_textbox {padding: 25px; position: relative; width: 100%; transform:translate(0, 10%)}
    .section7 .imgbox .bottom_img .big_textbox .text_box .title1 .label {min-width: 80px;}
    
    .section7 .subFont {font-family: 'Pretendard-Regular'; font-weight: normal;}
    .section8 {}
    .section8 video {width: 100%;}
    .section8 h1 {font-size: 50px;}
    .section9 {}
    .section9 .centerbox {min-width: auto;}
    .section9 .photo-wall {grid-template-columns: repeat(2, 1fr);}
    .section9 h1 {font-size: 50px;}

    /* .section10 .line {position: relative;} */
    .section10 {position: relative;}
    /* .section10 .centerbox {display: flex; flex-direction: column;} */
    .section10 img {width: 100%; position: absolute; }
    .section10 .left_textbox {font-size: 4vw; position: relative; top: 0; padding: 35px; margin-top: 0;}
    .section10 .line { display: none;}
    .section10 .right_textbox {position: relative; bottom: 0; order: 4;  text-align: center; padding: 100px 0;}
    
}