@media screen and (max-width:768px){
.font_0 { font-size: 40px; }
.font_1 { font-size: 40px; }
.font_2 { font-size: 20px; }
.font_3 { font-size: 20px; }
.font_4 { font-size: 16px; }
.font_5 { font-size: 12px; }

.top { width: 100%; height: 100px; }
.top_item { width: 100%; display: flex; justify-content:space-between;}
.menu_item li { display: none; }
.top_item img { margin-left: 30px; }


.mobile_menu {
display: inline-block;
cursor: pointer;
width: 65%;
display: flex;
align-items: flex-end;
height: 40px;
}

.bar1, .bar2, .bar3 {
width: 35px;
height: 5px;
background-color: #333;
margin: 6px 0;
transition: 0.4s;
}

.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px); 
transform: rotate(45deg) translate(-8px, -8px);
}

/* .mobile_m.active {display: none; width: 100%; height: 450px; z-index: 997;padding-top: 150px; transition: 1s;} */
.mobile_m.active {display: flex; width: 100%;position: fixed;top:100px;background-color: rgb(223, 223, 223);z-index: 1000;}
.mobile_m .mobile_i { height: 100%; width: 786px; display: flex; flex-direction: column;align-items: center;justify-content: center; z-index: 999; margin-top: 10px;padding-top: 50px;margin-bottom: 100px; transition: 1s;}
.mobile_m .mobile_i li { width: 200px; height: 50px;  font-size: 25px;margin: 20px 0;}


.contents_aboutus { width: 100%; align-content: space-around;}
.main_banner_aboutus { width: 100%; height: 650px; margin-top: 100px; }
.aboutus_text { height: 600px; justify-content: flex-start; }
.aboutus_text { padding: 200px 0px 0 0px; }
.aboutus_text h1:nth-child(1) { margin: 0; height: 40px; line-height: 35px; }
.aboutus_text h1:nth-child(2) { padding: 30px 0px 0; line-height: 40px; }
.aboutus_text p { padding: 40px 0 0 0; line-height: 25px; text-align: justify;}
.contents_aboutus .box_text1 { margin: 100px 0px 200px 0px; width: 100%; }
.contents_aboutus .box_text2, 
.contents_aboutus .box_text3, 
.contents_aboutus .box_text4 { margin: 0 0px 150px 0; width: 100%; }

.contents_aboutus .box_text1 p ,
.contents_aboutus .box_text2 p ,
.contents_aboutus .box_text3 p ,
.contents_aboutus .box_text4 p ,
.contents_aboutus .box_text5 p ,
.contents_aboutus .box_text6 p { text-align:center ; padding: 0 40px 0 40px ;}
.contents_aboutus .box_pic1 img, 
.contents_aboutus .box_pic2 img, 
.contents_aboutus .box_pic3 img { width: 768px; height: 200px; object-fit: cover; }
.go_top { opacity: 0; }
.footer .item { margin: 30px 40px; }
.shotcut_part li { margin: 20px 0 0; }

/* Our advantage Setting */

.main_banner_ouradvantage { width: 100%; height: 350px; margin-top: 100px; }
.contents_ouradvantage { width: 100%; }
.ouradvantage_text { margin-bottom: 100px; }
.ouradvantage_text h1:nth-child(1) { margin: 0; height: 30px; line-height: 30px; }
.ouradvantage_text h1:nth-child(2) { padding: 10px 40px 0; line-height: 60px; }
.ouradvantage_text p { padding: 40px; line-height: 30px; }
.contents_ouradvantage .box_text1 { margin: 150px 0; width: 100%; }
.contents_ouradvantage .box_text2,
.contents_ouradvantage .box_text3,
.contents_ouradvantage .box_text4,
.contents_ouradvantage .box_text5 { margin: 50px 0 150px; width: 100%; }
.contents_ouradvantage .box_text6 { margin: 100px 0 150px; width: 100%; }
.contents_ouradvantage .box_text1 p,
.contents_ouradvantage .box_text4 p { padding: 40px; line-height: 30px; }
.contents_ouradvantage .box_text5 p,
.contents_ouradvantage .box_text6 p { padding: 40px; line-height: 30px; margin-bottom: 50px; }
.box_our_pic1 img { width: 100%; object-fit: scale-down; }
.box_our_pic2 img { width: 100%; height: 400px; object-fit: scale-down; }
.box_our_pic3 img { width: 100%; height: 300px; object-fit: scale-down; }
.box_our_pic4 img { width: 100%; height: 150px; object-fit: scale-down; }
.box_our_pic5 img { width: 100%; object-fit: scale-down; }

/* Meet the team Setting */

.main_banner_meettheteam { width: 100%; height: 350px; margin-top: 100px; }
.contents_meettheteam { width: 100%; }
.meettheteam_text { margin-bottom: 100px; }
.meettheteam_text h1:nth-child(1) { margin: 0; height: 30px; line-height: 30px; }
.meettheteam_text h1:nth-child(2) { padding: 10px 40px 0; line-height: 60px; }
.meettheteam_text p { padding: 40px; line-height: 30px; }
.contents_meettheteam .title_s { margin: 150px 0 0; }
.contents_meettheteam .box_text1 { margin: 100px 0 50px; width: 100%; height: 100%; padding: 50px 0; }
.contents_meettheteam .box_text2 { margin: 0; width: 100%; height: 100%; padding: 0 0 50px; }
.contents_meettheteam .box_text3 { margin: 0 0 50px; width: 100%; height: 100%; padding: 50px 0; }
.contents_meettheteam .box_text4 { margin: 0; width: 100%; height: 100%; }
.contents_meettheteam .box_text5 { margin: 50px 0 150px; width: 100%; flex-direction: column; height: 60%; }
.contents_meettheteam .box_text6 { margin: 0 0 100px 0; width: 100%; flex-direction: column; height: 60%; }
.contents_meettheteam .box_text1 div,
.contents_meettheteam .box_text2 div,
.contents_meettheteam .box_text3 div,
.contents_meettheteam .box_text4 div { margin: 0 30px 0 40px; width: 40%; }
.contents_meettheteam .box_text5 div,
.contents_meettheteam .box_text6 div { display: flex; flex-direction: row; justify-content: center; width: 100%; }
.contents_meettheteam .box_text5 .advisor { height: 200px; }
.contents_meettheteam .box_text6 .advisor { height: 200px; }
.contents_meettheteam .box_text5 .advisor div { width: 35%; align-items: flex-end; height: 100%; }
.contents_meettheteam .box_text6 .advisor div { width: 35%; align-items: flex-end; height: 100%; }
.contents_meettheteam .box_text1 ul,
.contents_meettheteam .box_text2 ul,
.contents_meettheteam .box_text3 ul,
.contents_meettheteam .box_text4 ul { margin: 0 20px; font-size: 16px; height: 100%; }
.contents_meettheteam .box_text5 ul { width: 55%; margin: 0; }
.contents_meettheteam .box_text6 ul { width: 55%; margin: 0; }
.contents_meettheteam .box_text5 .title_s li:nth-child(1) { font-size: 17px; }
.contents_meettheteam .box_text5 .title_s li:nth-child(2) { font-size: 25px; }
.contents_meettheteam .box_text5 .title_s li:nth-child(3), 
.contents_meettheteam .box_text5 .title_s li:nth-child(4) { font-size: 15px; }
.contents_meettheteam .box_text6 .title_s li:nth-child(1) { font-size: 17px; }
.contents_meettheteam .box_text6 .title_s li:nth-child(2) { font-size: 25px; }
.contents_meettheteam .box_text6 .title_s li:nth-child(3),
.contents_meettheteam .box_text6 .title_s li:nth-child(4) { font-size: 15px; }
.contents_meettheteam .box_text5 p,
.contents_meettheteam .box_text6 p { line-height: 30px; font-size: 15px; padding: 40px;}
.contents_meettheteam .box_text5 p.animate3,
.contents_meettheteam .box_text6 p.animate3 { width: 90%; padding: 40px; height: 100%; }
.box_meet_pic1 img { width: 174px; height: 278px; object-fit: cover; }
.box_meet_pic2 img { width: 174px; height: 278px; object-fit: cover; }
.box_meet_pic3 img { width: 192px; height: 291px; object-fit: cover; }
.box_meet_pic4 img { width: 198px; height: 285px; object-fit: cover; }
.contents_meettheteam .m_pic { width: 100%; height: 200px; object-fit: cover; }
.box_meet_pic6 img { width: 80%; object-fit: cover; }
.box_meet_pic7 img { width: 80%; object-fit: cover; }

/* What we do Setting */

.main_banner_whatwedo { width: 100%; height: 350px; margin-top: 100px; }
.contents_whatwedo { width: 100%; }
.whatwedo_text { margin-bottom: 100px; }
.whatwedo_text h1:nth-child(1) { margin: 0; height: 30px; line-height: 30px; }
.whatwedo_text h1:nth-child(2) { padding: 10px 40px 0; line-height: 60px; }
.whatwedo_text p { padding: 40px; line-height: 30px; }
.contents_whatwedo .title_s { margin: 150px 0 0; }
.contents_whatwedo .box_text1 { margin: 100px 0; }
.contents_whatwedo .box_text2 { margin: 0 0 50px; height: 100%; }
.contents_whatwedo .box_text3 { margin: 200px 0 50px; }
.contents_whatwedo .box_text5 { margin: 50px 0; height: 700px;}
.contents_whatwedo .box_text6,
.contents_whatwedo .box_text7 { margin: 100px 0; }
.contents_whatwedo .box_text8 { margin: 100px 0; height: 300px; width: 90%; }
.contents_whatwedo .box_text2 div { width: 70%; margin: 0 0 50px; }
.contents_whatwedo .box_text5 div { width: 70%; margin: 0 0 50px 0; }
.contents_whatwedo .box_text6 div { width: 100%; margin: 0 0 50px; }
.contents_whatwedo .box_text3 div { width: 100%; margin: 0 0 50px; }
.contents_whatwedo .box_text6 div,
.contents_whatwedo .box_text7 div { width: 100%; margin: 0 0 50px; flex-direction: column; align-items: center; }
.contents_whatwedo .box_text2 div { width: 70%; }
.contents_whatwedo .box_text3 div { width: 100%; margin-bottom: 20px; }
.contents_whatwedo .box_text2 div p { line-height: 30px; }
.contents_whatwedo .box_text2 h1 { margin-bottom: 10px; margin-top: 30px; }
.contents_whatwedo .box_text4 h1 { width: 100%; }
.contents_whatwedo .box_text5 h1:nth-child(2) { height: 60px; }
.contents_whatwedo .box_text3 #homepi { display: black; }
.contents_whatwedo .box_text3 #mobile_1 { display: none; margin: 0; }
.contents_whatwedo .box_text3 #mobile_2 { display: none; margin: 0; }
.contents_whatwedo .box_text3 #mobile_3 { display: none; margin: 0; }
.contents_whatwedo .box_text5 #homepi { display: block; }
.contents_whatwedo .box_text5 #mobile { display: none; margin: 20px 50px; }
/* 완료 */
.box_text1 img,
.whatwedo_ani1 img,
.box_text3 img,
.box_text4 img,
.box_text5 img,
.box_text6 img,
.box_text7 img { width: 95%; object-fit: scale-down; }
.box_text8 #w_01,
.box_text8 #w_02,
.box_text8 #w_03,
.box_text8 #w_04,
.box_text8 #w_05,
.box_text8 #w_06 { width: 33.3%; height: 50%; object-fit: cover; }


/* What we offer Setting */

.main_banner_whatweoffer { width: 100%; height: 350px; margin-top: 100px; }
.contents_whatweoffer { width: 100%; }
.whatweoff_text { margin-bottom: 100px; }
.whatweoff_text h1:nth-child(1) { margin: 0; height: 30px; line-height: 30px; }
.whatweoff_text h1:nth-child(2) { padding: 10px 40px 0; line-height: 60px; }
.whatweoff_text p { padding: 40px; line-height: 30px; }
.contents_whatweoff .title_s { margin: 150px 0 0; }

.contents_whatweoffer .box_text1 { text-align: center; width: 100%; margin-bottom: 50px; margin-top: 200px; }
.contents_whatweoffer .box_text2 { display: flex; flex-direction: column; width: 100%; justify-content: space-around; align-items: center;margin-bottom: 200px; }

.contents_whatweoffer .box_text2 .left {max-width: 500px; display: flex; width: 100%; height: 400px; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: baseline; padding-top: 60px;}
.contents_whatweoffer .box_text2 .right {width: 100%; padding: 0px 40px 0 40px ; }


.contents_whatweoffer .box_text2 .right {width: 100%;}
.whatweoff_ani1 .left img { width: 30%; object-fit: scale-down; }
.whatweoff_ani2 .left img { width: 26%; object-fit: scale-down; }
.whatweoff_ani3 .left img { width: 60%; object-fit: scale-down; }
.whatweoff_ani4 .left img { width: 32%; object-fit: scale-down; }
.whatweoff_ani5 .left img { width: 32%; object-fit: scale-down; }
.whatweoff_ani6 .left img { width: 32%; object-fit: scale-down; }
.whatweoff_ani7 .left img { width: 60%; object-fit: scale-down; }
.whatweoff_ani4 .left {height: 350px }
.whatweoff_ani5 .left {height: 350px }
.whatweoff_ani6 .left {height: 350px }
.whatweoff_ani1 .right img ,
.whatweoff_ani2 .right img ,
.whatweoff_ani3 .right img ,
.whatweoff_ani4 .right img ,
.whatweoff_ani5 .right img ,
.whatweoff_ani6 .right img ,
.whatweoff_ani7 .right img {width: 100%;}

.whatweoff_ani2 .left #offer_05 {display: none !important;}

/* Contact us Setting */


.main_banner_contactus { width: 100%; height: 350px; margin-top: 100px; }
.contents_contactus { width: 100%; }
.contactus_text { margin-bottom: 100px; }
.contactus_text h1:nth-child(1) { margin: 0; height: 30px; line-height: 30px; }
.contactus_text h1:nth-child(2) { padding: 10px 40px 0; line-height: 60px; }
.contactus_text p { padding: 40px; line-height: 30px; }
.contents_contactus .title_s { margin: 150px 0 0; }

.contents_contactus .box_text1 { width: 100%; }
.contents_contactus .box_text2 { width: 100%; }
.contents_contactus .box_text3 { width: 100%; height: 500px;}
.contents_contactus .box_text3 .first {height: 100px; margin-bottom: 30px;}
.contents_contactus .box_text3 .first h1 {margin-top: 10px;}

.contents_contactus .box_text3 .form { width: 100%; }
.contents_contactus .box_text3 .form ul { width: 300px; }
.contents_contactus .box_text3 .form ul li { width: 100% }  
.contents_contactus .box_text3 .form input { width: 100%; }


}