@media (max-width: 768px) {



#main1 .title {padding-top:30%;}
#main1 .tit1 { padding-top:50%;}

#main2 .section2 {
    position: relative;
    width: 50%;
    float: left;
    padding-left: 7%;
    box-sizing: border-box;
   
}
#main2 .section2 { padding-top:9%; }

#main2 .section2 p.t3 {font-size: 18px;padding-bottom: 2%;}
#main2 .section2 .viewmore { width:90%; height:90%;  }


#main4 .tit2 {width: 80%;}

#main4 .content { padding:5% 0; height: auto;}
#main4 .content .tit {width:100%; padding-left: 5%; padding-bottom:5%; font-size:30px;}
#main4 .content ul {width: 100%; padding: 0 5%;}
#main4 .content ul li { font-size: 17px; width: 48%; margin-right: 2%; box-sizing:border-box; }
#main4 .content ul li:nth-child(5n) { margin-right: 2%;}
#main4 .content ul li:nth-child(2n) {margin-right:0%;}

#main5 {padding: 10% 0;}
#main5 .tit {width: 43%; padding-left:3%;}
#main5 .slide {width: 57%;}

#main7 .main7 .contentbox.box2 .bgtxt {font-size: 120px;}
#main7 .main7 .contentbox .txt {width: 100%; float: none;}
#main7 .main7 .contentbox.box2 .img {width: 100%; float: none;}
#main7 .main7 .contentbox .img {width: 60%; padding-top:5%; float: none;} 
#main7 .main7 .contentbox.box2 .txt {position: relative; width: 100%; float:none; padding-top:5%;} 
#main7 .main7 .contentbox .bgtxt {right:0; font-size:120px; text-align:right;}

#main10 { height: 470px;}
#main10 .section1 { height: 470px;}
#main10 .section2 { height: 470px;}
#main10 .section1 .box3 .link { font-size: 15px;}
#main10 .section1 .box3 .link .kakao {height:30px; border-radius:30px;}
#main10 .section1 .box3 .link .kakao a{ line-height:30px; }
#main10 .section1 .box3 .link .naver {height:30px; border-radius:30px;}
#main10 .section1 .box3 .link .naver a{ line-height:30px; }
#main10 .section2 .mapp {position:absolute; width:220px; bottom:5%; left:5%;}

#main11 {padding: 10% 0;}
#main11 .tit1 {text-align: center; font-size: 16px; font-weight: 400;  padding-bottom:3%;}
#main11 .tit2 {text-align: center; font-size: 20px; font-weight: 600;}
#main11 .swiper { padding: 6% 0;}
#main11 .swiper .slidebox .box1  {width:100%; height:300px; float:none; border-radius:50px 0 0 0 ; }
#main11 .swiper .slidebox .box2  {width:100%; height:auto; float:none; }
#main11 .swiper .slidebox .box2 .t1 {font-size:24px;}
#main11 .swiper .slidebox .box2 .t2 {font-size:25px; padding:3% 0;}
#main11 .swiper .slidebox .box2 .t3 {font-size:18px; padding:0% 2%; line-height:1.4;}
#main11 .swiper11btn { position: relative; width: 88%; margin: 0 auto;}

#quick {display:none;}
footer { padding: 7% 3% }
}