/*-------배너 슬라이더 부분------*/
/*bx슬라이더 디자인 수정*/
.bx-wrapper {border : none !important;}
.bx-wrapper{margin-bottom:0px !important;}
.bx-wrapper .bx-pager {bottom: 20px !important;position: relative;z-index: 60;}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: transparent !important;text-indent: -9999px;
    display: block;width: 14px !important;
    height: 14px !important;margin: 0 8px !important;
    outline: 0;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 7px !important;
    border:2px solid white;}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background:white !important;}




section.banner div.bxslider div.banner{background-size:cover;background-position: center;width:100%;height:75vw;min-height:300px;max-height:600px;}
section.banner div.bxslider div.banner1{background-image: url(../img/1.main/banner1.jpg);}
section.banner div.bxslider div.banner2{background-image: url(../img/1.main/banner2.jpg);}
section.banner div.bxslider div.banner3{background-image: url(../img/1.main/banner3.jpg);}


section.banner div.bxslider div.banner div.banBox{width:270px;margin:5vw 0 0 20px;padding:10px;}
section.banner div.bxslider div.banner div.imgBox{display: none;}
section.banner div.bxslider div.banner div.banBox h3.banTitle{font-size:20px;line-height:30px;margin-bottom:15px}
section.banner div.bxslider div.banner div.banBox p.banText{font-size:15px;line-height:25px}
section.banner div.bxslider div.banner div.banBox p.banBtnWrap{text-align: center;}
section.banner div.bxslider div.banner div.banBox a{display: inline-block;width: 180px;height: 45px;text-align: center;border:1px solid white;color:white;line-height:40px;transition:all 0.2s}
/*배너안에서 자세히보기 버튼 호버반응*/
section.banner div.bxslider div.banner div.banBox a:hover{border-radius:25px;background-color:rgba(0,0,0,0.2)}


/*-----섹션1부분------*/

section.sec1{background: linear-gradient(152deg, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%);;padding:50px 0 100px 0;}
section.sec1 div.productWrap{text-align:center;}
section.sec1 div.productWrap .product{display: inline-block;width:45%;height:auto;border:1px solid #efefef;vertical-align:top;margin:10px 5px;padding:15px;transition:all 0.2s ease-out;border-radius:5px;background-color: white;text-align: center;}
section.sec1 div.productWrap .product .proLogo{width:170px;height:80px;text-align: center;margin:auto}
section.sec1 div.productWrap .product .proName{text-align:center;}
section.sec1 div.productWrap .product a.proBtn{font-family: 'Noto Sans KR', sans-serif;font-weight:400;display: inline-block;font-size:14px;color:#127dc8;width:100px;height:30px;border:2px solid #47abf1;line-height:25px;margin:15px 0px;border-radius:5px;}


/*호버 반응*/
section.sec1 div.productWrap .product:hover {box-shadow:1px 1px 0px 0px #ccc,2px 2px 0px 0px #ddd,4px 4px 0px 0px #ddd,6px 6px 0px 0px #ddd,7px 7px 0px 0px #ddd;text-align: center;}
/*로고 크기조절*/
section.sec1 div.productWrap .pro1 .proLogo img{width:150px;margin-top:20px;}
section.sec1 div.productWrap .pro2 .proLogo img{width:100px;margin-top:5px;}
section.sec1 div.productWrap .pro3 .proLogo img{width:130px;margin-top:20px;}
section.sec1 div.productWrap .pro4 .proLogo img{width:130px;margin-top:20px;}
section.sec1 div.productWrap .pro5 .proLogo img{width:130px;margin-top:15px;}
section.sec1 div.productWrap .pro6 .proLogo img{width:140px;margin-top:30px;}
section.sec1 div.productWrap .pro7 .proLogo img{width:160px;margin-top:20px;}
section.sec1 div.productWrap .pro8 .proLogo img{width:170px;margin-top:20px;}
section.sec1 div.productWrap .pro9 .proLogo img{width:160px;margin-top:20px;}
section.sec1 div.productWrap .pro10 .proLogo img{width:160px;margin-top:20px;}
section.sec1 div.productWrap .pro11 .proLogo img{width:160px;margin-top:5px;}
section.sec1 div.productWrap .pro12 .proLogo img{width:160px;margin-top:30px;}
section.sec1 div.productWrap .pro13 .proLogo img{width:160px;margin-top:20px;}
section.sec1 div.productWrap .pro14 .proLogo img{width:160px;margin-top:22px;}
section.sec1 div.productWrap .pro7 .proLogo img{width:170px;margin-top:8px;}
section.sec1 div.productWrap .pro16 .proLogo img{width:170px;margin-top:30px;}
section.sec1 div.productWrap .pro17 .proLogo img{width:170px;margin-top:18px;}
section.sec1 div.productWrap .pro18 .proLogo img{width:170px;margin-top:18px;}








/*-----섹션2부분 교육 및 세미나------*/
section.sec2{background-color:white;padding-top:50px;}
section.sec2 div.eduWrap {position: relative;}
/*첫번째wrap*/
section.sec2 div.eduWrap div.photoBox1{height: 500px;background-image: url(../img/1.main/edu1.jpg);background-size:1000px;padding-top:1px;margin-bottom:50px}
section.sec2 div.eduWrap div.whiteBox1{display:none}

section.sec2 div.eduWrap div.textBox{position:absolute;left:0;right:0;top:50px;margin-left:auto;margin-right:auto;width:300px;height:400px;padding:45px 45px;background-color:rgba(255,255,255,0.85);box-shadow:0 0 3px 3px rgba(180,180,180,0.3);}
section.sec2 div.eduWrap div.textBox h4.textTitle{border-bottom:3px double #999;padding-bottom:5px;margin-bottom:5px;}
section.sec2 div.eduWrap div.textBox p.textCon{line-height:27px;}
section.sec2 div.eduWrap div.textBox p.eduBtnWrap{text-align: center;margin-top:20px}
section.sec2 div.eduWrap div.textBox a.eduBtn{font-family: 'Noto Sans KR', sans-serif;font-weight:400;display: inline-block;font-size:14px;color:white;background-color:#281E14;width:130px;height:40px;line-height:36px;margin-top:15px;transition:all 0.3s 0.1s;position: relative;z-index:1;}
section.sec2 div.eduWrap div.textBox a.eduBtn:first-child{margin-top:0px;}
section.sec2 div.eduWrap div.textBox a.eduBtn:hover{box-shadow:4px 4px 0 0 #bbb;background:linear-gradient;}
section.sec2 div.eduWrap div.textBox a.eduBtn:before{content:'';position: absolute;z-index:-1;width:100%;height: 100%;left:0;top:0;background-color:#FF3C00;transition:transform 0.2s ease-out;transform:scaleX(0);transform-origin: right;}
section.sec2 div.eduWrap div.textBox a.eduBtn:hover:before{transform:scaleX(1);transform-origin:left;}


/*두번재wrap*/
section.sec2 div.eduWrap div.photoBox2{height: 500px;background-image: url(../img/1.main/edu2.jpg);background-size:1200px;padding-top:1px;}
section.sec2 div.eduWrap div.whiteBox2{display:none;}





/*-----섹션3부분 홍보문구------*/
/*대각선 배경*/
section.sec3{background:linear-gradient(#333,#444);margin:100px 0;padding:1px 0;}
section.sec3 div.diaTop{
    border-top:0 solid transparent;
    border-right:0 solid transparent;
    border-bottom:50px solid #333;
    border-left:96vw solid transparent;
    margin-top:-50px;}
section.sec3 div.diaBottom{
    border-top:50px solid #444;
    border-right:100vw solid transparent;
    border-bottom:0px solid transparent;
    border-left:0px solid transparent;
    margin-bottom:-50px;}

/*홍보문구들*/
section.sec3 div.textBox{width:300px;border:1px solid white;margin:0 0 20px 20px;}



/*------섹션4 : 뉴스------*/
section.sec4 {margin:50px auto;}
section.sec4 div.newsWrap{text-align: center;}
section.sec4 div.newsWrap div.news{padding:10px;width:275px;margin:5px 10px;display: inline-block;text-align:left;vertical-align:top;}
section.sec4 div.newsWrap div.news div.picBox{width:100%;height:220px;margin:auto}

section.sec4 div.newsWrap div.news:first-child div.picBox{height:80px;}



section.sec4 div.newsWrap div.news h4.newsTitle{margin:10px 0;}
section.sec4 div.newsWrap div.news a.newsBtn{font-family: 'Noto Sans KR', sans-serif;display: block;text-align: center;margin:10px 0;font-size:15px;color:#666}
section.sec4 p.more{text-align: right;}
section.sec4 p.more a{color:#666;font-family: 'Noto Sans KR', sans-serif;font-size:14px;}



/*------섹션5 : service, 사진클릭?(미정)------*/


/*------섹션6 : 푸터위 사진들------*/
section.sec6 {height:80vw;background-image: url(../img/1.main/sec6.jpg);background-position: left center;background-repeat: no-repeat;background-size:202%;margin-top:40px;}