/*------600px 이상일때, 웹배너안의 텍스트 박스 크기,--------*/
@media screen and (min-width:600px ){
    .font5{font-size:40px;}
    section.banner div.bxslider div.banner div.banBox{width:400px;margin:60px 0 0 20px;padding:20px;}
    section.banner div.bxslider div.banner div.banBox h3.banTitle{font-size:45px;line-height:60px;margin-bottom:15px}
    section.banner div.bxslider div.banner div.banBox p.banText{font-size:25px;line-height:35px}
    section.banner div.bxslider div.banner div.banBox a{margin-top:25px;}
}

/*------800px 이상일때 : sec1제품 상자 크기, 섹션6 배경화면 크기,--------*/
@media screen and (min-width:800px ){
    .font7{font-size:20px;margin:10px 0}
    .font8{font-size:16px;line-height:24px;}
   
    section.sec1 div.productWrap{text-align:center;}
    section.sec1 div.productWrap div.forLeft{display: inline-block;text-align: left;
    margin: auto;width: 83%;}
    
    section.sec1 div.productWrap .product{width:240px;margin:5px 2px;padding: 15px;height:250px;}
/*제품 추가되서 가로 폭 줄일때는 230으로 줄이기(5단)*/
    
    
    
    
    
    
    section.sec6 {height:60vw;background-position:center center;background-size:150%;}    
    
}





/*--------웹사이즈로 펼쳐질 때--------*/
@media screen and (min-width:968px ){
/*배너부분*/    
    section.banner{margin-top:100px;position: relative;}
    section.banner div.bxslider div.banner div.wrap2{position: relative;width:1200px;margin:auto;}
    section.banner div.bxslider div.banner div.banBox{width:550px;margin:80px 0 0 20px;padding:20px;position: relative;z-index:99}
    section.banner div.bxslider div.banner div.imgBox{display:block;position: absolute;top:0px;right:0px;width:500px;height:500px;}
    section.banner div.bxslider div.banner3 div.imgBox{top:80px;right:0px;width:600px;}
    
    
    section.banner div.bxslider div.banner div.banBox h3.banTitle{font-size:55px;line-height:75px;margin-bottom:15px}
    section.banner div.bxslider div.banner div.banBox p.banText{font-size:25px;line-height:35px}
    
    
/*섹션2 교육 및 세미나 부분*/
    section.sec2 div.eduWrap div.photoBox1{display: inline-block;width:60%;height: 500px;background-image: url(../img/1.main/edu1.jpg);background-size:1000px;padding-top:1px;vertical-align:top}
    section.sec2 div.eduWrap div.whiteBox1 {margin-left: -203px;
    display: inline-block;background-color:transparent;vertical-align: top;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 500px solid white;
    border-left: 200px solid transparent;}
    section.sec2 div.eduWrap div.textBox{right:-28%;top:50px;}
    
    
    section.sec2 div.edu2 {transform:rotateY(180deg)}
    section.sec2 div.eduWrap div.photoBox2{display: inline-block;width:60%;height: 500px;background-image: url(../img/1.main/edu2.jpg);background-size:1200px;padding-top:1px;vertical-align:top;}
    section.sec2 div.eduWrap div.whiteBox2 {margin-left: -203px;
    display: inline-block;background-color:transparent;vertical-align: top;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    border-bottom: 500px solid white;
    border-left: 200px solid transparent;}
    section.sec2 div.eduWrap div.text2{right:-28%;top:50px;transform:rotateY(180deg)}
    
    
/*섹션3 홍보문구*/
section.sec3{margin:200px 0}
    
section.sec3 div.diaTop{
    border-top:0 solid transparent;
    border-right:0 solid transparent;
    border-bottom:120px solid #333;
    border-left:98vw solid transparent;
    margin-top:-120px;}
section.sec3 div.diaBottom{
    border-top:120px solid #444;
    border-right:98vw solid transparent;
    border-bottom:0 solid transparent;
    border-left:0 solid transparent;
    margin-bottom:-120px;}

section.sec3 div.textBox{width:550px;border:1px solid white;}
section.sec3 div.textBox2{width:550px;border:1px solid white;margin-left:calc(100% - 620px)}
/*sec3-헤드라인*/
.font11{font-size:45px;margin:15px 0}
/*sec3-서브라인*/
.font12{font-size:25px;}

}




@media screen and (min-width:1080px ){
    section.sec6 {height:50vw;max-height:600px;background-position:center bottom;background-size:cover;}
    
    
    
    
}