@media (max-width: 1024px) {

header ul.headermenu li {
    position: relative;
    float: left;
    line-height: 80px;
    margin-right: 33px;
    font-size: 14px;
}

/*#allmenu{position: fixed; right: -100vw; top: 0px;  width: 100vw; height: 100%; background-color: #fff; transition: all 0.5s; z-index: -1; margin-top: 50px; display: flex;flex-direction: column;justify-content: center; box-sizing:border-box; padding-bottom:60px;}
#allmenu.active {right: 0vw; z-index:999;}
#allmenu li a {display: block; text-align: center; font-size: 36px; font-weight: 700; line-height: 64px; color: #333;}
#allmenubt { position: absolute; top:50%; right:1%; transform:translate(-50%,-50%);  width: 40px; height: 40px; cursor: pointer;}*/

#main1 { height: 100vh;}
#main1 .main1btn .btn {font-size: 14px;}

#main1 .slide .tit { position:absolute; width:90%;  top:50%; left:50%; transform:translate(-50%,-50%); }
#main1 .main1slide .slide .t1 {font-size:18px; } 
#main1 .main1slide .slide .t2  {font-size:27px;} 
#main1 .main1slide .slide01 {background: url(/images/main1bg.jpg) no-repeat 50% 50%; background-size:cover;}

#main2_1 { height: 440px;}
#main2_1 .section1 {position:relative; width:17%;}
#main2_1 .section1 .box { top: 120px; height:320px;}
#main2_1 .section2 .box  { top: 120px;  height:320px;}
#main2_1 .section2 .p1 {font-size:24px; }
#main2_1 .section2 .p2 { font-size:15px; }
#main2_1 .section3 .box {top: 120px;}
#main2_1 .section3 .box img {position:absolute; top:0; left:0; height:320px;}

#main2_2 { height: 290px;}
#main2_2 .section2 .p1 {font-size:24px; padding-top: 6%;}
#main2_2 .section2 .p2 {font-size:15px; }

#main2_3 { height: 290px;}
#main2_3 .section2 .p1 {font-size:24px;}
#main2_3 .section2 .p2 {font-size:15px; }
#main2_3 .section1 img {height:100%;}

#main3 .section1 {width:100%;height:auto; box-sizing:Border-box; padding:5% 0 3% 0; background:none; }
#main3 .section1 .txt {padding-top:0;}
#main3 .section2 {width:50%; padding-top:0;}
#main3 .section2 .img {width: 90%; margin:0 auto}
#main3 .section3 {width:50%; padding-top:2%; background:url(/images/logo.png) no-repeat 0 80%; }
#main3 .section3 ul {height: 74%;}
#main3 .section3 ul li {margin-bottom: 3%;}

#main4_2 .section2 .contentbox .box .tit {font-size: 18px;}
#main4_2 .section2 .contentbox .box .con {font-size: 16px;}


#main5 .main5btn { position:relative; width:100%; margin:0 auto; display:flex; height:auto; top: 0; left:0; font-size:17px; z-index:20;}
#main5 .main5btn li { position:relative; width:100%; float:left; height:auto;  background:#fff;  box-sizing:border-box; padding:1% 2%; text-align:center; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
#main5 .main5btn li:first-child {border-top:1px solid #d7d7d7;}
#main5 .main5btn li.btn.on {background:#062a36; color:#fff;}
#main5 .main5slide { height: auto; padding-left:40px;  padding-top:40px; padding-bottom:80px; box-sizing:Border-box;}
#main5 .slide5_1 {padding-left:0;}
#main5 .swiper-pagination-fraction {bottom: 35px; font-size: 20px;font-family: "Noto Serif KR", serif;}
#main5 .swiper-pagination-fraction .swiper-pagination-total {color:#999; font-size:18px;}
#main5 .arrow div:first-child {position:absolute; bottom:20px; left:30px; cursor:pointer;}
#main5 .arrow div:last-child {position:absolute; bottom:20px; right:30px; cursor:pointer;}
#main5 .main5slide .swiper-slide .scon3 div {width: 35%;}
#main5 .main5slide .swiper-slide .scon1 div {width: 70%;}
 #main5 .main5btn li {border-top: 1px solid #d7d7d7;}

#main6 .tit .t2 {font-size:30px; font-weight: bold; }
#main6 .tit .t1 {font-size:15px;  }
#main6 .main6slide .slide .t1 {width:60%; font-size:32px; }
#main6 .main6slide .slide .t2 {width:70%; }
#main6 .con .section2 img { width: 100%;}
#main6 .con2 .section1 {padding: 4% 3% 8% 3%;}
#main6 .con3 .content ul li.num {right: 1%; bottom: 36%; font-size: 50px;}
#main6 .con3 .content ul li.txt { font-size: 17px;}


#main7 .section1 .btn {font-size:18px;}


#main8 .tit .t2 {font-size:30px; font-weight: bold;}
#main8 .tit .t1 {font-size:15px; }
#main8 .arrow { width: 78%;top: 50%;}
#main8 .swiper-slide .img {height: 250px;}

#main9 .tit .t2 {font-size:30px; font-weight: bold;}
#main9 .tit .t1 {font-size:15px; }
#main9 .main9swiper {width:90%; height:460px;}

#main10 { height: 512px;}
#main10 .section2 {padding: 3%;}

#quick {bottom: 5%; width:65px;}
#quick ul {padding: 10px 0;}
#quick ul li { width: 100%;font-size:12px; }
#quick ul li a { padding-top: 46px; }
#quick ul li.quick1 a {background: url(/images/quick1.png) no-repeat 50% 30%; background-size:27px;}
#quick ul li.quick2 a {background: url(/images/quick2.png) no-repeat 50% 30%; background-size:27px;}
#quick ul li.quick3 a {background: url(/images/quick3.png) no-repeat 50% 30%; background-size:27px;} 
#quick ul li.quick4 a {background: url(/images/quick4.png) no-repeat 50% 30%; background-size:27px;}
#quick ul li.quick1 a:hover {background: url(/images/quick1_on.png) no-repeat 50% 30%;  background-size:27px;}
#quick ul li.quick2 a:hover {background: url(/images/quick2_on.png) no-repeat 50% 30%;  background-size:27px;}
#quick ul li.quick3 a:hover {background: url(/images/quick3_on.png) no-repeat 50% 30%;  background-size:27px;}
#quick ul li.quick4 a:hover {background: url(/images/quick4_on.png) no-repeat 50% 30%;  background-size:27px;}

#quick .top {width:50px; height:50px; margin:0 auto; border-radius:80px; background: #d7ac7a url(/images/top.png) no-repeat 50% 100%; text-align:center; margin-top:20px; background-size:50%;}
#quick .top a {display: block; color:rgba(0,0,0,0);}

}